avo 4.0.0.beta.20 → 4.0.0.beta.21

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2ca1db2674bbca70a939c3af07ce3cefe320ff55ac639b3254225ceac0fcc0c4
-  data.tar.gz: bf08ba7edd4239b31fcb246d5996f4d9fefbe30ec8c0c61a398c9c997f4a5ce0
+  metadata.gz: fefc1983d0383943aaf00388081f3ffef282d38a8315733fef351e602f6c5238
+  data.tar.gz: f63497f1171ed820b58ccb17f58f77ea6cab93cc53edfd0d3f1bd71d110e08a6
 SHA512:
-  metadata.gz: 7f092659e7772e6e5eebec47023ce4a0c0832c8a68046ba6ac881c2b97776dca2b92e49008cec30a0058ad35919f061a56bccda288efbdb54bb0e8c61d34f9f7
-  data.tar.gz: 72e1fb3218086c85cadd96b79658288b16958bf030e2b7bd46f48b93185e24e38900f736e6909015b102b422cf9190a29c849ec3c80f16f7f8833839c38a1176
+  metadata.gz: 4e69bf1bcb225177e1ae03f3479a9a77e6276915dba793a3f2bebd4e88ea21c105a3e816025064a69fbdcb3e9dab516c4b5c33a6cac7c46b33610cf81bff38a2
+  data.tar.gz: 1d6f65346357c0a7cbdf1b418e8f4510539e5f5e3672f45fab444839a954084a3a0d91c84f32cfa9297c25a3b6076569fb6d3ec78af0737c9d8f709bd85ea402

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (4.0.0.beta.20)
+    avo (4.0.0.beta.21)
       actionview (>= 6.1)
       active_link_to
       activerecord (>= 6.1)

data/app/assets/builds/avo/application.css

@@ -233,6 +233,8 @@
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
+    --breakpoint-xl: 80rem;
+    --container-xs: 20rem;
     --container-sm: 24rem;
     --container-md: 28rem;
     --container-lg: 32rem;
@@ -257,6 +259,8 @@
     --text-3xl--line-height: calc(2.25 / 1.875);
     --text-4xl: 2.25rem;
     --text-4xl--line-height: calc(2.5 / 2.25);
+    --text-5xl: 3rem;
+    --text-5xl--line-height: 1;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
@@ -267,6 +271,7 @@
     --tracking-wide: 0.025em;
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
+    --leading-snug: 1.375;
     --radius-xs: 0.125rem;
     --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
@@ -508,6 +513,9 @@
   .pointer-events-none {
     pointer-events: none;
   }
+  .collapse {
+    visibility: collapse;
+  }
   .invisible {
     visibility: hidden;
   }
@@ -561,6 +569,12 @@
   .end-0 {
     inset-inline-end: calc(var(--spacing) * 0);
   }
+  .end-2 {
+    inset-inline-end: calc(var(--spacing) * 2);
+  }
+  .end-3 {
+    inset-inline-end: calc(var(--spacing) * 3);
+  }
   .end-auto {
     inset-inline-end: auto;
   }
@@ -576,18 +590,36 @@
   .top-1 {
     top: calc(var(--spacing) * 1);
   }
+  .top-1\/2 {
+    top: calc(1 / 2 * 100%);
+  }
+  .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
   .top-3 {
     top: calc(var(--spacing) * 3);
   }
+  .top-auto {
+    top: auto;
+  }
   .top-full {
     top: 100%;
   }
+  .right-3 {
+    right: calc(var(--spacing) * 3);
+  }
+  .-bottom-1\.5 {
+    bottom: calc(var(--spacing) * -1.5);
+  }
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
   .bottom-full {
     bottom: 100%;
   }
+  .left-auto {
+    left: auto;
+  }
   .z-10 {
     z-index: 10;
   }
@@ -630,12 +662,33 @@
   .col-span-6 {
     grid-column: span 6 / span 6;
   }
+  .col-span-full {
+    grid-column: 1 / -1;
+  }
   .col-start-7 {
     grid-column-start: 7;
   }
   .col-end-13 {
     grid-column-end: 13;
   }
+  .row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+  .row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+  .row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+  .row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+  .row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+  .row-span-6 {
+    grid-row: span 6 / span 6;
+  }
   .float-end {
     float: inline-end;
   }
