@homefile/components-v2 2.14.0 → 2.14.2

package/dist/components/householdItems/CreateHouseholdItemHeader.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Flex } from '@chakra-ui/react';
-import { SelectInput } from '@/components';
+import { SelectInput } from '..';
 export const CreateHouseholdItemHeader = ({ activeGroup = true, activeRoom = true, groupFilterValue, groupHandleFilter, groupHasFilter, groups, initialGroup, initialRoom, onSelectGroup, onSelectRoom, roomFilterValue, roomHandleFilter, roomHasFilter, rooms, }) => {
     return (_jsx(Box, { w: "100%", children: initialRoom && initialGroup && (_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(SelectInput, { handleClick: onSelectRoom, initialValue: initialRoom.name, items: rooms, isDisabled: !activeRoom, handleFilter: roomHandleFilter, filterValue: roomFilterValue, hasFilter: roomHasFilter, height: "md", width: "100%" }), _jsx(SelectInput, { handleClick: onSelectGroup, initialValue: initialGroup, items: groups, isDisabled: !activeGroup, handleFilter: groupHandleFilter, filterValue: groupFilterValue, hasFilter: groupHasFilter, height: "md", width: "100%" })] })) }));
 };

package/dist/components/householdItems/ItemNameHeader.d.ts

@@ -1,2 +1,2 @@
-import { ItemNameHeaderI } from '@/interfaces';
+import { ItemNameHeaderI } from '../../interfaces';
 export declare const ItemNameHeader: ({ id, value, onSave, onValueChange, padding, }: ItemNameHeaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/householdItems/ItemNameHeader.js

@@ -1,8 +1,8 @@
 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 '@/components';
-import { isEmptyField } from '@/utils';
+import { TextInput } from '..';
+import { isEmptyField } from '../../utils';
 import { useState, useEffect } from 'react';
 export const ItemNameHeader = ({ id = '', value = '', onSave, onValueChange, padding = 'base', }) => {
     const [name, setName] = useState(value);

package/dist/components/icons/ArrowLeft.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" })] }) }) }));
 };

package/dist/components/icons/Calendar.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/Camera.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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, viewBox: "0 0 26.734 22.146", children: _jsxs("g", { id: "Icon_feather-camera", "data-name": "Icon feather-camera", transform: "translate(-0.75 -3.75)", children: [_jsx("path", { id: "Caminho_17678", "data-name": "Caminho 17678", d: "M26.735,22.852a2.294,2.294,0,0,1-2.294,2.294H3.794A2.294,2.294,0,0,1,1.5,22.852V10.235A2.294,2.294,0,0,1,3.794,7.941H8.382L10.676,4.5h6.882l2.294,3.441H24.44a2.294,2.294,0,0,1,2.294,2.294Z", transform: "translate(0 0)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Caminho_17679", "data-name": "Caminho 17679", d: "M21.176,18.088A4.588,4.588,0,1,1,16.588,13.5,4.588,4.588,0,0,1,21.176,18.088Z", transform: "translate(-2.471 -2.118)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" })] }) }));
 };

package/dist/components/icons/ChevronDown.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/ChevronLeft.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/ChevronRight.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/ChevronUp.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/Close.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/DisplayGrid.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '@chakra-ui/react';
-import { colors } from '@/theme/colors';
+import { colors } from '../../theme/colors';
 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" })] }) }) }));
 };

package/dist/components/icons/DisplayItem.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '@chakra-ui/react';
-import { colors } from '@/theme/colors';
+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" })] })] }) }) }));
 };

package/dist/components/icons/DisplayList.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '@chakra-ui/react';
-import { colors } from '@/theme/colors';
+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" })] }) }) }));
 };

package/dist/components/icons/Edit.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/Eye.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/EyeOff.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/FacebookLogo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/Filter.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/Funnel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/Instagram.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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 }) }));
 };

