npm - @homefile/components-v2 - Versions diffs - 1.0.1 → 1.0.3 - Mend

@homefile/components-v2 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1709) hide show

package/dist/components/homeSummary/DocumentMenu.js CHANGED Viewed

@@ -1,25 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DocumentMenu = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("..");
-var colors_1 = require("../../theme/colors");
-var DocumentMenu = function (_a) {
-    var documents = _a.documents, isDisabled = _a.isDisabled, title = _a.title;
-    var filteredDocuments = documents.filter(function (document) { return document.active !== false; });
-    return ((0, jsx_runtime_1.jsx)(react_1.Menu, { gutter: 0, matchWidth: true, children: function (_a) {
-            var isOpen = _a.isOpen;
-            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Overlay, { bg: "#00000040", showOverlay: isOpen, zIndex: "2", position: "fixed" }), (0, jsx_runtime_1.jsx)(react_1.MenuButton, { as: react_1.Button, variant: "menu", disabled: isDisabled, zIndex: "3", children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { alignItems: "center", justifyContent: "space-between", px: "4", children: [(0, jsx_runtime_1.jsx)(components_1.IconAndText, { title: title, icon: (0, jsx_runtime_1.jsx)(components_1.Plus, {}) }), (0, jsx_runtime_1.jsx)(react_1.Circle, { size: "40px", bg: "blue.1", color: "neutral.white", transform: isOpen ? 'rotate(90deg)' : 'rotate(0deg)', transition: "all 0.2s ease-in-out", children: (0, jsx_runtime_1.jsx)(components_1.ChevronRight, { size: 26, stroke: colors_1.colors.neutral.white }) })] }) }), (0, jsx_runtime_1.jsx)(react_1.MenuList, { borderTopRadius: "0", boxShadow: "lg", zIndex: "3", children: documents &&
-                            filteredDocuments.map(function (_a) {
-                                var onClick = _a.onClick, icon = _a.icon, _b = _a.active, active = _b === void 0 ? true : _b, label = _a.label;
-                                return ((0, jsx_runtime_1.jsxs)(react_1.MenuItem, { minH: "3rem", onClick: onClick, isDisabled: !active, _hover: {
-                                        bg: 'lightGreen.1',
-                                    }, _focus: {
-                                        bg: 'lightGreen.1',
-                                    }, children: [(0, jsx_runtime_1.jsx)(react_1.Image, { boxSize: "2rem", src: icon, alt: "".concat(label, " ").concat((0, i18next_1.t)('images.altIcon')), mr: "12px" }), (0, jsx_runtime_1.jsx)(react_1.Text, { children: label })] }, label));
-                            }) })] }));
-        } }));
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Button, Menu, MenuButton, MenuList, Image, MenuItem, Flex, Text, Circle, } from '@chakra-ui/react';
+import { ChevronRight, IconAndText, Overlay, Plus } from '..';
+import { colors } from '../../theme/colors';
+export const DocumentMenu = ({ documents, isDisabled, title, }) => {
+    const filteredDocuments = documents.filter((document) => document.active !== false);
+    return (_jsx(Menu, { gutter: 0, matchWidth: true, children: ({ isOpen }) => (_jsxs(_Fragment, { children: [_jsx(Overlay, { bg: "#00000040", showOverlay: isOpen, zIndex: "2", position: "fixed" }), _jsx(MenuButton, { as: Button, variant: "menu", disabled: isDisabled, zIndex: "3", children: _jsxs(Flex, { alignItems: "center", justifyContent: "space-between", px: "4", children: [_jsx(IconAndText, { title: title, icon: _jsx(Plus, {}) }), _jsx(Circle, { size: "40px", bg: "blue.1", color: "neutral.white", transform: isOpen ? 'rotate(90deg)' : 'rotate(0deg)', transition: "all 0.2s ease-in-out", children: _jsx(ChevronRight, { size: 26, stroke: colors.neutral.white }) })] }) }), _jsx(MenuList, { borderTopRadius: "0", boxShadow: "lg", zIndex: "3", children: documents &&
+                        filteredDocuments.map(({ onClick, icon, active = true, label }) => (_jsxs(MenuItem, { minH: "3rem", onClick: onClick, isDisabled: !active, _hover: {
+                                bg: 'lightGreen.1',
+                            }, _focus: {
+                                bg: 'lightGreen.1',
+                            }, children: [_jsx(Image, { boxSize: "2rem", src: icon, alt: `${label} ${t('images.altIcon')}`, mr: "12px" }), _jsx(Text, { children: label })] }, label))) })] })) }));
 };
-exports.DocumentMenu = DocumentMenu;

package/dist/components/homeSummary/ProjectList.js CHANGED Viewed

