@iqual/nuxt-icms 1.0.2

package/assets/css/fe-fixes.css

@@ -0,0 +1,105 @@
+/* Vuepal toolbar logo */
+.vuepal-admin-toolbar-link[data-route-name='<front>']
+  .vuepal-admin-toolbar-icon {
+  background: var(--vuepal-environment-color);
+  mask-image: url(/modules/contrib/icms_admin/img/iqual-logo-q.svg) !important;
+}
+
+/**
+ *
+ * BLÖKKLI SIDEBAR
+ *
+ **/
+
+/* Sidebar */
+.bk-add-list {
+  /* Use flex for leveraging sorting */
+  #blokkli-add-list-blocks {
+    display: flex;
+
+    &::after {
+      order: 100;
+    }
+  }
+
+  /* Vertical */
+  &.bk-is-vertical #blokkli-add-list-blocks {
+    flex-direction: column;
+  }
+
+  .bk-list-item-inner {
+    /* Blökkli icon wrapper border: increase a tad the contrast */
+    border-color: rgb(
+      var(--bk-theme-mono-400) / var(--bk-tw-border-opacity)
+    ) !important;
+  }
+}
+
+/* Layouts */
+button.bk-list-item[data-item-bundle^='icms_layout_'] {
+  /* Adds a margin between layout and a separator */
+  &:not(.bk-is-disabled):last-of-type {
+
+    .bk-add-list.bk-is-vertical & {
+      margin-block-end: 30px;
+      /* box-shadow:
+        0 18px 0 -1px rgb(var(--bk-theme-mono-800) / var(--bk-tw-bg-opacity)),
+        0 19px 0 -1px rgb(var(--bk-theme-mono-400) / var(--bk-tw-border-opacity)) !important; */
+      box-shadow:
+        0 18px 0 -1px #3d3d3d,
+        0 19px 0 -1px #888888 !important;
+    }
+    .bk-add-list.bk-is-horizontal & {
+      margin-inline-end: 30px;
+      /* box-shadow:
+        18px 0 0 -1px rgb(var(--bk-theme-mono-950) / var(--bk-tw-bg-opacity)),
+        19px 0 0 -1px rgb(var(--bk-theme-mono-400) / var(--bk-tw-border-opacity)) !important; */
+      box-shadow:
+        18px 0 0 -1px #111,
+        19px 0 0 -1px #888888 !important;
+    }
+  }
+}
+
+/* Elements */
+button.bk-list-item[data-item-bundle$='_element'] {
+  order: 1;
+
+  .bk-list-item-label > span {
+    display: inline-block;
+
+    &::first-letter {
+      font-size: 0 !important;
+    }
+  }
+
+  /* UNCOMMENT FOR THE "STACKED" WRAPPER */
+  /* .bk-list-item-inner {
+    box-shadow:
+      3px -3px 0 -1px rgb(var(--bk-theme-mono-800) / var(--bk-tw-bg-opacity)),
+      3px -3px rgb(var(--bk-theme-mono-400) / var(--bk-tw-border-opacity));
+  } */
+
+  .bk-list-item-icon {
+    .bk-blokkli-item-icon {
+      height: 0.8em;
+      width: 0.8em;
+    }
+  }
+}
+
+/* Hides the ~ for the Element in the blökkli editing bar, within the viewport */
+.bk-blokkli-item-actions-type-button[title^='~'] {
+  .bk-blokkli-item-actions-title-label {
+    &::first-letter {
+      opacity: 0;
+      margin-inline-start: -0.5em;
+    }
+  }
+}
+
+/**
+ *
+ * END BLÖKKLI SIDEBAR
+ *
+ **/

package/assets/css/tailwind.css