package/dist/components/icons/Link.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/Linkedin.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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 })] }) }));
 };

package/dist/components/icons/Menu.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/MetaLogo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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 })] }) }));
 };

package/dist/components/icons/Minus.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/MoreHorizontal.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/OpenVideo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" })] })] }) }) }));
 };

package/dist/components/icons/Plus.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/SearchIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/ShareIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+import { colors } from '../../theme/colors';
 export const ShareIcon = ({ stroke = colors.blue[3], size = 24 }) => {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 19.5 21.5", children: _jsxs("g", { id: "Icon_feather-share-2", "data-name": "Icon feather-share-2", transform: "translate(-3.75 -2.25)", children: [_jsx("path", { id: "Path_14156", "data-name": "Path 14156", d: "M28.5,6a3,3,0,1,1-3-3,3,3,0,0,1,3,3Z", transform: "translate(-6 0)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Path_14157", "data-name": "Path 14157", d: "M10.5,16.5a3,3,0,1,1-3-3A3,3,0,0,1,10.5,16.5Z", transform: "translate(0 -3.5)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Path_14158", "data-name": "Path 14158", d: "M28.5,27a3,3,0,1,1-3-3A3,3,0,0,1,28.5,27Z", transform: "translate(-6 -7)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Path_14159", "data-name": "Path 14159", d: "M12.885,20.265l6.83,3.98", transform: "translate(-2.795 -5.755)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Path_14160", "data-name": "Path 14160", d: "M19.7,9.765l-6.82,3.98", transform: "translate(-2.795 -2.255)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" })] }) }));
 };

package/dist/components/icons/Star.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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 }) }));
 };

package/dist/components/icons/TikTok.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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 }) }) })] }));
 };

package/dist/components/icons/Trash.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" }) }));
 };

package/dist/components/icons/Twitter.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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 })] }) }));
 };

package/dist/components/icons/Upload.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '@chakra-ui/react';
-import { colors } from '@/theme/colors';
+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" })] }) }) }));
 };

package/dist/components/icons/Youtube.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { colors } from '@/theme/colors';
+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" })] }) }));
 };

package/dist/components/inboxTile/InboxCard.d.ts