@@ -1,13 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProjectList = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("..");
-var images_1 = require("../../assets/images");
-var ProjectList = function (_a) {
-    var handleProjectClick = _a.handleProjectClick, menuItems = _a.menuItems, title = _a.title;
-    return ((0, jsx_runtime_1.jsx)(react_1.Container, { variant: "list", p: "4", children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { justify: "space-between", children: [(0, jsx_runtime_1.jsx)(react_1.Box, { as: "button", onClick: handleProjectClick, children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { alignItems: "center", gap: "3", children: [(0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.YellowFolder, alt: "".concat(title, " ").concat((0, i18next_1.t)('homeSummary.altFolderIcon')), h: "2rem", w: "auto" }), (0, jsx_runtime_1.jsx)(react_1.Text, { children: title })] }) }), (0, jsx_runtime_1.jsx)(components_1.IconMenu, { icon: (0, jsx_runtime_1.jsx)(components_1.MoreHorizontal, { size: 38 }), menuItems: menuItems })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Text, Container, Flex, Image } from '@chakra-ui/react';
+import { IconMenu, MoreHorizontal } from '..';
+import { YellowFolder } from '../../assets/images';
+export const ProjectList = ({ handleProjectClick, menuItems, title, }) => {
+    return (_jsx(Container, { variant: "list", p: "4", children: _jsxs(Flex, { justify: "space-between", children: [_jsx(Box, { as: "button", onClick: handleProjectClick, children: _jsxs(Flex, { alignItems: "center", gap: "3", children: [_jsx(Image, { src: YellowFolder, alt: `${title} ${t('homeSummary.altFolderIcon')}`, h: "2rem", w: "auto" }), _jsx(Text, { children: title })] }) }), _jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 38 }), menuItems: menuItems })] }) }));
 };
-exports.ProjectList = ProjectList;

package/dist/components/homeSummary/UpdateList.js CHANGED Viewed

@@ -1,14 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UpdateList = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var images_1 = require("../../assets/images");
-var UpdateList = function (_a) {
-    var _b = _a.documentType, documentType = _b === void 0 ? '' : _b, _c = _a.isOpened, isOpened = _c === void 0 ? false : _c, handleProjectClick = _a.handleProjectClick, _d = _a.projectName, projectName = _d === void 0 ? '' : _d, _e = _a.updatedAt, updatedAt = _e === void 0 ? '' : _e;
-    return ((0, jsx_runtime_1.jsx)(react_1.Container, { variant: "list", p: "4", children: (0, jsx_runtime_1.jsx)(react_1.Box, { as: "button", onClick: handleProjectClick, w: "full", children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { justify: "space-between", children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { alignItems: "center", gap: "3", children: [(0, jsx_runtime_1.jsx)(react_1.Box, { color: isOpened ? 'gray.1' : 'neutral.white', border: "1px", borderColor: isOpened ? 'gray.1' : 'yellow.2', bg: isOpened ? 'transparent' : 'yellow.2', w: "5rem", py: "1", borderRadius: ".25rem", mr: "4", fontSize: ".7rem", children: (0, jsx_runtime_1.jsx)(react_1.Text, { variant: "report", textTransform: "uppercase", fontWeight: "bold", children: isOpened
-                                        ? (0, i18next_1.t)('homeSummary.report.opened')
-                                        : (0, i18next_1.t)('homeSummary.report.unopened') }) }), (0, jsx_runtime_1.jsx)(react_1.Image, { src: images_1.ProgressReport, alt: "".concat(projectName, " ").concat((0, i18next_1.t)('homeSummary.altFolderIcon')), h: "2.5rem", w: "auto" }), (0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "0", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "report", textAlign: "left", textTransform: "uppercase", children: projectName }), (0, jsx_runtime_1.jsx)(react_1.Text, { children: documentType })] })] }), (0, jsx_runtime_1.jsx)(react_1.Text, { variant: "report", children: updatedAt })] }) }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Text, Container, Flex, Image, Stack } from '@chakra-ui/react';
+import { ProgressReport } from '../../assets/images';
+export const UpdateList = ({ documentType = '', isOpened = false, handleProjectClick, projectName = '', updatedAt = '', }) => {
+    return (_jsx(Container, { variant: "list", p: "4", children: _jsx(Box, { as: "button", onClick: handleProjectClick, w: "full", children: _jsxs(Flex, { justify: "space-between", children: [_jsxs(Flex, { alignItems: "center", gap: "3", children: [_jsx(Box, { color: isOpened ? 'gray.1' : 'neutral.white', border: "1px", borderColor: isOpened ? 'gray.1' : 'yellow.2', bg: isOpened ? 'transparent' : 'yellow.2', w: "5rem", py: "1", borderRadius: ".25rem", mr: "4", fontSize: ".7rem", children: _jsx(Text, { variant: "report", textTransform: "uppercase", fontWeight: "bold", children: isOpened
+                                        ? t('homeSummary.report.opened')
+                                        : t('homeSummary.report.unopened') }) }), _jsx(Image, { src: ProgressReport, alt: `${projectName} ${t('homeSummary.altFolderIcon')}`, h: "2.5rem", w: "auto" }), _jsxs(Stack, { spacing: "0", children: [_jsx(Text, { variant: "report", textAlign: "left", textTransform: "uppercase", children: projectName }), _jsx(Text, { children: documentType })] })] }), _jsx(Text, { variant: "report", children: updatedAt })] }) }) }));
 };
