@homefile/components-v2 2.3.1 → 2.5.0

package/dist/assets/images/animations/index.d.ts

@@ -0,0 +1,7 @@
+import TreesDay from './trees-day-summer.png';
+import TreesDayFall from './trees-day-fall.png';
+import TreesDayWinter from './trees-day-winter.png';
+import TreesEvening from './trees-evening.png';
+import TreesMorning from './trees-morning.png';
+import TreesNight from './trees-night.png';
+export { TreesDay, TreesDayFall, TreesDayWinter, TreesEvening, TreesMorning, TreesNight, };

package/dist/assets/images/animations/index.js

@@ -0,0 +1,7 @@
+import TreesDay from './trees-day-summer.png';
+import TreesDayFall from './trees-day-fall.png';
+import TreesDayWinter from './trees-day-winter.png';
+import TreesEvening from './trees-evening.png';
+import TreesMorning from './trees-morning.png';
+import TreesNight from './trees-night.png';
+export { TreesDay, TreesDayFall, TreesDayWinter, TreesEvening, TreesMorning, TreesNight, };

package/dist/assets/images/animations/index.ts

@@ -0,0 +1,15 @@
+import TreesDay from './trees-day-summer.png'
+import TreesDayFall from './trees-day-fall.png'
+import TreesDayWinter from './trees-day-winter.png'
+import TreesEvening from './trees-evening.png'
+import TreesMorning from './trees-morning.png'
+import TreesNight from './trees-night.png'
+
+export {
+  TreesDay,
+  TreesDayFall,
+  TreesDayWinter,
+  TreesEvening,
+  TreesMorning,
+  TreesNight,
+}

package/dist/assets/images/book.svg

@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36.229" height="25.49" viewBox="0 0 36.229 25.49">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_24874" data-name="Rectangle 24874" width="36.229" height="25.49" transform="translate(0 0)" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Group_20984" data-name="Group 20984" transform="translate(0 0)">
+    <g id="Group_20983" data-name="Group 20983" transform="translate(0 0)" clip-path="url(#clip-path)">
+      <path id="Path_15109" data-name="Path 15109" d="M23.19,0V23.3A2.195,2.195,0,0,0,21,21.1H7.4V0Z" transform="translate(-5.076 0)" fill="#d2edef"/>
+      <path id="Path_15110" data-name="Path 15110" d="M59.866,21.1a2.194,2.194,0,0,0-2.191,2.2V0H73.461V21.1Z" transform="translate(-39.561 0)" fill="#d2edef"/>
+      <path id="Path_15111" data-name="Path 15111" d="M15.919,24.116H2.324V4.392H0V26.311H15.919A2.192,2.192,0,0,0,18.114,28.5V26.311a2.195,2.195,0,0,0-2.195-2.2" transform="translate(0 -3.013)" fill="#e24c5d"/>
+      <path id="Path_15112" data-name="Path 15112" d="M73.461,4.393V24.117H59.866a2.194,2.194,0,0,0-2.191,2.2V28.5a2.191,2.191,0,0,0,2.191-2.192H75.789V4.393Z" transform="translate(-39.561 -3.013)" fill="#cd4160"/>
+      <rect id="Rectangle_24864" data-name="Rectangle 24864" width="5.916" height="0.942" transform="translate(7.209 2.445)" fill="#40566b"/>
+      <rect id="Rectangle_24865" data-name="Rectangle 24865" width="10.4" height="0.942" transform="translate(4.965 7.581)" fill="#40566b"/>
+      <rect id="Rectangle_24866" data-name="Rectangle 24866" width="10.4" height="0.942" transform="translate(4.965 10.636)" fill="#40566b"/>
+      <rect id="Rectangle_24867" data-name="Rectangle 24867" width="10.4" height="0.942" transform="translate(4.965 13.689)" fill="#40566b"/>
+      <rect id="Rectangle_24868" data-name="Rectangle 24868" width="10.4" height="0.942" transform="translate(4.965 16.744)" fill="#40566b"/>
+      <rect id="Rectangle_24869" data-name="Rectangle 24869" width="10.4" height="0.942" transform="translate(20.807 7.581)" fill="#40566b"/>
+      <rect id="Rectangle_24870" data-name="Rectangle 24870" width="10.4" height="0.942" transform="translate(20.807 4.4)" fill="#40566b"/>
+      <rect id="Rectangle_24871" data-name="Rectangle 24871" width="10.4" height="0.942" transform="translate(20.807 10.636)" fill="#40566b"/>
+      <rect id="Rectangle_24872" data-name="Rectangle 24872" width="10.4" height="0.942" transform="translate(20.807 13.689)" fill="#40566b"/>
+      <rect id="Rectangle_24873" data-name="Rectangle 24873" width="10.4" height="0.942" transform="translate(20.807 16.744)" fill="#40566b"/>
+    </g>
+  </g>
+</svg>

