srcdev-nuxt-components 8.0.3 → 9.0.0

package/app/pages/ui/accordian.vue

@@ -0,0 +1,211 @@
+<template>
+  <div>
+    <NuxtLayout name="default">
+      <template #layout-content>
+        <LayoutRow tag="div" variant="popout" :style-class-passthrough="['mbe-20']">
+          <h1 class="page-heading-2">Accordian</h1>
+          <p>Any item open and/closed</p>
+
+          <AccordianCore
+            :item-count="data.length ?? 0"
+            :animation-duration="3000"
+            :style-class-passthrough="['class-modifier-narrow']"
+          >
+            <template v-for="(item, key) in data" :key="`summary-${key}`" #[`accordian-${key}-summary`]>
+              {{ key }} - {{ item.title }}
+            </template>
+            <template v-for="(item, key) in data" :key="`icon-${key}`" #[`accordian-${key}-icon`]>
+              <Icon name="bi:caret-down-fill" class="icon" />
+            </template>
+            <template v-for="(item, key) in data" :key="`content-${key}`" #[`accordian-${key}-content`]>
+              <p class="pb-12">{{ item.content }}</p>
+            </template>
+          </AccordianCore>
+        </LayoutRow>
+
+        <LayoutRow tag="div" variant="popout" :style-class-passthrough="['mbe-20']">
+          <h2 class="page-heading-2">Accordian</h2>
+          <p>Only 1 item open, pass a name prop</p>
+
+          <AccordianCore
+            :item-count="3"
+            :name="`accordian-${useId()}`"
+            :animation-duration="400"
+            :style-class-passthrough="['class-modifier-wide']"
+          >
+            <template v-for="(item, key) in data" :key="`summary-${key}`" #[`accordian-${key}-summary`]>
+              {{ key }} - {{ item.title }}
+            </template>
+            <template v-for="(item, key) in data" :key="`icon-${key}`" #[`accordian-${key}-icon`]>
+              <Icon name="bi:caret-down-fill" class="icon" />
+            </template>
+            <template #[`accordian-0-content`]>
+              <p class="pb-12">This is content slot 0</p>
+            </template>
+            <template #[`accordian-1-content`]>
+              <p class="pb-12">This is content slot 1</p>
+            </template>
+            <template #[`accordian-2-content`]>
+              <p class="pb-12">This is content slot 2</p>
+            </template>
+          </AccordianCore>
+        </LayoutRow>
+      </template>
+    </NuxtLayout>
+  </div>
+</template>
+
+<script setup lang="ts">
+definePageMeta({
+  layout: false,
+});
+
+useHead({
+  title: "Display Accordian",
+  meta: [{ name: "description", content: "Display Accordian" }],
+  bodyAttrs: {
+    class: "",
+  },
+});
+
+interface IAccordianData {
+  title: string;
+  content: string;
+}
+
+const data = ref<IAccordianData[]>([
+  {
+    title: "Trigger Item 1",
+    content:
+      "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto, amet!. Lorem ipsum dolor sit, adipisicing elit. Iusto, amet!",
+  },
+  {
+    title: "Trigger Item 2",
+    content: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto, amet!",
+  },
+  {
+    title: "Trigger Item 3",
+    content:
+      "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto, amet!, Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto, amet! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto, amet!",
+  },
+  {
+    title: "Trigger Item 4",
+    content:
+      "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto, amet!, Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto, amet! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto, amet!",
+  },
+]);
+</script>
+
+<style lang="css">
+.class-modifier-wide {
+  &.display-accordian {
+    max-width: 800px;
+    margin: 0 auto;
+  }
+}
+
+.class-modifier-narrow {
+  &.display-accordian {
+    max-width: 300px;
+    margin: 0 auto;
+
+    .accordian-item {
+      &.expanding-panel {
+        --_border-radius: 0.6rem;
+        --_margin-block-end: 1rem;
+
+        border: 1px solid var(--slate-00);
+        /* transition:
+          margin-block-end 300ms ease-in-out,
+          border-radius 300ms ease-in-out; */
+
+        /* Default state: first element gets top corners, last gets bottom corners */
+        &:first-child {
+          border-start-start-radius: var(--_border-radius);
+          border-start-end-radius: var(--_border-radius);
+        }
+
+        &:last-child {
+          border-end-start-radius: var(--_border-radius);
+          border-end-end-radius: var(--_border-radius);
+        }
+
+        /* When current element is open: gets full border-radius and reduced margin */
+        &:has(.expanding-panel-details[open]) {
+          will-change: margin-block-end, border-radius;
+          border-radius: var(--_border-radius);
+          margin-block-end: var(--_margin-block-end);
+
+          &:first-child {
+            margin-block-end: var(--_margin-block-end);
+          }
+        }
+
+        /* When immediately before an open element: gets bottom corners and margin */
+        &:has(+ .expanding-panel .expanding-panel-details[open]) {
+          will-change: margin-block-end, border-radius;
+          border-end-start-radius: var(--_border-radius);
+          border-end-end-radius: var(--_border-radius);
+          margin-block-end: var(--_margin-block-end);
+        }
+
+        /* Override: if last child and previous element is open, keep bottom corners */
+        &:last-child:has(.expanding-panel-details:not([open])) {
+          border-end-start-radius: var(--_border-radius);
+          border-end-end-radius: var(--_border-radius);
+        }
+
+        /* When following an open element: only gets top corners (not full border-radius) */
+        &:has(.expanding-panel-details[open]) + .expanding-panel {
+          border-start-start-radius: var(--_border-radius);
+          border-start-end-radius: var(--_border-radius);
+        }
+
+        .expanding-panel-details {
+          padding-block: 0.8rem;
+          padding-inline: 1.4rem;
+
+          .expanding-panel-summary {
+            padding: 0.1rem;
+
+            .label-wrapper {
+              /* Custom css */
+            }
+            .icon-wrapper {
+              /* Custom css */
+
+              .icon {
+                /* Custom css */
+              }
+            }
+          }
+
+          &[open] {
+            .expanding-panel-summary {
+              .icon-wrapper {
+                .icon {
+                  /* Custom css */
+                }
+              }
+            }
+            + .expanding-panel-content {
+              /* Custom css */
+              .inner {
+                /* Custom css */
+              }
+            }
+          }
+        }
+
+        .expanding-panel-content {
+          /* Custom css */
+
+          .inner {
+            /* Custom css */
+          }
+        }
+      }
+    }
+  }
+}
+</style>

package/app/pages/ui/animated-svg-text.vue

