@ecohouse/ui 0.1.41 → 0.1.43

package/src/icons/Image/ImageIcon.tsx

@@ -0,0 +1,20 @@
+import Svg, { Path } from "react-native-svg";
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { IMAGE_PATH } from "./imagePath";
+
+export function ImageIcon({ size = 16, color = colors.grey0, strokeWidth = 1.5 }: IconProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path
+        d={IMAGE_PATH}
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+}
+
+export { IMAGE_PATH } from "./imagePath";

package/src/icons/Image/ImageIcon.web.tsx

@@ -0,0 +1,19 @@
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { IMAGE_PATH } from "./imagePath";
+
+export function ImageIcon({ size = 16, color = colors.grey0, strokeWidth = 1.5 }: IconProps) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 16 16" fill="none" aria-hidden>
+      <path
+        d={IMAGE_PATH}
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export { IMAGE_PATH } from "./imagePath";

package/src/icons/Image/imagePath.ts

@@ -0,0 +1,2 @@
+export const IMAGE_PATH =
+  "M10.8 14H4.62091C4.21704 14 4.0151 14 3.92159 13.9201C3.84045 13.8508 3.79739 13.7469 3.80577 13.6405C3.81541 13.5179 3.95821 13.3751 4.24379 13.0895L9.91242 7.42091C10.1764 7.15691 10.3084 7.0249 10.4607 6.97544C10.5946 6.93193 10.7388 6.93193 10.8727 6.97544C11.0249 7.0249 11.1569 7.1569 11.4209 7.42091L14 10V10.8M10.8 14C11.9201 14 12.4802 14 12.908 13.782C13.2843 13.5903 13.5903 13.2843 13.782 12.908C14 12.4802 14 11.9201 14 10.8M10.8 14H5.2C4.0799 14 3.51984 14 3.09202 13.782C2.71569 13.5903 2.40973 13.2843 2.21799 12.908C2 12.4802 2 11.9201 2 10.8V5.2C2 4.0799 2 3.51984 2.21799 3.09202C2.40973 2.71569 2.71569 2.40973 3.09202 2.21799C3.51984 2 4.0799 2 5.2 2H10.8C11.9201 2 12.4802 2 12.908 2.21799C13.2843 2.40973 13.5903 2.71569 13.782 3.09202C14 3.51984 14 4.0799 14 5.2V10.8M7 5.66667C7 6.40305 6.40305 7 5.66667 7C4.93029 7 4.33333 6.40305 4.33333 5.66667C4.33333 4.93029 4.93029 4.33333 5.66667 4.33333C6.40305 4.33333 7 4.93029 7 5.66667Z";

package/src/icons/Image/index.ts

@@ -0,0 +1 @@
+export { ImageIcon, IMAGE_PATH } from "./ImageIcon";

package/src/icons/InfoCircle/InfoCircleIcon.tsx

@@ -0,0 +1,14 @@
+import Svg, { Path } from "react-native-svg";
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { INFO_CIRCLE_PATH } from "./infoCirclePath";
+
+export function InfoCircleIcon({ size = 16, color = colors.grey0 }: IconProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <Path d={INFO_CIRCLE_PATH} fill={color} />
+    </Svg>
+  );
+}
+
+export { INFO_CIRCLE_PATH } from "./infoCirclePath";

package/src/icons/InfoCircle/InfoCircleIcon.web.tsx

@@ -0,0 +1,13 @@
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { INFO_CIRCLE_PATH } from "./infoCirclePath";
+
+export function InfoCircleIcon({ size = 16, color = colors.grey0 }: IconProps) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 16 16" fill="none" aria-hidden>
+      <path d={INFO_CIRCLE_PATH} fill={color} />
+    </svg>
+  );
+}
+
+export { INFO_CIRCLE_PATH } from "./infoCirclePath";

package/src/icons/InfoCircle/index.ts

@@ -0,0 +1 @@
+export { InfoCircleIcon, INFO_CIRCLE_PATH } from "./InfoCircleIcon";

package/src/icons/InfoCircle/infoCirclePath.ts