-exports.UpdateList = UpdateList;

package/dist/components/homeSummary/index.js CHANGED Viewed

@@ -1,9 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DocumentMenu = exports.UpdateList = exports.ProjectList = void 0;
-var ProjectList_1 = require("./ProjectList");
-Object.defineProperty(exports, "ProjectList", { enumerable: true, get: function () { return ProjectList_1.ProjectList; } });
-var UpdateList_1 = require("./UpdateList");
-Object.defineProperty(exports, "UpdateList", { enumerable: true, get: function () { return UpdateList_1.UpdateList; } });
-var DocumentMenu_1 = require("./DocumentMenu");
-Object.defineProperty(exports, "DocumentMenu", { enumerable: true, get: function () { return DocumentMenu_1.DocumentMenu; } });
+export { ProjectList } from './ProjectList';
+export { UpdateList } from './UpdateList';
+export { DocumentMenu } from './DocumentMenu';

package/dist/components/householdItems/AddHomeItemHeader.js CHANGED Viewed

@@ -1,21 +1,6 @@
-"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);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from '@chakra-ui/react';
+import { CreateHouseholdItemHeader, ItemNameHeader } from '..';
+export const AddHomeItemHeader = (props) => {
+    return (_jsxs(Stack, { p: "base", spacing: "base", bg: "lightBlue.2", children: [_jsx(ItemNameHeader, Object.assign({}, props, { padding: "0" })), _jsx(CreateHouseholdItemHeader, Object.assign({}, props))] }));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AddHomeItemHeader = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("..");
-var AddHomeItemHeader = function (props) {
-    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { p: "base", spacing: "base", bg: "lightBlue.2", children: [(0, jsx_runtime_1.jsx)(components_1.ItemNameHeader, __assign({}, props, { padding: "0" })), (0, jsx_runtime_1.jsx)(components_1.CreateHouseholdItemHeader, __assign({}, props))] }));
-};
-exports.AddHomeItemHeader = AddHomeItemHeader;

package/dist/components/householdItems/CreateHouseholdItemHeader.js CHANGED Viewed