@@ -0,0 +1,104 @@
+/* Vendor stuff */
+/* @import 'vue3-carousel/dist/carousel.css'; */
+
+/* Components */
+@import './components/container.css';
+@import './components/grid-container.css';
+@import './components/ck-content.css';
+@import './components/link.css';
+@import './components/dialog.css';
+
+/* Basics */
+@import 'typography.css';
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  html {
+    @apply scroll-smooth hyphens-auto bg-white font-sans text-black;
+  }
+}
+
+@layer components {
+  .gradient-overlay {
+    &:before {
+      content: '';
+      @apply absolute inset-0;
+      background: linear-gradient(
+        0deg,
+        rgba(0, 0, 0, 0.5) 12.45%,
+        rgba(0, 0, 0, 0) 40.3%
+      );
+    }
+  }
+  .grid-standard {
+    @apply container mx-auto grid grid-cols-12 gap-12;
+  }
+  .grid-3-col {
+    @apply !grid-cols-1;
+
+    &:has(> *:first-child:nth-last-child(2)) {
+      @apply md:!grid-cols-2;
+    }
+
+    &:has(> *:first-child:nth-last-child(3)) {
+      @apply lg:!grid-cols-3;
+    }
+
+    &:has(
+        > *:first-child:not(
+            :nth-last-child(1),
+            :nth-last-child(2),
+            :nth-last-child(3)
+          )
+      ) {
+      @apply lg:!grid-cols-3;
+    }
+  }
+  .grid-4-col {
+    @apply !grid-cols-1;
+
+    &:has(> *:first-child:nth-last-child(2)) {
+      @apply md:!grid-cols-2;
+    }
+
+    &:has(> *:first-child:nth-last-child(3)) {
+      @apply lg:!grid-cols-3;
+    }
+
+    &:has(> *:first-child:nth-last-child(4)) {
+      @apply lg:!grid-cols-4;
+    }
+
+    &:has(
+        > *:first-child:not(
+            :nth-last-child(1),
+            :nth-last-child(2),
+            :nth-last-child(3),
+            :nth-last-child(4)
+          )
+      ) {
+      @apply lg:!grid-cols-4;
+    }
+  }
+
+  .droptarget {
+    --grey-light: var(--blokkli-editor-grey-light, #cacaca40);
+    --grey: var(--blokkli-editor-grey, lightgrey);
+
+    padding: 1rem;
+
+    outline: 2px dashed var(--grey);
+    border-radius: 4px;
+    position: relative;
+    background: repeating-linear-gradient(
+      45deg,
+      var(--grey-light) 0,
+      var(--grey-light) 3px,
+      transparent 3px,
+      transparent 9px
+    );
+  }
+}

package/assets/css/typography.css

@@ -0,0 +1,67 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
+
+@layer base {
+  h1,
+  .h1,
+  h2,
+  .h2,
+  h3,
+  .h3,
+  h4,
+  .h4,
+  h5,
+  .h5,
+  h6,
+  .h6 {
+    @apply hyphens-auto font-bold;
+  }
+
+  h1,
+  .h1 {
+    @apply mb-4 text-5xl lg:text-7xl;
+  }
+
+  h2,
+  .h2 {
+    @apply mb-4 text-3xl leading-tight lg:text-5xl;
+  }
+
+  h3,
+  .h3 {
+    @apply mb-4 text-2xl leading-tight lg:text-4xl;
+  }
+
+  h4,
+  .h4 {
+    @apply mb-4 text-xl leading-tight lg:text-3xl;
+  }
+
+  h5,
+  .h5 {
+    @apply mb-2 text-lg lg:text-2xl;
+  }
+
+  h6,
+  .h6 {
+    @apply mb-2 text-base lg:text-lg;
+  }
+
+  .ck-content {
+    a {
+      @apply underline;
+    }
+
+    p {
+      @apply mb-2;
+    }
+
+    .text-lead {
+      @apply text-lg font-medium;
+    }
+
+    .text-small {
+      @apply text-sm;
+    }
+  }
+}

package/assets/symbols/chevron-down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>chevron-down</title><path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" fill="currentColor" /></svg>

package/assets/symbols/chevron-right.svg

@@ -0,0 +1,3 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.75 17L14.25 11.5L8.75 6" stroke="#1E1E1E" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/symbols/close.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 96 960 960">
+  <path fill="currentColor" d="m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"/>
+</svg>

package/assets/symbols/facebook.svg

@@ -0,0 +1,3 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="red" xmlns="http://www.w3.org/2000/svg">
+<path d="M30 15.0913C30 6.75456 23.7863 0 15.5 0C7.21371 0 0.5 6.75456 0.5 15.0913C0.5 22.6235 5.98528 28.8669 13.1562 30V19.4538H9.34577V15.0913H13.1562V11.7663C13.1562 7.98438 15.3942 5.89533 18.8218 5.89533C20.4633 5.89533 22.1798 6.18986 22.1798 6.18986V9.90183H20.2879C18.425 9.90183 17.8438 11.0653 17.8438 12.2586V15.0913H22.0038L21.3385 19.4538H17.8438V30C25.0147 28.8669 30 22.6235 30 15.0913Z" fill="currentColor"/>
+</svg>

package/assets/symbols/instagram.svg

@@ -0,0 +1,13 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="15" cy="15" r="15" fill="currentColor"/>
+<g clip-path="url(#clip0_1254_1175)">
+<path d="M15 8.44062C17.1375 8.44062 17.3906 8.45 18.2313 8.4875C19.0125 8.52187 19.4344 8.65313 19.7156 8.7625C20.0875 8.90625 20.3563 9.08125 20.6344 9.35938C20.9156 9.64062 21.0875 9.90625 21.2313 10.2781C21.3406 10.5594 21.4719 10.9844 21.5063 11.7625C21.5438 12.6062 21.5531 12.8594 21.5531 14.9938C21.5531 17.1313 21.5438 17.3844 21.5063 18.225C21.4719 19.0063 21.3406 19.4281 21.2313 19.7094C21.0875 20.0813 20.9125 20.35 20.6344 20.6281C20.3531 20.9094 20.0875 21.0813 19.7156 21.225C19.4344 21.3344 19.0094 21.4656 18.2313 21.5C17.3875 21.5375 17.1344 21.5469 15 21.5469C12.8625 21.5469 12.6094 21.5375 11.7688 21.5C10.9875 21.4656 10.5656 21.3344 10.2844 21.225C9.9125 21.0813 9.64375 20.9063 9.36563 20.6281C9.08438 20.3469 8.9125 20.0813 8.76875 19.7094C8.65938 19.4281 8.52813 19.0031 8.49375 18.225C8.45625 17.3813 8.44688 17.1281 8.44688 14.9938C8.44688 12.8563 8.45625 12.6031 8.49375 11.7625C8.52813 10.9812 8.65938 10.5594 8.76875 10.2781C8.9125 9.90625 9.0875 9.6375 9.36563 9.35938C9.64688 9.07812 9.9125 8.90625 10.2844 8.7625C10.5656 8.65313 10.9906 8.52187 11.7688 8.4875C12.6094 8.45 12.8625 8.44062 15 8.44062ZM15 7C12.8281 7 12.5563 7.00937 11.7031 7.04688C10.8531 7.08438 10.2688 7.22187 9.7625 7.41875C9.23438 7.625 8.7875 7.89688 8.34375 8.34375C7.89688 8.7875 7.625 9.23438 7.41875 9.75938C7.22187 10.2688 7.08438 10.85 7.04688 11.7C7.00938 12.5563 7 12.8281 7 15C7 17.1719 7.00938 17.4438 7.04688 18.2969C7.08438 19.1469 7.22187 19.7313 7.41875 20.2375C7.625 20.7656 7.89688 21.2125 8.34375 21.6562C8.7875 22.1 9.23438 22.375 9.75938 22.5781C10.2688 22.775 10.85 22.9125 11.7 22.95C12.5531 22.9875 12.825 22.9969 14.9969 22.9969C17.1688 22.9969 17.4406 22.9875 18.2938 22.95C19.1438 22.9125 19.7281 22.775 20.2344 22.5781C20.7594 22.375 21.2063 22.1 21.65 21.6562C22.0938 21.2125 22.3688 20.7656 22.5719 20.2406C22.7688 19.7313 22.9063 19.15 22.9438 18.3C22.9813 17.4469 22.9906 17.175 22.9906 15.0031C22.9906 12.8313 22.9813 12.5594 22.9438 11.7063C22.9063 10.8563 22.7688 10.2719 22.5719 9.76562C22.375 9.23438 22.1031 8.7875 21.6563 8.34375C21.2125 7.9 20.7656 7.625 20.2406 7.42188C19.7313 7.225 19.15 7.0875 18.3 7.05C17.4438 7.00938 17.1719 7 15 7Z" fill="white"/>
+<path d="M15 10.8906C12.7313 10.8906 10.8906 12.7313 10.8906 15C10.8906 17.2688 12.7313 19.1094 15 19.1094C17.2688 19.1094 19.1094 17.2688 19.1094 15C19.1094 12.7313 17.2688 10.8906 15 10.8906ZM15 17.6656C13.5281 17.6656 12.3344 16.4719 12.3344 15C12.3344 13.5281 13.5281 12.3344 15 12.3344C16.4719 12.3344 17.6656 13.5281 17.6656 15C17.6656 16.4719 16.4719 17.6656 15 17.6656Z" fill="white"/>
+<path d="M20.2312 10.7279C20.2312 11.2592 19.8 11.6873 19.2719 11.6873C18.7406 11.6873 18.3125 11.2561 18.3125 10.7279C18.3125 10.1967 18.7438 9.76855 19.2719 9.76855C19.8 9.76855 20.2312 10.1998 20.2312 10.7279Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_1254_1175">
+<rect width="16" height="16" fill="white" transform="translate(7 7)"/>
+</clipPath>
+</defs>
+</svg>

package/assets/symbols/linkedin.svg

@@ -0,0 +1,4 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="15" cy="15" r="15" fill="currentColor"/>
+<path d="M10.8576 21H7.74777V10.9853H10.8576V21ZM9.301 9.61917C8.30658 9.61917 7.5 8.79549 7.5 7.80104C7.5 7.32338 7.68975 6.86528 8.0275 6.52751C8.36526 6.18975 8.82335 6 9.301 6C9.77866 6 10.2368 6.18975 10.5745 6.52751C10.9123 6.86528 11.102 7.32338 11.102 7.80104C11.102 8.79549 10.2951 9.61917 9.301 9.61917ZM22.4967 21H19.3935V16.1249C19.3935 14.963 19.3701 13.473 17.7767 13.473C16.1598 13.473 15.9121 14.7354 15.9121 16.0412V21H12.8056V10.9853H15.7882V12.3514H15.8317C16.2469 11.5645 17.261 10.7341 18.7741 10.7341C21.9214 10.7341 22.5 12.8067 22.5 15.4988V21H22.4967Z" fill="white"/>
+</svg>

package/assets/symbols/logo.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="uuid-179210d0-626c-4403-a11a-684259f764ea" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 464 90.28">
+    <g style="isolation:isolate;">
+        <g style="isolation:isolate;">
+            <path d="M150,69.66c-2.44,0-4.77-.27-6.99-.8-2.22-.53-4.19-1.37-5.9-2.5-1.71-1.13-3.06-2.54-4.04-4.23-.98-1.69-1.47-3.69-1.47-5.99,0-.26,0-.51.03-.77.02-.26.03-.45.03-.58h8.4c0,.09-.01.25-.03.48-.02.24-.03.44-.03.61,0,1.41.41,2.62,1.22,3.62.81,1,1.99,1.77,3.53,2.31,1.54.54,3.35.8,5.45.8,1.41,0,2.66-.08,3.75-.26,1.09-.17,2.03-.42,2.82-.74.79-.32,1.44-.71,1.96-1.15.51-.45.89-.95,1.12-1.51.23-.55.35-1.15.35-1.79,0-1.24-.38-2.26-1.15-3.08-.77-.81-1.81-1.5-3.11-2.05-1.3-.55-2.78-1.06-4.42-1.51-1.65-.45-3.33-.91-5.06-1.38-1.73-.47-3.42-1.04-5.06-1.7-1.65-.66-3.12-1.46-4.42-2.4-1.3-.94-2.34-2.13-3.11-3.56-.77-1.43-1.15-3.15-1.15-5.16s.44-3.85,1.31-5.38,2.12-2.81,3.72-3.81,3.47-1.75,5.61-2.24c2.14-.49,4.46-.74,6.99-.74,2.35,0,4.56.25,6.63.74,2.07.49,3.9,1.26,5.48,2.31,1.58,1.05,2.82,2.37,3.72,3.97s1.35,3.52,1.35,5.74v.77h-8.27v-.64c0-1.24-.37-2.29-1.12-3.14-.75-.85-1.79-1.52-3.14-1.99-1.35-.47-2.92-.71-4.71-.71-1.92,0-3.57.18-4.94.54-1.37.36-2.42.9-3.14,1.6-.73.71-1.09,1.57-1.09,2.6s.38,1.97,1.15,2.69,1.8,1.35,3.11,1.86,2.78.98,4.42,1.41c1.64.43,3.33.89,5.06,1.38,1.73.49,3.42,1.06,5.06,1.7,1.64.64,3.12,1.44,4.42,2.4,1.3.96,2.34,2.15,3.11,3.56s1.15,3.1,1.15,5.06c0,3.29-.8,5.94-2.4,7.95-1.6,2.01-3.8,3.46-6.6,4.36s-5.99,1.35-9.58,1.35Z" style="fill:#2c485e; stroke-width:0px;"/>
+            <path d="M184.55,69.66c-2.09,0-3.74-.42-4.94-1.25-1.2-.83-2.04-1.9-2.53-3.21s-.74-2.64-.74-4.01v-19.61h-4.04v-6.41h4.23l1.41-9.42h6.22v9.42h5.83v6.41h-5.83v18.85c0,.9.23,1.59.71,2.08.47.49,1.17.74,2.12.74h3.01v5.38c-.43.17-.95.33-1.57.48-.62.15-1.27.28-1.96.38-.68.11-1.33.16-1.92.16Z" style="fill:#2c485e; stroke-width:0px;"/>
+            <path d="M204.42,69.66c-.94,0-2.02-.12-3.24-.35-1.22-.24-2.39-.67-3.53-1.31-1.13-.64-2.06-1.59-2.79-2.85-.73-1.26-1.09-2.92-1.09-4.97,0-2.31.51-4.22,1.54-5.74s2.47-2.71,4.33-3.59c1.86-.88,4.08-1.5,6.67-1.86,2.58-.36,5.42-.54,8.49-.54v-2.76c0-.98-.15-1.86-.45-2.63-.3-.77-.84-1.38-1.63-1.83-.79-.45-1.98-.67-3.56-.67s-2.82.19-3.72.58c-.9.38-1.52.85-1.86,1.41-.34.56-.51,1.13-.51,1.73v.9h-7.56c-.04-.21-.06-.43-.06-.64v-.77c0-1.92.58-3.59,1.73-5,1.15-1.41,2.76-2.49,4.81-3.24,2.05-.75,4.42-1.12,7.12-1.12,3.08,0,5.61.43,7.6,1.28,1.99.86,3.47,2.07,4.46,3.65.98,1.58,1.47,3.5,1.47,5.77v15.9c0,.81.23,1.39.71,1.73.47.34.98.51,1.54.51h2.05v5.38c-.43.17-1.05.37-1.86.61-.81.23-1.82.35-3.01.35-1.11,0-2.11-.18-2.98-.54-.88-.36-1.61-.89-2.21-1.57s-1.03-1.5-1.28-2.44h-.38c-.73.9-1.59,1.7-2.6,2.4s-2.18,1.25-3.53,1.63c-1.35.38-2.9.58-4.65.58ZM206.79,63.25c1.28,0,2.42-.19,3.43-.58,1-.38,1.84-.92,2.5-1.6.66-.68,1.17-1.52,1.54-2.5.36-.98.54-2.05.54-3.21v-1.54c-2.35,0-4.52.15-6.51.45-1.99.3-3.57.86-4.74,1.67-1.18.81-1.76,1.97-1.76,3.46,0,.77.18,1.44.54,2.02.36.58.92,1.03,1.67,1.35.75.32,1.68.48,2.79.48Z" style="fill:#2c485e; stroke-width:0px;"/>
+            <path d="M231.41,68.89v-33.72h6.54l.64,5.32h.45c.43-1.07.95-2.06,1.57-2.98.62-.92,1.42-1.67,2.4-2.24.98-.58,2.18-.87,3.59-.87.68,0,1.31.06,1.89.19.58.13,1.01.26,1.31.38v7.37h-2.37c-1.33,0-2.5.18-3.53.54s-1.89.93-2.6,1.7-1.23,1.73-1.57,2.89c-.34,1.15-.51,2.5-.51,4.04v17.37h-7.82Z" style="fill:#2c485e; stroke-width:0px;"/>
+            <path d="M263.52,69.66c-2.09,0-3.74-.42-4.94-1.25-1.2-.83-2.04-1.9-2.53-3.21s-.74-2.64-.74-4.01v-19.61h-4.04v-6.41h4.23l1.41-9.42h6.22v9.42h5.83v6.41h-5.83v18.85c0,.9.23,1.59.71,2.08.47.49,1.17.74,2.12.74h3.01v5.38c-.43.17-.95.33-1.57.48-.62.15-1.27.28-1.96.38-.68.11-1.33.16-1.92.16Z" style="fill:#2c485e; stroke-width:0px;"/>
+            <path d="M289.23,69.66c-3.59,0-6.58-.63-8.97-1.89-2.39-1.26-4.19-3.19-5.38-5.8-1.2-2.61-1.79-5.92-1.79-9.94s.6-7.38,1.79-9.97c1.2-2.58,2.99-4.51,5.38-5.77,2.39-1.26,5.38-1.89,8.97-1.89,3.25,0,5.97.61,8.17,1.83s3.86,3.09,4.97,5.61,1.67,5.79,1.67,9.81v2.31h-22.95c.09,2.09.41,3.86.96,5.29.55,1.43,1.42,2.5,2.6,3.21,1.17.71,2.72,1.06,4.65,1.06.98,0,1.9-.13,2.76-.38.85-.26,1.6-.65,2.24-1.19.64-.53,1.14-1.21,1.51-2.02s.54-1.75.54-2.82h7.69c0,2.14-.38,4-1.12,5.58-.75,1.58-1.79,2.88-3.14,3.91s-2.92,1.79-4.71,2.31c-1.79.51-3.74.77-5.83.77ZM281.21,48.45h14.68c0-1.41-.16-2.61-.48-3.59-.32-.98-.77-1.79-1.35-2.44-.58-.64-1.27-1.1-2.08-1.38-.81-.28-1.73-.42-2.76-.42-1.67,0-3.07.28-4.2.83-1.13.56-2,1.41-2.6,2.56-.6,1.15-1,2.63-1.22,4.42Z" style="fill:#2c485e; stroke-width:0px;"/>
+            <path d="M310.7,68.89v-33.72h6.54l.64,5.32h.45c.43-1.07.95-2.06,1.57-2.98.62-.92,1.42-1.67,2.4-2.24.98-.58,2.18-.87,3.59-.87.68,0,1.31.06,1.89.19.58.13,1.01.26,1.31.38v7.37h-2.37c-1.33,0-2.5.18-3.53.54s-1.89.93-2.6,1.7-1.23,1.73-1.57,2.89c-.34,1.15-.51,2.5-.51,4.04v17.37h-7.82Z" style="fill:#2c485e; stroke-width:0px;"/>
+        </g>
+        <g style="isolation:isolate;">
+            <path d="M339.11,68.89V22.55h7.82v26.99l12.11-14.36h9.17l-11.28,13.08,11.92,20.64h-8.97l-7.95-14.94-5,4.81v10.13h-7.82Z" style="fill:#00c68f; stroke-width:0px;"/>
+            <path d="M373.92,29.98v-7.44h7.82v7.44h-7.82ZM373.92,68.89v-33.72h7.82v33.72h-7.82Z" style="fill:#00c68f; stroke-width:0px;"/>
+            <path d="M398.98,69.66c-2.09,0-3.74-.42-4.94-1.25-1.2-.83-2.04-1.9-2.53-3.21s-.74-2.64-.74-4.01v-19.61h-4.04v-6.41h4.23l1.41-9.42h6.22v9.42h5.83v6.41h-5.83v18.85c0,.9.23,1.59.71,2.08.47.49,1.17.74,2.12.74h3.01v5.38c-.43.17-.95.33-1.57.48-.62.15-1.27.28-1.96.38-.68.11-1.33.16-1.92.16Z" style="fill:#00c68f; stroke-width:0px;"/>
+        </g>
+    </g>
+    <path d="M51,7.38l43.3,75H7.7L51,7.38M51,.38c-2.5,0-4.81,1.33-6.06,3.5L1.64,78.88c-1.25,2.17-1.25,4.83,0,7s3.56,3.5,6.06,3.5h86.6c2.5,0,4.81-1.33,6.06-3.5s1.25-4.83,0-7L57.06,3.88c-1.25-2.17-3.56-3.5-6.06-3.5h0Z" style="fill:#00c68f; stroke-width:0px;"/>
+    <path d="M63.88,29.77l30.41,52.53h-60.83l30.41-52.53M63.88,22.68c-2.48,0-4.78,1.34-6.04,3.5l-30.41,52.53c-1.27,2.19-1.28,4.9-.03,7.11s3.56,3.56,6.07,3.56h60.83c2.51,0,4.83-1.36,6.07-3.56,1.25-2.21,1.23-4.92-.03-7.11l-30.41-52.53c-1.26-2.17-3.55-3.5-6.04-3.5h-.01Z" style="fill:#078976; stroke-width:0px;"/>
+    <path d="M76.49,51.55l17.71,30.74h-35.42l17.71-30.74M76.49,44.57c-2.57,0-4.94,1.36-6.2,3.55l-17.71,30.84c-1.24,2.17-1.22,4.81.05,6.96s3.62,3.46,6.14,3.46h35.42c2.53,0,4.87-1.32,6.14-3.46s1.29-4.79.05-6.96l-17.71-30.84c-1.26-2.2-3.63-3.55-6.2-3.55h.01Z" style="fill:#2c485e; stroke-width:0px;"/>
+</svg>

package/assets/symbols/magnifyingglass.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M14.1667 14.1666L17.5001 17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333C11.0108 15.8333 12.6801 15.0846 13.887 13.8744C15.0897 12.6685 15.8333 11.0044 15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/symbols/pinterest.svg

@@ -0,0 +1,4 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="15" cy="15" r="15" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8538 17.7418C13.8388 17.7935 13.8248 17.8372 13.8133 17.881C13.1493 20.4711 13.0754 21.0464 12.3928 22.2495C12.0674 22.8212 11.7006 23.3632 11.2951 23.8816C11.2494 23.9403 11.2063 24.0156 11.1148 23.9972C11.0146 23.9762 11.0066 23.886 10.9961 23.8063C10.887 23.0191 10.8263 22.2302 10.8527 21.4351C10.887 20.4002 11.0154 20.0447 12.3559 14.4337C12.3752 14.3479 12.3533 14.277 12.3251 14.1999C12.0041 13.3383 11.9407 12.4636 12.2213 11.5775C12.8282 9.66338 15.0078 9.51715 15.3886 11.0959C15.6235 12.0722 15.0025 13.3506 14.5258 15.2402C14.1308 16.7988 15.9744 17.9073 17.5497 16.769C19.0027 15.72 19.5665 13.2052 19.4592 11.4225C19.2481 7.86837 15.3332 7.10046 12.8502 8.24489C10.0031 9.55568 9.35572 13.0686 10.6416 14.6745C10.8044 14.8785 11.1113 15.0038 11.0577 15.2104C10.975 15.5317 10.902 15.8557 10.8123 16.1753C10.7454 16.4135 10.3646 16.5002 10.1227 16.4021C9.64861 16.2112 9.25368 15.9109 8.93352 15.5151C7.84199 14.1693 7.52975 11.5074 8.97311 9.25359C10.5721 6.75722 13.5468 5.74676 16.2629 6.05323C19.5067 6.42011 21.557 8.62666 21.9404 11.13C22.1155 12.2701 21.9897 15.0817 20.3819 17.0693C18.5322 19.3529 15.5337 19.5044 14.1502 18.1025C14.0438 17.9948 13.9584 17.8696 13.8538 17.7409V17.7418Z" fill="white"/>
+</svg>

package/assets/symbols/play.svg

@@ -0,0 +1,6 @@
+<svg viewBox="44.9 44.9 83.2 83.2" fill="none" xmlns="http://www.w3.org/2000/svg"
+     style="filter: drop-shadow(0px 0px 3px rgb(0 0 0 / 0.4));">
+<g>
+<path d="M123 86.5C123 96.1804 119.154 105.464 112.309 112.309C105.464 119.154 96.1804 123 86.5 123C76.8196 123 67.5357 119.154 60.6906 112.309C53.8455 105.464 50 96.1804 50 86.5C50 76.8196 53.8455 67.5357 60.6906 60.6906C67.5357 53.8455 76.8196 50 86.5 50C96.1804 50 105.464 53.8455 112.309 60.6906C119.154 67.5357 123 76.8196 123 86.5ZM80.9794 73.2368C80.6383 72.9939 80.2369 72.8497 79.8192 72.8197C79.4016 72.7898 78.9837 72.8754 78.6115 73.0672C78.2392 73.259 77.927 73.5495 77.7089 73.907C77.4908 74.2644 77.3753 74.675 77.375 75.0938V97.9062C77.3753 98.325 77.4908 98.7356 77.7089 99.093C77.927 99.4505 78.2392 99.741 78.6115 99.9328C78.9837 100.125 79.4016 100.21 79.8192 100.18C80.2369 100.15 80.6383 100.006 80.9794 99.7632L96.9481 88.3569C97.2438 88.1459 97.4849 87.8673 97.6512 87.5443C97.8175 87.2213 97.9043 86.8633 97.9043 86.5C97.9043 86.1367 97.8175 85.7787 97.6512 85.4557C97.4849 85.1327 97.2438 84.8541 96.9481 84.6431L80.9794 73.2368Z" fill="white"/>
+</g>
+</svg>

package/assets/symbols/tiktok.svg

@@ -0,0 +1,4 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="15" cy="15" r="15" fill="currentColor"/>
+<path d="M18.3482 7H15.6517V17.8985C15.6517 19.1971 14.6146 20.2638 13.324 20.2638C12.0334 20.2638 10.9963 19.1971 10.9963 17.8985C10.9963 16.6232 12.0103 15.5797 13.2549 15.5333V12.7971C10.5123 12.8435 8.2998 15.0928 8.2998 17.8985C8.2998 20.7276 10.5584 23 13.347 23C16.1357 23 18.3942 20.7044 18.3942 17.8985V12.3101C19.4083 13.0522 20.6528 13.4928 21.9665 13.516V10.7797C19.9384 10.7101 18.3482 9.04058 18.3482 7Z" fill="white"/>
+</svg>

package/assets/symbols/x.svg

@@ -0,0 +1,4 @@
+<svg width="30" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="15.5" cy="15" r="15" fill="currentColor"/>
+<path d="M17.4305 14.3522L23.0155 8H21.6925L16.841 13.5144L12.969 8H8.50195L14.3585 16.3396L8.50195 23H9.82495L14.945 17.1754L19.035 23H23.502M10.3025 8.97619H12.335L21.6915 22.0718H19.6585" fill="white"/>
+</svg>

package/bundles.ts

@@ -0,0 +1,50 @@
+import { existsSync, readFileSync } from 'node:fs'
+import { join } from 'node:path'
+
+export type ProjectDeps = Record<string, string>
+
+let cache: ProjectDeps | null = null
+
+// List of ICMS bundles that are auto-loaded
+const ICMS_BUNDLES = [
+  '@iqual/nuxt-icms-contenthub',
+  '@iqual/nuxt-icms-location',
+  '@iqual/nuxt-icms-news',
+  '@iqual/nuxt-icms-pressrelease',
+  '@iqual/nuxt-icms-people',
+] as const
+
+/**
+ * Merge `dependencies` from the package.json
+ * located in `process.cwd()`. Returns an empty object on any failure.
+ */
+export function collectProjectDeps(): ProjectDeps {
+  // Fast path: memoised result
+  if (cache) return cache
+
+  const pkgPath = join(process.cwd(), 'package.json')
+  let deps: ProjectDeps = {}
+
+  if (existsSync(pkgPath)) {
+    try {
+      const {
+        dependencies = {}
+      } = JSON.parse(readFileSync(pkgPath, 'utf8'))
+
+      deps = { ...dependencies }
+    } catch {}
+  }
+
+  cache = deps
+  return deps
+}
+
+/**
+ * Return auto-loaded ICMS bundle Nuxt Layers that
+ * can be consumed by the Nuxt config of root projects.
+ * 
+ */
+export function buildBundleStack(): string[] {
+  const deps = collectProjectDeps()
+  return ICMS_BUNDLES.filter(layer => deps[layer])
+}

package/components/Blokkli/Button/Element/icon.svg

@@ -0,0 +1,4 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.0976 18H6.65854C3.53659 18 1 15.2632 1 11.8947C1.09756 8.63158 3.53659 6 6.65854 6H19.3415C22.4634 6 25 8.73684 25 12.1053C25 14.3158 23.8293 16.3158 22.1707 17.3684" fill="none" stroke="currentColor" stroke-width="1.5"/>
+<path d="M16.0248 15.4777C15.9995 15.4144 15.9934 15.345 16.0072 15.2783C16.0209 15.2115 16.0539 15.1503 16.1021 15.1021C16.1503 15.0539 16.2115 15.0209 16.2783 15.0072C16.345 14.9934 16.4144 14.9995 16.4777 15.0248L22.7774 17.4747C22.8449 17.5011 22.9026 17.5478 22.9424 17.6084C22.9823 17.669 23.0023 17.7404 22.9998 17.8129C22.9972 17.8854 22.9723 17.9553 22.9283 18.0129C22.8843 18.0706 22.8235 18.1131 22.7543 18.1347L20.3436 18.8823C20.2348 18.9159 20.1359 18.9756 20.0554 19.0561C19.9749 19.1366 19.9152 19.2355 19.8816 19.3443L19.1347 21.7543C19.1131 21.8235 19.0706 21.8843 19.0129 21.9283C18.9553 21.9723 18.8854 21.9973 18.8129 21.9998C18.7404 22.0023 18.669 21.9823 18.6084 21.9424C18.5478 21.9026 18.5011 21.8449 18.4747 21.7774L16.0248 15.4777Z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/components/Blokkli/Button/Element/index.vue

@@ -0,0 +1,18 @@
+<template>
+  <ParagraphButtonElement v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsButtonElementFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsButtonElementFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_button_element',
+})
+
+</script>
+
+
+
+

