@iqual/nuxt-icms 1.4.10 → 1.5.0

package/assets/css/tailwind.css

@@ -1,104 +1,21 @@
-/* Vendor stuff */
-/* @import 'vue3-carousel/dist/carousel.css'; */
-
-/* Components */
-@import './components/grid-container.css';
-@import './components/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 defaults imported by the app-owned Tailwind root. */
+@import './theme/theme.css' layer(theme);
+
+/* Base */
+@import './base/base.css' layer(base);
+@import './base/typography.css' layer(base);
+
+/* Components (have to go into the utilities layer) */
+@import './components/grid-container.css' layer(utilities);
+@import './components/container.css' layer(utilities);
+@import './components/ck-content.css' layer(utilities);
+@import './components/decorations.css' layer(utilities);
+@import './components/editor.css' layer(utilities);
+
+/* Custom Utilities */
+@import './utilities/utilities.css';
+
+/* Content sources for Tailwind v4 scanning */
+@source '../../components/**/*.{vue,ts,js}';
+@source '../../pages/**/*.{vue,ts,js}';
+@source '../../layouts/**/*.{vue,ts,js}';

package/assets/css/theme/colors/color-base.css

@@ -0,0 +1,5 @@
+@theme {
+  --color-white: rgb(255, 255, 255);
+  --color-black: rgb(17, 17, 17);
+  --color-body: var(--color-gray-900);
+}

package/assets/css/theme/colors/color-feedback.css

@@ -0,0 +1,40 @@
+@theme {
+  --color-error-50: rgb(253, 243, 243);
+  --color-error-100: rgb(253, 227, 227);
+  --color-error-200: rgb(252, 204, 204);
+  --color-error-300: rgb(248, 169, 169);
+  --color-error-400: rgb(242, 119, 119);
+  --color-error-500: rgb(229, 62, 62);
+  --color-error-600: rgb(211, 47, 47);
+  --color-error-700: rgb(178, 35, 35);
+  --color-error-800: rgb(147, 33, 33);
+  --color-error-900: rgb(122, 34, 34);
+  --color-error-950: rgb(66, 13, 13);
+  --color-error: var(--color-error-500);
+
+  --color-warning-50: rgb(255, 254, 234);
+  --color-warning-100: rgb(255, 250, 197);
+  --color-warning-200: rgb(255, 246, 133);
+  --color-warning-300: rgb(255, 234, 70);
+  --color-warning-400: rgb(255, 219, 27);
+  --color-warning-500: rgb(247, 181, 0);
+  --color-warning-600: rgb(226, 144, 0);
+  --color-warning-700: rgb(187, 101, 2);
+  --color-warning-800: rgb(152, 78, 8);
+  --color-warning-900: rgb(124, 64, 11);
+  --color-warning-950: rgb(72, 33, 0);
+  --color-warning: var(--color-warning-500);
+
+  --color-success-50: rgb(242, 251, 245);
+  --color-success-100: rgb(226, 246, 232);
+  --color-success-200: rgb(198, 236, 210);
+  --color-success-300: rgb(153, 220, 175);
+  --color-success-400: rgb(101, 195, 132);
+  --color-success-500: rgb(64, 167, 98);
+  --color-success-600: rgb(46, 133, 75);
+  --color-success-700: rgb(40, 109, 64);
+  --color-success-800: rgb(36, 87, 53);
+  --color-success-900: rgb(31, 72, 46);
+  --color-success-950: rgb(12, 39, 22);
+  --color-success: var(--color-success-600);
+}

package/assets/css/theme/colors/color-gray.css

