@moontra/moonui 6.9.0 → 6.10.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 (35) hide show
  1. package/dist/index.d.mts +34 -33
  2. package/dist/index.d.ts +34 -33
  3. package/dist/index.global.js +6 -6
  4. package/dist/index.global.js.map +1 -1
  5. package/dist/index.js +114 -71
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +114 -71
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +1 -1
  10. package/src/components/ui/__tests__/checkbox.test.tsx +3 -3
  11. package/src/components/ui/__tests__/collapsible.test.tsx +5 -5
  12. package/src/components/ui/__tests__/dialog.test.tsx +2 -2
  13. package/src/components/ui/__tests__/progress.test.tsx +4 -4
  14. package/src/components/ui/__tests__/radio-group.test.tsx +4 -4
  15. package/src/components/ui/__tests__/size-scale-convention.test.ts +189 -0
  16. package/src/components/ui/__tests__/slider.test.tsx +4 -4
  17. package/src/components/ui/alert.tsx +5 -3
  18. package/src/components/ui/avatar.tsx +3 -2
  19. package/src/components/ui/breadcrumb.tsx +4 -2
  20. package/src/components/ui/card.tsx +4 -2
  21. package/src/components/ui/checkbox.tsx +5 -3
  22. package/src/components/ui/collapsible.tsx +10 -6
  23. package/src/components/ui/color-picker.tsx +11 -5
  24. package/src/components/ui/command.tsx +4 -2
  25. package/src/components/ui/date-picker.tsx +4 -2
  26. package/src/components/ui/dialog.tsx +7 -5
  27. package/src/components/ui/popover-pro.tsx +5 -3
  28. package/src/components/ui/popover.tsx +4 -2
  29. package/src/components/ui/progress.tsx +6 -4
  30. package/src/components/ui/radio-group.tsx +5 -3
  31. package/src/components/ui/skeleton.tsx +4 -2
  32. package/src/components/ui/slider.tsx +10 -6
  33. package/src/components/ui/table.tsx +4 -2
  34. package/src/components/ui/toggle-group.tsx +4 -1
  35. package/src/components/ui/toggle.tsx +4 -2
package/dist/index.js CHANGED
@@ -149,8 +149,10 @@ var alertVariants = classVarianceAuthority.cva(
149
149
  },
150
150
  size: {
151
151
  sm: "py-2 text-xs",
152
- default: "py-3 text-sm",
153
- lg: "py-4 text-base"
152
+ md: "py-3 text-sm",
153
+ lg: "py-4 text-base",
154
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
155
+ default: "py-3 text-sm"
154
156
  },