@@ -669,6 +722,9 @@
   .m-2 {
     margin: calc(var(--spacing) * 2);
   }
+  .-mx-1\.5 {
+    margin-inline: calc(var(--spacing) * -1.5);
+  }
   .-mx-2 {
     margin-inline: calc(var(--spacing) * -2);
   }
@@ -723,9 +779,15 @@
   .me-2 {
     margin-inline-end: calc(var(--spacing) * 2);
   }
+  .me-4 {
+    margin-inline-end: calc(var(--spacing) * 4);
+  }
   .-mt-1 {
     margin-top: calc(var(--spacing) * -1);
   }
+  .-mt-2 {
+    margin-top: calc(var(--spacing) * -2);
+  }
   .-mt-6 {
     margin-top: calc(var(--spacing) * -6);
   }
@@ -753,12 +815,24 @@
   .mt-8 {
     margin-top: calc(var(--spacing) * 8);
   }
+  .mt-auto {
+    margin-top: auto;
+  }
+  .mr-2 {
+    margin-right: calc(var(--spacing) * 2);
+  }
+  .mr-px {
+    margin-right: 1px;
+  }
   .mb-0 {
     margin-bottom: calc(var(--spacing) * 0);
   }
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
+  .mb-1\! {
+    margin-bottom: calc(var(--spacing) * 1) !important;
+  }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
@@ -774,6 +848,12 @@
   .ml-12 {
     margin-left: calc(var(--spacing) * 12);
   }
+  .ml-\[50\%\] {
+    margin-left: 50%;
+  }
+  .ml-auto {
+    margin-left: auto;
+  }
   .\!hidden {
     display: none !important;
   }
@@ -836,10 +916,18 @@
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
   }
+  .size-7 {
+    width: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 7);
+  }
   .size-8 {
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
   }