@@ -0,0 +1,33 @@
+:root {
+  /* Gray: #747474 → oklch(0.52 0 0) */
+  --gray-lightness: 0.52;
+  --gray-chroma: 0;
+  --gray-hue: 0;
+
+  --gray-50: oklch(var(--lightness-50) var(--gray-chroma) var(--gray-hue));
+  --gray-100: oklch(var(--lightness-100) var(--gray-chroma) var(--gray-hue));
+  --gray-200: oklch(var(--lightness-200) var(--gray-chroma) var(--gray-hue));
+  --gray-300: oklch(var(--lightness-300) var(--gray-chroma) var(--gray-hue));
+  --gray-400: oklch(var(--lightness-400) var(--gray-chroma) var(--gray-hue));
+  --gray-500: oklch(var(--gray-lightness) var(--gray-chroma) var(--gray-hue));
+  --gray-600: oklch(var(--lightness-600) var(--gray-chroma) var(--gray-hue));
+  --gray-700: oklch(var(--lightness-700) var(--gray-chroma) var(--gray-hue));
+  --gray-800: oklch(var(--lightness-800) var(--gray-chroma) var(--gray-hue));
+  --gray-900: oklch(var(--lightness-900) var(--gray-chroma) var(--gray-hue));
+  --gray-950: oklch(var(--lightness-950) var(--gray-chroma) var(--gray-hue));
+}
+
+@theme {
+  --color-gray-50: var(--gray-50);
+  --color-gray-100: var(--gray-100);
+  --color-gray-200: var(--gray-200);
+  --color-gray-300: var(--gray-300);
+  --color-gray-400: var(--gray-400);
+  --color-gray-500: var(--gray-500);
+  --color-gray-600: var(--gray-600);
+  --color-gray-700: var(--gray-700);
+  --color-gray-800: var(--gray-800);
+  --color-gray-900: var(--gray-900);
+  --color-gray-950: var(--gray-950);
+  --color-gray: var(--color-gray-500);
+}

package/assets/css/theme/colors/color-primary.css

@@ -0,0 +1,33 @@
+:root {
+  /* Primary: #E85D27 → oklch(0.66 0.19 41) */
+  --primary-lightness: 0.66;
+  --primary-chroma: 0.19;
+  --primary-hue: 41;
+
+  --primary-50: oklch(var(--lightness-50) var(--primary-chroma) var(--primary-hue));
+  --primary-100: oklch(var(--lightness-100) var(--primary-chroma) var(--primary-hue));
+  --primary-200: oklch(var(--lightness-200) var(--primary-chroma) var(--primary-hue));
+  --primary-300: oklch(var(--lightness-300) var(--primary-chroma) var(--primary-hue));
+  --primary-400: oklch(var(--lightness-400) var(--primary-chroma) var(--primary-hue));
+  --primary-500: oklch(var(--primary-lightness) var(--primary-chroma) var(--primary-hue));
+  --primary-600: oklch(var(--lightness-600) var(--primary-chroma) var(--primary-hue));
+  --primary-700: oklch(var(--lightness-700) var(--primary-chroma) var(--primary-hue));
+  --primary-800: oklch(var(--lightness-800) var(--primary-chroma) var(--primary-hue));
+  --primary-900: oklch(var(--lightness-900) var(--primary-chroma) var(--primary-hue));
+  --primary-950: oklch(var(--lightness-950) var(--primary-chroma) var(--primary-hue));
+}
+
+@theme {
+  --color-primary-50: var(--primary-50);
+  --color-primary-100: var(--primary-100);
+  --color-primary-200: var(--primary-200);
+  --color-primary-300: var(--primary-300);
+  --color-primary-400: var(--primary-400);
+  --color-primary-500: var(--primary-500);
+  --color-primary-600: var(--primary-600);
+  --color-primary-700: var(--primary-700);
+  --color-primary-800: var(--primary-800);
+  --color-primary-900: var(--primary-900);
+  --color-primary-950: var(--primary-950);
+  --color-primary: var(--color-primary-500);
+}

package/assets/css/theme/colors/color-secondary.css