155
157
  radius: {
156
158
  none: "rounded-none",
@@ -165,7 +167,7 @@ var alertVariants = classVarianceAuthority.cva(
165
167
  },
166
168
  defaultVariants: {
167
169
  variant: "default",
168
- size: "default",
170
+ size: "md",
169
171
  radius: "default",
170
172
  withClose: false
171
173
  }
@@ -306,13 +308,14 @@ var avatarVariants = classVarianceAuthority.cva(
306
308
  {
307
309
  variants: {
308
310
  size: {
309
- default: "h-10 w-10",
310
311
  xs: "h-6 w-6",
311
312
  sm: "h-8 w-8",
312
313
  md: "h-10 w-10",
313
314
  lg: "h-12 w-12",
314
315
  xl: "h-16 w-16",
315
- "2xl": "h-20 w-20"
316
+ "2xl": "h-20 w-20",
317
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
318
+ default: "h-10 w-10"
316
319
  },
317
320
  radius: {
318
321
  default: "rounded-full",
@@ -329,7 +332,7 @@ var avatarVariants = classVarianceAuthority.cva(
329
332
  }
330
333
  },
331
334
  defaultVariants: {
332
- size: "default",
335
+ size: "md",
333
336
  radius: "default",
334
337
  variant: "default"
335
338
  }
@@ -595,14 +598,16 @@ var breadcrumbVariants = classVarianceAuthority.cva(
595
598
  ghost: "text-foreground/60 transition-colors"
596
599
  },
597
600
  size: {
598
- default: "text-sm",
601
+ md: "text-sm",
599
602
  sm: "text-xs",
600
- lg: "text-base"
603
+ lg: "text-base",
604
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
605
+ default: "text-sm"
601
606
  }
602
607
  },
603
608
  defaultVariants: {
604
609
  variant: "default",
605
- size: "default"
610
+ size: "md"
606
611
  }
607
612
  }
608
613
  );
@@ -1104,10 +1109,12 @@ var cardVariants = classVarianceAuthority.cva(
1104
1109
  glass: "border border-white/20 bg-white/10 backdrop-blur-md dark:border-gray-700/30 dark:bg-gray-800/10"
1105
1110
  },
1106
1111
  size: {
1107
- default: "",
1112
+ md: "",
1108
1113
  sm: "",
1109
1114
  lg: "",
1110
- xl: ""
1115
+ xl: "",
1116
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
1117
+ default: ""
1111
1118
  },
1112
1119
  radius: {
1113
1120
  default: "rounded-lg",
@@ -1123,7 +1130,7 @@ var cardVariants = classVarianceAuthority.cva(
1123
1130
  },
1124
1131
  defaultVariants: {
1125
1132
  variant: "default",
1126
- size: "default",
1133
+ size: "md",
1127
1134
  radius: "default"
1128
1135
  }
1129
1136
  }
@@ -1791,9 +1798,11 @@ var checkboxVariants = classVarianceAuthority.cva(
1791
1798
  },
1792
1799
  size: {
1793
1800
  sm: "h-3.5 w-3.5",
1794
- default: "h-4 w-4",
1795
- md: "h-5 w-5",
1796
- lg: "h-6 w-6"
1801
+ md: "h-4 w-4",
1802
+ lg: "h-5 w-5",
1803
+ xl: "h-6 w-6",
1804
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
1805
+ default: "h-4 w-4"
1797
1806
  },
1798
1807
  radius: {
1799
1808
  none: "rounded-none",
@@ -1811,7 +1820,7 @@ var checkboxVariants = classVarianceAuthority.cva(
1811
1820
  },
1812
1821
  defaultVariants: {
1813
1822
  variant: "default",
1814
- size: "default",
1823
+ size: "md",
1815
1824
  radius: "default",
1816
1825
  animation: "default"
1817
1826
  }
@@ -1936,14 +1945,16 @@ var collapsibleTriggerVariants = classVarianceAuthority.cva(
1936
1945
  },
1937
1946
  size: {
1938
1947
  sm: "text-xs py-2 px-3",
1939
- default: "text-sm py-3 px-4",
1940
- md: "text-base py-4 px-4",
1941
- lg: "text-lg py-5 px-5"
1948
+ md: "text-sm py-3 px-4",
1949
+ lg: "text-base py-4 px-4",
1950
+ xl: "text-lg py-5 px-5",
1951
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
1952
+ default: "text-sm py-3 px-4"
1942
1953
  }
1943
1954
  },
1944
1955
  defaultVariants: {
1945
1956
  variant: "default",
1946
- size: "default"
1957
+ size: "md"
1947
1958
  }
1948
1959
  }
1949
1960
  );
@@ -1985,14 +1996,16 @@ var collapsibleContentVariants = classVarianceAuthority.cva(
1985
1996
  },
1986
1997
  size: {
1987
1998
  sm: "text-xs",
1988
- default: "text-sm",
1989
- md: "text-base",
1990
- lg: "text-lg"
1999
+ md: "text-sm",
2000
+ lg: "text-base",
2001
+ xl: "text-lg",
2002
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
2003
+ default: "text-sm"
1991
2004
  }
1992
2005
  },
1993
2006
  defaultVariants: {
1994
2007
  variant: "default",
1995
- size: "default"
2008
+ size: "md"
1996
2009
  }
1997
2010
  }