package/components/Blokkli/CallToAction/icon-blokkli-option-large-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/CallToAction/icon-blokkli-option-large-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="3.5" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/CallToAction/icon-blokkli-option-no-spacing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/></svg>

package/components/Blokkli/CallToAction/icon-blokkli-option-small-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/CallToAction/icon-blokkli-option-small-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="5.92" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/CallToAction/icon.svg

@@ -0,0 +1,5 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.75" y="4.75" width="24.5" height="24.5" rx="1.25" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M26 27H27C28.1046 27 29 26.1046 29 25V3C29 1.89543 28.1046 1 27 1H5C3.89543 1 3 1.89543 3 3V4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M12.8205 19.3335L10.6667 17.1797M12.8205 19.3335C13.8234 18.9521 14.7855 18.4711 15.6923 17.8976M12.8205 19.3335V22.9233C12.8205 22.9233 14.9959 22.5284 15.6923 21.4874C16.4677 20.3243 15.6923 17.8976 15.6923 17.8976M10.6667 17.1797C11.0487 16.1885 11.5298 15.2384 12.1026 14.3438C12.9391 13.0062 14.1039 11.9049 15.4863 11.1447C16.8686 10.3844 18.4224 9.99039 20 10.0002C20 11.953 19.44 15.3848 15.6923 17.8976M10.6667 17.1797L7.07692 17.1797C7.07692 17.1797 7.47179 15.0043 8.51282 14.3079C9.6759 13.5325 12.1026 14.3079 12.1026 14.3079M7.4359 20.4105C6.35897 21.3151 6 24.0002 6 24.0002C6 24.0002 8.68513 23.6413 9.58974 22.5643C10.0995 21.9613 10.0923 21.0351 9.52513 20.4751C9.24607 20.2087 8.87847 20.0548 8.49288 20.0429C8.10729 20.031 7.73089 20.1619 7.4359 20.4105Z" fill="none" stroke="currentColor" stroke-width="1.4359" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/components/Blokkli/CallToAction/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <ParagraphCallToAction v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsLayoutCallToActionFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsLayoutCallToActionFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_layout_call_to_action',
+  globalOptions: ['spacingTop', 'colorScheme'],
+})
+
+</script>