@@ -0,0 +1,33 @@
+:root {
+  /* Secondary: #0B669C → oklch(0.42 0.12 243) */
+  --secondary-lightness: 0.42;
+  --secondary-chroma: 0.12;
+  --secondary-hue: 243;
+
+  --secondary-50: oklch(var(--lightness-50) var(--secondary-chroma) var(--secondary-hue));
+  --secondary-100: oklch(var(--lightness-100) var(--secondary-chroma) var(--secondary-hue));
+  --secondary-200: oklch(var(--lightness-200) var(--secondary-chroma) var(--secondary-hue));
+  --secondary-300: oklch(var(--lightness-300) var(--secondary-chroma) var(--secondary-hue));
+  --secondary-400: oklch(var(--lightness-400) var(--secondary-chroma) var(--secondary-hue));
+  --secondary-500: oklch(var(--secondary-lightness) var(--secondary-chroma) var(--secondary-hue));
+  --secondary-600: oklch(var(--lightness-600) var(--secondary-chroma) var(--secondary-hue));
+  --secondary-700: oklch(var(--lightness-700) var(--secondary-chroma) var(--secondary-hue));
+  --secondary-800: oklch(var(--lightness-800) var(--secondary-chroma) var(--secondary-hue));
+  --secondary-900: oklch(var(--lightness-900) var(--secondary-chroma) var(--secondary-hue));
+  --secondary-950: oklch(var(--lightness-950) var(--secondary-chroma) var(--secondary-hue));
+}
+
+@theme {
+  --color-secondary-50: var(--secondary-50);
+  --color-secondary-100: var(--secondary-100);
+  --color-secondary-200: var(--secondary-200);
+  --color-secondary-300: var(--secondary-300);
+  --color-secondary-400: var(--secondary-400);
+  --color-secondary-500: var(--secondary-500);
+  --color-secondary-600: var(--secondary-600);
+  --color-secondary-700: var(--secondary-700);
+  --color-secondary-800: var(--secondary-800);
+  --color-secondary-900: var(--secondary-900);
+  --color-secondary-950: var(--secondary-950);
+  --color-secondary: var(--color-secondary-500);
+}

package/assets/css/theme/colors/lightness.css

@@ -0,0 +1,13 @@
+:root {
+  --lightness-50: 0.97;
+  --lightness-100: 0.92;
+  --lightness-200: 0.88;
+  --lightness-300: 0.82;
+  --lightness-400: 0.75;
+  --lightness-500: 0.62;
+  --lightness-600: 0.5;
+  --lightness-700: 0.38;
+  --lightness-800: 0.25;
+  --lightness-900: 0.15;
+  --lightness-950: 0.12;
+}

package/assets/css/theme/colors.css

@@ -0,0 +1,6 @@
+@import './colors/lightness.css';
+@import './colors/color-primary.css';
+@import './colors/color-secondary.css';
+@import './colors/color-gray.css';
+@import './colors/color-feedback.css';
+@import './colors/color-base.css';

package/assets/css/theme/theme.css

@@ -0,0 +1,42 @@
+@import './colors.css';
+
+@theme {
+  /* Font Families */
+  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
+
+  /* Font Weights */
+  --font-weight-regular: 400;
+
+  /* Breakpoints */
+  --breakpoint-ss: 375px;
+  --breakpoint-xs: 412px;
+
+  /* Container Sizes */
+  --container-3xs: 12rem;
+  --container-2xs: 16rem;
+
+  /* Border Widths */
+  --border-width-1: 1px;
+  --border-width-2: 2px;
+  --border-width-3: 3px;
+  --border-width-4: 4px;
+  --border-width-6: 6px;
+  --border-width-8: 8px;
+
+  /* Transition Durations */
+  --transition-duration-250: 250ms;
+
+  /* Box Shadows */
+  --shadow-custom: 0 0 30px 15px rgba(0, 0, 0, 0.1);
+  --shadow-custom-small: 0 0 30px 0px rgba(0, 0, 0, 0.1);
+  --shadow-custom-offset: 30px 30px 30px -15px rgba(0, 0, 0, 0.1);
+  --shadow-custom-inner: inset -15px -15px 50px -15px rgba(0, 0, 0, 0.1);
+
+  /* Text Shadows */
+  --text-shadow-xs: 0 0 16px rgba(0, 0, 0, 0.25);
+  --text-shadow-md: 0 0 16px rgba(0, 0, 0, 0.4);
+  --text-shadow-lg: 0 0 16px rgba(0, 0, 0, 0.6);
+
+  /* Aspect Ratios */
+  --aspect-4-3: 4 / 3;
+}