package/dist/assets/images/chat-bubble.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <g id="Group_21874" data-name="Group 21874" transform="translate(-1764 -254)">
+    <g id="Union_41" data-name="Union 41" transform="translate(1764 254)" fill="#fff">
+      <path d="M 6.399946212768555 19.02802085876465 L 4.829119682312012 16.40986061096191 L 4.683469772338867 16.16709899902344 L 4.400369644165039 16.16709899902344 L 2.999699831008911 16.16709899902344 C 1.621359825134277 16.16709899902344 0.4999998509883881 15.04533958435059 0.4999998509883881 13.66650009155273 L 0.4999998509883881 2.999699831008911 C 0.4999998509883881 1.621359825134277 1.621359825134277 0.4999998509883881 2.999699831008911 0.4999998509883881 L 17.00009918212891 0.4999998509883881 C 18.37843894958496 0.4999998509883881 19.49979972839355 1.621359825134277 19.49979972839355 2.999699831008911 L 19.49979972839355 13.66650009155273 C 19.49979972839355 15.04533958435059 18.37843894958496 16.16709899902344 17.00009918212891 16.16709899902344 L 8.399879455566406 16.16709899902344 L 8.116809844970703 16.16709899902344 L 7.971149921417236 16.40982055664062 L 6.399946212768555 19.02802085876465 Z" stroke="none"/>
+      <path d="M 6.399997234344482 18.05625152587891 L 7.833739757537842 15.66709995269775 L 17.00009918212891 15.66709995269775 C 18.10273933410645 15.66709995269775 18.99979972839355 14.76962947845459 18.99979972839355 13.66650009155273 L 18.99979972839355 2.999699831008911 C 18.99979972839355 1.897059917449951 18.10273933410645 0.9999998807907104 17.00009918212891 0.9999998807907104 L 2.999699831008911 0.9999998807907104 C 1.897059917449951 0.9999998807907104 0.9999998807907104 1.897059917449951 0.9999998807907104 2.999699831008911 L 0.9999998807907104 13.66650009155273 C 0.9999998807907104 14.76962947845459 1.897059917449951 15.66709995269775 2.999699831008911 15.66709995269775 L 4.966569900512695 15.66709995269775 L 6.399997234344482 18.05625152587891 M 6.399899959564209 19.99979972839355 L 4.400369644165039 16.66709899902344 L 2.999699831008911 16.66709899902344 C 1.34279990196228 16.66709899902344 -1.358032193365943e-07 15.32339954376221 -1.358032193365943e-07 13.66650009155273 L -1.358032193365943e-07 2.999699831008911 C -1.358032193365943e-07 1.34279990196228 1.34279990196228 -1.358032193365943e-07 2.999699831008911 -1.358032193365943e-07 L 17.00009918212891 -1.358032193365943e-07 C 18.6569995880127 -1.358032193365943e-07 19.99979972839355 1.34279990196228 19.99979972839355 2.999699831008911 L 19.99979972839355 13.66650009155273 C 19.99979972839355 15.32339954376221 18.6569995880127 16.66709899902344 17.00009918212891 16.66709899902344 L 8.399879455566406 16.66709899902344 L 6.399899959564209 19.99979972839355 Z" stroke="none" fill="#1c7ab4"/>
+    </g>
+  </g>
+</svg>

package/dist/assets/images/document2.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20.852" height="21.158" viewBox="0 0 20.852 21.158">
+  <g id="Group_21880" data-name="Group 21880" transform="translate(-13.43 -0.001)">
+    <path id="Path_17605" data-name="Path 17605" d="M13.43,0V21.158H34.281V3.591L30.028,0Z" transform="translate(0 0)" fill="#d2edef"/>
+    <path id="Path_17606" data-name="Path 17606" d="M77.93,0V3.389h3.481Z" transform="translate(-47.13)" fill="#324458"/>
+    <path id="Path_17607" data-name="Path 17607" d="M13.43,94.821Z" transform="translate(0 -73.662)" fill="#28b5a8"/>
+    <rect id="Rectangle_25619" data-name="Rectangle 25619" width="5.587" height="0.632" transform="translate(15.576 3.073)" fill="#324458"/>
+    <rect id="Rectangle_25620" data-name="Rectangle 25620" width="16.429" height="0.632" transform="translate(15.641 7.362)" fill="#324458"/>
+    <rect id="Rectangle_25621" data-name="Rectangle 25621" width="16.429" height="0.632" transform="translate(15.641 9.314)" fill="#324458"/>
+    <rect id="Rectangle_25622" data-name="Rectangle 25622" width="16.429" height="0.632" transform="translate(15.641 11.268)" fill="#324458"/>
+    <rect id="Rectangle_25623" data-name="Rectangle 25623" width="16.429" height="0.632" transform="translate(15.641 13.223)" fill="#324458"/>
+    <rect id="Rectangle_25624" data-name="Rectangle 25624" width="16.429" height="0.632" transform="translate(15.641 15.177)" fill="#324458"/>
+    <rect id="Rectangle_25625" data-name="Rectangle 25625" width="7.453" height="0.632" transform="translate(15.641 17.328)" fill="#324458"/>
+  </g>
+</svg>

package/dist/assets/images/index.d.ts

