avo 4.0.0.beta.9 → 4.0.0.beta.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d7bb9ffa2cd3c5a806ae93744aabedf20ed7bfbfc7c09b734e1973057c4c300a
-  data.tar.gz: 273595927329c2794204091e46ca6a27a567f43b3108cecad8daee853312a16e
+  metadata.gz: '01000813767705fb54b1c2f153307ed34c57d868b1dda2584b54232e803214fe'
+  data.tar.gz: 57c69067ea0028edc7bfccc2818273a85fe984303e22088a7c5bb4f909232fd8
 SHA512:
-  metadata.gz: 856ad33301d2f0856386fff262098011987bdb20ff48be5c94a887b3d11617eb23cb0d8678ce5f2c90126c2a040be804c38b8143cdd4fcfe21a022caf0d59f55
-  data.tar.gz: 3c03d9f202c4cfc0e77521fb29de67e3b21cd36040b2ea9c01b169b475a0a5f2b23551d22b8e7d840c0ee5722bdff4b67cad93b6101c87b2a579987c8e8bf7fd
+  metadata.gz: a57bf48232fc5bd63e5b2438fc1b95f49063f69b29afe139e1455390516e07a2dff07cf42954ccbdfbba7ca4d61b8feb1343e73e74f0cdd27b6b448614247be4
+  data.tar.gz: f2d4cde61824ce1693361009129f6b96984f443408693400a81ca1b0406236b8792f1b539e0528cb0191cf03aa1e9317f3d75324c5ee5f9314e5b080ed846feb

data/Gemfile.lock

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

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

@@ -233,8 +233,6 @@
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
-    --breakpoint-xl: 80rem;
-    --container-xs: 20rem;
     --container-sm: 24rem;
     --container-md: 28rem;
     --container-lg: 32rem;
@@ -259,8 +257,6 @@
     --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;
@@ -271,7 +267,6 @@
     --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;
@@ -517,9 +512,6 @@
   .pointer-events-none {
     pointer-events: none;
   }
-  .collapse {
-    visibility: collapse;
-  }
   .invisible {
     visibility: hidden;
   }
@@ -573,12 +565,6 @@
   .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;
   }
@@ -594,36 +580,18 @@
   .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;
   }
@@ -666,33 +634,12 @@
   .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;
   }
@@ -726,9 +673,6 @@
   .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);
   }
@@ -792,9 +736,6 @@
   .-mt-1 {
     margin-top: calc(var(--spacing) * -1);
   }
-  .-mt-2 {
-    margin-top: calc(var(--spacing) * -2);
-  }
   .-mt-6 {
     margin-top: calc(var(--spacing) * -6);
   }
@@ -825,24 +766,12 @@
   .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);
   }
@@ -858,12 +787,6 @@
   .ml-12 {
     margin-left: calc(var(--spacing) * 12);
   }
-  .ml-\[50\%\] {
-    margin-left: 50%;
-  }
-  .ml-auto {
-    margin-left: auto;
-  }
   .\!hidden {
     display: none !important;
   }
@@ -922,18 +845,10 @@
     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);
@@ -948,9 +863,6 @@
   .h-3 {
     height: calc(var(--spacing) * 3);
   }
-  .h-3\.5 {
-    height: calc(var(--spacing) * 3.5);
-  }
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
@@ -1023,24 +935,6 @@
   .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;
   }
@@ -1068,9 +962,6 @@
   .w-2xl {
     width: var(--container-2xl);
   }
-  .w-3 {
-    width: calc(var(--spacing) * 3);
-  }
   .w-3\/4 {
     width: var(--spacing-3\/4);
   }
@@ -1101,18 +992,12 @@
   .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);
   }
@@ -1170,27 +1055,18 @@
   .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;
   }
@@ -1212,9 +1088,6 @@
   .flex-2 {
     flex: 2;
   }
-  .flex-shrink-0 {
-    flex-shrink: 0;
-  }
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -1232,16 +1105,6 @@
     --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);
@@ -1250,22 +1113,6 @@
     --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);
   }
@@ -1281,12 +1128,6 @@
   .animate-spin {
     animation: var(--animate-spin);
   }
-  .cursor-grab {
-    cursor: grab;
-  }
-  .cursor-grabbing {
-    cursor: grabbing;
-  }
   .cursor-not-allowed {
     cursor: not-allowed;
   }
@@ -1296,12 +1137,6 @@
   .cursor-wait {
     cursor: wait;
   }
-  .list-none {
-    list-style-type: none;
-  }
-  .appearance-none {
-    appearance: none;
-  }
   .break-before-avoid {
     break-before: avoid;
   }