@@ -1,11 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CreateHouseholdItemHeader = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("..");
-var CreateHouseholdItemHeader = function (_a) {
-    var handleSelectGroup = _a.handleSelectGroup, handleSelectRoom = _a.handleSelectRoom, _b = _a.activeGroup, activeGroup = _b === void 0 ? true : _b, _c = _a.activeRoom, activeRoom = _c === void 0 ? true : _c, rooms = _a.rooms, groups = _a.groups, initialGroup = _a.initialGroup, initialRoom = _a.initialRoom, roomFilterValue = _a.roomFilterValue, roomHandleFilter = _a.roomHandleFilter, roomHasFilter = _a.roomHasFilter, groupFilterValue = _a.groupFilterValue, groupHandleFilter = _a.groupHandleFilter, groupHasFilter = _a.groupHasFilter;
-    return ((0, jsx_runtime_1.jsx)(react_1.Box, { w: "100%", children: initialRoom && initialGroup && ((0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", gap: "base", children: [(0, jsx_runtime_1.jsx)(components_1.SelectInput, { handleClick: handleSelectRoom, initialValue: initialRoom.name, items: rooms, isDisabled: !activeRoom, handleFilter: roomHandleFilter, filterValue: roomFilterValue, hasFilter: roomHasFilter, height: "md", width: "100%" }), (0, jsx_runtime_1.jsx)(components_1.SelectInput, { handleClick: handleSelectGroup, initialValue: initialGroup, items: groups, isDisabled: !activeGroup, handleFilter: groupHandleFilter, filterValue: groupFilterValue, hasFilter: groupHasFilter, height: "md", width: "100%" })] })) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Flex } from '@chakra-ui/react';
+import { SelectInput } from '..';
+export const CreateHouseholdItemHeader = ({ handleSelectGroup, handleSelectRoom, activeGroup = true, activeRoom = true, rooms, groups, initialGroup, initialRoom, roomFilterValue, roomHandleFilter, roomHasFilter, groupFilterValue, groupHandleFilter, groupHasFilter, }) => {
+    return (_jsx(Box, { w: "100%", children: initialRoom && initialGroup && (_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(SelectInput, { handleClick: handleSelectRoom, initialValue: initialRoom.name, items: rooms, isDisabled: !activeRoom, handleFilter: roomHandleFilter, filterValue: roomFilterValue, hasFilter: roomHasFilter, height: "md", width: "100%" }), _jsx(SelectInput, { handleClick: handleSelectGroup, initialValue: initialGroup, items: groups, isDisabled: !activeGroup, handleFilter: groupHandleFilter, filterValue: groupFilterValue, hasFilter: groupHasFilter, height: "md", width: "100%" })] })) }));
 };
-exports.CreateHouseholdItemHeader = CreateHouseholdItemHeader;

package/dist/components/householdItems/ItemNameHeader.js CHANGED Viewed

@@ -1,13 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ItemNameHeader = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("..");
-var utils_1 = require("../../utils");
-var ItemNameHeader = function (_a) {
-    var _b = _a.id, id = _b === void 0 ? '' : _b, handleChange = _a.handleChange, value = _a.value, handleSave = _a.handleSave, _c = _a.padding, padding = _c === void 0 ? 'base' : _c;
-    return ((0, jsx_runtime_1.jsx)(react_1.Box, { bg: "lightBlue.2", p: padding, w: "100%", children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { gap: "base", align: "center", children: [(0, jsx_runtime_1.jsx)(components_1.TextInput, { errorMessage: "".concat((0, i18next_1.t)('householdItems.headers.itemName'), " ").concat((0, i18next_1.t)('forms.required')), hasError: (0, utils_1.isEmptyField)(value), id: id, handleChange: handleChange, placeholder: (0, i18next_1.t)('householdItems.headers.placeholder'), value: value }), value && ((0, jsx_runtime_1.jsx)(react_1.Button, { variant: "secondary", maxW: "fit-content", maxH: "input.md", onClick: handleSave, children: (0, i18next_1.t)('createDocument.buttons.save') }))] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Flex, Button } from '@chakra-ui/react';
+import { TextInput } from '..';
+import { isEmptyField } from '../../utils';
+export const ItemNameHeader = ({ id = '', handleChange, value, handleSave, padding = 'base', }) => {
+    return (_jsx(Box, { bg: "lightBlue.2", p: padding, w: "100%", children: _jsxs(Flex, { gap: "base", align: "center", children: [_jsx(TextInput, { errorMessage: `${t('householdItems.headers.itemName')} ${t('forms.required')}`, hasError: isEmptyField(value), id: id, handleChange: handleChange, placeholder: t('householdItems.headers.placeholder'), value: value }), value && (_jsx(Button, { variant: "secondary", maxW: "fit-content", maxH: "input.md", onClick: handleSave, children: t('createDocument.buttons.save') }))] }) }));
 };
-exports.ItemNameHeader = ItemNameHeader;

package/dist/components/householdItems/index.js CHANGED Viewed

@@ -1,19 +1,3 @@
-"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("./AddHomeItemHeader"), exports);
-__exportStar(require("./CreateHouseholdItemHeader"), exports);
-__exportStar(require("./ItemNameHeader"), exports);
+export * from './AddHomeItemHeader';
+export * from './CreateHouseholdItemHeader';
+export * from './ItemNameHeader';

package/dist/components/icons/ArrowLeft.js CHANGED Viewed

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowLeft = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var ArrowLeft = 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 24 24", children: (0, jsx_runtime_1.jsx)("g", { id: "Arrow", transform: "translate(1.414 1.414)", children: (0, jsx_runtime_1.jsxs)("g", { id: "Arrow-2", "data-name": "Arrow", transform: "translate(-413.155 3721.059) rotate(-90)", children: [(0, jsx_runtime_1.jsx)("path", { id: "Path_8457", "data-name": "Path 8457", d: "M3699.346,423.934l10.779-10.779,10.779,10.779", transform: "translate(0.154)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeWidth: "2" }), (0, jsx_runtime_1.jsx)("line", { id: "Line_2685", "data-name": "Line 2685", y2: "20.711", transform: "translate(3710.553 413.681)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeWidth: "2" })] }) }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const ArrowLeft = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", children: _jsx("g", { id: "Arrow", transform: "translate(1.414 1.414)", children: _jsxs("g", { id: "Arrow-2", "data-name": "Arrow", transform: "translate(-413.155 3721.059) rotate(-90)", children: [_jsx("path", { id: "Path_8457", "data-name": "Path 8457", d: "M3699.346,423.934l10.779-10.779,10.779,10.779", transform: "translate(0.154)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeWidth: "2" }), _jsx("line", { id: "Line_2685", "data-name": "Line 2685", y2: "20.711", transform: "translate(3710.553 413.681)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeWidth: "2" })] }) }) }));
 };
-exports.ArrowLeft = ArrowLeft;

package/dist/components/icons/Calendar.js CHANGED Viewed

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Calendar = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Calendar = 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: "M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Calendar = ({ 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: "M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z" }) }));
 };
-exports.Calendar = Calendar;

package/dist/components/icons/Camera.js CHANGED Viewed

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Camera = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Camera = 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: "M208,56H180.28L166.65,35.56A8,8,0,0,0,160,32H96a8,8,0,0,0-6.65,3.56L75.71,56H48A24,24,0,0,0,24,80V192a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V80A24,24,0,0,0,208,56Zm-44,76a36,36,0,1,1-36-36A36,36,0,0,1,164,132Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Camera = ({ 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: "M208,56H180.28L166.65,35.56A8,8,0,0,0,160,32H96a8,8,0,0,0-6.65,3.56L75.71,56H48A24,24,0,0,0,24,80V192a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V80A24,24,0,0,0,208,56Zm-44,76a36,36,0,1,1-36-36A36,36,0,0,1,164,132Z" }) }));
 };
-exports.Camera = Camera;

package/dist/components/icons/ChevronDown.js CHANGED Viewed

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChevronDown = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var ChevronDown = 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: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const ChevronDown = ({ 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: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }) }));
 };