@@ -12,11 +12,13 @@ import Billing from './billing.svg';
 import BillingAddress from './billing-address.svg';
 import BlueFolder from './blue-folder.svg';
 import BlueFolderShared from './blue-folder-shared.svg';
+import BookOpened from './book.svg';
 import Box from './box.svg';
 import Building from './building.svg';
 import Calc from './calc.svg';
 import Calendar2 from './calendar2.svg';
 import Catalog from './catalog.svg';
+import ChatBubble from './chat-bubble.svg';
 import Check from './check.svg';
 import CheckInCircle from './check-in-circle.svg';
 import CheckPen from './check-pen.svg';
@@ -39,6 +41,7 @@ import Diamond from './diamond.svg';
 import DiningRoom from './dining-room.svg';
 import DocIcon from './doc-icon.svg';
 import Document from './document.svg';
+import Document2 from './document2.svg';
 import Drop from './drop.svg';
 import DropCalendar from './drop-calendar.svg';
 import Electricity from './electricity.svg';
@@ -155,8 +158,9 @@ import WizardDetailed from './wizard-detailed.svg';
 import WizardQuick from './wizard-quick.svg';
 import YellowFolder from './yellow-folder.svg';
 import YellowFolderUnshared from './yellow-folder-unshared.svg';
-export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueFolder, BlueFolderShared, Box, Building, Calc, Calendar2, Catalog, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Drop, DropCalendar, Electricity, Entryway, Exclamation, Face, Feedback, FileUploading, Finance, Fire, Flag, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Kitchen, Laundry, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
+export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueFolder, BlueFolderShared, BookOpened, Box, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, Exclamation, Face, Feedback, FileUploading, Finance, Fire, Flag, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Kitchen, Laundry, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
 export * from './alerts';
+export * from './animations';
 export * from './appliances';
 export * from './clouds-animation';
 export * from './form';

package/dist/assets/images/index.js

@@ -12,11 +12,13 @@ import Billing from './billing.svg';
 import BillingAddress from './billing-address.svg';
 import BlueFolder from './blue-folder.svg';
 import BlueFolderShared from './blue-folder-shared.svg';
+import BookOpened from './book.svg';
 import Box from './box.svg';
 import Building from './building.svg';
 import Calc from './calc.svg';
 import Calendar2 from './calendar2.svg';
 import Catalog from './catalog.svg';
+import ChatBubble from './chat-bubble.svg';
 import Check from './check.svg';
 import CheckInCircle from './check-in-circle.svg';
 import CheckPen from './check-pen.svg';
@@ -39,6 +41,7 @@ import Diamond from './diamond.svg';
 import DiningRoom from './dining-room.svg';
 import DocIcon from './doc-icon.svg';
 import Document from './document.svg';
+import Document2 from './document2.svg';
 import Drop from './drop.svg';
 import DropCalendar from './drop-calendar.svg';
 import Electricity from './electricity.svg';
@@ -155,8 +158,9 @@ import WizardDetailed from './wizard-detailed.svg';
 import WizardQuick from './wizard-quick.svg';
 import YellowFolder from './yellow-folder.svg';
 import YellowFolderUnshared from './yellow-folder-unshared.svg';
-export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueFolder, BlueFolderShared, Box, Building, Calc, Calendar2, Catalog, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Drop, DropCalendar, Electricity, Entryway, Exclamation, Face, Feedback, FileUploading, Finance, Fire, Flag, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Kitchen, Laundry, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
+export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueFolder, BlueFolderShared, BookOpened, Box, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, Exclamation, Face, Feedback, FileUploading, Finance, Fire, Flag, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Kitchen, Laundry, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
 export * from './alerts';
+export * from './animations';
 export * from './appliances';
 export * from './clouds-animation';
 export * from './form';

package/dist/assets/images/index.ts

@@ -12,11 +12,13 @@ import Billing from './billing.svg'
 import BillingAddress from './billing-address.svg'
 import BlueFolder from './blue-folder.svg'
 import BlueFolderShared from './blue-folder-shared.svg'
+import BookOpened from './book.svg'
 import Box from './box.svg'
 import Building from './building.svg'
 import Calc from './calc.svg'
 import Calendar2 from './calendar2.svg'
 import Catalog from './catalog.svg'
+import ChatBubble from './chat-bubble.svg'
 import Check from './check.svg'
 import CheckInCircle from './check-in-circle.svg'
 import CheckPen from './check-pen.svg'
@@ -39,6 +41,7 @@ import Diamond from './diamond.svg'
 import DiningRoom from './dining-room.svg'
 import DocIcon from './doc-icon.svg'
 import Document from './document.svg'
+import Document2 from './document2.svg'
 import Drop from './drop.svg'
 import DropCalendar from './drop-calendar.svg'
 import Electricity from './electricity.svg'
