@a4ui/core 0.22.0 → 0.23.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.
- package/README.md +17 -9
- package/dist/NumberInput-enx_0iVh.js +488 -0
- package/dist/commerce/ConditionScale.d.ts +45 -0
- package/dist/commerce/FacetSidebar.d.ts +55 -0
- package/dist/commerce/PriceBlock.d.ts +50 -0
- package/dist/commerce/index.d.ts +3 -0
- package/dist/commerce.js +465 -150
- package/dist/elements.css +132 -0
- package/dist/full.css +132 -0
- package/dist/index.d.ts +5 -1
- package/dist/index.js +3026 -2827
- package/dist/ui/AnnouncementBar.d.ts +36 -0
- package/dist/ui/LogoWall.d.ts +31 -0
- package/dist/ui/RatingsSummary.d.ts +44 -0
- package/dist/ui/SpecSheet.d.ts +47 -0
- package/package.json +1 -1
- package/src/commerce/ConditionScale.tsx +114 -0
- package/src/commerce/FacetSidebar.tsx +222 -0
- package/src/commerce/PriceBlock.tsx +133 -0
- package/src/commerce/index.ts +9 -0
- package/src/index.ts +5 -1
- package/src/ui/AnnouncementBar.tsx +124 -0
- package/src/ui/LogoWall.tsx +94 -0
- package/src/ui/RatingsSummary.tsx +128 -0
- package/src/ui/SpecSheet.tsx +89 -0
- package/dist/Checkbox-DIzLQltI.js +0 -431
package/dist/elements.css
CHANGED
|
@@ -1679,9 +1679,15 @@ html.calm .tile-glass {
|
|
|
1679
1679
|
.ml-1 {
|
|
1680
1680
|
margin-left: 0.25rem;
|
|
1681
1681
|
}
|
|
1682
|
+
.ml-2 {
|
|
1683
|
+
margin-left: 0.5rem;
|
|
1684
|
+
}
|
|
1682
1685
|
.ml-4 {
|
|
1683
1686
|
margin-left: 1rem;
|
|
1684
1687
|
}
|
|
1688
|
+
.ml-auto {
|
|
1689
|
+
margin-left: auto;
|
|
1690
|
+
}
|
|
1685
1691
|
.mt-0\.5 {
|
|
1686
1692
|
margin-top: 0.125rem;
|
|
1687
1693
|
}
|
|
@@ -1842,6 +1848,9 @@ html.calm .tile-glass {
|
|
|
1842
1848
|
.h-px {
|
|
1843
1849
|
height: 1px;
|
|
1844
1850
|
}
|
|
1851
|
+
.max-h-10 {
|
|
1852
|
+
max-height: 2.5rem;
|
|
1853
|
+
}
|
|
1845
1854
|
.max-h-48 {
|
|
1846
1855
|
max-height: 12rem;
|
|
1847
1856
|
}
|
|
@@ -1935,6 +1944,9 @@ html.calm .tile-glass {
|
|
|
1935
1944
|
.w-6 {
|
|
1936
1945
|
width: 1.5rem;
|
|
1937
1946
|
}
|
|
1947
|
+
.w-64 {
|
|
1948
|
+
width: 16rem;
|
|
1949
|
+
}
|
|
1938
1950
|
.w-7 {
|
|
1939
1951
|
width: 1.75rem;
|
|
1940
1952
|
}
|
|
@@ -1971,6 +1983,9 @@ html.calm .tile-glass {
|
|
|
1971
1983
|
.w-\[520px\] {
|
|
1972
1984
|
width: 520px;
|
|
1973
1985
|
}
|
|
1986
|
+
.w-auto {
|
|
1987
|
+
width: auto;
|
|
1988
|
+
}
|
|
1974
1989
|
.w-fit {
|
|
1975
1990
|
width: fit-content;
|
|
1976
1991
|
}
|
|
@@ -2254,6 +2269,9 @@ html.calm .tile-glass {
|
|
|
2254
2269
|
.gap-x-6 {
|
|
2255
2270
|
column-gap: 1.5rem;
|
|
2256
2271
|
}
|
|
2272
|
+
.gap-x-8 {
|
|
2273
|
+
column-gap: 2rem;
|
|
2274
|
+
}
|
|
2257
2275
|
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
|
|
2258
2276
|
--tw-space-y-reverse: 0;
|
|
2259
2277
|
margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -2274,6 +2292,11 @@ html.calm .tile-glass {
|
|
|
2274
2292
|
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
2275
2293
|
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
2276
2294
|
}
|
|
2295
|
+
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
|
|
2296
|
+
--tw-space-y-reverse: 0;
|
|
2297
|
+
margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
2298
|
+
margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
|
|
2299
|
+
}
|
|
2277
2300
|
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
|
|
2278
2301
|
--tw-space-y-reverse: 0;
|
|
2279
2302
|
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -2293,6 +2316,9 @@ html.calm .tile-glass {
|
|
|
2293
2316
|
--tw-divide-opacity: 1;
|
|
2294
2317
|
border-color: hsl(var(--border) / var(--tw-divide-opacity, 1));
|
|
2295
2318
|
}
|
|
2319
|
+
.divide-border\/60 > :not([hidden]) ~ :not([hidden]) {
|
|
2320
|
+
border-color: hsl(var(--border) / 0.6);
|
|
2321
|
+
}
|
|
2296
2322
|
.self-stretch {
|
|
2297
2323
|
align-self: stretch;
|
|
2298
2324
|
}
|
|
@@ -2337,6 +2363,9 @@ html.calm .tile-glass {
|
|
|
2337
2363
|
.rounded-md {
|
|
2338
2364
|
border-radius: 0.375rem;
|
|
2339
2365
|
}
|
|
2366
|
+
.rounded-none {
|
|
2367
|
+
border-radius: 0px;
|
|
2368
|
+
}
|
|
2340
2369
|
.rounded-sm {
|
|
2341
2370
|
border-radius: 0.125rem;
|
|
2342
2371
|
}
|
|
@@ -2389,10 +2418,17 @@ html.calm .tile-glass {
|
|
|
2389
2418
|
.border-amber-500\/30 {
|
|
2390
2419
|
border-color: rgb(245 158 11 / 0.3);
|
|
2391
2420
|
}
|
|
2421
|
+
.border-background {
|
|
2422
|
+
--tw-border-opacity: 1;
|
|
2423
|
+
border-color: hsl(var(--background) / var(--tw-border-opacity, 1));
|
|
2424
|
+
}
|
|
2392
2425
|
.border-border {
|
|
2393
2426
|
--tw-border-opacity: 1;
|
|
2394
2427
|
border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
|
|
2395
2428
|
}
|
|
2429
|
+
.border-border\/60 {
|
|
2430
|
+
border-color: hsl(var(--border) / 0.6);
|
|
2431
|
+
}
|
|
2396
2432
|
.border-destructive\/30 {
|
|
2397
2433
|
border-color: hsl(var(--destructive) / 0.3);
|
|
2398
2434
|
}
|
|
@@ -2410,6 +2446,9 @@ html.calm .tile-glass {
|
|
|
2410
2446
|
.border-primary\/40 {
|
|
2411
2447
|
border-color: hsl(var(--primary) / 0.4);
|
|
2412
2448
|
}
|
|
2449
|
+
.border-primary\/50 {
|
|
2450
|
+
border-color: hsl(var(--primary) / 0.5);
|
|
2451
|
+
}
|
|
2413
2452
|
.border-ring {
|
|
2414
2453
|
--tw-border-opacity: 1;
|
|
2415
2454
|
border-color: hsl(var(--ring) / var(--tw-border-opacity, 1));
|
|
@@ -2449,6 +2488,9 @@ html.calm .tile-glass {
|
|
|
2449
2488
|
.bg-background\/90 {
|
|
2450
2489
|
background-color: hsl(var(--background) / 0.9);
|
|
2451
2490
|
}
|
|
2491
|
+
.bg-black\/10 {
|
|
2492
|
+
background-color: rgb(0 0 0 / 0.1);
|
|
2493
|
+
}
|
|
2452
2494
|
.bg-black\/50 {
|
|
2453
2495
|
background-color: rgb(0 0 0 / 0.5);
|
|
2454
2496
|
}
|
|
@@ -2460,6 +2502,9 @@ html.calm .tile-glass {
|
|
|
2460
2502
|
--tw-bg-opacity: 1;
|
|
2461
2503
|
background-color: hsl(var(--card) / var(--tw-bg-opacity, 1));
|
|
2462
2504
|
}
|
|
2505
|
+
.bg-card\/60 {
|
|
2506
|
+
background-color: hsl(var(--card) / 0.6);
|
|
2507
|
+
}
|
|
2463
2508
|
.bg-current {
|
|
2464
2509
|
background-color: currentColor;
|
|
2465
2510
|
}
|
|
@@ -2550,6 +2595,20 @@ html.calm .tile-glass {
|
|
|
2550
2595
|
--tw-bg-opacity: 1;
|
|
2551
2596
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
2552
2597
|
}
|
|
2598
|
+
.bg-gradient-to-r {
|
|
2599
|
+
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
|
2600
|
+
}
|
|
2601
|
+
.from-primary\/40 {
|
|
2602
|
+
--tw-gradient-from: hsl(var(--primary) / 0.4) var(--tw-gradient-from-position);
|
|
2603
|
+
--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
|
|
2604
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2605
|
+
}
|
|
2606
|
+
.to-primary {
|
|
2607
|
+
--tw-gradient-to: hsl(var(--primary) / 1) var(--tw-gradient-to-position);
|
|
2608
|
+
}
|
|
2609
|
+
.fill-muted {
|
|
2610
|
+
fill: hsl(var(--muted) / 1);
|
|
2611
|
+
}
|
|
2553
2612
|
.fill-primary {
|
|
2554
2613
|
fill: hsl(var(--primary) / 1);
|
|
2555
2614
|
}
|
|
@@ -2699,6 +2758,9 @@ html.calm .tile-glass {
|
|
|
2699
2758
|
.pr-1 {
|
|
2700
2759
|
padding-right: 0.25rem;
|
|
2701
2760
|
}
|
|
2761
|
+
.pr-10 {
|
|
2762
|
+
padding-right: 2.5rem;
|
|
2763
|
+
}
|
|
2702
2764
|
.pt-0 {
|
|
2703
2765
|
padding-top: 0px;
|
|
2704
2766
|
}
|
|
@@ -2860,6 +2922,10 @@ html.calm .tile-glass {
|
|
|
2860
2922
|
--tw-text-opacity: 1;
|
|
2861
2923
|
color: rgb(22 163 74 / var(--tw-text-opacity, 1));
|
|
2862
2924
|
}
|
|
2925
|
+
.text-muted {
|
|
2926
|
+
--tw-text-opacity: 1;
|
|
2927
|
+
color: hsl(var(--muted) / var(--tw-text-opacity, 1));
|
|
2928
|
+
}
|
|
2863
2929
|
.text-muted-foreground {
|
|
2864
2930
|
--tw-text-opacity: 1;
|
|
2865
2931
|
color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
|
|
@@ -2901,6 +2967,9 @@ html.calm .tile-glass {
|
|
|
2901
2967
|
.line-through {
|
|
2902
2968
|
text-decoration-line: line-through;
|
|
2903
2969
|
}
|
|
2970
|
+
.underline-offset-2 {
|
|
2971
|
+
text-underline-offset: 2px;
|
|
2972
|
+
}
|
|
2904
2973
|
.accent-foreground {
|
|
2905
2974
|
accent-color: hsl(var(--foreground) / 1);
|
|
2906
2975
|
}
|
|
@@ -3032,6 +3101,14 @@ html.calm .tile-glass {
|
|
|
3032
3101
|
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
|
|
3033
3102
|
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);
|
|
3034
3103
|
}
|
|
3104
|
+
.\!grayscale {
|
|
3105
|
+
--tw-grayscale: grayscale(100%) !important;
|
|
3106
|
+
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) !important;
|
|
3107
|
+
}
|
|
3108
|
+
.grayscale {
|
|
3109
|
+
--tw-grayscale: grayscale(100%);
|
|
3110
|
+
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);
|
|
3111
|
+
}
|
|
3035
3112
|
.filter {
|
|
3036
3113
|
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);
|
|
3037
3114
|
}
|
|
@@ -3194,6 +3271,9 @@ html.calm .tile-glass {
|
|
|
3194
3271
|
--tw-border-opacity: 1;
|
|
3195
3272
|
border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
|
|
3196
3273
|
}
|
|
3274
|
+
.hover\:border-primary\/50:hover {
|
|
3275
|
+
border-color: hsl(var(--primary) / 0.5);
|
|
3276
|
+
}
|
|
3197
3277
|
.hover\:border-ring\/60:hover {
|
|
3198
3278
|
border-color: hsl(var(--ring) / 0.6);
|
|
3199
3279
|
}
|
|
@@ -3226,6 +3306,12 @@ html.calm .tile-glass {
|
|
|
3226
3306
|
.hover\:underline:hover {
|
|
3227
3307
|
text-decoration-line: underline;
|
|
3228
3308
|
}
|
|
3309
|
+
.hover\:opacity-100:hover {
|
|
3310
|
+
opacity: 1;
|
|
3311
|
+
}
|
|
3312
|
+
.hover\:opacity-80:hover {
|
|
3313
|
+
opacity: 0.8;
|
|
3314
|
+
}
|
|
3229
3315
|
.hover\:opacity-90:hover {
|
|
3230
3316
|
opacity: 0.9;
|
|
3231
3317
|
}
|
|
@@ -3233,6 +3319,10 @@ html.calm .tile-glass {
|
|
|
3233
3319
|
--tw-brightness: brightness(1.1);
|
|
3234
3320
|
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);
|
|
3235
3321
|
}
|
|
3322
|
+
.hover\:grayscale-0:hover {
|
|
3323
|
+
--tw-grayscale: grayscale(0);
|
|
3324
|
+
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);
|
|
3325
|
+
}
|
|
3236
3326
|
.hover\:\[animation-play-state\:paused\]:hover {
|
|
3237
3327
|
animation-play-state: paused;
|
|
3238
3328
|
}
|
|
@@ -3415,6 +3505,16 @@ html.calm .tile-glass {
|
|
|
3415
3505
|
gap: 0.75rem;
|
|
3416
3506
|
}
|
|
3417
3507
|
|
|
3508
|
+
.sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
|
|
3509
|
+
--tw-divide-y-reverse: 0;
|
|
3510
|
+
border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
|
|
3511
|
+
border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
|
|
3512
|
+
}
|
|
3513
|
+
|
|
3514
|
+
.sm\:border-b {
|
|
3515
|
+
border-bottom-width: 1px;
|
|
3516
|
+
}
|
|
3517
|
+
|
|
3418
3518
|
.sm\:px-6 {
|
|
3419
3519
|
padding-left: 1.5rem;
|
|
3420
3520
|
padding-right: 1.5rem;
|
|
@@ -3430,6 +3530,34 @@ html.calm .tile-glass {
|
|
|
3430
3530
|
.md\:grid-cols-2 {
|
|
3431
3531
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
3432
3532
|
}
|
|
3533
|
+
|
|
3534
|
+
.md\:grid-cols-3 {
|
|
3535
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
3536
|
+
}
|
|
3537
|
+
|
|
3538
|
+
.md\:grid-cols-4 {
|
|
3539
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
3540
|
+
}
|
|
3541
|
+
|
|
3542
|
+
.md\:grid-cols-5 {
|
|
3543
|
+
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
3544
|
+
}
|
|
3545
|
+
|
|
3546
|
+
.md\:grid-cols-6 {
|
|
3547
|
+
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
3548
|
+
}
|
|
3549
|
+
|
|
3550
|
+
.md\:grid-cols-7 {
|
|
3551
|
+
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
3552
|
+
}
|
|
3553
|
+
|
|
3554
|
+
.md\:grid-cols-8 {
|
|
3555
|
+
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
3556
|
+
}
|
|
3557
|
+
|
|
3558
|
+
.md\:gap-8 {
|
|
3559
|
+
gap: 2rem;
|
|
3560
|
+
}
|
|
3433
3561
|
}
|
|
3434
3562
|
@media (min-width: 1024px) {
|
|
3435
3563
|
|
|
@@ -3440,6 +3568,10 @@ html.calm .tile-glass {
|
|
|
3440
3568
|
.lg\:grid-cols-4 {
|
|
3441
3569
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
3442
3570
|
}
|
|
3571
|
+
|
|
3572
|
+
.lg\:grid-cols-6 {
|
|
3573
|
+
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
3574
|
+
}
|
|
3443
3575
|
}
|
|
3444
3576
|
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
|
|
3445
3577
|
display: none;
|
package/dist/full.css
CHANGED
|
@@ -1679,9 +1679,15 @@ html.calm .tile-glass {
|
|
|
1679
1679
|
.ml-1 {
|
|
1680
1680
|
margin-left: 0.25rem;
|
|
1681
1681
|
}
|
|
1682
|
+
.ml-2 {
|
|
1683
|
+
margin-left: 0.5rem;
|
|
1684
|
+
}
|
|
1682
1685
|
.ml-4 {
|
|
1683
1686
|
margin-left: 1rem;
|
|
1684
1687
|
}
|
|
1688
|
+
.ml-auto {
|
|
1689
|
+
margin-left: auto;
|
|
1690
|
+
}
|
|
1685
1691
|
.mt-0\.5 {
|
|
1686
1692
|
margin-top: 0.125rem;
|
|
1687
1693
|
}
|
|
@@ -1842,6 +1848,9 @@ html.calm .tile-glass {
|
|
|
1842
1848
|
.h-px {
|
|
1843
1849
|
height: 1px;
|
|
1844
1850
|
}
|
|
1851
|
+
.max-h-10 {
|
|
1852
|
+
max-height: 2.5rem;
|
|
1853
|
+
}
|
|
1845
1854
|
.max-h-48 {
|
|
1846
1855
|
max-height: 12rem;
|
|
1847
1856
|
}
|
|
@@ -1935,6 +1944,9 @@ html.calm .tile-glass {
|
|
|
1935
1944
|
.w-6 {
|
|
1936
1945
|
width: 1.5rem;
|
|
1937
1946
|
}
|
|
1947
|
+
.w-64 {
|
|
1948
|
+
width: 16rem;
|
|
1949
|
+
}
|
|
1938
1950
|
.w-7 {
|
|
1939
1951
|
width: 1.75rem;
|
|
1940
1952
|
}
|
|
@@ -1971,6 +1983,9 @@ html.calm .tile-glass {
|
|
|
1971
1983
|
.w-\[520px\] {
|
|
1972
1984
|
width: 520px;
|
|
1973
1985
|
}
|
|
1986
|
+
.w-auto {
|
|
1987
|
+
width: auto;
|
|
1988
|
+
}
|
|
1974
1989
|
.w-fit {
|
|
1975
1990
|
width: fit-content;
|
|
1976
1991
|
}
|
|
@@ -2254,6 +2269,9 @@ html.calm .tile-glass {
|
|
|
2254
2269
|
.gap-x-6 {
|
|
2255
2270
|
column-gap: 1.5rem;
|
|
2256
2271
|
}
|
|
2272
|
+
.gap-x-8 {
|
|
2273
|
+
column-gap: 2rem;
|
|
2274
|
+
}
|
|
2257
2275
|
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
|
|
2258
2276
|
--tw-space-y-reverse: 0;
|
|
2259
2277
|
margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -2274,6 +2292,11 @@ html.calm .tile-glass {
|
|
|
2274
2292
|
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
2275
2293
|
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
2276
2294
|
}
|
|
2295
|
+
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
|
|
2296
|
+
--tw-space-y-reverse: 0;
|
|
2297
|
+
margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
2298
|
+
margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
|
|
2299
|
+
}
|
|
2277
2300
|
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
|
|
2278
2301
|
--tw-space-y-reverse: 0;
|
|
2279
2302
|
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -2293,6 +2316,9 @@ html.calm .tile-glass {
|
|
|
2293
2316
|
--tw-divide-opacity: 1;
|
|
2294
2317
|
border-color: hsl(var(--border) / var(--tw-divide-opacity, 1));
|
|
2295
2318
|
}
|
|
2319
|
+
.divide-border\/60 > :not([hidden]) ~ :not([hidden]) {
|
|
2320
|
+
border-color: hsl(var(--border) / 0.6);
|
|
2321
|
+
}
|
|
2296
2322
|
.self-stretch {
|
|
2297
2323
|
align-self: stretch;
|
|
2298
2324
|
}
|
|
@@ -2337,6 +2363,9 @@ html.calm .tile-glass {
|
|
|
2337
2363
|
.rounded-md {
|
|
2338
2364
|
border-radius: 0.375rem;
|
|
2339
2365
|
}
|
|
2366
|
+
.rounded-none {
|
|
2367
|
+
border-radius: 0px;
|
|
2368
|
+
}
|
|
2340
2369
|
.rounded-sm {
|
|
2341
2370
|
border-radius: 0.125rem;
|
|
2342
2371
|
}
|
|
@@ -2389,10 +2418,17 @@ html.calm .tile-glass {
|
|
|
2389
2418
|
.border-amber-500\/30 {
|
|
2390
2419
|
border-color: rgb(245 158 11 / 0.3);
|
|
2391
2420
|
}
|
|
2421
|
+
.border-background {
|
|
2422
|
+
--tw-border-opacity: 1;
|
|
2423
|
+
border-color: hsl(var(--background) / var(--tw-border-opacity, 1));
|
|
2424
|
+
}
|
|
2392
2425
|
.border-border {
|
|
2393
2426
|
--tw-border-opacity: 1;
|
|
2394
2427
|
border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
|
|
2395
2428
|
}
|
|
2429
|
+
.border-border\/60 {
|
|
2430
|
+
border-color: hsl(var(--border) / 0.6);
|
|
2431
|
+
}
|
|
2396
2432
|
.border-destructive\/30 {
|
|
2397
2433
|
border-color: hsl(var(--destructive) / 0.3);
|
|
2398
2434
|
}
|
|
@@ -2410,6 +2446,9 @@ html.calm .tile-glass {
|
|
|
2410
2446
|
.border-primary\/40 {
|
|
2411
2447
|
border-color: hsl(var(--primary) / 0.4);
|
|
2412
2448
|
}
|
|
2449
|
+
.border-primary\/50 {
|
|
2450
|
+
border-color: hsl(var(--primary) / 0.5);
|
|
2451
|
+
}
|
|
2413
2452
|
.border-ring {
|
|
2414
2453
|
--tw-border-opacity: 1;
|
|
2415
2454
|
border-color: hsl(var(--ring) / var(--tw-border-opacity, 1));
|
|
@@ -2449,6 +2488,9 @@ html.calm .tile-glass {
|
|
|
2449
2488
|
.bg-background\/90 {
|
|
2450
2489
|
background-color: hsl(var(--background) / 0.9);
|
|
2451
2490
|
}
|
|
2491
|
+
.bg-black\/10 {
|
|
2492
|
+
background-color: rgb(0 0 0 / 0.1);
|
|
2493
|
+
}
|
|
2452
2494
|
.bg-black\/50 {
|
|
2453
2495
|
background-color: rgb(0 0 0 / 0.5);
|
|
2454
2496
|
}
|
|
@@ -2460,6 +2502,9 @@ html.calm .tile-glass {
|
|
|
2460
2502
|
--tw-bg-opacity: 1;
|
|
2461
2503
|
background-color: hsl(var(--card) / var(--tw-bg-opacity, 1));
|
|
2462
2504
|
}
|
|
2505
|
+
.bg-card\/60 {
|
|
2506
|
+
background-color: hsl(var(--card) / 0.6);
|
|
2507
|
+
}
|
|
2463
2508
|
.bg-current {
|
|
2464
2509
|
background-color: currentColor;
|
|
2465
2510
|
}
|
|
@@ -2550,6 +2595,20 @@ html.calm .tile-glass {
|
|
|
2550
2595
|
--tw-bg-opacity: 1;
|
|
2551
2596
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
2552
2597
|
}
|
|
2598
|
+
.bg-gradient-to-r {
|
|
2599
|
+
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
|
2600
|
+
}
|
|
2601
|
+
.from-primary\/40 {
|
|
2602
|
+
--tw-gradient-from: hsl(var(--primary) / 0.4) var(--tw-gradient-from-position);
|
|
2603
|
+
--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
|
|
2604
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2605
|
+
}
|
|
2606
|
+
.to-primary {
|
|
2607
|
+
--tw-gradient-to: hsl(var(--primary) / 1) var(--tw-gradient-to-position);
|
|
2608
|
+
}
|
|
2609
|
+
.fill-muted {
|
|
2610
|
+
fill: hsl(var(--muted) / 1);
|
|
2611
|
+
}
|
|
2553
2612
|
.fill-primary {
|
|
2554
2613
|
fill: hsl(var(--primary) / 1);
|
|
2555
2614
|
}
|
|
@@ -2699,6 +2758,9 @@ html.calm .tile-glass {
|
|
|
2699
2758
|
.pr-1 {
|
|
2700
2759
|
padding-right: 0.25rem;
|
|
2701
2760
|
}
|
|
2761
|
+
.pr-10 {
|
|
2762
|
+
padding-right: 2.5rem;
|
|
2763
|
+
}
|
|
2702
2764
|
.pt-0 {
|
|
2703
2765
|
padding-top: 0px;
|
|
2704
2766
|
}
|
|
@@ -2860,6 +2922,10 @@ html.calm .tile-glass {
|
|
|
2860
2922
|
--tw-text-opacity: 1;
|
|
2861
2923
|
color: rgb(22 163 74 / var(--tw-text-opacity, 1));
|
|
2862
2924
|
}
|
|
2925
|
+
.text-muted {
|
|
2926
|
+
--tw-text-opacity: 1;
|
|
2927
|
+
color: hsl(var(--muted) / var(--tw-text-opacity, 1));
|
|
2928
|
+
}
|
|
2863
2929
|
.text-muted-foreground {
|
|
2864
2930
|
--tw-text-opacity: 1;
|
|
2865
2931
|
color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
|
|
@@ -2901,6 +2967,9 @@ html.calm .tile-glass {
|
|
|
2901
2967
|
.line-through {
|
|
2902
2968
|
text-decoration-line: line-through;
|
|
2903
2969
|
}
|
|
2970
|
+
.underline-offset-2 {
|
|
2971
|
+
text-underline-offset: 2px;
|
|
2972
|
+
}
|
|
2904
2973
|
.accent-foreground {
|
|
2905
2974
|
accent-color: hsl(var(--foreground) / 1);
|
|
2906
2975
|
}
|
|
@@ -3032,6 +3101,14 @@ html.calm .tile-glass {
|
|
|
3032
3101
|
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
|
|
3033
3102
|
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);
|
|
3034
3103
|
}
|
|
3104
|
+
.\!grayscale {
|
|
3105
|
+
--tw-grayscale: grayscale(100%) !important;
|
|
3106
|
+
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) !important;
|
|
3107
|
+
}
|
|
3108
|
+
.grayscale {
|
|
3109
|
+
--tw-grayscale: grayscale(100%);
|
|
3110
|
+
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);
|
|
3111
|
+
}
|
|
3035
3112
|
.filter {
|
|
3036
3113
|
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);
|
|
3037
3114
|
}
|
|
@@ -3194,6 +3271,9 @@ html.calm .tile-glass {
|
|
|
3194
3271
|
--tw-border-opacity: 1;
|
|
3195
3272
|
border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
|
|
3196
3273
|
}
|
|
3274
|
+
.hover\:border-primary\/50:hover {
|
|
3275
|
+
border-color: hsl(var(--primary) / 0.5);
|
|
3276
|
+
}
|
|
3197
3277
|
.hover\:border-ring\/60:hover {
|
|
3198
3278
|
border-color: hsl(var(--ring) / 0.6);
|
|
3199
3279
|
}
|
|
@@ -3226,6 +3306,12 @@ html.calm .tile-glass {
|
|
|
3226
3306
|
.hover\:underline:hover {
|
|
3227
3307
|
text-decoration-line: underline;
|
|
3228
3308
|
}
|
|
3309
|
+
.hover\:opacity-100:hover {
|
|
3310
|
+
opacity: 1;
|
|
3311
|
+
}
|
|
3312
|
+
.hover\:opacity-80:hover {
|
|
3313
|
+
opacity: 0.8;
|
|
3314
|
+
}
|
|
3229
3315
|
.hover\:opacity-90:hover {
|
|
3230
3316
|
opacity: 0.9;
|
|
3231
3317
|
}
|
|
@@ -3233,6 +3319,10 @@ html.calm .tile-glass {
|
|
|
3233
3319
|
--tw-brightness: brightness(1.1);
|
|
3234
3320
|
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);
|
|
3235
3321
|
}
|
|
3322
|
+
.hover\:grayscale-0:hover {
|
|
3323
|
+
--tw-grayscale: grayscale(0);
|
|
3324
|
+
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);
|
|
3325
|
+
}
|
|
3236
3326
|
.hover\:\[animation-play-state\:paused\]:hover {
|
|
3237
3327
|
animation-play-state: paused;
|
|
3238
3328
|
}
|
|
@@ -3415,6 +3505,16 @@ html.calm .tile-glass {
|
|
|
3415
3505
|
gap: 0.75rem;
|
|
3416
3506
|
}
|
|
3417
3507
|
|
|
3508
|
+
.sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
|
|
3509
|
+
--tw-divide-y-reverse: 0;
|
|
3510
|
+
border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
|
|
3511
|
+
border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
|
|
3512
|
+
}
|
|
3513
|
+
|
|
3514
|
+
.sm\:border-b {
|
|
3515
|
+
border-bottom-width: 1px;
|
|
3516
|
+
}
|
|
3517
|
+
|
|
3418
3518
|
.sm\:px-6 {
|
|
3419
3519
|
padding-left: 1.5rem;
|
|
3420
3520
|
padding-right: 1.5rem;
|
|
@@ -3430,6 +3530,34 @@ html.calm .tile-glass {
|
|
|
3430
3530
|
.md\:grid-cols-2 {
|
|
3431
3531
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
3432
3532
|
}
|
|
3533
|
+
|
|
3534
|
+
.md\:grid-cols-3 {
|
|
3535
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
3536
|
+
}
|
|
3537
|
+
|
|
3538
|
+
.md\:grid-cols-4 {
|
|
3539
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
3540
|
+
}
|
|
3541
|
+
|
|
3542
|
+
.md\:grid-cols-5 {
|
|
3543
|
+
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
3544
|
+
}
|
|
3545
|
+
|
|
3546
|
+
.md\:grid-cols-6 {
|
|
3547
|
+
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
3548
|
+
}
|
|
3549
|
+
|
|
3550
|
+
.md\:grid-cols-7 {
|
|
3551
|
+
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
3552
|
+
}
|
|
3553
|
+
|
|
3554
|
+
.md\:grid-cols-8 {
|
|
3555
|
+
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
3556
|
+
}
|
|
3557
|
+
|
|
3558
|
+
.md\:gap-8 {
|
|
3559
|
+
gap: 2rem;
|
|
3560
|
+
}
|
|
3433
3561
|
}
|
|
3434
3562
|
@media (min-width: 1024px) {
|
|
3435
3563
|
|
|
@@ -3440,6 +3568,10 @@ html.calm .tile-glass {
|
|
|
3440
3568
|
.lg\:grid-cols-4 {
|
|
3441
3569
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
3442
3570
|
}
|
|
3571
|
+
|
|
3572
|
+
.lg\:grid-cols-6 {
|
|
3573
|
+
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
3574
|
+
}
|
|
3443
3575
|
}
|
|
3444
3576
|
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
|
|
3445
3577
|
display: none;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const A4UI_VERSION = "0.
|
|
1
|
+
export declare const A4UI_VERSION = "0.23.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';
|
|
@@ -38,6 +38,7 @@ export { Tooltip } from './ui/Tooltip';
|
|
|
38
38
|
export { Popover } from './ui/Popover';
|
|
39
39
|
export { HoverCard } from './ui/HoverCard';
|
|
40
40
|
export { Alert, type AlertTone } from './ui/Alert';
|
|
41
|
+
export { AnnouncementBar, type AnnouncementBarProps, type AnnouncementTone } from './ui/AnnouncementBar';
|
|
41
42
|
export { Avatar } from './ui/Avatar';
|
|
42
43
|
export { Skeleton } from './ui/Skeleton';
|
|
43
44
|
export { Separator } from './ui/Separator';
|
|
@@ -65,6 +66,8 @@ export { Tree, type TreeNode, type TreeProps } from './ui/Tree';
|
|
|
65
66
|
export { Kbd } from './ui/Kbd';
|
|
66
67
|
export { AvatarGroup, type AvatarGroupProps } from './ui/AvatarGroup';
|
|
67
68
|
export { Descriptions, type DescriptionItem, type DescriptionsProps } from './ui/Descriptions';
|
|
69
|
+
export { SpecSheet, type SpecSheetProps, type SpecGroup, type SpecRow } from './ui/SpecSheet';
|
|
70
|
+
export { RatingsSummary, type RatingsSummaryProps, type RatingSource } from './ui/RatingsSummary';
|
|
68
71
|
export { Result, type ResultStatus, type ResultProps } from './ui/Result';
|
|
69
72
|
export { Splitter, type SplitterProps } from './ui/Splitter';
|
|
70
73
|
export { Command, type CommandItem, type CommandProps } from './ui/Command';
|
|
@@ -83,6 +86,7 @@ export { Image, type ImageProps } from './ui/Image';
|
|
|
83
86
|
export { SpeedDial, type SpeedDialAction, type SpeedDialProps } from './ui/SpeedDial';
|
|
84
87
|
export { BottomNavigation, type BottomNavItem, type BottomNavigationProps } from './ui/BottomNavigation';
|
|
85
88
|
export { Marquee } from './ui/Marquee';
|
|
89
|
+
export { LogoWall, type LogoWallProps, type LogoItem } from './ui/LogoWall';
|
|
86
90
|
export { DataGrid, type DataGridColumn, type DataGridProps } from './ui/DataGrid';
|
|
87
91
|
export { TreeSelect, type TreeSelectProps } from './ui/TreeSelect';
|
|
88
92
|
export { Cascader, type CascaderOption, type CascaderProps } from './ui/Cascader';
|