@a4ui/core 0.33.0 → 0.34.0

package/dist/full.css

@@ -1616,6 +1616,10 @@ html.calm .tile-glass {
   top: 0.25rem;
   bottom: 0.25rem;
 }
+.inset-y-2 {
+  top: 0.5rem;
+  bottom: 0.5rem;
+}
 .-bottom-4 {
   bottom: -1rem;
 }
@@ -1960,6 +1964,9 @@ html.calm .tile-glass {
 .h-4 {
   height: 1rem;
 }
+.h-40 {
+  height: 10rem;
+}
 .h-48 {
   height: 12rem;
 }
@@ -1978,6 +1985,9 @@ html.calm .tile-glass {
 .h-7 {
   height: 1.75rem;
 }
+.h-72 {
+  height: 18rem;
+}
 .h-8 {
   height: 2rem;
 }
@@ -2062,6 +2072,9 @@ html.calm .tile-glass {
 .max-h-\[85vh\] {
   max-height: 85vh;
 }
+.max-h-\[calc\(100vh-10rem\)\] {
+  max-height: calc(100vh - 10rem);
+}
 .min-h-0 {
   min-height: 0px;
 }
@@ -2074,6 +2087,15 @@ html.calm .tile-glass {
 .min-h-\[24px\] {
   min-height: 24px;
 }
+.min-h-\[24rem\] {
+  min-height: 24rem;
+}
+.min-h-\[28rem\] {
+  min-height: 28rem;
+}
+.min-h-\[60px\] {
+  min-height: 60px;
+}
 .min-h-\[80px\] {
   min-height: 80px;
 }
@@ -2236,12 +2258,18 @@ html.calm .tile-glass {
 .min-w-\[2\.5rem\] {
   min-width: 2.5rem;
 }
+.min-w-\[2px\] {
+  min-width: 2px;
+}
 .min-w-\[4rem\] {
   min-width: 4rem;
 }
 .min-w-\[6\.5rem\] {
   min-width: 6.5rem;
 }
+.min-w-\[640px\] {
+  min-width: 640px;
+}
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
@@ -2269,6 +2297,9 @@ html.calm .tile-glass {
 .max-w-\[90vw\] {
   max-width: 90vw;
 }
+.max-w-\[92vw\] {
+  max-width: 92vw;
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -2314,6 +2345,10 @@ html.calm .tile-glass {
 .origin-top {
   transform-origin: top;
 }
+.-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));
+}
 .-translate-x-1\/2 {
   --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));
@@ -2322,6 +2357,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-0\.5 {
+  --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));
+}
 .-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));
@@ -2330,6 +2369,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-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));
+}
 .translate-x-full {
   --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));
@@ -2363,6 +2406,11 @@ html.calm .tile-glass {
   --tw-scale-y: 1;
   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));
 }