package/assets/css/utilities/utilities.css

@@ -0,0 +1,13 @@
+/* Custom utilites */
+@utility column-count-2 {
+  column-count: 2;
+}
+
+@utility column-count-3 {
+  column-count: 3;
+}
+
+/* Custom variants */
+@custom-variant mobile-only (@media (max-width: 48rem));
+@custom-variant not-last (&:not(:last-child));
+@custom-variant not-first (&:not(:first-child));

package/assets/icons-blokkli-options/icon-blokkli-option-align-h-center.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="6" y="9" width="12" height="2" rx="0.5" />
+<rect x="5" y="13" width="14" height="2" rx="0.5" />
+<rect x="9" y="17" width="6" height="2" rx="0.5" />
+<rect x="2" y="5" width="20" height="2" rx="0.5" />
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-align-h-left.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="9" width="12" height="2" rx="0.5" />
+<rect x="2" y="13" width="14" height="2" rx="0.5" />
+<rect x="2" y="17" width="6" height="2" rx="0.5" />
+<rect x="2" y="5" width="20" height="2" rx="0.5" />
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-align-h-right.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="10" y="9" width="12" height="2" rx="0.5" />
+<rect x="8" y="13" width="14" height="2" rx="0.5" />
+<rect x="16" y="17" width="6" height="2" rx="0.5" />
+<rect x="2" y="5" width="20" height="2" rx="0.5" />
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-align-v-bottom.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5" y="16" width="2" height="6" rx="0.5" />
+<rect x="9" y="2" width="2" height="20" rx="0.5" />
+<rect x="13" y="10" width="2" height="12" rx="0.5" />
+<rect x="17" y="8" width="2" height="14" rx="0.5" />
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-align-v-center.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5" y="9" width="2" height="6" rx="0.5" />
+<rect x="9" y="2" width="2" height="20" rx="0.5" />
+<rect x="13" y="6" width="2" height="12" rx="0.5" />
+<rect x="17" y="5" width="2" height="14" rx="0.5" />
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-align-v-top.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5" y="2" width="2" height="6" rx="0.5" />
+<rect x="9" y="2" width="2" height="20" rx="0.5" />
+<rect x="13" y="2" width="2" height="12" rx="0.5" />
+<rect x="17" y="2" width="2" height="14" rx="0.5" />
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-call-to-action-variant-default.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="9" width="20" height="2" rx="0.5" fill="currentColor"/>
+<rect x="2" y="13" width="14" height="2" rx="0.5" fill="currentColor"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-call-to-action-variant-feature.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 11C5 11.5523 5.44772 12 6 12C6.55228 12 7 11.5523 7 11C7 10.4477 6.55228 10 6 10C5.44772 10 5 10.4477 5 11Z" fill="currentColor"/>
+<rect x="13" y="9" width="9" height="2" rx="0.5" fill="currentColor"/>
+<rect x="13" y="13" width="6" height="2" rx="0.5" fill="currentColor"/>
+<path d="M10.5 7C10.7761 7 11 7.22386 11 7.5V16.5C11 16.5344 10.9969 16.5681 10.9902 16.6006C10.9503 16.7961 10.7961 16.9503 10.6006 16.9902C10.5681 16.9969 10.5344 17 10.5 17H2.5C2.25829 17 2.05629 16.8286 2.00977 16.6006C2.00314 16.5681 2 16.5344 2 16.5V7.5C2 7.22386 2.22386 7 2.5 7H10.5ZM4 14.7754L6.68848 13.1318C6.82351 13.0492 6.98991 13.0345 7.13672 13.0938L9 13.8457V9H4V14.7754Z" fill="currentColor"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-call-to-action-variant-fullwidth.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.5 7C21.7761 7 22 7.22386 22 7.5V16.5C22 16.7761 21.7761 17 21.5 17H2.5C2.22386 17 2 16.7761 2 16.5V7.5C2 7.22386 2.22386 7 2.5 7H21.5ZM8.5 13C8.22386 13 8 13.2239 8 13.5V14.5C8 14.7761 8.22386 15 8.5 15H15.5C15.7761 15 16 14.7761 16 14.5V13.5C16 13.2239 15.7761 13 15.5 13H8.5ZM4.5 9C4.22386 9 4 9.22386 4 9.5V10.5C4 10.7761 4.22386 11 4.5 11H19.5C19.7761 11 20 10.7761 20 10.5V9.5C20 9.22386 19.7761 9 19.5 9H4.5Z" fill="currentColor"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-card-variant-fact.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="16" width="20" height="2" rx="0.5"/>
+<rect x="2" y="20" width="14" height="2" rx="0.5"/>
+<rect x="2" y="2" width="5" height="4" rx="0.5"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-card-variant-feature.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.5 2C21.7761 2 22 2.22386 22 2.5V21.5C22 21.7761 21.7761 22 21.5 22H2.5C2.22386 22 2 21.7761 2 21.5V2.5C2 2.22386 2.22386 2 2.5 2H21.5ZM4 20H20V11H4V20Z" />
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-card-variant-flip.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5 2C22.7761 2 23 2.22386 23 2.5V21.5C23 21.7761 22.7761 22 22.5 22H2.5C2.22386 22 2 21.7761 2 21.5V2.5C2 2.22386 2.22386 2 2.5 2H22.5ZM4 20L7.1875 17H6.5C6.22386 17 6 16.7761 6 16.5V15.5C6 15.2239 6.22386 15 6.5 15H9.3125L11.4375 13H6.5C6.22386 13 6 12.7761 6 12.5V11.5C6 11.2239 6.22386 11 6.5 11H13.5625L15.6875 9H6.5C6.22386 9 6 8.77614 6 8.5V7.5C6 7.22386 6.22386 7 6.5 7H17.8125L21 4H4V20Z" />
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-card-variant-simple.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.5 8C21.7761 8 22 8.22386 22 8.5V15.5C22 15.7761 21.7761 16 21.5 16H2.5C2.22386 16 2 15.7761 2 15.5V8.5C2 8.22386 2.22386 8 2.5 8H21.5ZM4.5 10C4.22386 10 4 10.2239 4 10.5V11.5C4 11.7761 4.22386 12 4.5 12H13.5C13.7761 12 14 11.7761 14 11.5V10.5C14 10.2239 13.7761 10 13.5 10H4.5Z" />
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-card-variant-spotlight.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 8C6 9.10457 6.89543 10 8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8Z" />
+<path d="M2.5 2C2.22386 2 2 2.22386 2 2.5V21.5C2 21.7761 2.22386 22 2.5 22H21.5L21.6006 21.9902C21.8286 21.9437 22 21.7417 22 21.5V2.5C22 2.22386 21.7761 2 21.5 2H2.5ZM20 14.166L15.3936 10.3281C15.1776 10.1484 14.856 10.1821 14.6816 10.4023L7.08301 20H4V4H20V14.166Z" />
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-card-variant-teaser.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="16" width="20" height="2" rx="0.5" />
+<rect x="2" y="20" width="14" height="2" rx="0.5" />
+<rect x="2" y="2" width="20" height="12" rx="0.5" />
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-card-variant-text.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="12" width="20" height="2" rx="0.5" />
+<rect x="2" y="16" width="20" height="2" rx="0.5" />
+<rect x="2" y="20" width="14" height="2" rx="0.5" />
+<path d="M7 5.5C7 4.67157 6.32843 4 5.5 4C4.67157 4 4 4.67157 4 5.5C4 6.32843 4.67157 7 5.5 7V9C3.567 9 2 7.433 2 5.5C2 3.567 3.567 2 5.5 2C7.433 2 9 3.567 9 5.5C9 7.433 7.433 9 5.5 9V7C6.32843 7 7 6.32843 7 5.5Z" />
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-col-1.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="9" width="20" height="2" rx="0.5"/>
+<rect x="2" y="13" width="20" height="2" rx="0.5"/>
+<rect x="2" y="17" width="20" height="2" rx="0.5"/>
+<rect x="2" y="5" width="20" height="2" rx="0.5"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-col-2.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="9" width="9" height="2" rx="0.5"/>
+<rect x="13" y="9" width="9" height="2" rx="0.5"/>
+<rect x="2" y="13" width="9" height="2" rx="0.5"/>
+<rect x="13" y="13" width="9" height="2" rx="0.5"/>
+<rect x="2" y="17" width="9" height="2" rx="0.5"/>
+<rect x="13" y="17" width="9" height="2" rx="0.5"/>
+<rect x="2" y="5" width="9" height="2" rx="0.5"/>
+<rect x="13" y="5" width="9" height="2" rx="0.5"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-col-3.svg