+  .size-10 {
+    width: calc(var(--spacing) * 10);
+    height: calc(var(--spacing) * 10);
+  }
   .size-12 {
     width: calc(var(--spacing) * 12);
     height: calc(var(--spacing) * 12);
@@ -854,6 +942,9 @@
   .h-3 {
     height: calc(var(--spacing) * 3);
   }
+  .h-3\.5 {
+    height: calc(var(--spacing) * 3.5);
+  }
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
@@ -902,6 +993,9 @@
   .max-h-none {
     max-height: none;
   }
+  .min-h-0 {
+    min-height: calc(var(--spacing) * 0);
+  }
   .min-h-1\/4 {
     min-height: calc(1 / 4 * 100%);
   }
@@ -920,6 +1014,24 @@
   .min-h-64 {
     min-height: calc(var(--spacing) * 64);
   }
+  .min-h-\[8rem\] {
+    min-height: 8rem;
+  }
+  .min-h-\[16rem\] {
+    min-height: 16rem;
+  }
+  .min-h-\[24rem\] {
+    min-height: 24rem;
+  }
+  .min-h-\[32rem\] {
+    min-height: 32rem;
+  }
+  .min-h-\[40rem\] {
+    min-height: 40rem;
+  }
+  .min-h-\[48rem\] {
+    min-height: 48rem;
+  }
   .min-h-dvh {
     min-height: 100dvh;
   }
@@ -947,6 +1059,9 @@
   .w-2xl {
     width: var(--container-2xl);
   }
+  .w-3 {
+    width: calc(var(--spacing) * 3);
+  }
   .w-3\/4 {
     width: var(--spacing-3\/4);
   }
@@ -977,12 +1092,18 @@
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
+  .w-56 {
+    width: calc(var(--spacing) * 56);
+  }
   .w-64 {
     width: calc(var(--spacing) * 64);
   }
   .w-72 {
     width: calc(var(--spacing) * 72);
   }
+  .w-80 {
+    width: calc(var(--spacing) * 80);
+  }
   .w-96 {
     width: calc(var(--spacing) * 96);
   }
@@ -1037,18 +1158,27 @@
   .max-w-md {
     max-width: var(--container-md);
   }
+  .max-w-screen-xl {
+    max-width: var(--breakpoint-xl);
+  }
   .max-w-sm {
     max-width: var(--container-sm);
   }
   .max-w-xl {
     max-width: var(--container-xl);
   }
+  .max-w-xs {
+    max-width: var(--container-xs);
+  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
   .min-w-24 {
     min-width: calc(var(--spacing) * 24);
   }
+  .min-w-52 {
+    min-width: calc(var(--spacing) * 52);
+  }
   .min-w-\[1rem\] {
     min-width: 1rem;
   }
@@ -1064,6 +1194,9 @@
   .flex-1 {
     flex: 1;
   }
+  .flex-shrink-0 {
+    flex-shrink: 0;
+  }
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -1081,6 +1214,16 @@
     --tw-border-spacing-y: calc(var(--spacing) * 0);
     border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
   }
+  .origin-top-left {
+    transform-origin: 0 0;
+  }
+  .origin-top-right {
+    transform-origin: 100% 0;
+  }
+  .-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-x-0 {
     --tw-translate-x: calc(var(--spacing) * 0);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1089,6 +1232,22 @@
     --tw-translate-x: calc(var(--spacing) * 10);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .scale-95 {
+    --tw-scale-x: 95%;
+    --tw-scale-y: 95%;
+    --tw-scale-z: 95%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+  .scale-100 {
+    --tw-scale-x: 100%;
+    --tw-scale-y: 100%;
+    --tw-scale-z: 100%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
   .-rotate-90 {
     rotate: calc(90deg * -1);
   }
@@ -1104,6 +1263,12 @@
   .animate-spin {
     animation: var(--animate-spin);
   }
+  .cursor-grab {
+    cursor: grab;
+  }
+  .cursor-grabbing {
+    cursor: grabbing;
+  }
   .cursor-not-allowed {
     cursor: not-allowed;
   }
@@ -1113,6 +1278,12 @@
   .cursor-wait {
     cursor: wait;
   }
+  .list-none {
+    list-style-type: none;
+  }
+  .appearance-none {
+    appearance: none;
+  }
   .break-before-avoid {
     break-before: avoid;
   }
@@ -1267,6 +1438,9 @@
   .gap-x-2 {
     column-gap: calc(var(--spacing) * 2);
   }
+  .gap-x-4 {
+    column-gap: calc(var(--spacing) * 4);
+  }
   .space-x-1 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -1288,9 +1462,15 @@
       margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .gap-y-1 {
+    row-gap: calc(var(--spacing) * 1);
+  }
   .gap-y-4 {
     row-gap: calc(var(--spacing) * 4);
   }
+  .gap-y-12 {
+    row-gap: calc(var(--spacing) * 12);
+  }
   .divide-x {
     :where(& > :not(:last-child)) {
       --tw-divide-x-reverse: 0;
@@ -1349,6 +1529,12 @@
   .overflow-x-auto {
     overflow-x: auto;
   }
+  .overflow-x-scroll {
+    overflow-x: scroll;
+  }
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
   .overflow-y-scroll {
     overflow-y: scroll;
   }
@@ -1376,6 +1562,9 @@
   .rounded-xl {
     border-radius: var(--radius-xl);
   }
+  .rounded-xs {
+    border-radius: var(--radius-xs);
+  }
   .rounded-s {
     border-start-start-radius: 0.25rem;
     border-end-start-radius: 0.25rem;
@@ -1624,6 +1813,18 @@
   .border-violet-500 {
     border-color: var(--color-violet-500);
   }
+  .border-warning\/30 {
+    border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-warning) 30%, transparent);
+    }
+  }
+  .border-warning\/40 {
+    border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-warning) 40%, transparent);
+    }
+  }
   .border-yellow-300 {
     border-color: var(--color-yellow-300);
   }
@@ -1717,6 +1918,9 @@
   .bg-gray-100 {
     background-color: var(--color-gray-100);
   }
+  .bg-gray-100\! {
+    background-color: var(--color-gray-100) !important;
+  }
   .bg-gray-300 {
     background-color: var(--color-gray-300);
   }
@@ -1789,6 +1993,9 @@
   .bg-red-50 {
     background-color: var(--color-red-50);
   }
+  .bg-red-100 {
+    background-color: var(--color-red-100);
+  }
   .bg-red-400 {
     background-color: var(--color-red-400);
   }
@@ -1840,6 +2047,12 @@
   .bg-violet-500 {
     background-color: var(--color-violet-500);
   }
+  .bg-warning\/10 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-warning) 10%, transparent);
+    }
+  }
   .bg-white {
     background-color: var(--color-white);
   }