@@ -0,0 +1,2 @@
+export const INFO_CIRCLE_PATH =
+  "M7.9987 1.33301C6.68016 1.33301 5.39123 1.724 4.2949 2.45654C3.19857 3.18909 2.34409 4.23028 1.8395 5.44845C1.33492 6.66663 1.2029 8.00707 1.46013 9.30028C1.71737 10.5935 2.35231 11.7814 3.28466 12.7137C4.21701 13.6461 5.40489 14.281 6.6981 14.5382C7.99131 14.7955 9.33175 14.6635 10.5499 14.1589C11.7681 13.6543 12.8093 12.7998 13.5418 11.7035C14.2744 10.6071 14.6654 9.31822 14.6654 7.99967C14.6634 6.23217 13.9604 4.53762 12.7106 3.2878C11.4608 2.03798 9.76621 1.33497 7.9987 1.33301ZM7.9987 13.333C6.94387 13.333 5.91272 13.0202 5.03566 12.4342C4.1586 11.8481 3.47501 11.0152 3.07134 10.0407C2.66768 9.06611 2.56206 7.99376 2.76785 6.95919C2.97363 5.92463 3.48158 4.97432 4.22746 4.22844C4.97334 3.48256 5.92365 2.97461 6.95822 2.76882C7.99278 2.56303 9.06514 2.66865 10.0397 3.07232C11.0142 3.47598 11.8472 4.15957 12.4332 5.03663C13.0192 5.91369 13.332 6.94484 13.332 7.99967C13.3304 9.41366 12.768 10.7693 11.7682 11.7691C10.7683 12.769 9.41269 13.3314 7.9987 13.333ZM7.9987 7.66634C7.82189 7.66634 7.65232 7.73658 7.5273 7.8616C7.40227 7.98663 7.33203 8.1562 7.33203 8.33301V10.333C7.33203 10.5098 7.40227 10.6794 7.5273 10.8044C7.65232 10.9294 7.82189 10.9997 7.9987 10.9997C8.17551 10.9997 8.34508 10.9294 8.47011 10.8044C8.59513 10.6794 8.66537 10.5098 8.66537 10.333V8.33301C8.66537 8.1562 8.59513 7.98663 8.47011 7.8616C8.34508 7.73658 8.17551 7.66634 7.9987 7.66634ZM7.9987 4.99967C7.83388 4.99967 7.67277 5.04855 7.53573 5.14012C7.39868 5.23168 7.29187 5.36183 7.2288 5.5141C7.16573 5.66638 7.14923 5.83393 7.18138 5.99558C7.21353 6.15723 7.2929 6.30572 7.40945 6.42226C7.52599 6.53881 7.67448 6.61817 7.83613 6.65033C7.99778 6.68248 8.16533 6.66598 8.3176 6.60291C8.46988 6.53983 8.60002 6.43302 8.69159 6.29598C8.78316 6.15894 8.83203 5.99783 8.83203 5.83301C8.83203 5.61199 8.74424 5.40003 8.58796 5.24375C8.43168 5.08747 8.21972 4.99967 7.9987 4.99967Z";

package/src/icons/MoonStars/MoonStarsIcon.tsx

@@ -0,0 +1,27 @@
+import Svg, { Path } from "react-native-svg";
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { MOON_STARS_MOON_PATH, MOON_STARS_SPARKLE_PATH } from "./moonStarsPaths";
+
+export function MoonStarsIcon({ size = 15, color = colors.primary, strokeWidth = 1.5 }: IconProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 15 15" fill="none">
+      <Path
+        d={MOON_STARS_SPARKLE_PATH}
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d={MOON_STARS_MOON_PATH}
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+}
+
+export { MOON_STARS_MOON_PATH, MOON_STARS_PATHS, MOON_STARS_SPARKLE_PATH } from "./moonStarsPaths";

package/src/icons/MoonStars/MoonStarsIcon.web.tsx