@@ -0,0 +1,14 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="9" width="6" height="2" rx="0.5"/>
+<rect x="9" y="9" width="6" height="2" rx="0.5"/>
+<rect x="16" y="9" width="6" height="2" rx="0.5"/>
+<rect x="2" y="13" width="6" height="2" rx="0.5"/>
+<rect x="9" y="13" width="6" height="2" rx="0.5"/>
+<rect x="16" y="13" width="6" height="2" rx="0.5"/>
+<rect x="2" y="17" width="6" height="2" rx="0.5"/>
+<rect x="9" y="17" width="6" height="2" rx="0.5"/>
+<rect x="16" y="17" width="6" height="2" rx="0.5"/>
+<rect x="2" y="5" width="6" height="2" rx="0.5"/>
+<rect x="9" y="5" width="6" height="2" rx="0.5"/>
+<rect x="16" y="5" width="6" height="2" rx="0.5"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-image-format-auto.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16" cy="12" r="2"/>
+<path d="M13.5 2C13.7761 2 14 2.22386 14 2.5V3.5C14 3.77614 13.7761 4 13.5 4H4V14.166L8.60645 10.3281C8.82236 10.1484 9.14397 10.1821 9.31836 10.4023L16.917 20H20V10.5C20 10.2239 20.2239 10 20.5 10H21.5C21.7761 10 22 10.2239 22 10.5V21.5C22 21.7761 21.7761 22 21.5 22H2.5C2.22386 22 2 21.7761 2 21.5V2.5C2 2.22386 2.22386 2 2.5 2H13.5Z"/>
+<path d="M21.5 2C21.7761 2 22 2.22386 22 2.5V7.5C22 7.77614 21.7761 8 21.5 8H20.5C20.2239 8 20 7.77614 20 7.5V5.32227L17.6758 7.64648C17.4805 7.84145 17.1639 7.84165 16.9688 7.64648L16.3535 7.03027C16.1584 6.835 16.1583 6.51844 16.3535 6.32324L18.6768 4H16.5C16.2239 4 16 3.77614 16 3.5V2.5C16 2.22386 16.2239 2 16.5 2H21.5Z"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-image-format-landscape.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="17" cy="11" r="2"/>
+<path d="M21.5 5C21.7761 5 22 5.22386 22 5.5V18.5C22 18.7417 21.8286 18.9437 21.6006 18.9902L21.5 19H2.5L2.39941 18.9902C2.20392 18.9503 2.04966 18.7961 2.00977 18.6006L2 18.5V5.5C2 5.22386 2.22386 5 2.5 5H21.5ZM4 14.166L8.5791 10.3516C8.80524 10.1632 9.14379 10.2096 9.31055 10.4521L13.8125 17H20V7H4V14.166Z"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-image-format-portrait.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="14" cy="11" r="2"/>
+<path d="M18.5 2C18.7761 2 19 2.22386 19 2.5V21.5C19 21.7417 18.8286 21.9437 18.6006 21.9902L18.5 22H5.5L5.39941 21.9902C5.20392 21.9503 5.04966 21.7961 5.00977 21.6006L5 21.5V2.5C5 2.22386 5.22386 2 5.5 2H18.5ZM7 17.2002L10.5801 14.3359C10.8068 14.1545 11.1402 14.2041 11.3047 14.4434L15.125 20H17V4H7V17.2002Z" />
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-spacing-bottom-large.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5" y="11" width="14" height="2" rx="0.5"/>
+<rect x="2" y="15" width="20" height="7" rx="0.5"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-spacing-bottom-none.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5" y="11" width="14" height="2" rx="0.5"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-spacing-bottom-small.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5" y="11" width="14" height="2" rx="0.5"/>
+<rect x="2" y="15" width="20" height="4" rx="0.5"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-spacing-top-large.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5" y="11" width="14" height="2" rx="0.5"/>
+<rect x="2" y="2" width="20" height="7" rx="0.5"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-spacing-top-none.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5" y="11" width="14" height="2" rx="0.5"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-spacing-top-small.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5" y="11" width="14" height="2" rx="0.5"/>
+<rect x="2" y="5" width="20" height="4" rx="0.5"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-text-width-large.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="9" width="20" height="2" rx="0.5"/>
+<rect x="2" y="13" width="20" height="2" rx="0.5"/>
+<rect x="2" y="17" width="20" height="2" rx="0.5"/>
+<rect x="2" y="5" width="20" height="2" rx="0.5"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-text-width-medium.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="5" y="9" width="14" height="2" rx="0.5"/>
+<rect x="5" y="13" width="14" height="2" rx="0.5"/>
+<rect x="5" y="17" width="14" height="2" rx="0.5"/>
+<rect x="5" y="5" width="14" height="2" rx="0.5"/>
+</svg>