@@ -171,11 +174,13 @@ export {
   BillingAddress,
   BlueFolder,
   BlueFolderShared,
+  BookOpened,
   Box,
   Building,
   Calc,
   Calendar2,
   Catalog,
+  ChatBubble,
   Check,
   CheckInCircle,
   CheckPen,
@@ -198,6 +203,7 @@ export {
   DiningRoom,
   DocIcon,
   Document,
+  Document2,
   Drop,
   DropCalendar,
   Electricity,
@@ -317,6 +323,7 @@ export {
 }
 
 export * from './alerts'
+export * from './animations'
 export * from './appliances'
 export * from './clouds-animation'
 export * from './form'

package/dist/assets/locales/en/index.json

@@ -167,6 +167,10 @@
     "recipient": "recipient",
     "title": "Contacts"
   },
+  "counter": {
+    "of": "of",
+    "showing": "Showing"
+  },
   "daysOfWeek": {
     "1": "Monday",
     "2": "Tuesday",
@@ -288,6 +292,7 @@
   },
   "forms": {
     "addAll": "Add All",
+    "all": "All",
     "apartmentNumber": "Apartment, Suite, Unit, Building, Floor, etc.",
     "city": "City",
     "companyEmail": "Company email",
@@ -311,6 +316,7 @@
     "lastName": "Last name",
     "link": "Link",
     "message": "Message",
+    "new": "New",
     "moreDetails": "Add Optional Details",
     "obs": "Additional information",
     "password": "Password",
@@ -465,7 +471,11 @@
     "altImage": "image"
   },
   "inbox": {
-    "forwardTo": "To use Receipt Autofiler, simply forward reciepts to "
+    "createReply": "Create Reply",
+    "enterContent": "Enter content",
+    "forwardTo": "To use Receipt Autofiler, simply forward reciepts to ",
+    "from": "From: ",
+    "message": "Message"
   },
   "launchpad": {
     "menu": {
@@ -628,15 +638,6 @@
       "shared": "Shared",
       "updated": "Updated"
     },
-    "types": {
-      "contact": "Contact",
-      "file": "File",
-      "folder": "Folder",
-      "receipt": "Receipt",
-      "user": "User",
-      "tile": "Tile",
-      "payment": "Payment"
-    },
     "title": "Notifications"
   },
   "partner": {

package/dist/components/animations/CloudsAnimation.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Airplane, Cloud1, Cloud2, Cloud3, TreesCrop, TreesCrop2, } from '../../assets/images';
+import { Fragment, useEffect, useState } from 'react';
+import { Airplane, Cloud1, Cloud2, Cloud3 } from '../../assets/images';
 import { useWindowDimensions } from '../../hooks';
 import { colors } from '../../theme/colors';
+import { getTimeOfDay, getTimeOfDaySeason, } from '../../utils';
 import { Box, Image } from '@chakra-ui/react';
 import { keyframes } from '@emotion/react';
-import { Fragment } from 'react';
+import { WeatherTrees } from './WeatherTrees';
 export const moveLeftToRightAirplane = keyframes `
     0% {
       transform: translateX(-100%);
@@ -66,9 +68,23 @@ export const moveRightToLeftWithFade3 = keyframes `
     }
   `;
 export const CloudsAnimation = ({ children }) => {
+    const [timeOfDay, setTimeOfDay] = useState(getTimeOfDay());
+    const timeOfDaySeason = getTimeOfDaySeason();
+    const gradients = {
+        day: colors.dayGradient,
+        evening: colors.eveningGradient,
+        morning: colors.morningGradient,
+        night: colors.nightGradient,
+    };
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setTimeOfDay(getTimeOfDay());
+        }, 60000);
+        return () => clearInterval(interval);
+    }, []);
     const { windowDimensions: { width }, } = useWindowDimensions();
     const isMobile = width < 768;
     if (isMobile)
         return _jsx(Fragment, { children: "children" });
-    return (_jsxs(Box, { minH: "100vh", w: "full", position: "relative", bgGradient: colors.skyGradient, overflowX: "hidden", overflowY: "scroll", children: [children, _jsx(Image, { src: Cloud1, position: "fixed", w: "auto", h: "80px", top: "50px", animation: `${moveRightToLeftWithFade3} 400s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud2, position: "fixed", w: "auto", h: "120px", top: "80px", animation: `${moveRightToLeftWithFade3} 200s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud3, position: "fixed", w: "auto", h: "160px", top: "120px", animation: `${moveRightToLeftWithFade3} 130s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud1, position: "fixed", w: "auto", h: "100px", top: "160px", animation: `${moveRightToLeftWithFade2} 400s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud2, position: "fixed", w: "auto", h: "112px", top: "220px", animation: `${moveRightToLeftWithFade2} 200s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud3, position: "fixed", w: "auto", h: "160px", top: "300px", animation: `${moveRightToLeftWithFade2} 130s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Airplane, position: "fixed", w: "auto", h: "40px", top: "85px", animation: `${moveLeftToRightAirplane} 500s cubic-bezier(1, 1, 1, 500) infinite`, zIndex: "1" }), _jsx(Image, { src: TreesCrop, position: "fixed", bottom: "0", right: "2", w: "auto", h: "80px", zIndex: "1" }), _jsx(Image, { src: TreesCrop2, position: "fixed", bottom: "0", left: "2", w: "auto", h: "80px", zIndex: "1" })] }));
+    return (_jsxs(Box, { minH: "100vh", w: "full", position: "relative", bgGradient: gradients[timeOfDay], overflowX: "hidden", overflowY: "scroll", children: [children, _jsx(Image, { src: Cloud1, position: "fixed", w: "auto", h: "80px", top: "50px", animation: `${moveRightToLeftWithFade3} 400s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud2, position: "fixed", w: "auto", h: "120px", top: "80px", animation: `${moveRightToLeftWithFade3} 200s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud3, position: "fixed", w: "auto", h: "160px", top: "120px", animation: `${moveRightToLeftWithFade3} 130s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud1, position: "fixed", w: "auto", h: "100px", top: "160px", animation: `${moveRightToLeftWithFade2} 400s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud2, position: "fixed", w: "auto", h: "112px", top: "220px", animation: `${moveRightToLeftWithFade2} 200s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Cloud3, position: "fixed", w: "auto", h: "160px", top: "300px", animation: `${moveRightToLeftWithFade2} 130s linear infinite`, zIndex: "1" }), _jsx(Image, { src: Airplane, position: "fixed", w: "auto", h: "40px", top: "85px", animation: `${moveLeftToRightAirplane} 500s cubic-bezier(1, 1, 1, 500) infinite`, zIndex: "1" }), _jsx(WeatherTrees, { timeOfDaySeason: timeOfDaySeason, position: "fixed", bottom: "0", right: "0", w: "auto", h: "100px", zIndex: "1" }), _jsx(WeatherTrees, { timeOfDaySeason: timeOfDaySeason, position: "fixed", bottom: "0", left: "2", w: "auto", transform: "rotateY(180deg)", h: "100px", zIndex: "1" })] }));
 };