@@ -0,0 +1,33 @@
+import { colors } from "../../theme";
+import type { IconProps } from "../types";
+import { MOON_STARS_MOON_PATH, MOON_STARS_SPARKLE_PATH } from "./moonStarsPaths";
+
+export function MoonStarsIcon({ size = 15, color = colors.primary, strokeWidth = 1.5 }: IconProps) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 15 15"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden
+    >
+      <path
+        d={MOON_STARS_SPARKLE_PATH}
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d={MOON_STARS_MOON_PATH}
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export { MOON_STARS_MOON_PATH, MOON_STARS_PATHS, MOON_STARS_SPARKLE_PATH } from "./moonStarsPaths";

package/src/icons/MoonStars/index.ts

@@ -0,0 +1,6 @@
+export {
+  MoonStarsIcon,
+  MOON_STARS_MOON_PATH,
+  MOON_STARS_PATHS,
+  MOON_STARS_SPARKLE_PATH,
+} from "./MoonStarsIcon";

package/src/icons/MoonStars/moonStarsPaths.ts

@@ -0,0 +1,7 @@
+export const MOON_STARS_SPARKLE_PATH =
+  "M11.4167 0.75L11.8285 1.57372C12.0055 1.92771 12.094 2.1047 12.2122 2.25808C12.3171 2.39417 12.4392 2.51618 12.5753 2.62109C12.7286 2.73932 12.9056 2.82781 13.2596 3.00481L14.0833 3.41667L13.2596 3.82853C12.9056 4.00552 12.7286 4.09402 12.5753 4.21224C12.4392 4.31715 12.3171 4.43916 12.2122 4.57526C12.094 4.72863 12.0055 4.90563 11.8285 5.25961L11.4167 6.08333L11.0048 5.25961C10.8278 4.90563 10.7393 4.72863 10.6211 4.57526C10.5162 4.43916 10.3942 4.31715 10.2581 4.21224C10.1047 4.09402 9.92771 4.00552 9.57372 3.82853L8.75 3.41667L9.57372 3.00481C9.92771 2.82781 10.1047 2.73932 10.2581 2.62109C10.3942 2.51618 10.5162 2.39417 10.6211 2.25808C10.7393 2.1047 10.8278 1.92771 11.0048 1.57372L11.4167 0.75Z";
+
+export const MOON_STARS_MOON_PATH =
+  "M13.4167 8.34286C12.5427 9.876 10.893 10.9097 9.00196 10.9097C6.19739 10.9097 3.92383 8.63612 3.92383 5.83155C3.92383 3.94036 4.95766 2.29063 6.491 1.41667C3.26986 1.72208 0.75 4.43461 0.75 7.73569C0.75 11.2414 3.59195 14.0833 7.09766 14.0833C10.3986 14.0833 13.111 11.5637 13.4167 8.34286Z";
+
+export const MOON_STARS_PATHS = [MOON_STARS_SPARKLE_PATH, MOON_STARS_MOON_PATH] as const;

package/src/icons/index.ts

@@ -9,6 +9,7 @@ export { AmenityIcon } from "./Amenity";
 export type { AmenityIconProps, AmenityName } from "./Amenity";
 export { AlertTriangleIcon } from "./AlertTriangle";
 export { AppleIcon } from "./Store";
+export { ArrowLeftIcon } from "./ArrowLeft";
 export { ArrowRightIcon } from "./ArrowRight";
 export { BagIcon } from "./Bag";
 export { BanIcon } from "./Ban";
@@ -25,7 +26,10 @@ export { ChevronDownIcon } from "./ChevronDown";
 export { ChevronLeftIcon } from "./ChevronLeft";
 export { ClockIcon } from "./Clock";
 export { CloseIcon } from "./Close";
+export { CloudUploadIcon } from "./CloudUpload";
+export { CurrentLocationIcon } from "./CurrentLocation";
 export { EditIcon } from "./Edit";
