@shuriken-ui/tailwind 3.0.3 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -681,6 +681,23 @@ const defaultConfig$R = {
681
681
  clear: {
682
682
  size: "12"
683
683
  }
684
+ },
685
+ xl: {
686
+ font: {
687
+ size: "sm"
688
+ },
689
+ icon: {
690
+ size: {
691
+ inner: "5",
692
+ outer: "14"
693
+ }
694
+ },
695
+ placeload: {
696
+ size: "14"
697
+ },
698
+ clear: {
699
+ size: "14"
700
+ }
684
701
  }
685
702
  },
686
703
  color: {
@@ -870,6 +887,11 @@ const defaultConfig$R = {
870
887
  font: {
871
888
  size: "sm"
872
889
  }
890
+ },
891
+ xl: {
892
+ font: {
893
+ size: "base"
894
+ }
873
895
  }
874
896
  },
875
897
  label: {
@@ -896,6 +918,15 @@ const defaultConfig$R = {
896
918
  unfocus: "[0.825rem]"
897
919
  }
898
920
  }
921
+ },
922
+ xl: {
923
+ font: {
924
+ size: {
925
+ base: "xs",
926
+ focus: "xs",
927
+ unfocus: "[0.825rem]"
928
+ }
929
+ }
899
930
  }
900
931
  }
901
932
  }
@@ -913,6 +944,11 @@ const defaultConfig$R = {
913
944
  }
914
945
  },
915
946
  lg: {
947
+ font: {
948
+ size: "sm"
949
+ }
950
+ },
951
+ xl: {
916
952
  font: {
917
953
  size: "base"
918
954
  }
@@ -942,6 +978,15 @@ const defaultConfig$R = {
942
978
  unfocus: "[0.825rem]"
943
979
  }
944
980
  }
981
+ },
982
+ xl: {
983
+ font: {
984
+ size: {
985
+ base: "xs",
986
+ focus: "xs",
987
+ unfocus: "[0.825rem]"
988
+ }
989
+ }
945
990
  }
946
991
  }
947
992
  }
@@ -1200,6 +1245,27 @@ const autocomplete = plugin(({ addComponents, theme }) => {
1200
1245
  [`@apply h-${config2.size.lg.clear.size} w-${config2.size.lg.clear.size}`]: {}
1201
1246
  }
1202
1247
  },
1248
+ //Size:xl
1249
+ "&.nui-autocomplete-xl": {
1250
+ ".nui-autocomplete-label": {
1251
+ [`@apply pb-1 text-${config2.size.xl.font.size}`]: {}
1252
+ },
1253
+ ".nui-label-float": {
1254
+ "@apply top-[1.1rem]": {}
1255
+ },
1256
+ ".nui-autocomplete-icon": {
1257
+ [`@apply h-${config2.size.xl.icon.size.outer} w-${config2.size.xl.icon.size.outer}`]: {},
1258
+ ".nui-autocomplete-icon-inner": {
1259
+ [`@apply h-${config2.size.xl.icon.size.inner} w-${config2.size.xl.icon.size.inner}`]: {}
1260
+ }
1261
+ },
1262
+ ".nui-autocomplete-placeload": {
1263
+ [`@apply h-${config2.size.xl.placeload.size}`]: {}
1264
+ },
1265
+ ".nui-autocomplete-clear": {
1266
+ [`@apply h-${config2.size.xl.clear.size} w-${config2.size.xl.clear.size}`]: {}
1267
+ }
1268
+ },
1203
1269
  //Color:default