package/dist/components/animations/WeatherTrees.d.ts

@@ -0,0 +1,6 @@
+import { TimeOfDaySeason } from '../../utils';
+import { ImageProps } from '@chakra-ui/react';
+export interface WeatherTreesI extends ImageProps {
+    timeOfDaySeason: TimeOfDaySeason;
+}
+export declare const WeatherTrees: ({ timeOfDaySeason, ...props }: WeatherTreesI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/animations/WeatherTrees.js

@@ -0,0 +1,36 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TreesDay, TreesDayFall, TreesDayWinter, TreesEvening, TreesMorning, TreesNight, } from '../../assets/images';
+import { Image } from '@chakra-ui/react';
+export const WeatherTrees = (_a) => {
+    var { timeOfDaySeason } = _a, props = __rest(_a, ["timeOfDaySeason"]);
+    const images = {
+        'day-summer': TreesDay,
+        'day-fall': TreesDayFall,
+        'day-winter': TreesDayWinter,
+        'day-spring': TreesDay,
+        'evening-summer': TreesEvening,
+        'evening-fall': TreesEvening,
+        'evening-winter': TreesDayWinter,
+        'evening-spring': TreesEvening,
+        'morning-summer': TreesMorning,
+        'morning-fall': TreesMorning,
+        'morning-winter': TreesDayWinter,
+        'morning-spring': TreesMorning,
+        'night-summer': TreesNight,
+        'night-fall': TreesNight,
+        'night-winter': TreesDayWinter,
+        'night-spring': TreesNight,
+    };
+    return _jsx(Image, Object.assign({}, props, { src: images[timeOfDaySeason], alt: "trees" }));
+};

package/dist/components/animations/index.d.ts

@@ -1,2 +1,3 @@
 export * from './CloudsAnimation';
 export * from './HomieAnimation';
+export * from './WeatherTrees';

package/dist/components/animations/index.js

@@ -1,2 +1,3 @@
 export * from './CloudsAnimation';
 export * from './HomieAnimation';
+export * from './WeatherTrees';

package/dist/components/badge/TextBadge.js

@@ -5,6 +5,6 @@ import { useTextBadge } from '../../hooks';
 export const TextBadge = ({ bgColor = 'violet.1', showAnimation = true, text = t('badges.new'), width = '2.6rem', }) => {
     const { badgeWidth } = useTextBadge(width);
     return (_jsx(Box, { bg: bgColor, borderRadius: "base", w: showAnimation ? badgeWidth : 'fit-content', py: "0.1rem", px: "0.5rem", _hover: {
-            width,
+            width: showAnimation ? width : 'fit-content',
         }, transition: "all 0.2s ease-in-out", children: _jsx(Text, { noOfLines: 1, textColor: "neutral.white", textAlign: "center", fontSize: "0.625rem", fontWeight: "bold", textTransform: "uppercase", children: text }) }));
 };

package/dist/components/folderPanel/folderDetails/FilesCounter.js

@@ -1,12 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { Box, Flex, Text, chakra } from '@chakra-ui/react';
-import { BeatLoader } from 'react-spinners';
-import { colors } from '../../../theme/colors';
 import { pluralize } from '../../../utils';