@@ -1,2 +1,2 @@
-import { InboxCardI } from '@/interfaces';
+import { InboxCardI } from '../../interfaces';
 export declare const InboxCard: ({ box, onClick }: InboxCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inboxTile/InboxCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { AspectRatio, Flex, Image, Text } from '@chakra-ui/react';
-import { TextBadge } from '@/components';
+import { TextBadge } from '..';
 export const InboxCard = ({ box, onClick }) => {
     const { image, name, newMessages = 0, totalMessages, id } = box;
     const hasNewMessages = newMessages > 0;

package/dist/components/inboxTile/InboxForwardBanner.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { AspectRatio, Flex, Text, Image, chakra } from '@chakra-ui/react';
-import { IA } from '@/assets/images';
+import { IA } from '../../assets/images';
 export const InboxForwardBanner = () => {
     return (_jsxs(Flex, { p: "base", gap: "base", align: "center", bg: "lightBlue.2", id: 'forwardReceipts', children: [_jsx(AspectRatio, { ratio: 1, minW: "35px", h: "auto", children: _jsx(Image, { src: IA, alt: "IA" }) }), _jsxs(Text, { variant: "home", lineHeight: "1", children: [t('inbox.forwardTo'), _jsx(chakra.span, { fontFamily: "secondary", fontSize: "sm", lineHeight: "1", color: "neutral.black", fontWeight: "bold", display: "inline", children: "homefileit@homefile.com." })] })] }));
 };

package/dist/components/inboxTile/InboxTile.d.ts

@@ -1,2 +1,2 @@
-import { InboxTileI } from '@/interfaces';
+import { InboxTileI } from '../../interfaces';
 export declare const InboxTile: ({ banner, boxes, menuItems, onClick, }: InboxTileI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inboxTile/InboxTile.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Container, Stack } from '@chakra-ui/react';
-import { ContainerHeader, InboxCard, MoreHorizontal, TileTooltip, } from '@/components';
-import { Inbox } from '@/assets/images';
+import { ContainerHeader, InboxCard, MoreHorizontal, TileTooltip, } from '..';
+import { Inbox } from '../../assets/images';
 export const InboxTile = ({ banner, boxes, menuItems, onClick, }) => {
     var _a;
     return (_jsx(TileTooltip, { label: "inbox", children: _jsx(Container, { variant: "launchpad", h: "full", position: "relative", m: "0", children: _jsxs(Stack, { spacing: "2px", children: [_jsx(ContainerHeader, { menuItems: menuItems, title: (_a = t('partner.tiles.inbox')) !== null && _a !== void 0 ? _a : '', icon: _jsx(MoreHorizontal, { size: 38 }), titleIcon: Inbox }), banner, boxes.map((box) => (_jsx(InboxCard, { box: box, onClick: onClick }, box.name)))] }) }) }));

package/dist/components/inboxTile/panel/MessageCard.d.ts

@@ -1,2 +1,2 @@
-import { MessageCardI } from '@/interfaces';
+import { MessageCardI } from '../../../interfaces';
 export declare const MessageCard: ({ message, onClick, variant, }: MessageCardI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inboxTile/panel/MessageCard.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Avatar, Box, Center, chakra, Container, Divider, Flex, Stack, Text, } from '@chakra-ui/react';
-import { ChatBubble } from '@/assets/images';
-import { TextBadge } from '@/components';
-import { formatDateWithAt } from '@/utils';
+import { ChatBubble } from '../../../assets/images';
+import { TextBadge } from '../..';
+import { formatDateWithAt } from '../../../utils';
 export const MessageCard = ({ message, onClick, variant = 'inbox', }) => {
     const { currentUser, from, subject, date, isNew, chatReplies, description = '', } = message;
     const formattedDate = formatDateWithAt({ date });

package/dist/components/inboxTile/panel/MessageChatPanel.d.ts

@@ -1,4 +1,4 @@
-import { MessageChatPanelI } from '@/interfaces';
+import { MessageChatPanelI } from '../../../interfaces';
 import 'react-quill-new/dist/quill.snow.css';
-import '@/styles/quill.css';
+import '../../../styles/quill.css';
 export declare const MessageChatPanel: ({ message, onBack, onClose, onReply, }: MessageChatPanelI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inboxTile/panel/MessageChatPanel.js

@@ -3,10 +3,10 @@ import { useState } from 'react';
 import { t } from 'i18next';
 import { Box, DrawerBody, DrawerContent, DrawerFooter, DrawerHeader, Stack, Text, } from '@chakra-ui/react';
 import QuillEditor from 'react-quill-new';
-import { Document2 } from '@/assets/images';
-import { BackCircleButton, FooterButtons, MessageCard, PanelHeader, up, WrapperWithShadow, } from '@/components';
+import { Document2 } from '../../../assets/images';
+import { BackCircleButton, FooterButtons, MessageCard, PanelHeader, up, WrapperWithShadow, } from '../..';
 import 'react-quill-new/dist/quill.snow.css';
-import '@/styles/quill.css';
+import '../../../styles/quill.css';
 export const MessageChatPanel = ({ message, onBack, onClose, onReply, }) => {
     var _a, _b;
     const [value, setValue] = useState('');

package/dist/components/inboxTile/panel/MessagePanel.d.ts

@@ -1,2 +1,2 @@
-import { MessagePanelI } from '@/interfaces';
+import { MessagePanelI } from '../../../interfaces';
 export declare const MessagePanel: ({ messages, onClick, onClose }: MessagePanelI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inboxTile/panel/MessagePanel.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, DrawerBody, DrawerContent, DrawerHeader, Stack, } from '@chakra-ui/react';
-import { Inbox } from '@/assets/images';
-import { BaseCounter, MessageCard, PanelHeader, SelectInput, } from '@/components';
-import { useMessagePanel } from '@/hooks';
-import { pluralize } from '@/utils';
+import { Inbox } from '../../../assets/images';
+import { BaseCounter, MessageCard, PanelHeader, SelectInput, } from '../..';
+import { useMessagePanel } from '../../../hooks';
+import { pluralize } from '../../../utils';
 export const MessagePanel = ({ messages, onClick, onClose }) => {
     const { currentSort, sortedMessages, handleSelectItem, items } = useMessagePanel(messages);
     const baseCounterText = `${t('counter.showing')} ${sortedMessages.length} ${t('counter.of')} ${messages.length} ${pluralize(sortedMessages.length, t('inbox.message').toLowerCase())} `;

package/dist/components/inputs/ControlledInput.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { ControlledInputI } from '@/interfaces';
+import { ControlledInputI } from '../../interfaces';
 export declare const ControlledInput: FC<ControlledInputI>;

package/dist/components/inputs/DatePicker.d.ts

@@ -1,4 +1,4 @@
 import 'react-datepicker/dist/react-datepicker.css';
-import '@/styles/calendar.css';
-import { DatePickerI } from '@/interfaces';
-export declare const DatePicker: ({ onChange, placeholder, showCalendarIcon, value, width, }: DatePickerI) => import("react/jsx-runtime").JSX.Element;
+import '../../styles/calendar.css';
+import { DatePickerI } from '../../interfaces';
+export declare const DatePicker: ({ onChange, placeholder, label, showCalendarIcon, value, width, }: DatePickerI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/DatePicker.js

@@ -2,12 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import DatePickerComponent from 'react-datepicker';
 import 'react-datepicker/dist/react-datepicker.css';
-import '@/styles/calendar.css';
+import '../../styles/calendar.css';
 import { Flex, IconButton, Input } from '@chakra-ui/react';
-import { Calendar as CalendarIcon, LabeledField } from '@/components';
-import { colors } from '@/theme/colors';
-import { extractDayMonthYear, joinDayMonthYear } from '@/utils';
-export const DatePicker = ({ onChange, placeholder, showCalendarIcon, value, width = '290px', }) => {
+import { Calendar as CalendarIcon, LabeledField } from '..';
+import { colors } from '../../theme/colors';
+import { extractDayMonthYear, joinDayMonthYear } from '../../utils';
+export const DatePicker = ({ onChange, placeholder, label, showCalendarIcon, value, width = '290px', }) => {
     const formatedValue = extractDayMonthYear(value);
     const [day, setDay] = useState(formatedValue
         ? new Date(formatedValue.year, formatedValue.month - 1, formatedValue.day)
@@ -38,7 +38,7 @@ export const DatePicker = ({ onChange, placeholder, showCalendarIcon, value, wid
         }
     }, [value]);
     const renderCustomInput = () => {
-        return (_jsxs(Flex, { gap: "base", w: width, children: [_jsx(LabeledField, { label: String(placeholder), children: _jsx(Input, { placeholder: placeholder || 'MM/DD/YYYY', onChange: handleInputChange, _placeholder: { color: 'gray.2' }, value: value }) }), showCalendarIcon && (_jsx(IconButton, { "aria-label": "Calendar icon", variant: "iconOutlined", icon: _jsx(CalendarIcon, { size: 28, stroke: colors.blue[3] }), maxH: "input.md", flexShrink: 0 }))] }));
+        return (_jsxs(Flex, { gap: "base", w: width, children: [_jsx(LabeledField, { label: label, children: _jsx(Input, { placeholder: placeholder || 'MM/DD/YYYY', onChange: handleInputChange, _placeholder: { color: 'gray.2' }, value: value }) }), showCalendarIcon && (_jsx(IconButton, { "aria-label": "Calendar icon", variant: "iconOutlined", icon: _jsx(CalendarIcon, { size: 28, stroke: colors.blue[3] }), maxH: "input.md", flexShrink: 0 }))] }));
     };
     return (_jsx(DatePickerComponent, { selected: day, onChange: handleOnChange, customInput: renderCustomInput(), calendarClassName: "custom-calendar" }));
 };

package/dist/components/inputs/DateRangePicker.d.ts

@@ -1,5 +1,5 @@
 import 'react-datepicker/dist/react-datepicker.css';
-import '@/styles/calendar.css';
+import '../../styles/calendar.css';
 export declare const DateRangePicker: ({ handleClick, }: {
     handleClick: (date: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/DateRangePicker.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import DatePicker from 'react-datepicker';
 import 'react-datepicker/dist/react-datepicker.css';
-import '@/styles/calendar.css';
+import '../../styles/calendar.css';
 import { Flex, Input } from '@chakra-ui/react';
-import { Calendar as CalendarIcon } from '@/components';
+import { Calendar as CalendarIcon } from '..';
 export const DateRangePicker = ({ handleClick, }) => {
     const [startDate, setStartDate] = useState(null);
     const [endDate, setEndDate] = useState(null);

package/dist/components/inputs/EditFileUploader.d.ts

@@ -1,2 +1,2 @@
-import { EditFileUploaderI } from '@/interfaces';
+import { EditFileUploaderI } from '../../interfaces';
 export declare const EditFileUploader: ({ handleInputChange, ...props }: EditFileUploaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/EditFileUploader.js

@@ -13,8 +13,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useRef } from 'react';
 import { t } from 'i18next';
 import { IconButton, Tooltip } from '@chakra-ui/react';
-import { Edit } from '@/components';
-import { colors } from '@/theme/colors';
+import { Edit } from '..';
+import { colors } from '../../theme/colors';
 export const EditFileUploader = (_a) => {
     var { handleInputChange } = _a, props = __rest(_a, ["handleInputChange"]);
     const hiddenFileInput = useRef(null);

package/dist/components/inputs/ItemSubTypeSelect.d.ts

@@ -1,2 +1,2 @@
-import { ItemSubTypeSelectI } from '@/interfaces';
+import { ItemSubTypeSelectI } from '../../interfaces';
 export declare const ItemSubTypeSelect: ({ onSelectSubType, subTypes, initialSubType, label, }: ItemSubTypeSelectI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/ItemSubTypeSelect.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Flex, Text } from '@chakra-ui/react';
-import { SelectInput } from '@/components';
+import { SelectInput } from '..';
 export const ItemSubTypeSelect = ({ onSelectSubType, subTypes, initialSubType, label, }) => {
     return (_jsx(Box, { bg: "lightBlue.1", py: "1rem", px: "base", children: initialSubType && (_jsxs(Flex, { alignItems: "center", gap: "base", children: [label && _jsx(Text, { flexShrink: 0, children: label }), _jsx(SelectInput, { handleClick: onSelectSubType, initialValue: initialSubType.name, items: subTypes })] })) }));
 };

package/dist/components/inputs/MobileFileUploader.d.ts

@@ -1,2 +1,2 @@
-import { EditFileUploaderI } from '@/interfaces';
+import { EditFileUploaderI } from '../../interfaces';
 export declare const MobileFileUploader: ({ handleInputChange, multiple, ...props }: EditFileUploaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/MobileFileUploader.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useRef } from 'react';
 import { t } from 'i18next';
 import { IconButton } from '@chakra-ui/react';
-import { Camera } from '@/components';
+import { Camera } from '..';
 export const MobileFileUploader = (_a) => {
     var { handleInputChange, multiple = true } = _a, props = __rest(_a, ["handleInputChange", "multiple"]);
     const hiddenFileInput = useRef(null);