package/components/Blokkli/Card/Element/icon.svg

@@ -0,0 +1,6 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1.65" y="1.65" width="24.7" height="24.7" rx="1.08333" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"/>
+<path d="M1 17.25L27 17.25" fill="none" stroke="currentColor" stroke-width="1.3"/>
+<path d="M1.86664 1.86666L26.5 17" fill="none" stroke="currentColor" stroke-width="1.3"/>
+<path d="M26.1334 1.86666L2 17" fill="none" stroke="currentColor" stroke-width="1.3"/>
+</svg>

package/components/Blokkli/Card/Element/index.vue

@@ -0,0 +1,14 @@
+<template>
+  <ParagraphCardElement v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsCardElementFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsCardElementFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_card_element',
+})
+
+</script>

package/components/Blokkli/Card/Layout/icon-blokkli-option-large-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Card/Layout/icon-blokkli-option-large-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="3.5" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Card/Layout/icon-blokkli-option-large-spacing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="3.5" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Card/Layout/icon-blokkli-option-no-spacing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/></svg>

package/components/Blokkli/Card/Layout/icon-blokkli-option-small-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Card/Layout/icon-blokkli-option-small-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="5.92" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Card/Layout/icon-blokkli-option-small-spacing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="5.92" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Card/Layout/icon.svg