-exports.ChevronDown = ChevronDown;

package/dist/components/icons/ChevronLeft.js CHANGED Viewed

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChevronLeft = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var ChevronLeft = 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: "M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const ChevronLeft = ({ 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: "M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z" }) }));
 };
-exports.ChevronLeft = ChevronLeft;

package/dist/components/icons/ChevronRight.js CHANGED Viewed

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChevronRight = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var ChevronRight = 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: "M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const ChevronRight = ({ 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: "M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z" }) }));
 };
-exports.ChevronRight = ChevronRight;

package/dist/components/icons/ChevronUp.js CHANGED Viewed

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChevronUp = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var ChevronUp = 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: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const ChevronUp = ({ 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: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }) }));
 };
-exports.ChevronUp = ChevronUp;

package/dist/components/icons/Close.js CHANGED Viewed

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Close = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Close = 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: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Close = ({ 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: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }) }));
 };
-exports.Close = Close;

package/dist/components/icons/CustomIcon.js CHANGED Viewed

@@ -1,10 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomIcon = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var CustomIcon = function (_a) {
-    var _b = _a.color, color = _b === void 0 ? '' : _b, type = _a.type, _c = _a.size, size = _c === void 0 ? '5' : _c, style = _a.style;
-    return ((0, jsx_runtime_1.jsx)(react_1.Icon, { as: type, w: size, h: size, color: color, style: style }));
-};
-exports.CustomIcon = CustomIcon;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from '@chakra-ui/react';
+export const CustomIcon = ({ color = '', type, size = '5', style }) => (_jsx(Icon, { as: type, w: size, h: size, color: color, style: style }));

package/dist/components/icons/DisplayGrid.js CHANGED Viewed

@@ -1,11 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisplayGrid = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var icon_1 = require("@chakra-ui/icon");
-var DisplayGrid = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _b;
-    return ((0, jsx_runtime_1.jsx)(icon_1.Icon, { children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 19.5 19.5", children: (0, jsx_runtime_1.jsxs)("g", { fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", "data-name": "Group 14495", children: [(0, jsx_runtime_1.jsx)("path", { d: "M.75.75h7.321v7.321H.75Z", "data-name": "Path 10064" }), (0, jsx_runtime_1.jsx)("path", { d: "M11.429.75h7.321v7.321h-7.321Z", "data-name": "Path 10065" }), (0, jsx_runtime_1.jsx)("path", { d: "M11.429 11.428h7.321v7.321h-7.321Z", "data-name": "Path 10066" }), (0, jsx_runtime_1.jsx)("path", { d: "M.75 11.428h7.321v7.321H.75Z", "data-name": "Path 10067" })] }) }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+import { Icon } from '@chakra-ui/icon';
+export const DisplayGrid = ({ stroke = colors.blue[3], }) => {
+    return (_jsx(Icon, { children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 19.5 19.5", children: _jsxs("g", { fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", "data-name": "Group 14495", children: [_jsx("path", { d: "M.75.75h7.321v7.321H.75Z", "data-name": "Path 10064" }), _jsx("path", { d: "M11.429.75h7.321v7.321h-7.321Z", "data-name": "Path 10065" }), _jsx("path", { d: "M11.429 11.428h7.321v7.321h-7.321Z", "data-name": "Path 10066" }), _jsx("path", { d: "M.75 11.428h7.321v7.321H.75Z", "data-name": "Path 10067" })] }) }) }));
 };
-exports.DisplayGrid = DisplayGrid;

package/dist/components/icons/DisplayItem.js CHANGED Viewed

