@moontra/moonui 6.9.0 → 6.11.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/dist/hooks/index.global.js +6 -1
- package/dist/hooks/index.global.js.map +1 -1
- package/dist/index.d.mts +34 -33
- package/dist/index.d.ts +34 -33
- package/dist/index.global.js +365 -52
- package/dist/index.global.js.map +1 -1
- package/dist/index.js +121 -78
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +121 -78
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/ui/__tests__/checkbox.test.tsx +3 -3
- package/src/components/ui/__tests__/collapsible.test.tsx +5 -5
- package/src/components/ui/__tests__/dialog.test.tsx +2 -2
- package/src/components/ui/__tests__/preset-color-shadowing.test.ts +71 -0
- package/src/components/ui/__tests__/progress.test.tsx +4 -4
- package/src/components/ui/__tests__/radio-group.test.tsx +4 -4
- package/src/components/ui/__tests__/semantic-token-usage.test.ts +120 -0
- package/src/components/ui/__tests__/size-scale-convention.test.ts +189 -0
- package/src/components/ui/__tests__/slider.test.tsx +4 -4
- package/src/components/ui/__tests__/toast.test.tsx +6 -3
- package/src/components/ui/__tests__/tooltip.test.tsx +8 -4
- package/src/components/ui/alert.tsx +5 -3
- package/src/components/ui/avatar.tsx +3 -2
- package/src/components/ui/breadcrumb.tsx +4 -2
- package/src/components/ui/card.tsx +4 -2
- package/src/components/ui/checkbox.tsx +5 -3
- package/src/components/ui/collapsible.tsx +10 -6
- package/src/components/ui/color-picker.tsx +11 -5
- package/src/components/ui/command.tsx +4 -2
- package/src/components/ui/date-picker.tsx +4 -2
- package/src/components/ui/dialog.tsx +7 -5
- package/src/components/ui/popover-pro.tsx +5 -3
- package/src/components/ui/popover.tsx +4 -2
- package/src/components/ui/progress.tsx +6 -4
- package/src/components/ui/radio-group.tsx +5 -3
- package/src/components/ui/skeleton.tsx +4 -2
- package/src/components/ui/slider.tsx +10 -6
- package/src/components/ui/table.tsx +4 -2
- package/src/components/ui/toast.tsx +4 -4
- package/src/components/ui/toggle-group.tsx +4 -1
- package/src/components/ui/toggle.tsx +4 -2
- package/src/components/ui/tooltip.tsx +3 -3
- package/src/styles/tokens.css +43 -2
- package/tailwind-preset.js +17 -7
- package/src/use-toast.ts +0 -32
package/dist/index.mjs
CHANGED
|
@@ -111,8 +111,10 @@ var alertVariants = cva(
|
|
|
111
111
|
},
|
|
112
112
|
size: {
|
|
113
113
|
sm: "py-2 text-xs",
|
|
114
|
-
|
|
115
|
-
lg: "py-4 text-base"
|
|
114
|
+
md: "py-3 text-sm",
|
|
115
|
+
lg: "py-4 text-base",
|
|
116
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
117
|
+
default: "py-3 text-sm"
|
|
116
118
|
},
|
|
117
119
|
radius: {
|
|
118
120
|
none: "rounded-none",
|
|
@@ -127,7 +129,7 @@ var alertVariants = cva(
|
|
|
127
129
|
},
|
|
128
130
|
defaultVariants: {
|
|
129
131
|
variant: "default",
|
|
130
|
-
size: "
|
|
132
|
+
size: "md",
|
|
131
133
|
radius: "default",
|
|
132
134
|
withClose: false
|
|
133
135
|
}
|
|
@@ -268,13 +270,14 @@ var avatarVariants = cva(
|
|
|
268
270
|
{
|
|
269
271
|
variants: {
|
|
270
272
|
size: {
|
|
271
|
-
default: "h-10 w-10",
|
|
272
273
|
xs: "h-6 w-6",
|
|
273
274
|
sm: "h-8 w-8",
|
|
274
275
|
md: "h-10 w-10",
|
|
275
276
|
lg: "h-12 w-12",
|
|
276
277
|
xl: "h-16 w-16",
|
|
277
|
-
"2xl": "h-20 w-20"
|
|
278
|
+
"2xl": "h-20 w-20",
|
|
279
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
280
|
+
default: "h-10 w-10"
|
|
278
281
|
},
|
|
279
282
|
radius: {
|
|
280
283
|
default: "rounded-full",
|
|
@@ -291,7 +294,7 @@ var avatarVariants = cva(
|
|
|
291
294
|
}
|
|
292
295
|
},
|
|
293
296
|
defaultVariants: {
|
|
294
|
-
size: "
|
|
297
|
+
size: "md",
|
|
295
298
|
radius: "default",
|
|
296
299
|
variant: "default"
|
|
297
300
|
}
|
|
@@ -557,14 +560,16 @@ var breadcrumbVariants = cva(
|
|
|
557
560
|
ghost: "text-foreground/60 transition-colors"
|
|
558
561
|
},
|
|
559
562
|
size: {
|
|
560
|
-
|
|
563
|
+
md: "text-sm",
|
|
561
564
|
sm: "text-xs",
|
|
562
|
-
lg: "text-base"
|
|
565
|
+
lg: "text-base",
|
|
566
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
567
|
+
default: "text-sm"
|
|
563
568
|
}
|
|
564
569
|
},
|
|
565
570
|
defaultVariants: {
|
|
566
571
|
variant: "default",
|
|
567
|
-
size: "
|
|
572
|
+
size: "md"
|
|
568
573
|
}
|
|
569
574
|
}
|
|
570
575
|
);
|
|
@@ -1066,10 +1071,12 @@ var cardVariants = cva(
|
|
|
1066
1071
|
glass: "border border-white/20 bg-white/10 backdrop-blur-md dark:border-gray-700/30 dark:bg-gray-800/10"
|
|
1067
1072
|
},
|
|
1068
1073
|
size: {
|
|
1069
|
-
|
|
1074
|
+
md: "",
|
|
1070
1075
|
sm: "",
|
|
1071
1076
|
lg: "",
|
|
1072
|
-
xl: ""
|
|
1077
|
+
xl: "",
|
|
1078
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
1079
|
+
default: ""
|
|
1073
1080
|
},
|
|
1074
1081
|
radius: {
|
|
1075
1082
|
default: "rounded-lg",
|
|
@@ -1085,7 +1092,7 @@ var cardVariants = cva(
|
|
|
1085
1092
|
},
|
|
1086
1093
|
defaultVariants: {
|
|
1087
1094
|
variant: "default",
|
|
1088
|
-
size: "
|
|
1095
|
+
size: "md",
|
|
1089
1096
|
radius: "default"
|
|
1090
1097
|
}
|
|
1091
1098
|
}
|
|
@@ -1753,9 +1760,11 @@ var checkboxVariants = cva(
|
|
|
1753
1760
|
},
|
|
1754
1761
|
size: {
|
|
1755
1762
|
sm: "h-3.5 w-3.5",
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1763
|
+
md: "h-4 w-4",
|
|
1764
|
+
lg: "h-5 w-5",
|
|
1765
|
+
xl: "h-6 w-6",
|
|
1766
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
1767
|
+
default: "h-4 w-4"
|
|
1759
1768
|
},
|
|
1760
1769
|
radius: {
|
|
1761
1770
|
none: "rounded-none",
|
|
@@ -1773,7 +1782,7 @@ var checkboxVariants = cva(
|
|
|
1773
1782
|
},
|
|
1774
1783
|
defaultVariants: {
|
|
1775
1784
|
variant: "default",
|
|
1776
|
-
size: "
|
|
1785
|
+
size: "md",
|
|
1777
1786
|
radius: "default",
|
|
1778
1787
|
animation: "default"
|
|
1779
1788
|
}
|
|
@@ -1898,14 +1907,16 @@ var collapsibleTriggerVariants = cva(
|
|
|
1898
1907
|
},
|
|
1899
1908
|
size: {
|
|
1900
1909
|
sm: "text-xs py-2 px-3",
|
|
1901
|
-
|
|
1902
|
-
|
|
1903
|
-
|
|
1910
|
+
md: "text-sm py-3 px-4",
|
|
1911
|
+
lg: "text-base py-4 px-4",
|
|
1912
|
+
xl: "text-lg py-5 px-5",
|
|
1913
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
1914
|
+
default: "text-sm py-3 px-4"
|
|
1904
1915
|
}
|
|
1905
1916
|
},
|
|
1906
1917
|
defaultVariants: {
|
|
1907
1918
|
variant: "default",
|
|
1908
|
-
size: "
|
|
1919
|
+
size: "md"
|
|
1909
1920
|
}
|
|
1910
1921
|
}
|
|
1911
1922
|
);
|
|
@@ -1947,14 +1958,16 @@ var collapsibleContentVariants = cva(
|
|
|
1947
1958
|
},
|
|
1948
1959
|
size: {
|
|
1949
1960
|
sm: "text-xs",
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
|
|
1961
|
+
md: "text-sm",
|
|
1962
|
+
lg: "text-base",
|
|
1963
|
+
xl: "text-lg",
|
|
1964
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
1965
|
+
default: "text-sm"
|
|
1953
1966
|
}
|
|
1954
1967
|
},
|
|
1955
1968
|
defaultVariants: {
|
|
1956
1969
|
variant: "default",
|
|
1957
|
-
size: "
|
|
1970
|
+
size: "md"
|
|
1958
1971
|
}
|
|
1959
1972
|
}
|
|
1960
1973
|
);
|
|
@@ -2191,8 +2204,10 @@ var popoverContentVariants = cva(
|
|
|
2191
2204
|
},
|
|
2192
2205
|
size: {
|
|
2193
2206
|
sm: "w-48 p-3",
|
|
2194
|
-
|
|
2195
|
-
lg: "w-96 p-5"
|
|
2207
|
+
md: "w-72 p-4",
|
|
2208
|
+
lg: "w-96 p-5",
|
|
2209
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
2210
|
+
default: "w-72 p-4"
|
|
2196
2211
|
},
|
|
2197
2212
|
side: {
|
|
2198
2213
|
top: "data-[side=top]:slide-in-from-bottom-2",
|
|
@@ -2222,7 +2237,7 @@ var popoverContentVariants = cva(
|
|
|
2222
2237
|
},
|
|
2223
2238
|
defaultVariants: {
|
|
2224
2239
|
variant: "default",
|
|
2225
|
-
size: "
|
|
2240
|
+
size: "md",
|
|
2226
2241
|
radius: "default",
|
|
2227
2242
|
shadow: "default"
|
|
2228
2243
|
}
|
|
@@ -2451,13 +2466,15 @@ var sliderVariants = cva(
|
|
|
2451
2466
|
variants: {
|
|
2452
2467
|
size: {
|
|
2453
2468
|
sm: "h-5",
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
|
|
2469
|
+
md: "h-6",
|
|
2470
|
+
lg: "h-8",
|
|
2471
|
+
xl: "h-10",
|
|
2472
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
2473
|
+
default: "h-6"
|
|
2457
2474
|
}
|
|
2458
2475
|
},
|
|
2459
2476
|
defaultVariants: {
|
|
2460
|
-
size: "
|
|
2477
|
+
size: "md"
|
|
2461
2478
|
}
|
|
2462
2479
|
}
|
|
2463
2480
|
);
|
|
@@ -2514,14 +2531,16 @@ var sliderThumbVariants = cva(
|
|
|
2514
2531
|
},
|
|
2515
2532
|
size: {
|
|
2516
2533
|
sm: "h-3 w-3",
|
|
2517
|
-
|
|
2518
|
-
|
|
2519
|
-
|
|
2534
|
+
md: "h-4 w-4",
|
|
2535
|
+
lg: "h-5 w-5",
|
|
2536
|
+
xl: "h-6 w-6",
|
|
2537
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
2538
|
+
default: "h-4 w-4"
|
|
2520
2539
|
}
|
|
2521
2540
|
},
|
|
2522
2541
|
defaultVariants: {
|
|
2523
2542
|
variant: "primary",
|
|
2524
|
-
size: "
|
|
2543
|
+
size: "md"
|
|
2525
2544
|
}
|
|
2526
2545
|
}
|
|
2527
2546
|
);
|
|
@@ -2724,10 +2743,12 @@ var colorPickerVariants = cva(
|
|
|
2724
2743
|
{
|
|
2725
2744
|
variants: {
|
|
2726
2745
|
size: {
|
|
2727
|
-
|
|
2746
|
+
md: "h-10 w-10",
|
|
2728
2747
|
sm: "h-8 w-8",
|
|
2729
2748
|
lg: "h-12 w-12",
|
|
2730
|
-
xl: "h-16 w-16"
|
|
2749
|
+
xl: "h-16 w-16",
|
|
2750
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
2751
|
+
default: "h-10 w-10"
|
|
2731
2752
|
},
|
|
2732
2753
|
shape: {
|
|
2733
2754
|
square: "rounded-md",
|
|
@@ -2736,7 +2757,7 @@ var colorPickerVariants = cva(
|
|
|
2736
2757
|
}
|
|
2737
2758
|
},
|
|
2738
2759
|
defaultVariants: {
|
|
2739
|
-
size: "
|
|
2760
|
+
size: "md",
|
|
2740
2761
|
shape: "square"
|
|
2741
2762
|
}
|
|
2742
2763
|
}
|
|
@@ -3243,12 +3264,15 @@ function SimpleColorPicker({
|
|
|
3243
3264
|
onChange,
|
|
3244
3265
|
colors = defaultPresets.slice(0, 10),
|
|
3245
3266
|
className,
|
|
3246
|
-
|
|
3267
|
+
// #319: varsayılan kanonik ada çekildi (aynı CSS: h-8 w-8)
|
|
3268
|
+
size = "md"
|
|
3247
3269
|
}) {
|
|
3248
3270
|
const sizeClasses = {
|
|
3249
3271
|
sm: "h-6 w-6",
|
|
3250
|
-
|
|
3251
|
-
lg: "h-10 w-10"
|
|
3272
|
+
md: "h-8 w-8",
|
|
3273
|
+
lg: "h-10 w-10",
|
|
3274
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
3275
|
+
default: "h-8 w-8"
|
|
3252
3276
|
};
|
|
3253
3277
|
return /* @__PURE__ */ jsx("div", { className: cn("moonui-theme", "flex flex-wrap gap-2", className), children: colors.map((color) => /* @__PURE__ */ jsx(
|
|
3254
3278
|
"button",
|
|
@@ -3382,11 +3406,13 @@ var dialogContentVariants = cva(
|
|
|
3382
3406
|
size: {
|
|
3383
3407
|
xs: "max-w-xs p-4",
|
|
3384
3408
|
sm: "max-w-sm p-5",
|
|
3385
|
-
|
|
3409
|
+
lg: "max-w-lg p-6",
|
|
3386
3410
|
md: "max-w-md p-6",
|
|
3387
|
-
|
|
3388
|
-
|
|
3389
|
-
full: "max-w-[95vw] max-h-[95vh] p-6"
|
|
3411
|
+
xl: "max-w-2xl p-7",
|
|
3412
|
+
"2xl": "max-w-4xl p-8",
|
|
3413
|
+
full: "max-w-[95vw] max-h-[95vh] p-6",
|
|
3414
|
+
/** @deprecated `lg` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
3415
|
+
default: "max-w-lg p-6"
|
|
3390
3416
|
},
|
|
3391
3417
|
radius: {
|
|
3392
3418
|
none: "rounded-none",
|
|
@@ -3411,7 +3437,7 @@ var dialogContentVariants = cva(
|
|
|
3411
3437
|
},
|
|
3412
3438
|
defaultVariants: {
|
|
3413
3439
|
variant: "default",
|
|
3414
|
-
size: "
|
|
3440
|
+
size: "lg",
|
|
3415
3441
|
radius: "default",
|
|
3416
3442
|
animation: "default",
|
|
3417
3443
|
position: "default"
|
|
@@ -3575,13 +3601,15 @@ var commandVariants = cva(
|
|
|
3575
3601
|
},
|
|
3576
3602
|
size: {
|
|
3577
3603
|
sm: "min-h-[200px]",
|
|
3578
|
-
|
|
3579
|
-
lg: "min-h-[400px]"
|
|
3604
|
+
md: "min-h-[300px]",
|
|
3605
|
+
lg: "min-h-[400px]",
|
|
3606
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
3607
|
+
default: "min-h-[300px]"
|
|
3580
3608
|
}
|
|
3581
3609
|
},
|
|
3582
3610
|
defaultVariants: {
|
|
3583
3611
|
variant: "default",
|
|
3584
|
-
size: "
|
|
3612
|
+
size: "md"
|
|
3585
3613
|
}
|
|
3586
3614
|
}
|
|
3587
3615
|
);
|
|
@@ -3711,13 +3739,15 @@ var tableVariants = cva(
|
|
|
3711
3739
|
},
|
|
3712
3740
|
size: {
|
|
3713
3741
|
sm: "text-xs",
|
|
3714
|
-
|
|
3715
|
-
lg: "text-base"
|
|
3742
|
+
md: "text-sm",
|
|
3743
|
+
lg: "text-base",
|
|
3744
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
3745
|
+
default: "text-sm"
|
|
3716
3746
|
}
|
|
3717
3747
|
},
|
|
3718
3748
|
defaultVariants: {
|
|
3719
3749
|
variant: "default",
|
|
3720
|
-
size: "
|
|
3750
|
+
size: "md"
|
|
3721
3751
|
}
|
|
3722
3752
|
}
|
|
3723
3753
|
);
|
|
@@ -4110,10 +4140,12 @@ var datePickerVariants = cva(
|
|
|
4110
4140
|
ghost: "hover:bg-accent hover:text-accent-foreground"
|
|
4111
4141
|
},
|
|
4112
4142
|
size: {
|
|
4113
|
-
|
|
4143
|
+
md: "h-10 px-4 py-2",
|
|
4114
4144
|
sm: "h-8 px-3 text-sm",
|
|
4115
4145
|
lg: "h-12 px-6 text-base",
|
|
4116
|
-
icon: "h-10 w-10"
|
|
4146
|
+
icon: "h-10 w-10",
|
|
4147
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
4148
|
+
default: "h-10 px-4 py-2"
|
|
4117
4149
|
},
|
|
4118
4150
|
state: {
|
|
4119
4151
|
default: "",
|
|
@@ -4124,7 +4156,7 @@ var datePickerVariants = cva(
|
|
|
4124
4156
|
},
|
|
4125
4157
|
defaultVariants: {
|
|
4126
4158
|
variant: "default",
|
|
4127
|
-
size: "
|
|
4159
|
+
size: "md",
|
|
4128
4160
|
state: "default"
|
|
4129
4161
|
}
|
|
4130
4162
|
}
|
|
@@ -4757,10 +4789,12 @@ var progressVariants = cva(
|
|
|
4757
4789
|
size: {
|
|
4758
4790
|
xs: "h-1",
|
|
4759
4791
|
sm: "h-1.5",
|
|
4760
|
-
|
|
4761
|
-
|
|
4762
|
-
|
|
4763
|
-
|
|
4792
|
+
md: "h-2",
|
|
4793
|
+
lg: "h-2.5",
|
|
4794
|
+
xl: "h-3",
|
|
4795
|
+
"2xl": "h-4",
|
|
4796
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
4797
|
+
default: "h-2"
|
|
4764
4798
|
},
|
|
4765
4799
|
radius: {
|
|
4766
4800
|
none: "rounded-none",
|
|
@@ -4778,7 +4812,7 @@ var progressVariants = cva(
|
|
|
4778
4812
|
},
|
|
4779
4813
|
defaultVariants: {
|
|
4780
4814
|
variant: "default",
|
|
4781
|
-
size: "
|
|
4815
|
+
size: "md",
|
|
4782
4816
|
radius: "full",
|
|
4783
4817
|
animation: "default"
|
|
4784
4818
|
}
|
|
@@ -6284,14 +6318,16 @@ var radioGroupItemVariants = cva(
|
|
|
6284
6318
|
},
|
|
6285
6319
|
size: {
|
|
6286
6320
|
sm: "h-3.5 w-3.5",
|
|
6287
|
-
|
|
6288
|
-
|
|
6289
|
-
|
|
6321
|
+
md: "h-4 w-4",
|
|
6322
|
+
lg: "h-5 w-5",
|
|
6323
|
+
xl: "h-6 w-6",
|
|
6324
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
6325
|
+
default: "h-4 w-4"
|
|
6290
6326
|
}
|
|
6291
6327
|
},
|
|
6292
6328
|
defaultVariants: {
|
|
6293
6329
|
variant: "default",
|
|
6294
|
-
size: "
|
|
6330
|
+
size: "md"
|
|
6295
6331
|
}
|
|
6296
6332
|
}
|
|
6297
6333
|
);
|
|
@@ -6841,14 +6877,16 @@ var toggleVariants = cva(
|
|
|
6841
6877
|
outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
|
|
6842
6878
|
},
|
|
6843
6879
|
size: {
|
|
6844
|
-
|
|
6880
|
+
md: "h-10 px-3",
|
|
6845
6881
|
sm: "h-9 px-2.5",
|
|
6846
|
-
lg: "h-11 px-5"
|
|
6882
|
+
lg: "h-11 px-5",
|
|
6883
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
6884
|
+
default: "h-10 px-3"
|
|
6847
6885
|
}
|
|
6848
6886
|
},
|
|
6849
6887
|
defaultVariants: {
|
|
6850
6888
|
variant: "default",
|
|
6851
|
-
size: "
|
|
6889
|
+
size: "md"
|
|
6852
6890
|
}
|
|
6853
6891
|
}
|
|
6854
6892
|
);
|
|
@@ -6869,10 +6907,10 @@ var tooltipVariants = cva(
|
|
|
6869
6907
|
variant: {
|
|
6870
6908
|
default: "bg-primary text-primary-foreground",
|
|
6871
6909
|
secondary: "bg-secondary text-secondary-foreground",
|
|
6872
|
-
success: "bg-
|
|
6873
|
-
warning: "bg-
|
|
6910
|
+
success: "bg-success text-success-foreground border-success",
|
|
6911
|
+
warning: "bg-warning text-warning-foreground border-warning",
|
|
6874
6912
|
destructive: "bg-destructive text-destructive-foreground",
|
|
6875
|
-
info: "bg-
|
|
6913
|
+
info: "bg-info text-info-foreground border-info"
|
|
6876
6914
|
},
|
|
6877
6915
|
size: {
|
|
6878
6916
|
sm: "px-2 py-1 text-xs",
|
|
@@ -7543,9 +7581,11 @@ var skeletonVariants = cva(
|
|
|
7543
7581
|
accent: "bg-accent"
|
|
7544
7582
|
},
|
|
7545
7583
|
size: {
|
|
7546
|
-
|
|
7584
|
+
md: "",
|
|
7547
7585
|
sm: "scale-90",
|
|
7548
|
-
lg: "scale-110"
|
|
7586
|
+
lg: "scale-110",
|
|
7587
|
+
/** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
|
|
7588
|
+
default: ""
|
|
7549
7589
|
},
|
|
7550
7590
|
shape: {
|
|
7551
7591
|
rect: "rounded-md",
|
|
@@ -7560,7 +7600,7 @@ var skeletonVariants = cva(
|
|
|
7560
7600
|
},
|
|
7561
7601
|
defaultVariants: {
|
|
7562
7602
|
variant: "default",
|
|
7563
|
-
size: "
|
|
7603
|
+
size: "md",
|
|
7564
7604
|
shape: "rect",
|
|
7565
7605
|
animation: "pulse"
|
|
7566
7606
|
}
|
|
@@ -8252,9 +8292,9 @@ var toastVariants = cva(
|
|
|
8252
8292
|
variant: {
|
|
8253
8293
|
default: "border bg-background text-foreground",
|
|
8254
8294
|
destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
|
|
8255
|
-
success: "border-
|
|
8256
|
-
warning: "border-
|
|
8257
|
-
info: "border-
|
|
8295
|
+
success: "border-success-subtle-foreground/20 bg-success-subtle text-success-subtle-foreground",
|
|
8296
|
+
warning: "border-warning-subtle-foreground/20 bg-warning-subtle text-warning-subtle-foreground",
|
|
8297
|
+
info: "border-info-subtle-foreground/20 bg-info-subtle text-info-subtle-foreground"
|
|
8258
8298
|
}
|
|
8259
8299
|
},
|
|
8260
8300
|
defaultVariants: {
|
|
@@ -8290,7 +8330,7 @@ var ToastClose = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
8290
8330
|
{
|
|
8291
8331
|
ref,
|
|
8292
8332
|
className: cn(
|
|
8293
|
-
"absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-
|
|
8333
|
+
"absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-destructive-foreground/70 group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive-foreground/40 group-[.destructive]:focus:ring-offset-destructive",
|
|
8294
8334
|
className
|
|
8295
8335
|
),
|
|
8296
8336
|
"toast-close": "",
|
|
@@ -8813,7 +8853,10 @@ var ButtonGroup = React12.forwardRef(
|
|
|
8813
8853
|
);
|
|
8814
8854
|
ButtonGroup.displayName = "ButtonGroup";
|
|
8815
8855
|
var ToggleGroupContext = React12.createContext({
|
|
8816
|
-
|
|
8856
|
+
// #319: kanonik skalada `default` bir basamak ADI değil; `toggleVariants` artık `md`
|
|
8857
|
+
// kullanıyor (aynı CSS: h-10 px-3). Context varsayılanı da ona hizalandı — aksi hâlde
|
|
8858
|
+
// context, deprecated alias'ı item'lara yayardı.
|
|
8859
|
+
size: "md",
|
|
8817
8860
|
variant: "default"
|
|
8818
8861
|
});
|
|
8819
8862
|
var ToggleGroup = React12.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
|