@a4ui/core 0.32.0 → 0.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/charts/BarList.d.ts +33 -0
  2. package/dist/charts/CategoryBar.d.ts +23 -0
  3. package/dist/charts/StatusTracker.d.ts +27 -0
  4. package/dist/charts/index.d.ts +3 -0
  5. package/dist/charts.js +446 -316
  6. package/dist/elements.css +95 -0
  7. package/dist/full.css +95 -0
  8. package/dist/index.d.ts +13 -1
  9. package/dist/index.js +5107 -4227
  10. package/dist/ui/Callout.d.ts +27 -0
  11. package/dist/ui/Confetti.d.ts +46 -0
  12. package/dist/ui/CursorTrail.d.ts +25 -0
  13. package/dist/ui/DiffViewer.d.ts +33 -0
  14. package/dist/ui/Globe.d.ts +44 -0
  15. package/dist/ui/ModelPicker.d.ts +38 -0
  16. package/dist/ui/ReasoningTrace.d.ts +28 -0
  17. package/dist/ui/Snippet.d.ts +19 -0
  18. package/dist/ui/SuggestionChips.d.ts +25 -0
  19. package/dist/ui/ToolCallTimeline.d.ts +34 -0
  20. package/dist/ui/UsageMeter.d.ts +26 -0
  21. package/dist/ui/WorldMap.d.ts +36 -0
  22. package/package.json +1 -1
  23. package/src/charts/BarList.tsx +83 -0
  24. package/src/charts/CategoryBar.tsx +95 -0
  25. package/src/charts/StatusTracker.tsx +81 -0
  26. package/src/charts/index.ts +3 -0
  27. package/src/index.ts +24 -1
  28. package/src/ui/Callout.tsx +66 -0
  29. package/src/ui/Confetti.tsx +131 -0
  30. package/src/ui/CursorTrail.tsx +88 -0
  31. package/src/ui/DiffViewer.tsx +166 -0
  32. package/src/ui/Globe.tsx +317 -0
  33. package/src/ui/ModelPicker.tsx +119 -0
  34. package/src/ui/ReasoningTrace.tsx +83 -0
  35. package/src/ui/Snippet.tsx +64 -0
  36. package/src/ui/SuggestionChips.tsx +65 -0
  37. package/src/ui/ToolCallTimeline.tsx +137 -0
  38. package/src/ui/UsageMeter.tsx +71 -0
  39. package/src/ui/WorldMap.tsx +191 -0
package/dist/elements.css CHANGED
@@ -1616,6 +1616,9 @@ html.calm .tile-glass {
1616
1616
  top: 0.25rem;
1617
1617
  bottom: 0.25rem;
1618
1618
  }
1619
+ .-bottom-4 {
1620
+ bottom: -1rem;
1621
+ }
1619
1622
  .-bottom-6 {
1620
1623
  bottom: -1.5rem;
1621
1624
  }