1204
1270
  "&.nui-autocomplete-default": {
1205
1271
  ".nui-autocomplete-input": {
@@ -1380,6 +1446,18 @@ const autocomplete = plugin(({ addComponents, theme }) => {
1380
1446
  [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
1381
1447
  }
1382
1448
  },
1449
+ //Size:xl without icon
1450
+ "&:not(.nui-has-icon).nui-autocomplete-xl": {
1451
+ ".nui-autocomplete-input": {
1452
+ [`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 px-4`]: {}
1453
+ }
1454
+ },
1455
+ //Size:xl with icon
1456
+ "&.nui-has-icon.nui-autocomplete-xl": {
1457
+ ".nui-autocomplete-input": {
1458
+ [`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 pe-4 ps-12`]: {}
1459
+ }
1460
+ },
1383
1461
  //Size:sm without icon and label float
1384
1462
  "&.nui-autocomplete-label-float:not(.nui-has-icon).nui-autocomplete-sm": {
1385
1463
  ".nui-label-float": {
@@ -1431,7 +1509,7 @@ const autocomplete = plugin(({ addComponents, theme }) => {
1431
1509
  //Size:lg without icon and label float
1432
1510
  "&.nui-autocomplete-label-float:not(.nui-has-icon).nui-autocomplete-lg": {
1433
1511
  ".nui-label-float": {
1434
- [`@apply start-3 -ms-3 -mt-8 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
1512
+ [`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
1435
1513
  },
1436
1514
  ".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
1437
1515
  [`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
@@ -1443,7 +1521,7 @@ const autocomplete = plugin(({ addComponents, theme }) => {
1443
1521
  //Size:lg with icon and label float
1444
1522
  "&.nui-autocomplete-label-float.nui-has-icon.nui-autocomplete-lg": {
1445
1523
  ".nui-label-float": {
1446
- [`@apply start-11 -ms-10 -mt-8 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
1524
+ [`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
1447
1525
  },
1448
1526
  ".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
1449
1527
  [`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
@@ -1451,6 +1529,30 @@ const autocomplete = plugin(({ addComponents, theme }) => {
1451
1529
  ".nui-autocomplete-input:placeholder-shown ~ .nui-label-float": {
1452
1530
  [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
1453
1531
  }
1532
+ },
1533
+ //Size:xl without icon and label float
1534
+ "&.nui-autocomplete-label-float:not(.nui-has-icon).nui-autocomplete-xl": {
1535
+ ".nui-label-float": {
1536
+ [`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
1537
+ },
1538
+ ".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
1539
+ [`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
1540
+ },
1541
+ ".nui-autocomplete-input:placeholder-shown ~ .nui-label-float": {
1542
+ [`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
1543
+ }
1544
+ },
1545
+ //Size:xl with icon and label float
1546
+ "&.nui-autocomplete-label-float.nui-has-icon.nui-autocomplete-xl": {
1547
+ ".nui-label-float": {
1548
+ [`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
1549
+ },
1550
+ ".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
1551
+ [`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
1552
+ },
1553
+ ".nui-autocomplete-input:placeholder-shown ~ .nui-label-float": {
1554
+ [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
1555
+ }
1454
1556
  }
1455
1557
  }
1456
1558
  });
@@ -3551,6 +3653,10 @@ const defaultConfig$M = {
3551
3653
  lg: {
3552
3654
  outer: "12",
3553
3655
  inner: "5"
3656
+ },
3657
+ xl: {
3658
+ outer: "14",
3659
+ inner: "6"
3554
3660
  }
3555
3661
  },
3556
3662
  rounded: {
@@ -3848,6 +3954,14 @@ const buttonClose = plugin(({ addComponents, theme }) => {
3848
3954
  [`@apply h-${config2.size.lg.inner} w-${config2.size.lg.inner} fill-current`]: {}
3849
3955
  }
3850
3956
  },
3957
+ //Size:xl
3958
+ "&.nui-button-xl": {
3959
+ [`@apply h-${config2.size.xl.outer} w-${config2.size.xl.outer}`]: {},
3960
+ //Icon
3961
+ ".nui-button-icon": {
3962
+ [`@apply h-${config2.size.xl.inner} w-${config2.size.xl.inner} fill-current`]: {}
3963
+ }
3964
+ },
3851
3965
  //Rounded:sm
3852
3966
  "&.nui-button-rounded-sm": {
3853
3967
  [`@apply ${config2.rounded.sm}`]: {}
@@ -4203,6 +4317,10 @@ const defaultConfig$K = {
4203
4317
  lg: {
4204
4318
  size: "12",
4205
4319
  padding: "3"
4320
+ },
4321
+ xl: {
4322
+ size: "14",
4323
+ padding: "4"
4206
4324
  }
4207
4325
  },
4208
4326
  color: {
@@ -4455,17 +4573,21 @@ const buttonIcon = plugin(({ addComponents, theme }) => {
4455
4573
  //Transition
4456
4574
  [`@apply transition-${config2.transition.property} duration-${config2.transition.duration}`]: {},
4457
4575
  //Size:sm
4458
- "&.nui-button-small": {
4576
+ "&.nui-button-sm": {
4459
4577
  [`@apply h-${config2.size.sm.size} w-${config2.size.sm.size} p-${config2.size.sm.padding}`]: {}
4460
4578
  },
4461
4579
  //Size:md
4462
- "&.nui-button-medium": {
4580
+ "&.nui-button-md": {
4463
4581
  [`@apply h-${config2.size.md.size} w-${config2.size.md.size} p-${config2.size.md.padding}`]: {}
4464
4582
  },
4465
4583
  //Size:lg
4466
- "&.nui-button-large": {
4584
+ "&.nui-button-lg": {
4467
4585
  [`@apply h-${config2.size.lg.size} w-${config2.size.lg.size} p-${config2.size.lg.padding}`]: {}
4468
4586
  },
4587
+ //Size:xl
4588
+ "&.nui-button-xl": {
4589
+ [`@apply h-${config2.size.xl.size} w-${config2.size.xl.size} p-${config2.size.xl.padding}`]: {}
4590
+ },
4469
4591
  //Rounded:sm
4470
4592
  "&.nui-button-rounded-sm": {
4471
4593
  [`@apply ${config2.rounded.sm}`]: {}
@@ -8840,6 +8962,11 @@ const defaultConfig$z = {
8840
8962
  font: {
8841
8963
  size: "sm"
8842
8964
  }
8965
+ },
8966
+ xl: {
8967
+ font: {
8968
+ size: "sm"
8969
+ }
8843
8970
  }
8844
8971
  },
8845
8972
  enabled: {
@@ -8866,6 +8993,14 @@ const defaultConfig$z = {
8866
8993
  icon: {
8867
8994
  size: "5"
8868
8995
  }
8996
+ },
8997
+ xl: {
8998
+ font: {
8999
+ size: "sm"
9000
+ },
9001
+ icon: {
9002
+ size: "6"
9003
+ }
8869
9004
  }
8870
9005
  }
8871
9006
  }
@@ -9096,6 +9231,35 @@ const inputFileRegular = plugin(({ addComponents, theme }) => {
9096
9231
  "@apply top-[1.2rem]": {}
9097
9232
  }
9098
9233
  },
9234
+ //Without icon && Size:xl
9235
+ "&.nui-input-xl:not(.nui-has-icon)": {
9236
+ [`@apply text-${config2.icon.disabled.xl.font.size} leading-5`]: {},
9237
+ ".nui-input-file-inner": {
9238
+ "@apply h-14 gap-2": {}
9239
+ },
9240
+ ".nui-input-file-addon": {
9241
+ "@apply h-14 px-5": {}
9242
+ },
9243
+ ".nui-input-file-placeload": {
9244
+ "@apply top-[1.4rem]": {}
9245
+ }
9246
+ },
9247
+ //With icon && Size:xl
9248
+ "&.nui-input-xl.nui-has-icon": {
9249
+ [`@apply text-${config2.icon.enabled.xl.font.size} leading-5`]: {},
9250
+ ".nui-input-file-inner": {
9251
+ "@apply h-14 pe-4": {}
9252
+ },
9253
+ ".nui-input-file-addon": {
9254
+ "@apply h-14 px-5": {}
9255
+ },
9256
+ ".nui-input-file-icon": {
9257
+ [`@apply w-${config2.icon.enabled.xl.icon.size} h-${config2.icon.enabled.xl.icon.size}`]: {}
9258
+ },
9259
+ ".nui-input-file-placeload": {
9260
+ "@apply top-[1.4rem]": {}
9261
+ }
9262
+ },
9099
9263
  //Input:hover
9100
9264
  "&:hover": {
9101
9265
  ".nui-input-file-addon": {
@@ -9726,7 +9890,8 @@ const defaultConfig$x = {
9726
9890
  padding: {
9727
9891
  sm: "8",
9728
9892
  md: "10",
9729
- lg: "12"
9893
+ lg: "12",
9894
+ xl: "14"
9730
9895
  },
9731
9896
  transition: {
9732
9897
  property: "colors",
@@ -9823,6 +9988,24 @@ const defaultConfig$x = {
9823
9988
  placeload: {
9824
9989
  size: "12"
9825
9990
  }
9991
+ },
9992
+ xl: {
9993
+ label: {
9994
+ font: {
9995
+ size: "sm"
9996
+ }
9997
+ },
9998
+ icon: {
9999
+ outer: {
10000
+ size: "14"
10001
+ },
10002
+ inner: {
10003
+ size: "5"
10004
+ }
10005
+ },
10006
+ placeload: {
10007
+ size: "14"
10008
+ }
9826
10009
  }
9827
10010
  },
9828
10011
  color: {
@@ -9940,6 +10123,11 @@ const defaultConfig$x = {
9940
10123
  font: {
9941
10124
  size: "sm"
9942
10125
  }
10126
+ },
10127
+ xl: {
10128
+ font: {
10129
+ size: "base"
10130
+ }
9943
10131
  }
9944
10132
  },
9945
10133
  label: {
@@ -9966,6 +10154,15 @@ const defaultConfig$x = {
9966
10154
  unfocus: "[0.825rem]"
9967
10155
  }
9968
10156
  }
10157
+ },
10158
+ xl: {
10159
+ font: {
10160
+ size: {
10161
+ base: "xs",
10162
+ focus: "xs",
10163
+ unfocus: "[0.825rem]"
10164
+ }
10165
+ }
9969
10166
  }
9970
10167
  }
9971
10168
  }
@@ -9983,6 +10180,11 @@ const defaultConfig$x = {
9983
10180
  }
9984
10181
  },
9985
10182
  lg: {
10183
+ font: {
10184
+ size: "sm"
10185
+ }
10186
+ },
10187
+ xl: {
9986
10188
  font: {
9987
10189
  size: "base"
9988
10190
  }
@@ -10012,6 +10214,15 @@ const defaultConfig$x = {
10012
10214
  unfocus: "[0.825rem]"
10013
10215
  }
10014
10216
  }
10217
+ },
10218
+ xl: {
10219
+ font: {
10220
+ size: {
10221
+ base: "xs",
10222
+ focus: "xs",
10223
+ unfocus: "[0.825rem]"
10224
+ }
10225
+ }
10015
10226
  }
10016
10227
  }
10017
10228
  }
@@ -10182,6 +10393,28 @@ const input = plugin(({ addComponents, theme }) => {
10182
10393
  [`@apply h-${config2.size.lg.placeload.size}`]: {}
10183
10394
  }
10184
10395
  },
10396
+ //Size:xl
10397
+ "&.nui-input-xl": {
10398
+ //Input:label
10399
+ ".nui-input-label": {
10400
+ [`@apply pb-1 text-${config2.size.xl.label.font.size}`]: {}
10401
+ },
10402
+ //Label:float
10403
+ ".nui-label-float": {
10404
+ "@apply top-[1.1rem]": {}
10405
+ },
10406
+ //Input:icon && Input:action
10407
+ ".nui-input-icon, .nui-input-action": {
10408
+ [`@apply h-${config2.size.xl.icon.outer.size} w-${config2.size.xl.icon.outer.size}`]: {},
10409
+ ".nui-input-icon-inner, .nui-input-action-inner": {
10410
+ [`@apply h-${config2.size.xl.icon.inner.size} w-${config2.size.xl.icon.inner.size}`]: {}
10411
+ }
10412
+ },
10413
+ //Input:placeload
10414
+ ".nui-input-placeload": {
10415
+ [`@apply h-${config2.size.xl.placeload.size}`]: {}
10416
+ }
10417
+ },
10185
10418
  //Color:default
10186
10419
  "&.nui-input-default": {
10187
10420
  ".nui-input": {
@@ -10322,6 +10555,18 @@ const input = plugin(({ addComponents, theme }) => {
10322
10555
  [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
10323
10556
  }
10324
10557
  },
10558
+ //Without icon && Size:xl
10559
+ "&:not(.nui-has-icon).nui-input-xl": {
10560
+ ".nui-input": {
10561
+ [`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 px-4`]: {}
10562
+ }
10563
+ },
10564
+ //With icon && Size:xl
10565
+ "&.nui-has-icon.nui-input-xl": {
10566
+ ".nui-input": {
10567
+ [`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 pe-4 ps-[3.25rem]`]: {}
10568
+ }
10569
+ },
10325
10570
  //With action && Size:sm
10326
10571
  "&.nui-has-action.nui-input-sm": {
10327
10572
  ".nui-input": {
@@ -10340,6 +10585,12 @@ const input = plugin(({ addComponents, theme }) => {
10340
10585
  [`@apply pe-${config2.input.action.padding.lg}`]: {}
10341
10586
  }
10342
10587
  },
10588
+ //With action && Size:xl
10589
+ "&.nui-has-action.nui-input-xl": {
10590
+ ".nui-input": {
10591
+ [`@apply pe-${config2.input.action.padding.xl}`]: {}
10592
+ }
10593
+ },
10343
10594
  //Without icon && Size:sm && Label:float
10344
10595
  "&.nui-input-label-float:not(.nui-has-icon).nui-input-sm": {
10345
10596
  ".nui-label-float": {
@@ -10391,7 +10642,7 @@ const input = plugin(({ addComponents, theme }) => {
10391
10642
  //Without icon && Size:lg && Label:float
10392
10643
  "&.nui-input-label-float:not(.nui-has-icon).nui-input-lg": {
10393
10644
  ".nui-label-float": {
10394
- [`@apply start-3 -ms-3 -mt-8 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
10645
+ [`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
10395
10646
  },
10396
10647
  ".nui-input:focus-visible ~ .nui-label-float": {
10397
10648
  [`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
@@ -10403,7 +10654,7 @@ const input = plugin(({ addComponents, theme }) => {
10403
10654
  //With icon && Size:lg && Label:float
10404
10655
  "&.nui-input-label-float.nui-has-icon.nui-input-lg": {
10405
10656
  ".nui-label-float": {
10406
- [`@apply start-11 -ms-10 -mt-8 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
10657
+ [`@apply start-11 -ms-9 -mt-10 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
10407
10658
  },
10408
10659
  ".nui-input:focus-visible ~ .nui-label-float": {
10409
10660
  [`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
@@ -10411,6 +10662,30 @@ const input = plugin(({ addComponents, theme }) => {
10411
10662
  ".nui-input:placeholder-shown ~ .nui-label-float": {
10412
10663
  [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
10413
10664
  }
10665
+ },
10666
+ //Without icon && Size:xl && Label:float
10667
+ "&.nui-input-label-float:not(.nui-has-icon).nui-input-xl": {
10668
+ ".nui-label-float": {
10669
+ [`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
10670
+ },
10671
+ ".nui-input:focus-visible ~ .nui-label-float": {
10672
+ [`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
10673
+ },
10674
+ ".nui-input:placeholder-shown ~ .nui-label-float": {
10675
+ [`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
10676
+ }
10677
+ },
10678
+ //With icon && Size:xl && Label:float
10679
+ "&.nui-input-label-float.nui-has-icon.nui-input-xl": {
10680
+ ".nui-label-float": {
10681
+ [`@apply start-[3.25rem] ms-[-3.25rem] -mt-8 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
10682
+ },
10683
+ ".nui-input:focus-visible ~ .nui-label-float": {
10684
+ [`@apply !ms-[-3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
10685
+ },
10686
+ ".nui-input:placeholder-shown ~ .nui-label-float": {
10687
+ [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
10688
+ }
10414
10689
  }
10415
10690
  }
10416
10691
  });
@@ -10592,6 +10867,24 @@ const defaultConfig$w = {
10592
10867
  placeload: {
10593
10868
  size: "12"
10594
10869
  }
10870
+ },
10871
+ xl: {
10872
+ label: {
10873
+ font: {
10874
+ size: "sm"
10875
+ }
10876
+ },
10877
+ icon: {
10878
+ outer: {
10879
+ size: "14"
10880
+ },
10881
+ inner: {
10882
+ size: "5"
10883
+ }
10884
+ },
10885
+ placeload: {
10886
+ size: "14"
10887
+ }
10595
10888
  }
10596
10889
  },
10597
10890
  color: {
@@ -10709,6 +11002,11 @@ const defaultConfig$w = {
10709
11002
  font: {
10710
11003
  size: "sm"
10711
11004
  }
11005
+ },
11006
+ xl: {
11007
+ font: {
11008
+ size: "base"
11009
+ }
10712
11010
  }
10713
11011
  },
10714
11012
  label: {
@@ -10735,6 +11033,15 @@ const defaultConfig$w = {
10735
11033
  unfocus: "[0.825rem]"
10736
11034
  }
10737
11035
  }
11036
+ },
11037
+ xl: {
11038
+ font: {
11039
+ size: {
11040
+ base: "xs",
11041
+ focus: "xs",
11042
+ unfocus: "[0.825rem]"
11043
+ }
11044
+ }
10738
11045
  }
10739
11046
  }
10740
11047
  }
@@ -10752,6 +11059,11 @@ const defaultConfig$w = {
10752
11059
  }
10753
11060
  },
10754
11061
  lg: {
11062
+ font: {
11063
+ size: "sm"
11064
+ }
11065
+ },
11066
+ xl: {
10755
11067
  font: {
10756
11068
  size: "base"
10757
11069
  }
@@ -10781,6 +11093,15 @@ const defaultConfig$w = {
10781
11093
  unfocus: "[0.825rem]"
10782
11094
  }
10783
11095
  }
11096
+ },
11097
+ xl: {
11098
+ font: {
11099
+ size: {
11100
+ base: "xs",
11101
+ focus: "xs",
11102
+ unfocus: "[0.825rem]"
11103
+ }
11104
+ }
10784
11105
  }
10785
11106
  }
10786
11107
  }
@@ -10996,6 +11317,32 @@ const inputNumber = plugin(({ addComponents, theme }) => {
10996
11317
  "@apply h-10 w-10": {}
10997
11318
  }
10998
11319
  },
11320
+ //Size:xl
11321
+ "&.nui-input-number-xl": {
11322
+ //Input:label
11323
+ ".nui-input-number-label": {
11324
+ [`@apply pb-1 text-${config2.size.xl.label.font.size}`]: {}
11325
+ },
11326
+ //Label:float
11327
+ ".nui-label-float": {
11328
+ "@apply top-[1.1rem]": {}
11329
+ },
11330
+ //Input:icon && Input:action
11331
+ ".nui-input-number-icon, .nui-input-number-action": {
11332
+ [`@apply h-${config2.size.xl.icon.outer.size} w-${config2.size.xl.icon.outer.size}`]: {},
11333
+ ".nui-input-number-icon-inner, .nui-input-number-action-inner": {
11334
+ [`@apply h-${config2.size.xl.icon.inner.size} w-${config2.size.xl.icon.inner.size}`]: {}
11335
+ }
11336
+ },
11337
+ //Input:placeload
11338
+ ".nui-input-number-placeload": {
11339
+ [`@apply h-${config2.size.xl.placeload.size}`]: {}
11340
+ },
11341
+ //Input:buttons
11342
+ ".nui-input-number-buttons button": {
11343
+ "@apply h-12 w-12": {}
11344
+ }
11345
+ },
10999
11346
  //Color:default
11000
11347
  "&.nui-input-number-default": {
11001
11348
  ".nui-input-number": {
@@ -11156,6 +11503,18 @@ const inputNumber = plugin(({ addComponents, theme }) => {
11156
11503
  [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 ps-11 pe-24`]: {}
11157
11504
  }
11158
11505
  },
11506
+ //Without icon && Size:xl
11507
+ "&:not(.nui-has-icon).nui-input-number-xl": {
11508
+ ".nui-input-number": {
11509
+ [`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 ps-4 pe-24`]: {}
11510
+ }
11511
+ },
11512
+ //With icon && Size:xl
11513
+ "&.nui-has-icon.nui-input-number-xl": {
11514
+ ".nui-input-number": {
11515
+ [`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 ps-[3.25rem] pe-24`]: {}
11516
+ }
11517
+ },
11159
11518
  //With action && Size:sm
11160
11519
  "&.nui-has-action.nui-input-number-sm": {
11161
11520
  ".nui-input-number": {
@@ -11225,7 +11584,7 @@ const inputNumber = plugin(({ addComponents, theme }) => {
11225
11584
  //Without icon && Size:lg && Label:float
11226
11585
  "&.nui-input-number-label-float:not(.nui-has-icon).nui-input-number-lg": {
11227
11586
  ".nui-label-float": {
11228
- [`@apply start-3 -ms-3 -mt-8 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
11587
+ [`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
11229
11588
  },
11230
11589
  ".nui-input-number:focus-visible ~ .nui-label-float": {
11231
11590
  [`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
@@ -11237,7 +11596,7 @@ const inputNumber = plugin(({ addComponents, theme }) => {
11237
11596
  //With icon && Size:lg && Label:float
11238
11597
  "&.nui-input-number-label-float.nui-has-icon.nui-input-number-lg": {
11239
11598
  ".nui-label-float": {
11240
- [`@apply start-11 -ms-10 -mt-8 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
11599
+ [`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
11241
11600
  },
11242
11601
  ".nui-input-number:focus-visible ~ .nui-label-float": {
11243
11602
  [`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
@@ -11245,6 +11604,30 @@ const inputNumber = plugin(({ addComponents, theme }) => {
11245
11604
  ".nui-input-number:placeholder-shown ~ .nui-label-float": {
11246
11605
  [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
11247
11606
  }
11607
+ },
11608
+ //Without icon && Size:xl && Label:float
11609
+ "&.nui-input-number-label-float:not(.nui-has-icon).nui-input-number-xl": {
11610
+ ".nui-label-float": {
11611
+ [`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
11612
+ },
11613
+ ".nui-input-number:focus-visible ~ .nui-label-float": {
11614
+ [`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
11615
+ },
11616
+ ".nui-input-number:placeholder-shown ~ .nui-label-float": {
11617
+ [`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
11618
+ }
11619
+ },
11620
+ //With icon && Size:xl && Label:float
11621
+ "&.nui-input-number-label-float.nui-has-icon.nui-input-number-xl": {
11622
+ ".nui-label-float": {
11623
+ [`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
11624
+ },
11625
+ ".nui-input-number:focus-visible ~ .nui-label-float": {
11626
+ [`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
11627
+ },
11628
+ ".nui-input-number:placeholder-shown ~ .nui-label-float": {
11629
+ [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
11630
+ }
11248
11631
  }
11249
11632
  }
11250
11633
  });
@@ -11918,7 +12301,29 @@ const defaultConfig$q = {
11918
12301
  size: "12"
11919
12302
  },
11920
12303
  inner: {
11921
- size: "4"
12304
+ size: "5"
12305
+ }
12306
+ }
12307
+ },
12308
+ xl: {
12309
+ font: {
12310
+ size: "sm"
12311
+ },
12312
+ icon: {
12313
+ size: {
12314
+ inner: "5",
12315
+ outer: "14"
12316
+ }
12317
+ },
12318
+ placeload: {
12319
+ size: "14"
12320
+ },
12321
+ chevron: {
12322
+ outer: {
12323
+ size: "14"
12324
+ },
12325
+ inner: {
12326
+ size: "5"
11922
12327
  }
11923
12328
  }
11924
12329
  }
@@ -12134,6 +12539,11 @@ const defaultConfig$q = {
12134
12539
  font: {
12135
12540
  size: "sm"
12136
12541
  }
12542
+ },
12543
+ xl: {
12544
+ font: {
12545
+ size: "base"
12546
+ }
12137
12547
  }
12138
12548
  },
12139
12549
  label: {
@@ -12160,6 +12570,15 @@ const defaultConfig$q = {
12160
12570
  unfocus: "[0.825rem]"
12161
12571
  }
12162
12572
  }
12573
+ },
12574
+ xl: {
12575
+ font: {
12576
+ size: {
12577
+ base: "xs",
12578
+ focus: "xs",
12579
+ unfocus: "[0.825rem]"
12580
+ }
12581
+ }
12163
12582
  }
12164
12583
  }
12165
12584
  }
@@ -12177,6 +12596,11 @@ const defaultConfig$q = {
12177
12596
  }
12178
12597
  },
12179
12598
  lg: {
12599
+ font: {
12600
+ size: "sm"
12601
+ }
12602
+ },
12603
+ xl: {
12180
12604
  font: {
12181
12605
  size: "base"
12182
12606
  }
@@ -12206,6 +12630,15 @@ const defaultConfig$q = {
12206
12630
  unfocus: "[0.825rem]"
12207
12631
  }
12208
12632
  }
12633
+ },
12634
+ xl: {
12635
+ font: {
12636
+ size: {
12637
+ base: "xs",
12638
+ focus: "xs",
12639
+ unfocus: "[0.825rem]"
12640
+ }
12641
+ }
12209
12642
  }
12210
12643
  }
12211
12644
  }
@@ -12396,7 +12829,7 @@ const listbox = plugin(({ addComponents, theme }) => {
12396
12829
  },
12397
12830
  //Label:float
12398
12831
  ".nui-label-float": {
12399
- "@apply top-1.5": {}
12832
+ "@apply top-2.5": {}
12400
12833
  }
12401
12834
  },
12402
12835
  //Listbox:icon
@@ -12425,7 +12858,7 @@ const listbox = plugin(({ addComponents, theme }) => {
12425
12858
  },
12426
12859
  //Label:float
12427
12860
  ".nui-label-float": {
12428
- "@apply top-1.5": {}
12861
+ "@apply top-3.5": {}
12429
12862
  },
12430
12863
  //Listbox:icon
12431
12864
  ".nui-listbox-icon": {
@@ -12447,6 +12880,35 @@ const listbox = plugin(({ addComponents, theme }) => {
12447
12880
  }
12448
12881
  }
12449
12882
  },
12883
+ //Size:xl
12884
+ "&.nui-listbox-xl": {
12885
+ ".nui-listbox-label": {
12886
+ [`@apply pb-1 text-${config2.size.xl.font.size}`]: {}
12887
+ },
12888
+ //Label:float
12889
+ ".nui-label-float": {
12890
+ "@apply top-[1.1rem]": {}
12891
+ },
12892
+ //Listbox:icon
12893
+ ".nui-listbox-icon": {
12894
+ [`@apply h-${config2.size.xl.icon.size.outer} w-${config2.size.xl.icon.size.outer}`]: {},
12895
+ ".nui-listbox-icon-inner": {
12896
+ [`@apply h-${config2.size.xl.icon.size.inner} w-${config2.size.xl.icon.size.inner}`]: {}
12897
+ }
12898
+ },
12899
+ //Listbox:placeload
12900
+ ".nui-listbox-placeload": {
12901
+ [`@apply h-${config2.size.xl.placeload.size}`]: {}
12902
+ },
12903
+ //Listbox:chevron
12904
+ ".nui-listbox-chevron": {
12905
+ [`@apply h-${config2.size.xl.chevron.outer.size} w-${config2.size.xl.chevron.outer.size}`]: {},
12906
+ //Chevron:inner
12907
+ ".nui-listbox-chevron-inner": {
12908
+ [`@apply h-${config2.size.xl.chevron.inner.size} w-${config2.size.xl.chevron.inner.size}`]: {}
12909
+ }
12910
+ }
12911
+ },
12450
12912
  //Rounded:sm
12451
12913
  "&.nui-listbox-rounded-sm": {
12452
12914
  ".nui-listbox-button, .nui-listbox-options, .nui-listbox-option": {
@@ -12659,6 +13121,18 @@ const listbox = plugin(({ addComponents, theme }) => {
12659
13121
  [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
12660
13122
  }
12661
13123
  },
13124
+ //Without:icon && Size:xl
13125
+ "&:not(.nui-has-icon).nui-listbox-xl": {
13126
+ ".nui-listbox-button": {
13127
+ [`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 px-4`]: {}
13128
+ }
13129
+ },
13130
+ //With:icon && Size:xl
13131
+ "&.nui-has-icon.nui-listbox-xl": {
13132
+ ".nui-listbox-button": {
13133
+ [`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 pe-4 ps-12`]: {}
13134
+ }
13135
+ },
12662
13136
  //Without:icon && Size:sm && Label:float
12663
13137
  "&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-sm": {
12664
13138
  ".nui-label-float": {
@@ -12686,10 +13160,10 @@ const listbox = plugin(({ addComponents, theme }) => {
12686
13160
  //Without:icon && Size:md && Label:float
12687
13161
  "&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-md": {
12688
13162
  ".nui-label-float": {
12689
- [`@apply start-3 -ms-3 -mt-7 text-${config2.icon.disabled.label.float.md.font.size.base} text-transparent`]: {}
13163
+ [`@apply start-3 -ms-3 -mt-8 text-${config2.icon.disabled.label.float.md.font.size.base} text-transparent`]: {}
12690
13164
  },
12691
13165
  ".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
12692
- [`@apply !-ms-3 !-mt-7 !text-${config2.icon.disabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
13166
+ [`@apply !-ms-3 !-mt-8 !text-${config2.icon.disabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
12693
13167
  },
12694
13168
  ".nui-listbox-button ~ .nui-label-float": {
12695
13169
  [`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.md.font.size.base}`]: {}
@@ -12698,10 +13172,10 @@ const listbox = plugin(({ addComponents, theme }) => {
12698
13172
  //With:icon && Size:md && Label:float
12699
13173
  "&.nui-listbox-label-float.nui-has-icon.nui-listbox-md": {
12700
13174
  ".nui-label-float": {
12701
- [`@apply start-10 -ms-10 -mt-7 text-${config2.icon.enabled.label.float.md.font.size.base} text-transparent`]: {}
13175
+ [`@apply start-10 -ms-10 -mt-8 text-${config2.icon.enabled.label.float.md.font.size.base} text-transparent`]: {}
12702
13176
  },
12703
13177
  ".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
12704
- [`@apply !-ms-10 !-mt-7 !text-${config2.icon.enabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
13178
+ [`@apply !-ms-10 !-mt-8 !text-${config2.icon.enabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
12705
13179
  },
12706
13180
  ".nui-listbox-button ~ .nui-label-float": {
12707
13181
  [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.md.font.size.unfocus}`]: {}
@@ -12710,10 +13184,10 @@ const listbox = plugin(({ addComponents, theme }) => {
12710
13184
  //Without:icon && Size:lg && Label:float
12711
13185
  "&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-lg": {
12712
13186
  ".nui-label-float": {
12713
- [`@apply start-3 -ms-3 -mt-7 text-${config2.icon.disabled.label.float.lg.font.size.base} text-transparent`]: {}
13187
+ [`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base} text-transparent`]: {}
12714
13188
  },
12715
13189
  ".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
12716
- [`@apply !-ms-3 !-mt-7 !text-${config2.icon.disabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
13190
+ [`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
12717
13191
  },
12718
13192
  ".nui-listbox-button ~ .nui-label-float": {
12719
13193
  [`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.lg.font.size.unfocus}`]: {}
@@ -12722,14 +13196,38 @@ const listbox = plugin(({ addComponents, theme }) => {
12722
13196
  //With:icon && Size:lg && Label:float
12723
13197
  "&.nui-listbox-label-float.nui-has-icon.nui-listbox-lg": {
12724
13198
  ".nui-label-float": {
12725
- [`@apply start-11 -ms-10 -mt-7 text-${config2.icon.enabled.label.float.lg.font.size.base} text-transparent`]: {}
13199
+ [`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base} text-transparent`]: {}
12726
13200
  },
12727
13201
  ".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
12728
- [`@apply !-ms-10 !-mt-7 !text-${config2.icon.enabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
13202
+ [`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
12729
13203
  },
12730
13204
  ".nui-listbox-button ~ .nui-label-float": {
12731
13205
  [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
12732
13206
  }
13207
+ },
13208
+ //Without:icon && Size:xl && Label:float
13209
+ "&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-xl": {
13210
+ ".nui-label-float": {
13211
+ [`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base} text-transparent`]: {}
13212
+ },
13213
+ ".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
13214
+ [`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus} !text-${config2.label.float.font.color}`]: {}
13215
+ },
13216
+ ".nui-listbox-button ~ .nui-label-float": {
13217
+ [`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
13218
+ }
13219
+ },
13220
+ //With:icon && Size:xl && Label:float
13221
+ "&.nui-listbox-label-float.nui-has-icon.nui-listbox-xl": {
13222
+ ".nui-label-float": {
13223
+ [`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base} text-transparent`]: {}
13224
+ },
13225
+ ".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
13226
+ [`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus} !text-${config2.label.float.font.color}`]: {}
13227
+ },
13228
+ ".nui-listbox-button ~ .nui-label-float": {
13229
+ [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
13230
+ }
12733
13231
  }
12734
13232
  }
12735
13233
  });
@@ -14136,7 +14634,7 @@ const defaultConfig$k = {
14136
14634
  }
14137
14635
  },
14138
14636
  link: {
14139
- padding: "1",
14637
+ padding: "4",
14140
14638
  size: "10",
14141
14639
  font: {
14142
14640
  family: "sans",
@@ -14296,7 +14794,7 @@ const pagination = plugin(({ addComponents, theme }) => {
14296
14794
  //Buttons:button
14297
14795
  ".nui-pagination-button": {
14298
14796
  //Base
14299
- "@apply flex h-10 w-full items-center justify-center md:w-10": {},
14797
+ "@apply nui-focus flex h-10 w-full items-center justify-center md:w-10": {},
14300
14798
  //Font
14301
14799
  [`@apply font-${config2.buttons.button.font.family} text-${config2.buttons.button.font.size}`]: {},
14302
14800
  //Color
@@ -14320,9 +14818,9 @@ const pagination = plugin(({ addComponents, theme }) => {
14320
14818
  //Pagination:link
14321
14819
  ".nui-pagination-link": {
14322
14820
  //Base
14323
- "@apply flex items-center justify-center mb-4 md:mb-0 inline-flex flex-wrap gap-2 md:gap-1": {},
14821
+ "@apply nui-focus flex items-center justify-center mb-0 inline-flex flex-wrap gap-2 md:gap-1": {},
14324
14822
  //Size
14325
- [`@apply h-${config2.link.size} w-${config2.link.size} p-${config2.link.padding}`]: {},
14823
+ [`@apply h-${config2.link.size} px-${config2.link.padding}`]: {},
14326
14824
  //Font
14327
14825
  [`@apply font-${config2.link.font.family} text-${config2.link.font.size}`]: {},
14328
14826
  //Background
@@ -14385,7 +14883,7 @@ const pagination = plugin(({ addComponents, theme }) => {
14385
14883
  //Pagination:ellipsis
14386
14884
  ".nui-pagination-ellipsis": {
14387
14885
  //Base
14388
- [`@apply flex h-${config2.ellipsis.size} w-${config2.ellipsis.size} items-center justify-center`]: {},
14886
+ [`@apply select-none flex h-${config2.ellipsis.size} w-${config2.ellipsis.size} items-center justify-center`]: {},
14389
14887
  //Font
14390
14888
  [`@apply font-${config2.ellipsis.font.family} text-${config2.ellipsis.font.size}`]: {},
14391
14889
  //Color
@@ -15310,6 +15808,33 @@ const defaultConfig$c = {
15310
15808
  placeload: {
15311
15809
  size: "12"
15312
15810
  }
15811
+ },
15812
+ xl: {
15813
+ padding: "14",
15814
+ chevron: {
15815
+ outer: {
15816
+ size: "14"
15817
+ },
15818
+ inner: {
15819
+ size: "5"
15820
+ }
15821
+ },
15822
+ label: {
15823
+ font: {
15824
+ size: "sm"
15825
+ }
15826
+ },
15827
+ icon: {
15828
+ outer: {
15829
+ size: "14"
15830
+ },
15831
+ inner: {
15832
+ size: "5"
15833
+ }
15834
+ },
15835
+ placeload: {
15836
+ size: "14"
15837
+ }
15313
15838
  }
15314
15839
  },
15315
15840
  color: {
@@ -15450,6 +15975,11 @@ const defaultConfig$c = {
15450
15975
  font: {
15451
15976
  size: "sm"
15452
15977
  }
15978
+ },
15979
+ xl: {
15980
+ font: {
15981
+ size: "base"
15982
+ }
15453
15983
  }
15454
15984
  },
15455
15985
  label: {
@@ -15476,6 +16006,15 @@ const defaultConfig$c = {
15476
16006
  unfocus: "[0.825rem]"
15477
16007
  }
15478
16008
  }
16009
+ },
16010
+ xl: {
16011
+ font: {
16012
+ size: {
16013
+ base: "xs",
16014
+ focus: "xs",
16015
+ unfocus: "[0.825rem]"
16016
+ }
16017
+ }
15479
16018
  }
15480
16019
  }
15481
16020
  }
@@ -15493,6 +16032,11 @@ const defaultConfig$c = {
15493
16032
  }
15494
16033
  },
15495
16034
  lg: {
16035
+ font: {
16036
+ size: "sm"
16037
+ }
16038
+ },
16039
+ xl: {
15496
16040
  font: {
15497
16041
  size: "base"
15498
16042
  }
@@ -15522,6 +16066,15 @@ const defaultConfig$c = {
15522
16066
  unfocus: "[0.825rem]"
15523
16067
  }
15524
16068
  }
16069
+ },
16070
+ xl: {
16071
+ font: {
16072
+ size: {
16073
+ base: "xs",
16074
+ focus: "xs",
16075
+ unfocus: "[0.825rem]"
16076
+ }
16077
+ }
15525
16078
  }
15526
16079
  }
15527
16080
  }
@@ -15673,7 +16226,7 @@ const select = plugin(({ addComponents, theme }) => {
15673
16226
  },
15674
16227
  //Label:float
15675
16228
  ".nui-label-float": {
15676
- "@apply top-1.5": {}
16229
+ "@apply top-2.5": {}
15677
16230
  },
15678
16231
  //Select:icon
15679
16232
  ".nui-select-icon, .nui-select-chevron": {
@@ -15699,7 +16252,7 @@ const select = plugin(({ addComponents, theme }) => {
15699
16252
  },
15700
16253
  //Label:float
15701
16254
  ".nui-label-float": {
15702
- "@apply top-1.5": {}
16255
+ "@apply top-3.5": {}
15703
16256
  },
15704
16257
  //Select:icon
15705
16258
  ".nui-select-icon, .nui-select-chevron": {
@@ -15713,6 +16266,32 @@ const select = plugin(({ addComponents, theme }) => {
15713
16266
  [`@apply h-${config2.size.lg.placeload.size}`]: {}
15714
16267
  }
15715
16268
  },
16269
+ //Size:xl
16270
+ "&.nui-select-xl": {
16271
+ //Select
16272
+ ".nui-select": {
16273
+ [`@apply pe-${config2.size.xl.padding}`]: {}
16274
+ },
16275
+ //Select:label
16276
+ ".nui-select-label": {
16277
+ [`@apply pb-1 text-${config2.size.xl.label.font.size}`]: {}
16278
+ },
16279
+ //Label:float
16280
+ ".nui-label-float": {
16281
+ "@apply top-[1.1rem]": {}
16282
+ },
16283
+ //Select:icon
16284
+ ".nui-select-icon, .nui-select-chevron": {
16285
+ [`@apply h-${config2.size.xl.icon.outer.size} w-${config2.size.xl.icon.outer.size}`]: {},
16286
+ ".nui-select-icon-inner, .nui-select-chevron-inner": {
16287
+ [`@apply h-${config2.size.xl.icon.inner.size} w-${config2.size.xl.icon.inner.size}`]: {}
16288
+ }
16289
+ },
16290
+ //Select:placeload
16291
+ ".nui-select-placeload": {
16292
+ [`@apply h-${config2.size.xl.placeload.size}`]: {}
16293
+ }
16294
+ },
15716
16295
  //Color:default
15717
16296
  "&.nui-select-default": {
15718
16297
  ".nui-select": {
@@ -15844,6 +16423,18 @@ const select = plugin(({ addComponents, theme }) => {
15844
16423
  [`@apply h-12 py-2 text-${config2.icon.enabled.select.lg.font.size} leading-5 pe-9 ps-11`]: {}
15845
16424
  }
15846
16425
  },
16426
+ //Without:icon && Size:xl
16427
+ "&:not(.nui-has-icon).nui-select-xl": {
16428
+ ".nui-select": {
16429
+ [`@apply h-14 py-2 text-${config2.icon.disabled.select.xl.font.size} leading-5 ps-4 pe-9`]: {}
16430
+ }
16431
+ },
16432
+ //With:icon && Size:xl
16433
+ "&.nui-has-icon.nui-select-xl": {
16434
+ ".nui-select": {
16435
+ [`@apply h-14 py-2 text-${config2.icon.enabled.select.xl.font.size} leading-5 pe-9 ps-12`]: {}
16436
+ }
16437
+ },
15847
16438
  //Without:icon && Size:sm && Label:float
15848
16439
  "&.nui-select-label-float:not(.nui-has-icon).nui-select-sm": {
15849
16440
  ".nui-label-float": {
@@ -15895,7 +16486,7 @@ const select = plugin(({ addComponents, theme }) => {
15895
16486
  //Without:icon && Size:lg && Label:float
15896
16487
  "&.nui-select-label-float:not(.nui-has-icon).nui-select-lg": {
15897
16488
  ".nui-label-float": {
15898
- [`@apply start-3 -ms-3 -mt-8 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
16489
+ [`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
15899
16490
  },
15900
16491
  ".nui-select:focus-visible ~ .nui-label-float": {
15901
16492
  [`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
@@ -15907,7 +16498,7 @@ const select = plugin(({ addComponents, theme }) => {
15907
16498
  //With:icon && Size:lg && Label:float
15908
16499
  "&.nui-select-label-float.nui-has-icon.nui-select-lg": {
15909
16500
  ".nui-label-float": {
15910
- [`@apply start-11 -ms-10 -mt-8 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
16501
+ [`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
15911
16502
  },
15912
16503
  ".nui-select:focus-visible ~ .nui-label-float": {
15913
16504
  [`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
@@ -15915,6 +16506,30 @@ const select = plugin(({ addComponents, theme }) => {
15915
16506
  ".nui-select ~ .nui-label-float": {
15916
16507
  [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
15917
16508
  }
16509
+ },
16510
+ //Without:icon && Size:xl && Label:float
16511
+ "&.nui-select-label-float:not(.nui-has-icon).nui-select-xl": {
16512
+ ".nui-label-float": {
16513
+ [`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
16514
+ },
16515
+ ".nui-select:focus-visible ~ .nui-label-float": {
16516
+ [`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
16517
+ },
16518
+ ".nui-select ~ .nui-label-float": {
16519
+ [`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
16520
+ }
16521
+ },
16522
+ //With:icon && Size:xl && Label:float
16523
+ "&.nui-select-label-float.nui-has-icon.nui-select-xl": {
16524
+ ".nui-label-float": {
16525
+ [`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
16526
+ },
16527
+ ".nui-select:focus-visible ~ .nui-label-float": {
16528
+ [`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
16529
+ },
16530
+ ".nui-select ~ .nui-label-float": {
16531
+ [`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
16532
+ }
15918
16533
  }
15919
16534
  }
15920
16535
  });