+export { EyeIcon } from "./Eye";
 export {
   BathroomsIcon,
   BedroomsIcon,
@@ -49,6 +53,9 @@ export { QuietHoursIcon, NoSmokingIcon, PawIcon, TrashIcon } from "./HouseRules"
 export { FacebookIcon } from "./Facebook";
 export { FiltersIcon } from "./Filters";
 export { FullscreenIcon } from "./Fullscreen";
+export { CutleryIcon } from "./Cutlery";
+export { DollarIcon } from "./Dollar";
+export { DragHandleIcon } from "./DragHandle";
 export { HeartIcon } from "./Heart";
 export { HeadsetIcon } from "./Headset";
 export { GlobeIcon } from "./Globe";
@@ -56,6 +63,8 @@ export { GooglePlayIcon } from "./Store";
 export { HelpCircleIcon } from "./HelpCircle";
 export { HideIcon } from "./Hide";
 export { HomeIcon } from "./Home";
+export { ImageIcon } from "./Image";
+export { InfoCircleIcon } from "./InfoCircle";
 export { InstagramIcon } from "./Instagram";
 export { KeyIcon } from "./Key";
 export { LayoutGridIcon } from "./LayoutGrid";
@@ -71,6 +80,7 @@ export { MapCollapseIcon, MapExpandIcon } from "./MapControls";
 export { MenuIcon } from "./Menu";
 export type { MenuIconProps } from "./Menu";
 export { MenuLinesIcon } from "./MenuLines";
+export { MoonStarsIcon } from "./MoonStars";
 export { MoreHorizontalIcon } from "./MoreHorizontal";
 export { NavigateIcon } from "./Navigate";
 export { PhoneIcon } from "./Phone";

package/src/icons/registry.ts

@@ -16,7 +16,9 @@ import { ChevronDownIcon } from "./ChevronDown";
 import { ChevronLeftIcon } from "./ChevronLeft";
 import { ClockIcon } from "./Clock";
 import { CloseIcon } from "./Close";
+import { CloudUploadIcon } from "./CloudUpload";
 import { EditIcon } from "./Edit";
+import { EyeIcon } from "./Eye";
 import {
   BathroomsIcon,
   BedroomsIcon,
@@ -40,12 +42,17 @@ import { NoSmokingIcon, PawIcon, QuietHoursIcon, TrashIcon } from "./HouseRules"
 import { FacebookIcon } from "./Facebook";
 import { FiltersIcon } from "./Filters";
 import { FullscreenIcon } from "./Fullscreen";
+import { CutleryIcon } from "./Cutlery";
+import { DollarIcon } from "./Dollar";
+import { DragHandleIcon } from "./DragHandle";
 import { HeartIcon } from "./Heart";
 import { HeadsetIcon } from "./Headset";
 import { GlobeIcon } from "./Globe";
 import { HelpCircleIcon } from "./HelpCircle";
 import { HideIcon } from "./Hide";
 import { HomeIcon } from "./Home";
+import { ImageIcon } from "./Image";
+import { InfoCircleIcon } from "./InfoCircle";
 import { InstagramIcon } from "./Instagram";
 import { KeyIcon } from "./Key";
 import { LayoutGridIcon } from "./LayoutGrid";
@@ -61,6 +68,7 @@ import { MapCollapseIcon, MapExpandIcon } from "./MapControls";
 import { MenuIcon } from "./Menu";
 import { MenuLinesIcon } from "./MenuLines";
 import { MinusIcon } from "./Minus";
+import { MoonStarsIcon } from "./MoonStars";
 import { MoreHorizontalIcon } from "./MoreHorizontal";
 import { NavigateIcon } from "./Navigate";
 import { PhoneIcon } from "./Phone";
@@ -103,6 +111,7 @@ export const icons = {
   chevronLeft: ChevronLeftIcon,
   clock: ClockIcon,
   close: CloseIcon,
+  cloudUpload: CloudUploadIcon,
   edit: EditIcon,
   clockFilled: ClockFilledIcon,
   copy: CopyIcon,
@@ -137,6 +146,7 @@ export const icons = {
   menu: MenuIcon,
   menuLines: MenuLinesIcon,
   minus: MinusIcon,
+  moonStars: MoonStarsIcon,
   moreHorizontal: MoreHorizontalIcon,
   navigate: NavigateIcon,
   noSmoking: NoSmokingIcon,
@@ -164,6 +174,12 @@ export const icons = {
   usersAlt: UsersAltIcon,
   video: VideoIcon,
   videoOff: VideoOffIcon,
+  cutlery: CutleryIcon,
+  dollar: DollarIcon,
+  dragHandle: DragHandleIcon,
+  eye: EyeIcon,
+  image: ImageIcon,
+  infoCircle: InfoCircleIcon,
   whatsApp: WhatsAppIcon,
   zoomOut: ZoomOutIcon,
 } as const satisfies Record<string, IconComponent>;
@@ -202,11 +218,13 @@ export const iconGroups = {
     "checkSuccess",
     "copy",
     "download",
+    "dragHandle",
     "search",
     "calendar",
     "calendarMinus",
     "calendarOutline",
     "close",
+    "cloudUpload",
     "edit",
     "ratingStar",
     "saveHeart",
@@ -219,6 +237,7 @@ export const iconGroups = {
     "star",
     "starFilled",
     "minus",
+    "moonStars",
     "moreHorizontal",
     "plus",
     "refresh",
@@ -250,12 +269,17 @@ export const iconGroups = {
   social: ["apple", "facebook", "googlePlay", "instagram", "linkedin"],
   interface: [
     "areaExpand",
+    "cutlery",
+    "dollar",
+    "eye",
     "globe",
     "layoutGrid",
     "sidebar",
     "settings",
     "helpCircle",
     "logOut",
+    "image",
+    "infoCircle",
     "tooltipArrow",
   ],
 } as const satisfies Record<string, readonly IconName[]>;

package/src/index.ts

@@ -8,9 +8,11 @@ export {
   StepPager,
   InfoTile,
   ContactInfoCard,
+  Accordion,
   AccordionItem,
   StepList,
   Counter,
+  QuantityInput,
   SegmentedToggle,
   Sidebar,
   LanguageSwitcher,
@@ -23,6 +25,7 @@ export {
   Modal,
   Drawer,
   Input,
+  AutocompleteInput,
   VerificationCodeInput,
   Select,
   Textarea,
@@ -31,6 +34,7 @@ export {
   RatingInput,
   CommentCard,
   Range,
+  RadioButton,
 } from "./components";
 export type {
   AvatarProps,
@@ -45,9 +49,11 @@ export type {
   StepPagerProps,
   InfoTileProps,
   ContactInfoCardProps,
+  AccordionProps,
   AccordionItemProps,
   StepListProps,
   CounterProps,
+  QuantityInputProps,
   SegmentedToggleOption,
   SegmentedToggleProps,
   SidebarProps,
@@ -73,6 +79,8 @@ export type {
   InputIcon,
   InputProps,
   InputSize,
+  AutocompleteInputProps,
+  AutocompleteOption,
   VerificationCodeInputHandle,
   VerificationCodeInputProps,
   SelectIcon,
@@ -87,6 +95,8 @@ export type {
   CommentCardProps,
   RangeProps,
   RangeValue,
+  RadioButtonProps,
+  RadioButtonVariant,
 } from "./components";
 
 export {
@@ -121,6 +131,7 @@ export {
   iconGroups,
   iconGroupNames,
   getIconsByGroup,
+  ArrowLeftIcon,
   ArrowRightIcon,
   BagIcon,
   BanIcon,
@@ -137,6 +148,8 @@ export {
   ChevronLeftIcon,
   ClockIcon,
   CloseIcon,
+  CloudUploadIcon,
+  CurrentLocationIcon,
   EditIcon,
   BathroomsIcon,
   BedroomsIcon,
@@ -184,6 +197,7 @@ export {
   MenuIcon,
   MenuLinesIcon,
   MinusIcon,
+  MoonStarsIcon,
   NavigateIcon,
   PhoneIcon,
   PlusIcon,
@@ -201,6 +215,12 @@ export {
   UsersAltIcon,
   VideoIcon,
   VideoOffIcon,
+  CutleryIcon,
+  DollarIcon,
+  DragHandleIcon,
+  EyeIcon,
+  ImageIcon,
+  InfoCircleIcon,
   ZoomOutIcon,
 } from "./icons";
 export type {