1998
2011
  );
@@ -2229,8 +2242,10 @@ var popoverContentVariants = classVarianceAuthority.cva(
2229
2242
  },
2230
2243
  size: {
2231
2244
  sm: "w-48 p-3",
2232
- default: "w-72 p-4",
2233
- lg: "w-96 p-5"
2245
+ md: "w-72 p-4",
2246
+ lg: "w-96 p-5",
2247
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
2248
+ default: "w-72 p-4"
2234
2249
  },
2235
2250
  side: {
2236
2251
  top: "data-[side=top]:slide-in-from-bottom-2",
@@ -2260,7 +2275,7 @@ var popoverContentVariants = classVarianceAuthority.cva(
2260
2275
  },
2261
2276
  defaultVariants: {
2262
2277
  variant: "default",
2263
- size: "default",
2278
+ size: "md",
2264
2279
  radius: "default",
2265
2280
  shadow: "default"
2266
2281
  }
@@ -2489,13 +2504,15 @@ var sliderVariants = classVarianceAuthority.cva(
2489
2504
  variants: {
2490
2505
  size: {
2491
2506
  sm: "h-5",
2492
- default: "h-6",
2493
- md: "h-8",
2494
- lg: "h-10"
2507
+ md: "h-6",
2508
+ lg: "h-8",
2509
+ xl: "h-10",
2510
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
2511
+ default: "h-6"
2495
2512
  }
2496
2513
  },
2497
2514
  defaultVariants: {
2498
- size: "default"
2515
+ size: "md"
2499
2516
  }
2500
2517
  }
2501
2518
  );
@@ -2552,14 +2569,16 @@ var sliderThumbVariants = classVarianceAuthority.cva(
2552
2569
  },
2553
2570
  size: {
2554
2571
  sm: "h-3 w-3",
2555
- default: "h-4 w-4",
2556
- md: "h-5 w-5",
2557
- lg: "h-6 w-6"
2572
+ md: "h-4 w-4",
2573
+ lg: "h-5 w-5",
2574
+ xl: "h-6 w-6",
2575
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
2576
+ default: "h-4 w-4"
2558
2577
  }
2559
2578
  },
2560
2579
  defaultVariants: {
2561
2580
  variant: "primary",
2562
- size: "default"
2581
+ size: "md"
2563
2582
  }
2564
2583
  }
2565
2584
  );