@@ -1906,6 +2119,9 @@
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
+  .p-3 {
+    padding: calc(var(--spacing) * 3);
+  }
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
@@ -1954,6 +2170,9 @@
   .py-8 {
     padding-block: calc(var(--spacing) * 8);
   }
+  .py-20 {
+    padding-block: calc(var(--spacing) * 20);
+  }
   .py-px {
     padding-block: 1px;
   }
@@ -1963,12 +2182,18 @@
   .\!pe-9 {
     padding-inline-end: calc(var(--spacing) * 9) !important;
   }
+  .pe-9 {
+    padding-inline-end: calc(var(--spacing) * 9);
+  }
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
   .pt-0\.5 {
     padding-top: calc(var(--spacing) * 0.5);
   }
+  .pt-1 {
+    padding-top: calc(var(--spacing) * 1);
+  }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
@@ -1978,6 +2203,9 @@
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
+  .pb-0\.5 {
+    padding-bottom: calc(var(--spacing) * 0.5);
+  }
   .pb-1 {
     padding-bottom: calc(var(--spacing) * 1);
   }
@@ -2021,6 +2249,14 @@
     font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height));
   }
+  .text-3xl {
+    font-size: var(--text-3xl);
+    line-height: var(--tw-leading, var(--text-3xl--line-height));
+  }
+  .text-5xl {
+    font-size: var(--text-5xl);
+    line-height: var(--tw-leading, var(--text-5xl--line-height));
+  }
   .text-base {
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
@@ -2047,6 +2283,10 @@
   .text-\[10px\] {
     font-size: 10px;
   }
+  .leading-4 {
+    --tw-leading: calc(var(--spacing) * 4);
+    line-height: calc(var(--spacing) * 4);
+  }
   .leading-5 {
     --tw-leading: calc(var(--spacing) * 5);
     line-height: calc(var(--spacing) * 5);
@@ -2059,6 +2299,10 @@
     --tw-leading: 1;
     line-height: 1;
   }
+  .leading-snug {
+    --tw-leading: var(--leading-snug);
+    line-height: var(--leading-snug);
+  }
   .leading-tight {
     --tw-leading: var(--leading-tight);
     line-height: var(--leading-tight);
@@ -2119,6 +2363,9 @@
   .text-amber-700 {
     color: var(--color-amber-700);
   }
+  .text-black {
+    color: var(--color-black);
+  }
   .text-blue-500 {
     color: var(--color-blue-500);
   }
@@ -2281,6 +2528,12 @@
   .text-violet-700 {
     color: var(--color-violet-700);
   }
+  .text-warning {
+    color: var(--color-warning);
+  }
+  .text-warning-content {
+    color: var(--color-warning-content);
+  }
   .text-white {
     color: var(--color-white);
   }
@@ -2314,6 +2567,9 @@
   .underline {
     text-decoration-line: underline;
   }
+  .underline-offset-2 {
+    text-underline-offset: 2px;
+  }
   .scheme-dark {
     color-scheme: dark;
   }
@@ -2326,6 +2582,9 @@
   .opacity-10 {
     opacity: 10%;
   }
+  .opacity-40 {
+    opacity: 40%;
+  }
   .opacity-50 {
     opacity: 50%;
   }
@@ -2354,6 +2613,9 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .outline-gray-600 {
+    outline-color: var(--color-gray-600);
+  }
   .invert {
     --tw-invert: invert(100%);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -2370,6 +2632,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-colors {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-opacity {
     transition-property: opacity;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2569,6 +2836,11 @@
       }
     }
   }
+  .last\:mb-0 {
+    &:last-child {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
   .hover\:z-\[21\] {
     &:hover {
       z-index: 21;
@@ -2674,11 +2946,24 @@
       border-color: var(--color-teal-600);
     }
   }
+  .hover\:border-tertiary {
+    &:hover {
+      border-color: var(--color-tertiary);
+    }
+  }
   .hover\:border-violet-600 {
     &:hover {
       border-color: var(--color-violet-600);
     }
   }
+  .hover\:border-warning\/40 {
+    &:hover {
+      border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-warning) 40%, transparent);
+      }
+    }
+  }
   .hover\:border-yellow-600 {
     &:hover {
       border-color: var(--color-yellow-600);
@@ -2817,6 +3102,11 @@
       background-color: var(--color-pink-600);
     }
   }
+  .hover\:bg-primary {
+    &:hover {
+      background-color: var(--color-primary);
+    }
+  }
   .hover\:bg-primary-100 {
     &:hover {
       background-color: var(--color-primary-100);
@@ -2917,6 +3207,14 @@
       background-color: var(--color-violet-600);
     }
   }
+  .hover\:bg-warning\/20 {
+    &:hover {
+      background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-warning) 20%, transparent);
+      }
+    }
+  }
   .hover\:bg-yellow-100 {
     &:hover {
       background-color: var(--color-yellow-100);
@@ -2942,6 +3240,11 @@
       color: var(--color-content);
     }
   }