@@ -1483,9 +1318,6 @@
       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);
   }
@@ -1547,12 +1379,6 @@
   .overflow-x-auto {
     overflow-x: auto;
   }
-  .overflow-x-scroll {
-    overflow-x: scroll;
-  }
-  .overflow-y-auto {
-    overflow-y: auto;
-  }
   .overflow-y-scroll {
     overflow-y: scroll;
   }
@@ -1580,9 +1406,6 @@
   .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;
@@ -1846,18 +1669,6 @@
   .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-white {
     border-color: var(--color-white);
   }
@@ -1954,9 +1765,6 @@
   .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);
   }
@@ -2029,9 +1837,6 @@
   .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);
   }
@@ -2086,12 +1891,6 @@
   .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);
   }
@@ -2161,9 +1960,6 @@
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
-  .p-3 {
-    padding: calc(var(--spacing) * 3);
-  }
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
@@ -2212,9 +2008,6 @@
   .py-8 {
     padding-block: calc(var(--spacing) * 8);
   }
-  .py-20 {
-    padding-block: calc(var(--spacing) * 20);
-  }
   .py-px {
     padding-block: 1px;
   }
@@ -2227,18 +2020,12 @@
   .pe-6 {
     padding-inline-end: calc(var(--spacing) * 6);
   }
-  .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);
   }
@@ -2251,9 +2038,6 @@
   .pb-0 {
     padding-bottom: calc(var(--spacing) * 0);
   }
-  .pb-0\.5 {
-    padding-bottom: calc(var(--spacing) * 0.5);
-  }
   .pb-1 {
     padding-bottom: calc(var(--spacing) * 1);
   }
@@ -2300,14 +2084,6 @@
     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));
@@ -2334,10 +2110,6 @@
   .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);
@@ -2350,10 +2122,6 @@
     --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);
@@ -2414,9 +2182,6 @@
   .text-amber-700 {
     color: var(--color-amber-700);
   }
-  .text-black {
-    color: var(--color-black);
-  }
   .text-blue-500 {
     color: var(--color-blue-500);
   }
@@ -2582,12 +2347,6 @@
   .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);
   }
@@ -2621,9 +2380,6 @@
   .underline {
     text-decoration-line: underline;
   }
-  .underline-offset-2 {
-    text-underline-offset: 2px;
-  }
   .scheme-dark {
     color-scheme: dark;
   }
@@ -2636,9 +2392,6 @@
   .opacity-10 {
     opacity: 10%;
   }
-  .opacity-40 {
-    opacity: 40%;
-  }
   .opacity-50 {
     opacity: 50%;
   }
@@ -2670,9 +2423,6 @@
   .outline-blue-500 {
     outline-color: var(--color-blue-500);
   }
-  .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,);
@@ -2689,11 +2439,6 @@
     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));
@@ -2908,11 +2653,6 @@
       }
     }
   }
-  .last\:mb-0 {
-    &:last-child {
-      margin-bottom: calc(var(--spacing) * 0);
-    }
-  }
   .empty\:m-0 {
     &:empty {
       margin: calc(var(--spacing) * 0);
@@ -3043,24 +2783,11 @@
       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);
@@ -3199,11 +2926,6 @@
       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);
@@ -3304,14 +3026,6 @@
       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);
@@ -3337,11 +3051,6 @@
       color: var(--color-content);
     }
   }
-  .hover\:text-danger-content {
-    &:hover {
-      color: var(--color-danger-content);
-    }
-  }
   .hover\:text-gray-600 {
     &:hover {
       color: var(--color-gray-600);
@@ -3368,14 +3077,6 @@
       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);
@@ -3400,14 +3101,6 @@
       --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;
@@ -3418,12 +3111,6 @@
       }
     }
   }
-  .focus\:outline-none {
-    &:focus {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-  }
   .active\:translate-x-px {
     &:active {
       --tw-translate-x: 1px;
@@ -3436,11 +3123,6 @@
       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);
@@ -3791,11 +3473,6 @@
       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);
@@ -4202,36 +3879,6 @@
       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;
@@ -4262,11 +3909,6 @@
       width: auto;
     }
   }
