@a4ui/core 0.34.0 → 0.35.1

package/dist/elements.css

@@ -1574,6 +1574,9 @@ html.calm .tile-glass {
 .pointer-events-none {
   pointer-events: none;
 }
+.pointer-events-auto {
+  pointer-events: auto;
+}
 .visible {
   visibility: visible;
 }
@@ -1608,6 +1611,10 @@ html.calm .tile-glass {
   left: 0px;
   right: 0px;
 }
+.inset-x-4 {
+  left: 1rem;
+  right: 1rem;
+}
 .inset-y-0 {
   top: 0px;
   bottom: 0px;
@@ -1623,9 +1630,15 @@ html.calm .tile-glass {
 .-bottom-4 {
   bottom: -1rem;
 }
+.-bottom-5 {
+  bottom: -1.25rem;
+}
 .-bottom-6 {
   bottom: -1.5rem;
 }
+.-left-1 {
+  left: -0.25rem;
+}
 .-left-40 {
   left: -10rem;
 }
@@ -1662,6 +1675,9 @@ html.calm .tile-glass {
 .bottom-0 {
   bottom: 0px;
 }
+.bottom-0\.5 {
+  bottom: 0.125rem;
+}
 .bottom-3 {
   bottom: 0.75rem;
 }
@@ -1677,6 +1693,9 @@ html.calm .tile-glass {
 .left-0 {
   left: 0px;
 }
+.left-1 {
+  left: 0.25rem;
+}
 .left-1\/2 {
   left: 50%;
 }
@@ -1692,6 +1711,9 @@ html.calm .tile-glass {
 .left-6 {
   left: 1.5rem;
 }
+.left-\[1\.375rem\] {
+  left: 1.375rem;
+}
 .left-\[calc\(0\.5rem\+0\.375rem\)\] {
   left: calc(0.5rem + 0.375rem);
 }
@@ -1740,6 +1762,9 @@ html.calm .tile-glass {
 .top-6 {
   top: 1.5rem;
 }
+.top-9 {
+  top: 2.25rem;
+}
 .top-\[14vh\] {
   top: 14vh;
 }
@@ -1755,6 +1780,9 @@ html.calm .tile-glass {
 .z-10 {
   z-index: 10;
 }
+.z-20 {
+  z-index: 20;
+}
 .z-40 {
   z-index: 40;
 }
@@ -1776,6 +1804,9 @@ html.calm .tile-glass {
 .z-\[9999\] {
   z-index: 9999;
 }
+.col-span-3 {
+  grid-column: span 3 / span 3;
+}
 .col-start-1 {
   grid-column-start: 1;
 }
@@ -1819,9 +1850,15 @@ html.calm .tile-glass {
 .mb-2 {
   margin-bottom: 0.5rem;
 }
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
 .ml-1 {
   margin-left: 0.25rem;
 }
+.ml-1\.5 {
+  margin-left: 0.375rem;
+}
 .ml-2 {
   margin-left: 0.5rem;
 }
@@ -2012,6 +2049,9 @@ html.calm .tile-glass {
 .h-\[1em\] {
   height: 1em;
 }
+.h-\[256px\] {
+  height: 256px;
+}
 .h-\[36rem\] {
   height: 36rem;
 }
@@ -2201,6 +2241,9 @@ html.calm .tile-glass {
 .w-\[18px\] {
   width: 18px;
 }
+.w-\[256px\] {
+  width: 256px;
+}
 .w-\[36rem\] {
   width: 36rem;
 }
@@ -2309,6 +2352,9 @@ html.calm .tile-glass {
 .max-w-md {
   max-width: 28rem;
 }
+.max-w-none {
+  max-width: none;
+}
 .max-w-sm {
   max-width: 24rem;
 }
@@ -2369,6 +2415,10 @@ html.calm .tile-glass {
   --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));
 }
+.-translate-y-full {
+  --tw-translate-y: -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-x-0\.5 {
   --tw-translate-x: 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));
@@ -2452,9 +2502,15 @@ html.calm .tile-glass {
 .animate-spin {
   animation: spin 1s linear infinite;
 }
+.cursor-cell {
+  cursor: cell;
+}
 .cursor-col-resize {
   cursor: col-resize;
 }
+.cursor-crosshair {
+  cursor: crosshair;
+}
 .cursor-ew-resize {
   cursor: ew-resize;
 }
@@ -2519,6 +2575,9 @@ html.calm .tile-glass {
 .grid-cols-7 {
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
+.grid-cols-8 {
+  grid-template-columns: repeat(8, minmax(0, 1fr));
+}
 .grid-rows-\[0fr\] {
   grid-template-rows: 0fr;
 }
@@ -2582,6 +2641,9 @@ html.calm .tile-glass {
 .gap-4 {
   gap: 1rem;
 }
+.gap-5 {
+  gap: 1.25rem;
+}
 .gap-6 {
   gap: 1.5rem;
 }
@@ -2650,6 +2712,9 @@ html.calm .tile-glass {
 .divide-border\/60 > :not([hidden]) ~ :not([hidden]) {
   border-color: hsl(var(--border) / 0.6);
 }
+.self-center {
+  align-self: center;
+}
 .self-stretch {
   align-self: stretch;
 }
@@ -2789,6 +2854,9 @@ html.calm .tile-glass {
 .border-dashed {
   border-style: dashed;
 }
+.border-none {
+  border-style: none;
+}
 .border-amber-500 {
   --tw-border-opacity: 1;
   border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
@@ -2892,6 +2960,9 @@ html.calm .tile-glass {
 .bg-accent\/15 {
   background-color: hsl(var(--accent) / 0.15);
 }
+.bg-accent\/30 {
+  background-color: hsl(var(--accent) / 0.3);
+}
 .bg-amber-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
@@ -3116,6 +3187,9 @@ html.calm .tile-glass {
 .p-1 {
   padding: 0.25rem;
 }
+.p-1\.5 {
+  padding: 0.375rem;
+}
 .p-10 {
   padding: 2.5rem;
 }
@@ -3294,6 +3368,9 @@ html.calm .tile-glass {
 .pt-1 {
   padding-top: 0.25rem;
 }
+.pt-1\.5 {
+  padding-top: 0.375rem;
+}
 .pt-2 {
   padding-top: 0.5rem;
 }
@@ -3324,6 +3401,9 @@ html.calm .tile-glass {
 .font-mono {
   font-family: "IBM Plex Mono", ui-monospace, monospace;
 }
+.font-sans {
+  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
+}
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
@@ -3396,6 +3476,9 @@ html.calm .tile-glass {
 .uppercase {
   text-transform: uppercase;
 }
+.lowercase {
+  text-transform: lowercase;
+}
 .capitalize {
   text-transform: capitalize;
 }
@@ -3406,6 +3489,9 @@ html.calm .tile-glass {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
+.leading-6 {
+  line-height: 1.5rem;
+}
 .leading-none {
   line-height: 1;
 }
@@ -3479,6 +3565,9 @@ html.calm .tile-glass {
   --tw-text-opacity: 1;
   color: rgb(22 163 74 / var(--tw-text-opacity, 1));
 }
+.text-inherit {
+  color: inherit;
+}
 .text-muted {
   --tw-text-opacity: 1;
   color: hsl(var(--muted) / var(--tw-text-opacity, 1));
@@ -3550,6 +3639,12 @@ html.calm .tile-glass {
 .underline-offset-2 {
   text-underline-offset: 2px;
 }
+.caret-foreground {
+  caret-color: hsl(var(--foreground) / 1);
+}
+.caret-transparent {
+  caret-color: transparent;
+}
 .accent-foreground {
   accent-color: hsl(var(--foreground) / 1);
 }
@@ -3577,6 +3672,9 @@ html.calm .tile-glass {
 .opacity-75 {
   opacity: 0.75;
 }
+.opacity-80 {
+  opacity: 0.8;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -3767,6 +3865,11 @@ html.calm .tile-glass {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-\[left\2c top\] {
+  transition-property: left,top;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-\[opacity\2c transform\] {
   transition-property: opacity,transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3823,12 +3926,18 @@ html.calm .tile-glass {
 .ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.will-change-\[left\2c top\] {
+  will-change: left,top;
+}
 .will-change-transform {
   will-change: transform;
 }
 .\[scrollbar-width\:none\] {
   scrollbar-width: none;
 }
+.\[tab-size\:2\] {
+  tab-size: 2;
+}
 .placeholder\:text-muted-foreground::placeholder {
   --tw-text-opacity: 1;
   color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
@@ -4037,6 +4146,10 @@ html.calm .tile-glass {
 .focus\:ring-ring\/40:focus {
   --tw-ring-color: hsl(var(--ring) / 0.4);
 }
+.focus-visible\:border-ring:focus-visible {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--ring) / var(--tw-border-opacity, 1));
+}
 .focus-visible\:bg-primary\/50:focus-visible {
   background-color: hsl(var(--primary) / 0.5);
 }
@@ -4058,6 +4171,9 @@ html.calm .tile-glass {
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
+.focus-visible\:ring-inset:focus-visible {
+  --tw-ring-inset: inset;
+}
 .focus-visible\:ring-primary:focus-visible {
   --tw-ring-opacity: 1;
   --tw-ring-color: hsl(var(--primary) / var(--tw-ring-opacity, 1));
@@ -4364,6 +4480,9 @@ html.calm .tile-glass {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }
 }
+.\[\&\.a4ui-tile-loaded\]\:opacity-100.a4ui-tile-loaded {
+  opacity: 1;
+}
 .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
   display: none;
 }