@@ -0,0 +1,85 @@
+<template>
+  <div>
+    <NuxtLayout name="default">
+      <template #layout-content>
+        <LayoutRow tag="div" variant="full-width" :styleClassPassthrough="['display-details-section', 'mbe-20']">
+          <h1 class="page-heading-2">Animated SVG Text Component</h1>
+
+          <AnimatedSvgText :styleClassPassthrough="['luxury-locs-title']">
+            <template #text>
+              <svg width="176" height="47" viewBox="0 0 176 47" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M15.392 22.112C15.648 22.112 15.872 22.208 16.064 22.4C16.256 22.5707 16.352 22.784 16.352 23.04C16.352 23.3173 16.256 23.552 16.064 23.744C15.872 23.9147 15.648 24 15.392 24H3.968C3.69067 24 3.456 23.904 3.264 23.712C3.09333 23.52 3.008 23.296 3.008 23.04V2.56C3.008 2.304 3.104 2.08 3.296 1.888C3.488 1.696 3.73333 1.6 4.032 1.6C4.288 1.6 4.512 1.696 4.704 1.888C4.91733 2.08 5.024 2.304 5.024 2.56V22.656L4.416 22.112H15.392ZM31.7833 7.744C32.0606 7.744 32.2846 7.84 32.4553 8.032C32.6473 8.224 32.7433 8.448 32.7433 8.704V17.728C32.7433 19.84 32.1459 21.4507 30.9513 22.56C29.7566 23.6693 28.1459 24.224 26.1193 24.224C24.1139 24.224 22.5139 23.6693 21.3193 22.56C20.1459 21.4507 19.5593 19.84 19.5593 17.728V8.704C19.5593 8.448 19.6446 8.224 19.8153 8.032C20.0073 7.84 20.2419 7.744 20.5193 7.744C20.7966 7.744 21.0206 7.84 21.1913 8.032C21.3833 8.224 21.4793 8.448 21.4793 8.704V17.728C21.4793 19.264 21.8846 20.4373 22.6953 21.248C23.5273 22.0373 24.6686 22.432 26.1193 22.432C27.5913 22.432 28.7433 22.0373 29.5753 21.248C30.4073 20.4373 30.8233 19.264 30.8233 17.728V8.704C30.8233 8.448 30.9086 8.224 31.0793 8.032C31.2499 7.84 31.4846 7.744 31.7833 7.744ZM37.33 7.488C37.65 7.488 37.906 7.62667 38.098 7.904L49.426 22.56C49.5753 22.7307 49.65 22.9227 49.65 23.136C49.65 23.392 49.554 23.616 49.362 23.808C49.17 24 48.946 24.096 48.69 24.096C48.3913 24.096 48.1247 23.9573 47.89 23.68L36.53 9.024C36.402 8.87467 36.338 8.68267 36.338 8.448C36.338 8.17067 36.434 7.94667 36.626 7.776C36.8393 7.584 37.074 7.488 37.33 7.488ZM37.33 24.096C37.1167 24.096 36.9033 24.0213 36.69 23.872C36.498 23.7227 36.402 23.5093 36.402 23.232C36.402 22.9973 36.4767 22.7947 36.626 22.624L42.034 15.68L43.09 17.216L38.098 23.712C37.906 23.968 37.65 24.096 37.33 24.096ZM48.69 7.488C48.9673 7.488 49.1807 7.57333 49.33 7.744C49.5007 7.89333 49.586 8.08533 49.586 8.32C49.586 8.42667 49.5647 8.53333 49.522 8.64C49.5007 8.74667 49.4473 8.84267 49.362 8.928L43.954 16.032L42.962 14.496L47.89 7.904C48.1247 7.62667 48.3913 7.488 48.69 7.488ZM65.3458 7.744C65.6231 7.744 65.8471 7.84 66.0178 8.032C66.2098 8.224 66.3058 8.448 66.3058 8.704V17.728C66.3058 19.84 65.7084 21.4507 64.5138 22.56C63.3191 23.6693 61.7084 24.224 59.6818 24.224C57.6764 24.224 56.0764 23.6693 54.8818 22.56C53.7084 21.4507 53.1218 19.84 53.1218 17.728V8.704C53.1218 8.448 53.2071 8.224 53.3778 8.032C53.5698 7.84 53.8044 7.744 54.0818 7.744C54.3591 7.744 54.5831 7.84 54.7538 8.032C54.9458 8.224 55.0418 8.448 55.0418 8.704V17.728C55.0418 19.264 55.4471 20.4373 56.2578 21.248C57.0898 22.0373 58.2311 22.432 59.6818 22.432C61.1538 22.432 62.3058 22.0373 63.1378 21.248C63.9698 20.4373 64.3858 19.264 64.3858 17.728V8.704C64.3858 8.448 64.4711 8.224 64.6418 8.032C64.8124 7.84 65.0471 7.744 65.3458 7.744ZM72.3005 24C72.0018 24 71.7672 23.904 71.5965 23.712C71.4258 23.52 71.3405 23.296 71.3405 23.04V8.704C71.3405 8.448 71.4258 8.224 71.5965 8.032C71.7885 7.84 72.0232 7.744 72.3005 7.744C72.5778 7.744 72.8018 7.84 72.9725 8.032C73.1645 8.224 73.2605 8.448 73.2605 8.704V13.504L72.7805 13.6C72.8445 12.8533 73.0258 12.1173 73.3245 11.392C73.6445 10.6453 74.0712 9.96267 74.6045 9.344C75.1378 8.72533 75.7672 8.224 76.4925 7.84C77.2392 7.456 78.0712 7.264 78.9885 7.264C79.3725 7.264 79.7458 7.34933 80.1085 7.52C80.4712 7.66933 80.6525 7.92533 80.6525 8.288C80.6525 8.608 80.5672 8.85333 80.3965 9.024C80.2258 9.19467 80.0232 9.28 79.7885 9.28C79.5965 9.28 79.3832 9.22667 79.1485 9.12C78.9352 9.01333 78.6472 8.96 78.2845 8.96C77.6872 8.96 77.0898 9.14133 76.4925 9.504C75.8952 9.84533 75.3512 10.3147 74.8605 10.912C74.3698 11.5093 73.9752 12.1813 73.6765 12.928C73.3992 13.6533 73.2605 14.3893 73.2605 15.136V23.04C73.2605 23.296 73.1645 23.52 72.9725 23.712C72.7805 23.904 72.5565 24 72.3005 24ZM95.845 7.36C96.1223 7.36 96.3463 7.456 96.517 7.648C96.709 7.84 96.805 8.064 96.805 8.32V22.432C96.805 24.16 96.4637 25.6107 95.781 26.784C95.0983 27.9787 94.181 28.8747 93.029 29.472C91.877 30.0907 90.565 30.4 89.093 30.4C88.1757 30.4 87.3223 30.2933 86.533 30.08C85.765 29.888 85.1357 29.632 84.645 29.312C84.389 29.1627 84.197 28.9813 84.069 28.768C83.941 28.5547 83.9303 28.3307 84.037 28.096C84.1437 27.7973 84.3037 27.5947 84.517 27.488C84.7517 27.4027 84.9863 27.4133 85.221 27.52C85.5837 27.712 86.1063 27.9467 86.789 28.224C87.4717 28.5013 88.2503 28.64 89.125 28.64C90.2983 28.64 91.3117 28.3947 92.165 27.904C93.0397 27.4133 93.7117 26.6987 94.181 25.76C94.6503 24.8427 94.885 23.744 94.885 22.464V20.16L95.109 20.928C94.789 21.5893 94.3303 22.176 93.733 22.688C93.157 23.2 92.485 23.6053 91.717 23.904C90.9703 24.1813 90.1703 24.32 89.317 24.32C88.037 24.32 86.9703 24.064 86.117 23.552C85.285 23.0187 84.6663 22.2933 84.261 21.376C83.8557 20.4587 83.653 19.3813 83.653 18.144V8.32C83.653 8.064 83.7383 7.84 83.909 7.648C84.0797 7.456 84.3143 7.36 84.613 7.36C84.8903 7.36 85.1143 7.456 85.285 7.648C85.477 7.84 85.573 8.064 85.573 8.32V17.856C85.573 19.3493 85.893 20.5013 86.533 21.312C87.1943 22.1227 88.261 22.528 89.733 22.528C90.6503 22.528 91.493 22.3147 92.261 21.888C93.029 21.44 93.6583 20.864 94.149 20.16C94.6397 19.4347 94.885 18.6667 94.885 17.856V8.32C94.885 8.064 94.9703 7.84 95.141 7.648C95.333 7.456 95.5677 7.36 95.845 7.36ZM123.455 22.112C123.711 22.112 123.935 22.208 124.127 22.4C124.319 22.5707 124.415 22.784 124.415 23.04C124.415 23.3173 124.319 23.552 124.127 23.744C123.935 23.9147 123.711 24 123.455 24H112.031C111.753 24 111.519 23.904 111.327 23.712C111.156 23.52 111.071 23.296 111.071 23.04V2.56C111.071 2.304 111.167 2.08 111.359 1.888C111.551 1.696 111.796 1.6 112.095 1.6C112.351 1.6 112.575 1.696 112.766 1.888C112.98 2.08 113.087 2.304 113.087 2.56V22.656L112.479 22.112H123.455ZM142.854 15.808C142.854 17.4293 142.502 18.8907 141.798 20.192C141.094 21.472 140.134 22.4853 138.918 23.232C137.702 23.9573 136.315 24.32 134.758 24.32C133.243 24.32 131.867 23.9573 130.63 23.232C129.414 22.4853 128.443 21.472 127.718 20.192C127.014 18.8907 126.662 17.4293 126.662 15.808C126.662 14.1653 127.014 12.704 127.718 11.424C128.443 10.144 129.414 9.13067 130.63 8.384C131.867 7.63733 133.243 7.264 134.758 7.264C136.315 7.264 137.702 7.63733 138.918 8.384C140.134 9.13067 141.094 10.144 141.798 11.424C142.502 12.704 142.854 14.1653 142.854 15.808ZM140.934 15.808C140.934 14.5067 140.667 13.3547 140.134 12.352C139.6 11.328 138.864 10.528 137.926 9.952C137.008 9.35467 135.952 9.056 134.758 9.056C133.606 9.056 132.56 9.35467 131.622 9.952C130.683 10.528 129.936 11.328 129.382 12.352C128.848 13.3547 128.582 14.5067 128.582 15.808C128.582 17.1093 128.848 18.2613 129.382 19.264C129.936 20.2667 130.683 21.0667 131.622 21.664C132.56 22.24 133.606 22.528 134.758 22.528C135.952 22.528 137.008 22.24 137.926 21.664C138.864 21.0667 139.6 20.2667 140.134 19.264C140.667 18.2613 140.934 17.1093 140.934 15.808ZM154.134 7.264C155.158 7.264 156.097 7.38133 156.95 7.616C157.804 7.82933 158.486 8.128 158.998 8.512C159.532 8.896 159.798 9.312 159.798 9.76C159.798 9.97333 159.724 10.1867 159.574 10.4C159.425 10.592 159.222 10.688 158.966 10.688C158.71 10.688 158.497 10.624 158.326 10.496C158.177 10.368 158.017 10.2187 157.846 10.048C157.697 9.87733 157.473 9.71733 157.174 9.568C156.897 9.44 156.502 9.32267 155.99 9.216C155.478 9.10933 154.892 9.056 154.23 9.056C153.036 9.056 151.958 9.35467 150.998 9.952C150.038 10.5493 149.281 11.36 148.726 12.384C148.172 13.3867 147.894 14.5173 147.894 15.776C147.894 17.056 148.161 18.208 148.694 19.232C149.228 20.256 149.964 21.0667 150.902 21.664C151.841 22.24 152.94 22.528 154.198 22.528C155.052 22.528 155.713 22.4533 156.182 22.304C156.652 22.1547 157.057 21.984 157.398 21.792C157.804 21.5573 158.092 21.3333 158.262 21.12C158.454 20.8853 158.7 20.768 158.998 20.768C159.276 20.768 159.478 20.8533 159.606 21.024C159.756 21.1733 159.83 21.376 159.83 21.632C159.83 21.9733 159.574 22.3573 159.062 22.784C158.572 23.1893 157.889 23.552 157.014 23.872C156.14 24.1707 155.137 24.32 154.006 24.32C152.406 24.32 150.998 23.9467 149.782 23.2C148.588 22.4533 147.649 21.44 146.966 20.16C146.305 18.8587 145.974 17.3973 145.974 15.776C145.974 14.2187 146.316 12.8 146.998 11.52C147.681 10.24 148.63 9.216 149.846 8.448C151.084 7.65867 152.513 7.264 154.134 7.264ZM162.569 21.408C162.398 21.152 162.313 20.9067 162.313 20.672C162.334 20.416 162.473 20.2133 162.729 20.064C162.899 19.9147 163.091 19.8507 163.305 19.872C163.539 19.8933 163.753 20 163.945 20.192C164.521 20.9387 165.214 21.5467 166.025 22.016C166.857 22.464 167.838 22.688 168.969 22.688C169.566 22.688 170.153 22.592 170.729 22.4C171.326 22.1867 171.817 21.8773 172.201 21.472C172.585 21.0453 172.777 20.512 172.777 19.872C172.777 19.2107 172.585 18.6773 172.201 18.272C171.817 17.8667 171.315 17.5467 170.697 17.312C170.099 17.0773 169.459 16.8747 168.777 16.704C168.051 16.512 167.347 16.2987 166.665 16.064C165.982 15.808 165.374 15.4987 164.841 15.136C164.329 14.752 163.913 14.2933 163.593 13.76C163.273 13.2267 163.113 12.576 163.113 11.808C163.113 10.912 163.358 10.1227 163.849 9.44C164.339 8.75733 165.001 8.224 165.833 7.84C166.686 7.456 167.646 7.264 168.713 7.264C169.246 7.264 169.822 7.33867 170.441 7.488C171.059 7.616 171.667 7.84 172.265 8.16C172.862 8.48 173.395 8.91733 173.865 9.472C174.057 9.664 174.153 9.888 174.153 10.144C174.153 10.3787 174.046 10.592 173.833 10.784C173.662 10.912 173.459 10.976 173.225 10.976C173.011 10.976 172.83 10.8907 172.681 10.72C172.169 10.144 171.561 9.70667 170.857 9.408C170.153 9.10933 169.395 8.96 168.585 8.96C167.966 8.96 167.379 9.06667 166.825 9.28C166.291 9.472 165.843 9.77067 165.481 10.176C165.118 10.5813 164.937 11.1147 164.937 11.776C164.979 12.3947 165.193 12.896 165.577 13.28C165.982 13.664 166.505 13.984 167.145 14.24C167.806 14.496 168.542 14.7307 169.353 14.944C170.035 15.1147 170.686 15.3173 171.305 15.552C171.945 15.7867 172.499 16.0853 172.969 16.448C173.459 16.7893 173.843 17.2267 174.121 17.76C174.419 18.2933 174.569 18.9653 174.569 19.776C174.569 20.7147 174.302 21.5253 173.769 22.208C173.257 22.8907 172.563 23.4133 171.689 23.776C170.814 24.1387 169.843 24.32 168.777 24.32C167.625 24.32 166.505 24.096 165.417 23.648C164.35 23.2 163.401 22.4533 162.569 21.408ZM4.83 35.155C5.51 35.155 6.11 35.325 6.63 35.665C7.16 36.005 7.58 36.475 7.89 37.075C8.2 37.665 8.355 38.35 8.355 39.13C8.355 39.89 8.2 40.575 7.89 41.185C7.58 41.795 7.16 42.275 6.63 42.625C6.1 42.975 5.505 43.15 4.845 43.15C4.495 43.15 4.16 43.095 3.84 42.985C3.53 42.875 3.245 42.73 2.985 42.55C2.725 42.36 2.495 42.14 2.295 41.89C2.095 41.64 1.935 41.37 1.815 41.08L2.085 40.885V42.58C2.085 42.71 2.04 42.82 1.95 42.91C1.87 42.99 1.765 43.03 1.635 43.03C1.505 43.03 1.395 42.99 1.305 42.91C1.225 42.82 1.185 42.71 1.185 42.58V32.365C1.185 32.235 1.225 32.13 1.305 32.05C1.385 31.96 1.495 31.915 1.635 31.915C1.765 31.915 1.87 31.96 1.95 32.05C2.04 32.13 2.085 32.235 2.085 32.365V37.39L1.875 37.27C1.975 36.96 2.12 36.68 2.31 36.43C2.51 36.17 2.74 35.945 3 35.755C3.26 35.565 3.545 35.42 3.855 35.32C4.165 35.21 4.49 35.155 4.83 35.155ZM4.755 35.995C4.215 35.995 3.74 36.13 3.33 36.4C2.92 36.67 2.595 37.04 2.355 37.51C2.125 37.98 2.01 38.52 2.01 39.13C2.01 39.73 2.125 40.275 2.355 40.765C2.595 41.245 2.92 41.625 3.33 41.905C3.74 42.175 4.215 42.31 4.755 42.31C5.285 42.31 5.75 42.17 6.15 41.89C6.56 41.61 6.885 41.23 7.125 40.75C7.365 40.26 7.485 39.72 7.485 39.13C7.485 38.52 7.365 37.98 7.125 37.51C6.885 37.04 6.56 36.67 6.15 36.4C5.75 36.13 5.285 35.995 4.755 35.995ZM15.9967 35.2C16.1267 35.2 16.2317 35.245 16.3117 35.335C16.4017 35.425 16.4467 35.53 16.4467 35.65V42.265C16.4467 43.075 16.2867 43.755 15.9667 44.305C15.6467 44.865 15.2167 45.285 14.6767 45.565C14.1367 45.855 13.5217 46 12.8317 46C12.4017 46 12.0017 45.95 11.6317 45.85C11.2717 45.76 10.9767 45.64 10.7467 45.49C10.6267 45.42 10.5367 45.335 10.4767 45.235C10.4167 45.135 10.4117 45.03 10.4617 44.92C10.5117 44.78 10.5867 44.685 10.6867 44.635C10.7967 44.595 10.9067 44.6 11.0167 44.65C11.1867 44.74 11.4317 44.85 11.7517 44.98C12.0717 45.11 12.4367 45.175 12.8467 45.175C13.3967 45.175 13.8717 45.06 14.2717 44.83C14.6817 44.6 14.9967 44.265 15.2167 43.825C15.4367 43.395 15.5467 42.88 15.5467 42.28V41.2L15.6517 41.56C15.5017 41.87 15.2867 42.145 15.0067 42.385C14.7367 42.625 14.4217 42.815 14.0617 42.955C13.7117 43.085 13.3367 43.15 12.9367 43.15C12.3367 43.15 11.8367 43.03 11.4367 42.79C11.0467 42.54 10.7567 42.2 10.5667 41.77C10.3767 41.34 10.2817 40.835 10.2817 40.255V35.65C10.2817 35.53 10.3217 35.425 10.4017 35.335C10.4817 35.245 10.5917 35.2 10.7317 35.2C10.8617 35.2 10.9667 35.245 11.0467 35.335C11.1367 35.425 11.1817 35.53 11.1817 35.65V40.12C11.1817 40.82 11.3317 41.36 11.6317 41.74C11.9417 42.12 12.4417 42.31 13.1317 42.31C13.5617 42.31 13.9567 42.21 14.3167 42.01C14.6767 41.8 14.9717 41.53 15.2017 41.2C15.4317 40.86 15.5467 40.5 15.5467 40.12V35.65C15.5467 35.53 15.5867 35.425 15.6667 35.335C15.7567 35.245 15.8667 35.2 15.9967 35.2ZM30.8136 32.5C30.9436 32.5 31.0436 32.54 31.1136 32.62C31.1936 32.7 31.2336 32.8 31.2336 32.92V42.52C31.2336 42.67 31.1836 42.79 31.0836 42.88C30.9936 42.96 30.8886 43 30.7686 43C30.7086 43 30.6436 42.99 30.5736 42.97C30.5036 42.94 30.4486 42.9 30.4086 42.85L23.7186 33.835L23.9736 33.7V42.595C23.9736 42.705 23.9336 42.8 23.8536 42.88C23.7736 42.96 23.6736 43 23.5536 43C23.4236 43 23.3186 42.96 23.2386 42.88C23.1686 42.8 23.1336 42.705 23.1336 42.595V32.95C23.1336 32.8 23.1786 32.69 23.2686 32.62C23.3586 32.54 23.4586 32.5 23.5686 32.5C23.6286 32.5 23.6936 32.515 23.7636 32.545C23.8336 32.565 23.8886 32.605 23.9286 32.665L30.5436 41.575L30.3936 41.845V32.92C30.3936 32.8 30.4336 32.7 30.5136 32.62C30.6036 32.54 30.7036 32.5 30.8136 32.5ZM40.1067 35.335C40.2367 35.335 40.3417 35.38 40.4217 35.47C40.5117 35.56 40.5567 35.67 40.5567 35.8V42.55C40.5567 42.67 40.5117 42.775 40.4217 42.865C40.3317 42.955 40.2267 43 40.1067 43C39.9767 43 39.8667 42.955 39.7767 42.865C39.6967 42.775 39.6567 42.67 39.6567 42.55V40.765L39.9117 40.645C39.9117 40.925 39.8317 41.21 39.6717 41.5C39.5217 41.79 39.3117 42.06 39.0417 42.31C38.7717 42.56 38.4517 42.765 38.0817 42.925C37.7217 43.075 37.3317 43.15 36.9117 43.15C36.2317 43.15 35.6217 42.975 35.0817 42.625C34.5517 42.275 34.1317 41.795 33.8217 41.185C33.5217 40.575 33.3717 39.89 33.3717 39.13C33.3717 38.35 33.5267 37.665 33.8367 37.075C34.1467 36.475 34.5667 36.005 35.0967 35.665C35.6267 35.325 36.2267 35.155 36.8967 35.155C37.3267 35.155 37.7267 35.23 38.0967 35.38C38.4767 35.53 38.8067 35.735 39.0867 35.995C39.3667 36.255 39.5817 36.555 39.7317 36.895C39.8917 37.225 39.9717 37.57 39.9717 37.93L39.6567 37.705V35.8C39.6567 35.67 39.6967 35.56 39.7767 35.47C39.8667 35.38 39.9767 35.335 40.1067 35.335ZM36.9867 42.31C37.5167 42.31 37.9867 42.175 38.3967 41.905C38.8067 41.625 39.1267 41.245 39.3567 40.765C39.5967 40.275 39.7167 39.73 39.7167 39.13C39.7167 38.54 39.5967 38.01 39.3567 37.54C39.1267 37.07 38.8067 36.695 38.3967 36.415C37.9867 36.135 37.5167 35.995 36.9867 35.995C36.4667 35.995 35.9967 36.13 35.5767 36.4C35.1667 36.67 34.8417 37.04 34.6017 37.51C34.3717 37.98 34.2567 38.52 34.2567 39.13C34.2567 39.73 34.3717 40.275 34.6017 40.765C34.8417 41.245 35.1667 41.625 35.5767 41.905C35.9867 42.175 36.4567 42.31 36.9867 42.31ZM42.4234 35.365H45.9184C46.0384 35.365 46.1384 35.41 46.2184 35.5C46.2984 35.58 46.3384 35.68 46.3384 35.8C46.3384 35.91 46.2984 36.005 46.2184 36.085C46.1384 36.165 46.0384 36.205 45.9184 36.205H42.4234C42.3034 36.205 42.1984 36.165 42.1084 36.085C42.0284 35.995 41.9884 35.895 41.9884 35.785C41.9884 35.665 42.0284 35.565 42.1084 35.485C42.1984 35.405 42.3034 35.365 42.4234 35.365ZM43.9684 33.25C44.0984 33.25 44.2034 33.295 44.2834 33.385C44.3734 33.475 44.4184 33.58 44.4184 33.7V41.23C44.4184 41.51 44.4534 41.72 44.5234 41.86C44.6034 42 44.7034 42.095 44.8234 42.145C44.9434 42.185 45.0634 42.205 45.1834 42.205C45.2634 42.205 45.3334 42.195 45.3934 42.175C45.4634 42.145 45.5384 42.13 45.6184 42.13C45.7084 42.13 45.7834 42.165 45.8434 42.235C45.9134 42.305 45.9484 42.395 45.9484 42.505C45.9484 42.645 45.8684 42.765 45.7084 42.865C45.5484 42.955 45.3584 43 45.1384 43C45.0484 43 44.9134 42.995 44.7334 42.985C44.5534 42.965 44.3684 42.91 44.1784 42.82C43.9884 42.72 43.8284 42.55 43.6984 42.31C43.5784 42.07 43.5184 41.725 43.5184 41.275V33.7C43.5184 33.58 43.5584 33.475 43.6384 33.385C43.7284 33.295 43.8384 33.25 43.9684 33.25ZM54.2864 35.335C54.4164 35.335 54.5214 35.38 54.6014 35.47C54.6914 35.56 54.7364 35.67 54.7364 35.8V42.55C54.7364 42.67 54.6914 42.775 54.6014 42.865C54.5114 42.955 54.4064 43 54.2864 43C54.1564 43 54.0464 42.955 53.9564 42.865C53.8764 42.775 53.8364 42.67 53.8364 42.55V40.765L54.0914 40.645C54.0914 40.925 54.0114 41.21 53.8514 41.5C53.7014 41.79 53.4914 42.06 53.2214 42.31C52.9514 42.56 52.6314 42.765 52.2614 42.925C51.9014 43.075 51.5114 43.15 51.0914 43.15C50.4114 43.15 49.8014 42.975 49.2614 42.625C48.7314 42.275 48.3114 41.795 48.0014 41.185C47.7014 40.575 47.5514 39.89 47.5514 39.13C47.5514 38.35 47.7064 37.665 48.0164 37.075C48.3264 36.475 48.7464 36.005 49.2764 35.665C49.8064 35.325 50.4064 35.155 51.0764 35.155C51.5064 35.155 51.9064 35.23 52.2764 35.38C52.6564 35.53 52.9864 35.735 53.2664 35.995C53.5464 36.255 53.7614 36.555 53.9114 36.895C54.0714 37.225 54.1514 37.57 54.1514 37.93L53.8364 37.705V35.8C53.8364 35.67 53.8764 35.56 53.9564 35.47C54.0464 35.38 54.1564 35.335 54.2864 35.335ZM51.1664 42.31C51.6964 42.31 52.1664 42.175 52.5764 41.905C52.9864 41.625 53.3064 41.245 53.5364 40.765C53.7764 40.275 53.8964 39.73 53.8964 39.13C53.8964 38.54 53.7764 38.01 53.5364 37.54C53.3064 37.07 52.9864 36.695 52.5764 36.415C52.1664 36.135 51.6964 35.995 51.1664 35.995C50.6464 35.995 50.1764 36.13 49.7564 36.4C49.3464 36.67 49.0214 37.04 48.7814 37.51C48.5514 37.98 48.4364 38.52 48.4364 39.13C48.4364 39.73 48.5514 40.275 48.7814 40.765C49.0214 41.245 49.3464 41.625 49.7564 41.905C50.1664 42.175 50.6364 42.31 51.1664 42.31ZM56.6631 41.785C56.5831 41.665 56.5431 41.55 56.5431 41.44C56.5531 41.32 56.6181 41.225 56.7381 41.155C56.8181 41.085 56.9081 41.055 57.0081 41.065C57.1181 41.075 57.2181 41.125 57.3081 41.215C57.5781 41.565 57.9031 41.85 58.2831 42.07C58.6731 42.28 59.1331 42.385 59.6631 42.385C59.9431 42.385 60.2181 42.34 60.4881 42.25C60.7681 42.15 60.9981 42.005 61.1781 41.815C61.3581 41.615 61.4481 41.365 61.4481 41.065C61.4481 40.755 61.3581 40.505 61.1781 40.315C60.9981 40.125 60.7631 39.975 60.4731 39.865C60.1931 39.755 59.8931 39.66 59.5731 39.58C59.2331 39.49 58.9031 39.39 58.5831 39.28C58.2631 39.16 57.9781 39.015 57.7281 38.845C57.4881 38.665 57.2931 38.45 57.1431 38.2C56.9931 37.95 56.9181 37.645 56.9181 37.285C56.9181 36.865 57.0331 36.495 57.2631 36.175C57.4931 35.855 57.8031 35.605 58.1931 35.425C58.5931 35.245 59.0431 35.155 59.5431 35.155C59.7931 35.155 60.0631 35.19 60.3531 35.26C60.6431 35.32 60.9281 35.425 61.2081 35.575C61.4881 35.725 61.7381 35.93 61.9581 36.19C62.0481 36.28 62.0931 36.385 62.0931 36.505C62.0931 36.615 62.0431 36.715 61.9431 36.805C61.8631 36.865 61.7681 36.895 61.6581 36.895C61.5581 36.895 61.4731 36.855 61.4031 36.775C61.1631 36.505 60.8781 36.3 60.5481 36.16C60.2181 36.02 59.8631 35.95 59.4831 35.95C59.1931 35.95 58.9181 36 58.6581 36.1C58.4081 36.19 58.1981 36.33 58.0281 36.52C57.8581 36.71 57.7731 36.96 57.7731 37.27C57.7931 37.56 57.8931 37.795 58.0731 37.975C58.2631 38.155 58.5081 38.305 58.8081 38.425C59.1181 38.545 59.4631 38.655 59.8431 38.755C60.1631 38.835 60.4681 38.93 60.7581 39.04C61.0581 39.15 61.3181 39.29 61.5381 39.46C61.7681 39.62 61.9481 39.825 62.0781 40.075C62.2181 40.325 62.2881 40.64 62.2881 41.02C62.2881 41.46 62.1631 41.84 61.9131 42.16C61.6731 42.48 61.3481 42.725 60.9381 42.895C60.5281 43.065 60.0731 43.15 59.5731 43.15C59.0331 43.15 58.5081 43.045 57.9981 42.835C57.4981 42.625 57.0531 42.275 56.6631 41.785ZM67.6243 35.275C68.2543 35.275 68.7643 35.41 69.1543 35.68C69.5443 35.95 69.8293 36.315 70.0093 36.775C70.1993 37.235 70.2943 37.745 70.2943 38.305V42.55C70.2943 42.67 70.2493 42.775 70.1593 42.865C70.0693 42.955 69.9643 43 69.8443 43C69.7043 43 69.5943 42.955 69.5143 42.865C69.4343 42.775 69.3943 42.67 69.3943 42.55V38.305C69.3943 37.895 69.3293 37.525 69.1993 37.195C69.0793 36.865 68.8793 36.605 68.5993 36.415C68.3193 36.215 67.9443 36.115 67.4743 36.115C67.0543 36.115 66.6543 36.215 66.2743 36.415C65.9043 36.605 65.6043 36.865 65.3743 37.195C65.1443 37.525 65.0293 37.895 65.0293 38.305V42.55C65.0293 42.67 64.9843 42.775 64.8943 42.865C64.8043 42.955 64.6993 43 64.5793 43C64.4393 43 64.3293 42.955 64.2493 42.865C64.1693 42.775 64.1293 42.67 64.1293 42.55V32.35C64.1293 32.23 64.1693 32.125 64.2493 32.035C64.3393 31.945 64.4493 31.9 64.5793 31.9C64.7093 31.9 64.8143 31.945 64.8943 32.035C64.9843 32.125 65.0293 32.23 65.0293 32.35V37.21L64.6843 37.735C64.7043 37.425 64.7993 37.125 64.9693 36.835C65.1493 36.535 65.3793 36.27 65.6593 36.04C65.9393 35.8 66.2493 35.615 66.5893 35.485C66.9293 35.345 67.2743 35.275 67.6243 35.275ZM78.9397 35.335C79.0697 35.335 79.1747 35.38 79.2547 35.47C79.3447 35.56 79.3897 35.67 79.3897 35.8V42.55C79.3897 42.67 79.3447 42.775 79.2547 42.865C79.1647 42.955 79.0597 43 78.9397 43C78.8097 43 78.6997 42.955 78.6097 42.865C78.5297 42.775 78.4897 42.67 78.4897 42.55V40.765L78.7447 40.645C78.7447 40.925 78.6647 41.21 78.5047 41.5C78.3547 41.79 78.1447 42.06 77.8747 42.31C77.6047 42.56 77.2847 42.765 76.9147 42.925C76.5547 43.075 76.1647 43.15 75.7447 43.15C75.0647 43.15 74.4547 42.975 73.9147 42.625C73.3847 42.275 72.9647 41.795 72.6547 41.185C72.3547 40.575 72.2047 39.89 72.2047 39.13C72.2047 38.35 72.3597 37.665 72.6697 37.075C72.9797 36.475 73.3997 36.005 73.9297 35.665C74.4597 35.325 75.0597 35.155 75.7297 35.155C76.1597 35.155 76.5597 35.23 76.9297 35.38C77.3097 35.53 77.6397 35.735 77.9197 35.995C78.1997 36.255 78.4147 36.555 78.5647 36.895C78.7247 37.225 78.8047 37.57 78.8047 37.93L78.4897 37.705V35.8C78.4897 35.67 78.5297 35.56 78.6097 35.47C78.6997 35.38 78.8097 35.335 78.9397 35.335ZM75.8197 42.31C76.3497 42.31 76.8197 42.175 77.2297 41.905C77.6397 41.625 77.9597 41.245 78.1897 40.765C78.4297 40.275 78.5497 39.73 78.5497 39.13C78.5497 38.54 78.4297 38.01 78.1897 37.54C77.9597 37.07 77.6397 36.695 77.2297 36.415C76.8197 36.135 76.3497 35.995 75.8197 35.995C75.2997 35.995 74.8297 36.13 74.4097 36.4C73.9997 36.67 73.6747 37.04 73.4347 37.51C73.2047 37.98 73.0897 38.52 73.0897 39.13C73.0897 39.73 73.2047 40.275 73.4347 40.765C73.6747 41.245 73.9997 41.625 74.4097 41.905C74.8197 42.175 75.2897 42.31 75.8197 42.31Z"
+                />
+              </svg>
+            </template>
+          </AnimatedSvgText>
+
+          <AnimatedSvgText :styleClassPassthrough="['luxury-locs-title-3']">
+            <template #text>
+              <svg width="523" height="128" viewBox="0 0 523 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M44.176 63.336C44.944 63.336 45.616 63.624 46.192 64.2C46.768 64.712 47.056 65.352 47.056 66.12C47.056 66.952 46.768 67.656 46.192 68.232C45.616 68.744 44.944 69 44.176 69H9.904C9.072 69 8.368 68.712 7.792 68.136C7.28 67.56 7.024 66.888 7.024 66.12V4.68C7.024 3.912 7.312 3.24 7.888 2.664C8.464 2.088 9.2 1.8 10.096 1.8C10.864 1.8 11.536 2.088 12.112 2.664C12.752 3.24 13.072 3.912 13.072 4.68V64.968L11.248 63.336H44.176ZM93.3498 20.232C94.1818 20.232 94.8538 20.52 95.3658 21.096C95.9418 21.672 96.2298 22.344 96.2298 23.112V50.184C96.2298 56.52 94.4378 61.352 90.8538 64.68C87.2698 68.008 82.4378 69.672 76.3578 69.672C70.3418 69.672 65.5418 68.008 61.9578 64.68C58.4378 61.352 56.6778 56.52 56.6778 50.184V23.112C56.6778 22.344 56.9338 21.672 57.4458 21.096C58.0218 20.52 58.7258 20.232 59.5578 20.232C60.3898 20.232 61.0618 20.52 61.5738 21.096C62.1498 21.672 62.4378 22.344 62.4378 23.112V50.184C62.4378 54.792 63.6538 58.312 66.0858 60.744C68.5818 63.112 72.0058 64.296 76.3578 64.296C80.7738 64.296 84.2298 63.112 86.7258 60.744C89.2218 58.312 90.4698 54.792 90.4698 50.184V23.112C90.4698 22.344 90.7258 21.672 91.2378 21.096C91.7498 20.52 92.4538 20.232 93.3498 20.232ZM109.99 19.464C110.95 19.464 111.718 19.88 112.294 20.712L146.278 64.68C146.726 65.192 146.95 65.768 146.95 66.408C146.95 67.176 146.662 67.848 146.086 68.424C145.51 69 144.838 69.288 144.07 69.288C143.174 69.288 142.374 68.872 141.67 68.04L107.59 24.072C107.206 23.624 107.014 23.048 107.014 22.344C107.014 21.512 107.302 20.84 107.878 20.328C108.518 19.752 109.222 19.464 109.99 19.464ZM109.99 69.288C109.35 69.288 108.71 69.064 108.07 68.616C107.494 68.168 107.206 67.528 107.206 66.696C107.206 65.992 107.43 65.384 107.878 64.872L124.102 44.04L127.27 48.648L112.294 68.136C111.718 68.904 110.95 69.288 109.99 69.288ZM144.07 19.464C144.902 19.464 145.542 19.72 145.99 20.232C146.502 20.68 146.758 21.256 146.758 21.96C146.758 22.28 146.694 22.6 146.566 22.92C146.502 23.24 146.342 23.528 146.086 23.784L129.862 45.096L126.886 40.488L141.67 20.712C142.374 19.88 143.174 19.464 144.07 19.464ZM194.037 20.232C194.869 20.232 195.541 20.52 196.053 21.096C196.629 21.672 196.917 22.344 196.917 23.112V50.184C196.917 56.52 195.125 61.352 191.541 64.68C187.957 68.008 183.125 69.672 177.045 69.672C171.029 69.672 166.229 68.008 162.645 64.68C159.125 61.352 157.365 56.52 157.365 50.184V23.112C157.365 22.344 157.621 21.672 158.133 21.096C158.709 20.52 159.413 20.232 160.245 20.232C161.077 20.232 161.749 20.52 162.261 21.096C162.837 21.672 163.125 22.344 163.125 23.112V50.184C163.125 54.792 164.341 58.312 166.773 60.744C169.269 63.112 172.693 64.296 177.045 64.296C181.461 64.296 184.917 63.112 187.413 60.744C189.909 58.312 191.157 54.792 191.157 50.184V23.112C191.157 22.344 191.413 21.672 191.925 21.096C192.437 20.52 193.141 20.232 194.037 20.232ZM214.902 69C214.006 69 213.302 68.712 212.79 68.136C212.278 67.56 212.022 66.888 212.022 66.12V23.112C212.022 22.344 212.278 21.672 212.79 21.096C213.366 20.52 214.07 20.232 214.902 20.232C215.734 20.232 216.406 20.52 216.918 21.096C217.494 21.672 217.782 22.344 217.782 23.112V37.512L216.342 37.8C216.534 35.56 217.078 33.352 217.974 31.176C218.934 28.936 220.214 26.888 221.814 25.032C223.414 23.176 225.302 21.672 227.478 20.52C229.718 19.368 232.214 18.792 234.966 18.792C236.118 18.792 237.238 19.048 238.326 19.56C239.414 20.008 239.958 20.776 239.958 21.864C239.958 22.824 239.702 23.56 239.19 24.072C238.678 24.584 238.07 24.84 237.366 24.84C236.79 24.84 236.15 24.68 235.446 24.36C234.806 24.04 233.942 23.88 232.854 23.88C231.062 23.88 229.27 24.424 227.478 25.512C225.686 26.536 224.054 27.944 222.582 29.736C221.11 31.528 219.926 33.544 219.03 35.784C218.198 37.96 217.782 40.168 217.782 42.408V66.12C217.782 66.888 217.494 67.56 216.918 68.136C216.342 68.712 215.67 69 214.902 69ZM285.535 19.08C286.367 19.08 287.039 19.368 287.551 19.944C288.127 20.52 288.415 21.192 288.415 21.96V64.296C288.415 69.48 287.391 73.832 285.343 77.352C283.295 80.936 280.543 83.624 277.087 85.416C273.631 87.272 269.695 88.2 265.279 88.2C262.527 88.2 259.967 87.88 257.599 87.24C255.295 86.664 253.407 85.896 251.935 84.936C251.167 84.488 250.591 83.944 250.207 83.304C249.823 82.664 249.791 81.992 250.111 81.288C250.431 80.392 250.911 79.784 251.551 79.464C252.255 79.208 252.959 79.24 253.663 79.56C254.751 80.136 256.319 80.84 258.367 81.672C260.415 82.504 262.751 82.92 265.375 82.92C268.895 82.92 271.935 82.184 274.495 80.712C277.119 79.24 279.135 77.096 280.543 74.28C281.951 71.528 282.655 68.232 282.655 64.392V57.48L283.327 59.784C282.367 61.768 280.991 63.528 279.199 65.064C277.471 66.6 275.455 67.816 273.151 68.712C270.911 69.544 268.511 69.96 265.951 69.96C262.111 69.96 258.911 69.192 256.351 67.656C253.855 66.056 251.999 63.88 250.783 61.128C249.567 58.376 248.959 55.144 248.959 51.432V21.96C248.959 21.192 249.215 20.52 249.727 19.944C250.239 19.368 250.943 19.08 251.839 19.08C252.671 19.08 253.343 19.368 253.855 19.944C254.431 20.52 254.719 21.192 254.719 21.96V50.568C254.719 55.048 255.679 58.504 257.599 60.936C259.583 63.368 262.783 64.584 267.199 64.584C269.951 64.584 272.479 63.944 274.783 62.664C277.087 61.32 278.975 59.592 280.447 57.48C281.919 55.304 282.655 53 282.655 50.568V21.96C282.655 21.192 282.911 20.52 283.423 19.944C283.999 19.368 284.703 19.08 285.535 19.08ZM368.364 63.336C369.132 63.336 369.804 63.624 370.38 64.2C370.956 64.712 371.244 65.352 371.244 66.12C371.244 66.952 370.956 67.656 370.38 68.232C369.804 68.744 369.132 69 368.364 69H334.092C333.26 69 332.556 68.712 331.98 68.136C331.468 67.56 331.212 66.888 331.212 66.12V4.68C331.212 3.912 331.5 3.24 332.076 2.664C332.652 2.088 333.388 1.8 334.284 1.8C335.052 1.8 335.724 2.088 336.299 2.664C336.94 3.24 337.26 3.912 337.26 4.68V64.968L335.436 63.336H368.364ZM426.561 44.424C426.561 49.288 425.505 53.672 423.393 57.576C421.281 61.416 418.401 64.456 414.753 66.696C411.105 68.872 406.945 69.96 402.273 69.96C397.729 69.96 393.601 68.872 389.889 66.696C386.241 64.456 383.329 61.416 381.153 57.576C379.041 53.672 377.985 49.288 377.985 44.424C377.985 39.496 379.041 35.112 381.153 31.272C383.329 27.432 386.241 24.392 389.889 22.152C393.601 19.912 397.729 18.792 402.273 18.792C406.945 18.792 411.105 19.912 414.753 22.152C418.401 24.392 421.281 27.432 423.393 31.272C425.505 35.112 426.561 39.496 426.561 44.424ZM420.801 44.424C420.801 40.52 420.001 37.064 418.401 34.056C416.801 30.984 414.593 28.584 411.777 26.856C409.025 25.064 405.857 24.168 402.273 24.168C398.817 24.168 395.681 25.064 392.865 26.856C390.049 28.584 387.809 30.984 386.145 34.056C384.545 37.064 383.745 40.52 383.745 44.424C383.745 48.328 384.545 51.784 386.145 54.792C387.809 57.8 390.049 60.2 392.865 61.992C395.681 63.72 398.817 64.584 402.273 64.584C405.857 64.584 409.025 63.72 411.777 61.992C414.593 60.2 416.801 57.8 418.401 54.792C420.001 51.784 420.801 48.328 420.801 44.424ZM460.403 18.792C463.475 18.792 466.291 19.144 468.851 19.848C471.411 20.488 473.459 21.384 474.995 22.536C476.595 23.688 477.395 24.936 477.395 26.28C477.395 26.92 477.171 27.56 476.723 28.2C476.275 28.776 475.667 29.064 474.899 29.064C474.131 29.064 473.491 28.872 472.979 28.488C472.531 28.104 472.051 27.656 471.539 27.144C471.091 26.632 470.419 26.152 469.523 25.704C468.691 25.32 467.507 24.968 465.971 24.648C464.435 24.328 462.675 24.168 460.691 24.168C457.107 24.168 453.875 25.064 450.995 26.856C448.115 28.648 445.843 31.08 444.179 34.152C442.515 37.16 441.683 40.552 441.683 44.328C441.683 48.168 442.483 51.624 444.083 54.696C445.683 57.768 447.891 60.2 450.707 61.992C453.523 63.72 456.819 64.584 460.595 64.584C463.155 64.584 465.139 64.36 466.547 63.912C467.955 63.464 469.171 62.952 470.195 62.376C471.411 61.672 472.275 61 472.787 60.36C473.363 59.656 474.099 59.304 474.995 59.304C475.827 59.304 476.435 59.56 476.819 60.072C477.267 60.52 477.491 61.128 477.491 61.896C477.491 62.92 476.723 64.072 475.187 65.352C473.715 66.568 471.667 67.656 469.043 68.616C466.419 69.512 463.411 69.96 460.019 69.96C455.219 69.96 450.995 68.84 447.347 66.6C443.763 64.36 440.947 61.32 438.899 57.48C436.915 53.576 435.923 49.192 435.923 44.328C435.923 39.656 436.947 35.4 438.995 31.56C441.043 27.72 443.891 24.648 447.539 22.344C451.251 19.976 455.539 18.792 460.403 18.792ZM485.706 61.224C485.194 60.456 484.938 59.72 484.938 59.016C485.002 58.248 485.418 57.64 486.186 57.192C486.698 56.744 487.274 56.552 487.914 56.616C488.618 56.68 489.258 57 489.834 57.576C491.562 59.816 493.642 61.64 496.074 63.048C498.57 64.392 501.514 65.064 504.906 65.064C506.698 65.064 508.458 64.776 510.186 64.2C511.978 63.56 513.45 62.632 514.602 61.416C515.754 60.136 516.33 58.536 516.33 56.616C516.33 54.632 515.754 53.032 514.602 51.816C513.45 50.6 511.946 49.64 510.09 48.936C508.298 48.232 506.378 47.624 504.33 47.112C502.154 46.536 500.042 45.896 497.994 45.192C495.946 44.424 494.122 43.496 492.522 42.408C490.986 41.256 489.738 39.88 488.778 38.28C487.818 36.68 487.338 34.728 487.338 32.424C487.338 29.736 488.074 27.368 489.546 25.32C491.018 23.272 493.002 21.672 495.498 20.52C498.058 19.368 500.938 18.792 504.138 18.792C505.738 18.792 507.466 19.016 509.322 19.464C511.178 19.848 513.002 20.52 514.794 21.48C516.586 22.44 518.186 23.752 519.594 25.416C520.17 25.992 520.458 26.664 520.458 27.432C520.458 28.136 520.138 28.776 519.498 29.352C518.986 29.736 518.378 29.928 517.674 29.928C517.034 29.928 516.49 29.672 516.042 29.16C514.506 27.432 512.682 26.12 510.57 25.224C508.458 24.328 506.186 23.88 503.754 23.88C501.898 23.88 500.138 24.2 498.474 24.84C496.874 25.416 495.53 26.312 494.442 27.528C493.354 28.744 492.81 30.344 492.81 32.328C492.938 34.184 493.578 35.688 494.73 36.84C495.946 37.992 497.514 38.952 499.434 39.72C501.418 40.488 503.626 41.192 506.058 41.832C508.106 42.344 510.058 42.952 511.914 43.656C513.834 44.36 515.498 45.256 516.906 46.344C518.378 47.368 519.53 48.68 520.362 50.28C521.258 51.88 521.706 53.896 521.706 56.328C521.706 59.144 520.906 61.576 519.306 63.624C517.77 65.672 515.69 67.24 513.066 68.328C510.442 69.416 507.53 69.96 504.33 69.96C500.874 69.96 497.514 69.288 494.25 67.944C491.05 66.6 488.202 64.36 485.706 61.224ZM10.88 98.08C12.6933 98.08 14.2933 98.5333 15.68 99.44C17.0933 100.347 18.2133 101.6 19.04 103.2C19.8667 104.773 20.28 106.6 20.28 108.68C20.28 110.707 19.8667 112.533 19.04 114.16C18.2133 115.787 17.0933 117.067 15.68 118C14.2667 118.933 12.68 119.4 10.92 119.4C9.98667 119.4 9.09333 119.253 8.24 118.96C7.41333 118.667 6.65333 118.28 5.96 117.8C5.26667 117.293 4.65333 116.707 4.12 116.04C3.58667 115.373 3.16 114.653 2.84 113.88L3.56 113.36V117.88C3.56 118.227 3.44 118.52 3.2 118.76C2.98667 118.973 2.70667 119.08 2.36 119.08C2.01333 119.08 1.72 118.973 1.48 118.76C1.26667 118.52 1.16 118.227 1.16 117.88V90.64C1.16 90.2933 1.26667 90.0133 1.48 89.8C1.69333 89.56 1.98667 89.44 2.36 89.44C2.70667 89.44 2.98667 89.56 3.2 89.8C3.44 90.0133 3.56 90.2933 3.56 90.64V104.04L3 103.72C3.26667 102.893 3.65333 102.147 4.16 101.48C4.69333 100.787 5.30667 100.187 6 99.68C6.69333 99.1733 7.45333 98.7867 8.28 98.52C9.10667 98.2267 9.97333 98.08 10.88 98.08ZM10.68 100.32C9.24 100.32 7.97333 100.68 6.88 101.4C5.78667 102.12 4.92 103.107 4.28 104.36C3.66667 105.613 3.36 107.053 3.36 108.68C3.36 110.28 3.66667 111.733 4.28 113.04C4.92 114.32 5.78667 115.333 6.88 116.08C7.97333 116.8 9.24 117.16 10.68 117.16C12.0933 117.16 13.3333 116.787 14.4 116.04C15.4933 115.293 16.36 114.28 17 113C17.64 111.693 17.96 110.253 17.96 108.68C17.96 107.053 17.64 105.613 17 104.36C16.36 103.107 15.4933 102.12 14.4 101.4C13.3333 100.68 12.0933 100.32 10.68 100.32ZM40.6578 98.2C41.0045 98.2 41.2845 98.32 41.4978 98.56C41.7378 98.8 41.8578 99.08 41.8578 99.4V117.04C41.8578 119.2 41.4311 121.013 40.5778 122.48C39.7245 123.973 38.5778 125.093 37.1378 125.84C35.6978 126.613 34.0578 127 32.2178 127C31.0711 127 30.0045 126.867 29.0178 126.6C28.0578 126.36 27.2711 126.04 26.6578 125.64C26.3378 125.453 26.0978 125.227 25.9378 124.96C25.7778 124.693 25.7645 124.413 25.8978 124.12C26.0311 123.747 26.2311 123.493 26.4978 123.36C26.7911 123.253 27.0845 123.267 27.3778 123.4C27.8311 123.64 28.4845 123.933 29.3378 124.28C30.1911 124.627 31.1645 124.8 32.2578 124.8C33.7245 124.8 34.9911 124.493 36.0578 123.88C37.1511 123.267 37.9911 122.373 38.5778 121.2C39.1645 120.053 39.4578 118.68 39.4578 117.08V114.2L39.7378 115.16C39.3378 115.987 38.7645 116.72 38.0178 117.36C37.2978 118 36.4578 118.507 35.4978 118.88C34.5645 119.227 33.5645 119.4 32.4978 119.4C30.8978 119.4 29.5645 119.08 28.4978 118.44C27.4578 117.773 26.6845 116.867 26.1778 115.72C25.6711 114.573 25.4178 113.227 25.4178 111.68V99.4C25.4178 99.08 25.5245 98.8 25.7378 98.56C25.9511 98.32 26.2445 98.2 26.6178 98.2C26.9645 98.2 27.2445 98.32 27.4578 98.56C27.6978 98.8 27.8178 99.08 27.8178 99.4V111.32C27.8178 113.187 28.2178 114.627 29.0178 115.64C29.8445 116.653 31.1778 117.16 33.0178 117.16C34.1645 117.16 35.2178 116.893 36.1778 116.36C37.1378 115.8 37.9245 115.08 38.5378 114.2C39.1511 113.293 39.4578 112.333 39.4578 111.32V99.4C39.4578 99.08 39.5645 98.8 39.7778 98.56C40.0178 98.32 40.3111 98.2 40.6578 98.2ZM80.1697 91C80.5164 91 80.783 91.1067 80.9697 91.32C81.183 91.5333 81.2897 91.8 81.2897 92.12V117.72C81.2897 118.12 81.1564 118.44 80.8897 118.68C80.6497 118.893 80.3697 119 80.0497 119C79.8897 119 79.7164 118.973 79.5297 118.92C79.343 118.84 79.1964 118.733 79.0897 118.6L61.2497 94.56L61.9297 94.2V117.92C61.9297 118.213 61.823 118.467 61.6097 118.68C61.3964 118.893 61.1297 119 60.8097 119C60.463 119 60.183 118.893 59.9697 118.68C59.783 118.467 59.6897 118.213 59.6897 117.92V92.2C59.6897 91.8 59.8097 91.5067 60.0497 91.32C60.2897 91.1067 60.5564 91 60.8497 91C61.0097 91 61.183 91.04 61.3697 91.12C61.5564 91.1733 61.703 91.28 61.8097 91.44L79.4497 115.2L79.0497 115.92V92.12C79.0497 91.8 79.1564 91.5333 79.3697 91.32C79.6097 91.1067 79.8764 91 80.1697 91ZM104.951 98.56C105.298 98.56 105.578 98.68 105.791 98.92C106.031 99.16 106.151 99.4533 106.151 99.8V117.8C106.151 118.12 106.031 118.4 105.791 118.64C105.551 118.88 105.271 119 104.951 119C104.605 119 104.311 118.88 104.071 118.64C103.858 118.4 103.751 118.12 103.751 117.8V113.04L104.431 112.72C104.431 113.467 104.218 114.227 103.791 115C103.391 115.773 102.831 116.493 102.111 117.16C101.391 117.827 100.538 118.373 99.5513 118.8C98.5913 119.2 97.5513 119.4 96.4313 119.4C94.6179 119.4 92.9913 118.933 91.5513 118C90.1379 117.067 89.0179 115.787 88.1913 114.16C87.3913 112.533 86.9913 110.707 86.9913 108.68C86.9913 106.6 87.4046 104.773 88.2313 103.2C89.0579 101.6 90.1779 100.347 91.5913 99.44C93.0046 98.5333 94.6046 98.08 96.3913 98.08C97.5379 98.08 98.6046 98.28 99.5913 98.68C100.605 99.08 101.485 99.6267 102.231 100.32C102.978 101.013 103.551 101.813 103.951 102.72C104.378 103.6 104.591 104.52 104.591 105.48L103.751 104.88V99.8C103.751 99.4533 103.858 99.16 104.071 98.92C104.311 98.68 104.605 98.56 104.951 98.56ZM96.6313 117.16C98.0446 117.16 99.2979 116.8 100.391 116.08C101.485 115.333 102.338 114.32 102.951 113.04C103.591 111.733 103.911 110.28 103.911 108.68C103.911 107.107 103.591 105.693 102.951 104.44C102.338 103.187 101.485 102.187 100.391 101.44C99.2979 100.693 98.0446 100.32 96.6313 100.32C95.2446 100.32 93.9913 100.68 92.8713 101.4C91.7779 102.12 90.9113 103.107 90.2713 104.36C89.6579 105.613 89.3513 107.053 89.3513 108.68C89.3513 110.28 89.6579 111.733 90.2713 113.04C90.9113 114.32 91.7779 115.333 92.8713 116.08C93.9646 116.8 95.2179 117.16 96.6313 117.16ZM111.129 98.64H120.449C120.769 98.64 121.036 98.76 121.249 99C121.462 99.2133 121.569 99.48 121.569 99.8C121.569 100.093 121.462 100.347 121.249 100.56C121.036 100.773 120.769 100.88 120.449 100.88H111.129C110.809 100.88 110.529 100.773 110.289 100.56C110.076 100.32 109.969 100.053 109.969 99.76C109.969 99.44 110.076 99.1733 110.289 98.96C110.529 98.7467 110.809 98.64 111.129 98.64ZM115.249 93C115.596 93 115.876 93.12 116.089 93.36C116.329 93.6 116.449 93.88 116.449 94.2V114.28C116.449 115.027 116.542 115.587 116.729 115.96C116.942 116.333 117.209 116.587 117.529 116.72C117.849 116.827 118.169 116.88 118.489 116.88C118.702 116.88 118.889 116.853 119.049 116.8C119.236 116.72 119.436 116.68 119.649 116.68C119.889 116.68 120.089 116.773 120.249 116.96C120.436 117.147 120.529 117.387 120.529 117.68C120.529 118.053 120.316 118.373 119.889 118.64C119.462 118.88 118.956 119 118.369 119C118.129 119 117.769 118.987 117.289 118.96C116.809 118.907 116.316 118.76 115.809 118.52C115.302 118.253 114.876 117.8 114.529 117.16C114.209 116.52 114.049 115.6 114.049 114.4V94.2C114.049 93.88 114.156 93.6 114.369 93.36C114.609 93.12 114.902 93 115.249 93ZM142.764 98.56C143.11 98.56 143.39 98.68 143.604 98.92C143.844 99.16 143.964 99.4533 143.964 99.8V117.8C143.964 118.12 143.844 118.4 143.604 118.64C143.364 118.88 143.084 119 142.764 119C142.417 119 142.124 118.88 141.884 118.64C141.67 118.4 141.564 118.12 141.564 117.8V113.04L142.244 112.72C142.244 113.467 142.03 114.227 141.604 115C141.204 115.773 140.644 116.493 139.924 117.16C139.204 117.827 138.35 118.373 137.364 118.8C136.404 119.2 135.364 119.4 134.244 119.4C132.43 119.4 130.804 118.933 129.364 118C127.95 117.067 126.83 115.787 126.004 114.16C125.204 112.533 124.804 110.707 124.804 108.68C124.804 106.6 125.217 104.773 126.044 103.2C126.87 101.6 127.99 100.347 129.404 99.44C130.817 98.5333 132.417 98.08 134.204 98.08C135.35 98.08 136.417 98.28 137.404 98.68C138.417 99.08 139.297 99.6267 140.044 100.32C140.79 101.013 141.364 101.813 141.764 102.72C142.19 103.6 142.404 104.52 142.404 105.48L141.564 104.88V99.8C141.564 99.4533 141.67 99.16 141.884 98.92C142.124 98.68 142.417 98.56 142.764 98.56ZM134.444 117.16C135.857 117.16 137.11 116.8 138.204 116.08C139.297 115.333 140.15 114.32 140.764 113.04C141.404 111.733 141.724 110.28 141.724 108.68C141.724 107.107 141.404 105.693 140.764 104.44C140.15 103.187 139.297 102.187 138.204 101.44C137.11 100.693 135.857 100.32 134.444 100.32C133.057 100.32 131.804 100.68 130.684 101.4C129.59 102.12 128.724 103.107 128.084 104.36C127.47 105.613 127.164 107.053 127.164 108.68C127.164 110.28 127.47 111.733 128.084 113.04C128.724 114.32 129.59 115.333 130.684 116.08C131.777 116.8 133.03 117.16 134.444 117.16ZM149.102 115.76C148.888 115.44 148.782 115.133 148.782 114.84C148.808 114.52 148.982 114.267 149.302 114.08C149.515 113.893 149.755 113.813 150.022 113.84C150.315 113.867 150.582 114 150.822 114.24C151.542 115.173 152.408 115.933 153.422 116.52C154.462 117.08 155.688 117.36 157.102 117.36C157.848 117.36 158.582 117.24 159.302 117C160.048 116.733 160.662 116.347 161.142 115.84C161.622 115.307 161.862 114.64 161.862 113.84C161.862 113.013 161.622 112.347 161.142 111.84C160.662 111.333 160.035 110.933 159.262 110.64C158.515 110.347 157.715 110.093 156.862 109.88C155.955 109.64 155.075 109.373 154.222 109.08C153.368 108.76 152.608 108.373 151.942 107.92C151.302 107.44 150.782 106.867 150.382 106.2C149.982 105.533 149.782 104.72 149.782 103.76C149.782 102.64 150.088 101.653 150.702 100.8C151.315 99.9467 152.142 99.28 153.182 98.8C154.248 98.32 155.448 98.08 156.782 98.08C157.448 98.08 158.168 98.1733 158.942 98.36C159.715 98.52 160.475 98.8 161.222 99.2C161.968 99.6 162.635 100.147 163.222 100.84C163.462 101.08 163.582 101.36 163.582 101.68C163.582 101.973 163.448 102.24 163.182 102.48C162.968 102.64 162.715 102.72 162.422 102.72C162.155 102.72 161.928 102.613 161.742 102.4C161.102 101.68 160.342 101.133 159.462 100.76C158.582 100.387 157.635 100.2 156.622 100.2C155.848 100.2 155.115 100.333 154.422 100.6C153.755 100.84 153.195 101.213 152.742 101.72C152.288 102.227 152.062 102.893 152.062 103.72C152.115 104.493 152.382 105.12 152.862 105.6C153.368 106.08 154.022 106.48 154.822 106.8C155.648 107.12 156.568 107.413 157.582 107.68C158.435 107.893 159.248 108.147 160.022 108.44C160.822 108.733 161.515 109.107 162.102 109.56C162.715 109.987 163.195 110.533 163.542 111.2C163.915 111.867 164.102 112.707 164.102 113.72C164.102 114.893 163.768 115.907 163.102 116.76C162.462 117.613 161.595 118.267 160.502 118.72C159.408 119.173 158.195 119.4 156.862 119.4C155.422 119.4 154.022 119.12 152.662 118.56C151.328 118 150.142 117.067 149.102 115.76ZM178.332 98.4C180.012 98.4 181.372 98.76 182.412 99.48C183.452 100.2 184.212 101.173 184.692 102.4C185.198 103.627 185.452 104.987 185.452 106.48V117.8C185.452 118.12 185.332 118.4 185.092 118.64C184.852 118.88 184.572 119 184.252 119C183.878 119 183.585 118.88 183.372 118.64C183.158 118.4 183.052 118.12 183.052 117.8V106.48C183.052 105.387 182.878 104.4 182.532 103.52C182.212 102.64 181.678 101.947 180.932 101.44C180.185 100.907 179.185 100.64 177.932 100.64C176.812 100.64 175.745 100.907 174.732 101.44C173.745 101.947 172.945 102.64 172.332 103.52C171.718 104.4 171.412 105.387 171.412 106.48V117.8C171.412 118.12 171.292 118.4 171.052 118.64C170.812 118.88 170.532 119 170.212 119C169.838 119 169.545 118.88 169.332 118.64C169.118 118.4 169.012 118.12 169.012 117.8V90.6C169.012 90.28 169.118 90 169.332 89.76C169.572 89.52 169.865 89.4 170.212 89.4C170.558 89.4 170.838 89.52 171.052 89.76C171.292 90 171.412 90.28 171.412 90.6V103.56L170.492 104.96C170.545 104.133 170.798 103.333 171.252 102.56C171.732 101.76 172.345 101.053 173.092 100.44C173.838 99.8 174.665 99.3067 175.572 98.96C176.478 98.5867 177.398 98.4 178.332 98.4ZM208.506 98.56C208.853 98.56 209.133 98.68 209.346 98.92C209.586 99.16 209.706 99.4533 209.706 99.8V117.8C209.706 118.12 209.586 118.4 209.346 118.64C209.106 118.88 208.826 119 208.506 119C208.159 119 207.866 118.88 207.626 118.64C207.413 118.4 207.306 118.12 207.306 117.8V113.04L207.986 112.72C207.986 113.467 207.773 114.227 207.346 115C206.946 115.773 206.386 116.493 205.666 117.16C204.946 117.827 204.093 118.373 203.106 118.8C202.146 119.2 201.106 119.4 199.986 119.4C198.173 119.4 196.546 118.933 195.106 118C193.693 117.067 192.573 115.787 191.746 114.16C190.946 112.533 190.546 110.707 190.546 108.68C190.546 106.6 190.959 104.773 191.786 103.2C192.613 101.6 193.733 100.347 195.146 99.44C196.559 98.5333 198.159 98.08 199.946 98.08C201.093 98.08 202.159 98.28 203.146 98.68C204.159 99.08 205.039 99.6267 205.786 100.32C206.533 101.013 207.106 101.813 207.506 102.72C207.933 103.6 208.146 104.52 208.146 105.48L207.306 104.88V99.8C207.306 99.4533 207.413 99.16 207.626 98.92C207.866 98.68 208.159 98.56 208.506 98.56ZM200.186 117.16C201.599 117.16 202.853 116.8 203.946 116.08C205.039 115.333 205.893 114.32 206.506 113.04C207.146 111.733 207.466 110.28 207.466 108.68C207.466 107.107 207.146 105.693 206.506 104.44C205.893 103.187 205.039 102.187 203.946 101.44C202.853 100.693 201.599 100.32 200.186 100.32C198.799 100.32 197.546 100.68 196.426 101.4C195.333 102.12 194.466 103.107 193.826 104.36C193.213 105.613 192.906 107.053 192.906 108.68C192.906 110.28 193.213 111.733 193.826 113.04C194.466 114.32 195.333 115.333 196.426 116.08C197.519 116.8 198.773 117.16 200.186 117.16Z"
+                />
+              </svg>
+            </template>
+          </AnimatedSvgText>
+        </LayoutRow>
+      </template>
+    </NuxtLayout>
+  </div>
+</template>
+
+<script setup lang="ts">
+definePageMeta({
+  layout: false,
+})
+
+useHead({
+  title: "Animated SVG Text Component",
+  meta: [
+    {
+      name: "description",
+      content: "Animated SVG Text Component",
+    },
+  ],
+  bodyAttrs: {
+    class: "animated-svg-text-page",
+  },
+})
+</script>
+
+<style lang="css">
+.animated-svg-text-page {
+  .animated-svg-text {
+    &.luxury-locs-title {
+      margin-block-start: 2em;
+
+      --_animated-svg-animation-duration: 4s;
+      --_animated-svg-text-stroke-dasharray: 176;
+
+      /* Light mode */
+      --_animated-svg-text-stroke-light: #000;
+      --_animated-svg-text-fill-light: #000;
+
+      /* Dark mode */
+      --_animated-svg-text-stroke-dark: #fff;
+      --_animated-svg-text-fill-dark: #fff;
+    }
+    &.luxury-locs-title-3 {
+      margin-block-start: 2em;
+
+      --_animated-svg-animation-duration: 6s;
+      --_animated-svg-text-stroke-dasharray: 523;
+
+      /* Light mode */
+      --_animated-svg-text-stroke-light: #000;
+      --_animated-svg-text-fill-light: #000;
+
+      /* Dark mode */
+      --_animated-svg-text-stroke-dark: #fff;
+      --_animated-svg-text-fill-dark: #fff;
+    }
+  }
+}
+</style>