@@ -1,11 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisplayItem = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var icon_1 = require("@chakra-ui/icon");
-var colors_1 = require("../../theme/colors");
-var DisplayItem = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _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.79 17.374", children: (0, jsx_runtime_1.jsxs)("g", { stroke: stroke, "data-name": "Group 14548", children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M.75.75h18.29v11.438H.75Z", "data-name": "Path 10082" }), (0, jsx_runtime_1.jsxs)("g", { fill: stroke, "data-name": "Rectangle 16845", children: [(0, jsx_runtime_1.jsx)("path", { stroke: "none", d: "M.833 14.374h3v3h-3z" }), (0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M1.333 14.874h2v2h-2z" })] }), (0, jsx_runtime_1.jsxs)("g", { fill: stroke, "data-name": "Rectangle 16846", children: [(0, jsx_runtime_1.jsx)("path", { stroke: "none", d: "M5.833 14.374h3v3h-3z" }), (0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M6.333 14.874h2v2h-2z" })] }), (0, jsx_runtime_1.jsxs)("g", { fill: stroke, "data-name": "Rectangle 16847", children: [(0, jsx_runtime_1.jsx)("path", { stroke: "none", d: "M10.833 14.374h3v3h-3z" }), (0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M11.333 14.874h2v2h-2z" })] }), (0, jsx_runtime_1.jsxs)("g", { fill: stroke, "data-name": "Rectangle 16848", children: [(0, jsx_runtime_1.jsx)("path", { stroke: "none", d: "M15.833 14.374h3v3h-3z" }), (0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M16.333 14.874h2v2h-2z" })] })] }) }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@chakra-ui/icon';
+import { colors } from '../../theme/colors';
+export const DisplayItem = ({ stroke = colors.blue[3], }) => {
+    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.79 17.374", children: _jsxs("g", { stroke: stroke, "data-name": "Group 14548", children: [_jsx("path", { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M.75.75h18.29v11.438H.75Z", "data-name": "Path 10082" }), _jsxs("g", { fill: stroke, "data-name": "Rectangle 16845", children: [_jsx("path", { stroke: "none", d: "M.833 14.374h3v3h-3z" }), _jsx("path", { fill: "none", d: "M1.333 14.874h2v2h-2z" })] }), _jsxs("g", { fill: stroke, "data-name": "Rectangle 16846", children: [_jsx("path", { stroke: "none", d: "M5.833 14.374h3v3h-3z" }), _jsx("path", { fill: "none", d: "M6.333 14.874h2v2h-2z" })] }), _jsxs("g", { fill: stroke, "data-name": "Rectangle 16847", children: [_jsx("path", { stroke: "none", d: "M10.833 14.374h3v3h-3z" }), _jsx("path", { fill: "none", d: "M11.333 14.874h2v2h-2z" })] }), _jsxs("g", { fill: stroke, "data-name": "Rectangle 16848", children: [_jsx("path", { stroke: "none", d: "M15.833 14.374h3v3h-3z" }), _jsx("path", { fill: "none", d: "M16.333 14.874h2v2h-2z" })] })] }) }) }));
 };
-exports.DisplayItem = DisplayItem;

package/dist/components/icons/DisplayList.js CHANGED Viewed

@@ -1,11 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisplayList = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var icon_1 = require("@chakra-ui/icon");
-var colors_1 = require("../../theme/colors");
-var DisplayList = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _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 18 14", children: (0, jsx_runtime_1.jsxs)("g", { fill: stroke, "data-name": "Group 14455", children: [(0, jsx_runtime_1.jsx)("path", { d: "M5 0h13v2H5z", "data-name": "Rectangle 14122" }), (0, jsx_runtime_1.jsx)("path", { d: "M5 6h13v2H5z", "data-name": "Rectangle 14123" }), (0, jsx_runtime_1.jsx)("path", { d: "M5 12h13v2H5z", "data-name": "Rectangle 14124" }), (0, jsx_runtime_1.jsx)("path", { d: "M0 0h3v2H0z", "data-name": "Rectangle 14122" }), (0, jsx_runtime_1.jsx)("path", { d: "M0 6h3v2H0z", "data-name": "Rectangle 14123" }), (0, jsx_runtime_1.jsx)("path", { d: "M0 12h3v2H0z", "data-name": "Rectangle 14124" })] }) }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@chakra-ui/icon';
+import { colors } from '../../theme/colors';
+export const DisplayList = ({ stroke = colors.blue[3], }) => {
+    return (_jsx(Icon, { viewBox: "0 0 200 200", color: "red.500", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 14", children: _jsxs("g", { fill: stroke, "data-name": "Group 14455", children: [_jsx("path", { d: "M5 0h13v2H5z", "data-name": "Rectangle 14122" }), _jsx("path", { d: "M5 6h13v2H5z", "data-name": "Rectangle 14123" }), _jsx("path", { d: "M5 12h13v2H5z", "data-name": "Rectangle 14124" }), _jsx("path", { d: "M0 0h3v2H0z", "data-name": "Rectangle 14122" }), _jsx("path", { d: "M0 6h3v2H0z", "data-name": "Rectangle 14123" }), _jsx("path", { d: "M0 12h3v2H0z", "data-name": "Rectangle 14124" })] }) }) }));
 };
-exports.DisplayList = DisplayList;

package/dist/components/icons/Edit.js CHANGED Viewed

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Edit = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Edit = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _b, _c = _a.size, size = _c === void 0 ? 18 : _c;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 18.199 18.199", children: (0, jsx_runtime_1.jsx)("path", { d: "M13.1 1.868a2.283 2.283 0 0 1 3.228 3.228L5.438 15.989 1 17.199l1.21-4.438Z", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Edit = ({ stroke = colors.blue[3], size = 18 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 18.199 18.199", children: _jsx("path", { d: "M13.1 1.868a2.283 2.283 0 0 1 3.228 3.228L5.438 15.989 1 17.199l1.21-4.438Z", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }));
 };
-exports.Edit = Edit;

package/dist/components/icons/Eye.js CHANGED Viewed

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Eye = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Eye = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.gray[2] : _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: "M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Eye = ({ stroke = colors.gray[2], 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: "M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z" }) }));
 };