@@ -0,0 +1,8 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.75" y="4.75" width="24.5" height="24.5" rx="1.25" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M26 27H27C28.1046 27 29 26.1046 29 25V3C29 1.89543 28.1046 1 27 1H5C3.89543 1 3 1.89543 3 3V4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<rect x="5.75" y="9.75" width="14.5" height="14.5" rx="1.25" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M5 19L21 19" fill="none" stroke="currentColor" stroke-width="1.5"/>
+<path d="M6 10L20 19" fill="none" stroke="currentColor" stroke-width="1.5"/>
+<path d="M20 10L6 19" fill="none" stroke="currentColor" stroke-width="1.5"/>
+</svg>

package/components/Blokkli/Card/Layout/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <ParagraphCardLayout v-bind="props" :blokkliData="blokkliData" />
+</template>
+
+<script lang="ts" setup>
+import type { ParagraphIcmsLayoutCardsFragment } from '#graphql-operations'
+
+const props = defineProps<ParagraphIcmsLayoutCardsFragment>()
+
+const blokkliData = defineBlokkli({
+  bundle: 'icms_layout_cards',
+  globalOptions: ['spacingBottom', 'spacingTop', 'colorScheme'],
+})
+
+</script>

package/components/Blokkli/Contact/icon-blokkli-option-large-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Contact/icon-blokkli-option-large-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="5.95" x="2" y="3.5" class="bk-option-icon-fill-strong" rx=".53" ry=".53" style="stroke-width:0"/></svg>

