@shuriken-ui/tailwind 3.0.0 → 3.0.2

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.
@@ -21,8 +21,8 @@ function mergePlugins(plugins) {
21
21
  return plugin__default((api) => plugins.map((plugin2) => plugin2.handler(api)), config);
22
22
  }
23
23
 
24
- const key$S = "accordion";
25
- const defaultConfig$R = {
24
+ const key$T = "accordion";
25
+ const defaultConfig$S = {
26
26
  wrapper: {
27
27
  width: "full",
28
28
  rounded: {
@@ -239,15 +239,15 @@ const defaultConfig$R = {
239
239
  }
240
240
  };
241
241
 
242
- const config$S = {
242
+ const config$T = {
243
243
  theme: {
244
244
  nui: {
245
- [key$S]: defaultConfig$R
245
+ [key$T]: defaultConfig$S
246
246
  }
247
247
  }
248
248
  };
249
249
  const accordion = plugin__default(({ addComponents, theme }) => {
250
- const config2 = theme(`nui.${key$S}`);
250
+ const config2 = theme(`nui.${key$T}`);
251
251
  addComponents({
252
252
  //Accordion:wrapper
253
253
  ".nui-accordion": {
@@ -464,10 +464,10 @@ const accordion = plugin__default(({ addComponents, theme }) => {
464
464
  }
465
465
  }
466
466
  });
467
- }, config$S);
467
+ }, config$T);
468
468
 
469
- const key$R = "autocomplete";
470
- const defaultConfig$Q = {
469
+ const key$S = "autocomplete";
470
+ const defaultConfig$R = {
471
471
  rounded: {
472
472
  none: "none",
473
473
  sm: "md",
@@ -955,15 +955,15 @@ const defaultConfig$Q = {
955
955
  }
956
956
  };
957
957
 
958
- const config$R = {
958
+ const config$S = {
959
959
  theme: {
960
960
  nui: {
961
- [key$R]: defaultConfig$Q
961
+ [key$S]: defaultConfig$R
962
962
  }
963
963
  }
964
964
  };
965
965
  const autocomplete = plugin__default(({ addComponents, theme }) => {
966
- const config2 = theme(`nui.${key$R}`);
966
+ const config2 = theme(`nui.${key$S}`);
967
967
  addComponents({
968
968
  ".nui-autocomplete": {
969
969
  "@apply w-full relative": {},
@@ -1057,15 +1057,6 @@ const autocomplete = plugin__default(({ addComponents, theme }) => {
1057
1057
  "@apply h-3 w-full max-w-[75%] rounded": {}
1058
1058
  }
1059
1059
  },
1060
- //Autocomplete:error
1061
- ".nui-autocomplete-error-text": {
1062
- //Base
1063
- "@apply mt-1 block leading-none": {},
1064
- //Error text font
1065
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight}`]: {},
1066
- //Error text color
1067
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
1068
- },
1069
1060
  //Autocomplete:results
1070
1061
  ".nui-autocomplete-results": {
1071
1062
  "@apply nui-slimscroll absolute z-20 mt-1 max-h-[265px] w-full overflow-auto py-1 outline-none sm:text-sm": {},
@@ -1469,10 +1460,10 @@ const autocomplete = plugin__default(({ addComponents, theme }) => {
1469
1460
  }
1470
1461
  }
1471
1462
  });
1472
- }, config$R);
1463
+ }, config$S);
1473
1464
 
1474
- const key$Q = "avatar";
1475
- const defaultConfig$P = {
1465
+ const key$R = "avatar";
1466
+ const defaultConfig$Q = {
1476
1467
  inner: {
1477
1468
  size: "full",
1478
1469
  transition: {
@@ -1821,15 +1812,15 @@ const defaultConfig$P = {
1821
1812
  }
1822
1813
  };
1823
1814
 
1824
- const config$Q = {
1815
+ const config$R = {
1825
1816
  theme: {
1826
1817
  nui: {
1827
- [key$Q]: defaultConfig$P
1818
+ [key$R]: defaultConfig$Q
1828
1819
  }
1829
1820
  }
1830
1821
  };
1831
1822
  const avatar = plugin__default(({ addComponents, theme }) => {
1832
- const config2 = theme(`nui.${key$Q}`);
1823
+ const config2 = theme(`nui.${key$R}`);
1833
1824
  addComponents({
1834
1825
  ".nui-avatar": {
1835
1826
  //Avatar:wrapper
@@ -2594,10 +2585,10 @@ const avatar = plugin__default(({ addComponents, theme }) => {
2594
2585
  }
2595
2586
  }
2596
2587
  });
2597
- }, config$Q);
2588
+ }, config$R);
2598
2589
 
2599
- const key$P = "avatarGroup";
2600
- const defaultConfig$O = {
2590
+ const key$Q = "avatarGroup";
2591
+ const defaultConfig$P = {
2601
2592
  avatar: {
2602
2593
  rounded: "full",
2603
2594
  outer: {
@@ -2717,15 +2708,15 @@ const defaultConfig$O = {
2717
2708
  }
2718
2709
  };
2719
2710
 
2720
- const config$P = {
2711
+ const config$Q = {
2721
2712
  theme: {
2722
2713
  nui: {
2723
- [key$P]: defaultConfig$O
2714
+ [key$Q]: defaultConfig$P
2724
2715
  }
2725
2716
  }
2726
2717
  };
2727
2718
  const avatarGroup = plugin__default(({ addComponents, theme }) => {
2728
- const config2 = theme(`nui.${key$P}`);
2719
+ const config2 = theme(`nui.${key$Q}`);
2729
2720
  addComponents({
2730
2721
  ".nui-avatar-group": {
2731
2722
  "@apply flex": {},
@@ -2869,10 +2860,10 @@ const avatarGroup = plugin__default(({ addComponents, theme }) => {
2869
2860
  }
2870
2861
  }
2871
2862
  });
2872
- }, config$P);
2863
+ }, config$Q);
2873
2864
 
2874
- const key$O = "breadcrumb";
2875
- const defaultConfig$N = {
2865
+ const key$P = "breadcrumb";
2866
+ const defaultConfig$O = {
2876
2867
  item: {
2877
2868
  text: {
2878
2869
  font: {
@@ -2938,15 +2929,15 @@ const defaultConfig$N = {
2938
2929
  }
2939
2930
  };
2940
2931
 
2941
- const config$O = {
2932
+ const config$P = {
2942
2933
  theme: {
2943
2934
  nui: {
2944
- [key$O]: defaultConfig$N
2935
+ [key$P]: defaultConfig$O
2945
2936
  }
2946
2937
  }
2947
2938
  };
2948
2939
  const breadcrumb = plugin__default(({ addComponents, theme }) => {
2949
- const config2 = theme(`nui.${key$O}`);
2940
+ const config2 = theme(`nui.${key$P}`);
2950
2941
  addComponents({
2951
2942
  ".nui-breadcrumb": {
2952
2943
  ".nui-breadcrumb-list": {
@@ -3011,10 +3002,10 @@ const breadcrumb = plugin__default(({ addComponents, theme }) => {
3011
3002
  }
3012
3003
  }
3013
3004
  });
3014
- }, config$O);
3005
+ }, config$P);
3015
3006
 
3016
- const key$N = "buttonAction";
3017
- const defaultConfig$M = {
3007
+ const key$O = "buttonAction";
3008
+ const defaultConfig$N = {
3018
3009
  rounded: {
3019
3010
  none: "none",
3020
3011
  sm: "md",
@@ -3349,15 +3340,15 @@ const defaultConfig$M = {
3349
3340
  }
3350
3341
  };
3351
3342
 
3352
- const config$N = {
3343
+ const config$O = {
3353
3344
  theme: {
3354
3345
  nui: {
3355
- [key$N]: defaultConfig$M
3346
+ [key$O]: defaultConfig$N
3356
3347
  }
3357
3348
  }
3358
3349
  };
3359
3350
  const buttonAction = plugin__default(({ addComponents, theme }) => {
3360
- const config2 = theme(`nui.${key$N}`);
3351
+ const config2 = theme(`nui.${key$O}`);
3361
3352
  addComponents({
3362
3353
  ".nui-button-action": {
3363
3354
  //Wrapper
@@ -3546,10 +3537,10 @@ const buttonAction = plugin__default(({ addComponents, theme }) => {
3546
3537
  }
3547
3538
  }
3548
3539
  });
3549
- }, config$N);
3540
+ }, config$O);
3550
3541
 
3551
- const key$M = "buttonClose";
3552
- const defaultConfig$L = {
3542
+ const key$N = "buttonClose";
3543
+ const defaultConfig$M = {
3553
3544
  size: {
3554
3545
  xs: {
3555
3546
  outer: "6",
@@ -3585,6 +3576,14 @@ const defaultConfig$L = {
3585
3576
  hover: {
3586
3577
  light: "muted-100",
3587
3578
  dark: "muted-700"
3579
+ },
3580
+ focus: {
3581
+ light: "muted-100",
3582
+ dark: "muted-700"
3583
+ },
3584
+ active: {
3585
+ light: "transparent",
3586
+ dark: "transparent"
3588
3587
  }
3589
3588
  },
3590
3589
  font: {
@@ -3603,6 +3602,14 @@ const defaultConfig$L = {
3603
3602
  hover: {
3604
3603
  light: "muted-100",
3605
3604
  dark: "muted-900"
3605
+ },
3606
+ focus: {
3607
+ light: "muted-100",
3608
+ dark: "muted-900"
3609
+ },
3610
+ active: {
3611
+ light: "transparent",
3612
+ dark: "transparent"
3606
3613
  }
3607
3614
  },
3608
3615
  font: {
@@ -3621,6 +3628,14 @@ const defaultConfig$L = {
3621
3628
  hover: {
3622
3629
  light: "muted-50",
3623
3630
  dark: "muted-600"
3631
+ },
3632
+ focus: {
3633
+ light: "muted-50",
3634
+ dark: "muted-600"
3635
+ },
3636
+ active: {
3637
+ light: "muted-100",
3638
+ dark: "muted-700"
3624
3639
  }
3625
3640
  },
3626
3641
  font: {
@@ -3639,6 +3654,14 @@ const defaultConfig$L = {
3639
3654
  hover: {
3640
3655
  light: "muted-50",
3641
3656
  dark: "muted-900"
3657
+ },
3658
+ focus: {
3659
+ light: "muted-50",
3660
+ dark: "muted-900"
3661
+ },
3662
+ active: {
3663
+ light: "muted-100",
3664
+ dark: "muted-950"
3642
3665
  }
3643
3666
  },
3644
3667
  font: {
@@ -3657,6 +3680,14 @@ const defaultConfig$L = {
3657
3680
  hover: {
3658
3681
  light: "primary-500/20",
3659
3682
  dark: "primary-500/20"
3683
+ },
3684
+ focus: {
3685
+ light: "primary-500/20",
3686
+ dark: "primary-500/20"
3687
+ },
3688
+ active: {
3689
+ light: "primary-500/10",
3690
+ dark: "primary-500/10"
3660
3691
  }
3661
3692
  },
3662
3693
  font: {
@@ -3675,6 +3706,14 @@ const defaultConfig$L = {
3675
3706
  hover: {
3676
3707
  light: "info-500/20",
3677
3708
  dark: "info-500/20"
3709
+ },
3710
+ focus: {
3711
+ light: "info-500/20",
3712
+ dark: "info-500/20"
3713
+ },
3714
+ active: {
3715
+ light: "info-500/10",
3716
+ dark: "info-500/10"
3678
3717
  }
3679
3718
  },
3680
3719
  font: {
@@ -3693,6 +3732,14 @@ const defaultConfig$L = {
3693
3732
  hover: {
3694
3733
  light: "success-500/20",
3695
3734
  dark: "success-500/20"
3735
+ },
3736
+ focus: {
3737
+ light: "success-500/20",
3738
+ dark: "success-500/20"
3739
+ },
3740
+ active: {
3741
+ light: "success-500/10",
3742
+ dark: "success-500/10"
3696
3743
  }
3697
3744
  },
3698
3745
  font: {
@@ -3711,6 +3758,14 @@ const defaultConfig$L = {
3711
3758
  hover: {
3712
3759
  light: "warning-500/20",
3713
3760
  dark: "warning-500/20"
3761
+ },
3762
+ focus: {
3763
+ light: "warning-500/20",
3764
+ dark: "warning-500/20"
3765
+ },
3766
+ active: {
3767
+ light: "warning-500/10",
3768
+ dark: "warning-500/10"
3714
3769
  }
3715
3770
  },
3716
3771
  font: {
@@ -3729,6 +3784,14 @@ const defaultConfig$L = {
3729
3784
  hover: {
3730
3785
  light: "danger-500/20",
3731
3786
  dark: "danger-500/20"
3787
+ },
3788
+ focus: {
3789
+ light: "danger-500/20",
3790
+ dark: "danger-500/20"
3791
+ },
3792
+ active: {
3793
+ light: "danger-500/10",
3794
+ dark: "danger-500/10"
3732
3795
  }
3733
3796
  },
3734
3797
  font: {
@@ -3745,15 +3808,15 @@ const defaultConfig$L = {
3745
3808
  }
3746
3809
  };
3747
3810
 
3748
- const config$M = {
3811
+ const config$N = {
3749
3812
  theme: {
3750
3813
  nui: {
3751
- [key$M]: defaultConfig$L
3814
+ [key$N]: defaultConfig$M
3752
3815
  }
3753
3816
  }
3754
3817
  };
3755
3818
  const buttonClose = plugin__default(({ addComponents, theme }) => {
3756
- const config2 = theme(`nui.${key$M}`);
3819
+ const config2 = theme(`nui.${key$N}`);
3757
3820
  addComponents({
3758
3821
  ".nui-button-close": {
3759
3822
  "@apply nui-focus flex items-center justify-center disabled:opacity-30 cursor-pointer": {},
@@ -3813,7 +3876,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
3813
3876
  //Background
3814
3877
  [`@apply bg-${config2.color.default.background.base.light} dark:bg-${config2.color.default.background.base.dark}`]: {},
3815
3878
  //Background hover
3816
- [`@apply hover:bg-${config2.color.default.background.hover.light} dark:hover:bg-${config2.color.default.background.hover.dark}`]: {}
3879
+ [`@apply hover:bg-${config2.color.default.background.hover.light} dark:hover:bg-${config2.color.default.background.hover.dark}`]: {},
3880
+ //Background focus
3881
+ [`@apply focus-visible:bg-${config2.color.default.background.focus.light} dark:focus-visible:bg-${config2.color.default.background.focus.dark}`]: {},
3882
+ //Background active
3883
+ [`@apply active:enabled:bg-${config2.color.default.background.active.light} dark:active:enabled:bg-${config2.color.default.background.active.dark}`]: {}
3817
3884
  },
3818
3885
  //Color:default-contrast
3819
3886
  "&.nui-button-default-contrast": {
@@ -3821,7 +3888,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
3821
3888
  //Background
3822
3889
  [`@apply bg-${config2.color.defaultContrast.background.base.light} dark:bg-${config2.color.defaultContrast.background.base.dark}`]: {},
3823
3890
  //Background hover
3824
- [`@apply hover:bg-${config2.color.defaultContrast.background.hover.light} dark:hover:bg-${config2.color.defaultContrast.background.hover.dark}`]: {}
3891
+ [`@apply hover:bg-${config2.color.defaultContrast.background.hover.light} dark:hover:bg-${config2.color.defaultContrast.background.hover.dark}`]: {},
3892
+ //Background focus
3893
+ [`@apply focus-visible:bg-${config2.color.defaultContrast.background.focus.light} dark:focus-visible:bg-${config2.color.defaultContrast.background.focus.dark}`]: {},
3894
+ //Background active
3895
+ [`@apply active:enabled:bg-${config2.color.defaultContrast.background.active.light} dark:active:enabled:bg-${config2.color.defaultContrast.background.active.dark}`]: {}
3825
3896
  },
3826
3897
  //Color:muted
3827
3898
  "&.nui-button-muted": {
@@ -3829,7 +3900,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
3829
3900
  //Background
3830
3901
  [`@apply bg-${config2.color.muted.background.base.light} dark:bg-${config2.color.muted.background.base.dark}`]: {},
3831
3902
  //Background hover
3832
- [`@apply hover:bg-${config2.color.muted.background.hover.light} dark:hover:bg-${config2.color.muted.background.hover.dark}`]: {}
3903
+ [`@apply hover:bg-${config2.color.muted.background.hover.light} dark:hover:bg-${config2.color.muted.background.hover.dark}`]: {},
3904
+ //Background focus
3905
+ [`@apply focus-visible:bg-${config2.color.muted.background.focus.light} dark:focus-visible:bg-${config2.color.muted.background.focus.dark}`]: {},
3906
+ //Background active
3907
+ [`@apply active:enabled:bg-${config2.color.muted.background.active.light} dark:active:enabled:bg-${config2.color.muted.background.active.dark}`]: {}
3833
3908
  },
3834
3909
  //Color:muted-contrast
3835
3910
  "&.nui-button-muted-contrast": {
@@ -3837,7 +3912,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
3837
3912
  //Background
3838
3913
  [`@apply bg-${config2.color.mutedContrast.background.base.light} dark:bg-${config2.color.mutedContrast.background.base.dark}`]: {},
3839
3914
  //Background hover
3840
- [`@apply hover:bg-${config2.color.mutedContrast.background.hover.light} dark:hover:bg-${config2.color.mutedContrast.background.hover.dark}`]: {}
3915
+ [`@apply hover:bg-${config2.color.mutedContrast.background.hover.light} dark:hover:bg-${config2.color.mutedContrast.background.hover.dark}`]: {},
3916
+ //Background focus
3917
+ [`@apply focus-visible:bg-${config2.color.mutedContrast.background.focus.light} dark:focus-visible:bg-${config2.color.mutedContrast.background.focus.dark}`]: {},
3918
+ //Background active
3919
+ [`@apply active:enabled:bg-${config2.color.mutedContrast.background.active.light} dark:active:enabled:bg-${config2.color.mutedContrast.background.active.dark}`]: {}
3841
3920
  },
3842
3921
  //Color:primary
3843
3922
  "&.nui-button-primary": {
@@ -3845,7 +3924,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
3845
3924
  //Background
3846
3925
  [`@apply bg-${config2.color.primary.background.base.light} dark:bg-${config2.color.primary.background.base.dark}`]: {},
3847
3926
  //Background hover
3848
- [`@apply hover:bg-${config2.color.primary.background.hover.light} dark:hover:bg-${config2.color.primary.background.hover.dark}`]: {}
3927
+ [`@apply hover:bg-${config2.color.primary.background.hover.light} dark:hover:bg-${config2.color.primary.background.hover.dark}`]: {},
3928
+ //Background focus
3929
+ [`@apply focus-visible:bg-${config2.color.primary.background.focus.light} dark:focus-visible:bg-${config2.color.primary.background.focus.dark}`]: {},
3930
+ //Background active
3931
+ [`@apply active:enabled:bg-${config2.color.primary.background.active.light} dark:active:enabled:bg-${config2.color.primary.background.active.dark}`]: {}
3849
3932
  },
3850
3933
  //Color:info
3851
3934
  "&.nui-button-info": {
@@ -3853,7 +3936,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
3853
3936
  //Background
3854
3937
  [`@apply bg-${config2.color.info.background.base.light} dark:bg-${config2.color.info.background.base.dark}`]: {},
3855
3938
  //Background hover
3856
- [`@apply hover:bg-${config2.color.info.background.hover.light} dark:hover:bg-${config2.color.info.background.hover.dark}`]: {}
3939
+ [`@apply hover:bg-${config2.color.info.background.hover.light} dark:hover:bg-${config2.color.info.background.hover.dark}`]: {},
3940
+ //Background focus
3941
+ [`@apply focus-visible:bg-${config2.color.info.background.focus.light} dark:focus-visible:bg-${config2.color.info.background.focus.dark}`]: {},
3942
+ //Background active
3943
+ [`@apply active:enabled:bg-${config2.color.info.background.active.light} dark:active:enabled:bg-${config2.color.info.background.active.dark}`]: {}
3857
3944
  },
3858
3945
  //Color:success
3859
3946
  "&.nui-button-success": {
@@ -3861,7 +3948,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
3861
3948
  //Background
3862
3949
  [`@apply bg-${config2.color.success.background.base.light} dark:bg-${config2.color.success.background.base.dark}`]: {},
3863
3950
  //Background hover
3864
- [`@apply hover:bg-${config2.color.success.background.hover.light} dark:hover:bg-${config2.color.success.background.hover.dark}`]: {}
3951
+ [`@apply hover:bg-${config2.color.success.background.hover.light} dark:hover:bg-${config2.color.success.background.hover.dark}`]: {},
3952
+ //Background focus
3953
+ [`@apply focus-visible:bg-${config2.color.success.background.focus.light} dark:focus-visible:bg-${config2.color.success.background.focus.dark}`]: {},
3954
+ //Background active
3955
+ [`@apply active:enabled:bg-${config2.color.success.background.active.light} dark:active:enabled:bg-${config2.color.success.background.active.dark}`]: {}
3865
3956
  },
3866
3957
  //Color:warning
3867
3958
  "&.nui-button-warning": {
@@ -3869,7 +3960,11 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
3869
3960
  //Background
3870
3961
  [`@apply bg-${config2.color.warning.background.base.light} dark:bg-${config2.color.warning.background.base.dark}`]: {},
3871
3962
  //Background hover
3872
- [`@apply hover:bg-${config2.color.warning.background.hover.light} dark:hover:bg-${config2.color.warning.background.hover.dark}`]: {}
3963
+ [`@apply hover:bg-${config2.color.warning.background.hover.light} dark:hover:bg-${config2.color.warning.background.hover.dark}`]: {},
3964
+ //Background focus
3965
+ [`@apply focus-visible:bg-${config2.color.warning.background.focus.light} dark:focus-visible:bg-${config2.color.warning.background.focus.dark}`]: {},
3966
+ //Background active
3967
+ [`@apply active:enabled:bg-${config2.color.warning.background.active.light} dark:active:enabled:bg-${config2.color.warning.background.active.dark}`]: {}
3873
3968
  },
3874
3969
  //Color:danger
3875
3970
  "&.nui-button-danger": {
@@ -3877,19 +3972,23 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
3877
3972
  //Background
3878
3973
  [`@apply bg-${config2.color.danger.background.base.light} dark:bg-${config2.color.danger.background.base.dark}`]: {},
3879
3974
  //Background hover
3880
- [`@apply hover:bg-${config2.color.danger.background.hover.light} dark:hover:bg-${config2.color.danger.background.hover.dark}`]: {}
3975
+ [`@apply hover:bg-${config2.color.danger.background.hover.light} dark:hover:bg-${config2.color.danger.background.hover.dark}`]: {},
3976
+ //Background focus
3977
+ [`@apply focus-visible:bg-${config2.color.danger.background.focus.light} dark:focus-visible:bg-${config2.color.danger.background.focus.dark}`]: {},
3978
+ //Background active
3979
+ [`@apply active:enabled:bg-${config2.color.danger.background.active.light} dark:active:enabled:bg-${config2.color.danger.background.active.dark}`]: {}
3881
3980
  }
3882
3981
  }
3883
3982
  });
3884
- }, config$M);
3983
+ }, config$N);
3885
3984
 
3886
- const key$L = "buttonAction";
3887
- const defaultConfig$K = {};
3985
+ const key$M = "buttonAction";
3986
+ const defaultConfig$L = {};
3888
3987
 
3889
- const config$L = {
3988
+ const config$M = {
3890
3989
  theme: {
3891
3990
  nui: {
3892
- [key$L]: defaultConfig$K
3991
+ [key$M]: defaultConfig$L
3893
3992
  }
3894
3993
  }
3895
3994
  };
@@ -3898,7 +3997,7 @@ const buttonGroup = plugin__default(
3898
3997
  '.nui-button-group, [role="group"]': {
3899
3998
  "@apply flex": {},
3900
3999
  // Button
3901
- ".nui-button:not(:only-child), .nui-button-action:not(:only-child), .nui-button-icon:not(:only-child)": {
4000
+ "> .nui-button:not(:only-child), > .nui-button-action:not(:only-child), > .nui-button-icon:not(:only-child)": {
3902
4001
  "@apply !border-e-0": {},
3903
4002
  "&:focus": {
3904
4003
  "@apply !z-10 relative": {}
@@ -4082,11 +4181,11 @@ const buttonGroup = plugin__default(
4082
4181
  }
4083
4182
  }
4084
4183
  }),
4085
- config$L
4184
+ config$M
4086
4185
  );
4087
4186
 
4088
- const key$K = "buttonIcon";
4089
- const defaultConfig$J = {
4187
+ const key$L = "buttonIcon";
4188
+ const defaultConfig$K = {
4090
4189
  font: {
4091
4190
  family: "sans",
4092
4191
  size: "sm",
@@ -4344,15 +4443,15 @@ const defaultConfig$J = {
4344
4443
  }
4345
4444
  };
4346
4445
 
4347
- const config$K = {
4446
+ const config$L = {
4348
4447
  theme: {
4349
4448
  nui: {
4350
- [key$K]: defaultConfig$J
4449
+ [key$L]: defaultConfig$K
4351
4450
  }
4352
4451
  }
4353
4452
  };
4354
4453
  const buttonIcon = plugin__default(({ addComponents, theme }) => {
4355
- const config2 = theme(`nui.${key$K}`);
4454
+ const config2 = theme(`nui.${key$L}`);
4356
4455
  addComponents({
4357
4456
  ".nui-button-icon": {
4358
4457
  //Base
@@ -4507,10 +4606,10 @@ const buttonIcon = plugin__default(({ addComponents, theme }) => {
4507
4606
  }
4508
4607
  }
4509
4608
  });
4510
- }, config$K);
4609
+ }, config$L);
4511
4610
 
4512
- const key$J = "button";
4513
- const defaultConfig$I = {
4611
+ const key$K = "button";
4612
+ const defaultConfig$J = {
4514
4613
  font: {
4515
4614
  family: "sans",
4516
4615
  weight: "normal"
@@ -4520,7 +4619,7 @@ const defaultConfig$I = {
4520
4619
  duration: "300"
4521
4620
  },
4522
4621
  size: {
4523
- small: {
4622
+ sm: {
4524
4623
  button: {
4525
4624
  text: "sm",
4526
4625
  height: "8",
@@ -4533,7 +4632,7 @@ const defaultConfig$I = {
4533
4632
  size: "3"
4534
4633
  }
4535
4634
  },
4536
- medium: {
4635
+ md: {
4537
4636
  button: {
4538
4637
  text: "sm",
4539
4638
  height: "10",
@@ -4546,7 +4645,7 @@ const defaultConfig$I = {
4546
4645
  size: "4"
4547
4646
  }
4548
4647
  },
4549
- large: {
4648
+ lg: {
4550
4649
  button: {
4551
4650
  text: "base",
4552
4651
  height: "12",
@@ -4558,26 +4657,13 @@ const defaultConfig$I = {
4558
4657
  icon: {
4559
4658
  size: "5"
4560
4659
  }
4561
- },
4562
- xlarge: {
4563
- button: {
4564
- text: "base",
4565
- height: "14",
4566
- padding: {
4567
- x: "10",
4568
- y: "4"
4569
- }
4570
- },
4571
- icon: {
4572
- size: "5"
4573
- }
4574
4660
  }
4575
4661
  },
4576
4662
  rounded: {
4577
4663
  none: "none",
4578
- small: "md",
4579
- medium: "lg",
4580
- large: "xl",
4664
+ sm: "md",
4665
+ md: "lg",
4666
+ lg: "xl",
4581
4667
  full: "full"
4582
4668
  },
4583
4669
  variant: {
@@ -5561,15 +5647,15 @@ const defaultConfig$I = {
5561
5647
  }
5562
5648
  };
5563
5649
 
5564
- const config$J = {
5650
+ const config$K = {
5565
5651
  theme: {
5566
5652
  nui: {
5567
- button: defaultConfig$I
5653
+ button: defaultConfig$J
5568
5654
  }
5569
5655
  }
5570
5656
  };
5571
5657
  const button = plugin__default(({ addComponents, theme }) => {
5572
- const config2 = theme(`nui.${key$J}`);
5658
+ const config2 = theme(`nui.${key$K}`);
5573
5659
  addComponents({
5574
5660
  ".nui-button": {
5575
5661
  // #region Base
@@ -5636,40 +5722,34 @@ const button = plugin__default(({ addComponents, theme }) => {
5636
5722
  },
5637
5723
  // #endregion
5638
5724
  // #region Sizes
5639
- "&.nui-button-small": {
5640
- [`@apply h-${config2.size.small.button.height} px-${config2.size.small.button.padding.x} py-${config2.size.small.button.padding.y} text-${config2.size.small.button.text}`]: {},
5641
- ".nui-button-icon": {
5642
- [`@apply w-${config2.size.small.icon.size} h-${config2.size.small.icon.size}`]: {}
5643
- }
5644
- },
5645
- "&.nui-button-medium": {
5646
- [`@apply h-${config2.size.medium.button.height} px-${config2.size.medium.button.padding.x} py-${config2.size.medium.button.padding.y} text-${config2.size.medium.button.text}`]: {},
5725
+ "&.nui-button-sm": {
5726
+ [`@apply h-${config2.size.sm.button.height} px-${config2.size.sm.button.padding.x} py-${config2.size.sm.button.padding.y} text-${config2.size.sm.button.text}`]: {},
5647
5727
  ".nui-button-icon": {
5648
- [`@apply w-${config2.size.medium.icon.size} h-${config2.size.medium.icon.size}`]: {}
5728
+ [`@apply w-${config2.size.sm.icon.size} h-${config2.size.sm.icon.size}`]: {}
5649
5729
  }
5650
5730
  },
5651
- "&.nui-button-large": {
5652
- [`@apply h-${config2.size.large.button.height} px-${config2.size.large.button.padding.x} py-${config2.size.large.button.padding.y} text-${config2.size.large.button.text}`]: {},
5731
+ "&.nui-button-md": {
5732
+ [`@apply h-${config2.size.md.button.height} px-${config2.size.md.button.padding.x} py-${config2.size.md.button.padding.y} text-${config2.size.md.button.text}`]: {},
5653
5733
  ".nui-button-icon": {
5654
- [`@apply w-${config2.size.large.icon.size} h-${config2.size.large.icon.size}`]: {}
5734
+ [`@apply w-${config2.size.md.icon.size} h-${config2.size.md.icon.size}`]: {}
5655
5735
  }
5656
5736
  },
5657
- "&.nui-button-xlarge": {
5658
- [`@apply h-${config2.size.xlarge.button.height} px-${config2.size.xlarge.button.padding.x} py-${config2.size.xlarge.button.padding.y} text-${config2.size.xlarge.button.text}`]: {},
5737
+ "&.nui-button-lg": {
5738
+ [`@apply h-${config2.size.lg.button.height} px-${config2.size.lg.button.padding.x} py-${config2.size.lg.button.padding.y} text-${config2.size.lg.button.text}`]: {},
5659
5739
  ".nui-button-icon": {
5660
- [`@apply w-${config2.size.xlarge.icon.size} h-${config2.size.xlarge.icon.size}`]: {}
5740
+ [`@apply w-${config2.size.lg.icon.size} h-${config2.size.lg.icon.size}`]: {}
5661
5741
  }
5662
5742
  },
5663
5743
  // #endregion
5664
5744
  // #region Rounded
5665
5745
  "&.nui-button-rounded-sm": {
5666
- [`@apply rounded-${config2.rounded.small}`]: {}
5746
+ [`@apply rounded-${config2.rounded.sm}`]: {}
5667
5747
  },
5668
5748
  "&.nui-button-rounded-md": {
5669
- [`@apply rounded-${config2.rounded.medium}`]: {}
5749
+ [`@apply rounded-${config2.rounded.md}`]: {}
5670
5750
  },
5671
5751
  "&.nui-button-rounded-lg": {
5672
- [`@apply rounded-${config2.rounded.large}`]: {}
5752
+ [`@apply rounded-${config2.rounded.lg}`]: {}
5673
5753
  },
5674
5754
  "&.nui-button-rounded-full": {
5675
5755
  [`@apply rounded-${config2.rounded.full}`]: {},
@@ -6337,10 +6417,10 @@ const button = plugin__default(({ addComponents, theme }) => {
6337
6417
  // #endregion
6338
6418
  }
6339
6419
  });
6340
- }, config$J);
6420
+ }, config$K);
6341
6421
 
6342
- const key$I = "card";
6343
- const defaultConfig$H = {
6422
+ const key$J = "card";
6423
+ const defaultConfig$I = {
6344
6424
  width: "full",
6345
6425
  rounded: {
6346
6426
  none: "none",
@@ -6471,15 +6551,15 @@ const defaultConfig$H = {
6471
6551
  }
6472
6552
  };
6473
6553
 
6474
- const config$I = {
6554
+ const config$J = {
6475
6555
  theme: {
6476
6556
  nui: {
6477
- [key$I]: defaultConfig$H
6557
+ [key$J]: defaultConfig$I
6478
6558
  }
6479
6559
  }
6480
6560
  };
6481
6561
  const card = plugin__default(({ addComponents, theme }) => {
6482
- const config2 = theme(`nui.${key$I}`);
6562
+ const config2 = theme(`nui.${key$J}`);
6483
6563
  addComponents({
6484
6564
  ".nui-card": {
6485
6565
  //Base
@@ -6584,10 +6664,10 @@ const card = plugin__default(({ addComponents, theme }) => {
6584
6664
  }
6585
6665
  }
6586
6666
  });
6587
- }, config$I);
6667
+ }, config$J);
6588
6668
 
6589
- const key$H = "checkbox";
6590
- const defaultConfig$G = {
6669
+ const key$I = "checkbox";
6670
+ const defaultConfig$H = {
6591
6671
  rounded: {
6592
6672
  sm: "rounded",
6593
6673
  md: "rounded-md",
@@ -6689,15 +6769,15 @@ const defaultConfig$G = {
6689
6769
  }
6690
6770
  };
6691
6771
 
6692
- const config$H = {
6772
+ const config$I = {
6693
6773
  theme: {
6694
6774
  nui: {
6695
- [key$H]: defaultConfig$G
6775
+ [key$I]: defaultConfig$H
6696
6776
  }
6697
6777
  }
6698
6778
  };
6699
6779
  const checkbox = plugin__default(({ addComponents, theme }) => {
6700
- const config2 = theme(`nui.${key$H}`);
6780
+ const config2 = theme(`nui.${key$I}`);
6701
6781
  addComponents({
6702
6782
  //Wrapper
6703
6783
  ".nui-checkbox": {
@@ -6761,9 +6841,7 @@ const checkbox = plugin__default(({ addComponents, theme }) => {
6761
6841
  },
6762
6842
  //Error
6763
6843
  ".nui-checkbox-error": {
6764
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} ms-1 inline-block`]: {},
6765
- //Color
6766
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
6844
+ [`@apply ms-1 inline-block`]: {}
6767
6845
  },
6768
6846
  //Rounded:sm
6769
6847
  "&.nui-checkbox-rounded-sm .nui-checkbox-outer, &.nui-checkbox-rounded-sm .nui-checkbox-inner": {
@@ -6823,10 +6901,10 @@ const checkbox = plugin__default(({ addComponents, theme }) => {
6823
6901
  }
6824
6902
  }
6825
6903
  });
6826
- }, config$H);
6904
+ }, config$I);
6827
6905
 
6828
- const key$G = "drodownDivider";
6829
- const defaultConfig$F = {
6906
+ const key$H = "drodownDivider";
6907
+ const defaultConfig$G = {
6830
6908
  margin: {
6831
6909
  y: "2"
6832
6910
  },
@@ -6836,24 +6914,24 @@ const defaultConfig$F = {
6836
6914
  }
6837
6915
  };
6838
6916
 
6839
- const config$G = {
6917
+ const config$H = {
6840
6918
  theme: {
6841
6919
  nui: {
6842
- [key$G]: defaultConfig$F
6920
+ [key$H]: defaultConfig$G
6843
6921
  }
6844
6922
  }
6845
6923
  };
6846
6924
  const dropdownDivider = plugin__default(({ addComponents, theme }) => {
6847
- const config2 = theme(`nui.${key$G}`);
6925
+ const config2 = theme(`nui.${key$H}`);
6848
6926
  addComponents({
6849
6927
  ".nui-dropdown-divider": {
6850
6928
  [`@apply my-${config2.margin.y} block h-px w-full border-t border-${config2.border.light} dark:border-${config2.border.dark}`]: {}
6851
6929
  }
6852
6930
  });
6853
- }, config$G);
6931
+ }, config$H);
6854
6932
 
6855
- const key$F = "dropdownItem";
6856
- const defaultConfig$E = {
6933
+ const key$G = "dropdownItem";
6934
+ const defaultConfig$F = {
6857
6935
  align: "start",
6858
6936
  font: {
6859
6937
  family: "sans",
@@ -6949,15 +7027,15 @@ const defaultConfig$E = {
6949
7027
  }
6950
7028
  };
6951
7029
 
6952
- const config$F = {
7030
+ const config$G = {
6953
7031
  theme: {
6954
7032
  nui: {
6955
- [key$F]: defaultConfig$E
7033
+ [key$G]: defaultConfig$F
6956
7034
  }
6957
7035
  }
6958
7036
  };
6959
7037
  const dropdownItem = plugin__default(({ addComponents, theme }) => {
6960
- const config2 = theme(`nui.${key$F}`);
7038
+ const config2 = theme(`nui.${key$G}`);
6961
7039
  addComponents({
6962
7040
  //Wrapper
6963
7041
  ".nui-dropdown-item": {
@@ -6974,6 +7052,10 @@ const dropdownItem = plugin__default(({ addComponents, theme }) => {
6974
7052
  "&:not(.nui-active)": {
6975
7053
  [`@apply text-${config2.font.color.inactive.light} dark:text-${config2.font.color.inactive.dark}`]: {}
6976
7054
  },
7055
+ //Item:disabled
7056
+ "&.nui-item-disabled": {
7057
+ [`@apply opacity-50 pointer-events-none`]: {}
7058
+ },
6977
7059
  //Contrast:default
6978
7060
  "&.nui-item-default": {
6979
7061
  //Background:hover
@@ -7041,10 +7123,10 @@ const dropdownItem = plugin__default(({ addComponents, theme }) => {
7041
7123
  }
7042
7124
  }
7043
7125
  });
7044
- }, config$F);
7126
+ }, config$G);
7045
7127
 
7046
- const key$E = "dropdown";
7047
- const defaultConfig$D = {
7128
+ const key$F = "dropdown";
7129
+ const defaultConfig$E = {
7048
7130
  align: "start",
7049
7131
  button: {
7050
7132
  context: {
@@ -7091,15 +7173,6 @@ const defaultConfig$D = {
7091
7173
  duration: "300"
7092
7174
  }
7093
7175
  },
7094
- text: {
7095
- font: {
7096
- family: "sans",
7097
- color: {
7098
- light: "muted-400",
7099
- dark: "muted-400"
7100
- }
7101
- }
7102
- },
7103
7176
  chevron: {
7104
7177
  size: "4",
7105
7178
  transition: {
@@ -7177,15 +7250,15 @@ const defaultConfig$D = {
7177
7250
  }
7178
7251
  };
7179
7252
 
7180
- const config$E = {
7253
+ const config$F = {
7181
7254
  theme: {
7182
7255
  nui: {
7183
- [key$E]: defaultConfig$D
7256
+ [key$F]: defaultConfig$E
7184
7257
  }
7185
7258
  }
7186
7259
  };
7187
7260
  const dropdown = plugin__default(({ addComponents, theme }) => {
7188
- const config2 = theme(`nui.${key$E}`);
7261
+ const config2 = theme(`nui.${key$F}`);
7189
7262
  addComponents({
7190
7263
  //Wrapper
7191
7264
  ".nui-dropdown": {
@@ -7232,13 +7305,7 @@ const dropdown = plugin__default(({ addComponents, theme }) => {
7232
7305
  //Button:text
7233
7306
  ".nui-text-button": {
7234
7307
  //Base
7235
- "@apply flex items-center space-x-1": {},
7236
- //Font
7237
- [`@apply font-${config2.button.text.font.family} text-${config2.button.text.font.color.light} dark:text-${config2.button.text.font.color.dark}`]: {},
7238
- //Text:inner
7239
- ".nui-text-button-inner": {
7240
- [`@apply font-${config2.button.text.font.family}`]: {}
7241
- }
7308
+ "@apply flex items-center space-x-1": {}
7242
7309
  },
7243
7310
  //Button:chevron
7244
7311
  ".nui-chevron": {
@@ -7340,10 +7407,10 @@ const dropdown = plugin__default(({ addComponents, theme }) => {
7340
7407
  }
7341
7408
  }
7342
7409
  });
7343
- }, config$E);
7410
+ }, config$F);
7344
7411
 
7345
- const key$D = "focus";
7346
- const defaultConfig$C = {
7412
+ const key$E = "focus";
7413
+ const defaultConfig$D = {
7347
7414
  offset: "2",
7348
7415
  width: "2",
7349
7416
  style: "dashed",
@@ -7354,15 +7421,15 @@ const defaultConfig$C = {
7354
7421
  mode: "always"
7355
7422
  };
7356
7423
 
7357
- const config$D = {
7424
+ const config$E = {
7358
7425
  theme: {
7359
7426
  nui: {
7360
- [key$D]: defaultConfig$C
7427
+ [key$E]: defaultConfig$D
7361
7428
  }
7362
7429
  }
7363
7430
  };
7364
7431
  const focus = plugin__default(({ addComponents, theme }) => {
7365
- const config2 = theme(`nui.${key$D}`);
7432
+ const config2 = theme(`nui.${key$E}`);
7366
7433
  const mode = config2.mode === "focus-visible" ? "&:has(:focus-visible), &:focus-visible" : "&:focus-within";
7367
7434
  addComponents({
7368
7435
  ".nui-focus": {
@@ -7374,10 +7441,10 @@ const focus = plugin__default(({ addComponents, theme }) => {
7374
7441
  }
7375
7442
  }
7376
7443
  });
7377
- }, config$D);
7444
+ }, config$E);
7378
7445
 
7379
- const key$C = "fullscreenDropfile";
7380
- const defaultConfig$B = {
7446
+ const key$D = "fullscreenDropfile";
7447
+ const defaultConfig$C = {
7381
7448
  height: "[230px]",
7382
7449
  width: "[500px]",
7383
7450
  rounded: "rounded-md",
@@ -7412,15 +7479,15 @@ const defaultConfig$B = {
7412
7479
  }
7413
7480
  };
7414
7481
 
7415
- const config$C = {
7482
+ const config$D = {
7416
7483
  theme: {
7417
7484
  nui: {
7418
- [key$C]: defaultConfig$B
7485
+ [key$D]: defaultConfig$C
7419
7486
  }
7420
7487
  }
7421
7488
  };
7422
7489
  const fullscreenDropfile = plugin__default(({ addComponents, theme }) => {
7423
- const config2 = theme(`nui.${key$C}`);
7490
+ const config2 = theme(`nui.${key$D}`);
7424
7491
  addComponents({
7425
7492
  //Wrapper
7426
7493
  ".nui-fullscreen-dropfile": {
@@ -7493,10 +7560,10 @@ const fullscreenDropfile = plugin__default(({ addComponents, theme }) => {
7493
7560
  }
7494
7561
  }
7495
7562
  });
7496
- }, config$C);
7563
+ }, config$D);
7497
7564
 
7498
- const key$B = "heading";
7499
- const defaultConfig$A = {
7565
+ const key$C = "heading";
7566
+ const defaultConfig$B = {
7500
7567
  size: {
7501
7568
  xs: "xs",
7502
7569
  sm: "sm",
@@ -7529,15 +7596,15 @@ const defaultConfig$A = {
7529
7596
  }
7530
7597
  };
7531
7598
 
7532
- const config$B = {
7599
+ const config$C = {
7533
7600
  theme: {
7534
7601
  nui: {
7535
- [key$B]: defaultConfig$A
7602
+ [key$C]: defaultConfig$B
7536
7603
  }
7537
7604
  }
7538
7605
  };
7539
7606
  const heading = plugin__default(({ addComponents, theme }) => {
7540
- const config2 = theme(`nui.${key$B}`);
7607
+ const config2 = theme(`nui.${key$C}`);
7541
7608
  addComponents({
7542
7609
  ".nui-heading": {
7543
7610
  "@apply font-sans": {},
@@ -7618,10 +7685,10 @@ const heading = plugin__default(({ addComponents, theme }) => {
7618
7685
  }
7619
7686
  }
7620
7687
  });
7621
- }, config$B);
7688
+ }, config$C);
7622
7689
 
7623
- const key$A = "iconBox";
7624
- const defaultConfig$z = {
7690
+ const key$B = "iconBox";
7691
+ const defaultConfig$A = {
7625
7692
  bordered: {
7626
7693
  border: {
7627
7694
  size: "2",
@@ -7711,6 +7778,30 @@ const defaultConfig$z = {
7711
7778
  }
7712
7779
  }
7713
7780
  },
7781
+ muted: {
7782
+ background: {
7783
+ light: "muted-200",
7784
+ dark: "muted-700"
7785
+ },
7786
+ font: {
7787
+ color: {
7788
+ light: "muted-700",
7789
+ dark: "muted-200"
7790
+ }
7791
+ }
7792
+ },
7793
+ mutedContrast: {
7794
+ background: {
7795
+ light: "muted-200",
7796
+ dark: "muted-950"
7797
+ },
7798
+ font: {
7799
+ color: {
7800
+ light: "muted-700",
7801
+ dark: "muted-100"
7802
+ }
7803
+ }
7804
+ },
7714
7805
  light: {
7715
7806
  background: {
7716
7807
  light: "white",
@@ -7833,6 +7924,30 @@ const defaultConfig$z = {
7833
7924
  }
7834
7925
  }
7835
7926
  },
7927
+ muted: {
7928
+ background: {
7929
+ light: "muted-600/10",
7930
+ dark: "muted-700/10"
7931
+ },
7932
+ font: {
7933
+ color: {
7934
+ light: "muted-700",
7935
+ dark: "muted-200"
7936
+ }
7937
+ }
7938
+ },
7939
+ mutedContrast: {
7940
+ background: {
7941
+ light: "muted-600/10",
7942
+ dark: "muted-950/10"
7943
+ },
7944
+ font: {
7945
+ color: {
7946
+ light: "muted-700",
7947
+ dark: "muted-100"
7948
+ }
7949
+ }
7950
+ },
7836
7951
  light: {
7837
7952
  background: {
7838
7953
  light: "white/10",
@@ -7963,6 +8078,38 @@ const defaultConfig$z = {
7963
8078
  }
7964
8079
  }
7965
8080
  },
8081
+ muted: {
8082
+ background: {
8083
+ light: "transparent",
8084
+ dark: "transparent"
8085
+ },
8086
+ border: {
8087
+ light: "current",
8088
+ dark: "current"
8089
+ },
8090
+ font: {
8091
+ color: {
8092
+ light: "muted-700",
8093
+ dark: "muted-200"
8094
+ }
8095
+ }
8096
+ },
8097
+ mutedContrast: {
8098
+ background: {
8099
+ light: "transparent",
8100
+ dark: "transparent"
8101
+ },
8102
+ border: {
8103
+ light: "current",
8104
+ dark: "current"
8105
+ },
8106
+ font: {
8107
+ color: {
8108
+ light: "muted-700",
8109
+ dark: "muted-100"
8110
+ }
8111
+ }
8112
+ },
7966
8113
  light: {
7967
8114
  background: {
7968
8115
  light: "transparent",
@@ -8096,15 +8243,15 @@ const defaultConfig$z = {
8096
8243
  }
8097
8244
  };
8098
8245
 
8099
- const config$A = {
8246
+ const config$B = {
8100
8247
  theme: {
8101
8248
  nui: {
8102
- [key$A]: defaultConfig$z
8249
+ [key$B]: defaultConfig$A
8103
8250
  }
8104
8251
  }
8105
8252
  };
8106
8253
  const iconBox = plugin__default(({ addComponents, theme }) => {
8107
- const config2 = theme(`nui.${key$A}`);
8254
+ const config2 = theme(`nui.${key$B}`);
8108
8255
  addComponents({
8109
8256
  //Wrapper
8110
8257
  ".nui-icon-box": {
@@ -8232,6 +8379,20 @@ const iconBox = plugin__default(({ addComponents, theme }) => {
8232
8379
  //Background
8233
8380
  [`@apply bg-${config2.color.variant.solid.defaultContrast.background.light} dark:bg-${config2.color.variant.solid.defaultContrast.background.dark}`]: {}
8234
8381
  },
8382
+ //Color:muted
8383
+ "&.nui-box-muted": {
8384
+ //Font
8385
+ [`@apply text-${config2.color.variant.solid.muted.font.color.light} dark:text-${config2.color.variant.solid.muted.font.color.dark}`]: {},
8386
+ //Background
8387
+ [`@apply bg-${config2.color.variant.solid.muted.background.light} dark:bg-${config2.color.variant.solid.muted.background.dark}`]: {}
8388
+ },
8389
+ //Color:muted-contrast
8390
+ "&.nui-box-muted-contrast": {
8391
+ //Font
8392
+ [`@apply text-${config2.color.variant.solid.mutedContrast.font.color.light} dark:text-${config2.color.variant.solid.mutedContrast.font.color.dark}`]: {},
8393
+ //Background
8394
+ [`@apply bg-${config2.color.variant.solid.mutedContrast.background.light} dark:bg-${config2.color.variant.solid.mutedContrast.background.dark}`]: {}
8395
+ },
8235
8396
  //Color:light
8236
8397
  "&.nui-box-light": {
8237
8398
  //Font
@@ -8305,6 +8466,20 @@ const iconBox = plugin__default(({ addComponents, theme }) => {
8305
8466
  //Background
8306
8467
  [`@apply bg-${config2.color.variant.pastel.defaultContrast.background.light} dark:bg-${config2.color.variant.pastel.defaultContrast.background.dark}`]: {}
8307
8468
  },
8469
+ //Color:muted
8470
+ "&.nui-box-muted": {
8471
+ //Font
8472
+ [`@apply text-${config2.color.variant.pastel.muted.font.color.light} dark:text-${config2.color.variant.pastel.muted.font.color.dark}`]: {},
8473
+ //Background
8474
+ [`@apply bg-${config2.color.variant.pastel.muted.background.light} dark:bg-${config2.color.variant.pastel.muted.background.dark}`]: {}
8475
+ },
8476
+ //Color:muted-contrast
8477
+ "&.nui-box-muted-contrast": {
8478
+ //Font
8479
+ [`@apply text-${config2.color.variant.pastel.mutedContrast.font.color.light} dark:text-${config2.color.variant.pastel.mutedContrast.font.color.dark}`]: {},
8480
+ //Background
8481
+ [`@apply bg-${config2.color.variant.pastel.mutedContrast.background.light} dark:bg-${config2.color.variant.pastel.mutedContrast.background.dark}`]: {}
8482
+ },
8308
8483
  //Color:light
8309
8484
  "&.nui-box-light": {
8310
8485
  //Font
@@ -8382,6 +8557,24 @@ const iconBox = plugin__default(({ addComponents, theme }) => {
8382
8557
  //Border
8383
8558
  [`@apply border-2 border-${config2.color.variant.outline.defaultContrast.border.light} dark:border-${config2.color.variant.outline.defaultContrast.border.dark}`]: {}
8384
8559
  },
8560
+ //Color:muted
8561
+ "&.nui-box-muted": {
8562
+ //Font
8563
+ [`@apply text-${config2.color.variant.outline.muted.font.color.light} dark:text-${config2.color.variant.outline.muted.font.color.dark}`]: {},
8564
+ //Background
8565
+ [`@apply bg-${config2.color.variant.outline.muted.background.light} bg-${config2.color.variant.outline.muted.background.dark}`]: {},
8566
+ //Border
8567
+ [`@apply border-2 border-${config2.color.variant.outline.muted.border.light} dark:border-${config2.color.variant.outline.muted.border.dark}`]: {}
8568
+ },
8569
+ //Color:muted-contrast
8570
+ "&.nui-box-muted-contrast": {
8571
+ //Font
8572
+ [`@apply text-${config2.color.variant.outline.mutedContrast.font.color.light} dark:text-${config2.color.variant.outline.mutedContrast.font.color.dark}`]: {},
8573
+ //Background
8574
+ [`@apply bg-${config2.color.variant.outline.mutedContrast.background.light} bg-${config2.color.variant.outline.mutedContrast.background.dark}`]: {},
8575
+ //Border
8576
+ [`@apply border-2 border-${config2.color.variant.outline.mutedContrast.border.light} dark:border-${config2.color.variant.outline.mutedContrast.border.dark}`]: {}
8577
+ },
8385
8578
  //Color:light
8386
8579
  "&.nui-box-light": {
8387
8580
  //Font
@@ -8465,10 +8658,10 @@ const iconBox = plugin__default(({ addComponents, theme }) => {
8465
8658
  }
8466
8659
  }
8467
8660
  });
8468
- }, config$A);
8661
+ }, config$B);
8469
8662
 
8470
- const key$z = "inputFileRegular";
8471
- const defaultConfig$y = {
8663
+ const key$A = "inputFileRegular";
8664
+ const defaultConfig$z = {
8472
8665
  font: {
8473
8666
  color: {
8474
8667
  light: "muted-400",
@@ -8665,15 +8858,15 @@ const defaultConfig$y = {
8665
8858
  }
8666
8859
  };
8667
8860
 
8668
- const config$z = {
8861
+ const config$A = {
8669
8862
  theme: {
8670
8863
  nui: {
8671
- [key$z]: defaultConfig$y
8864
+ [key$A]: defaultConfig$z
8672
8865
  }
8673
8866
  }
8674
8867
  };
8675
8868
  const inputFileRegular = plugin__default(({ addComponents, theme }) => {
8676
- const config2 = theme(`nui.${key$z}`);
8869
+ const config2 = theme(`nui.${key$A}`);
8677
8870
  addComponents({
8678
8871
  //Wrapper
8679
8872
  ".nui-input-file-regular": {
@@ -8716,13 +8909,6 @@ const inputFileRegular = plugin__default(({ addComponents, theme }) => {
8716
8909
  "@apply h-3 w-full max-w-[75%] rounded": {}
8717
8910
  }
8718
8911
  },
8719
- //Input:error
8720
- ".nui-input-file-error-text": {
8721
- //Base
8722
- [`@apply mt-1 block font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
8723
- //Color
8724
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
8725
- },
8726
8912
  //Color:default
8727
8913
  "&.nui-input-default": {
8728
8914
  //Input:inner
@@ -8917,10 +9103,10 @@ const inputFileRegular = plugin__default(({ addComponents, theme }) => {
8917
9103
  }
8918
9104
  }
8919
9105
  });
8920
- }, config$z);
9106
+ }, config$A);
8921
9107
 
8922
- const key$y = "inputFile";
8923
- const defaultConfig$x = {
9108
+ const key$z = "inputFile";
9109
+ const defaultConfig$y = {
8924
9110
  drop: {
8925
9111
  height: "64",
8926
9112
  border: {
@@ -9172,15 +9358,15 @@ const defaultConfig$x = {
9172
9358
  }
9173
9359
  };
9174
9360
 
9175
- const config$y = {
9361
+ const config$z = {
9176
9362
  theme: {
9177
9363
  nui: {
9178
- [key$y]: defaultConfig$x
9364
+ [key$z]: defaultConfig$y
9179
9365
  }
9180
9366
  }
9181
9367
  };
9182
9368
  const inputFile = plugin__default(({ addComponents, theme }) => {
9183
- const config2 = theme(`nui.${key$y}`);
9369
+ const config2 = theme(`nui.${key$z}`);
9184
9370
  addComponents({
9185
9371
  //Wrapper
9186
9372
  ".nui-input-file": {
@@ -9455,10 +9641,10 @@ const inputFile = plugin__default(({ addComponents, theme }) => {
9455
9641
  }
9456
9642
  }
9457
9643
  });
9458
- }, config$y);
9644
+ }, config$z);
9459
9645
 
9460
- const key$x = "input";
9461
- const defaultConfig$w = {
9646
+ const key$y = "input";
9647
+ const defaultConfig$x = {
9462
9648
  rounded: {
9463
9649
  none: "rounded-none",
9464
9650
  sm: "rounded-md",
@@ -9820,15 +10006,15 @@ const defaultConfig$w = {
9820
10006
  }
9821
10007
  };
9822
10008
 
9823
- const config$x = {
10009
+ const config$y = {
9824
10010
  theme: {
9825
10011
  nui: {
9826
- [key$x]: defaultConfig$w
10012
+ [key$y]: defaultConfig$x
9827
10013
  }
9828
10014
  }
9829
10015
  };
9830
10016
  const input = plugin__default(({ addComponents, theme }) => {
9831
- const config2 = theme(`nui.${key$x}`);
10017
+ const config2 = theme(`nui.${key$y}`);
9832
10018
  addComponents({
9833
10019
  //Wrapper
9834
10020
  ".nui-input-wrapper": {
@@ -9857,15 +10043,6 @@ const input = plugin__default(({ addComponents, theme }) => {
9857
10043
  //Transition
9858
10044
  [`@apply transition-${config2.input.icon.transition.property} duration-${config2.input.icon.transition.duration}`]: {}
9859
10045
  },
9860
- //Error:text
9861
- ".nui-input-error-text": {
9862
- //Base
9863
- "@apply mt-1 block": {},
9864
- //Font
9865
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
9866
- //Font color
9867
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
9868
- },
9869
10046
  //Input
9870
10047
  ".nui-input": {
9871
10048
  //Base
@@ -10224,10 +10401,10 @@ const input = plugin__default(({ addComponents, theme }) => {
10224
10401
  }
10225
10402
  }
10226
10403
  });
10227
- }, config$x);
10404
+ }, config$y);
10228
10405
 
10229
- const key$w = "inputNumber";
10230
- const defaultConfig$v = {
10406
+ const key$x = "inputNumber";
10407
+ const defaultConfig$w = {
10231
10408
  rounded: {
10232
10409
  none: "rounded-none",
10233
10410
  sm: "rounded-md",
@@ -10598,15 +10775,15 @@ const defaultConfig$v = {
10598
10775
  }
10599
10776
  };
10600
10777
 
10601
- const config$w = {
10778
+ const config$x = {
10602
10779
  theme: {
10603
10780
  nui: {
10604
- [key$w]: defaultConfig$v
10781
+ [key$x]: defaultConfig$w
10605
10782
  }
10606
10783
  }
10607
10784
  };
10608
10785
  const inputNumber = plugin__default(({ addComponents, theme }) => {
10609
- const config2 = theme(`nui.${key$w}`);
10786
+ const config2 = theme(`nui.${key$x}`);
10610
10787
  addComponents({
10611
10788
  //Wrapper
10612
10789
  ".nui-input-number-wrapper": {
@@ -10652,15 +10829,6 @@ const inputNumber = plugin__default(({ addComponents, theme }) => {
10652
10829
  ".nui-input-number-buttons svg": {
10653
10830
  "@apply h-4 w-4": {}
10654
10831
  },
10655
- //Error:text
10656
- ".nui-input-number-error-text": {
10657
- //Base
10658
- "@apply mt-1 block": {},
10659
- //Font
10660
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
10661
- //Font color
10662
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
10663
- },
10664
10832
  //Input
10665
10833
  ".nui-input-number": {
10666
10834
  //Base
@@ -11067,6 +11235,34 @@ const inputNumber = plugin__default(({ addComponents, theme }) => {
11067
11235
  }
11068
11236
  }
11069
11237
  });
11238
+ }, config$x);
11239
+
11240
+ const key$w = "inputHelpText";
11241
+ const defaultConfig$v = {
11242
+ font: {
11243
+ family: "sans",
11244
+ size: "[0.65rem]",
11245
+ weight: "medium"
11246
+ }
11247
+ };
11248
+
11249
+ const config$w = {
11250
+ theme: {
11251
+ nui: {
11252
+ [key$w]: defaultConfig$v
11253
+ }
11254
+ }
11255
+ };
11256
+ const inputHelpText = plugin__default(({ addComponents, theme }) => {
11257
+ const config2 = theme(`nui.${key$w}`);
11258
+ addComponents({
11259
+ ".nui-input-help-text": {
11260
+ //Base
11261
+ "@apply mt-1 block": {},
11262
+ //Font
11263
+ [`@apply font-${config2.font.family} text-${config2.font.size} font-${config2.font.weight} leading-none`]: {}
11264
+ }
11265
+ });
11070
11266
  }, config$w);
11071
11267
 
11072
11268
  const key$v = "kbd";
@@ -12143,15 +12339,6 @@ const listbox = plugin__default(({ addComponents, theme }) => {
12143
12339
  [`@apply bg-${config2.option.activeHover.background.light} dark:bg-${config2.option.activeHover.background.dark}`]: {}
12144
12340
  }
12145
12341
  },
12146
- //Listbox:error
12147
- ".nui-listbox-error-text": {
12148
- //Base
12149
- "@apply mt-1 block": {},
12150
- //Font
12151
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
12152
- //Color
12153
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
12154
- },
12155
12342
  //Listbox:placeload
12156
12343
  ".nui-listbox-placeload.nui-loading-placeload": {
12157
12344
  "@apply absolute start-0 top-0 flex w-full items-center px-4": {},
@@ -12821,6 +13008,9 @@ const messageText = plugin__default(({ addComponents, theme }) => {
12821
13008
 
12822
13009
  const key$n = "message";
12823
13010
  const defaultConfig$m = {
13011
+ safeArea: {
13012
+ end: "6"
13013
+ },
12824
13014
  icon: {
12825
13015
  outer: {
12826
13016
  size: "10"
@@ -12851,8 +13041,21 @@ const defaultConfig$m = {
12851
13041
  icon: {
12852
13042
  size: "4"
12853
13043
  },
13044
+ position: {
13045
+ top: "[-0.5rem]",
13046
+ end: "[-0.5rem]"
13047
+ },
13048
+ size: {
13049
+ outer: {
13050
+ width: "8",
13051
+ height: "8"
13052
+ },
13053
+ inner: {
13054
+ width: "6",
13055
+ height: "6"
13056
+ }
13057
+ },
12854
13058
  rounded: "rounded-full",
12855
- padding: "1",
12856
13059
  transition: {
12857
13060
  property: "colors",
12858
13061
  duration: "200"
@@ -13415,7 +13618,7 @@ const message = plugin__default(({ addComponents, theme }) => {
13415
13618
  addComponents({
13416
13619
  //Wrapper
13417
13620
  ".nui-message": {
13418
- "@apply flex min-h-[3rem] items-center border p-1 pe-2": {},
13621
+ "@apply relative flex gap-2 border": {},
13419
13622
  //Icon:outer
13420
13623
  ".nui-message-icon-outer": {
13421
13624
  [`@apply flex h-${config2.icon.outer.size} w-${config2.icon.outer.size} shrink-0 items-center justify-center`]: {},
@@ -13430,15 +13633,19 @@ const message = plugin__default(({ addComponents, theme }) => {
13430
13633
  //Inner:text
13431
13634
  ".nui-message-inner-text": {
13432
13635
  //Base
13433
- "@apply px-3 block": {},
13636
+ "@apply inline-flex items-center leading-normal": {},
13434
13637
  //Font
13435
13638
  [`@apply font-${config2.inner.font.family} text-${config2.inner.font.size}`]: {},
13436
13639
  //Color
13437
13640
  [`@apply text-${config2.inner.font.color.light} dark:text-${config2.inner.font.color.dark}`]: {}
13438
13641
  },
13439
- //Meesage:close
13642
+ //Message:close
13643
+ ".nui-message-close-wrapper": {
13644
+ [`@apply absolute top-${config2.close.position.top} end-${config2.close.position.end} flex items-center justify-center bg-white dark:bg-muted-950 border border-muted-200 dark:border-muted-800 ${config2.close.rounded} h-${config2.close.size.outer.height} w-${config2.close.size.outer.width}`]: {}
13645
+ },
13646
+ //Message:close
13440
13647
  ".nui-message-close": {
13441
- [`@apply nui-focus me-2 ms-auto flex cursor-pointer items-center justify-center p-${config2.close.padding} ${config2.close.rounded}`]: {},
13648
+ [`@apply nui-focus flex cursor-pointer items-center justify-center shrink-0 h-${config2.close.size.inner.height} w-${config2.close.size.inner.width} ${config2.close.rounded}`]: {},
13442
13649
  //Color
13443
13650
  [`@apply text-${config2.close.color.light} dark:text-${config2.close.color.dark}`]: {},
13444
13651
  //Transition
@@ -13448,6 +13655,14 @@ const message = plugin__default(({ addComponents, theme }) => {
13448
13655
  [`@apply h-${config2.close.icon.size} w-${config2.close.icon.size}`]: {}
13449
13656
  }
13450
13657
  },
13658
+ //Message:text
13659
+ "&.nui-has-text": {
13660
+ [`@apply py-2 ps-2 pe-${config2.safeArea.end}`]: {}
13661
+ },
13662
+ //Message:icon
13663
+ "&.nui-has-icon": {
13664
+ [`@apply py-1 ps-1 pe-${config2.safeArea.end}`]: {}
13665
+ },
13451
13666
  //Rounded:sm
13452
13667
  "&.nui-message-rounded-sm": {
13453
13668
  [`@apply ${config2.rounded.sm}`]: {},
@@ -14874,9 +15089,7 @@ const radio = plugin__default(({ addComponents, theme }) => {
14874
15089
  },
14875
15090
  //Radio:error
14876
15091
  ".nui-radio-error": {
14877
- "@apply ms-1 inline-block": {},
14878
- //Font
14879
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
15092
+ "@apply ms-1 inline-block": {}
14880
15093
  },
14881
15094
  //Color:default
14882
15095
  "&.nui-radio-default": {
@@ -15340,15 +15553,6 @@ const select = plugin__default(({ addComponents, theme }) => {
15340
15553
  //Transition
15341
15554
  [`@apply transition-${config2.select.icon.transition.property} duration-${config2.select.icon.transition.duration}`]: {}
15342
15555
  },
15343
- //Error:text
15344
- ".nui-select-error-text": {
15345
- //Base
15346
- "@apply mt-1 block": {},
15347
- //Font
15348
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
15349
- //Font color
15350
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
15351
- },
15352
15556
  //Select
15353
15557
  ".nui-select": {
15354
15558
  //Base
@@ -15706,6 +15910,7 @@ const select = plugin__default(({ addComponents, theme }) => {
15706
15910
  const key$c = "slimscroll";
15707
15911
  const defaultConfig$b = {
15708
15912
  width: "[6px]",
15913
+ height: "[6px]",
15709
15914
  background: {
15710
15915
  base: {
15711
15916
  light: "black/5",
@@ -15731,7 +15936,7 @@ const slimscroll = plugin__default(({ addComponents, theme }) => {
15731
15936
  ".nui-slimscroll::-webkit-scrollbar, .nui-slimscroll-opaque::-webkit-scrollbar": {
15732
15937
  scrollBehavior: "smooth",
15733
15938
  scrollbarGutter: "stable",
15734
- [`@apply w-${config2.width}`]: {}
15939
+ [`@apply w-${config2.width} h-${config2.height}`]: {}
15735
15940
  },
15736
15941
  ".nui-slimscroll::-webkit-scrollbar-thumb": {
15737
15942
  [`@apply rounded-lg bg-${config2.background.base.light} dark:bg-${config2.background.base.dark} duration-300 transition-all`]: {}
@@ -15915,10 +16120,6 @@ const snack = plugin__default(({ addComponents, theme }) => {
15915
16120
  //Color
15916
16121
  [`@apply text-${config2.font.color.light} dark:text-${config2.font.color.dark}`]: {}
15917
16122
  },
15918
- //Snack:button
15919
- ".nui-snack-button": {
15920
- "@apply hover:!bg-transparent": {}
15921
- },
15922
16123
  //Size:xs
15923
16124
  "&.nui-snack-xs": {
15924
16125
  //Snack:media:xs
@@ -18861,15 +19062,6 @@ const textarea = plugin__default(({ addComponents, theme }) => {
18861
19062
  [`@apply transition-${config2.textarea.transition.property} duration-${config2.textarea.transition.duration}`]: {}
18862
19063
  }
18863
19064
  },
18864
- //Error:text
18865
- ".nui-textarea-error-text": {
18866
- //Base
18867
- "@apply mt-1 block": {},
18868
- //Font
18869
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
18870
- //Font color
18871
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
18872
- },
18873
19065
  //Textrea:placeload
18874
19066
  ".nui-textarea-placeload": {
18875
19067
  [`@apply absolute start-0 top-4 flex h-${config2.textarea.placeload.size} w-${config2.textarea.placeload.size} flex-col space-y-${config2.textarea.placeload.space} px-3`]: {},
@@ -19922,7 +20114,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
19922
20114
  borderRadius: "0.5ch",
19923
20115
  zIndex: "1000",
19924
20116
  [`@apply font-${config2.font.family} text-xs shadow-lg`]: {},
19925
- [`@apply text-${config2.font.color.light} dark:text-${config2.font.color.light}`]: {},
20117
+ [`@apply text-${config2.font.color.light} dark:text-${config2.font.color.dark}`]: {},
19926
20118
  [`@apply !bg-${config2.background.light} dark:!bg-${config2.background.dark}`]: {}
19927
20119
  },
19928
20120
  [`[${tooltip}]:hover::before, [${tooltip}]:hover::after, [${tooltip}]:focus-visible::before, [${tooltip}]:focus-visible::after`]: {
@@ -19936,7 +20128,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
19936
20128
  bottom: "calc(100% + 8px)",
19937
20129
  borderBottomWidth: "0",
19938
20130
  borderTopColor: "currentColor",
19939
- [`@apply !text-${config2.background.light} dark:!text-${config2.background.light}`]: {}
20131
+ [`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
19940
20132
  },
19941
20133
  [`[${tooltip}]:not([${position}])::after, [${tooltip}][${position}^='up']::after`]: {
19942
20134
  bottom: "calc(100% + 13px)"
@@ -20052,6 +20244,7 @@ const components = mergePlugins([
20052
20244
  inputFile,
20053
20245
  input,
20054
20246
  inputNumber,
20247
+ inputHelpText,
20055
20248
  kbd,
20056
20249
  label,
20057
20250
  link,
@@ -20201,6 +20394,7 @@ exports.iconBox = iconBox;
20201
20394
  exports.input = input;
20202
20395
  exports.inputFile = inputFile;
20203
20396
  exports.inputFileRegular = inputFileRegular;
20397
+ exports.inputHelpText = inputHelpText;
20204
20398
  exports.inputNumber = inputNumber;
20205
20399
  exports.kbd = kbd;
20206
20400
  exports.label = label;