-exports.Eye = Eye;

package/dist/components/icons/EyeOff.js CHANGED Viewed

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EyeOff = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var EyeOff = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.gray[2] : _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: "M53.92,34.62A8,8,0,1,0,42.08,45.38L61.32,66.55C25,88.84,9.38,123.2,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208a127.11,127.11,0,0,0,52.07-10.83l22,24.21a8,8,0,1,0,11.84-10.76Zm47.33,75.84,41.67,45.85a32,32,0,0,1-41.67-45.85ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.16,133.16,0,0,1,25,128c4.69-8.79,19.66-33.39,47.35-49.38l18,19.75a48,48,0,0,0,63.66,70l14.73,16.2A112,112,0,0,1,128,192Zm6-95.43a8,8,0,0,1,3-15.72,48.16,48.16,0,0,1,38.77,42.64,8,8,0,0,1-7.22,8.71,6.39,6.39,0,0,1-.75,0,8,8,0,0,1-8-7.26A32.09,32.09,0,0,0,134,96.57Zm113.28,34.69c-.42.94-10.55,23.37-33.36,43.8a8,8,0,1,1-10.67-11.92A132.77,132.77,0,0,0,231.05,128a133.15,133.15,0,0,0-23.12-30.77C185.67,75.19,158.78,64,128,64a118.37,118.37,0,0,0-19.36,1.57A8,8,0,1,1,106,49.79,134,134,0,0,1,128,48c34.88,0,66.57,13.26,91.66,38.35,18.83,18.83,27.3,37.62,27.65,38.41A8,8,0,0,1,247.31,131.26Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const EyeOff = ({ stroke = colors.gray[2], 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: "M53.92,34.62A8,8,0,1,0,42.08,45.38L61.32,66.55C25,88.84,9.38,123.2,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208a127.11,127.11,0,0,0,52.07-10.83l22,24.21a8,8,0,1,0,11.84-10.76Zm47.33,75.84,41.67,45.85a32,32,0,0,1-41.67-45.85ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.16,133.16,0,0,1,25,128c4.69-8.79,19.66-33.39,47.35-49.38l18,19.75a48,48,0,0,0,63.66,70l14.73,16.2A112,112,0,0,1,128,192Zm6-95.43a8,8,0,0,1,3-15.72,48.16,48.16,0,0,1,38.77,42.64,8,8,0,0,1-7.22,8.71,6.39,6.39,0,0,1-.75,0,8,8,0,0,1-8-7.26A32.09,32.09,0,0,0,134,96.57Zm113.28,34.69c-.42.94-10.55,23.37-33.36,43.8a8,8,0,1,1-10.67-11.92A132.77,132.77,0,0,0,231.05,128a133.15,133.15,0,0,0-23.12-30.77C185.67,75.19,158.78,64,128,64a118.37,118.37,0,0,0-19.36,1.57A8,8,0,1,1,106,49.79,134,134,0,0,1,128,48c34.88,0,66.57,13.26,91.66,38.35,18.83,18.83,27.3,37.62,27.65,38.41A8,8,0,0,1,247.31,131.26Z" }) }));
 };
-exports.EyeOff = EyeOff;

package/dist/components/icons/FacebookLogo.js CHANGED Viewed

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FacebookLogo = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var FacebookLogo = 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: "M232,128a104.16,104.16,0,0,1-91.55,103.26,4,4,0,0,1-4.45-4V152h24a8,8,0,0,0,8-8.53,8.17,8.17,0,0,0-8.25-7.47H136V112a16,16,0,0,1,16-16h16a8,8,0,0,0,8-8.53A8.17,8.17,0,0,0,167.73,80H152a32,32,0,0,0-32,32v24H96a8,8,0,0,0-8,8.53A8.17,8.17,0,0,0,96.27,152H120v75.28a4,4,0,0,1-4.44,4A104.15,104.15,0,0,1,24.07,124.09c2-54,45.74-97.9,99.78-100A104.12,104.12,0,0,1,232,128Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const FacebookLogo = ({ 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: "M232,128a104.16,104.16,0,0,1-91.55,103.26,4,4,0,0,1-4.45-4V152h24a8,8,0,0,0,8-8.53,8.17,8.17,0,0,0-8.25-7.47H136V112a16,16,0,0,1,16-16h16a8,8,0,0,0,8-8.53A8.17,8.17,0,0,0,167.73,80H152a32,32,0,0,0-32,32v24H96a8,8,0,0,0-8,8.53A8.17,8.17,0,0,0,96.27,152H120v75.28a4,4,0,0,1-4.44,4A104.15,104.15,0,0,1,24.07,124.09c2-54,45.74-97.9,99.78-100A104.12,104.12,0,0,1,232,128Z" }) }));
 };
-exports.FacebookLogo = FacebookLogo;

