accomadesc 0.4.6 → 0.4.8

package/dist/AmenitiesCore.svelte

@@ -1,16 +1,5 @@
 <script lang="ts">
-  import NotSvg from './svg/NotSVG.svelte';
-
-  import AcSvg from './svg/AcSVG.svelte';
-  import AreaSvg from './svg/AreaSVG.svelte';
-  import BathroomSvg from './svg/BathroomSVG.svelte';
-  import BedroomSvg from './svg/BedroomSVG.svelte';
-  import ParkingSvg from './svg/ParkingSVG.svelte';
-  import PeopleSvg from './svg/PeopleSVG.svelte';
-  import PetsSvg from './svg/PetsSVG.svelte';
-  import SmokingSvg from './svg/SmokingSVG.svelte';
-  import TvSvg from './svg/TvSVG.svelte';
-  import WifiSvg from './svg/WifiSVG.svelte';
+  import Icon from './basic/Icon.svelte';
   import type { AmenitiesCoreContent, I18nFacade } from './types.js';
 
   let {
@@ -39,25 +28,25 @@
 
 <div class="amenities-wrapper">
   <div class="element-wrapper">
-    <AreaSvg size="2rem" />
+    <Icon iconName="area" width="2rem" height="2rem" />
     <div>
       {@html formattedSize}
     </div>
   </div>
   <div class="element-wrapper">
-    <PeopleSvg size="2rem" />
+    <Icon iconName="people" width="2rem" height="2rem" />
     <div>
       {peopleMin}-{peopleMax}
     </div>
   </div>
   <div class="element-wrapper">
-    <BedroomSvg size="2rem" />
+    <Icon iconName="bedroom" width="2rem" height="2rem" />
     <div>
       {bedRooms}
     </div>
   </div>
   <div class="element-wrapper">
-    <BathroomSvg size="2rem" />
+    <Icon iconName="bathroom" width="2rem" height="2rem" />
     <div>
       {bathRooms}
     </div>
@@ -66,14 +55,14 @@
     <div class="bool-element-wrapper">
       {#if !pets}
         <div class="main-icon-container">
-          <PetsSvg size="1.6rem" />
+          <Icon iconName="pets" width="1.6rem" height="1.6rem" />
         </div>
         <div class="not-icon-container">
-          <NotSvg size="2.2rem" />
+          <Icon iconName="not" width="2.2rem" height="2.2rem" color="var(--icon-not-color, red)" />
         </div>
       {:else}
         <div class="main-icon-container">
-          <PetsSvg size="2rem" />
+          <Icon iconName="pets" width="2rem" height="2rem" />
         </div>
       {/if}
     </div>
@@ -82,13 +71,13 @@
     <div class="bool-element-wrapper">
       {#if !wifi}
         <div class="main-icon-container">
-          <WifiSvg size="1.6rem" />
+          <Icon iconName="wifi" width="1.6rem" height="1.6rem" />
         </div>
         <div class="not-icon-container">
-          <NotSvg size="2.2rem" />
+          <Icon iconName="not" width="2.2rem" height="2.2rem" color="var(--icon-not-color, red)" />
         </div>
       {:else}
-        <WifiSvg size="2rem" />
+        <Icon iconName="wifi" width="2rem" height="2rem" />
       {/if}
     </div>
   {/if}
@@ -96,13 +85,13 @@
     <div class="bool-element-wrapper">
       {#if !smoking}
         <div class="main-icon-container">
-          <SmokingSvg size="1.6rem" />
+          <Icon iconName="smoking" width="1.6rem" height="1.6rem" />
         </div>
         <div class="not-icon-container">
-          <NotSvg size="2.2rem" />
+          <Icon iconName="not" width="2.2rem" height="2.2rem" color="var(--icon-not-color, red)" />
         </div>
       {:else}
-        <SmokingSvg size="2rem" />
+        <Icon iconName="smoking" width="2rem" height="2rem" />
       {/if}
     </div>
   {/if}
@@ -110,13 +99,13 @@
     <div class="bool-element-wrapper">
       {#if !ac}
         <div class="main-icon-container">
-          <AcSvg size="1.6rem" />
+          <Icon iconName="ac" width="1.6rem" height="1.6rem" />
         </div>
         <div class="not-icon-container">
-          <NotSvg size="2.2rem" />
+          <Icon iconName="not" width="2.2rem" height="2.2rem" color="var(--icon-not-color, red)" />
         </div>
       {:else}
-        <AcSvg size="2rem" />
+        <Icon iconName="ac" width="2rem" height="2rem" />
       {/if}
     </div>
   {/if}
@@ -124,13 +113,13 @@
     <div class="bool-element-wrapper">
       {#if !tv}
         <div class="main-icon-container">
-          <TvSvg size="1.6rem" />
+          <Icon iconName="tv" width="1.6rem" height="1.6rem" />
         </div>
         <div class="not-icon-container">
-          <NotSvg size="2.2rem" />
+          <Icon iconName="not" width="2.2rem" height="2.2rem" color="var(--icon-not-color, red)" />
         </div>
       {:else}
-        <TvSvg size="2rem" />
+        <Icon iconName="tv" width="2rem" height="2rem" />
       {/if}
     </div>
   {/if}
@@ -138,13 +127,13 @@
     <div class="bool-element-wrapper">
       {#if !parking}
         <div class="main-icon-container">
-          <ParkingSvg size="1.6rem" />
+          <Icon iconName="parking" width="1.6rem" height="1.6rem" />
         </div>
         <div class="not-icon-container">
-          <NotSvg size="2.2rem" />
+          <Icon iconName="not" width="2.2rem" height="2.2rem" color="var(--icon-not-color, red)" />
         </div>
       {:else}
-        <ParkingSvg size="2rem" />
+        <Icon iconName="parking" width="2rem" height="2rem" />
       {/if}
     </div>
   {/if}

package/dist/Hamburger.svelte

@@ -3,8 +3,7 @@
   import { blur } from 'svelte/transition';
 
   import MainNav from './MainNav.svelte';
-  import HamburgerSVG from './svg/HamburgerSVG.svelte';
-  import XSVG from './svg/XSVG.svelte';
+  import Icon from './basic/Icon.svelte';
 
   let {
     nav,
@@ -38,9 +37,13 @@
   tabindex={isMenuOpen ? 0 : -1}
 >
   {#if isMenuOpen}
-    <XSVG />
+    <Icon
+      iconName="x"
+      color="var(--nav-font-color)"
+      filter="drop-shadow(0.2rem 0.2rem 0.2rem black)"
+    />
   {:else}
-    <HamburgerSVG />
+    <Icon iconName="hamburger" color="var(--hamburger-color)" filter="var(--hamburger-filter)" />
   {/if}
 </button>
 

package/dist/NavItem.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { NavItem, I18nFacade } from './types.js';
-  import ExtLinkSvg from './svg/ExtLinkSVG.svelte';
+  import Icon from './basic/Icon.svelte';
   import { getContext } from 'svelte';
   import { GLOBAL_STATE, GlobalState } from './state.svelte';
 
@@ -24,7 +24,12 @@
     {#if n.external}
       <div class="ext-link-wrapper">
         <div class="link-icon-wrapper">
-          <ExtLinkSvg size="1.6rem" />
+          <Icon
+            iconName="extlink"
+            width="1.6rem"
+            height="1.6rem"
+            color="var(--external-link-font-color, blue)"
+          />
         </div>
         <a
           href={n.path}

package/dist/Photo.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
-  import LinkSvg from './svg/LinkSVG.svelte';
-  import ExtLinkSvg from './svg/ExtLinkSVG.svelte';
+  import Icon from './basic/Icon.svelte';
   import { TwicImg } from '@twicpics/components/svelte5';
   import type { PhotoContent, I18nFacade } from './types.js';
 
@@ -57,12 +56,26 @@
       rel="noreferrer noopener nofollow"
     >
       {@render twic()}
-      <div class="link-icon-wrapper"><ExtLinkSvg size="1.8rem" /></div>
+      <div class="link-icon-wrapper">
+        <Icon
+          iconName="extlink"
+          width="1.8rem"
+          height="1.8rem"
+          color="var(--external-link-font-color, blue)"
+        />
+      </div>
     </a>
   {:else}
     <a bind:clientHeight={photoHeight} style="width: {width}; height: {height};" href={link}>
       {@render twic()}
-      <div class="link-icon-wrapper"><LinkSvg size="1.4rem" /></div>
+      <div class="link-icon-wrapper">
+        <Icon
+          iconName="link"
+          width="1.4rem"
+          height="1.4rem"
+          color="var(--picture-link-font-color, black)"
+        />
+      </div>
     </a>
   {/if}
 {:else}

package/dist/basic/icons/amenities.d.ts

@@ -0,0 +1,13 @@
+export declare const amenitiesIcons: {
+    ac: string;
+    area: string;
+    bathroom: string;
+    bedroom: string;
+    parking: string;
+    people: string;
+    pets: string;
+    smoking: string;
+    tv: string;
+    wifi: string;
+};
+export type AmenitiesIconKey = keyof typeof amenitiesIcons;

package/dist/basic/icons/amenities.js

@@ -0,0 +1,34 @@
+export const amenitiesIcons = {
+    ac: `<svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M44 22V7.2C44 6.88174 43.8736 6.57652 43.6485 6.35147C43.4235 6.12643 43.1183 6 42.8 6H5.2C4.88174 6 4.57652 6.12643 4.35147 6.35147C4.12643 6.57652 4 6.88174 4 7.2V22M44 22H4M44 22L42.42 27.168C42.1699 27.9873 41.6633 28.7046 40.9749 29.2145C40.2865 29.7243 39.4526 29.9996 38.596 30H36M4 22L5.58 27.168C5.83014 27.9873 6.33668 28.7046 7.02508 29.2145C7.71349 29.7243 8.54737 29.9996 9.404 30H12M36 14H38M19 29C19 29 19 43 12 43M29 29C29 29 29 43 36 43M24 29V43" stroke="{color}" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+	</svg>`,
+    area: `<svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M6 10V38C6 40.206 7.794 42 10 42H38C40.206 42 42 40.206 42 38V10C42 7.794 40.206 6 38 6H10C7.794 6 6 7.794 6 10ZM38.004 38H10V10H38L38.004 38Z" fill="{color}"/>
+		<path d="M30 24H34V14H24V18H30V24ZM24 30H18V24H14V34H24V30Z" fill="{color}"/>
+	</svg>`,
+    bathroom: `<svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M18 6C11.38 6 6.28 11.38 6 18V42H24V26.92C26.2 28.9 29 30 32 30C38.62 30 44 24.62 44 18C44 11.38 38.62 6 32 6H18ZM18 10H23.08C21.1 12.2 20 15 20 18V24H18V26H20V38H10V26H12V24H10V18C10 13.58 13.58 10 18 10ZM32 10C36.42 10 40 13.58 40 18C40 22.42 36.42 26 32 26C27.58 26 24 22.42 24 18C24 13.58 27.58 10 32 10ZM32 14.5C30.06 14.5 28.5 16.06 28.5 18C28.5 19.94 30.06 21.5 32 21.5C33.94 21.5 35.5 19.94 35.5 18C35.5 16.06 33.94 14.5 32 14.5ZM14 24V26H16V24H14Z" fill="{color}"/>
+	</svg>`,
+    bedroom: `<svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M10 34H13V31H35V34H38V26.3C38 25.6 37.8667 24.9413 37.6 24.324C37.3333 23.708 36.9667 23.1667 36.5 22.7V18C36.5 16.9 36.1087 15.958 35.326 15.174C34.542 14.3913 33.6 14 32.5 14H26C25.6333 14 25.2833 14.05 24.95 14.15C24.6167 14.25 24.3 14.4 24 14.6C23.7 14.4 23.3833 14.25 23.05 14.15C22.7167 14.05 22.3667 14 22 14H15.5C14.4 14 13.4587 14.3913 12.676 15.174C11.892 15.958 11.5 16.9 11.5 18V22.7C11.0333 23.1667 10.6667 23.708 10.4 24.324C10.1333 24.9413 10 25.6 10 26.3V34ZM13 28V26C13 25.4333 13.1913 24.958 13.574 24.574C13.958 24.1913 14.4333 24 15 24H33C33.5667 24 34.0413 24.1913 34.424 24.574C34.808 24.958 35 25.4333 35 26V28H13ZM14.5 21V17H22.5V21H14.5ZM25.5 21V17H33.5V21H25.5ZM8 44C6.9 44 5.95867 43.6087 5.176 42.826C4.392 42.042 4 41.1 4 40V8C4 6.9 4.392 5.958 5.176 5.174C5.95867 4.39133 6.9 4 8 4H40C41.1 4 42.042 4.39133 42.826 5.174C43.6087 5.958 44 6.9 44 8V40C44 41.1 43.6087 42.042 42.826 42.826C42.042 43.6087 41.1 44 40 44H8ZM8 40H40V8H8V40Z" fill="{color}"/>
+	</svg>`,
+    parking: `<svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M8 12C8 10.9391 8.42143 9.92172 9.17157 9.17157C9.92172 8.42143 10.9391 8 12 8H36C37.0609 8 38.0783 8.42143 38.8284 9.17157C39.5786 9.92172 40 10.9391 40 12V36C40 37.0609 39.5786 38.0783 38.8284 38.8284C38.0783 39.5786 37.0609 40 36 40H12C10.9391 40 9.92172 39.5786 9.17157 38.8284C8.42143 38.0783 8 37.0609 8 36V12Z" stroke="{color}" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+		<path d="M18 32V16H26C27.0609 16 28.0783 16.4214 28.8284 17.1716C29.5786 17.9217 30 18.9391 30 20C30 21.0609 29.5786 22.0783 28.8284 22.8284C28.0783 23.5786 27.0609 24 26 24H18" stroke="{color}" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+	</svg>`,
+    people: `<svg width="100%" height="100%" viewBox="0 0 46 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M30.5 17C28.5725 17 26.7088 16.1394 25.25 14.5775C23.8316 13.0541 22.9653 11.0225 22.8125 8.85875C22.6494 6.55063 23.3535 4.42813 24.7944 2.88125C26.2353 1.33438 28.25 0.5 30.5 0.5C32.7341 0.5 34.7544 1.34937 36.1906 2.8925C37.641 4.45062 38.3469 6.56937 38.1838 8.85781C38.0272 11.0244 37.1619 13.055 35.7463 14.5766C34.2913 16.1394 32.4285 17 30.5 17ZM42.8591 33.5H18.1419C17.7445 33.5021 17.3519 33.4131 16.9943 33.2396C16.6368 33.0662 16.3238 32.8131 16.0794 32.4997C15.8202 32.16 15.6412 31.766 15.5558 31.3473C15.4704 30.9286 15.4808 30.496 15.5863 30.0819C16.3756 26.9122 18.3313 24.2834 21.2413 22.4806C23.8241 20.8812 27.1119 20 30.5 20C33.9547 20 37.1563 20.8437 39.7541 22.4422C42.6706 24.2356 44.6291 26.8794 45.4147 30.0875C45.5189 30.5019 45.5282 30.9345 45.4418 31.353C45.3554 31.7715 45.1757 32.1651 44.916 32.5044C44.6718 32.8163 44.3595 33.0682 44.003 33.2408C43.6465 33.4134 43.2552 33.502 42.8591 33.5ZM12.7813 17.375C9.4822 17.375 6.58158 14.3075 6.31252 10.5378C6.17939 8.60656 6.78127 6.82062 8.00002 5.51094C9.20564 4.21437 10.9063 3.5 12.7813 3.5C14.6563 3.5 16.3438 4.21813 17.556 5.52219C18.7841 6.84219 19.3841 8.62437 19.2435 10.5397C18.9744 14.3084 16.0747 17.375 12.7813 17.375ZM18.9369 20.3234C17.2878 19.5172 15.1475 19.1141 12.7822 19.1141C10.0203 19.1141 7.33814 19.8341 5.22877 21.1409C2.8372 22.625 1.22845 24.7859 0.578765 27.395C0.483689 27.7703 0.474696 28.1622 0.55246 28.5414C0.630225 28.9207 0.792732 29.2774 1.02783 29.585C1.2509 29.8714 1.53669 30.1028 1.8632 30.2614C2.18972 30.42 2.54826 30.5017 2.91127 30.5H13.3175C13.4932 30.5 13.6632 30.4383 13.798 30.3257C13.9329 30.2132 14.0239 30.0569 14.0553 29.8841C14.0656 29.825 14.0788 29.7659 14.0938 29.7078C14.8888 26.5147 16.7516 23.8166 19.5041 21.8497C19.6053 21.7767 19.6867 21.6796 19.741 21.5672C19.7952 21.4548 19.8206 21.3307 19.8147 21.206C19.8088 21.0814 19.7719 20.9601 19.7074 20.8533C19.6428 20.7465 19.5527 20.6575 19.445 20.5944C19.2978 20.5081 19.1291 20.4172 18.9369 20.3234Z" fill="{color}"/>
+	</svg>`,
+    pets: `<svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M9 24.25C7.6 24.25 6.41667 23.7667 5.45 22.8C4.48333 21.8333 4 20.65 4 19.25C4 17.85 4.48333 16.6667 5.45 15.7C6.41667 14.7333 7.6 14.25 9 14.25C10.4 14.25 11.5833 14.7333 12.55 15.7C13.5167 16.6667 14 17.85 14 19.25C14 20.65 13.5167 21.8333 12.55 22.8C11.5833 23.7667 10.4 24.25 9 24.25ZM18 16.25C16.6 16.25 15.4167 15.7667 14.45 14.8C13.4833 13.8333 13 12.65 13 11.25C13 9.85 13.4833 8.66667 14.45 7.7C15.4167 6.73333 16.6 6.25 18 6.25C19.4 6.25 20.5833 6.73333 21.55 7.7C22.5167 8.66667 23 9.85 23 11.25C23 12.65 22.5167 13.8333 21.55 14.8C20.5833 15.7667 19.4 16.25 18 16.25ZM30 16.25C28.6 16.25 27.4167 15.7667 26.45 14.8C25.4833 13.8333 25 12.65 25 11.25C25 9.85 25.4833 8.66667 26.45 7.7C27.4167 6.73333 28.6 6.25 30 6.25C31.4 6.25 32.5833 6.73333 33.55 7.7C34.5167 8.66667 35 9.85 35 11.25C35 12.65 34.5167 13.8333 33.55 14.8C32.5833 15.7667 31.4 16.25 30 16.25ZM39 24.25C37.6 24.25 36.4167 23.7667 35.45 22.8C34.4833 21.8333 34 20.65 34 19.25C34 17.85 34.4833 16.6667 35.45 15.7C36.4167 14.7333 37.6 14.25 39 14.25C40.4 14.25 41.5833 14.7333 42.55 15.7C43.5167 16.6667 44 17.85 44 19.25C44 20.65 43.5167 21.8333 42.55 22.8C41.5833 23.7667 40.4 24.25 39 24.25ZM13.3 44.25C11.8 44.25 10.542 43.6747 9.526 42.524C8.50867 41.3747 8 40.0167 8 38.45C8 36.7167 8.592 35.2 9.776 33.9C10.9587 32.6 12.1333 31.3167 13.3 30.05C14.2667 29.0167 15.1 27.8913 15.8 26.674C16.5 25.458 17.3333 24.3167 18.3 23.25C19.0333 22.3833 19.8833 21.6667 20.85 21.1C21.8167 20.5333 22.8667 20.25 24 20.25C25.1333 20.25 26.1833 20.5167 27.15 21.05C28.1167 21.5833 28.9667 22.2833 29.7 23.15C30.6333 24.2167 31.458 25.3667 32.174 26.6C32.8913 27.8333 33.7333 28.9833 34.7 30.05C35.8667 31.3167 37.042 32.6 38.226 33.9C39.4087 35.2 40 36.7167 40 38.45C40 40.0167 39.492 41.3747 38.476 42.524C37.4587 43.6747 36.2 44.25 34.7 44.25C32.9 44.25 31.1167 44.1 29.35 43.8C27.5833 43.5 25.8 43.35 24 43.35C22.2 43.35 20.4167 43.5 18.65 43.8C16.8833 44.1 15.1 44.25 13.3 44.25Z" fill="{color}"/>
+	</svg>`,
+    smoking: `<svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M4 38V32H34V38H4ZM36 38V32H39V38H36ZM41 38V32H44V38H41ZM36 30V27.4C36 26.1 35.6167 25.108 34.85 24.424C34.0833 23.7413 33.1667 23.4 32.1 23.4H29C27.1333 23.4 25.55 22.75 24.25 21.45C22.95 20.15 22.3 18.5667 22.3 16.7C22.3 14.8333 22.95 13.25 24.25 11.95C25.55 10.65 27.1333 10 29 10V13C28 13 27.1333 13.35 26.4 14.05C25.6667 14.75 25.3 15.6333 25.3 16.7C25.3 17.7667 25.6667 18.65 26.4 19.35C27.1333 20.05 28 20.4 29 20.4H32.1C33.9667 20.4 35.5833 21 36.95 22.2C38.3167 23.4 39 24.9 39 26.7V30H36ZM41 30V25.5C41 23.3 40.2333 21.4 38.7 19.8C37.1667 18.2 35.2667 17.4 33 17.4V14.4C34 14.4 34.8667 14.0333 35.6 13.3C36.3333 12.5667 36.7 11.7 36.7 10.7C36.7 9.7 36.3333 8.83333 35.6 8.1C34.8667 7.36667 34 7 33 7V4C34.8667 4 36.45 4.65 37.75 5.95C39.05 7.25 39.7 8.83333 39.7 10.7C39.7 11.6667 39.5167 12.5413 39.15 13.324C38.7833 14.108 38.3 14.8333 37.7 15.5C39.5667 16.3667 41.0833 17.7 42.25 19.5C43.4167 21.3 44 23.3 44 25.5V30H41Z" fill="{color}"/>
+	</svg>`,
+    tv: `<svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M7.5 40.5C7.5 40.1022 7.65804 39.7206 7.93934 39.4393C8.22064 39.158 8.60218 39 9 39H39C39.3978 39 39.7794 39.158 40.0607 39.4393C40.342 39.7206 40.5 40.1022 40.5 40.5C40.5 40.8978 40.342 41.2794 40.0607 41.5607C39.7794 41.842 39.3978 42 39 42H9C8.60218 42 8.22064 41.842 7.93934 41.5607C7.65804 41.2794 7.5 40.8978 7.5 40.5ZM41.973 9L42.045 9.003C42.6055 9.04116 43.1535 9.18681 43.659 9.432C44.0231 9.60143 44.3357 9.86437 44.565 10.194C44.766 10.494 45 11.025 45 12V29.973L44.997 30.045C44.9585 30.6055 44.8129 31.1534 44.568 31.659C44.3984 32.023 44.1355 32.3356 43.806 32.565C43.506 32.766 42.975 33 42 33H6.027L5.955 32.997C5.39451 32.9585 4.84661 32.8129 4.341 32.568C3.97702 32.3984 3.66443 32.1355 3.435 31.806C3.234 31.506 3 30.975 3 30V12.027L3.003 11.955C3.04116 11.3945 3.18681 10.8465 3.432 10.341C3.60156 9.97702 3.86447 9.66443 4.194 9.435C4.494 9.234 5.025 9 6 9H41.973ZM42 6H6C0 6 0 12 0 12V30C0 36 6 36 6 36H42C48 36 48 30 48 30V12C48 6 42 6 42 6Z" fill="{color}"/>
+	</svg>`,
+    wifi: `<svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M12.7 30.7L8.5 26.4C10.4667 24.4333 12.7753 22.8753 15.426 21.726C18.0753 20.5753 20.9333 20 24 20C27.0667 20 29.9253 20.5833 32.576 21.75C35.2253 22.9167 37.5333 24.5 39.5 26.5L35.3 30.7C33.8333 29.2333 32.1333 28.0833 30.2 27.25C28.2667 26.4167 26.2 26 24 26C21.8 26 19.7333 26.4167 17.8 27.25C15.8667 28.0833 14.1667 29.2333 12.7 30.7ZM4.2 22.2L0 18C3.06667 14.8667 6.65 12.4167 10.75 10.65C14.85 8.88333 19.2667 8 24 8C28.7333 8 33.15 8.88333 37.25 10.65C41.35 12.4167 44.9333 14.8667 48 18L43.8 22.2C41.2333 19.6333 38.2587 17.6247 34.876 16.174C31.492 14.7247 27.8667 14 24 14C20.1333 14 16.508 14.7247 13.124 16.174C9.74133 17.6247 6.76667 19.6333 4.2 22.2ZM24 42L31.05 34.9C30.15 34 29.1 33.2913 27.9 32.774C26.7 32.258 25.4 32 24 32C22.6 32 21.3 32.258 20.1 32.774C18.9 33.2913 17.85 34 16.95 34.9L24 42Z" fill="{color}"/>
+	</svg>`,
+};

package/dist/basic/icons/ui.d.ts

@@ -9,5 +9,12 @@ export declare const uiIcons: {
     select: string;
     show: string;
     placeholder: string;
+    hamburger: string;
+    x: string;
+    check: string;
+    nocheck: string;
+    not: string;
+    link: string;
+    extlink: string;
 };
 export type UiIconKey = keyof typeof uiIcons;

package/dist/basic/icons/ui.js

@@ -41,4 +41,36 @@ export const uiIcons = {
       <path d="M55.7391 33L56.6051 32.5L55.7391 31L54.873 32.5L55.7391 33ZM68.9357 55.8573V56.8573H70.6678L69.8017 55.3573L68.9357 55.8573ZM42.5424 55.8573L41.6764 55.3573L40.8104 56.8573H42.5424V55.8573ZM54.873 33.5L68.0697 56.3573L69.8017 55.3573L56.6051 32.5L54.873 33.5ZM49.223 46.2861L56.6051 33.5L54.873 32.5L47.491 45.2861L49.223 46.2861ZM42.4286 45.1302C44.4109 45.1302 46.2612 45.6823 47.8376 46.6406L48.8765 44.9316C46.9959 43.7883 44.7876 43.1302 42.4286 43.1302V45.1302ZM32 55.5588C32 49.7992 36.6691 45.1302 42.4286 45.1302V43.1302C35.5645 43.1302 30 48.6947 30 55.5588H32ZM42.4286 65.9874C36.6691 65.9874 32 61.3184 32 55.5588H30C30 62.423 35.5645 67.9874 42.4286 67.9874V65.9874ZM52.8538 55.8316C52.7094 61.4648 48.097 65.9874 42.4286 65.9874V67.9874C49.1844 67.9874 54.681 62.5975 54.8531 55.8829L52.8538 55.8316ZM68.9357 54.8573H53.8535V56.8573H68.9357V54.8573ZM53.8535 54.8573H42.5424V56.8573H53.8535V54.8573ZM43.4084 56.3573L49.223 46.2861L47.491 45.2861L41.6764 55.3573L43.4084 56.3573ZM47.8376 46.6406C50.8493 48.4715 52.8573 51.7811 52.8573 55.5588H54.8573C54.8573 51.054 52.4601 47.1101 48.8765 44.9316L47.8376 46.6406ZM52.8573 55.5588C52.8573 55.65 52.8561 55.741 52.8538 55.8316L54.8531 55.8829C54.8559 55.7752 54.8573 55.6671 54.8573 55.5588H52.8573Z" fill="#AAAAAA"/>
       <rect x="1" y="1" width="98" height="98" stroke="#AAAAAA" stroke-width="2"/>
     </svg>`,
+    hamburger: `
+    <svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2;">
+      <rect x="0" y="6" width="60" height="9" fill="{color}"/>
+      <rect x="0" y="46" width="60" height="9" fill="{color}"/>
+      <rect x="0" y="26" width="60" height="9" fill="{color}"/>
+    </svg>`,
+    x: `
+    <svg width="100%" height="100%" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2; filter: drop-shadow(0.2rem 0.2rem 0.2rem black);">
+      <path fill="{color}" d="M64,48.496l-48.496,-48.496l-15.504,15.504l48.496,48.496l-48.496,48.496l15.504,15.504l48.496,-48.496l48.496,48.496l15.504,-15.504l-48.496,-48.496l48.496,-48.496l-15.504,-15.504l-48.496,48.496Z"/>
+    </svg>`,
+    check: `
+    <svg width="100%" height="100%" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M17.2 23.6L12.85 19.25C12.4833 18.8833 12.0333 18.7 11.5 18.7C10.9667 18.7 10.5 18.9 10.1 19.3C9.73333 19.6667 9.55 20.1333 9.55 20.7C9.55 21.2667 9.73333 21.7333 10.1 22.1L15.8 27.8C16.1667 28.1667 16.6333 28.35 17.2 28.35C17.7667 28.35 18.2333 28.1667 18.6 27.8L29.95 16.45C30.3167 16.0833 30.5 15.6333 30.5 15.1C30.5 14.5667 30.3 14.1 29.9 13.7C29.5333 13.3333 29.0667 13.15 28.5 13.15C27.9333 13.15 27.4667 13.3333 27.1 13.7L17.2 23.6ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z" fill="{color}"/>
+    </svg>`,
+    nocheck: `
+    <svg width="100%" height="100%" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M27.75 14.25L14.25 27.75M14.25 14.25L27.75 27.75" stroke="{color}" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/>
+      <path d="M21 39.75C31.3553 39.75 39.75 31.3553 39.75 21C39.75 10.6447 31.3553 2.25 21 2.25C10.6447 2.25 2.25 10.6447 2.25 21C2.25 31.3553 10.6447 39.75 21 39.75Z" stroke="{color}" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>`,
+    not: `
+    <svg width="100%" height="100%" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <circle cx="30" cy="30" r="26" stroke="{color}" stroke-width="8"/>
+      <line x1="12.8669" y1="13.2106" x2="48.8669" y2="50.2106" stroke="{color}" stroke-width="8"/>
+    </svg>`,
+    link: `
+    <svg width="100%" height="100%" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M14 6V10H4V32H26V22H30V34C30 34.5304 29.7893 35.0391 29.4142 35.4142C29.0391 35.7893 28.5304 36 28 36H2C1.46957 36 0.960859 35.7893 0.585786 35.4142C0.210714 35.0391 0 34.5304 0 34V8C0 7.46957 0.210714 6.96086 0.585786 6.58579C0.960859 6.21071 1.46957 6 2 6H14ZM36 0V18L28.412 10.414L16.414 22.414L13.586 19.586L25.584 7.586L18 0H36Z" fill="{color}"/>
+    </svg>`,
+    extlink: `
+    <svg width="100%" height="100%" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M38 42V38H30V34H38V30L44 36L38 42ZM24 36C24 31.6 26.4 27.8 30 25.6C29.8 24.6 29 24 28 24H16V20H20C21.2 20 22 19.2 22 18V14H26C28.2 14 30 12.2 30 10V9.2C35.8 11.6 40 17.2 40 24V24.6C41.4 25 42.6 25.8 43.8 26.8C44 26 44 25 44 24C44 13 35 4 24 4C13 4 4 13 4 24C4 35 13 44 24 44C25 44 26 44 26.8 43.8C25 41.6 24 39 24 36ZM22 39.8C14 38.8 8 32.2 8 24C8 22.8 8.2 21.6 8.4 20.4L18 30V32C18 34.2 19.8 36 22 36V39.8Z" fill="{color}"/>
+    </svg>`,
 };

package/dist/basic/icons.js

@@ -1,17 +1,37 @@
 import { navigationIcons } from './icons/navigation.js';
 import { actionIcons } from './icons/actions.js';
 import { uiIcons } from './icons/ui.js';
+import { amenitiesIcons } from './icons/amenities.js';
 const iconCategories = {
     navigation: navigationIcons,
     actions: actionIcons,
     ui: uiIcons,
+    amenities: amenitiesIcons,
 };
 const categoryMap = {
+    // UI icons
     moon: 'ui',
     sun: 'ui',
+    close: 'ui',
+    minimize: 'ui',
+    cog: 'ui',
+    arrows: 'ui',
+    again: 'ui',
+    select: 'ui',
+    show: 'ui',
+    placeholder: 'ui',
+    hamburger: 'ui',
+    x: 'ui',
+    check: 'ui',
+    nocheck: 'ui',
+    not: 'ui',
+    link: 'ui',
+    extlink: 'ui',
+    // Navigation icons
     back: 'navigation',
     up: 'navigation',
     down: 'navigation',
+    // Actions icons
     edit: 'actions',
     delete: 'actions',
     save: 'actions',
@@ -22,14 +42,17 @@ const categoryMap = {
     discard: 'actions',
     reset: 'actions',
     abort: 'actions',
-    close: 'ui',
-    minimize: 'ui',
-    cog: 'ui',
-    arrows: 'ui',
-    again: 'ui',
-    select: 'ui',
-    show: 'ui',
-    placeholder: 'ui',
+    // Amenities icons
+    ac: 'amenities',
+    area: 'amenities',
+    bathroom: 'amenities',
+    bedroom: 'amenities',
+    parking: 'amenities',
+    people: 'amenities',
+    pets: 'amenities',
+    smoking: 'amenities',
+    tv: 'amenities',
+    wifi: 'amenities',
 };
 const iconCache = {};
 export const getIcon = (name, color = 'black') => {

package/dist/index.d.ts

@@ -29,21 +29,4 @@ import PageComponent from './PageComponent.svelte';
 export type { OccuplanTranslations } from './occusplan-link/state.svelte.js';
 export type { GridPhoto, LeafletMap as LeafletMapI, LeafletMapContent, Calendar as CalendarI, CalendarContent, CalendarAvailable as CalendarAvailableI, CalendarAvailableContent, CalendarGrid as CalendarGridI, CalendarGridContent, CalendarRows as CalendarRowsI, CalendarRowsContent, Text as TextI, TextContent, Weather as WeatherI, WeatherContent, Photo as PhotoI, PhotoContent, PhotoGallery as PhotoGalleryI, PhotoGalleryContent, Pricing as PricingI, PricingContent, PricingShort as PricingShortI, PricingShortContent, PricingEntry, PricingRange, PricingColumn, StaticRangeDate, StaticPricingRange, AmenitiesCore as AmenitiesCoreI, AmenitiesCoreContent, AccoCard as AccoCardI, AccoCardContent, ContactForm as ContactFormI, ContactFormContent, BookingRequest as BookingRequestI, BookingRequestContent, AccoDescription as AccoDescriptionI, AccoDescriptionContent, Section as SectionI, I18nFacade, AccoBlock, Block, PageProps, PageConfig, Nav as NavI, Style, NavItem, FormatSpec, FormatTemplateName, SiteConfig, LangConfig, CookieConfig, SiteFonts, SiteTranslation, FontSpec, Hero, } from './types.js';
 export { PRICING_COLUMNS, BLOCK_KINDS, isAccoCard, isText, isPhoto, isGallery, isLeafletMap, isWeather, isAmenitiesCore, isCalendarAvailable, isCalendar, isCalendarGrid, isCalendarRows, isPricing, isPricingShort, isAccoDescription, isBookingRequest, isContactForm, isAccoBlock, } from './types.js';
-import AcSVG from './svg/AcSVG.svelte';
-import AreaSVG from './svg/AreaSVG.svelte';
-import BathroomSVG from './svg/BathroomSVG.svelte';
-import CheckSVG from './svg/CheckSVG.svelte';
-import ExtLinkSVG from './svg/ExtLinkSVG.svelte';
-import HamburgerSVG from './svg/HamburgerSVG.svelte';
-import LinkSVG from './svg/LinkSVG.svelte';
-import LogoSVG from './svg/LogoSVG.svelte';
-import NoCheckSVG from './svg/NoCheckSVG.svelte';
-import NotSVG from './svg/NotSVG.svelte';
-import ParkingSVG from './svg/ParkingSVG.svelte';
-import PeopleSVG from './svg/PeopleSVG.svelte';
-import PetsSVG from './svg/PetsSVG.svelte';
-import SmokingSVG from './svg/SmokingSVG.svelte';
-import TvSVG from './svg/TvSVG.svelte';
-import WifiSVG from './svg/WifiSVG.svelte';
-import XSVG from './svg/XSVG.svelte';
-export { randomID, randomName, format, MoneyFormats, Avatar, Button, Icon, Spinner, TextInput, AccoCard, AccoDescription, AmenitiesCore, Calendar, CalendarAvailable, LeafletMap, Photo, PhotoGallery, Pricing, PricingShort, Section, Text, Weather, BookingRequest, ContactForm, CalendarRows, CalendarGrid, Notes, PageComponent, SiteState, AcSVG, AreaSVG, BathroomSVG, CheckSVG, ExtLinkSVG, HamburgerSVG, LinkSVG, LogoSVG, NoCheckSVG, NotSVG, ParkingSVG, PeopleSVG, PetsSVG, SmokingSVG, TvSVG, WifiSVG, XSVG, };
+export { randomID, randomName, format, MoneyFormats, Avatar, Button, Icon, Spinner, TextInput, AccoCard, AccoDescription, AmenitiesCore, Calendar, CalendarAvailable, LeafletMap, Photo, PhotoGallery, Pricing, PricingShort, Section, Text, Weather, BookingRequest, ContactForm, CalendarRows, CalendarGrid, Notes, PageComponent, SiteState, };

package/dist/index.js

@@ -28,21 +28,4 @@ import Text from './Text.svelte';
 import Weather from './Weather.svelte';
 import PageComponent from './PageComponent.svelte';
 export { PRICING_COLUMNS, BLOCK_KINDS, isAccoCard, isText, isPhoto, isGallery, isLeafletMap, isWeather, isAmenitiesCore, isCalendarAvailable, isCalendar, isCalendarGrid, isCalendarRows, isPricing, isPricingShort, isAccoDescription, isBookingRequest, isContactForm, isAccoBlock, } from './types.js';
-import AcSVG from './svg/AcSVG.svelte';
-import AreaSVG from './svg/AreaSVG.svelte';
-import BathroomSVG from './svg/BathroomSVG.svelte';
-import CheckSVG from './svg/CheckSVG.svelte';
-import ExtLinkSVG from './svg/ExtLinkSVG.svelte';
-import HamburgerSVG from './svg/HamburgerSVG.svelte';
-import LinkSVG from './svg/LinkSVG.svelte';
-import LogoSVG from './svg/LogoSVG.svelte';
-import NoCheckSVG from './svg/NoCheckSVG.svelte';
-import NotSVG from './svg/NotSVG.svelte';
-import ParkingSVG from './svg/ParkingSVG.svelte';
-import PeopleSVG from './svg/PeopleSVG.svelte';
-import PetsSVG from './svg/PetsSVG.svelte';
-import SmokingSVG from './svg/SmokingSVG.svelte';
-import TvSVG from './svg/TvSVG.svelte';
-import WifiSVG from './svg/WifiSVG.svelte';
-import XSVG from './svg/XSVG.svelte';
-export { randomID, randomName, format, MoneyFormats, Avatar, Button, Icon, Spinner, TextInput, AccoCard, AccoDescription, AmenitiesCore, Calendar, CalendarAvailable, LeafletMap, Photo, PhotoGallery, Pricing, PricingShort, Section, Text, Weather, BookingRequest, ContactForm, CalendarRows, CalendarGrid, Notes, PageComponent, SiteState, AcSVG, AreaSVG, BathroomSVG, CheckSVG, ExtLinkSVG, HamburgerSVG, LinkSVG, LogoSVG, NoCheckSVG, NotSVG, ParkingSVG, PeopleSVG, PetsSVG, SmokingSVG, TvSVG, WifiSVG, XSVG, };
+export { randomID, randomName, format, MoneyFormats, Avatar, Button, Icon, Spinner, TextInput, AccoCard, AccoDescription, AmenitiesCore, Calendar, CalendarAvailable, LeafletMap, Photo, PhotoGallery, Pricing, PricingShort, Section, Text, Weather, BookingRequest, ContactForm, CalendarRows, CalendarGrid, Notes, PageComponent, SiteState, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "accomadesc",
-  "version": "0.4.6",
+  "version": "0.4.8",
   "files": [
     "dist",
     "!dist/**/*.test.*",
@@ -41,7 +41,7 @@
     "prettier": "^3.8.1",
     "prettier-plugin-svelte": "^3.5.1",
     "publint": "^0.3.18",
-    "svelte": "^5.53.11",
+    "svelte": "^5.53.12",
     "svelte-check": "^4.4.5",
     "typescript": "^5.9.3",
     "vite": "^6.4.1",

package/dist/svg/AcSVG.svelte

@@ -1,28 +0,0 @@
-<script>
-  /**
-   * @typedef {Object} Props
-   * @property {string} [size]
-   */
-
-  /** @type {Props} */
-  let { size = '1rem' } = $props();
-  //let color="black"
-</script>
-
-<div style="width: {size}; height: {size};">
-  <svg
-    width="100%"
-    height="100%"
-    viewBox="0 0 48 48"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M44 22V7.2C44 6.88174 43.8736 6.57652 43.6485 6.35147C43.4235 6.12643 43.1183 6 42.8 6H5.2C4.88174 6 4.57652 6.12643 4.35147 6.35147C4.12643 6.57652 4 6.88174 4 7.2V22M44 22H4M44 22L42.42 27.168C42.1699 27.9873 41.6633 28.7046 40.9749 29.2145C40.2865 29.7243 39.4526 29.9996 38.596 30H36M4 22L5.58 27.168C5.83014 27.9873 6.33668 28.7046 7.02508 29.2145C7.71349 29.7243 8.54737 29.9996 9.404 30H12M36 14H38M19 29C19 29 19 43 12 43M29 29C29 29 29 43 36 43M24 29V43"
-      stroke="var(--icon-color, black)"
-      stroke-width="3"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</div>

package/dist/svg/AcSVG.svelte.d.ts

@@ -1,11 +0,0 @@
-export default AcSVG;
-type AcSVG = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<Props>): void;
-};
-declare const AcSVG: import("svelte").Component<{
-    size?: string | undefined;
-}, {}, "">;
-type Props = {
-    size?: string | undefined;
-};

package/dist/svg/AreaSVG.svelte

@@ -1,26 +0,0 @@
-<script>
-  /**
-   * @typedef {Object} Props
-   * @property {string} [size]
-   */
-
-  /** @type {Props} */
-  let { size = '1rem' } = $props();
-  //let color="black"
-</script>
-
-<div style="width: {size}; height: {size};">
-  <svg
-    width="100%"
-    height="100%"
-    viewBox="0 0 48 48"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M6 10V38C6 40.206 7.794 42 10 42H38C40.206 42 42 40.206 42 38V10C42 7.794 40.206 6 38 6H10C7.794 6 6 7.794 6 10ZM38.004 38H10V10H38L38.004 38Z"
-      fill="var(--icon-color, black)"
-    />
-    <path d="M30 24H34V14H24V18H30V24ZM24 30H18V24H14V34H24V30Z" fill="var(--icon-color, black)" />
-  </svg>
-</div>

package/dist/svg/AreaSVG.svelte.d.ts

@@ -1,11 +0,0 @@
-export default AreaSVG;
-type AreaSVG = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<Props>): void;
-};
-declare const AreaSVG: import("svelte").Component<{
-    size?: string | undefined;
-}, {}, "">;
-type Props = {
-    size?: string | undefined;
-};

package/dist/svg/BathroomSVG.svelte

@@ -1,25 +0,0 @@
-<script>
-  /**
-   * @typedef {Object} Props
-   * @property {string} [size]
-   */
-
-  /** @type {Props} */
-  let { size = '1rem' } = $props();
-  //let color="black"
-</script>
-
-<div style="width: {size}; height: {size};">
-  <svg
-    width="100%"
-    height="100%"
-    viewBox="0 0 48 48"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M18 6C11.38 6 6.28 11.38 6 18V42H24V26.92C26.2 28.9 29 30 32 30C38.62 30 44 24.62 44 18C44 11.38 38.62 6 32 6H18ZM18 10H23.08C21.1 12.2 20 15 20 18V24H18V26H20V38H10V26H12V24H10V18C10 13.58 13.58 10 18 10ZM32 10C36.42 10 40 13.58 40 18C40 22.42 36.42 26 32 26C27.58 26 24 22.42 24 18C24 13.58 27.58 10 32 10ZM32 14.5C30.06 14.5 28.5 16.06 28.5 18C28.5 19.94 30.06 21.5 32 21.5C33.94 21.5 35.5 19.94 35.5 18C35.5 16.06 33.94 14.5 32 14.5ZM14 24V26H16V24H14Z"
-      fill="var(--icon-color, black)"
-    />
-  </svg>
-</div>

package/dist/svg/BathroomSVG.svelte.d.ts

@@ -1,11 +0,0 @@
-export default BathroomSVG;
-type BathroomSVG = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<Props>): void;
-};
-declare const BathroomSVG: import("svelte").Component<{
-    size?: string | undefined;
-}, {}, "">;
-type Props = {
-    size?: string | undefined;
-};

package/dist/svg/BedroomSVG.svelte

@@ -1,25 +0,0 @@
-<script>
-  /**
-   * @typedef {Object} Props
-   * @property {string} [size]
-   */
-
-  /** @type {Props} */
-  let { size = '1rem' } = $props();
-  //let color="black"
-</script>
-
-<div style="width: {size}; height: {size};">
-  <svg
-    width="100%"
-    height="100%"
-    viewBox="0 0 48 48"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M10 34H13V31H35V34H38V26.3C38 25.6 37.8667 24.9413 37.6 24.324C37.3333 23.708 36.9667 23.1667 36.5 22.7V18C36.5 16.9 36.1087 15.958 35.326 15.174C34.542 14.3913 33.6 14 32.5 14H26C25.6333 14 25.2833 14.05 24.95 14.15C24.6167 14.25 24.3 14.4 24 14.6C23.7 14.4 23.3833 14.25 23.05 14.15C22.7167 14.05 22.3667 14 22 14H15.5C14.4 14 13.4587 14.3913 12.676 15.174C11.892 15.958 11.5 16.9 11.5 18V22.7C11.0333 23.1667 10.6667 23.708 10.4 24.324C10.1333 24.9413 10 25.6 10 26.3V34ZM13 28V26C13 25.4333 13.1913 24.958 13.574 24.574C13.958 24.1913 14.4333 24 15 24H33C33.5667 24 34.0413 24.1913 34.424 24.574C34.808 24.958 35 25.4333 35 26V28H13ZM14.5 21V17H22.5V21H14.5ZM25.5 21V17H33.5V21H25.5ZM8 44C6.9 44 5.95867 43.6087 5.176 42.826C4.392 42.042 4 41.1 4 40V8C4 6.9 4.392 5.958 5.176 5.174C5.95867 4.39133 6.9 4 8 4H40C41.1 4 42.042 4.39133 42.826 5.174C43.6087 5.958 44 6.9 44 8V40C44 41.1 43.6087 42.042 42.826 42.826C42.042 43.6087 41.1 44 40 44H8ZM8 40H40V8H8V40Z"
-      fill="var(--icon-color, black)"
-    />
-  </svg>
-</div>