+  .hover\:text-danger-content {
+    &:hover {
+      color: var(--color-danger-content);
+    }
+  }
   .hover\:text-gray-600 {
     &:hover {
       color: var(--color-gray-600);
@@ -2957,6 +3260,14 @@
       z-index: 10;
     }
   }
+  .focus\:border-warning\/50 {
+    &:focus {
+      border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-warning) 50%, transparent);
+      }
+    }
+  }
   .focus\:text-gray-300 {
     &:focus {
       color: var(--color-gray-300);
@@ -2981,6 +3292,14 @@
       --tw-ring-color: var(--color-tertiary);
     }
   }
+  .focus\:ring-warning\/50 {
+    &:focus {
+      --tw-ring-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-warning) 50%, transparent);
+      }
+    }
+  }
   .focus\:outline-hidden {
     &:focus {
       --tw-outline-style: none;
@@ -2991,6 +3310,12 @@
       }
     }
   }
+  .focus\:outline-none {
+    &:focus {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+  }
   .active\:translate-x-px {
     &:active {
       --tw-translate-x: 1px;
@@ -3003,6 +3328,11 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .active\:cursor-grabbing {
+    &:active {
+      cursor: grabbing;
+    }
+  }
   .active\:border-amber-500 {
     &:active {
       border-color: var(--color-amber-500);
@@ -3353,6 +3683,11 @@
       background-color: var(--color-pink-600);
     }
   }
+  .active\:bg-primary {
+    &:active {
+      background-color: var(--color-primary);
+    }
+  }
   .active\:bg-primary-100 {
     &:active {
       background-color: var(--color-primary-100);
@@ -3748,6 +4083,36 @@
       inset-inline-end: calc(var(--spacing) * 0);
     }
   }
+  .sm\:col-span-1 {
+    @media (width >= 40rem) {
+      grid-column: span 1 / span 1;
+    }
+  }
+  .sm\:col-span-2 {
+    @media (width >= 40rem) {
+      grid-column: span 2 / span 2;
+    }
+  }
+  .sm\:col-span-3 {
+    @media (width >= 40rem) {
+      grid-column: span 3 / span 3;
+    }
+  }
+  .sm\:col-span-4 {
+    @media (width >= 40rem) {
+      grid-column: span 4 / span 4;
+    }
+  }
+  .sm\:col-span-5 {
+    @media (width >= 40rem) {
+      grid-column: span 5 / span 5;
+    }
+  }
+  .sm\:col-span-6 {
+    @media (width >= 40rem) {
+      grid-column: span 6 / span 6;
+    }
+  }
   .sm\:block {
     @media (width >= 40rem) {
       display: block;
@@ -3773,6 +4138,16 @@
       width: auto;
     }
   }
+  .sm\:min-w-48 {
+    @media (width >= 40rem) {
+      min-width: calc(var(--spacing) * 48);
+    }
+  }
+  .sm\:min-w-\[16rem\] {
+    @media (width >= 40rem) {
+      min-width: 16rem;
+    }
+  }
   .sm\:grid-flow-col {
     @media (width >= 40rem) {
       grid-auto-flow: column;
@@ -3788,6 +4163,21 @@
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
   }
+  .sm\:grid-cols-4 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  .sm\:grid-cols-5 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
+  .sm\:grid-cols-6 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+    }
+  }
   .sm\:flex-row {
     @media (width >= 40rem) {
       flex-direction: row;
@@ -3798,6 +4188,15 @@
       justify-content: flex-start;
     }
   }
+  .sm\:space-y-0 {
+    @media (width >= 40rem) {
+      :where(& > :not(:last-child)) {
+        --tw-space-y-reverse: 0;
+        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
+        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
+      }
+    }
+  }
   .sm\:space-x-8 {
     @media (width >= 40rem) {
       :where(& > :not(:last-child)) {
@@ -3995,6 +4394,34 @@
       margin-inline-start: calc(var(--spacing) * 0);
     }
   }
+  .kanban-dragging\:flex-1 {
+    &:where(.kanban-dragging *) {
+      flex: 1;
+    }
+  }
+  .empty\:kanban-dragging\:mx-1 {
+    &:empty {
+      &:where(.kanban-dragging *) {
+        margin-inline: calc(var(--spacing) * 1);
+      }
+    }
+  }
+  .empty\:kanban-dragging\:outline-2 {
+    &:empty {
+      &:where(.kanban-dragging *) {
+        outline-style: var(--tw-outline-style);
+        outline-width: 2px;
+      }
+    }
+  }
+  .empty\:kanban-dragging\:outline-dashed {
+    &:empty {
+      &:where(.kanban-dragging *) {
+        --tw-outline-style: dashed;
+        outline-style: dashed;
+      }
+    }
+  }
   .index-missing-resources\:hidden {
     &:where(.index-missing-resources *) {
       display: none;
@@ -10177,6 +10604,21 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-scale-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false;
@@ -10460,21 +10902,6 @@
   syntax: "*";
   inherits: false;
 }
-@property --tw-scale-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -10493,6 +10920,9 @@
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
       --tw-rotate-x: initial;
       --tw-rotate-y: initial;
       --tw-rotate-z: initial;
@@ -10558,9 +10988,6 @@
       --tw-pan-x: initial;
       --tw-pan-y: initial;
       --tw-pinch-zoom: initial;
-      --tw-scale-x: 1;
-      --tw-scale-y: 1;
-      --tw-scale-z: 1;
     }
   }
 }

data/app/assets/stylesheets/application.css

@@ -6,13 +6,13 @@
 /* Basically this is a hack to make sure that we dont have specificity issues with the packages stylesheets. */
 /* However if we do this the packages builds are kinda irrelevant. */
 /* And we also need to release a new version of avo anytime that a package stylesheet changes. */
-@source "../../../tmp/avo/packages/avo-advanced";
-@source "../../../tmp/avo/packages/avo-dashboards";
-@source "../../../tmp/avo/packages/avo-dynamic_filters";
-@source "../../../tmp/avo/packages/avo-kanban";
-@source "../../../tmp/avo/packages/avo-menu";
-@source "../../../tmp/avo/packages/avo-pro";
-@source "../../../tmp/avo/packages/avo-forms";
+@source "../../../tmp/avo/build-assets/packages/avo-advanced";
+@source "../../../tmp/avo/build-assets/packages/avo-dashboards";
+@source "../../../tmp/avo/build-assets/packages/avo-dynamic_filters";
+@source "../../../tmp/avo/build-assets/packages/avo-kanban";
+@source "../../../tmp/avo/build-assets/packages/avo-menu";
+@source "../../../tmp/avo/build-assets/packages/avo-pro";
+@source "../../../tmp/avo/build-assets/packages/avo-forms";
 
 /* We couldn't find a way to implement blocklist in the CSS config */
 /* blocklist: ['bg-[#{chart_color(index)}]', 'bg-[${color}]'] */

data/lib/avo/version.rb

@@ -1,3 +1,3 @@
 module Avo
-  VERSION = "4.0.0.beta.20" unless const_defined?(:VERSION)
+  VERSION = "4.0.0.beta.21" unless const_defined?(:VERSION)
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: avo
 version: !ruby/object:Gem::Version
-  version: 4.0.0.beta.20
+  version: 4.0.0.beta.21
 platform: ruby
 authors:
 - Adrian Marin