@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.
Files changed (46) hide show
  1. package/dist/hooks/index.global.js +6 -1
  2. package/dist/hooks/index.global.js.map +1 -1
  3. package/dist/index.d.mts +34 -33
  4. package/dist/index.d.ts +34 -33
  5. package/dist/index.global.js +365 -52
  6. package/dist/index.global.js.map +1 -1
  7. package/dist/index.js +121 -78
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.mjs +121 -78
  10. package/dist/index.mjs.map +1 -1
  11. package/package.json +1 -1
  12. package/src/components/ui/__tests__/checkbox.test.tsx +3 -3
  13. package/src/components/ui/__tests__/collapsible.test.tsx +5 -5
  14. package/src/components/ui/__tests__/dialog.test.tsx +2 -2
  15. package/src/components/ui/__tests__/preset-color-shadowing.test.ts +71 -0
  16. package/src/components/ui/__tests__/progress.test.tsx +4 -4
  17. package/src/components/ui/__tests__/radio-group.test.tsx +4 -4
  18. package/src/components/ui/__tests__/semantic-token-usage.test.ts +120 -0
  19. package/src/components/ui/__tests__/size-scale-convention.test.ts +189 -0
  20. package/src/components/ui/__tests__/slider.test.tsx +4 -4
  21. package/src/components/ui/__tests__/toast.test.tsx +6 -3
  22. package/src/components/ui/__tests__/tooltip.test.tsx +8 -4
  23. package/src/components/ui/alert.tsx +5 -3
  24. package/src/components/ui/avatar.tsx +3 -2
  25. package/src/components/ui/breadcrumb.tsx +4 -2
  26. package/src/components/ui/card.tsx +4 -2
  27. package/src/components/ui/checkbox.tsx +5 -3
  28. package/src/components/ui/collapsible.tsx +10 -6
  29. package/src/components/ui/color-picker.tsx +11 -5
  30. package/src/components/ui/command.tsx +4 -2
  31. package/src/components/ui/date-picker.tsx +4 -2
  32. package/src/components/ui/dialog.tsx +7 -5
  33. package/src/components/ui/popover-pro.tsx +5 -3
  34. package/src/components/ui/popover.tsx +4 -2
  35. package/src/components/ui/progress.tsx +6 -4
  36. package/src/components/ui/radio-group.tsx +5 -3
  37. package/src/components/ui/skeleton.tsx +4 -2
  38. package/src/components/ui/slider.tsx +10 -6
  39. package/src/components/ui/table.tsx +4 -2
  40. package/src/components/ui/toast.tsx +4 -4
  41. package/src/components/ui/toggle-group.tsx +4 -1
  42. package/src/components/ui/toggle.tsx +4 -2
  43. package/src/components/ui/tooltip.tsx +3 -3
  44. package/src/styles/tokens.css +43 -2
  45. package/tailwind-preset.js +17 -7
  46. 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
- default: "py-3 text-sm",
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: "default",
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: "default",
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
- default: "text-sm",
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: "default"
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
- default: "",
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: "default",
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
- default: "h-4 w-4",
1757
- md: "h-5 w-5",
1758
- lg: "h-6 w-6"
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: "default",
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
- default: "text-sm py-3 px-4",
1902
- md: "text-base py-4 px-4",
1903
- lg: "text-lg py-5 px-5"
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: "default"
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
- default: "text-sm",
1951
- md: "text-base",
1952
- lg: "text-lg"
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: "default"
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
- default: "w-72 p-4",
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: "default",
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
- default: "h-6",
2455
- md: "h-8",
2456
- lg: "h-10"
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: "default"
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
- default: "h-4 w-4",
2518
- md: "h-5 w-5",
2519
- lg: "h-6 w-6"
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: "default"
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
- default: "h-10 w-10",
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: "default",
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
- size = "default"
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
- default: "h-8 w-8",
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
- default: "max-w-lg p-6",
3409
+ lg: "max-w-lg p-6",
3386
3410
  md: "max-w-md p-6",
3387
- lg: "max-w-2xl p-7",
3388
- xl: "max-w-4xl p-8",
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: "default",
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
- default: "min-h-[300px]",
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: "default"
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
- default: "text-sm",
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: "default"
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
- default: "h-10 px-4 py-2",
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: "default",
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
- default: "h-2",
4761
- md: "h-2.5",
4762
- lg: "h-3",
4763
- xl: "h-4"
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: "default",
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
- default: "h-4 w-4",
6288
- md: "h-5 w-5",
6289
- lg: "h-6 w-6"
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: "default"
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
- default: "h-10 px-3",
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: "default"
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-green-500 text-white border-green-600",
6873
- warning: "bg-yellow-500 text-white border-yellow-600",
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-blue-500 text-white border-blue-600"
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
- default: "",
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: "default",
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-green-200 bg-green-50 text-green-900 dark:border-green-800 dark:bg-green-900/20 dark:text-green-100",
8256
- warning: "border-orange-200 bg-orange-50 text-orange-900 dark:border-orange-800 dark:bg-orange-900/20 dark:text-orange-100",
8257
- info: "border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-800 dark:bg-blue-900/20 dark:text-blue-100"
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-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
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
- size: "default",
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(