package/components/Blokkli/Contact/icon-blokkli-option-no-spacing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/></svg>

package/components/Blokkli/Contact/icon-blokkli-option-small-spacing-bottom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="14.29" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Contact/icon-blokkli-option-small-spacing-top.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.49 12.87H5.51c-.28 0-.51-.23-.51-.51v-.99c0-.28.23-.51.51-.51H18.5c.28 0 .51.23.51.51v.99c0 .28-.23.51-.51.51Z" class="bk-option-icon-fill-strong" style="fill-rule:evenodd;stroke-width:0"/><rect width="20.01" height="3.53" x="2" y="5.92" class="bk-option-icon-fill-strong" rx=".52" ry=".52" style="stroke-width:0"/></svg>

package/components/Blokkli/Contact/icon.svg

@@ -0,0 +1,5 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.75" y="4.75" width="24.5" height="24.5" rx="1.25" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M26 27H27C28.1046 27 29 26.1046 29 25V3C29 1.89543 28.1046 1 27 1H5C3.89543 1 3 1.89543 3 3V4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M19.9995 20.9791V23.3877C20.0004 23.6113 19.9574 23.8327 19.8732 24.0375C19.7891 24.2424 19.6657 24.4263 19.5109 24.5775C19.3561 24.7286 19.1734 24.8437 18.9744 24.9154C18.7754 24.987 18.5646 25.0136 18.3554 24.9935C16.0346 24.725 13.8053 23.8808 11.8467 22.5286C10.0244 21.2959 8.47945 19.6512 7.3215 17.7113C6.0469 15.6168 5.25368 13.2321 5.00612 10.7504C4.98727 10.5283 5.01206 10.3046 5.0789 10.0933C5.14574 9.88203 5.25317 9.6879 5.39436 9.52325C5.53554 9.35861 5.70738 9.22706 5.89893 9.13699C6.09049 9.04691 6.29756 9.00029 6.50697 9.00008H8.76956C9.13558 8.99624 9.49041 9.13422 9.76793 9.3883C10.0455 9.64237 10.2267 9.99521 10.278 10.381C10.3734 11.1519 10.5506 11.9087 10.8059 12.6371C10.9074 12.9245 10.9293 13.2368 10.8692 13.5371C10.809 13.8373 10.6693 14.1129 10.4665 14.3312L9.50867 15.3509C10.5823 17.3609 12.1457 19.0252 14.0338 20.1682L14.9917 19.1485C15.1967 18.9326 15.4556 18.7839 15.7377 18.7198C16.0197 18.6558 16.3131 18.6792 16.583 18.7872C17.2673 19.059 17.9782 19.2476 18.7023 19.3492C19.0687 19.4042 19.4033 19.6007 19.6424 19.9012C19.8816 20.2017 20.0087 20.5853 19.9995 20.9791Z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>