@@ -2762,10 +2781,12 @@ var colorPickerVariants = classVarianceAuthority.cva(
2762
2781
  {
2763
2782
  variants: {
2764
2783
  size: {
2765
- default: "h-10 w-10",
2784
+ md: "h-10 w-10",
2766
2785
  sm: "h-8 w-8",
2767
2786
  lg: "h-12 w-12",
2768
- xl: "h-16 w-16"
2787
+ xl: "h-16 w-16",
2788
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
2789
+ default: "h-10 w-10"
2769
2790
  },
2770
2791
  shape: {
2771
2792
  square: "rounded-md",
@@ -2774,7 +2795,7 @@ var colorPickerVariants = classVarianceAuthority.cva(
2774
2795
  }
2775
2796
  },
2776
2797
  defaultVariants: {
2777
- size: "default",
2798
+ size: "md",
2778
2799
  shape: "square"
2779
2800
  }
2780
2801
  }
@@ -3281,12 +3302,15 @@ function SimpleColorPicker({
3281
3302
  onChange,
3282
3303
  colors = defaultPresets.slice(0, 10),
3283
3304
  className,
3284
- size = "default"
3305
+ // #319: varsayılan kanonik ada çekildi (aynı CSS: h-8 w-8)
3306
+ size = "md"
3285
3307
  }) {
3286
3308
  const sizeClasses = {
3287
3309
  sm: "h-6 w-6",
3288
- default: "h-8 w-8",
3289
- lg: "h-10 w-10"
3310
+ md: "h-8 w-8",
3311
+ lg: "h-10 w-10",
3312
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
3313
+ default: "h-8 w-8"
3290
3314
  };
3291
3315
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("moonui-theme", "flex flex-wrap gap-2", className), children: colors.map((color) => /* @__PURE__ */ jsxRuntime.jsx(
3292
3316
  "button",
@@ -3420,11 +3444,13 @@ var dialogContentVariants = classVarianceAuthority.cva(
3420
3444
  size: {
3421
3445
  xs: "max-w-xs p-4",
3422
3446
  sm: "max-w-sm p-5",
3423
- default: "max-w-lg p-6",
3447
+ lg: "max-w-lg p-6",
3424
3448
  md: "max-w-md p-6",
3425
- lg: "max-w-2xl p-7",
3426
- xl: "max-w-4xl p-8",
3427
- full: "max-w-[95vw] max-h-[95vh] p-6"
3449
+ xl: "max-w-2xl p-7",
3450
+ "2xl": "max-w-4xl p-8",
3451
+ full: "max-w-[95vw] max-h-[95vh] p-6",
3452
+ /** @deprecated `lg` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
3453
+ default: "max-w-lg p-6"
3428
3454
  },
3429
3455
  radius: {
3430
3456
  none: "rounded-none",
@@ -3449,7 +3475,7 @@ var dialogContentVariants = classVarianceAuthority.cva(
3449
3475
  },
3450
3476
  defaultVariants: {
3451
3477
  variant: "default",
3452
- size: "default",
3478
+ size: "lg",
3453
3479
  radius: "default",
3454
3480
  animation: "default",
3455
3481
  position: "default"
@@ -3613,13 +3639,15 @@ var commandVariants = classVarianceAuthority.cva(
3613
3639
  },
3614
3640
  size: {
3615
3641
  sm: "min-h-[200px]",
3616
- default: "min-h-[300px]",
3617
- lg: "min-h-[400px]"
3642
+ md: "min-h-[300px]",
3643
+ lg: "min-h-[400px]",
3644
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
3645
+ default: "min-h-[300px]"
3618
3646
  }
3619
3647
  },
3620
3648
  defaultVariants: {
3621
3649
  variant: "default",
3622
- size: "default"
3650
+ size: "md"
3623
3651
  }
3624
3652
  }
3625
3653
  );
@@ -3749,13 +3777,15 @@ var tableVariants = classVarianceAuthority.cva(
3749
3777
  },
3750
3778
  size: {
3751
3779
  sm: "text-xs",
3752
- default: "text-sm",
3753
- lg: "text-base"
3780
+ md: "text-sm",
3781
+ lg: "text-base",
3782
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
3783
+ default: "text-sm"
3754
3784
  }
3755
3785
  },
3756
3786
  defaultVariants: {
3757
3787
  variant: "default",
3758
- size: "default"
3788
+ size: "md"
3759
3789
  }
3760
3790
  }
3761
3791
  );
@@ -4148,10 +4178,12 @@ var datePickerVariants = classVarianceAuthority.cva(
4148
4178
  ghost: "hover:bg-accent hover:text-accent-foreground"
4149
4179
  },
4150
4180
  size: {
4151
- default: "h-10 px-4 py-2",
4181
+ md: "h-10 px-4 py-2",
4152
4182
  sm: "h-8 px-3 text-sm",
4153
4183
  lg: "h-12 px-6 text-base",
4154
- icon: "h-10 w-10"
4184
+ icon: "h-10 w-10",
4185
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
4186
+ default: "h-10 px-4 py-2"
4155
4187
  },
4156
4188
  state: {
4157
4189
  default: "",
@@ -4162,7 +4194,7 @@ var datePickerVariants = classVarianceAuthority.cva(
4162
4194
  },
4163
4195
  defaultVariants: {
4164
4196
  variant: "default",
4165
- size: "default",
4197
+ size: "md",
4166
4198
  state: "default"
4167
4199
  }
4168
4200
  }
@@ -4795,10 +4827,12 @@ var progressVariants = classVarianceAuthority.cva(
4795
4827
  size: {
4796
4828
  xs: "h-1",
4797
4829
  sm: "h-1.5",
4798
- default: "h-2",
4799
- md: "h-2.5",
4800
- lg: "h-3",
4801
- xl: "h-4"
4830
+ md: "h-2",
4831
+ lg: "h-2.5",
4832
+ xl: "h-3",
4833
+ "2xl": "h-4",
4834
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
4835
+ default: "h-2"
4802
4836
  },
4803
4837
  radius: {
4804
4838
  none: "rounded-none",
@@ -4816,7 +4850,7 @@ var progressVariants = classVarianceAuthority.cva(
4816
4850
  },
4817
4851
  defaultVariants: {
4818
4852
  variant: "default",
4819
- size: "default",
4853
+ size: "md",
4820
4854
  radius: "full",
4821
4855
  animation: "default"
4822
4856
  }
@@ -6322,14 +6356,16 @@ var radioGroupItemVariants = classVarianceAuthority.cva(
6322
6356
  },
6323
6357
  size: {
6324
6358
  sm: "h-3.5 w-3.5",
6325
- default: "h-4 w-4",
6326
- md: "h-5 w-5",
6327
- lg: "h-6 w-6"
6359
+ md: "h-4 w-4",
6360
+ lg: "h-5 w-5",
6361
+ xl: "h-6 w-6",
6362
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
6363
+ default: "h-4 w-4"
6328
6364
  }
6329
6365
  },
6330
6366
  defaultVariants: {
6331
6367
  variant: "default",
6332
- size: "default"
6368
+ size: "md"
6333
6369
  }
6334
6370
  }
6335
6371
  );
@@ -6879,14 +6915,16 @@ var toggleVariants = classVarianceAuthority.cva(
6879
6915
  outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
6880
6916
  },
6881
6917
  size: {
6882
- default: "h-10 px-3",
6918
+ md: "h-10 px-3",
6883
6919
  sm: "h-9 px-2.5",
6884
- lg: "h-11 px-5"
6920
+ lg: "h-11 px-5",
6921
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
6922
+ default: "h-10 px-3"
6885
6923
  }
6886
6924
  },
6887
6925
  defaultVariants: {
6888
6926
  variant: "default",
6889
- size: "default"
6927
+ size: "md"
6890
6928
  }
6891
6929
  }
6892
6930
  );
@@ -7581,9 +7619,11 @@ var skeletonVariants = classVarianceAuthority.cva(
7581
7619
  accent: "bg-accent"
7582
7620
  },
7583
7621
  size: {
7584
- default: "",
7622
+ md: "",
7585
7623
  sm: "scale-90",
7586
- lg: "scale-110"
7624
+ lg: "scale-110",
7625
+ /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
7626
+ default: ""
7587
7627
  },
7588
7628
  shape: {
7589
7629
  rect: "rounded-md",
@@ -7598,7 +7638,7 @@ var skeletonVariants = classVarianceAuthority.cva(
7598
7638
  },
7599
7639
  defaultVariants: {
7600
7640
  variant: "default",
7601
- size: "default",
7641
+ size: "md",
7602
7642
  shape: "rect",
7603
7643
  animation: "pulse"
7604
7644
  }
@@ -8851,7 +8891,10 @@ var ButtonGroup = React12__namespace.forwardRef(
8851
8891
  );
8852
8892
  ButtonGroup.displayName = "ButtonGroup";
8853
8893
  var ToggleGroupContext = React12__namespace.createContext({
8854
- size: "default",
8894
+ // #319: kanonik skalada `default` bir basamak ADI değil; `toggleVariants` artık `md`
8895
+ // kullanıyor (aynı CSS: h-10 px-3). Context varsayılanı da ona hizalandı — aksi hâlde
8896
+ // context, deprecated alias'ı item'lara yayardı.
8897
+ size: "md",
8855
8898
  variant: "default"
8856
8899
  });
8857
8900
  var ToggleGroup = React12__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(