+import { BaseCounter } from '../..';
 export const FilesCounter = ({ totalFiles, totalShowing, uploading, uploadingFiles, }) => {
     const files = pluralize(totalFiles, t('folderSharing.showing.part4'));
     const moreThanOne = `${t('folderSharing.showing.part1')} ${totalShowing} ${t('folderSharing.showing.part2')} ${totalFiles} ${t('folderSharing.showing.part3')}`;
     const one = `${t('folderSharing.showing.part1')} ${totalShowing} ${t('folderSharing.showing.part2')} ${totalFiles} ${files}`;
-    return (_jsx(Box, { w: "100%", children: _jsxs(Flex, { justify: "space-between", align: "center", children: [!uploading && (_jsx(Text, { variant: "home", children: totalFiles > 1 ? moreThanOne : one })), uploading && (_jsxs(Text, { variant: "home", children: [_jsx(chakra.span, { fontWeight: "bold", children: t('folderSharing.uploading') }), ` ${uploadingFiles} ${files}`, _jsx(chakra.span, { ml: "2", children: _jsx(BeatLoader, { size: "4px", color: colors.blue[6] }) })] }))] }) }));
+    return (_jsx(BaseCounter, { text: totalFiles > 1 ? moreThanOne : one, uploading: uploading, uploadingText: ` ${uploadingFiles !== null && uploadingFiles !== void 0 ? uploadingFiles : ''} ${files}` }));
 };

package/dist/components/footers/FooterButtons.d.ts

@@ -1,2 +1,2 @@
 import { FooterButtonsI } from '../../interfaces';