package/dist/components/icons/Filter.js CHANGED Viewed

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Filter = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Filter = 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: "M200,128a8,8,0,0,1-8,8H64a8,8,0,0,1,0-16H192A8,8,0,0,1,200,128Zm32-56H24a8,8,0,0,0,0,16H232a8,8,0,0,0,0-16Zm-80,96H104a8,8,0,0,0,0,16h48a8,8,0,0,0,0-16Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Filter = ({ 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: "M200,128a8,8,0,0,1-8,8H64a8,8,0,0,1,0-16H192A8,8,0,0,1,200,128Zm32-56H24a8,8,0,0,0,0,16H232a8,8,0,0,0,0-16Zm-80,96H104a8,8,0,0,0,0,16h48a8,8,0,0,0,0-16Z" }) }));
 };
-exports.Filter = Filter;

package/dist/components/icons/Funnel.js CHANGED Viewed

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Funnel = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Funnel = 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: "auto", viewBox: "0 0 24 21.8", children: (0, jsx_runtime_1.jsx)("path", { id: "Icon_feather-filter", "data-name": "Icon feather-filter", d: "M25,4.5H3l8.8,10.406V22.1l4.4,2.2V14.906Z", transform: "translate(-2 -3.5)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Funnel = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: "auto", viewBox: "0 0 24 21.8", children: _jsx("path", { id: "Icon_feather-filter", "data-name": "Icon feather-filter", d: "M25,4.5H3l8.8,10.406V22.1l4.4,2.2V14.906Z", transform: "translate(-2 -3.5)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }));
 };
-exports.Funnel = Funnel;

package/dist/components/icons/Instagram.js CHANGED Viewed

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Instagram = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Instagram = 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 31.518 31.511", children: (0, jsx_runtime_1.jsx)("path", { d: "M15.757,9.914a8.079,8.079,0,1,0,8.079,8.079A8.066,8.066,0,0,0,15.757,9.914Zm0,13.331a5.252,5.252,0,1,1,5.252-5.252,5.262,5.262,0,0,1-5.252,5.252ZM26.051,9.584A1.884,1.884,0,1,1,24.166,7.7,1.88,1.88,0,0,1,26.051,9.584ZM31.4,11.5a9.325,9.325,0,0,0-2.545-6.6,9.387,9.387,0,0,0-6.6-2.545c-2.6-.148-10.4-.148-13,0a9.373,9.373,0,0,0-6.6,2.538,9.356,9.356,0,0,0-2.545,6.6c-.148,2.6-.148,10.4,0,13a9.325,9.325,0,0,0,2.545,6.6,9.4,9.4,0,0,0,6.6,2.545c2.6.148,10.4.148,13,0a9.325,9.325,0,0,0,6.6-2.545,9.387,9.387,0,0,0,2.545-6.6c.148-2.6.148-10.392,0-12.994ZM28.041,27.281a5.318,5.318,0,0,1-3,3c-2.074.823-7,.633-9.288.633s-7.221.183-9.288-.633a5.318,5.318,0,0,1-3-3c-.823-2.074-.633-7-.633-9.288s-.183-7.221.633-9.288a5.318,5.318,0,0,1,3-3c2.074-.823,7-.633,9.288-.633s7.221-.183,9.288.633a5.318,5.318,0,0,1,3,3c.823,2.074.633,7,.633,9.288S28.863,25.214,28.041,27.281Z", transform: "translate(0.005 -2.238)", fill: stroke }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Instagram = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 31.518 31.511", children: _jsx("path", { d: "M15.757,9.914a8.079,8.079,0,1,0,8.079,8.079A8.066,8.066,0,0,0,15.757,9.914Zm0,13.331a5.252,5.252,0,1,1,5.252-5.252,5.262,5.262,0,0,1-5.252,5.252ZM26.051,9.584A1.884,1.884,0,1,1,24.166,7.7,1.88,1.88,0,0,1,26.051,9.584ZM31.4,11.5a9.325,9.325,0,0,0-2.545-6.6,9.387,9.387,0,0,0-6.6-2.545c-2.6-.148-10.4-.148-13,0a9.373,9.373,0,0,0-6.6,2.538,9.356,9.356,0,0,0-2.545,6.6c-.148,2.6-.148,10.4,0,13a9.325,9.325,0,0,0,2.545,6.6,9.4,9.4,0,0,0,6.6,2.545c2.6.148,10.4.148,13,0a9.325,9.325,0,0,0,6.6-2.545,9.387,9.387,0,0,0,2.545-6.6c.148-2.6.148-10.392,0-12.994ZM28.041,27.281a5.318,5.318,0,0,1-3,3c-2.074.823-7,.633-9.288.633s-7.221.183-9.288-.633a5.318,5.318,0,0,1-3-3c-.823-2.074-.633-7-.633-9.288s-.183-7.221.633-9.288a5.318,5.318,0,0,1,3-3c2.074-.823,7-.633,9.288-.633s7.221-.183,9.288.633a5.318,5.318,0,0,1,3,3c.823,2.074.633,7,.633,9.288S28.863,25.214,28.041,27.281Z", transform: "translate(0.005 -2.238)", fill: stroke }) }));
 };
-exports.Instagram = Instagram;