@a4ui/core 0.31.0 → 0.32.0

package/dist/commerce.js

@@ -1,7 +1,7 @@
 import { insert as n, createComponent as c, memo as k, effect as $, className as C, template as v, delegateEvents as A, setAttribute as w, setStyleProperty as j } from "solid-js/web";
 import { Show as b, For as S, createSignal as B, createMemo as R } from "solid-js";
-import { c as _ } from "./cn-B6yFEsav.js";
-import { B as D, C as O, R as G, a as M, b as z, N as U, c as K } from "./NumberInput-BQhVucw-.js";
+import { c as _ } from "./motion-jYMWmZqB.js";
+import { B as D, C as O, R as G, a as M, b as z, N as U, c as K } from "./NumberInput-Bnh2u7pp.js";
 import { Minus as Q, Plus as V, Trash2 as X, X as Z, CreditCard as H } from "lucide-solid";
 var J = /* @__PURE__ */ v('<span class="text-muted-foreground line-through">'), W = /* @__PURE__ */ v("<div><span>");
 const Y = {

package/dist/elements.css

@@ -1649,6 +1649,9 @@ html.calm .tile-glass {
 .-top-32 {
   top: -8rem;
 }
+.-top-9 {
+  top: -2.25rem;
+}
 .bottom-0 {
   bottom: 0px;
 }
@@ -1760,6 +1763,9 @@ html.calm .tile-glass {
 .col-start-1 {
   grid-column-start: 1;
 }
+.row-span-2 {
+  grid-row: span 2 / span 2;
+}
 .row-start-1 {
   grid-row-start: 1;
 }
@@ -1788,6 +1794,9 @@ html.calm .tile-glass {
 .-mt-1 {
   margin-top: -0.25rem;
 }
+.mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -1878,6 +1887,18 @@ html.calm .tile-glass {
 .aspect-video {
   aspect-ratio: 16 / 9;
 }
+.size-1\.5 {
+  width: 0.375rem;
+  height: 0.375rem;
+}
+.size-10 {
+  width: 2.5rem;
+  height: 2.5rem;
+}
+.size-2 {
+  width: 0.5rem;
+  height: 0.5rem;
+}
 .size-3 {
   width: 0.75rem;
   height: 0.75rem;
@@ -1945,6 +1966,9 @@ html.calm .tile-glass {
 .h-9 {
   height: 2.25rem;
 }
+.h-96 {
+  height: 24rem;
+}
 .h-\[1\.1em\] {
   height: 1.1em;
 }
@@ -1963,6 +1987,9 @@ html.calm .tile-glass {
 .h-\[38rem\] {
   height: 38rem;
 }
+.h-\[3px\] {
+  height: 3px;
+}
 .h-\[40rem\] {
   height: 40rem;
 }
@@ -2265,6 +2292,10 @@ html.calm .tile-glass {
   --tw-translate-x: -100%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.-translate-y-1 {
+  --tw-translate-y: -0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .-translate-y-1\/2 {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2289,6 +2320,10 @@ html.calm .tile-glass {
   --tw-rotate: 90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.rotate-\[215deg\] {
+  --tw-rotate: 215deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .-skew-x-12 {
   --tw-skew-x: -12deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2382,6 +2417,9 @@ html.calm .tile-glass {
 .list-none {
   list-style-type: none;
 }
+.auto-rows-\[minmax\(11rem\2c auto\)\] {
+  grid-auto-rows: minmax(11rem,auto);
+}
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -2463,12 +2501,18 @@ html.calm .tile-glass {
 .gap-8 {
   gap: 2rem;
 }
+.gap-x-3 {
+  column-gap: 0.75rem;
+}
 .gap-x-6 {
   column-gap: 1.5rem;
 }
 .gap-x-8 {
   column-gap: 2rem;
 }
+.gap-y-1 {
+  row-gap: 0.25rem;
+}
 .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2554,6 +2598,9 @@ html.calm .tile-glass {
 .rounded-2xl {
   border-radius: 1rem;
 }
+.rounded-\[inherit\] {
+  border-radius: inherit;
+}
 .rounded-full {
   border-radius: 9999px;
 }
@@ -2722,6 +2769,9 @@ html.calm .tile-glass {
 .bg-card\/60 {
   background-color: hsl(var(--card) / 0.6);
 }
+.bg-card\/70 {
+  background-color: hsl(var(--card) / 0.7);
+}
 .bg-current {
   background-color: currentColor;
 }
@@ -2745,6 +2795,13 @@ html.calm .tile-glass {
 .bg-emerald-500\/15 {
   background-color: rgb(16 185 129 / 0.15);
 }
+.bg-foreground {
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--foreground) / var(--tw-bg-opacity, 1));
+}
+.bg-foreground\/30 {
+  background-color: hsl(var(--foreground) / 0.3);
+}
 .bg-green-500\/15 {
   background-color: rgb(34 197 94 / 0.15);
 }
@@ -2841,6 +2898,9 @@ html.calm .tile-glass {
 .fill-muted {
   fill: hsl(var(--muted) / 1);
 }
+.fill-muted-foreground {
+  fill: hsl(var(--muted-foreground) / 1);
+}
 .fill-primary {
   fill: hsl(var(--primary) / 1);
 }
@@ -3291,6 +3351,11 @@ html.calm .tile-glass {
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.shadow-\[inset_0_0_0_1px_hsl\(var\(--primary\)\/0\.35\)\] {
+  --tw-shadow: inset 0 0 0 1px hsl(var(--primary)/0.35);
+  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -3545,6 +3610,18 @@ html.calm .tile-glass {
   content: var(--tw-content);
   left: 50%;
 }
+.before\:top-1\/2::before {
+  content: var(--tw-content);
+  top: 50%;
+}
+.before\:h-px::before {
+  content: var(--tw-content);
+  height: 1px;
+}
+.before\:w-12::before {
+  content: var(--tw-content);
+  width: 3rem;
+}
 .before\:w-px::before {
   content: var(--tw-content);
   width: 1px;
@@ -3554,11 +3631,30 @@ html.calm .tile-glass {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.before\:-translate-y-1\/2::before {
+  content: var(--tw-content);
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .before\:bg-background::before {
   content: var(--tw-content);
   --tw-bg-opacity: 1;
   background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
 }
+.before\:bg-gradient-to-r::before {
+  content: var(--tw-content);
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+.before\:from-foreground\/60::before {
+  content: var(--tw-content);
+  --tw-gradient-from: hsl(var(--foreground) / 0.6) var(--tw-gradient-from-position);
+  --tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.before\:to-transparent::before {
+  content: var(--tw-content);
+  --tw-gradient-to: transparent var(--tw-gradient-to-position);
+}
 .before\:content-\[\'\'\]::before {
   --tw-content: '';
   content: var(--tw-content);
@@ -3584,6 +3680,10 @@ html.calm .tile-glass {
 .focus-within\:ring-ring\/30:focus-within {
   --tw-ring-color: hsl(var(--ring) / 0.3);
 }
+.hover\:-translate-y-0\.5:hover {
+  --tw-translate-y: -0.125rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .hover\:border-primary:hover {
   --tw-border-opacity: 1;
   border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
@@ -3611,6 +3711,9 @@ html.calm .tile-glass {
 .hover\:bg-muted\/40:hover {
   background-color: hsl(var(--muted) / 0.4);
 }
+.hover\:bg-muted\/50:hover {
+  background-color: hsl(var(--muted) / 0.5);
+}
 .hover\:bg-muted\/60:hover {
   background-color: hsl(var(--muted) / 0.6);
 }
@@ -3757,6 +3860,9 @@ html.calm .tile-glass {
 .group:hover .group-hover\:opacity-100 {
   opacity: 1;
 }
+.group:focus-visible .group-focus-visible\:opacity-100 {
+  opacity: 1;
+}
 .group:focus-visible .group-focus-visible\:ring-2 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -3864,6 +3970,10 @@ html.calm .tile-glass {
     white-space: normal;
   }
 
+  .sm\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
   .sm\:block {
     display: block;
   }
@@ -3960,6 +4070,10 @@ html.calm .tile-glass {
 }
 @media (min-width: 1024px) {
 
+  .lg\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
   .lg\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }

package/dist/full.css

@@ -1649,6 +1649,9 @@ html.calm .tile-glass {
 .-top-32 {
   top: -8rem;
 }
+.-top-9 {
+  top: -2.25rem;
+}
 .bottom-0 {
   bottom: 0px;
 }
@@ -1760,6 +1763,9 @@ html.calm .tile-glass {
 .col-start-1 {
   grid-column-start: 1;
 }
+.row-span-2 {
+  grid-row: span 2 / span 2;
+}
 .row-start-1 {
   grid-row-start: 1;
 }
@@ -1788,6 +1794,9 @@ html.calm .tile-glass {
 .-mt-1 {
   margin-top: -0.25rem;
 }
+.mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -1878,6 +1887,18 @@ html.calm .tile-glass {
 .aspect-video {
   aspect-ratio: 16 / 9;
 }
+.size-1\.5 {
+  width: 0.375rem;
+  height: 0.375rem;
+}
+.size-10 {
+  width: 2.5rem;
+  height: 2.5rem;
+}
+.size-2 {
+  width: 0.5rem;
+  height: 0.5rem;
+}
 .size-3 {
   width: 0.75rem;
   height: 0.75rem;
@@ -1945,6 +1966,9 @@ html.calm .tile-glass {
 .h-9 {
   height: 2.25rem;
 }
+.h-96 {
+  height: 24rem;
+}
 .h-\[1\.1em\] {
   height: 1.1em;
 }
@@ -1963,6 +1987,9 @@ html.calm .tile-glass {
 .h-\[38rem\] {
   height: 38rem;
 }
+.h-\[3px\] {
+  height: 3px;
+}
 .h-\[40rem\] {
   height: 40rem;
 }
@@ -2265,6 +2292,10 @@ html.calm .tile-glass {
   --tw-translate-x: -100%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.-translate-y-1 {
+  --tw-translate-y: -0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .-translate-y-1\/2 {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2289,6 +2320,10 @@ html.calm .tile-glass {
   --tw-rotate: 90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.rotate-\[215deg\] {
+  --tw-rotate: 215deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .-skew-x-12 {
   --tw-skew-x: -12deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2382,6 +2417,9 @@ html.calm .tile-glass {
 .list-none {
   list-style-type: none;
 }
+.auto-rows-\[minmax\(11rem\2c auto\)\] {
+  grid-auto-rows: minmax(11rem,auto);
+}
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -2463,12 +2501,18 @@ html.calm .tile-glass {
 .gap-8 {
   gap: 2rem;
 }
+.gap-x-3 {
+  column-gap: 0.75rem;
+}
 .gap-x-6 {
   column-gap: 1.5rem;
 }
 .gap-x-8 {
   column-gap: 2rem;
 }
+.gap-y-1 {
+  row-gap: 0.25rem;
+}
 .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2554,6 +2598,9 @@ html.calm .tile-glass {
 .rounded-2xl {
   border-radius: 1rem;
 }
+.rounded-\[inherit\] {
+  border-radius: inherit;
+}
 .rounded-full {
   border-radius: 9999px;
 }
@@ -2722,6 +2769,9 @@ html.calm .tile-glass {
 .bg-card\/60 {
   background-color: hsl(var(--card) / 0.6);
 }
+.bg-card\/70 {
+  background-color: hsl(var(--card) / 0.7);
+}
 .bg-current {
   background-color: currentColor;
 }
@@ -2745,6 +2795,13 @@ html.calm .tile-glass {
 .bg-emerald-500\/15 {
   background-color: rgb(16 185 129 / 0.15);
 }
+.bg-foreground {
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--foreground) / var(--tw-bg-opacity, 1));
+}
+.bg-foreground\/30 {
+  background-color: hsl(var(--foreground) / 0.3);
+}
 .bg-green-500\/15 {
   background-color: rgb(34 197 94 / 0.15);
 }
@@ -2841,6 +2898,9 @@ html.calm .tile-glass {
 .fill-muted {
   fill: hsl(var(--muted) / 1);
 }
+.fill-muted-foreground {
+  fill: hsl(var(--muted-foreground) / 1);
+}
 .fill-primary {
   fill: hsl(var(--primary) / 1);
 }
@@ -3291,6 +3351,11 @@ html.calm .tile-glass {
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.shadow-\[inset_0_0_0_1px_hsl\(var\(--primary\)\/0\.35\)\] {
+  --tw-shadow: inset 0 0 0 1px hsl(var(--primary)/0.35);
+  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -3545,6 +3610,18 @@ html.calm .tile-glass {
   content: var(--tw-content);
   left: 50%;
 }
+.before\:top-1\/2::before {
+  content: var(--tw-content);
+  top: 50%;
+}
+.before\:h-px::before {
+  content: var(--tw-content);
+  height: 1px;
+}
+.before\:w-12::before {
+  content: var(--tw-content);
+  width: 3rem;
+}
 .before\:w-px::before {
   content: var(--tw-content);
   width: 1px;
@@ -3554,11 +3631,30 @@ html.calm .tile-glass {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.before\:-translate-y-1\/2::before {
+  content: var(--tw-content);
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .before\:bg-background::before {
   content: var(--tw-content);
   --tw-bg-opacity: 1;
   background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
 }
+.before\:bg-gradient-to-r::before {
+  content: var(--tw-content);
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+.before\:from-foreground\/60::before {
+  content: var(--tw-content);
+  --tw-gradient-from: hsl(var(--foreground) / 0.6) var(--tw-gradient-from-position);
+  --tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.before\:to-transparent::before {
+  content: var(--tw-content);
+  --tw-gradient-to: transparent var(--tw-gradient-to-position);
+}
 .before\:content-\[\'\'\]::before {
   --tw-content: '';
   content: var(--tw-content);
@@ -3584,6 +3680,10 @@ html.calm .tile-glass {
 .focus-within\:ring-ring\/30:focus-within {
   --tw-ring-color: hsl(var(--ring) / 0.3);
 }
+.hover\:-translate-y-0\.5:hover {
+  --tw-translate-y: -0.125rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .hover\:border-primary:hover {
   --tw-border-opacity: 1;
   border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
@@ -3611,6 +3711,9 @@ html.calm .tile-glass {
 .hover\:bg-muted\/40:hover {
   background-color: hsl(var(--muted) / 0.4);
 }
+.hover\:bg-muted\/50:hover {
+  background-color: hsl(var(--muted) / 0.5);
+}
 .hover\:bg-muted\/60:hover {
   background-color: hsl(var(--muted) / 0.6);
 }
@@ -3757,6 +3860,9 @@ html.calm .tile-glass {
 .group:hover .group-hover\:opacity-100 {
   opacity: 1;
 }
+.group:focus-visible .group-focus-visible\:opacity-100 {
+  opacity: 1;
+}
 .group:focus-visible .group-focus-visible\:ring-2 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -3864,6 +3970,10 @@ html.calm .tile-glass {
     white-space: normal;
   }
 
+  .sm\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
   .sm\:block {
     display: block;
   }
@@ -3960,6 +4070,10 @@ html.calm .tile-glass {
 }
 @media (min-width: 1024px) {
 
+  .lg\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
   .lg\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export declare const A4UI_VERSION = "0.31.0";
+export declare const A4UI_VERSION = "0.32.0";
 export { cn } from './lib/cn';
 export { useTheme, toggleTheme, setTheme, storedTheme, applyTheme, toggled, type Theme } from './lib/theme';
 export { useEffects, isCalm, setEffects } from './lib/effects';
@@ -120,6 +120,11 @@ export { FocusBlurGroup, type FocusBlurGroupProps } from './ui/FocusBlurGroup';
 export { CardSpread, type CardSpreadProps, type CardSpreadLayout } from './ui/CardSpread';
 export { Carousel3D, type Carousel3DProps, type Carousel3DVariant } from './ui/Carousel3D';
 export { TimeMachineStack, type TimeMachineStackProps } from './ui/TimeMachineStack';
+export { BentoGrid, BentoCard, type BentoGridProps, type BentoCardProps } from './ui/BentoGrid';
+export { Dock, type DockItem, type DockProps } from './ui/Dock';
+export { AnimatedBeam, type AnimatedBeamProps } from './ui/AnimatedBeam';
+export { BorderBeam, type BorderBeamProps } from './ui/BorderBeam';
+export { Meteors, type MeteorsProps } from './ui/Meteors';
 export { CopyButton, type CopyButtonProps, PlayPauseButton, type PlayPauseButtonProps, MuteButton, type MuteButtonProps, LockButton, type LockButtonProps, ThemeMorphButton, type ThemeMorphButtonProps, } from './ui/MorphPresets';
 export { CodeTabs, type CodeTabsProps, type CodeTab } from './ui/CodeTabs';
 export { PillSearch, type PillSearchProps, type PillField } from './ui/PillSearch';