@shuriken-ui/tailwind 3.0.0 → 3.0.1

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.
@@ -15,8 +15,8 @@ function mergePlugins(plugins) {
15
15
  return plugin((api) => plugins.map((plugin2) => plugin2.handler(api)), config);
16
16
  }
17
17
 
18
- const key$S = "accordion";
19
- const defaultConfig$R = {
18
+ const key$T = "accordion";
19
+ const defaultConfig$S = {
20
20
  wrapper: {
21
21
  width: "full",
22
22
  rounded: {
@@ -233,15 +233,15 @@ const defaultConfig$R = {
233
233
  }
234
234
  };
235
235
 
236
- const config$S = {
236
+ const config$T = {
237
237
  theme: {
238
238
  nui: {
239
- [key$S]: defaultConfig$R
239
+ [key$T]: defaultConfig$S
240
240
  }
241
241
  }
242
242
  };
243
243
  const accordion = plugin(({ addComponents, theme }) => {
244
- const config2 = theme(`nui.${key$S}`);
244
+ const config2 = theme(`nui.${key$T}`);
245
245
  addComponents({
246
246
  //Accordion:wrapper
247
247
  ".nui-accordion": {
@@ -458,10 +458,10 @@ const accordion = plugin(({ addComponents, theme }) => {
458
458
  }
459
459
  }
460
460
  });
461
- }, config$S);
461
+ }, config$T);
462
462
 
463
- const key$R = "autocomplete";
464
- const defaultConfig$Q = {
463
+ const key$S = "autocomplete";
464
+ const defaultConfig$R = {
465
465
  rounded: {
466
466
  none: "none",
467
467
  sm: "md",
@@ -949,15 +949,15 @@ const defaultConfig$Q = {
949
949
  }
950
950
  };
951
951
 
952
- const config$R = {
952
+ const config$S = {
953
953
  theme: {
954
954
  nui: {
955
- [key$R]: defaultConfig$Q
955
+ [key$S]: defaultConfig$R
956
956
  }
957
957
  }
958
958
  };
959
959
  const autocomplete = plugin(({ addComponents, theme }) => {
960
- const config2 = theme(`nui.${key$R}`);
960
+ const config2 = theme(`nui.${key$S}`);
961
961
  addComponents({
962
962
  ".nui-autocomplete": {
963
963
  "@apply w-full relative": {},
@@ -1051,15 +1051,6 @@ const autocomplete = plugin(({ addComponents, theme }) => {
1051
1051
  "@apply h-3 w-full max-w-[75%] rounded": {}
1052
1052
  }
1053
1053
  },
1054
- //Autocomplete:error
1055
- ".nui-autocomplete-error-text": {
1056
- //Base
1057
- "@apply mt-1 block leading-none": {},
1058
- //Error text font
1059
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight}`]: {},
1060
- //Error text color
1061
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
1062
- },
1063
1054
  //Autocomplete:results
1064
1055
  ".nui-autocomplete-results": {
1065
1056
  "@apply nui-slimscroll absolute z-20 mt-1 max-h-[265px] w-full overflow-auto py-1 outline-none sm:text-sm": {},
@@ -1463,10 +1454,10 @@ const autocomplete = plugin(({ addComponents, theme }) => {
1463
1454
  }
1464
1455
  }
1465
1456
  });
1466
- }, config$R);
1457
+ }, config$S);
1467
1458
 
1468
- const key$Q = "avatar";
1469
- const defaultConfig$P = {
1459
+ const key$R = "avatar";
1460
+ const defaultConfig$Q = {
1470
1461
  inner: {
1471
1462
  size: "full",
1472
1463
  transition: {
@@ -1815,15 +1806,15 @@ const defaultConfig$P = {
1815
1806
  }
1816
1807
  };
1817
1808
 
1818
- const config$Q = {
1809
+ const config$R = {
1819
1810
  theme: {
1820
1811
  nui: {
1821
- [key$Q]: defaultConfig$P
1812
+ [key$R]: defaultConfig$Q
1822
1813
  }
1823
1814
  }
1824
1815
  };
1825
1816
  const avatar = plugin(({ addComponents, theme }) => {
1826
- const config2 = theme(`nui.${key$Q}`);
1817
+ const config2 = theme(`nui.${key$R}`);
1827
1818
  addComponents({
1828
1819
  ".nui-avatar": {
1829
1820
  //Avatar:wrapper
@@ -2588,10 +2579,10 @@ const avatar = plugin(({ addComponents, theme }) => {
2588
2579
  }
2589
2580
  }
2590
2581
  });
2591
- }, config$Q);
2582
+ }, config$R);
2592
2583
 
2593
- const key$P = "avatarGroup";
2594
- const defaultConfig$O = {
2584
+ const key$Q = "avatarGroup";
2585
+ const defaultConfig$P = {
2595
2586
  avatar: {
2596
2587
  rounded: "full",
2597
2588
  outer: {
@@ -2711,15 +2702,15 @@ const defaultConfig$O = {
2711
2702
  }
2712
2703
  };
2713
2704
 
2714
- const config$P = {
2705
+ const config$Q = {
2715
2706
  theme: {
2716
2707
  nui: {
2717
- [key$P]: defaultConfig$O
2708
+ [key$Q]: defaultConfig$P
2718
2709
  }
2719
2710
  }
2720
2711
  };
2721
2712
  const avatarGroup = plugin(({ addComponents, theme }) => {
2722
- const config2 = theme(`nui.${key$P}`);
2713
+ const config2 = theme(`nui.${key$Q}`);
2723
2714
  addComponents({
2724
2715
  ".nui-avatar-group": {
2725
2716
  "@apply flex": {},
@@ -2863,10 +2854,10 @@ const avatarGroup = plugin(({ addComponents, theme }) => {
2863
2854
  }
2864
2855
  }
2865
2856
  });
2866
- }, config$P);
2857
+ }, config$Q);
2867
2858
 
2868
- const key$O = "breadcrumb";
2869
- const defaultConfig$N = {
2859
+ const key$P = "breadcrumb";
2860
+ const defaultConfig$O = {
2870
2861
  item: {
2871
2862
  text: {
2872
2863
  font: {
@@ -2932,15 +2923,15 @@ const defaultConfig$N = {
2932
2923
  }
2933
2924
  };
2934
2925
 
2935
- const config$O = {
2926
+ const config$P = {
2936
2927
  theme: {
2937
2928
  nui: {
2938
- [key$O]: defaultConfig$N
2929
+ [key$P]: defaultConfig$O
2939
2930
  }
2940
2931
  }
2941
2932
  };
2942
2933
  const breadcrumb = plugin(({ addComponents, theme }) => {
2943
- const config2 = theme(`nui.${key$O}`);
2934
+ const config2 = theme(`nui.${key$P}`);
2944
2935
  addComponents({
2945
2936
  ".nui-breadcrumb": {
2946
2937
  ".nui-breadcrumb-list": {
@@ -3005,10 +2996,10 @@ const breadcrumb = plugin(({ addComponents, theme }) => {
3005
2996
  }
3006
2997
  }
3007
2998
  });
3008
- }, config$O);
2999
+ }, config$P);
3009
3000
 
3010
- const key$N = "buttonAction";
3011
- const defaultConfig$M = {
3001
+ const key$O = "buttonAction";
3002
+ const defaultConfig$N = {
3012
3003
  rounded: {
3013
3004
  none: "none",
3014
3005
  sm: "md",
@@ -3343,15 +3334,15 @@ const defaultConfig$M = {
3343
3334
  }
3344
3335
  };
3345
3336
 
3346
- const config$N = {
3337
+ const config$O = {
3347
3338
  theme: {
3348
3339
  nui: {
3349
- [key$N]: defaultConfig$M
3340
+ [key$O]: defaultConfig$N
3350
3341
  }
3351
3342
  }
3352
3343
  };
3353
3344
  const buttonAction = plugin(({ addComponents, theme }) => {
3354
- const config2 = theme(`nui.${key$N}`);
3345
+ const config2 = theme(`nui.${key$O}`);
3355
3346
  addComponents({
3356
3347
  ".nui-button-action": {
3357
3348
  //Wrapper
@@ -3540,10 +3531,10 @@ const buttonAction = plugin(({ addComponents, theme }) => {
3540
3531
  }
3541
3532
  }
3542
3533
  });
3543
- }, config$N);
3534
+ }, config$O);
3544
3535
 
3545
- const key$M = "buttonClose";
3546
- const defaultConfig$L = {
3536
+ const key$N = "buttonClose";
3537
+ const defaultConfig$M = {
3547
3538
  size: {
3548
3539
  xs: {
3549
3540
  outer: "6",
@@ -3579,6 +3570,14 @@ const defaultConfig$L = {
3579
3570
  hover: {
3580
3571
  light: "muted-100",
3581
3572
  dark: "muted-700"
3573
+ },
3574
+ focus: {
3575
+ light: "muted-100",
3576
+ dark: "muted-700"
3577
+ },
3578
+ active: {
3579
+ light: "transparent",
3580
+ dark: "transparent"
3582
3581
  }
3583
3582
  },
3584
3583
  font: {
@@ -3597,6 +3596,14 @@ const defaultConfig$L = {
3597
3596
  hover: {
3598
3597
  light: "muted-100",
3599
3598
  dark: "muted-900"
3599
+ },
3600
+ focus: {
3601
+ light: "muted-100",
3602
+ dark: "muted-900"
3603
+ },
3604
+ active: {
3605
+ light: "transparent",
3606
+ dark: "transparent"
3600
3607
  }
3601
3608
  },
3602
3609
  font: {
@@ -3615,6 +3622,14 @@ const defaultConfig$L = {
3615
3622
  hover: {
3616
3623
  light: "muted-50",
3617
3624
  dark: "muted-600"
3625
+ },
3626
+ focus: {
3627
+ light: "muted-50",
3628
+ dark: "muted-600"
3629
+ },
3630
+ active: {
3631
+ light: "muted-100",
3632
+ dark: "muted-700"
3618
3633
  }
3619
3634
  },
3620
3635
  font: {
@@ -3633,6 +3648,14 @@ const defaultConfig$L = {
3633
3648
  hover: {
3634
3649
  light: "muted-50",
3635
3650
  dark: "muted-900"
3651
+ },
3652
+ focus: {
3653
+ light: "muted-50",
3654
+ dark: "muted-900"
3655
+ },
3656
+ active: {
3657
+ light: "muted-100",
3658
+ dark: "muted-950"
3636
3659
  }
3637
3660
  },
3638
3661
  font: {
@@ -3651,6 +3674,14 @@ const defaultConfig$L = {
3651
3674
  hover: {
3652
3675
  light: "primary-500/20",
3653
3676
  dark: "primary-500/20"
3677
+ },
3678
+ focus: {
3679
+ light: "primary-500/20",
3680
+ dark: "primary-500/20"
3681
+ },
3682
+ active: {
3683
+ light: "primary-500/10",
3684
+ dark: "primary-500/10"
3654
3685
  }
3655
3686
  },
3656
3687
  font: {
@@ -3669,6 +3700,14 @@ const defaultConfig$L = {
3669
3700
  hover: {
3670
3701
  light: "info-500/20",
3671
3702
  dark: "info-500/20"
3703
+ },
3704
+ focus: {
3705
+ light: "info-500/20",
3706
+ dark: "info-500/20"
3707
+ },
3708
+ active: {
3709
+ light: "info-500/10",
3710
+ dark: "info-500/10"
3672
3711
  }
3673
3712
  },
3674
3713
  font: {
@@ -3687,6 +3726,14 @@ const defaultConfig$L = {
3687
3726
  hover: {
3688
3727
  light: "success-500/20",
3689
3728
  dark: "success-500/20"
3729
+ },
3730
+ focus: {
3731
+ light: "success-500/20",
3732
+ dark: "success-500/20"
3733
+ },
3734
+ active: {
3735
+ light: "success-500/10",
3736
+ dark: "success-500/10"
3690
3737
  }
3691
3738
  },
3692
3739
  font: {
@@ -3705,6 +3752,14 @@ const defaultConfig$L = {
3705
3752
  hover: {
3706
3753
  light: "warning-500/20",
3707
3754
  dark: "warning-500/20"
3755
+ },
3756
+ focus: {
3757
+ light: "warning-500/20",
3758
+ dark: "warning-500/20"
3759
+ },
3760
+ active: {
3761
+ light: "warning-500/10",
3762
+ dark: "warning-500/10"
3708
3763
  }
3709
3764
  },
3710
3765
  font: {
@@ -3723,6 +3778,14 @@ const defaultConfig$L = {
3723
3778
  hover: {
3724
3779
  light: "danger-500/20",
3725
3780
  dark: "danger-500/20"
3781
+ },
3782
+ focus: {
3783
+ light: "danger-500/20",
3784
+ dark: "danger-500/20"
3785
+ },
3786
+ active: {
3787
+ light: "danger-500/10",
3788
+ dark: "danger-500/10"
3726
3789
  }
3727
3790
  },
3728
3791
  font: {
@@ -3739,15 +3802,15 @@ const defaultConfig$L = {
3739
3802
  }
3740
3803
  };
3741
3804
 
3742
- const config$M = {
3805
+ const config$N = {
3743
3806
  theme: {
3744
3807
  nui: {
3745
- [key$M]: defaultConfig$L
3808
+ [key$N]: defaultConfig$M
3746
3809
  }
3747
3810
  }
3748
3811
  };
3749
3812
  const buttonClose = plugin(({ addComponents, theme }) => {
3750
- const config2 = theme(`nui.${key$M}`);
3813
+ const config2 = theme(`nui.${key$N}`);
3751
3814
  addComponents({
3752
3815
  ".nui-button-close": {
3753
3816
  "@apply nui-focus flex items-center justify-center disabled:opacity-30 cursor-pointer": {},
@@ -3807,7 +3870,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
3807
3870
  //Background
3808
3871
  [`@apply bg-${config2.color.default.background.base.light} dark:bg-${config2.color.default.background.base.dark}`]: {},
3809
3872
  //Background hover
3810
- [`@apply hover:bg-${config2.color.default.background.hover.light} dark:hover:bg-${config2.color.default.background.hover.dark}`]: {}
3873
+ [`@apply hover:bg-${config2.color.default.background.hover.light} dark:hover:bg-${config2.color.default.background.hover.dark}`]: {},
3874
+ //Background focus
3875
+ [`@apply focus-visible:bg-${config2.color.default.background.focus.light} dark:focus-visible:bg-${config2.color.default.background.focus.dark}`]: {},
3876
+ //Background active
3877
+ [`@apply active:enabled:bg-${config2.color.default.background.active.light} dark:active:enabled:bg-${config2.color.default.background.active.dark}`]: {}
3811
3878
  },
3812
3879
  //Color:default-contrast
3813
3880
  "&.nui-button-default-contrast": {
@@ -3815,7 +3882,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
3815
3882
  //Background
3816
3883
  [`@apply bg-${config2.color.defaultContrast.background.base.light} dark:bg-${config2.color.defaultContrast.background.base.dark}`]: {},
3817
3884
  //Background hover
3818
- [`@apply hover:bg-${config2.color.defaultContrast.background.hover.light} dark:hover:bg-${config2.color.defaultContrast.background.hover.dark}`]: {}
3885
+ [`@apply hover:bg-${config2.color.defaultContrast.background.hover.light} dark:hover:bg-${config2.color.defaultContrast.background.hover.dark}`]: {},
3886
+ //Background focus
3887
+ [`@apply focus-visible:bg-${config2.color.defaultContrast.background.focus.light} dark:focus-visible:bg-${config2.color.defaultContrast.background.focus.dark}`]: {},
3888
+ //Background active
3889
+ [`@apply active:enabled:bg-${config2.color.defaultContrast.background.active.light} dark:active:enabled:bg-${config2.color.defaultContrast.background.active.dark}`]: {}
3819
3890
  },
3820
3891
  //Color:muted
3821
3892
  "&.nui-button-muted": {
@@ -3823,7 +3894,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
3823
3894
  //Background
3824
3895
  [`@apply bg-${config2.color.muted.background.base.light} dark:bg-${config2.color.muted.background.base.dark}`]: {},
3825
3896
  //Background hover
3826
- [`@apply hover:bg-${config2.color.muted.background.hover.light} dark:hover:bg-${config2.color.muted.background.hover.dark}`]: {}
3897
+ [`@apply hover:bg-${config2.color.muted.background.hover.light} dark:hover:bg-${config2.color.muted.background.hover.dark}`]: {},
3898
+ //Background focus
3899
+ [`@apply focus-visible:bg-${config2.color.muted.background.focus.light} dark:focus-visible:bg-${config2.color.muted.background.focus.dark}`]: {},
3900
+ //Background active
3901
+ [`@apply active:enabled:bg-${config2.color.muted.background.active.light} dark:active:enabled:bg-${config2.color.muted.background.active.dark}`]: {}
3827
3902
  },
3828
3903
  //Color:muted-contrast
3829
3904
  "&.nui-button-muted-contrast": {
@@ -3831,7 +3906,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
3831
3906
  //Background
3832
3907
  [`@apply bg-${config2.color.mutedContrast.background.base.light} dark:bg-${config2.color.mutedContrast.background.base.dark}`]: {},
3833
3908
  //Background hover
3834
- [`@apply hover:bg-${config2.color.mutedContrast.background.hover.light} dark:hover:bg-${config2.color.mutedContrast.background.hover.dark}`]: {}
3909
+ [`@apply hover:bg-${config2.color.mutedContrast.background.hover.light} dark:hover:bg-${config2.color.mutedContrast.background.hover.dark}`]: {},
3910
+ //Background focus
3911
+ [`@apply focus-visible:bg-${config2.color.mutedContrast.background.focus.light} dark:focus-visible:bg-${config2.color.mutedContrast.background.focus.dark}`]: {},
3912
+ //Background active
3913
+ [`@apply active:enabled:bg-${config2.color.mutedContrast.background.active.light} dark:active:enabled:bg-${config2.color.mutedContrast.background.active.dark}`]: {}
3835
3914
  },
3836
3915
  //Color:primary
3837
3916
  "&.nui-button-primary": {
@@ -3839,7 +3918,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
3839
3918
  //Background
3840
3919
  [`@apply bg-${config2.color.primary.background.base.light} dark:bg-${config2.color.primary.background.base.dark}`]: {},
3841
3920
  //Background hover
3842
- [`@apply hover:bg-${config2.color.primary.background.hover.light} dark:hover:bg-${config2.color.primary.background.hover.dark}`]: {}
3921
+ [`@apply hover:bg-${config2.color.primary.background.hover.light} dark:hover:bg-${config2.color.primary.background.hover.dark}`]: {},
3922
+ //Background focus
3923
+ [`@apply focus-visible:bg-${config2.color.primary.background.focus.light} dark:focus-visible:bg-${config2.color.primary.background.focus.dark}`]: {},
3924
+ //Background active
3925
+ [`@apply active:enabled:bg-${config2.color.primary.background.active.light} dark:active:enabled:bg-${config2.color.primary.background.active.dark}`]: {}
3843
3926
  },
3844
3927
  //Color:info
3845
3928
  "&.nui-button-info": {
@@ -3847,7 +3930,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
3847
3930
  //Background
3848
3931
  [`@apply bg-${config2.color.info.background.base.light} dark:bg-${config2.color.info.background.base.dark}`]: {},
3849
3932
  //Background hover
3850
- [`@apply hover:bg-${config2.color.info.background.hover.light} dark:hover:bg-${config2.color.info.background.hover.dark}`]: {}
3933
+ [`@apply hover:bg-${config2.color.info.background.hover.light} dark:hover:bg-${config2.color.info.background.hover.dark}`]: {},
3934
+ //Background focus
3935
+ [`@apply focus-visible:bg-${config2.color.info.background.focus.light} dark:focus-visible:bg-${config2.color.info.background.focus.dark}`]: {},
3936
+ //Background active
3937
+ [`@apply active:enabled:bg-${config2.color.info.background.active.light} dark:active:enabled:bg-${config2.color.info.background.active.dark}`]: {}
3851
3938
  },
3852
3939
  //Color:success
3853
3940
  "&.nui-button-success": {
@@ -3855,7 +3942,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
3855
3942
  //Background
3856
3943
  [`@apply bg-${config2.color.success.background.base.light} dark:bg-${config2.color.success.background.base.dark}`]: {},
3857
3944
  //Background hover
3858
- [`@apply hover:bg-${config2.color.success.background.hover.light} dark:hover:bg-${config2.color.success.background.hover.dark}`]: {}
3945
+ [`@apply hover:bg-${config2.color.success.background.hover.light} dark:hover:bg-${config2.color.success.background.hover.dark}`]: {},
3946
+ //Background focus
3947
+ [`@apply focus-visible:bg-${config2.color.success.background.focus.light} dark:focus-visible:bg-${config2.color.success.background.focus.dark}`]: {},
3948
+ //Background active
3949
+ [`@apply active:enabled:bg-${config2.color.success.background.active.light} dark:active:enabled:bg-${config2.color.success.background.active.dark}`]: {}
3859
3950
  },
3860
3951
  //Color:warning
3861
3952
  "&.nui-button-warning": {
@@ -3863,7 +3954,11 @@ const buttonClose = plugin(({ addComponents, theme }) => {
3863
3954
  //Background
3864
3955
  [`@apply bg-${config2.color.warning.background.base.light} dark:bg-${config2.color.warning.background.base.dark}`]: {},
3865
3956
  //Background hover
3866
- [`@apply hover:bg-${config2.color.warning.background.hover.light} dark:hover:bg-${config2.color.warning.background.hover.dark}`]: {}
3957
+ [`@apply hover:bg-${config2.color.warning.background.hover.light} dark:hover:bg-${config2.color.warning.background.hover.dark}`]: {},
3958
+ //Background focus
3959
+ [`@apply focus-visible:bg-${config2.color.warning.background.focus.light} dark:focus-visible:bg-${config2.color.warning.background.focus.dark}`]: {},
3960
+ //Background active
3961
+ [`@apply active:enabled:bg-${config2.color.warning.background.active.light} dark:active:enabled:bg-${config2.color.warning.background.active.dark}`]: {}
3867
3962
  },
3868
3963
  //Color:danger
3869
3964
  "&.nui-button-danger": {
@@ -3871,19 +3966,23 @@ const buttonClose = plugin(({ addComponents, theme }) => {
3871
3966
  //Background
3872
3967
  [`@apply bg-${config2.color.danger.background.base.light} dark:bg-${config2.color.danger.background.base.dark}`]: {},
3873
3968
  //Background hover
3874
- [`@apply hover:bg-${config2.color.danger.background.hover.light} dark:hover:bg-${config2.color.danger.background.hover.dark}`]: {}
3969
+ [`@apply hover:bg-${config2.color.danger.background.hover.light} dark:hover:bg-${config2.color.danger.background.hover.dark}`]: {},
3970
+ //Background focus
3971
+ [`@apply focus-visible:bg-${config2.color.danger.background.focus.light} dark:focus-visible:bg-${config2.color.danger.background.focus.dark}`]: {},
3972
+ //Background active
3973
+ [`@apply active:enabled:bg-${config2.color.danger.background.active.light} dark:active:enabled:bg-${config2.color.danger.background.active.dark}`]: {}
3875
3974
  }
3876
3975
  }
3877
3976
  });
3878
- }, config$M);
3977
+ }, config$N);
3879
3978
 
3880
- const key$L = "buttonAction";
3881
- const defaultConfig$K = {};
3979
+ const key$M = "buttonAction";
3980
+ const defaultConfig$L = {};
3882
3981
 
3883
- const config$L = {
3982
+ const config$M = {
3884
3983
  theme: {
3885
3984
  nui: {
3886
- [key$L]: defaultConfig$K
3985
+ [key$M]: defaultConfig$L
3887
3986
  }
3888
3987
  }
3889
3988
  };
@@ -3892,7 +3991,7 @@ const buttonGroup = plugin(
3892
3991
  '.nui-button-group, [role="group"]': {
3893
3992
  "@apply flex": {},
3894
3993
  // Button
3895
- ".nui-button:not(:only-child), .nui-button-action:not(:only-child), .nui-button-icon:not(:only-child)": {
3994
+ "> .nui-button:not(:only-child), > .nui-button-action:not(:only-child), > .nui-button-icon:not(:only-child)": {
3896
3995
  "@apply !border-e-0": {},
3897
3996
  "&:focus": {
3898
3997
  "@apply !z-10 relative": {}
@@ -4076,11 +4175,11 @@ const buttonGroup = plugin(
4076
4175
  }
4077
4176
  }
4078
4177
  }),
4079
- config$L
4178
+ config$M
4080
4179
  );
4081
4180
 
4082
- const key$K = "buttonIcon";
4083
- const defaultConfig$J = {
4181
+ const key$L = "buttonIcon";
4182
+ const defaultConfig$K = {
4084
4183
  font: {
4085
4184
  family: "sans",
4086
4185
  size: "sm",
@@ -4338,15 +4437,15 @@ const defaultConfig$J = {
4338
4437
  }
4339
4438
  };
4340
4439
 
4341
- const config$K = {
4440
+ const config$L = {
4342
4441
  theme: {
4343
4442
  nui: {
4344
- [key$K]: defaultConfig$J
4443
+ [key$L]: defaultConfig$K
4345
4444
  }
4346
4445
  }
4347
4446
  };
4348
4447
  const buttonIcon = plugin(({ addComponents, theme }) => {
4349
- const config2 = theme(`nui.${key$K}`);
4448
+ const config2 = theme(`nui.${key$L}`);
4350
4449
  addComponents({
4351
4450
  ".nui-button-icon": {
4352
4451
  //Base
@@ -4501,10 +4600,10 @@ const buttonIcon = plugin(({ addComponents, theme }) => {
4501
4600
  }
4502
4601
  }
4503
4602
  });
4504
- }, config$K);
4603
+ }, config$L);
4505
4604
 
4506
- const key$J = "button";
4507
- const defaultConfig$I = {
4605
+ const key$K = "button";
4606
+ const defaultConfig$J = {
4508
4607
  font: {
4509
4608
  family: "sans",
4510
4609
  weight: "normal"
@@ -5555,15 +5654,15 @@ const defaultConfig$I = {
5555
5654
  }
5556
5655
  };
5557
5656
 
5558
- const config$J = {
5657
+ const config$K = {
5559
5658
  theme: {
5560
5659
  nui: {
5561
- button: defaultConfig$I
5660
+ button: defaultConfig$J
5562
5661
  }
5563
5662
  }
5564
5663
  };
5565
5664
  const button = plugin(({ addComponents, theme }) => {
5566
- const config2 = theme(`nui.${key$J}`);
5665
+ const config2 = theme(`nui.${key$K}`);
5567
5666
  addComponents({
5568
5667
  ".nui-button": {
5569
5668
  // #region Base
@@ -6331,10 +6430,10 @@ const button = plugin(({ addComponents, theme }) => {
6331
6430
  // #endregion
6332
6431
  }
6333
6432
  });
6334
- }, config$J);
6433
+ }, config$K);
6335
6434
 
6336
- const key$I = "card";
6337
- const defaultConfig$H = {
6435
+ const key$J = "card";
6436
+ const defaultConfig$I = {
6338
6437
  width: "full",
6339
6438
  rounded: {
6340
6439
  none: "none",
@@ -6465,15 +6564,15 @@ const defaultConfig$H = {
6465
6564
  }
6466
6565
  };
6467
6566
 
6468
- const config$I = {
6567
+ const config$J = {
6469
6568
  theme: {
6470
6569
  nui: {
6471
- [key$I]: defaultConfig$H
6570
+ [key$J]: defaultConfig$I
6472
6571
  }
6473
6572
  }
6474
6573
  };
6475
6574
  const card = plugin(({ addComponents, theme }) => {
6476
- const config2 = theme(`nui.${key$I}`);
6575
+ const config2 = theme(`nui.${key$J}`);
6477
6576
  addComponents({
6478
6577
  ".nui-card": {
6479
6578
  //Base
@@ -6578,10 +6677,10 @@ const card = plugin(({ addComponents, theme }) => {
6578
6677
  }
6579
6678
  }
6580
6679
  });
6581
- }, config$I);
6680
+ }, config$J);
6582
6681
 
6583
- const key$H = "checkbox";
6584
- const defaultConfig$G = {
6682
+ const key$I = "checkbox";
6683
+ const defaultConfig$H = {
6585
6684
  rounded: {
6586
6685
  sm: "rounded",
6587
6686
  md: "rounded-md",
@@ -6683,15 +6782,15 @@ const defaultConfig$G = {
6683
6782
  }
6684
6783
  };
6685
6784
 
6686
- const config$H = {
6785
+ const config$I = {
6687
6786
  theme: {
6688
6787
  nui: {
6689
- [key$H]: defaultConfig$G
6788
+ [key$I]: defaultConfig$H
6690
6789
  }
6691
6790
  }
6692
6791
  };
6693
6792
  const checkbox = plugin(({ addComponents, theme }) => {
6694
- const config2 = theme(`nui.${key$H}`);
6793
+ const config2 = theme(`nui.${key$I}`);
6695
6794
  addComponents({
6696
6795
  //Wrapper
6697
6796
  ".nui-checkbox": {
@@ -6755,9 +6854,7 @@ const checkbox = plugin(({ addComponents, theme }) => {
6755
6854
  },
6756
6855
  //Error
6757
6856
  ".nui-checkbox-error": {
6758
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} ms-1 inline-block`]: {},
6759
- //Color
6760
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
6857
+ [`@apply ms-1 inline-block`]: {}
6761
6858
  },
6762
6859
  //Rounded:sm
6763
6860
  "&.nui-checkbox-rounded-sm .nui-checkbox-outer, &.nui-checkbox-rounded-sm .nui-checkbox-inner": {
@@ -6817,10 +6914,10 @@ const checkbox = plugin(({ addComponents, theme }) => {
6817
6914
  }
6818
6915
  }
6819
6916
  });
6820
- }, config$H);
6917
+ }, config$I);
6821
6918
 
6822
- const key$G = "drodownDivider";
6823
- const defaultConfig$F = {
6919
+ const key$H = "drodownDivider";
6920
+ const defaultConfig$G = {
6824
6921
  margin: {
6825
6922
  y: "2"
6826
6923
  },
@@ -6830,24 +6927,24 @@ const defaultConfig$F = {
6830
6927
  }
6831
6928
  };
6832
6929
 
6833
- const config$G = {
6930
+ const config$H = {
6834
6931
  theme: {
6835
6932
  nui: {
6836
- [key$G]: defaultConfig$F
6933
+ [key$H]: defaultConfig$G
6837
6934
  }
6838
6935
  }
6839
6936
  };
6840
6937
  const dropdownDivider = plugin(({ addComponents, theme }) => {
6841
- const config2 = theme(`nui.${key$G}`);
6938
+ const config2 = theme(`nui.${key$H}`);
6842
6939
  addComponents({
6843
6940
  ".nui-dropdown-divider": {
6844
6941
  [`@apply my-${config2.margin.y} block h-px w-full border-t border-${config2.border.light} dark:border-${config2.border.dark}`]: {}
6845
6942
  }
6846
6943
  });
6847
- }, config$G);
6944
+ }, config$H);
6848
6945
 
6849
- const key$F = "dropdownItem";
6850
- const defaultConfig$E = {
6946
+ const key$G = "dropdownItem";
6947
+ const defaultConfig$F = {
6851
6948
  align: "start",
6852
6949
  font: {
6853
6950
  family: "sans",
@@ -6943,15 +7040,15 @@ const defaultConfig$E = {
6943
7040
  }
6944
7041
  };
6945
7042
 
6946
- const config$F = {
7043
+ const config$G = {
6947
7044
  theme: {
6948
7045
  nui: {
6949
- [key$F]: defaultConfig$E
7046
+ [key$G]: defaultConfig$F
6950
7047
  }
6951
7048
  }
6952
7049
  };
6953
7050
  const dropdownItem = plugin(({ addComponents, theme }) => {
6954
- const config2 = theme(`nui.${key$F}`);
7051
+ const config2 = theme(`nui.${key$G}`);
6955
7052
  addComponents({
6956
7053
  //Wrapper
6957
7054
  ".nui-dropdown-item": {
@@ -6968,6 +7065,10 @@ const dropdownItem = plugin(({ addComponents, theme }) => {
6968
7065
  "&:not(.nui-active)": {
6969
7066
  [`@apply text-${config2.font.color.inactive.light} dark:text-${config2.font.color.inactive.dark}`]: {}
6970
7067
  },
7068
+ //Item:disabled
7069
+ "&.nui-item-disabled": {
7070
+ [`@apply opacity-50 pointer-events-none`]: {}
7071
+ },
6971
7072
  //Contrast:default
6972
7073
  "&.nui-item-default": {
6973
7074
  //Background:hover
@@ -7035,10 +7136,10 @@ const dropdownItem = plugin(({ addComponents, theme }) => {
7035
7136
  }
7036
7137
  }
7037
7138
  });
7038
- }, config$F);
7139
+ }, config$G);
7039
7140
 
7040
- const key$E = "dropdown";
7041
- const defaultConfig$D = {
7141
+ const key$F = "dropdown";
7142
+ const defaultConfig$E = {
7042
7143
  align: "start",
7043
7144
  button: {
7044
7145
  context: {
@@ -7085,15 +7186,6 @@ const defaultConfig$D = {
7085
7186
  duration: "300"
7086
7187
  }
7087
7188
  },
7088
- text: {
7089
- font: {
7090
- family: "sans",
7091
- color: {
7092
- light: "muted-400",
7093
- dark: "muted-400"
7094
- }
7095
- }
7096
- },
7097
7189
  chevron: {
7098
7190
  size: "4",
7099
7191
  transition: {
@@ -7171,15 +7263,15 @@ const defaultConfig$D = {
7171
7263
  }
7172
7264
  };
7173
7265
 
7174
- const config$E = {
7266
+ const config$F = {
7175
7267
  theme: {
7176
7268
  nui: {
7177
- [key$E]: defaultConfig$D
7269
+ [key$F]: defaultConfig$E
7178
7270
  }
7179
7271
  }
7180
7272
  };
7181
7273
  const dropdown = plugin(({ addComponents, theme }) => {
7182
- const config2 = theme(`nui.${key$E}`);
7274
+ const config2 = theme(`nui.${key$F}`);
7183
7275
  addComponents({
7184
7276
  //Wrapper
7185
7277
  ".nui-dropdown": {
@@ -7226,13 +7318,7 @@ const dropdown = plugin(({ addComponents, theme }) => {
7226
7318
  //Button:text
7227
7319
  ".nui-text-button": {
7228
7320
  //Base
7229
- "@apply flex items-center space-x-1": {},
7230
- //Font
7231
- [`@apply font-${config2.button.text.font.family} text-${config2.button.text.font.color.light} dark:text-${config2.button.text.font.color.dark}`]: {},
7232
- //Text:inner
7233
- ".nui-text-button-inner": {
7234
- [`@apply font-${config2.button.text.font.family}`]: {}
7235
- }
7321
+ "@apply flex items-center space-x-1": {}
7236
7322
  },
7237
7323
  //Button:chevron
7238
7324
  ".nui-chevron": {
@@ -7334,10 +7420,10 @@ const dropdown = plugin(({ addComponents, theme }) => {
7334
7420
  }
7335
7421
  }
7336
7422
  });
7337
- }, config$E);
7423
+ }, config$F);
7338
7424
 
7339
- const key$D = "focus";
7340
- const defaultConfig$C = {
7425
+ const key$E = "focus";
7426
+ const defaultConfig$D = {
7341
7427
  offset: "2",
7342
7428
  width: "2",
7343
7429
  style: "dashed",
@@ -7348,15 +7434,15 @@ const defaultConfig$C = {
7348
7434
  mode: "always"
7349
7435
  };
7350
7436
 
7351
- const config$D = {
7437
+ const config$E = {
7352
7438
  theme: {
7353
7439
  nui: {
7354
- [key$D]: defaultConfig$C
7440
+ [key$E]: defaultConfig$D
7355
7441
  }
7356
7442
  }
7357
7443
  };
7358
7444
  const focus = plugin(({ addComponents, theme }) => {
7359
- const config2 = theme(`nui.${key$D}`);
7445
+ const config2 = theme(`nui.${key$E}`);
7360
7446
  const mode = config2.mode === "focus-visible" ? "&:has(:focus-visible), &:focus-visible" : "&:focus-within";
7361
7447
  addComponents({
7362
7448
  ".nui-focus": {
@@ -7368,10 +7454,10 @@ const focus = plugin(({ addComponents, theme }) => {
7368
7454
  }
7369
7455
  }
7370
7456
  });
7371
- }, config$D);
7457
+ }, config$E);
7372
7458
 
7373
- const key$C = "fullscreenDropfile";
7374
- const defaultConfig$B = {
7459
+ const key$D = "fullscreenDropfile";
7460
+ const defaultConfig$C = {
7375
7461
  height: "[230px]",
7376
7462
  width: "[500px]",
7377
7463
  rounded: "rounded-md",
@@ -7406,15 +7492,15 @@ const defaultConfig$B = {
7406
7492
  }
7407
7493
  };
7408
7494
 
7409
- const config$C = {
7495
+ const config$D = {
7410
7496
  theme: {
7411
7497
  nui: {
7412
- [key$C]: defaultConfig$B
7498
+ [key$D]: defaultConfig$C
7413
7499
  }
7414
7500
  }
7415
7501
  };
7416
7502
  const fullscreenDropfile = plugin(({ addComponents, theme }) => {
7417
- const config2 = theme(`nui.${key$C}`);
7503
+ const config2 = theme(`nui.${key$D}`);
7418
7504
  addComponents({
7419
7505
  //Wrapper
7420
7506
  ".nui-fullscreen-dropfile": {
@@ -7487,10 +7573,10 @@ const fullscreenDropfile = plugin(({ addComponents, theme }) => {
7487
7573
  }
7488
7574
  }
7489
7575
  });
7490
- }, config$C);
7576
+ }, config$D);
7491
7577
 
7492
- const key$B = "heading";
7493
- const defaultConfig$A = {
7578
+ const key$C = "heading";
7579
+ const defaultConfig$B = {
7494
7580
  size: {
7495
7581
  xs: "xs",
7496
7582
  sm: "sm",
@@ -7523,15 +7609,15 @@ const defaultConfig$A = {
7523
7609
  }
7524
7610
  };
7525
7611
 
7526
- const config$B = {
7612
+ const config$C = {
7527
7613
  theme: {
7528
7614
  nui: {
7529
- [key$B]: defaultConfig$A
7615
+ [key$C]: defaultConfig$B
7530
7616
  }
7531
7617
  }
7532
7618
  };
7533
7619
  const heading = plugin(({ addComponents, theme }) => {
7534
- const config2 = theme(`nui.${key$B}`);
7620
+ const config2 = theme(`nui.${key$C}`);
7535
7621
  addComponents({
7536
7622
  ".nui-heading": {
7537
7623
  "@apply font-sans": {},
@@ -7612,10 +7698,10 @@ const heading = plugin(({ addComponents, theme }) => {
7612
7698
  }
7613
7699
  }
7614
7700
  });
7615
- }, config$B);
7701
+ }, config$C);
7616
7702
 
7617
- const key$A = "iconBox";
7618
- const defaultConfig$z = {
7703
+ const key$B = "iconBox";
7704
+ const defaultConfig$A = {
7619
7705
  bordered: {
7620
7706
  border: {
7621
7707
  size: "2",
@@ -7705,6 +7791,30 @@ const defaultConfig$z = {
7705
7791
  }
7706
7792
  }
7707
7793
  },
7794
+ muted: {
7795
+ background: {
7796
+ light: "muted-200",
7797
+ dark: "muted-700"
7798
+ },
7799
+ font: {
7800
+ color: {
7801
+ light: "muted-700",
7802
+ dark: "muted-200"
7803
+ }
7804
+ }
7805
+ },
7806
+ mutedContrast: {
7807
+ background: {
7808
+ light: "muted-200",
7809
+ dark: "muted-950"
7810
+ },
7811
+ font: {
7812
+ color: {
7813
+ light: "muted-700",
7814
+ dark: "muted-100"
7815
+ }
7816
+ }
7817
+ },
7708
7818
  light: {
7709
7819
  background: {
7710
7820
  light: "white",
@@ -7827,6 +7937,30 @@ const defaultConfig$z = {
7827
7937
  }
7828
7938
  }
7829
7939
  },
7940
+ muted: {
7941
+ background: {
7942
+ light: "muted-600/10",
7943
+ dark: "muted-700/10"
7944
+ },
7945
+ font: {
7946
+ color: {
7947
+ light: "muted-700",
7948
+ dark: "muted-200"
7949
+ }
7950
+ }
7951
+ },
7952
+ mutedContrast: {
7953
+ background: {
7954
+ light: "muted-600/10",
7955
+ dark: "muted-950/10"
7956
+ },
7957
+ font: {
7958
+ color: {
7959
+ light: "muted-700",
7960
+ dark: "muted-100"
7961
+ }
7962
+ }
7963
+ },
7830
7964
  light: {
7831
7965
  background: {
7832
7966
  light: "white/10",
@@ -7957,6 +8091,38 @@ const defaultConfig$z = {
7957
8091
  }
7958
8092
  }
7959
8093
  },
8094
+ muted: {
8095
+ background: {
8096
+ light: "transparent",
8097
+ dark: "transparent"
8098
+ },
8099
+ border: {
8100
+ light: "current",
8101
+ dark: "current"
8102
+ },
8103
+ font: {
8104
+ color: {
8105
+ light: "muted-700",
8106
+ dark: "muted-200"
8107
+ }
8108
+ }
8109
+ },
8110
+ mutedContrast: {
8111
+ background: {
8112
+ light: "transparent",
8113
+ dark: "transparent"
8114
+ },
8115
+ border: {
8116
+ light: "current",
8117
+ dark: "current"
8118
+ },
8119
+ font: {
8120
+ color: {
8121
+ light: "muted-700",
8122
+ dark: "muted-100"
8123
+ }
8124
+ }
8125
+ },
7960
8126
  light: {
7961
8127
  background: {
7962
8128
  light: "transparent",
@@ -8090,15 +8256,15 @@ const defaultConfig$z = {
8090
8256
  }
8091
8257
  };
8092
8258
 
8093
- const config$A = {
8259
+ const config$B = {
8094
8260
  theme: {
8095
8261
  nui: {
8096
- [key$A]: defaultConfig$z
8262
+ [key$B]: defaultConfig$A
8097
8263
  }
8098
8264
  }
8099
8265
  };
8100
8266
  const iconBox = plugin(({ addComponents, theme }) => {
8101
- const config2 = theme(`nui.${key$A}`);
8267
+ const config2 = theme(`nui.${key$B}`);
8102
8268
  addComponents({
8103
8269
  //Wrapper
8104
8270
  ".nui-icon-box": {
@@ -8226,6 +8392,20 @@ const iconBox = plugin(({ addComponents, theme }) => {
8226
8392
  //Background
8227
8393
  [`@apply bg-${config2.color.variant.solid.defaultContrast.background.light} dark:bg-${config2.color.variant.solid.defaultContrast.background.dark}`]: {}
8228
8394
  },
8395
+ //Color:muted
8396
+ "&.nui-box-muted": {
8397
+ //Font
8398
+ [`@apply text-${config2.color.variant.solid.muted.font.color.light} dark:text-${config2.color.variant.solid.muted.font.color.dark}`]: {},
8399
+ //Background
8400
+ [`@apply bg-${config2.color.variant.solid.muted.background.light} dark:bg-${config2.color.variant.solid.muted.background.dark}`]: {}
8401
+ },
8402
+ //Color:muted-contrast
8403
+ "&.nui-box-muted-contrast": {
8404
+ //Font
8405
+ [`@apply text-${config2.color.variant.solid.mutedContrast.font.color.light} dark:text-${config2.color.variant.solid.mutedContrast.font.color.dark}`]: {},
8406
+ //Background
8407
+ [`@apply bg-${config2.color.variant.solid.mutedContrast.background.light} dark:bg-${config2.color.variant.solid.mutedContrast.background.dark}`]: {}
8408
+ },
8229
8409
  //Color:light
8230
8410
  "&.nui-box-light": {
8231
8411
  //Font
@@ -8299,6 +8479,20 @@ const iconBox = plugin(({ addComponents, theme }) => {
8299
8479
  //Background
8300
8480
  [`@apply bg-${config2.color.variant.pastel.defaultContrast.background.light} dark:bg-${config2.color.variant.pastel.defaultContrast.background.dark}`]: {}
8301
8481
  },
8482
+ //Color:muted
8483
+ "&.nui-box-muted": {
8484
+ //Font
8485
+ [`@apply text-${config2.color.variant.pastel.muted.font.color.light} dark:text-${config2.color.variant.pastel.muted.font.color.dark}`]: {},
8486
+ //Background
8487
+ [`@apply bg-${config2.color.variant.pastel.muted.background.light} dark:bg-${config2.color.variant.pastel.muted.background.dark}`]: {}
8488
+ },
8489
+ //Color:muted-contrast
8490
+ "&.nui-box-muted-contrast": {
8491
+ //Font
8492
+ [`@apply text-${config2.color.variant.pastel.mutedContrast.font.color.light} dark:text-${config2.color.variant.pastel.mutedContrast.font.color.dark}`]: {},
8493
+ //Background
8494
+ [`@apply bg-${config2.color.variant.pastel.mutedContrast.background.light} dark:bg-${config2.color.variant.pastel.mutedContrast.background.dark}`]: {}
8495
+ },
8302
8496
  //Color:light
8303
8497
  "&.nui-box-light": {
8304
8498
  //Font
@@ -8376,6 +8570,24 @@ const iconBox = plugin(({ addComponents, theme }) => {
8376
8570
  //Border
8377
8571
  [`@apply border-2 border-${config2.color.variant.outline.defaultContrast.border.light} dark:border-${config2.color.variant.outline.defaultContrast.border.dark}`]: {}
8378
8572
  },
8573
+ //Color:muted
8574
+ "&.nui-box-muted": {
8575
+ //Font
8576
+ [`@apply text-${config2.color.variant.outline.muted.font.color.light} dark:text-${config2.color.variant.outline.muted.font.color.dark}`]: {},
8577
+ //Background
8578
+ [`@apply bg-${config2.color.variant.outline.muted.background.light} bg-${config2.color.variant.outline.muted.background.dark}`]: {},
8579
+ //Border
8580
+ [`@apply border-2 border-${config2.color.variant.outline.muted.border.light} dark:border-${config2.color.variant.outline.muted.border.dark}`]: {}
8581
+ },
8582
+ //Color:muted-contrast
8583
+ "&.nui-box-muted-contrast": {
8584
+ //Font
8585
+ [`@apply text-${config2.color.variant.outline.mutedContrast.font.color.light} dark:text-${config2.color.variant.outline.mutedContrast.font.color.dark}`]: {},
8586
+ //Background
8587
+ [`@apply bg-${config2.color.variant.outline.mutedContrast.background.light} bg-${config2.color.variant.outline.mutedContrast.background.dark}`]: {},
8588
+ //Border
8589
+ [`@apply border-2 border-${config2.color.variant.outline.mutedContrast.border.light} dark:border-${config2.color.variant.outline.mutedContrast.border.dark}`]: {}
8590
+ },
8379
8591
  //Color:light
8380
8592
  "&.nui-box-light": {
8381
8593
  //Font
@@ -8459,10 +8671,10 @@ const iconBox = plugin(({ addComponents, theme }) => {
8459
8671
  }
8460
8672
  }
8461
8673
  });
8462
- }, config$A);
8674
+ }, config$B);
8463
8675
 
8464
- const key$z = "inputFileRegular";
8465
- const defaultConfig$y = {
8676
+ const key$A = "inputFileRegular";
8677
+ const defaultConfig$z = {
8466
8678
  font: {
8467
8679
  color: {
8468
8680
  light: "muted-400",
@@ -8659,15 +8871,15 @@ const defaultConfig$y = {
8659
8871
  }
8660
8872
  };
8661
8873
 
8662
- const config$z = {
8874
+ const config$A = {
8663
8875
  theme: {
8664
8876
  nui: {
8665
- [key$z]: defaultConfig$y
8877
+ [key$A]: defaultConfig$z
8666
8878
  }
8667
8879
  }
8668
8880
  };
8669
8881
  const inputFileRegular = plugin(({ addComponents, theme }) => {
8670
- const config2 = theme(`nui.${key$z}`);
8882
+ const config2 = theme(`nui.${key$A}`);
8671
8883
  addComponents({
8672
8884
  //Wrapper
8673
8885
  ".nui-input-file-regular": {
@@ -8710,13 +8922,6 @@ const inputFileRegular = plugin(({ addComponents, theme }) => {
8710
8922
  "@apply h-3 w-full max-w-[75%] rounded": {}
8711
8923
  }
8712
8924
  },
8713
- //Input:error
8714
- ".nui-input-file-error-text": {
8715
- //Base
8716
- [`@apply mt-1 block font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
8717
- //Color
8718
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
8719
- },
8720
8925
  //Color:default
8721
8926
  "&.nui-input-default": {
8722
8927
  //Input:inner
@@ -8911,10 +9116,10 @@ const inputFileRegular = plugin(({ addComponents, theme }) => {
8911
9116
  }
8912
9117
  }
8913
9118
  });
8914
- }, config$z);
9119
+ }, config$A);
8915
9120
 
8916
- const key$y = "inputFile";
8917
- const defaultConfig$x = {
9121
+ const key$z = "inputFile";
9122
+ const defaultConfig$y = {
8918
9123
  drop: {
8919
9124
  height: "64",
8920
9125
  border: {
@@ -9166,15 +9371,15 @@ const defaultConfig$x = {
9166
9371
  }
9167
9372
  };
9168
9373
 
9169
- const config$y = {
9374
+ const config$z = {
9170
9375
  theme: {
9171
9376
  nui: {
9172
- [key$y]: defaultConfig$x
9377
+ [key$z]: defaultConfig$y
9173
9378
  }
9174
9379
  }
9175
9380
  };
9176
9381
  const inputFile = plugin(({ addComponents, theme }) => {
9177
- const config2 = theme(`nui.${key$y}`);
9382
+ const config2 = theme(`nui.${key$z}`);
9178
9383
  addComponents({
9179
9384
  //Wrapper
9180
9385
  ".nui-input-file": {
@@ -9449,10 +9654,10 @@ const inputFile = plugin(({ addComponents, theme }) => {
9449
9654
  }
9450
9655
  }
9451
9656
  });
9452
- }, config$y);
9657
+ }, config$z);
9453
9658
 
9454
- const key$x = "input";
9455
- const defaultConfig$w = {
9659
+ const key$y = "input";
9660
+ const defaultConfig$x = {
9456
9661
  rounded: {
9457
9662
  none: "rounded-none",
9458
9663
  sm: "rounded-md",
@@ -9814,15 +10019,15 @@ const defaultConfig$w = {
9814
10019
  }
9815
10020
  };
9816
10021
 
9817
- const config$x = {
10022
+ const config$y = {
9818
10023
  theme: {
9819
10024
  nui: {
9820
- [key$x]: defaultConfig$w
10025
+ [key$y]: defaultConfig$x
9821
10026
  }
9822
10027
  }
9823
10028
  };
9824
10029
  const input = plugin(({ addComponents, theme }) => {
9825
- const config2 = theme(`nui.${key$x}`);
10030
+ const config2 = theme(`nui.${key$y}`);
9826
10031
  addComponents({
9827
10032
  //Wrapper
9828
10033
  ".nui-input-wrapper": {
@@ -9851,15 +10056,6 @@ const input = plugin(({ addComponents, theme }) => {
9851
10056
  //Transition
9852
10057
  [`@apply transition-${config2.input.icon.transition.property} duration-${config2.input.icon.transition.duration}`]: {}
9853
10058
  },
9854
- //Error:text
9855
- ".nui-input-error-text": {
9856
- //Base
9857
- "@apply mt-1 block": {},
9858
- //Font
9859
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
9860
- //Font color
9861
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
9862
- },
9863
10059
  //Input
9864
10060
  ".nui-input": {
9865
10061
  //Base
@@ -10218,10 +10414,10 @@ const input = plugin(({ addComponents, theme }) => {
10218
10414
  }
10219
10415
  }
10220
10416
  });
10221
- }, config$x);
10417
+ }, config$y);
10222
10418
 
10223
- const key$w = "inputNumber";
10224
- const defaultConfig$v = {
10419
+ const key$x = "inputNumber";
10420
+ const defaultConfig$w = {
10225
10421
  rounded: {
10226
10422
  none: "rounded-none",
10227
10423
  sm: "rounded-md",
@@ -10592,15 +10788,15 @@ const defaultConfig$v = {
10592
10788
  }
10593
10789
  };
10594
10790
 
10595
- const config$w = {
10791
+ const config$x = {
10596
10792
  theme: {
10597
10793
  nui: {
10598
- [key$w]: defaultConfig$v
10794
+ [key$x]: defaultConfig$w
10599
10795
  }
10600
10796
  }
10601
10797
  };
10602
10798
  const inputNumber = plugin(({ addComponents, theme }) => {
10603
- const config2 = theme(`nui.${key$w}`);
10799
+ const config2 = theme(`nui.${key$x}`);
10604
10800
  addComponents({
10605
10801
  //Wrapper
10606
10802
  ".nui-input-number-wrapper": {
@@ -10646,15 +10842,6 @@ const inputNumber = plugin(({ addComponents, theme }) => {
10646
10842
  ".nui-input-number-buttons svg": {
10647
10843
  "@apply h-4 w-4": {}
10648
10844
  },
10649
- //Error:text
10650
- ".nui-input-number-error-text": {
10651
- //Base
10652
- "@apply mt-1 block": {},
10653
- //Font
10654
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
10655
- //Font color
10656
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
10657
- },
10658
10845
  //Input
10659
10846
  ".nui-input-number": {
10660
10847
  //Base
@@ -11061,6 +11248,34 @@ const inputNumber = plugin(({ addComponents, theme }) => {
11061
11248
  }
11062
11249
  }
11063
11250
  });
11251
+ }, config$x);
11252
+
11253
+ const key$w = "inputHelpText";
11254
+ const defaultConfig$v = {
11255
+ font: {
11256
+ family: "sans",
11257
+ size: "[0.65rem]",
11258
+ weight: "medium"
11259
+ }
11260
+ };
11261
+
11262
+ const config$w = {
11263
+ theme: {
11264
+ nui: {
11265
+ [key$w]: defaultConfig$v
11266
+ }
11267
+ }
11268
+ };
11269
+ const inputHelpText = plugin(({ addComponents, theme }) => {
11270
+ const config2 = theme(`nui.${key$w}`);
11271
+ addComponents({
11272
+ ".nui-input-help-text": {
11273
+ //Base
11274
+ "@apply mt-1 block": {},
11275
+ //Font
11276
+ [`@apply font-${config2.font.family} text-${config2.font.size} font-${config2.font.weight} leading-none`]: {}
11277
+ }
11278
+ });
11064
11279
  }, config$w);
11065
11280
 
11066
11281
  const key$v = "kbd";
@@ -12137,15 +12352,6 @@ const listbox = plugin(({ addComponents, theme }) => {
12137
12352
  [`@apply bg-${config2.option.activeHover.background.light} dark:bg-${config2.option.activeHover.background.dark}`]: {}
12138
12353
  }
12139
12354
  },
12140
- //Listbox:error
12141
- ".nui-listbox-error-text": {
12142
- //Base
12143
- "@apply mt-1 block": {},
12144
- //Font
12145
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
12146
- //Color
12147
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
12148
- },
12149
12355
  //Listbox:placeload
12150
12356
  ".nui-listbox-placeload.nui-loading-placeload": {
12151
12357
  "@apply absolute start-0 top-0 flex w-full items-center px-4": {},
@@ -12815,6 +13021,9 @@ const messageText = plugin(({ addComponents, theme }) => {
12815
13021
 
12816
13022
  const key$n = "message";
12817
13023
  const defaultConfig$m = {
13024
+ safeArea: {
13025
+ end: "6"
13026
+ },
12818
13027
  icon: {
12819
13028
  outer: {
12820
13029
  size: "10"
@@ -12845,8 +13054,21 @@ const defaultConfig$m = {
12845
13054
  icon: {
12846
13055
  size: "4"
12847
13056
  },
13057
+ position: {
13058
+ top: "[-0.5rem]",
13059
+ end: "[-0.5rem]"
13060
+ },
13061
+ size: {
13062
+ outer: {
13063
+ width: "8",
13064
+ height: "8"
13065
+ },
13066
+ inner: {
13067
+ width: "6",
13068
+ height: "6"
13069
+ }
13070
+ },
12848
13071
  rounded: "rounded-full",
12849
- padding: "1",
12850
13072
  transition: {
12851
13073
  property: "colors",
12852
13074
  duration: "200"
@@ -13409,7 +13631,7 @@ const message = plugin(({ addComponents, theme }) => {
13409
13631
  addComponents({
13410
13632
  //Wrapper
13411
13633
  ".nui-message": {
13412
- "@apply flex min-h-[3rem] items-center border p-1 pe-2": {},
13634
+ "@apply relative flex gap-2 border": {},
13413
13635
  //Icon:outer
13414
13636
  ".nui-message-icon-outer": {
13415
13637
  [`@apply flex h-${config2.icon.outer.size} w-${config2.icon.outer.size} shrink-0 items-center justify-center`]: {},
@@ -13424,15 +13646,19 @@ const message = plugin(({ addComponents, theme }) => {
13424
13646
  //Inner:text
13425
13647
  ".nui-message-inner-text": {
13426
13648
  //Base
13427
- "@apply px-3 block": {},
13649
+ "@apply inline-flex items-center leading-normal": {},
13428
13650
  //Font
13429
13651
  [`@apply font-${config2.inner.font.family} text-${config2.inner.font.size}`]: {},
13430
13652
  //Color
13431
13653
  [`@apply text-${config2.inner.font.color.light} dark:text-${config2.inner.font.color.dark}`]: {}
13432
13654
  },
13433
- //Meesage:close
13655
+ //Message:close
13656
+ ".nui-message-close-wrapper": {
13657
+ [`@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}`]: {}
13658
+ },
13659
+ //Message:close
13434
13660
  ".nui-message-close": {
13435
- [`@apply nui-focus me-2 ms-auto flex cursor-pointer items-center justify-center p-${config2.close.padding} ${config2.close.rounded}`]: {},
13661
+ [`@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}`]: {},
13436
13662
  //Color
13437
13663
  [`@apply text-${config2.close.color.light} dark:text-${config2.close.color.dark}`]: {},
13438
13664
  //Transition
@@ -13442,6 +13668,14 @@ const message = plugin(({ addComponents, theme }) => {
13442
13668
  [`@apply h-${config2.close.icon.size} w-${config2.close.icon.size}`]: {}
13443
13669
  }
13444
13670
  },
13671
+ //Message:text
13672
+ "&.nui-has-text": {
13673
+ [`@apply py-2 ps-2 pe-${config2.safeArea.end}`]: {}
13674
+ },
13675
+ //Message:icon
13676
+ "&.nui-has-icon": {
13677
+ [`@apply py-1 ps-1 pe-${config2.safeArea.end}`]: {}
13678
+ },
13445
13679
  //Rounded:sm
13446
13680
  "&.nui-message-rounded-sm": {
13447
13681
  [`@apply ${config2.rounded.sm}`]: {},
@@ -14868,9 +15102,7 @@ const radio = plugin(({ addComponents, theme }) => {
14868
15102
  },
14869
15103
  //Radio:error
14870
15104
  ".nui-radio-error": {
14871
- "@apply ms-1 inline-block": {},
14872
- //Font
14873
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
15105
+ "@apply ms-1 inline-block": {}
14874
15106
  },
14875
15107
  //Color:default
14876
15108
  "&.nui-radio-default": {
@@ -15334,15 +15566,6 @@ const select = plugin(({ addComponents, theme }) => {
15334
15566
  //Transition
15335
15567
  [`@apply transition-${config2.select.icon.transition.property} duration-${config2.select.icon.transition.duration}`]: {}
15336
15568
  },
15337
- //Error:text
15338
- ".nui-select-error-text": {
15339
- //Base
15340
- "@apply mt-1 block": {},
15341
- //Font
15342
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
15343
- //Font color
15344
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
15345
- },
15346
15569
  //Select
15347
15570
  ".nui-select": {
15348
15571
  //Base
@@ -15700,6 +15923,7 @@ const select = plugin(({ addComponents, theme }) => {
15700
15923
  const key$c = "slimscroll";
15701
15924
  const defaultConfig$b = {
15702
15925
  width: "[6px]",
15926
+ height: "[6px]",
15703
15927
  background: {
15704
15928
  base: {
15705
15929
  light: "black/5",
@@ -15725,7 +15949,7 @@ const slimscroll = plugin(({ addComponents, theme }) => {
15725
15949
  ".nui-slimscroll::-webkit-scrollbar, .nui-slimscroll-opaque::-webkit-scrollbar": {
15726
15950
  scrollBehavior: "smooth",
15727
15951
  scrollbarGutter: "stable",
15728
- [`@apply w-${config2.width}`]: {}
15952
+ [`@apply w-${config2.width} h-${config2.height}`]: {}
15729
15953
  },
15730
15954
  ".nui-slimscroll::-webkit-scrollbar-thumb": {
15731
15955
  [`@apply rounded-lg bg-${config2.background.base.light} dark:bg-${config2.background.base.dark} duration-300 transition-all`]: {}
@@ -15909,10 +16133,6 @@ const snack = plugin(({ addComponents, theme }) => {
15909
16133
  //Color
15910
16134
  [`@apply text-${config2.font.color.light} dark:text-${config2.font.color.dark}`]: {}
15911
16135
  },
15912
- //Snack:button
15913
- ".nui-snack-button": {
15914
- "@apply hover:!bg-transparent": {}
15915
- },
15916
16136
  //Size:xs
15917
16137
  "&.nui-snack-xs": {
15918
16138
  //Snack:media:xs
@@ -18855,15 +19075,6 @@ const textarea = plugin(({ addComponents, theme }) => {
18855
19075
  [`@apply transition-${config2.textarea.transition.property} duration-${config2.textarea.transition.duration}`]: {}
18856
19076
  }
18857
19077
  },
18858
- //Error:text
18859
- ".nui-textarea-error-text": {
18860
- //Base
18861
- "@apply mt-1 block": {},
18862
- //Font
18863
- [`@apply font-${config2.error.font.family} text-${config2.error.font.size} font-${config2.error.font.weight} leading-none`]: {},
18864
- //Font color
18865
- [`@apply text-${config2.error.font.color.light} dark:text-${config2.error.font.color.dark}`]: {}
18866
- },
18867
19078
  //Textrea:placeload
18868
19079
  ".nui-textarea-placeload": {
18869
19080
  [`@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`]: {},
@@ -19916,7 +20127,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
19916
20127
  borderRadius: "0.5ch",
19917
20128
  zIndex: "1000",
19918
20129
  [`@apply font-${config2.font.family} text-xs shadow-lg`]: {},
19919
- [`@apply text-${config2.font.color.light} dark:text-${config2.font.color.light}`]: {},
20130
+ [`@apply text-${config2.font.color.light} dark:text-${config2.font.color.dark}`]: {},
19920
20131
  [`@apply !bg-${config2.background.light} dark:!bg-${config2.background.dark}`]: {}
19921
20132
  },
19922
20133
  [`[${tooltip}]:hover::before, [${tooltip}]:hover::after, [${tooltip}]:focus-visible::before, [${tooltip}]:focus-visible::after`]: {
@@ -19930,7 +20141,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
19930
20141
  bottom: "calc(100% + 8px)",
19931
20142
  borderBottomWidth: "0",
19932
20143
  borderTopColor: "currentColor",
19933
- [`@apply !text-${config2.background.light} dark:!text-${config2.background.light}`]: {}
20144
+ [`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
19934
20145
  },
19935
20146
  [`[${tooltip}]:not([${position}])::after, [${tooltip}][${position}^='up']::after`]: {
19936
20147
  bottom: "calc(100% + 13px)"
@@ -20046,6 +20257,7 @@ const components = mergePlugins([
20046
20257
  inputFile,
20047
20258
  input,
20048
20259
  inputNumber,
20260
+ inputHelpText,
20049
20261
  kbd,
20050
20262
  label,
20051
20263
  link,
@@ -20170,4 +20382,4 @@ const textShades = plugin(
20170
20382
 
20171
20383
  const utilities = mergePlugins([bgShades, textShades]);
20172
20384
 
20173
- export { accordion, autocomplete, avatar, avatarGroup, base, bgShades, breadcrumb, button, buttonAction, buttonClose, buttonGroup, buttonIcon, card, checkbox, components, dropdown, dropdownDivider, dropdownItem, focus, fullscreenDropfile, heading, iconBox, input, inputFile, inputFileRegular, inputNumber, kbd, label, link, list, listbox, mark, mask, message, messageText, modal, pagination, paragraph, placeholderPage, placeload, progress, progressCircle, prose, radio, select, slimscroll, snack, switchBall, switchThin, tabSlider, tabs, tag, text, textShades, textarea, themeSwitch, themeToggle, toast, tooltip, utilities };
20385
+ export { accordion, autocomplete, avatar, avatarGroup, base, bgShades, breadcrumb, button, buttonAction, buttonClose, buttonGroup, buttonIcon, card, checkbox, components, dropdown, dropdownDivider, dropdownItem, focus, fullscreenDropfile, heading, iconBox, input, inputFile, inputFileRegular, inputHelpText, inputNumber, kbd, label, link, list, listbox, mark, mask, message, messageText, modal, pagination, paragraph, placeholderPage, placeload, progress, progressCircle, prose, radio, select, slimscroll, snack, switchBall, switchThin, tabSlider, tabs, tag, text, textShades, textarea, themeSwitch, themeToggle, toast, tooltip, utilities };