+.scale-150 {
+  --tw-scale-x: 1.5;
+  --tw-scale-y: 1.5;
+  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));
+}
 .scale-95 {
   --tw-scale-x: .95;
   --tw-scale-y: .95;
@@ -2413,6 +2461,9 @@ html.calm .tile-glass {
 .cursor-grab {
   cursor: grab;
 }
+.cursor-none {
+  cursor: none;
+}
 .cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -2425,6 +2476,9 @@ html.calm .tile-glass {
 .cursor-zoom-in {
   cursor: zoom-in;
 }
+.cursor-zoom-out {
+  cursor: zoom-out;
+}
 .touch-none {
   touch-action: none;
 }
@@ -2447,6 +2501,9 @@ html.calm .tile-glass {
 .list-none {
   list-style-type: none;
 }
+.appearance-none {
+  appearance: none;
+}
 .auto-rows-\[minmax\(11rem\2c auto\)\] {
   grid-auto-rows: minmax(11rem,auto);
 }
@@ -2531,6 +2588,9 @@ html.calm .tile-glass {
 .gap-8 {
   gap: 2rem;
 }
+.gap-\[2px\] {
+  gap: 2px;
+}
 .gap-x-3 {
   column-gap: 0.75rem;
 }
@@ -2608,6 +2668,9 @@ html.calm .tile-glass {
 .overflow-y-auto {
   overflow-y: auto;
 }
+.overscroll-contain {
+  overscroll-behavior: contain;
+}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2668,6 +2731,10 @@ html.calm .tile-glass {
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
 }
+.rounded-t-2xl {
+  border-top-left-radius: 1rem;
+  border-top-right-radius: 1rem;
+}
 .border {
   border-width: 1px;
 }
@@ -2685,6 +2752,10 @@ html.calm .tile-glass {
   border-top-width: 1px;
   border-bottom-width: 1px;
 }
+.border-y-4 {
+  border-top-width: 4px;
+  border-bottom-width: 4px;
+}
 .border-b {
   border-bottom-width: 1px;
 }
@@ -2700,9 +2771,15 @@ html.calm .tile-glass {
 .border-l-4 {
   border-left-width: 4px;
 }
+.border-l-8 {
+  border-left-width: 8px;
+}
 .border-r {
   border-right-width: 1px;
 }
+.border-r-8 {
+  border-right-width: 8px;
+}
 .border-t {
   border-top-width: 1px;
 }
@@ -2727,6 +2804,9 @@ html.calm .tile-glass {
   --tw-border-opacity: 1;
   border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
 }
+.border-border\/40 {
+  border-color: hsl(var(--border) / 0.4);
+}
 .border-border\/60 {
   border-color: hsl(var(--border) / 0.6);
 }
@@ -2789,6 +2869,18 @@ html.calm .tile-glass {
   border-left-color: transparent;
   border-right-color: transparent;
 }
+.border-y-transparent {
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}
+.border-l-border {
+  --tw-border-opacity: 1;
+  border-left-color: hsl(var(--border) / var(--tw-border-opacity, 1));
+}
+.border-r-border {
+  --tw-border-opacity: 1;
+  border-right-color: hsl(var(--border) / var(--tw-border-opacity, 1));
+}
 .border-t-foreground {
   --tw-border-opacity: 1;
   border-top-color: hsl(var(--foreground) / var(--tw-border-opacity, 1));
@@ -2826,6 +2918,13 @@ html.calm .tile-glass {
 .bg-background\/90 {
   background-color: hsl(var(--background) / 0.9);
 }
+.bg-background\/95 {
+  background-color: hsl(var(--background) / 0.95);
+}
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+}
 .bg-black\/10 {
   background-color: rgb(0 0 0 / 0.1);
 }
@@ -2846,6 +2945,9 @@ html.calm .tile-glass {
 .bg-card\/70 {
   background-color: hsl(var(--card) / 0.7);
 }
+.bg-card\/80 {
+  background-color: hsl(var(--card) / 0.8);
+}
 .bg-current {
   background-color: currentColor;
 }
@@ -2887,6 +2989,9 @@ html.calm .tile-glass {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
 }
+.bg-muted-foreground\/40 {
+  background-color: hsl(var(--muted-foreground) / 0.4);
+}
 .bg-muted\/30 {
   background-color: hsl(var(--muted) / 0.3);
 }
@@ -2943,9 +3048,20 @@ html.calm .tile-glass {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.bg-white\/25 {
+  background-color: rgb(255 255 255 / 0.25);
+}
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
+.bg-gradient-to-t {
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+}
+.from-black\/80 {
+  --tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-primary\/40 {
   --tw-gradient-from: hsl(var(--primary) / 0.4) var(--tw-gradient-from-position);
   --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
@@ -2956,6 +3072,10 @@ html.calm .tile-glass {
   --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.via-black\/40 {
+  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
 .via-foreground\/25 {
   --tw-gradient-to: hsl(var(--foreground) / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--foreground) / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to);
@@ -3081,6 +3201,10 @@ html.calm .tile-glass {
   padding-top: 3.5rem;
   padding-bottom: 3.5rem;
 }
+.py-16 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -3140,6 +3264,9 @@ html.calm .tile-glass {
 .pl-4 {
   padding-left: 1rem;
 }
+.pl-8 {
+  padding-left: 2rem;
+}
 .pr-1 {
   padding-right: 0.25rem;
 }
@@ -3173,6 +3300,9 @@ html.calm .tile-glass {
 .pt-4 {
   padding-top: 1rem;
 }
+.pt-6 {
+  padding-top: 1.5rem;
+}
 .text-left {
   text-align: left;
 }
@@ -3291,6 +3421,10 @@ html.calm .tile-glass {
 .tracking-wide {
   letter-spacing: 0.025em;
 }
+.text-accent {
+  --tw-text-opacity: 1;
+  color: hsl(var(--accent) / var(--tw-text-opacity, 1));
+}
 .text-accent-foreground {
   --tw-text-opacity: 1;
   color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
@@ -3394,6 +3528,16 @@ html.calm .tile-glass {
   --tw-text-opacity: 1;
   color: rgb(14 165 233 / var(--tw-text-opacity, 1));
 }
+.text-transparent {
+  color: transparent;
+}
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.text-white\/85 {
+  color: rgb(255 255 255 / 0.85);
+}
 .underline {
   text-decoration-line: underline;
 }
@@ -3537,6 +3681,10 @@ html.calm .tile-glass {
   --tw-blur: blur(64px);
   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);
 }
+.blur-\[1px\] {
+  --tw-blur: blur(1px);
+  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);
+}
 .blur-lg {
   --tw-blur: blur(16px);
   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);
@@ -3776,6 +3924,14 @@ html.calm .tile-glass {
   --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\:scale-105:hover {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  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-emerald-500\/60:hover {
+  border-color: rgb(16 185 129 / 0.6);
+}
 .hover\:border-primary:hover {
   --tw-border-opacity: 1;
   border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
@@ -3888,6 +4044,15 @@ html.calm .tile-glass {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.focus-visible\:outline:focus-visible {
+  outline-style: solid;
+}
+.focus-visible\:outline-2:focus-visible {
+  outline-width: 2px;
+}
+.focus-visible\:outline-ring:focus-visible {
+  outline-color: hsl(var(--ring) / 1);
+}
 .focus-visible\:ring-2:focus-visible {
   --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);
@@ -3912,6 +4077,11 @@ html.calm .tile-glass {
   --tw-scale-y: .9;
   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));
 }
+.active\:scale-95:active {
+  --tw-scale-x: .95;
+  --tw-scale-y: .95;
+  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));
+}
 .active\:scale-\[0\.97\]:active {
   --tw-scale-x: 0.97;
   --tw-scale-y: 0.97;
@@ -3949,6 +4119,11 @@ 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));
 }
+.group:hover .group-hover\:scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  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));
+}
 .group\/block:hover .group-hover\/block\:opacity-100 {
   opacity: 1;
 }
@@ -4065,6 +4240,14 @@ html.calm .tile-glass {
     white-space: normal;
   }
 
+  .sm\:left-4 {
+    left: 1rem;
+  }
+
+  .sm\:right-4 {
+    right: 1rem;
+  }
+
   .sm\:col-span-2 {
     grid-column: span 2 / span 2;
   }

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export declare const A4UI_VERSION = "0.33.0";
+export declare const A4UI_VERSION = "0.34.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';
@@ -137,6 +137,18 @@ export { Globe, type GlobeMarker, type GlobeArc, type GlobeProps } from './ui/Gl
 export { WorldMap, type WorldMapPoint, type WorldMapConnection, type WorldMapProps } from './ui/WorldMap';
 export { Confetti, fireConfetti, type ConfettiProps } from './ui/Confetti';
 export { CursorTrail, type CursorTrailProps } from './ui/CursorTrail';
+export { Kanban, type KanbanCard, type KanbanColumn, type KanbanProps } from './ui/Kanban';
+export { GanttChart, type GanttTask, type GanttChartProps } from './ui/GanttChart';
+export { TreeTable, type TreeTableColumn, type TreeTableRow, type TreeTableProps } from './ui/TreeTable';
+export { PivotTable, type PivotDatum, type PivotTableProps } from './ui/PivotTable';
+export { OnboardingChecklist, type OnboardingStep, type OnboardingChecklistProps, } from './ui/OnboardingChecklist';
+export { CouponField, type CouponFieldProps } from './ui/CouponField';
+export { Lightbox, type LightboxImage, type LightboxProps } from './ui/Lightbox';
+export { VideoPlayerShell, type VideoPlayerShellProps } from './ui/VideoPlayerShell';
+export { AudioWaveform, type AudioWaveformProps } from './ui/AudioWaveform';
+export { Lamp, type LampProps } from './ui/Lamp';
+export { FollowingPointer, type FollowingPointerProps } from './ui/FollowingPointer';
+export { SheetSnap, type SheetSnapProps } from './ui/SheetSnap';
 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';