-export declare const FooterButtons: ({ button1, button2, button3, }: FooterButtonsI) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterButtons: ({ button1, button2, button3, px, }: FooterButtonsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/footers/FooterButtons.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Button, Flex } from '@chakra-ui/react';
-export const FooterButtons = ({ button1, button2, button3, }) => {
-    return (_jsxs(Flex, { align: "center", justifyContent: "space-between", w: "full", px: "base", children: [_jsxs(Flex, { align: "center", gap: "2", children: [button1 ? (_jsx(Button, { variant: button1.buttonStyle, onClick: button1.onClick, disabled: button1.isDisabled, isLoading: button1.isLoading, children: button1.label })) : (_jsx(Box, {})), button2 && (_jsx(Button, { variant: button2.buttonStyle, onClick: button2.onClick, disabled: button2.isDisabled, isLoading: button2.isLoading, children: button2.label }))] }), button3 && (_jsx(Button, { variant: button3.buttonStyle, onClick: button3.onClick, disabled: button3.isDisabled, isLoading: button3.isLoading, children: button3.label }))] }));
+export const FooterButtons = ({ button1, button2, button3, px = 'base', }) => {
+    return (_jsxs(Flex, { align: "center", justifyContent: "space-between", w: "full", px: px, children: [_jsxs(Flex, { align: "center", gap: "2", children: [button1 ? (_jsx(Button, { variant: button1.buttonStyle, onClick: button1.onClick, disabled: button1.isDisabled, isLoading: button1.isLoading, children: button1.label })) : (_jsx(Box, {})), button2 && (_jsx(Button, { variant: button2.buttonStyle, onClick: button2.onClick, disabled: button2.isDisabled, isLoading: button2.isLoading, children: button2.label }))] }), button3 && (_jsx(Button, { variant: button3.buttonStyle, onClick: button3.onClick, disabled: button3.isDisabled, isLoading: button3.isLoading, children: button3.label }))] }));
 };

package/dist/components/forms/BaseCounter.d.ts

@@ -0,0 +1,2 @@
+import { BaseCounterI } from '../../interfaces';
+export declare const BaseCounter: ({ text, uploading, uploadingText, }: BaseCounterI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/BaseCounter.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, chakra, Flex, Text } from '@chakra-ui/react';
+import { BeatLoader } from 'react-spinners';
+import { colors } from '../../theme/colors';
+export const BaseCounter = ({ text, uploading, uploadingText, }) => {
+    return (_jsx(Box, { w: "100%", children: _jsxs(Flex, { justify: "space-between", align: "center", children: [!uploading && _jsx(Text, { variant: "home", children: text }), uploading && (_jsxs(Text, { variant: "home", children: [_jsx(chakra.span, { fontWeight: "bold", children: t('folderSharing.uploading') }), uploadingText, _jsx(chakra.span, { ml: "2", children: _jsx(BeatLoader, { size: "4px", color: colors.blue[6] }) })] }))] }) }));
+};

package/dist/components/forms/dynamicForm/fields/uiFields/TileCta.js

@@ -14,5 +14,5 @@ import { Button } from '@chakra-ui/react';
 export const TileCta = (_a) => {
     var { callback } = _a, props = __rest(_a, ["callback"]);
     const { type, value } = props;
-    return (_jsx(Button, { onClick: () => callback === null || callback === void 0 ? void 0 : callback(Object.assign({}, props)), variant: type === 'primary-cta' ? 'tertiaryFooter' : 'secondaryFooter', fontSize: "sm", maxW: "full", children: value }));
+    return (_jsx(Button, { onClick: () => callback === null || callback === void 0 ? void 0 : callback(Object.assign({}, props)), variant: type === 'primary-cta' ? 'primary' : 'secondary', fontSize: "sm", textTransform: "capitalize", px: "none", bg: type === 'primary-cta' ? '' : 'neutral.white', children: value }));
 };

package/dist/components/forms/dynamicForm/fields/uiFields/TileCta.tsx

@@ -6,9 +6,11 @@ export const TileCta = ({ callback, ...props }: TileCtaI) => {
   return (
     <Button
       onClick={() => callback?.({ ...props })}
-      variant={type === 'primary-cta' ? 'tertiaryFooter' : 'secondaryFooter'}
+      variant={type === 'primary-cta' ? 'primary' : 'secondary'}
       fontSize="sm"
-      maxW="full"
+      textTransform="capitalize"
+      px="none"
+      bg={type === 'primary-cta' ? '' : 'neutral.white'}
     >
       {value}
     </Button>

package/dist/components/forms/index.d.ts

@@ -2,5 +2,6 @@ export * from './dynamicForm';
 export * from './readOnly';
 export * from './Address';
 export * from './AddressStored';
+export * from './BaseCounter';
 export * from './Collapsible';
 export * from './EditItemName';

package/dist/components/forms/index.js

@@ -2,5 +2,6 @@ export * from './dynamicForm';
 export * from './readOnly';
 export * from './Address';
 export * from './AddressStored';
+export * from './BaseCounter';
 export * from './Collapsible';
 export * from './EditItemName';

package/dist/components/forms/readOnly/ReadOnlyDynamicForm.d.ts

@@ -1,2 +1,2 @@
 import { ReadOnlyDynamicFormI } from '../../../interfaces';
-export declare const ReadOnlyDynamicForm: ({ form: fields, onEdit, }: ReadOnlyDynamicFormI) => import("react/jsx-runtime").JSX.Element;
+export declare const ReadOnlyDynamicForm: ({ form: fields, onClick, onEdit, }: ReadOnlyDynamicFormI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/readOnly/ReadOnlyDynamicForm.js

@@ -1,10 +1,10 @@
 import { createElement as _createElement } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
-import { ReadOnlyAppliances, ReadOnlyDate, ReadOnlyGrid, ReadOnlyGroup, ReadOnlyInput, ReadOnlyRating, ReadOnlyTextArea, } from '../..';
+import { ReadOnlyAppliances, ReadOnlyDate, ReadOnlyGrid, ReadOnlyGroup, ReadOnlyInput, ReadOnlyNotes, ReadOnlyRating, ReadOnlyTextArea, } from '../..';
 import { fieldIcons } from '../../../helpers';
-export const ReadOnlyDynamicForm = ({ form: fields, onEdit = () => { }, }) => {
-    return (_jsx(Box, { bg: "lightBlue.1", children: fields === null || fields === void 0 ? void 0 : fields.map((field) => {
+export const ReadOnlyDynamicForm = ({ form: fields, onClick, onEdit = () => { }, }) => {
+    return (_jsx(Box, { bg: "lightBlue.1", overflow: "scroll", children: fields === null || fields === void 0 ? void 0 : fields.map((field) => {
             const { children = [], icon, id, name, type, value } = field;
             const baseProps = {
                 key: `${id}-${name}-${value}-${type}`,
@@ -29,11 +29,13 @@ export const ReadOnlyDynamicForm = ({ form: fields, onEdit = () => { }, }) => {
                 case 'textarea':
                     return _jsx(ReadOnlyTextArea, Object.assign({}, baseProps));
                 case 'grid':
-                    return _jsx(ReadOnlyGrid, { children: children }, id);
+                    return (_jsx(ReadOnlyGrid, { children: children, onClick: onClick }, id));
                 case 'group':
                     return _jsx(ReadOnlyGroup, { children: children }, id);
                 case 'appliances':
                     return _createElement(ReadOnlyAppliances, Object.assign({}, field, { key: id, onEdit: onEdit }));
+                case 'notes':
+                    return _createElement(ReadOnlyNotes, Object.assign({}, field, { key: id }));
                 default:
                     return null;
             }

package/dist/components/forms/readOnly/fields/ReadOnlyGrid.d.ts

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

package/dist/components/forms/readOnly/fields/ReadOnlyGrid.js

@@ -11,11 +11,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Flex } from '@chakra-ui/react';
-import { ReadOnlyDate, ReadOnlyInput } from '../../..';
+import { ReadOnlyDate, ReadOnlyGuidelines, ReadOnlyInput, ReadOnlyItemRelated, } from '../../..';
 import { fieldIcons } from '../../../../helpers';
 export const ReadOnlyGrid = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (_jsx(Flex, Object.assign({ align: "stretch", gap: "base", borderBottom: "1px dashed", borderColor: "lightBlue.6", p: "base" }, props, { children: children === null || children === void 0 ? void 0 : children.map(({ id, name, value, type, icon }) => {
+    var { children, onClick } = _a, props = __rest(_a, ["children", "onClick"]);
+    return (_jsx(Flex, Object.assign({ align: "stretch", gap: "base", borderBottom: "1px dashed", borderColor: "lightBlue.6", p: "base" }, props, { children: children === null || children === void 0 ? void 0 : children.map(({ children, id, name, value, type, icon }) => {
             const baseProps = {
                 key: `${id}-${name}-${value}-${type}`,
                 id,
@@ -34,6 +34,10 @@ export const ReadOnlyGrid = (_a) => {
                     return (_jsx(ReadOnlyInput, Object.assign({}, baseProps, { border: "none", flex: "auto", p: "0" })));
                 case 'date':
                     return _jsx(ReadOnlyDate, Object.assign({}, baseProps, { name: name, p: "0" }));
+                case 'guidelines':
+                    return (_jsx(ReadOnlyGuidelines, { name: name, children: children, onClick: onClick }, id));
+                case 'item-related':
+                    return (_jsx(ReadOnlyItemRelated, { name: name, children: children, onClick: onClick }, id));
                 default:
                     return null;
             }

package/dist/components/forms/readOnly/fields/ReadOnlyNotes.d.ts

@@ -0,0 +1,2 @@
+import { ReportI } from '../../../../interfaces';
+export declare const ReadOnlyNotes: ({ name, value, }: Pick<ReportI, "name" | "value">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/readOnly/fields/ReadOnlyNotes.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack, Text } from '@chakra-ui/react';
+export const ReadOnlyNotes = ({ name, value, }) => {
+    return (_jsxs(Stack, { p: "base", spacing: "base", children: [_jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: name }), _jsx(Text, { fontFamily: "secondary", children: value })] }));
+};

package/dist/components/forms/readOnly/fields/homeItem/ReadOnlyAppliances.js

@@ -5,7 +5,7 @@ import { colors } from '../../../../../theme/colors';
 export const ReadOnlyAppliances = ({ description, id, name, children, onEdit, value, }) => {
     const rating = children === null || children === void 0 ? void 0 : children.find(({ type }) => type === 'rating');
     const images = children === null || children === void 0 ? void 0 : children.find(({ type }) => type === 'images');
-    return (_jsxs(Stack, { spacing: "base", p: "base", children: [_jsxs(Flex, { justify: "space-between", children: [_jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: name }), _jsx(IconButton, { "aria-label": "Edit appliance", variant: "ghost", w: "fit-content", icon: _jsx(Edit, { size: 18, stroke: colors.blue[3] }), onClick: () => onEdit(id) })] }), _jsxs(Flex, { gap: "base", children: [_jsx(ReadOnlyHomeItemImages, Object.assign({}, images)), _jsxs(Stack, { spacing: "4", flex: "1", children: [_jsx(ReadOnlyHomeItemRating, Object.assign({}, rating)), _jsxs(Stack, { spacing: "base", children: [_jsx(Text, { fontSize: "22px", fontWeight: "semibold", children: value }), _jsx(Text, { fontFamily: "secondary", fontSize: "sm", children: description })] }), _jsx(Box, { flex: "1", borderBottom: "1px dashed", borderColor: "lightBlue.6", h: "1px" }), _jsx(Box, { children: children === null || children === void 0 ? void 0 : children.map(({ id, name, value, type }) => {
+    return (_jsxs(Stack, { spacing: "base", p: "base", bg: "neutral.white", mt: "2px", children: [_jsxs(Flex, { justify: "space-between", children: [_jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: name }), _jsx(IconButton, { "aria-label": "Edit appliance", variant: "ghost", w: "fit-content", icon: _jsx(Edit, { size: 18, stroke: colors.blue[3] }), onClick: () => onEdit(id) })] }), _jsxs(Flex, { gap: "base", children: [_jsx(ReadOnlyHomeItemImages, Object.assign({}, images)), _jsxs(Stack, { spacing: "4", flex: "1", children: [_jsx(ReadOnlyHomeItemRating, Object.assign({}, rating)), _jsxs(Stack, { spacing: "base", children: [_jsx(Text, { fontSize: "22px", fontWeight: "semibold", children: value }), _jsx(Text, { fontFamily: "secondary", fontSize: "sm", children: description })] }), _jsx(Box, { flex: "1", borderBottom: "1px dashed", borderColor: "lightBlue.6", h: "1px" }), _jsx(Box, { children: children === null || children === void 0 ? void 0 : children.map(({ id, name, value, type }) => {
                                     const baseProps = {
                                         key: `${id}-${name}-${value}-${type}`,
                                         id,

package/dist/components/forms/readOnly/fields/homeItem/ReadOnlyAppliances.tsx

@@ -19,7 +19,7 @@ export const ReadOnlyAppliances = ({
   const rating = children?.find(({ type }) => type === 'rating')
   const images = children?.find(({ type }) => type === 'images')
   return (
-    <Stack spacing="base" p="base">
+    <Stack spacing="base" p="base" bg="neutral.white" mt="2px">
       <Flex justify="space-between">
         <Text fontSize="xs" textTransform="uppercase">
           {name}

package/dist/components/forms/readOnly/fields/homeItem/ReadOnlyGuidelines.d.ts

@@ -0,0 +1,2 @@
+import { ReadOnlyGuidelinesI } from '../../../../../interfaces';
+export declare const ReadOnlyGuidelines: ({ name, children, onClick, }: ReadOnlyGuidelinesI) => import("react/jsx-runtime").JSX.Element;