@@ -1688,6 +1691,9 @@ html.calm .tile-glass {
1688
1691
  .left-\[calc\(0\.5rem\+0\.375rem\)\] {
1689
1692
  left: calc(0.5rem + 0.375rem);
1690
1693
  }
1694
+ .left-\[calc\(0\.5rem\+2px\)\] {
1695
+ left: calc(0.5rem + 2px);
1696
+ }
1691
1697
  .right-0 {
1692
1698
  right: 0px;
1693
1699
  }
@@ -1703,6 +1709,9 @@ html.calm .tile-glass {
1703
1709
  .right-6 {
1704
1710
  right: 1.5rem;
1705
1711
  }
1712
+ .right-9 {
1713
+ right: 2.25rem;
1714
+ }
1706
1715
  .top-0 {
1707
1716
  top: 0px;
1708
1717
  }
@@ -1724,6 +1733,9 @@ html.calm .tile-glass {
1724
1733
  .top-4 {
1725
1734
  top: 1rem;
1726
1735
  }
1736
+ .top-6 {
1737
+ top: 1.5rem;
1738
+ }
1727
1739
  .top-\[14vh\] {
1728
1740
  top: 14vh;
1729
1741
  }
@@ -1824,6 +1836,9 @@ html.calm .tile-glass {
1824
1836
  .mt-1 {
1825
1837
  margin-top: 0.25rem;
1826
1838
  }
1839
+ .mt-1\.5 {
1840
+ margin-top: 0.375rem;
1841
+ }
1827
1842
  .mt-2 {
1828
1843
  margin-top: 0.5rem;
1829
1844
  }
@@ -1903,6 +1918,9 @@ html.calm .tile-glass {
1903
1918
  width: 0.75rem;
1904
1919
  height: 0.75rem;
1905
1920
  }
1921
+ .h-0 {
1922
+ height: 0px;
1923
+ }
1906
1924
  .h-0\.5 {
1907
1925
  height: 0.125rem;
1908
1926
  }
@@ -1942,6 +1960,9 @@ html.calm .tile-glass {
1942
1960
  .h-4 {
1943
1961
  height: 1rem;
1944
1962
  }
1963
+ .h-48 {
1964
+ height: 12rem;
1965
+ }
1945
1966
  .h-5 {
1946
1967
  height: 1.25rem;
1947
1968
  }
@@ -2059,6 +2080,9 @@ html.calm .tile-glass {
2059
2080
  .min-h-screen {
2060
2081
  min-height: 100vh;
2061
2082
  }
2083
+ .w-0 {
2084
+ width: 0px;
2085
+ }
2062
2086
  .w-0\.5 {
2063
2087
  width: 0.125rem;
2064
2088
  }
@@ -2221,6 +2245,9 @@ html.calm .tile-glass {
2221
2245
  .min-w-\[8rem\] {
2222
2246
  min-width: 8rem;
2223
2247
  }
2248
+ .min-w-max {
2249
+ min-width: max-content;
2250
+ }
2224
2251
  .max-w-2xl {
2225
2252
  max-width: 42rem;
2226
2253
  }
@@ -2269,6 +2296,9 @@ html.calm .tile-glass {
2269
2296
  .shrink-0 {
2270
2297
  flex-shrink: 0;
2271
2298
  }
2299
+ .flex-grow {
2300
+ flex-grow: 1;
2301
+ }
2272
2302
  .grow {
2273
2303
  flex-grow: 1;
2274
2304
  }
@@ -2586,6 +2616,9 @@ html.calm .tile-glass {
2586
2616
  .whitespace-nowrap {
2587
2617
  white-space: nowrap;
2588
2618
  }
2619
+ .whitespace-pre {
2620
+ white-space: pre;
2621
+ }
2589
2622
  .whitespace-pre-wrap {
2590
2623
  white-space: pre-wrap;
2591
2624
  }
@@ -2644,6 +2677,10 @@ html.calm .tile-glass {
2644
2677
  .border-2 {
2645
2678
  border-width: 2px;
2646
2679
  }
2680
+ .border-x-4 {
2681
+ border-left-width: 4px;
2682
+ border-right-width: 4px;
2683
+ }
2647
2684
  .border-y {
2648
2685
  border-top-width: 1px;
2649
2686
  border-bottom-width: 1px;
@@ -2660,15 +2697,25 @@ html.calm .tile-glass {
2660
2697
  .border-l-2 {
2661
2698
  border-left-width: 2px;
2662
2699
  }
2700
+ .border-l-4 {
2701
+ border-left-width: 4px;
2702
+ }
2663
2703
  .border-r {
2664
2704
  border-right-width: 1px;
2665
2705
  }
2666
2706
  .border-t {
2667
2707
  border-top-width: 1px;
2668
2708
  }
2709
+ .border-t-4 {
2710
+ border-top-width: 4px;
2711
+ }
2669
2712
  .border-dashed {
2670
2713
  border-style: dashed;
2671
2714
  }
2715
+ .border-amber-500 {
2716
+ --tw-border-opacity: 1;
2717
+ border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
2718
+ }
2672
2719
  .border-amber-500\/30 {
2673
2720
  border-color: rgb(245 158 11 / 0.3);
2674
2721
  }
@@ -2689,6 +2736,10 @@ html.calm .tile-glass {
2689
2736
  .border-destructive\/30 {
2690
2737
  border-color: hsl(var(--destructive) / 0.3);
2691
2738
  }
2739
+ .border-emerald-500 {
2740
+ --tw-border-opacity: 1;
2741
+ border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
2742
+ }
2692
2743
  .border-emerald-500\/30 {
2693
2744
  border-color: rgb(16 185 129 / 0.3);
2694
2745
  }
@@ -2717,19 +2768,42 @@ html.calm .tile-glass {
2717
2768
  .border-ring\/60 {
2718
2769
  border-color: hsl(var(--ring) / 0.6);
2719
2770
  }
2771
+ .border-rose-500 {
2772
+ --tw-border-opacity: 1;
2773
+ border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
2774
+ }
2720
2775
  .border-rose-500\/30 {
2721
2776
  border-color: rgb(244 63 94 / 0.3);
2722
2777
  }
2778
+ .border-sky-500 {
2779
+ --tw-border-opacity: 1;
2780
+ border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
2781
+ }
2723
2782
  .border-sky-500\/30 {
2724
2783
  border-color: rgb(14 165 233 / 0.3);
2725
2784
  }
2726
2785
  .border-transparent {
2727
2786
  border-color: transparent;
2728
2787
  }
2788
+ .border-x-transparent {
2789
+ border-left-color: transparent;
2790
+ border-right-color: transparent;
2791
+ }
2792
+ .border-t-foreground {
2793
+ --tw-border-opacity: 1;
2794
+ border-top-color: hsl(var(--foreground) / var(--tw-border-opacity, 1));
2795
+ }
2729
2796
  .bg-accent {
2730
2797
  --tw-bg-opacity: 1;
2731
2798
  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
2732
2799
  }
2800
+ .bg-accent\/15 {
2801
+ background-color: hsl(var(--accent) / 0.15);
2802
+ }
2803
+ .bg-amber-500 {
2804
+ --tw-bg-opacity: 1;
2805
+ background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
2806
+ }
2733
2807
  .bg-amber-500\/10 {
2734
2808
  background-color: rgb(245 158 11 / 0.1);
2735
2809
  }
@@ -3039,6 +3113,9 @@ html.calm .tile-glass {
3039
3113
  padding-top: 2rem;
3040
3114
  padding-bottom: 2rem;
3041
3115
  }
3116
+ .pb-0\.5 {
3117
+ padding-bottom: 0.125rem;
3118
+ }
3042
3119
  .pb-1 {
3043
3120
  padding-bottom: 0.25rem;
3044
3121
  }
@@ -3057,6 +3134,9 @@ html.calm .tile-glass {
3057
3134
  .pl-2 {
3058
3135
  padding-left: 0.5rem;
3059
3136
  }
3137
+ .pl-3 {
3138
+ padding-left: 0.75rem;
3139
+ }
3060
3140
  .pl-4 {
3061
3141
  padding-left: 1rem;
3062
3142
  }
@@ -3072,9 +3152,18 @@ html.calm .tile-glass {
3072
3152
  .pr-2 {
3073
3153
  padding-right: 0.5rem;
3074
3154
  }
3155
+ .pr-4 {
3156
+ padding-right: 1rem;
3157
+ }
3158
+ .pr-8 {
3159
+ padding-right: 2rem;
3160
+ }
3075
3161
  .pt-0 {
3076
3162
  padding-top: 0px;
3077
3163
  }
3164
+ .pt-0\.5 {
3165
+ padding-top: 0.125rem;
3166
+ }
3078
3167
  .pt-1 {
3079
3168
  padding-top: 0.25rem;
3080
3169
  }
@@ -3249,6 +3338,9 @@ html.calm .tile-glass {
3249
3338
  --tw-text-opacity: 1;
3250
3339
  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
3251
3340
  }
3341
+ .text-foreground\/80 {
3342
+ color: hsl(var(--foreground) / 0.8);
3343
+ }
3252
3344
  .text-green-600 {
3253
3345
  --tw-text-opacity: 1;
3254
3346
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
@@ -3809,6 +3901,9 @@ html.calm .tile-glass {
3809
3901
  --tw-ring-opacity: 1;
3810
3902
  --tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity, 1));
3811
3903
  }
3904
+ .focus-visible\:ring-ring\/30:focus-visible {
3905
+ --tw-ring-color: hsl(var(--ring) / 0.3);
3906
+ }
3812
3907
  .focus-visible\:ring-ring\/40:focus-visible {
3813
3908
  --tw-ring-color: hsl(var(--ring) / 0.4);
3814
3909
  }
package/dist/full.css CHANGED
@@ -1616,6 +1616,9 @@ html.calm .tile-glass {
1616
1616
  top: 0.25rem;
1617
1617
  bottom: 0.25rem;
1618
1618
  }
1619
+ .-bottom-4 {
1620
+ bottom: -1rem;
1621
+ }
1619
1622
  .-bottom-6 {
1620
1623
  bottom: -1.5rem;
1621
1624
  }
@@ -1688,6 +1691,9 @@ html.calm .tile-glass {
1688
1691
  .left-\[calc\(0\.5rem\+0\.375rem\)\] {
1689
1692
  left: calc(0.5rem + 0.375rem);
1690
1693
  }
1694
+ .left-\[calc\(0\.5rem\+2px\)\] {
1695
+ left: calc(0.5rem + 2px);
1696
+ }
1691
1697
  .right-0 {
1692
1698
  right: 0px;
1693
1699
  }
@@ -1703,6 +1709,9 @@ html.calm .tile-glass {
1703
1709
  .right-6 {
1704
1710
  right: 1.5rem;
1705
1711
  }
1712
+ .right-9 {
1713
+ right: 2.25rem;
1714
+ }
1706
1715
  .top-0 {
1707
1716
  top: 0px;
1708
1717
  }
@@ -1724,6 +1733,9 @@ html.calm .tile-glass {
1724
1733
  .top-4 {
1725
1734
  top: 1rem;
1726
1735
  }
1736
+ .top-6 {
1737
+ top: 1.5rem;
1738
+ }
1727
1739
  .top-\[14vh\] {
1728
1740
  top: 14vh;
1729
1741
  }
@@ -1824,6 +1836,9 @@ html.calm .tile-glass {
1824
1836
  .mt-1 {
1825
1837
  margin-top: 0.25rem;
1826
1838
  }
1839
+ .mt-1\.5 {
1840
+ margin-top: 0.375rem;
1841
+ }
1827
1842
  .mt-2 {
1828
1843
  margin-top: 0.5rem;
1829
1844
  }
@@ -1903,6 +1918,9 @@ html.calm .tile-glass {
1903
1918
  width: 0.75rem;
1904
1919
  height: 0.75rem;
1905
1920
  }
1921
+ .h-0 {
1922
+ height: 0px;
1923
+ }
1906
1924
  .h-0\.5 {
1907
1925
  height: 0.125rem;
1908
1926
  }
@@ -1942,6 +1960,9 @@ html.calm .tile-glass {
1942
1960
  .h-4 {
1943
1961
  height: 1rem;
1944
1962
  }
1963
+ .h-48 {
1964
+ height: 12rem;
1965
+ }
1945
1966
  .h-5 {
1946
1967
  height: 1.25rem;
1947
1968
  }
@@ -2059,6 +2080,9 @@ html.calm .tile-glass {
2059
2080
  .min-h-screen {
2060
2081
  min-height: 100vh;
2061
2082
  }
2083
+ .w-0 {
2084
+ width: 0px;
2085
+ }
2062
2086
  .w-0\.5 {
2063
2087
  width: 0.125rem;
2064
2088
  }
@@ -2221,6 +2245,9 @@ html.calm .tile-glass {
2221
2245
  .min-w-\[8rem\] {
2222
2246
  min-width: 8rem;
2223
2247
  }
2248
+ .min-w-max {
2249
+ min-width: max-content;
2250
+ }
2224
2251
  .max-w-2xl {
2225
2252
  max-width: 42rem;
2226
2253
  }
@@ -2269,6 +2296,9 @@ html.calm .tile-glass {
2269
2296
  .shrink-0 {
2270
2297
  flex-shrink: 0;
2271
2298
  }
2299
+ .flex-grow {
2300
+ flex-grow: 1;
2301
+ }
2272
2302
  .grow {
2273
2303
  flex-grow: 1;
2274
2304
  }
@@ -2586,6 +2616,9 @@ html.calm .tile-glass {
2586
2616
  .whitespace-nowrap {
2587
2617
  white-space: nowrap;
2588
2618
  }
2619
+ .whitespace-pre {
2620
+ white-space: pre;
2621
+ }
2589
2622
  .whitespace-pre-wrap {
2590
2623
  white-space: pre-wrap;
2591
2624
  }
@@ -2644,6 +2677,10 @@ html.calm .tile-glass {
2644
2677
  .border-2 {
2645
2678
  border-width: 2px;
2646
2679
  }
2680
+ .border-x-4 {
2681
+ border-left-width: 4px;
2682
+ border-right-width: 4px;
2683
+ }
2647
2684
  .border-y {
2648
2685
  border-top-width: 1px;
2649
2686
  border-bottom-width: 1px;
@@ -2660,15 +2697,25 @@ html.calm .tile-glass {
2660
2697
  .border-l-2 {
2661
2698
  border-left-width: 2px;
2662
2699
  }
2700
+ .border-l-4 {
2701
+ border-left-width: 4px;
2702
+ }
2663
2703
  .border-r {
2664
2704
  border-right-width: 1px;
2665
2705
  }
2666
2706
  .border-t {
2667
2707
  border-top-width: 1px;
2668
2708
  }
2709
+ .border-t-4 {
2710
+ border-top-width: 4px;
2711
+ }
2669
2712
  .border-dashed {
2670
2713
  border-style: dashed;
2671
2714
  }
2715
+ .border-amber-500 {
2716
+ --tw-border-opacity: 1;
2717
+ border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
2718
+ }
2672
2719
  .border-amber-500\/30 {
2673
2720
  border-color: rgb(245 158 11 / 0.3);
2674
2721
  }
@@ -2689,6 +2736,10 @@ html.calm .tile-glass {
2689
2736
  .border-destructive\/30 {
2690
2737
  border-color: hsl(var(--destructive) / 0.3);
2691
2738
  }
2739
+ .border-emerald-500 {
2740
+ --tw-border-opacity: 1;
2741
+ border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
2742
+ }
2692
2743
  .border-emerald-500\/30 {
2693
2744
  border-color: rgb(16 185 129 / 0.3);
2694
2745
  }
@@ -2717,19 +2768,42 @@ html.calm .tile-glass {
2717
2768
  .border-ring\/60 {
2718
2769
  border-color: hsl(var(--ring) / 0.6);
2719
2770
  }
2771
+ .border-rose-500 {
2772
+ --tw-border-opacity: 1;
2773
+ border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
2774
+ }
2720
2775
  .border-rose-500\/30 {
2721
2776
  border-color: rgb(244 63 94 / 0.3);
2722
2777
  }
2778
+ .border-sky-500 {
2779
+ --tw-border-opacity: 1;
2780
+ border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
2781
+ }
2723
2782
  .border-sky-500\/30 {
2724
2783
  border-color: rgb(14 165 233 / 0.3);
2725
2784
  }
2726
2785
  .border-transparent {
2727
2786
  border-color: transparent;
2728
2787
  }
2788
+ .border-x-transparent {
2789
+ border-left-color: transparent;
2790
+ border-right-color: transparent;
2791
+ }
2792
+ .border-t-foreground {
2793
+ --tw-border-opacity: 1;
2794
+ border-top-color: hsl(var(--foreground) / var(--tw-border-opacity, 1));
2795
+ }
2729
2796
  .bg-accent {
2730
2797
  --tw-bg-opacity: 1;
2731
2798
  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
2732
2799
  }
2800
+ .bg-accent\/15 {
2801
+ background-color: hsl(var(--accent) / 0.15);
2802
+ }
2803
+ .bg-amber-500 {
2804
+ --tw-bg-opacity: 1;
2805
+ background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
2806
+ }
2733
2807
  .bg-amber-500\/10 {
2734
2808
  background-color: rgb(245 158 11 / 0.1);
2735
2809
  }
@@ -3039,6 +3113,9 @@ html.calm .tile-glass {
3039
3113
  padding-top: 2rem;
3040
3114
  padding-bottom: 2rem;
3041
3115
  }
3116
+ .pb-0\.5 {
3117
+ padding-bottom: 0.125rem;
3118
+ }
3042
3119
  .pb-1 {
3043
3120
  padding-bottom: 0.25rem;
3044
3121
  }
@@ -3057,6 +3134,9 @@ html.calm .tile-glass {
3057
3134
  .pl-2 {
3058
3135
  padding-left: 0.5rem;
3059
3136
  }
3137
+ .pl-3 {
3138
+ padding-left: 0.75rem;
3139
+ }
3060
3140
  .pl-4 {
3061
3141
  padding-left: 1rem;
3062
3142
  }
@@ -3072,9 +3152,18 @@ html.calm .tile-glass {
3072
3152
  .pr-2 {
3073
3153
  padding-right: 0.5rem;
3074
3154
  }
3155
+ .pr-4 {
3156
+ padding-right: 1rem;
3157
+ }
3158
+ .pr-8 {
3159
+ padding-right: 2rem;
3160
+ }
3075
3161
  .pt-0 {
3076
3162
  padding-top: 0px;
3077
3163
  }
3164
+ .pt-0\.5 {
3165
+ padding-top: 0.125rem;
3166
+ }
3078
3167
  .pt-1 {
3079
3168
  padding-top: 0.25rem;
3080
3169
  }
@@ -3249,6 +3338,9 @@ html.calm .tile-glass {
3249
3338
  --tw-text-opacity: 1;
3250
3339
  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
3251
3340
  }
3341
+ .text-foreground\/80 {
3342
+ color: hsl(var(--foreground) / 0.8);
3343
+ }
3252
3344
  .text-green-600 {
3253
3345
  --tw-text-opacity: 1;
3254
3346
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
@@ -3809,6 +3901,9 @@ html.calm .tile-glass {
3809
3901
  --tw-ring-opacity: 1;
3810
3902
  --tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity, 1));
3811
3903
  }
3904
+ .focus-visible\:ring-ring\/30:focus-visible {
3905
+ --tw-ring-color: hsl(var(--ring) / 0.3);
3906
+ }
3812
3907
  .focus-visible\:ring-ring\/40:focus-visible {
3813
3908
  --tw-ring-color: hsl(var(--ring) / 0.4);
3814
3909
  }
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const A4UI_VERSION = "0.32.0";
1
+ export declare const A4UI_VERSION = "0.33.0";
2
2
  export { cn } from './lib/cn';
3
3
  export { useTheme, toggleTheme, setTheme, storedTheme, applyTheme, toggled, type Theme } from './lib/theme';
4
4
  export { useEffects, isCalm, setEffects } from './lib/effects';
@@ -125,6 +125,18 @@ export { Dock, type DockItem, type DockProps } from './ui/Dock';
125
125
  export { AnimatedBeam, type AnimatedBeamProps } from './ui/AnimatedBeam';
126
126
  export { BorderBeam, type BorderBeamProps } from './ui/BorderBeam';
127
127
  export { Meteors, type MeteorsProps } from './ui/Meteors';
128
+ export { ReasoningTrace, type ReasoningTraceProps } from './ui/ReasoningTrace';
129
+ export { ToolCallTimeline, type ToolCall, type ToolCallStatus, type ToolCallTimelineProps, } from './ui/ToolCallTimeline';
130
+ export { DiffViewer, type DiffLine, type DiffViewerProps } from './ui/DiffViewer';
131
+ export { ModelPicker, type ModelOption, type ModelPickerProps } from './ui/ModelPicker';
132
+ export { UsageMeter, type UsageMeterProps } from './ui/UsageMeter';
133
+ export { SuggestionChips, type SuggestionChipsProps } from './ui/SuggestionChips';
134
+ export { Callout, type CalloutTone, type CalloutProps } from './ui/Callout';
135
+ export { Snippet, type SnippetProps } from './ui/Snippet';
136
+ export { Globe, type GlobeMarker, type GlobeArc, type GlobeProps } from './ui/Globe';
137
+ export { WorldMap, type WorldMapPoint, type WorldMapConnection, type WorldMapProps } from './ui/WorldMap';
138
+ export { Confetti, fireConfetti, type ConfettiProps } from './ui/Confetti';
139
+ export { CursorTrail, type CursorTrailProps } from './ui/CursorTrail';
128
140
  export { CopyButton, type CopyButtonProps, PlayPauseButton, type PlayPauseButtonProps, MuteButton, type MuteButtonProps, LockButton, type LockButtonProps, ThemeMorphButton, type ThemeMorphButtonProps, } from './ui/MorphPresets';
129
141
  export { CodeTabs, type CodeTabsProps, type CodeTab } from './ui/CodeTabs';
130
142
  export { PillSearch, type PillSearchProps, type PillField } from './ui/PillSearch';