package/assets/icons-blokkli-options/icon-blokkli-option-text-width-small.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="9" width="8" height="2" rx="0.5"/>
+<rect x="8" y="13" width="8" height="2" rx="0.5"/>
+<rect x="8" y="17" width="8" height="2" rx="0.5"/>
+<rect x="8" y="5" width="8" height="2" rx="0.5"/>
+</svg>

package/assets/symbols/arrow-right.svg

@@ -0,0 +1,3 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.6364 12.6364C22.9879 12.2849 22.9879 11.7151 22.6364 11.3636L16.9088 5.63604C16.5574 5.28457 15.9875 5.28457 15.636 5.63604C15.2846 5.98751 15.2846 6.55736 15.636 6.90883L20.7272 12L15.636 17.0912C15.2846 17.4426 15.2846 18.0125 15.636 18.364C15.9875 18.7154 16.5574 18.7154 16.9088 18.364L22.6364 12.6364ZM2 12V12.9L22 12.9V12V11.1L2 11.1V12Z" fill="currentColor"/>
+</svg>

package/bundles.ts

@@ -14,6 +14,7 @@ const ICMS_BUNDLES = [
   '@iqual/nuxt-icms-people',
   '@iqual/nuxt-icms-product',
   '@iqual/nuxt-icms-project',
+  '@iqual/nuxt-icms-event',
   '@iqual/nuxt-icms-search',
 ] as const
 

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

@@ -1,4 +1,3 @@
-<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 width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.1713 3C13.2759 3 14.1713 3.89543 14.1713 5V11.5029C14.5894 11.1884 15.1079 11.0001 15.6713 11C16.7463 11 17.6599 11.6797 18.0131 12.6318C18.4545 12.2397 19.0345 12.0001 19.6713 12C20.9766 12 22.0464 13.0005 22.1596 14.2764C22.4566 14.1016 22.8018 14.0001 23.1713 14C24.2759 14 25.1713 14.8954 25.1713 16V23C25.1713 25.2091 23.3804 27 21.1713 27H16.1713C14.5267 26.9999 13.0373 26.3374 11.9535 25.2656C11.869 25.2069 11.7854 25.1438 11.7074 25.0723L4.72111 18.6641C3.78889 17.809 3.72639 16.36 4.58146 15.4277C5.43654 14.4956 6.88561 14.433 7.81779 15.2881L10.1713 17.4463V5C10.1713 3.89553 11.0669 3.00015 12.1713 3Z" fill="currentColor"/>
 </svg>