package/app/pages/ui/block-decorators.vue

@@ -0,0 +1,142 @@
+<template>
+  <div>
+    <NuxtLayout name="default">
+      <template #layout-content>
+        <LayoutRow tag="div" variant="full-width" :style-class-passthrough="['mbe-20']">
+          <h2 class="page-heading-2">Block Decorators</h2>
+        </LayoutRow>
+        <LayoutRow tag="div" variant="full-width" :style-class-passthrough="['mbe-20']">
+          <h3 class="page-heading-3">Configuration options</h3>
+          <p class="page-body-normal">
+            Use the select drop down to adjust the shadow, inner shadow, and border strength.
+          </p>
+          <p class="page-body-normal">
+            NOTE: These are visual decorators only and can be confugured in the UiBlockDecorated component decorator
+            stylesheet.
+          </p>
+          <div class="select-controls">
+            <div class="select-group">
+              <label for="shadow-strength">Shadow Strength</label>
+              <select id="shadow-strength" v-model="shadowStrength">
+                <option value="0">No shadow</option>
+                <option value="1">Shadow 1</option>
+                <option value="2">Shadow 2</option>
+                <option value="3">Shadow 3</option>
+                <option value="4">Shadow 4</option>
+                <option value="5">Shadow 5</option>
+                <option value="6">Shadow 6</option>
+              </select>
+            </div>
+            <div class="select-group">
+              <label for="inner-shadow-strength">Inner Shadow Strength</label>
+              <select id="inner-shadow-strength" v-model="innerShadowStrength">
+                <option value="0">No inner shadow</option>
+                <option value="1">Inner Shadow 1</option>
+                <option value="2">Inner Shadow 2</option>
+                <option value="3">Inner Shadow 3</option>
+                <option value="4">Inner Shadow 4</option>
+              </select>
+            </div>
+            <div class="select-group">
+              <label for="border-strength">Border Strength</label>
+              <select id="border-strength" v-model="borderStrength">
+                <option value="0">No border</option>
+                <option value="1">Border 1</option>
+                <option value="2">Border 2</option>
+                <option value="3">Border 3</option>
+                <option value="4">Border 4</option>
+                <option value="5">Border 5</option>
+                <option value="6">Border 6</option>
+              </select>
+            </div>
+          </div>
+        </LayoutRow>
+        <LayoutRow tag="div" variant="full-width" :style-class-passthrough="['mbe-20']">
+          <UiBlockDecorated
+            tag="div"
+            :shadow-strength
+            :inner-shadow-strength
+            :border-strength
+            :style-class-passthrough="['demo-element']"
+          >
+            <p class="page-body-normal">1</p>
+          </UiBlockDecorated>
+        </LayoutRow>
+      </template>
+    </NuxtLayout>
+  </div>
+</template>
+
+<script setup lang="ts">
+definePageMeta({
+  layout: false,
+})
+
+useHead({
+  title: "Block Decorators",
+  meta: [
+    {
+      name: "description",
+      content: "Block Decorators Meta description content",
+    },
+  ],
+  bodyAttrs: {
+    class: "block-decorators-page",
+  },
+})
+
+const shadowStrength = ref(3)
+const innerShadowStrength = ref(4)
+const borderStrength = ref(0)
+</script>
+
+<style lang="css">
+.block-decorators-page {
+  /* CSS styles */
+
+  .select-controls {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 2.5rem;
+    margin-block: 1.5rem;
+  }
+
+  .select-group {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+  }
+
+  .select-group label {
+    font-weight: 500;
+    font-size: var(--step-4);
+    color: inherit;
+  }
+
+  .select-group select {
+    padding: 0.5rem 0.75rem;
+    border: 1px solid #e5e7eb;
+    border-radius: 0.375rem;
+    /* background-color: white; */
+    font-size: var(--step-4);
+    min-width: 200px;
+  }
+
+  .select-group select:focus {
+    outline: none;
+    border-color: #3b82f6;
+    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+  }
+
+  .demo-element {
+    aspect-ratio: 1 / 1;
+    width: 20rem;
+    display: grid;
+    place-content: center;
+
+    /* box-shadow: var(--shadow-6); */
+
+    /* background-color: light-dark(#2526271a, #d2d9e0d1); */
+  }
+}
+</style>