-  .sm\:min-w-\[16rem\] {
-    @media (width >= 40rem) {
-      min-width: 16rem;
-    }
-  }
   .sm\:grid-flow-col {
     @media (width >= 40rem) {
       grid-auto-flow: column;
@@ -4282,21 +3924,6 @@
       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;
@@ -4553,34 +4180,6 @@
       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;
@@ -14139,21 +13738,6 @@
   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;
@@ -14437,6 +14021,21 @@
   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);
@@ -14455,9 +14054,6 @@
       --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;
@@ -14523,6 +14119,9 @@
       --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

@@ -1,16 +1,6 @@
 /* @layer base, components, utilities; */
 @import "tailwindcss";
 
-/* TODO: Figure out a way to add those dynamically */
-@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";
-
-/* @config "../../../tailwind.config.js"; */
 
 /* We couldn't find a way to implement blocklist in the CSS config */
 /* blocklist: ['bg-[#{chart_color(index)}]', 'bg-[${color}]'] */

data/app/controllers/avo/base_application_controller.rb

@@ -296,8 +296,11 @@ module Avo
     end
 
     def set_stylesheet_assets_path
-      @stylesheet_assets_path = "avo/application"
-      @custom_stylesheet_path = "avo.tailwind" if Avo::TailwindBuilder.custom_build_exists?
+      @stylesheet_assets_path = if Avo::TailwindBuilder.custom_build_exists?
+        "avo.tailwind"
+      else
+        "avo/application"
+      end
     end
 
     def choose_layout

data/app/views/layouts/avo/application.html.erb

@@ -18,9 +18,6 @@
     <%= render partial: "avo/partials/pre_head" %>
     <%= render Avo::AssetManager::StylesheetComponent.new asset_manager: Avo.asset_manager %>
     <%= stylesheet_link_tag @stylesheet_assets_path, "data-turbo-track": "reload", as: "style" %>
-    <% if @custom_stylesheet_path %>
-      <%= stylesheet_link_tag @custom_stylesheet_path, "data-turbo-track": "reload", as: "style" %>
-    <% end %>
 
     <%= javascript_include_tag "avo/application", "data-turbo-track": "reload", defer: true %>
 

data/lib/avo/engine.rb

@@ -55,10 +55,6 @@ module Avo
         rescue StandardError => e
           Rails.logger.warn "Avo: Failed to auto-build Tailwind CSS: #{e.message}"
         end
-
-        unless Avo::TailwindBuilder.procfile_has_avo_tailwind_watcher?
-          Rails.logger.info "Avo: For live Tailwind CSS reload in development, add to Procfile.dev: avo_css: bin/rails avo:tailwindcss:watch"
-        end
       end
     end
 

data/lib/avo/tailwind_builder.rb

@@ -1,4 +1,5 @@
 require "fileutils"
+require "pathname"
 
 module Avo
   class TailwindBuilder
@@ -23,16 +24,11 @@ module Avo
       Rails.root.join("app", "assets", "builds", "avo.tailwind.css").exist?
     end
 
-    def self.procfile_has_avo_tailwind_watcher?
-      path = Rails.root.join("Procfile.dev")
-      return false unless path.exist?
-
-      File.read(path).include?("avo:tailwindcss")
-    end
-
     def build
       return true unless self.class.tailwindcss_available?
 
+      ensure_node_modules
+      run_engine_css_prebuilds
       generate_input_file
       success = run_tailwindcss("--minify")
       log_build_failure unless success
@@ -40,33 +36,44 @@ module Avo
     end
 
     def watch
-      return unless self.class.tailwindcss_available?
+      return true unless self.class.tailwindcss_available?
 
+      ensure_node_modules
+      run_engine_css_prebuilds
       generate_input_file
-      signature = host_avo_stylesheets_signature
+      run_tailwindcss("--watch")
+    end
 
-      pid = spawn_tailwindcss("--minify", "--watch")
+    private
+
+    def run_engine_css_prebuilds
+      roots = [Avo::Engine.root] + Avo.plugin_manager.engines.map { |e| e[:klass]&.root }.compact
 
-      begin
-        loop do
-          _, status = Process.waitpid2(pid, Process::WNOHANG)
-          break if status
+      roots.uniq.each do |root|
+        next unless root.directory?
 
-          new_signature = host_avo_stylesheets_signature
-          if new_signature != signature
-            signature = new_signature
-            generate_input_file
-          end
+        prebuild = root.join("bin", "prebuild_css")
+        next unless prebuild.exist?
 
-          sleep 1
+        Dir.chdir(root) do
+          Kernel.system("ruby", prebuild.to_s)
         end
-      rescue Interrupt
-        Process.kill("TERM", pid)
-        raise
       end
     end
 
-    private
+    def ensure_node_modules
+      engine_root = Avo::Engine.root
+      package_json = engine_root.join("package.json")
+      node_modules = engine_root.join("node_modules")
+
+      return unless package_json.exist?
+      return if node_modules.directory?
+
+      # Avo's stylesheet imports include CSS from npm packages. When running from source (or in some
+      # packaging setups), `node_modules/` may not exist yet, so Tailwind's CSS resolver fails.
+      success = Dir.chdir(engine_root) { Kernel.system("yarn", "install", "--frozen-lockfile") }
+      warn "[Avo] `yarn install` failed; Tailwind build may fail." unless success
+    end
 
     def tmp_input_dir
       Rails.root.join("tmp", "avo")
@@ -84,9 +91,12 @@ module Avo
       FileUtils.mkdir_p(tmp_input_dir)
 
       lines = []
-      # Input lives under tmp/avo/; without `source("../../")` Tailwind v4 only scans near this file, so
+      # Input lives under tmp/avo/; without `@source "../../"` Tailwind v4 only scans near this file, so
       # classes in app/views/**/*.erb (and the rest of the app) are never detected.
-      lines << %(@import "tailwindcss" source("../../");)
+      lines << %(@import "tailwindcss";)
+      lines << %(@source "../../";)
+
+      append_plugin_engine_tailwind_sources(lines)
       collect_host_avo_stylesheets.each do |path|
         lines << %(@import "#{path}";)
       end
@@ -94,6 +104,41 @@ module Avo
       File.write(input_path, lines.join("\n") + "\n")
     end
 
+    def append_plugin_engine_tailwind_sources(lines)
+      # Include Avo itself (the core engine) in Tailwind's scan paths.
+      lines << %(@source "#{relative_to_tmp(Avo::Engine.root)}";)
+      append_engine_stylesheets(lines, Avo::Engine.root)
+
+      Avo.plugin_manager.engines.each do |entry|
+        root = entry[:klass].root
+        next unless root&.directory?
+
+        lines << %(@source "#{relative_to_tmp(root)}";)
+        append_engine_stylesheets(lines, root)
+      end
+    end
+
+    def append_engine_stylesheets(lines, engine_root)
+      stylesheets_root = engine_root.join("app", "assets", "stylesheets")
+      return unless stylesheets_root.directory?
+
+      # Some engines ship `app/assets/stylesheets/application.css` directly (no namespace folder).
+      root_application = stylesheets_root.join("application.css")
+      lines << %(@import "#{relative_to_tmp(root_application)}";) if root_application.exist?
+
+      # Most engines namespace their assets under `app/assets/stylesheets/<namespace>/application.css`.
+      Dir.children(stylesheets_root).sort.each do |entry|
+        next if entry.start_with?(".")
+
+        namespaced_application = stylesheets_root.join(entry, "application.css")
+        lines << %(@import "#{relative_to_tmp(namespaced_application)}";) if namespaced_application.exist?
+      end
+    end
+
+    def relative_to_tmp(absolute)
+      Pathname.new(absolute).expand_path.relative_path_from(tmp_input_dir.expand_path).to_s.tr("\\", "/")
+    end
+
     def collect_host_avo_stylesheets
       base = Rails.root.join("app", "assets", "stylesheets", "avo")
       return [] unless Dir.exist?(base)
@@ -102,11 +147,7 @@ module Avo
         .glob(base.join("**", "*.css"))
         .select { |path| File.file?(path) }
         .sort
-        .map { |path| Pathname.new(path).relative_path_from(tmp_input_dir).to_s.tr("\\", "/") }
-    end
-
-    def host_avo_stylesheets_signature
-      collect_host_avo_stylesheets.join("\n")
+        .map { |path| relative_to_tmp(path) }
     end
 
     def run_tailwindcss(*args)
@@ -124,20 +165,6 @@ module Avo
       end
     end
 
-    def spawn_tailwindcss(*args)
-      require "tailwindcss/ruby"
-
-      FileUtils.mkdir_p(output_path.dirname)
-
-      Process.spawn(
-        Tailwindcss::Ruby.executable,
-        "-i", input_path.to_s,
-        "-o", output_path.to_s,
-        *args,
-        chdir: Rails.root.to_s
-      )
-    end
-
     def log_build_failure
       message = "[Avo] avo:tailwindcss build failed."
       Rails.logger.warn(message) if defined?(Rails) && Rails.logger

data/lib/avo/version.rb

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

data/lib/tasks/avo_tasks.rake

@@ -32,9 +32,6 @@ task "avo:build-assets" do
       puts "Running `yarn install`"
       system "yarn"
 
-      puts "Running `bundle exec rails avo:sym_link`"
-      system "bundle exec rails avo:sym_link"
-
       puts "Running `yarn build`"
       system "yarn build"
     end
@@ -79,47 +76,6 @@ task "avo:gem_paths" do
   puts result
 end
 
-desc "Symlinks all Avo gems to tmp/avo/packages"
-task "avo:sym_link" do
-  puts "Running avo:sym_link"
-  base_path = Rails.root.join("tmp", "avo", "build-assets").to_s.gsub("/spec/dummy", "")
-
-  remove_directory_if_exists base_path
-
-  packages_path = "#{base_path}/packages"
-
-  if Dir.exist?(packages_path)
-    `rm -rf #{packages_path}/*`
-  else
-    `mkdir -p #{packages_path}`
-    `touch #{packages_path}/.keep`
-  end
-
-  gem_paths = `bundle list --paths 2>/dev/null`.split("\n")
-  ["avo-advanced", "avo-pro", "avo-dynamic_filters", "avo-dashboards", "avo-menu", "avo-kanban", "avo-forms"].each do |gem|
-    path = gem_paths.find { |gem_path| gem_path.include?("/#{gem}-") }
-
-    # If path is nil we check if package is defined outside of root (on release process it is)
-    if path.nil?
-      next if !Dir.exist?("../#{gem}")
-
-      path = File.expand_path("../#{gem}")
-    end
-
-    puts "[Avo->] Linking #{gem} to #{path}"
-    symlink_path path, "#{packages_path}/#{gem}"
-  end
-
-  application_css_path = Avo::Engine.root.join("app", "assets", "stylesheets", "application.css")
-  raise "[Avo->] Failed to find #{application_css_path}." unless File.exist?(application_css_path.to_s)
-
-  dest_css_path = "#{base_path}/application.css"
-  remove_file_if_exists dest_css_path
-
-  puts "[Avo->] Linking application.css to #{application_css_path}"
-  symlink_path application_css_path, dest_css_path
-end
-
 def remove_file_if_exists(path)
   `rm #{path}` if File.exist?(path) || File.symlink?(path)
 end
@@ -142,10 +98,10 @@ task "avo:yarn_install" do
   `yarn add tailwindcss@^4.0.0 @tailwindcss/typography@^0.5.16 @tailwindcss/container-queries@^0.1.1 --cwd #{Avo::Engine.root}`
 end
 
-desc "Build Avo custom Tailwind CSS"
+desc "Build Avo custom Tailwind CSS (requires tailwindcss-ruby gem; outputs app/assets/builds/avo.tailwind.css)"
 task "avo:tailwindcss:build" => :environment do
   unless Avo::TailwindBuilder.tailwindcss_available?
-    puts "[Avo->] tailwindcss-rails not found; skipping avo:tailwindcss:build"
+    puts "[Avo->] tailwindcss-ruby not found; skipping avo:tailwindcss:build"
     next
   end
 
@@ -155,12 +111,15 @@ task "avo:tailwindcss:build" => :environment do
   end
 end
 
-desc "Watch and rebuild Avo custom Tailwind CSS on changes"
+desc "Watch Avo custom Tailwind CSS (requires tailwindcss-ruby gem; outputs app/assets/builds/avo.tailwind.css)"
 task "avo:tailwindcss:watch" => :environment do
   unless Avo::TailwindBuilder.tailwindcss_available?
-    abort "[Avo->] tailwindcss-rails not found; add tailwindcss-rails to your Gemfile to use avo:tailwindcss:watch"
+    puts "[Avo->] tailwindcss-ruby not found; skipping avo:tailwindcss:watch"
+    next
   end
 
-  puts "[Avo->] Watching Avo Tailwind CSS extension..."
-  Avo::TailwindBuilder.watch
+  puts "[Avo->] Watching Avo Tailwind CSS extension (avo.tailwind)..."
+  unless Avo::TailwindBuilder.watch
+    abort "[Avo->] avo:tailwindcss:watch failed"
+  end
 end

metadata

@@ -1,15 +1,16 @@
 --- !ruby/object:Gem::Specification
 name: avo
 version: !ruby/object:Gem::Version
-  version: 4.0.0.beta.9
+  version: 4.0.0.beta.11
 platform: ruby
 authors:
 - Adrian Marin
 - Mihai Marin
 - Paul Bob
+autorequire:
 bindir: bin
 cert_chain: []
-date: 1980-01-02 00:00:00.000000000 Z
+date: 2026-04-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activerecord
@@ -1158,7 +1159,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.9
+rubygems_version: 3.5.22
+signing_key:
 specification_version: 4
 summary: Admin panel framework and Content Management System for Ruby on Rails.
 test_files: []