@tokenami/ds 0.0.66 → 0.0.67

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.
package/dist/index.cjs CHANGED
@@ -10,6 +10,12 @@ var shared = {
10
10
  ...colors.blackA,
11
11
  ...colors.whiteA
12
12
  };
13
+ var sharedP3 = {
14
+ black: "color(display-p3 0 0 0)",
15
+ white: "color(display-p3 1 1 1)",
16
+ ...colors.blackP3A,
17
+ ...colors.whiteP3A
18
+ };
13
19
  var light = {
14
20
  ...colors.gray,
15
21
  ...colors.mauve,
@@ -74,6 +80,70 @@ var light = {
74
80
  ...colors.mintA,
75
81
  ...colors.skyA
76
82
  };
83
+ var lightP3 = {
84
+ ...colors.grayP3,
85
+ ...colors.mauveP3,
86
+ ...colors.slateP3,
87
+ ...colors.sageP3,
88
+ ...colors.oliveP3,
89
+ ...colors.sandP3,
90
+ ...colors.goldP3,
91
+ ...colors.bronzeP3,
92
+ ...colors.brownP3,
93
+ ...colors.yellowP3,
94
+ ...colors.amberP3,
95
+ ...colors.orangeP3,
96
+ ...colors.tomatoP3,
97
+ ...colors.redP3,
98
+ ...colors.rubyP3,
99
+ ...colors.crimsonP3,
100
+ ...colors.pinkP3,
101
+ ...colors.plumP3,
102
+ ...colors.purpleP3,
103
+ ...colors.violetP3,
104
+ ...colors.irisP3,
105
+ ...colors.indigoP3,
106
+ ...colors.blueP3,
107
+ ...colors.cyanP3,
108
+ ...colors.tealP3,
109
+ ...colors.jadeP3,
110
+ ...colors.greenP3,
111
+ ...colors.grassP3,
112
+ ...colors.limeP3,
113
+ ...colors.mintP3,
114
+ ...colors.skyP3,
115
+ ...colors.grayP3A,
116
+ ...colors.mauveP3A,
117
+ ...colors.slateP3A,
118
+ ...colors.sageP3A,
119
+ ...colors.oliveP3A,
120
+ ...colors.sandP3A,
121
+ ...colors.goldP3A,
122
+ ...colors.bronzeP3A,
123
+ ...colors.brownP3A,
124
+ ...colors.yellowP3A,
125
+ ...colors.amberP3A,
126
+ ...colors.orangeP3A,
127
+ ...colors.tomatoP3A,
128
+ ...colors.redP3A,
129
+ ...colors.rubyP3A,
130
+ ...colors.crimsonP3A,
131
+ ...colors.pinkP3A,
132
+ ...colors.plumP3A,
133
+ ...colors.purpleP3A,
134
+ ...colors.violetP3A,
135
+ ...colors.irisP3A,
136
+ ...colors.indigoP3A,
137
+ ...colors.blueP3A,
138
+ ...colors.cyanP3A,
139
+ ...colors.tealP3A,
140
+ ...colors.jadeP3A,
141
+ ...colors.greenP3A,
142
+ ...colors.grassP3A,
143
+ ...colors.limeP3A,
144
+ ...colors.mintP3A,
145
+ ...colors.skyP3A
146
+ };
77
147
  var dark = {
78
148
  ...colors.grayDark,
79
149
  ...colors.mauveDark,
@@ -138,6 +208,70 @@ var dark = {
138
208
  ...colors.mintDarkA,
139
209
  ...colors.skyDarkA
140
210
  };
211
+ var darkP3 = {
212
+ ...colors.grayDarkP3,
213
+ ...colors.mauveDarkP3,
214
+ ...colors.slateDarkP3,
215
+ ...colors.sageDarkP3,
216
+ ...colors.oliveDarkP3,
217
+ ...colors.sandDarkP3,
218
+ ...colors.goldDarkP3,
219
+ ...colors.bronzeDarkP3,
220
+ ...colors.brownDarkP3,
221
+ ...colors.yellowDarkP3,
222
+ ...colors.amberDarkP3,
223
+ ...colors.orangeDarkP3,
224
+ ...colors.tomatoDarkP3,
225
+ ...colors.redDarkP3,
226
+ ...colors.rubyDarkP3,
227
+ ...colors.crimsonDarkP3,
228
+ ...colors.pinkDarkP3,
229
+ ...colors.plumDarkP3,
230
+ ...colors.purpleDarkP3,
231
+ ...colors.violetDarkP3,
232
+ ...colors.irisDarkP3,
233
+ ...colors.indigoDarkP3,
234
+ ...colors.blueDarkP3,
235
+ ...colors.cyanDarkP3,
236
+ ...colors.tealDarkP3,
237
+ ...colors.jadeDarkP3,
238
+ ...colors.greenDarkP3,
239
+ ...colors.grassDarkP3,
240
+ ...colors.limeDarkP3,
241
+ ...colors.mintDarkP3,
242
+ ...colors.skyDarkP3,
243
+ ...colors.grayDarkP3A,
244
+ ...colors.mauveDarkP3A,
245
+ ...colors.slateDarkP3A,
246
+ ...colors.sageDarkP3A,
247
+ ...colors.oliveDarkP3A,
248
+ ...colors.sandDarkP3A,
249
+ ...colors.goldDarkP3A,
250
+ ...colors.bronzeDarkP3A,
251
+ ...colors.brownDarkP3A,
252
+ ...colors.yellowDarkP3A,
253
+ ...colors.amberDarkP3A,
254
+ ...colors.orangeDarkP3A,
255
+ ...colors.tomatoDarkP3A,
256
+ ...colors.redDarkP3A,
257
+ ...colors.rubyDarkP3A,
258
+ ...colors.crimsonDarkP3A,
259
+ ...colors.pinkDarkP3A,
260
+ ...colors.plumDarkP3A,
261
+ ...colors.purpleDarkP3A,
262
+ ...colors.violetDarkP3A,
263
+ ...colors.irisDarkP3A,
264
+ ...colors.indigoDarkP3A,
265
+ ...colors.blueDarkP3A,
266
+ ...colors.cyanDarkP3A,
267
+ ...colors.tealDarkP3A,
268
+ ...colors.jadeDarkP3A,
269
+ ...colors.greenDarkP3A,
270
+ ...colors.grassDarkP3A,
271
+ ...colors.limeDarkP3A,
272
+ ...colors.mintDarkP3A,
273
+ ...colors.skyDarkP3A
274
+ };
141
275
 
142
276
  // src/index.ts
143
277
  var BASE_FONT_SIZE = 16;
@@ -168,7 +302,6 @@ var fluid = (params) => {
168
302
  var src_default = config.createConfig({
169
303
  include: [],
170
304
  grid: rem(BASE_GRID_SIZE),
171
- themeSelector: (mode) => mode === "root" ? ":root" : `[data-theme=${mode}]`,
172
305
  responsive: {
173
306
  sm: remBreakpoint(BP_SM),
174
307
  md: remBreakpoint(BP_MD),
@@ -338,6 +471,23 @@ var src_default = config.createConfig({
338
471
  display: "none"
339
472
  }
340
473
  },
474
+ themeSelector: (mode) => {
475
+ const attrSelector = (mode2) => `[data-theme=${mode2}]`;
476
+ const p3 = (modeSelector) => [
477
+ "@supports (color: color(display-p3 1 1 1))",
478
+ "@media (color-gamut: p3)",
479
+ modeSelector
480
+ ];
481
+ if (mode === "root")
482
+ return ":root";
483
+ if (mode === "rootP3")
484
+ return p3(":root");
485
+ if (mode === "lightP3")
486
+ return p3(attrSelector("light"));
487
+ if (mode === "darkP3")
488
+ return p3(attrSelector("dark"));
489
+ return attrSelector(mode);
490
+ },
341
491
  theme: {
342
492
  modes: {
343
493
  root: {
@@ -363,30 +513,54 @@ var src_default = config.createConfig({
363
513
  ...shared,
364
514
  ...dark
365
515
  }
516
+ },
517
+ rootP3: {
518
+ color: {
519
+ current: "currentColor",
520
+ transparent: "transparent",
521
+ ...sharedP3,
522
+ ...lightP3
523
+ }
524
+ },
525
+ lightP3: {
526
+ color: {
527
+ current: "currentColor",
528
+ transparent: "transparent",
529
+ ...sharedP3,
530
+ ...lightP3
531
+ }
532
+ },
533
+ darkP3: {
534
+ color: {
535
+ current: "currentColor",
536
+ transparent: "transparent",
537
+ ...sharedP3,
538
+ ...darkP3
539
+ }
366
540
  }
367
541
  },
368
542
  alpha: {
369
- "0": "0",
370
- "5": "0.05",
371
- "10": "0.1",
372
- "15": "0.15",
373
- "20": "0.2",
374
- "25": "0.25",
375
- "30": "0.3",
376
- "35": "0.35",
377
- "40": "0.4",
378
- "45": "0.45",
379
- "50": "0.5",
380
- "55": "0.55",
381
- "60": "0.6",
382
- "65": "0.65",
383
- "70": "0.7",
384
- "75": "0.75",
385
- "80": "0.8",
386
- "85": "0.85",
387
- "90": "0.9",
388
- "95": "0.95",
389
- "100": "1"
543
+ "0": 0,
544
+ "5": 0.05,
545
+ "10": 0.1,
546
+ "15": 0.15,
547
+ "20": 0.2,
548
+ "25": 0.25,
549
+ "30": 0.3,
550
+ "35": 0.35,
551
+ "40": 0.4,
552
+ "45": 0.45,
553
+ "50": 0.5,
554
+ "55": 0.55,
555
+ "60": 0.6,
556
+ "65": 0.65,
557
+ "70": 0.7,
558
+ "75": 0.75,
559
+ "80": 0.8,
560
+ "85": 0.85,
561
+ "90": 0.9,
562
+ "95": 0.95,
563
+ "100": 1
390
564
  },
391
565
  anim: {
392
566
  none: "none",
@@ -489,7 +663,7 @@ var src_default = config.createConfig({
489
663
  initial: "0 1 auto",
490
664
  none: "none"
491
665
  },
492
- "fluid-height": {
666
+ "fluid-height-clamp": {
493
667
  "min-max": fluid({ property: "fluid-height", from: BP_SM, to: BP_2XL }),
494
668
  "sm-md": fluid({ property: "fluid-height", from: BP_SM, to: BP_MD }),
495
669
  "sm-lg": fluid({ property: "fluid-height", from: BP_SM, to: BP_LG }),
@@ -500,7 +674,7 @@ var src_default = config.createConfig({
500
674
  "lg-xl": fluid({ property: "fluid-height", from: BP_LG, to: BP_XL }),
501
675
  "lg-2xl": fluid({ property: "fluid-height", from: BP_LG, to: BP_2XL })
502
676
  },
503
- "fluid-border-spacing": {
677
+ "fluid-border-spacing-clamp": {
504
678
  "min-max": fluid({ property: "fluid-border-spacing", from: BP_SM, to: BP_2XL }),
505
679
  "sm-md": fluid({ property: "fluid-border-spacing", from: BP_SM, to: BP_MD }),
506
680
  "sm-lg": fluid({ property: "fluid-border-spacing", from: BP_SM, to: BP_LG }),
@@ -511,7 +685,7 @@ var src_default = config.createConfig({
511
685
  "lg-xl": fluid({ property: "fluid-border-spacing", from: BP_LG, to: BP_XL }),
512
686
  "lg-2xl": fluid({ property: "fluid-border-spacing", from: BP_LG, to: BP_2XL })
513
687
  },
514
- "fluid-column-gap": {
688
+ "fluid-column-gap-clamp": {
515
689
  "min-max": fluid({ property: "fluid-column-gap", from: BP_SM, to: BP_2XL }),
516
690
  "sm-md": fluid({ property: "fluid-column-gap", from: BP_SM, to: BP_MD }),
517
691
  "sm-lg": fluid({ property: "fluid-column-gap", from: BP_SM, to: BP_LG }),
@@ -522,7 +696,7 @@ var src_default = config.createConfig({
522
696
  "lg-xl": fluid({ property: "fluid-column-gap", from: BP_LG, to: BP_XL }),
523
697
  "lg-2xl": fluid({ property: "fluid-column-gap", from: BP_LG, to: BP_2XL })
524
698
  },
525
- "fluid-column-width": {
699
+ "fluid-column-width-clamp": {
526
700
  "min-max": fluid({ property: "fluid-column-width", from: BP_SM, to: BP_2XL }),
527
701
  "sm-md": fluid({ property: "fluid-column-width", from: BP_SM, to: BP_MD }),
528
702
  "sm-lg": fluid({ property: "fluid-column-width", from: BP_SM, to: BP_LG }),
@@ -533,7 +707,7 @@ var src_default = config.createConfig({
533
707
  "lg-xl": fluid({ property: "fluid-column-width", from: BP_LG, to: BP_XL }),
534
708
  "lg-2xl": fluid({ property: "fluid-column-width", from: BP_LG, to: BP_2XL })
535
709
  },
536
- "fluid-flex-basis": {
710
+ "fluid-flex-basis-clamp": {
537
711
  "min-max": fluid({ property: "fluid-flex-basis", from: BP_SM, to: BP_2XL }),
538
712
  "sm-md": fluid({ property: "fluid-flex-basis", from: BP_SM, to: BP_MD }),
539
713
  "sm-lg": fluid({ property: "fluid-flex-basis", from: BP_SM, to: BP_LG }),
@@ -545,6 +719,21 @@ var src_default = config.createConfig({
545
719
  "lg-2xl": fluid({ property: "fluid-flex-basis", from: BP_LG, to: BP_2XL })
546
720
  },
547
721
  "fluid-text-size": {
722
+ xs: 12 / BASE_FONT_SIZE,
723
+ sm: 14 / BASE_FONT_SIZE,
724
+ base: 16 / BASE_FONT_SIZE,
725
+ lg: 18 / BASE_FONT_SIZE,
726
+ xl: 20 / BASE_FONT_SIZE,
727
+ "2xl": 24 / BASE_FONT_SIZE,
728
+ "3xl": 30 / BASE_FONT_SIZE,
729
+ "4xl": 36 / BASE_FONT_SIZE,
730
+ "5xl": 48 / BASE_FONT_SIZE,
731
+ "6xl": 60 / BASE_FONT_SIZE,
732
+ "7xl": 72 / BASE_FONT_SIZE,
733
+ "8xl": 96 / BASE_FONT_SIZE,
734
+ "9xl": 128 / BASE_FONT_SIZE
735
+ },
736
+ "fluid-text-size-clamp": {
548
737
  "min-max": fluid({ property: "fluid-text-size", from: BP_SM, to: BP_2XL, divider: 1 }),
549
738
  "sm-md": fluid({ property: "fluid-text-size", from: BP_SM, to: BP_MD, divider: 1 }),
550
739
  "sm-lg": fluid({ property: "fluid-text-size", from: BP_SM, to: BP_LG, divider: 1 }),
@@ -555,7 +744,7 @@ var src_default = config.createConfig({
555
744
  "lg-xl": fluid({ property: "fluid-text-size", from: BP_LG, to: BP_XL, divider: 1 }),
556
745
  "lg-2xl": fluid({ property: "fluid-text-size", from: BP_LG, to: BP_2XL, divider: 1 })
557
746
  },
558
- "fluid-gap": {
747
+ "fluid-gap-clamp": {
559
748
  "min-max": fluid({ property: "fluid-gap", from: BP_SM, to: BP_2XL }),
560
749
  "sm-md": fluid({ property: "fluid-gap", from: BP_SM, to: BP_MD }),
561
750
  "sm-lg": fluid({ property: "fluid-gap", from: BP_SM, to: BP_LG }),
@@ -566,7 +755,7 @@ var src_default = config.createConfig({
566
755
  "lg-xl": fluid({ property: "fluid-gap", from: BP_LG, to: BP_XL }),
567
756
  "lg-2xl": fluid({ property: "fluid-gap", from: BP_LG, to: BP_2XL })
568
757
  },
569
- "fluid-width": {
758
+ "fluid-width-clamp": {
570
759
  "min-max": fluid({ property: "fluid-width", from: BP_SM, to: BP_2XL }),
571
760
  "sm-md": fluid({ property: "fluid-width", from: BP_SM, to: BP_MD }),
572
761
  "sm-lg": fluid({ property: "fluid-width", from: BP_SM, to: BP_LG }),
@@ -577,7 +766,7 @@ var src_default = config.createConfig({
577
766
  "lg-xl": fluid({ property: "fluid-width", from: BP_LG, to: BP_XL }),
578
767
  "lg-2xl": fluid({ property: "fluid-width", from: BP_LG, to: BP_2XL })
579
768
  },
580
- "fluid-inset": {
769
+ "fluid-inset-clamp": {
581
770
  "min-max": fluid({ property: "fluid-inset", from: BP_SM, to: BP_2XL }),
582
771
  "sm-md": fluid({ property: "fluid-inset", from: BP_SM, to: BP_MD }),
583
772
  "sm-lg": fluid({ property: "fluid-inset", from: BP_SM, to: BP_LG }),
@@ -588,7 +777,7 @@ var src_default = config.createConfig({
588
777
  "lg-xl": fluid({ property: "fluid-inset", from: BP_LG, to: BP_XL }),
589
778
  "lg-2xl": fluid({ property: "fluid-inset", from: BP_LG, to: BP_2XL })
590
779
  },
591
- "fluid-inset-y": {
780
+ "fluid-inset-y-clamp": {
592
781
  "min-max": fluid({ property: "fluid-inset-y", from: BP_SM, to: BP_2XL }),
593
782
  "sm-md": fluid({ property: "fluid-inset-y", from: BP_SM, to: BP_MD }),
594
783
  "sm-lg": fluid({ property: "fluid-inset-y", from: BP_SM, to: BP_LG }),
@@ -610,7 +799,7 @@ var src_default = config.createConfig({
610
799
  "lg-xl": fluid({ property: "fluid-bottom", from: BP_LG, to: BP_XL }),
611
800
  "lg-2xl": fluid({ property: "fluid-bottom", from: BP_LG, to: BP_2XL })
612
801
  },
613
- "fluid-top": {
802
+ "fluid-top-clamp": {
614
803
  "min-max": fluid({ property: "fluid-top", from: BP_SM, to: BP_2XL }),
615
804
  "sm-md": fluid({ property: "fluid-top", from: BP_SM, to: BP_MD }),
616
805
  "sm-lg": fluid({ property: "fluid-top", from: BP_SM, to: BP_LG }),
@@ -632,7 +821,7 @@ var src_default = config.createConfig({
632
821
  "lg-xl": fluid({ property: "fluid-inset-x", from: BP_LG, to: BP_XL }),
633
822
  "lg-2xl": fluid({ property: "fluid-inset-x", from: BP_LG, to: BP_2XL })
634
823
  },
635
- "fluid-right": {
824
+ "fluid-right-clamp": {
636
825
  "min-max": fluid({ property: "fluid-right", from: BP_SM, to: BP_2XL }),
637
826
  "sm-md": fluid({ property: "fluid-right", from: BP_SM, to: BP_MD }),
638
827
  "sm-lg": fluid({ property: "fluid-right", from: BP_SM, to: BP_LG }),
@@ -643,7 +832,7 @@ var src_default = config.createConfig({
643
832
  "lg-xl": fluid({ property: "fluid-right", from: BP_LG, to: BP_XL }),
644
833
  "lg-2xl": fluid({ property: "fluid-right", from: BP_LG, to: BP_2XL })
645
834
  },
646
- "fluid-left": {
835
+ "fluid-left-clamp": {
647
836
  "min-max": fluid({ property: "fluid-left", from: BP_SM, to: BP_2XL }),
648
837
  "sm-md": fluid({ property: "fluid-left", from: BP_SM, to: BP_MD }),
649
838
  "sm-lg": fluid({ property: "fluid-left", from: BP_SM, to: BP_LG }),
@@ -665,7 +854,7 @@ var src_default = config.createConfig({
665
854
  "lg-xl": fluid({ property: "fluid-m", from: BP_LG, to: BP_XL }),
666
855
  "lg-2xl": fluid({ property: "fluid-m", from: BP_LG, to: BP_2XL })
667
856
  },
668
- "fluid-my": {
857
+ "fluid-my-clamp": {
669
858
  "min-max": fluid({ property: "fluid-my", from: BP_SM, to: BP_2XL }),
670
859
  "sm-md": fluid({ property: "fluid-my", from: BP_SM, to: BP_MD }),
671
860
  "sm-lg": fluid({ property: "fluid-my", from: BP_SM, to: BP_LG }),
@@ -676,7 +865,7 @@ var src_default = config.createConfig({
676
865
  "lg-xl": fluid({ property: "fluid-my", from: BP_LG, to: BP_XL }),
677
866
  "lg-2xl": fluid({ property: "fluid-my", from: BP_LG, to: BP_2XL })
678
867
  },
679
- "fluid-mb": {
868
+ "fluid-mb-clamp": {
680
869
  "min-max": fluid({ property: "fluid-mb", from: BP_SM, to: BP_2XL }),
681
870
  "sm-md": fluid({ property: "fluid-mb", from: BP_SM, to: BP_MD }),
682
871
  "sm-lg": fluid({ property: "fluid-mb", from: BP_SM, to: BP_LG }),
@@ -687,7 +876,7 @@ var src_default = config.createConfig({
687
876
  "lg-xl": fluid({ property: "fluid-mb", from: BP_LG, to: BP_XL }),
688
877
  "lg-2xl": fluid({ property: "fluid-mb", from: BP_LG, to: BP_2XL })
689
878
  },
690
- "fluid-mt": {
879
+ "fluid-mt-clamp": {
691
880
  "min-max": fluid({ property: "fluid-mt", from: BP_SM, to: BP_2XL }),
692
881
  "sm-md": fluid({ property: "fluid-mt", from: BP_SM, to: BP_MD }),
693
882
  "sm-lg": fluid({ property: "fluid-mt", from: BP_SM, to: BP_LG }),
@@ -698,7 +887,7 @@ var src_default = config.createConfig({
698
887
  "lg-xl": fluid({ property: "fluid-mt", from: BP_LG, to: BP_XL }),
699
888
  "lg-2xl": fluid({ property: "fluid-mt", from: BP_LG, to: BP_2XL })
700
889
  },
701
- "fluid-mx": {
890
+ "fluid-mx-clamp": {
702
891
  "min-max": fluid({ property: "fluid-mx", from: BP_SM, to: BP_2XL }),
703
892
  "sm-md": fluid({ property: "fluid-mx", from: BP_SM, to: BP_MD }),
704
893
  "sm-lg": fluid({ property: "fluid-mx", from: BP_SM, to: BP_LG }),
@@ -709,7 +898,7 @@ var src_default = config.createConfig({
709
898
  "lg-xl": fluid({ property: "fluid-mx", from: BP_LG, to: BP_XL }),
710
899
  "lg-2xl": fluid({ property: "fluid-mx", from: BP_LG, to: BP_2XL })
711
900
  },
712
- "fluid-mr": {
901
+ "fluid-mr-clamp": {
713
902
  "min-max": fluid({ property: "fluid-mr", from: BP_SM, to: BP_2XL }),
714
903
  "sm-md": fluid({ property: "fluid-mr", from: BP_SM, to: BP_MD }),
715
904
  "sm-lg": fluid({ property: "fluid-mr", from: BP_SM, to: BP_LG }),
@@ -720,7 +909,7 @@ var src_default = config.createConfig({
720
909
  "lg-xl": fluid({ property: "fluid-mr", from: BP_LG, to: BP_XL }),
721
910
  "lg-2xl": fluid({ property: "fluid-mr", from: BP_LG, to: BP_2XL })
722
911
  },
723
- "fluid-ml": {
912
+ "fluid-ml-clamp": {
724
913
  "min-max": fluid({ property: "fluid-ml", from: BP_SM, to: BP_2XL }),
725
914
  "sm-md": fluid({ property: "fluid-ml", from: BP_SM, to: BP_MD }),
726
915
  "sm-lg": fluid({ property: "fluid-ml", from: BP_SM, to: BP_LG }),
@@ -731,7 +920,7 @@ var src_default = config.createConfig({
731
920
  "lg-xl": fluid({ property: "fluid-ml", from: BP_LG, to: BP_XL }),
732
921
  "lg-2xl": fluid({ property: "fluid-ml", from: BP_LG, to: BP_2XL })
733
922
  },
734
- "fluid-max-height": {
923
+ "fluid-max-height-clamp": {
735
924
  "min-max": fluid({ property: "fluid-max-height", from: BP_SM, to: BP_2XL }),
736
925
  "sm-md": fluid({ property: "fluid-max-height", from: BP_SM, to: BP_MD }),
737
926
  "sm-lg": fluid({ property: "fluid-max-height", from: BP_SM, to: BP_LG }),
@@ -742,7 +931,7 @@ var src_default = config.createConfig({
742
931
  "lg-xl": fluid({ property: "fluid-max-height", from: BP_LG, to: BP_XL }),
743
932
  "lg-2xl": fluid({ property: "fluid-max-height", from: BP_LG, to: BP_2XL })
744
933
  },
745
- "fluid-max-width": {
934
+ "fluid-max-width-clamp": {
746
935
  "min-max": fluid({ property: "fluid-max-width", from: BP_SM, to: BP_2XL }),
747
936
  "sm-md": fluid({ property: "fluid-max-width", from: BP_SM, to: BP_MD }),
748
937
  "sm-lg": fluid({ property: "fluid-max-width", from: BP_SM, to: BP_LG }),
@@ -753,7 +942,7 @@ var src_default = config.createConfig({
753
942
  "lg-xl": fluid({ property: "fluid-max-width", from: BP_LG, to: BP_XL }),
754
943
  "lg-2xl": fluid({ property: "fluid-max-width", from: BP_LG, to: BP_2XL })
755
944
  },
756
- "fluid-min-height": {
945
+ "fluid-min-height-clamp": {
757
946
  "min-max": fluid({ property: "fluid-min-height", from: BP_SM, to: BP_2XL }),
758
947
  "sm-md": fluid({ property: "fluid-min-height", from: BP_SM, to: BP_MD }),
759
948
  "sm-lg": fluid({ property: "fluid-min-height", from: BP_SM, to: BP_LG }),
@@ -764,7 +953,7 @@ var src_default = config.createConfig({
764
953
  "lg-xl": fluid({ property: "fluid-min-height", from: BP_LG, to: BP_XL }),
765
954
  "lg-2xl": fluid({ property: "fluid-min-height", from: BP_LG, to: BP_2XL })
766
955
  },
767
- "fluid-min-width": {
956
+ "fluid-min-width-clamp": {
768
957
  "min-max": fluid({ property: "fluid-min-width", from: BP_SM, to: BP_2XL }),
769
958
  "sm-md": fluid({ property: "fluid-min-width", from: BP_SM, to: BP_MD }),
770
959
  "sm-lg": fluid({ property: "fluid-min-width", from: BP_SM, to: BP_LG }),
@@ -775,7 +964,7 @@ var src_default = config.createConfig({
775
964
  "lg-xl": fluid({ property: "fluid-min-width", from: BP_LG, to: BP_XL }),
776
965
  "lg-2xl": fluid({ property: "fluid-min-width", from: BP_LG, to: BP_2XL })
777
966
  },
778
- "fluid-p": {
967
+ "fluid-p-clamp": {
779
968
  "min-max": fluid({ property: "fluid-p", from: BP_SM, to: BP_2XL }),
780
969
  "sm-md": fluid({ property: "fluid-p", from: BP_SM, to: BP_MD }),
781
970
  "sm-lg": fluid({ property: "fluid-p", from: BP_SM, to: BP_LG }),
@@ -786,7 +975,7 @@ var src_default = config.createConfig({
786
975
  "lg-xl": fluid({ property: "fluid-p", from: BP_LG, to: BP_XL }),
787
976
  "lg-2xl": fluid({ property: "fluid-p", from: BP_LG, to: BP_2XL })
788
977
  },
789
- "fluid-py": {
978
+ "fluid-py-clamp": {
790
979
  "min-max": fluid({ property: "fluid-py", from: BP_SM, to: BP_2XL }),
791
980
  "sm-md": fluid({ property: "fluid-py", from: BP_SM, to: BP_MD }),
792
981
  "sm-lg": fluid({ property: "fluid-py", from: BP_SM, to: BP_LG }),
@@ -797,7 +986,7 @@ var src_default = config.createConfig({
797
986
  "lg-xl": fluid({ property: "fluid-py", from: BP_LG, to: BP_XL }),
798
987
  "lg-2xl": fluid({ property: "fluid-py", from: BP_LG, to: BP_2XL })
799
988
  },
800
- "fluid-pb": {
989
+ "fluid-pb-clamp": {
801
990
  "min-max": fluid({ property: "fluid-pb", from: BP_SM, to: BP_2XL }),
802
991
  "sm-md": fluid({ property: "fluid-pb", from: BP_SM, to: BP_MD }),
803
992
  "sm-lg": fluid({ property: "fluid-pb", from: BP_SM, to: BP_LG }),
@@ -808,7 +997,7 @@ var src_default = config.createConfig({
808
997
  "lg-xl": fluid({ property: "fluid-pb", from: BP_LG, to: BP_XL }),
809
998
  "lg-2xl": fluid({ property: "fluid-pb", from: BP_LG, to: BP_2XL })
810
999
  },
811
- "fluid-pt": {
1000
+ "fluid-pt-clamp": {
812
1001
  "min-max": fluid({ property: "fluid-pt", from: BP_SM, to: BP_2XL }),
813
1002
  "sm-md": fluid({ property: "fluid-pt", from: BP_SM, to: BP_MD }),
814
1003
  "sm-lg": fluid({ property: "fluid-pt", from: BP_SM, to: BP_LG }),
@@ -819,7 +1008,7 @@ var src_default = config.createConfig({
819
1008
  "lg-xl": fluid({ property: "fluid-pt", from: BP_LG, to: BP_XL }),
820
1009
  "lg-2xl": fluid({ property: "fluid-pt", from: BP_LG, to: BP_2XL })
821
1010
  },
822
- "fluid-px": {
1011
+ "fluid-px-clamp": {
823
1012
  "min-max": fluid({ property: "fluid-px", from: BP_SM, to: BP_2XL }),
824
1013
  "sm-md": fluid({ property: "fluid-px", from: BP_SM, to: BP_MD }),
825
1014
  "sm-lg": fluid({ property: "fluid-px", from: BP_SM, to: BP_LG }),
@@ -830,7 +1019,7 @@ var src_default = config.createConfig({
830
1019
  "lg-xl": fluid({ property: "fluid-px", from: BP_LG, to: BP_XL }),
831
1020
  "lg-2xl": fluid({ property: "fluid-px", from: BP_LG, to: BP_2XL })
832
1021
  },
833
- "fluid-pr": {
1022
+ "fluid-pr-clamp": {
834
1023
  "min-max": fluid({ property: "fluid-pr", from: BP_SM, to: BP_2XL }),
835
1024
  "sm-md": fluid({ property: "fluid-pr", from: BP_SM, to: BP_MD }),
836
1025
  "sm-lg": fluid({ property: "fluid-pr", from: BP_SM, to: BP_LG }),
@@ -841,7 +1030,7 @@ var src_default = config.createConfig({
841
1030
  "lg-xl": fluid({ property: "fluid-pr", from: BP_LG, to: BP_XL }),
842
1031
  "lg-2xl": fluid({ property: "fluid-pr", from: BP_LG, to: BP_2XL })
843
1032
  },
844
- "fluid-pl": {
1033
+ "fluid-pl-clamp": {
845
1034
  "min-max": fluid({ property: "fluid-pl", from: BP_SM, to: BP_2XL }),
846
1035
  "sm-md": fluid({ property: "fluid-pl", from: BP_SM, to: BP_MD }),
847
1036
  "sm-lg": fluid({ property: "fluid-pl", from: BP_SM, to: BP_LG }),
@@ -852,7 +1041,7 @@ var src_default = config.createConfig({
852
1041
  "lg-xl": fluid({ property: "fluid-pl", from: BP_LG, to: BP_XL }),
853
1042
  "lg-2xl": fluid({ property: "fluid-pl", from: BP_LG, to: BP_2XL })
854
1043
  },
855
- "fluid-row-gap": {
1044
+ "fluid-row-gap-clamp": {
856
1045
  "min-max": fluid({ property: "fluid-row-gap", from: BP_SM, to: BP_2XL }),
857
1046
  "sm-md": fluid({ property: "fluid-row-gap", from: BP_SM, to: BP_MD }),
858
1047
  "sm-lg": fluid({ property: "fluid-row-gap", from: BP_SM, to: BP_LG }),
@@ -863,7 +1052,7 @@ var src_default = config.createConfig({
863
1052
  "lg-xl": fluid({ property: "fluid-row-gap", from: BP_LG, to: BP_XL }),
864
1053
  "lg-2xl": fluid({ property: "fluid-row-gap", from: BP_LG, to: BP_2XL })
865
1054
  },
866
- "fluid-scroll-m": {
1055
+ "fluid-scroll-m-clamp": {
867
1056
  "min-max": fluid({ property: "fluid-scroll-m", from: BP_SM, to: BP_2XL }),
868
1057
  "sm-md": fluid({ property: "fluid-scroll-m", from: BP_SM, to: BP_MD }),
869
1058
  "sm-lg": fluid({ property: "fluid-scroll-m", from: BP_SM, to: BP_LG }),
@@ -874,7 +1063,7 @@ var src_default = config.createConfig({
874
1063
  "lg-xl": fluid({ property: "fluid-scroll-m", from: BP_LG, to: BP_XL }),
875
1064
  "lg-2xl": fluid({ property: "fluid-scroll-m", from: BP_LG, to: BP_2XL })
876
1065
  },
877
- "fluid-scroll-my": {
1066
+ "fluid-scroll-my-clamp": {
878
1067
  "min-max": fluid({ property: "fluid-scroll-my", from: BP_SM, to: BP_2XL }),
879
1068
  "sm-md": fluid({ property: "fluid-scroll-my", from: BP_SM, to: BP_MD }),
880
1069
  "sm-lg": fluid({ property: "fluid-scroll-my", from: BP_SM, to: BP_LG }),
@@ -885,7 +1074,7 @@ var src_default = config.createConfig({
885
1074
  "lg-xl": fluid({ property: "fluid-scroll-my", from: BP_LG, to: BP_XL }),
886
1075
  "lg-2xl": fluid({ property: "fluid-scroll-my", from: BP_LG, to: BP_2XL })
887
1076
  },
888
- "fluid-scroll-mb": {
1077
+ "fluid-scroll-mb-clamp": {
889
1078
  "min-max": fluid({ property: "fluid-scroll-mb", from: BP_SM, to: BP_2XL }),
890
1079
  "sm-md": fluid({ property: "fluid-scroll-mb", from: BP_SM, to: BP_MD }),
891
1080
  "sm-lg": fluid({ property: "fluid-scroll-mb", from: BP_SM, to: BP_LG }),
@@ -896,7 +1085,7 @@ var src_default = config.createConfig({
896
1085
  "lg-xl": fluid({ property: "fluid-scroll-mb", from: BP_LG, to: BP_XL }),
897
1086
  "lg-2xl": fluid({ property: "fluid-scroll-mb", from: BP_LG, to: BP_2XL })
898
1087
  },
899
- "fluid-scroll-mt": {
1088
+ "fluid-scroll-mt-clamp": {
900
1089
  "min-max": fluid({ property: "fluid-scroll-mt", from: BP_SM, to: BP_2XL }),
901
1090
  "sm-md": fluid({ property: "fluid-scroll-mt", from: BP_SM, to: BP_MD }),
902
1091
  "sm-lg": fluid({ property: "fluid-scroll-mt", from: BP_SM, to: BP_LG }),
@@ -907,7 +1096,7 @@ var src_default = config.createConfig({
907
1096
  "lg-xl": fluid({ property: "fluid-scroll-mt", from: BP_LG, to: BP_XL }),
908
1097
  "lg-2xl": fluid({ property: "fluid-scroll-mt", from: BP_LG, to: BP_2XL })
909
1098
  },
910
- "fluid-scroll-mx": {
1099
+ "fluid-scroll-mx-clamp": {
911
1100
  "min-max": fluid({ property: "fluid-scroll-mx", from: BP_SM, to: BP_2XL }),
912
1101
  "sm-md": fluid({ property: "fluid-scroll-mx", from: BP_SM, to: BP_MD }),
913
1102
  "sm-lg": fluid({ property: "fluid-scroll-mx", from: BP_SM, to: BP_LG }),
@@ -918,7 +1107,7 @@ var src_default = config.createConfig({
918
1107
  "lg-xl": fluid({ property: "fluid-scroll-mx", from: BP_LG, to: BP_XL }),
919
1108
  "lg-2xl": fluid({ property: "fluid-scroll-mx", from: BP_LG, to: BP_2XL })
920
1109
  },
921
- "fluid-scroll-mr": {
1110
+ "fluid-scroll-mr-clamp": {
922
1111
  "min-max": fluid({ property: "fluid-scroll-mr", from: BP_SM, to: BP_2XL }),
923
1112
  "sm-md": fluid({ property: "fluid-scroll-mr", from: BP_SM, to: BP_MD }),
924
1113
  "sm-lg": fluid({ property: "fluid-scroll-mr", from: BP_SM, to: BP_LG }),
@@ -929,7 +1118,7 @@ var src_default = config.createConfig({
929
1118
  "lg-xl": fluid({ property: "fluid-scroll-mr", from: BP_LG, to: BP_XL }),
930
1119
  "lg-2xl": fluid({ property: "fluid-scroll-mr", from: BP_LG, to: BP_2XL })
931
1120
  },
932
- "fluid-scroll-ml": {
1121
+ "fluid-scroll-ml-clamp": {
933
1122
  "min-max": fluid({ property: "fluid-scroll-ml", from: BP_SM, to: BP_2XL }),
934
1123
  "sm-md": fluid({ property: "fluid-scroll-ml", from: BP_SM, to: BP_MD }),
935
1124
  "sm-lg": fluid({ property: "fluid-scroll-ml", from: BP_SM, to: BP_LG }),
@@ -940,7 +1129,7 @@ var src_default = config.createConfig({
940
1129
  "lg-xl": fluid({ property: "fluid-scroll-ml", from: BP_LG, to: BP_XL }),
941
1130
  "lg-2xl": fluid({ property: "fluid-scroll-ml", from: BP_LG, to: BP_2XL })
942
1131
  },
943
- "fluid-scroll-p": {
1132
+ "fluid-scroll-p-clamp": {
944
1133
  "min-max": fluid({ property: "fluid-scroll-p", from: BP_SM, to: BP_2XL }),
945
1134
  "sm-md": fluid({ property: "fluid-scroll-p", from: BP_SM, to: BP_MD }),
946
1135
  "sm-lg": fluid({ property: "fluid-scroll-p", from: BP_SM, to: BP_LG }),
@@ -951,7 +1140,7 @@ var src_default = config.createConfig({
951
1140
  "lg-xl": fluid({ property: "fluid-scroll-p", from: BP_LG, to: BP_XL }),
952
1141
  "lg-2xl": fluid({ property: "fluid-scroll-p", from: BP_LG, to: BP_2XL })
953
1142
  },
954
- "fluid-scroll-py": {
1143
+ "fluid-scroll-py-clamp": {
955
1144
  "min-max": fluid({ property: "fluid-scroll-py", from: BP_SM, to: BP_2XL }),
956
1145
  "sm-md": fluid({ property: "fluid-scroll-py", from: BP_SM, to: BP_MD }),
957
1146
  "sm-lg": fluid({ property: "fluid-scroll-py", from: BP_SM, to: BP_LG }),
@@ -962,7 +1151,7 @@ var src_default = config.createConfig({
962
1151
  "lg-xl": fluid({ property: "fluid-scroll-py", from: BP_LG, to: BP_XL }),
963
1152
  "lg-2xl": fluid({ property: "fluid-scroll-py", from: BP_LG, to: BP_2XL })
964
1153
  },
965
- "fluid-scroll-pb": {
1154
+ "fluid-scroll-pb-clamp": {
966
1155
  "min-max": fluid({ property: "fluid-scroll-pb", from: BP_SM, to: BP_2XL }),
967
1156
  "sm-md": fluid({ property: "fluid-scroll-pb", from: BP_SM, to: BP_MD }),
968
1157
  "sm-lg": fluid({ property: "fluid-scroll-pb", from: BP_SM, to: BP_LG }),
@@ -973,7 +1162,7 @@ var src_default = config.createConfig({
973
1162
  "lg-xl": fluid({ property: "fluid-scroll-pb", from: BP_LG, to: BP_XL }),
974
1163
  "lg-2xl": fluid({ property: "fluid-scroll-pb", from: BP_LG, to: BP_2XL })
975
1164
  },
976
- "fluid-scroll-pt": {
1165
+ "fluid-scroll-pt-clamp": {
977
1166
  "min-max": fluid({ property: "fluid-scroll-pt", from: BP_SM, to: BP_2XL }),
978
1167
  "sm-md": fluid({ property: "fluid-scroll-pt", from: BP_SM, to: BP_MD }),
979
1168
  "sm-lg": fluid({ property: "fluid-scroll-pt", from: BP_SM, to: BP_LG }),
@@ -984,7 +1173,7 @@ var src_default = config.createConfig({
984
1173
  "lg-xl": fluid({ property: "fluid-scroll-pt", from: BP_LG, to: BP_XL }),
985
1174
  "lg-2xl": fluid({ property: "fluid-scroll-pt", from: BP_LG, to: BP_2XL })
986
1175
  },
987
- "fluid-scroll-px": {
1176
+ "fluid-scroll-px-clamp": {
988
1177
  "min-max": fluid({ property: "fluid-scroll-px", from: BP_SM, to: BP_2XL }),
989
1178
  "sm-md": fluid({ property: "fluid-scroll-px", from: BP_SM, to: BP_MD }),
990
1179
  "sm-lg": fluid({ property: "fluid-scroll-px", from: BP_SM, to: BP_LG }),
@@ -995,7 +1184,7 @@ var src_default = config.createConfig({
995
1184
  "lg-xl": fluid({ property: "fluid-scroll-px", from: BP_LG, to: BP_XL }),
996
1185
  "lg-2xl": fluid({ property: "fluid-scroll-px", from: BP_LG, to: BP_2XL })
997
1186
  },
998
- "fluid-scroll-pr": {
1187
+ "fluid-scroll-pr-clamp": {
999
1188
  "min-max": fluid({ property: "fluid-scroll-pr", from: BP_SM, to: BP_2XL }),
1000
1189
  "sm-md": fluid({ property: "fluid-scroll-pr", from: BP_SM, to: BP_MD }),
1001
1190
  "sm-lg": fluid({ property: "fluid-scroll-pr", from: BP_SM, to: BP_LG }),
@@ -1006,7 +1195,7 @@ var src_default = config.createConfig({
1006
1195
  "lg-xl": fluid({ property: "fluid-scroll-pr", from: BP_LG, to: BP_XL }),
1007
1196
  "lg-2xl": fluid({ property: "fluid-scroll-pr", from: BP_LG, to: BP_2XL })
1008
1197
  },
1009
- "fluid-scroll-pl": {
1198
+ "fluid-scroll-pl-clamp": {
1010
1199
  "min-max": fluid({ property: "fluid-scroll-pl", from: BP_SM, to: BP_2XL }),
1011
1200
  "sm-md": fluid({ property: "fluid-scroll-pl", from: BP_SM, to: BP_MD }),
1012
1201
  "sm-lg": fluid({ property: "fluid-scroll-pl", from: BP_SM, to: BP_LG }),
@@ -1017,7 +1206,7 @@ var src_default = config.createConfig({
1017
1206
  "lg-xl": fluid({ property: "fluid-scroll-pl", from: BP_LG, to: BP_XL }),
1018
1207
  "lg-2xl": fluid({ property: "fluid-scroll-pl", from: BP_LG, to: BP_2XL })
1019
1208
  },
1020
- "fluid-stroke-width": {
1209
+ "fluid-stroke-width-clamp": {
1021
1210
  "min-max": fluid({ property: "fluid-stroke-width", from: BP_SM, to: BP_2XL }),
1022
1211
  "sm-md": fluid({ property: "fluid-stroke-width", from: BP_SM, to: BP_MD }),
1023
1212
  "sm-lg": fluid({ property: "fluid-stroke-width", from: BP_SM, to: BP_LG }),
@@ -1028,7 +1217,7 @@ var src_default = config.createConfig({
1028
1217
  "lg-xl": fluid({ property: "fluid-stroke-width", from: BP_LG, to: BP_XL }),
1029
1218
  "lg-2xl": fluid({ property: "fluid-stroke-width", from: BP_LG, to: BP_2XL })
1030
1219
  },
1031
- "fluid-text-indent": {
1220
+ "fluid-text-indent-clamp": {
1032
1221
  "min-max": fluid({ property: "fluid-text-indent", from: BP_SM, to: BP_2XL }),
1033
1222
  "sm-md": fluid({ property: "fluid-text-indent", from: BP_SM, to: BP_MD }),
1034
1223
  "sm-lg": fluid({ property: "fluid-text-indent", from: BP_SM, to: BP_LG }),
@@ -1055,7 +1244,7 @@ var src_default = config.createConfig({
1055
1244
  "to-tl": optionalViaGradient("to top left")
1056
1245
  },
1057
1246
  space: {
1058
- "0": "0",
1247
+ "0": 0,
1059
1248
  px: rem(1),
1060
1249
  auto: "auto",
1061
1250
  half: "50%",
@@ -1089,7 +1278,7 @@ var src_default = config.createConfig({
1089
1278
  "8": `${rem(8)} solid`
1090
1279
  },
1091
1280
  "line-size": {
1092
- "0": "0 ",
1281
+ "0": 0,
1093
1282
  px: rem(1),
1094
1283
  "2": rem(2),
1095
1284
  "4": rem(4),
@@ -1104,12 +1293,12 @@ var src_default = config.createConfig({
1104
1293
  "8": rem(32),
1105
1294
  "9": rem(36),
1106
1295
  "10": rem(40),
1107
- none: "1",
1108
- tight: "1.25",
1109
- snug: "1.375",
1110
- normal: "1.5",
1111
- relaxed: "1.625",
1112
- loose: "2"
1296
+ none: 1,
1297
+ tight: 1.25,
1298
+ snug: 1.375,
1299
+ normal: 1.5,
1300
+ relaxed: 1.625,
1301
+ loose: 2
1113
1302
  },
1114
1303
  morph: {
1115
1304
  none: "none",
@@ -1121,14 +1310,14 @@ var src_default = config.createConfig({
1121
1310
  transform: `transform cubic-bezier(0.4, 0, 0.2, 1) 150ms`
1122
1311
  },
1123
1312
  offset: {
1124
- "0": "0",
1313
+ "0": 0,
1125
1314
  px: rem(1),
1126
1315
  "2": rem(2),
1127
1316
  "4": rem(4),
1128
1317
  "8": rem(8)
1129
1318
  },
1130
1319
  radii: {
1131
- none: "0",
1320
+ none: 0,
1132
1321
  sm: rem(2),
1133
1322
  base: rem(4),
1134
1323
  md: rem(6),
@@ -1154,7 +1343,7 @@ var src_default = config.createConfig({
1154
1343
  none: "none"
1155
1344
  },
1156
1345
  size: {
1157
- "0": "0",
1346
+ "0": 0,
1158
1347
  px: rem(1),
1159
1348
  auto: "auto",
1160
1349
  fit: "fit-content",
@@ -1264,15 +1453,15 @@ var src_default = config.createConfig({
1264
1453
  widest: "0.1em"
1265
1454
  },
1266
1455
  weight: {
1267
- thin: "100",
1268
- extralight: "200",
1269
- light: "300",
1270
- normal: "400",
1271
- medium: "500",
1272
- semibold: "600",
1273
- bold: "700",
1274
- extrabold: "800",
1275
- black: "900"
1456
+ thin: 100,
1457
+ extralight: 200,
1458
+ light: 300,
1459
+ normal: 400,
1460
+ medium: 500,
1461
+ semibold: 600,
1462
+ bold: 700,
1463
+ extrabold: 800,
1464
+ black: 900
1276
1465
  }
1277
1466
  },
1278
1467
  selectors: {
@@ -1454,7 +1643,7 @@ var src_default = config.createConfig({
1454
1643
  "background-image": ["gradient"],
1455
1644
  "background-position-x": ["grid", "space"],
1456
1645
  "background-position-y": ["grid", "space"],
1457
- "block-size": ["size", "grid", "fluid-height"],
1646
+ "block-size": ["size", "grid", "fluid-height-clamp"],
1458
1647
  "block-size-min": ["number"],
1459
1648
  "block-size-max": ["number"],
1460
1649
  border: ["line"],
@@ -1497,21 +1686,21 @@ var src_default = config.createConfig({
1497
1686
  "border-start-start-radius": ["radii"],
1498
1687
  "border-end-start-radius": ["radii"],
1499
1688
  "border-end-end-radius": ["radii"],
1500
- "border-spacing": ["grid", "fluid-border-spacing"],
1689
+ "border-spacing": ["grid", "fluid-border-spacing-clamp"],
1501
1690
  bottom: ["grid", "space", "fluid-bottom"],
1502
1691
  "box-shadow": ["shadow"],
1503
1692
  "caret-color": ["color"],
1504
1693
  color: ["color"],
1505
- "column-gap": ["grid", "fluid-column-gap"],
1694
+ "column-gap": ["grid", "fluid-column-gap-clamp"],
1506
1695
  "column-rule": ["line"],
1507
1696
  "column-rule-color": ["color"],
1508
1697
  "column-rule-width": ["line-size"],
1509
1698
  columns: ["col"],
1510
- "column-width": ["size", "grid", "fluid-column-width"],
1699
+ "column-width": ["size", "grid", "fluid-column-width-clamp"],
1511
1700
  filter: ["effect", "drop-shadow"],
1512
1701
  fill: ["color"],
1513
1702
  flex: ["flex"],
1514
- "flex-basis": ["grid", "space", "fluid-flex-basis"],
1703
+ "flex-basis": ["grid", "space", "fluid-flex-basis-clamp"],
1515
1704
  "flex-basis-min": ["number"],
1516
1705
  "flex-basis-max": ["number"],
1517
1706
  "fluid-height-min": ["number"],
@@ -1524,8 +1713,8 @@ var src_default = config.createConfig({
1524
1713
  "fluid-column-width-max": ["number"],
1525
1714
  "fluid-flex-basis-min": ["number"],
1526
1715
  "fluid-flex-basis-max": ["number"],
1527
- "fluid-text-size-min": ["number"],
1528
- "fluid-text-size-max": ["number"],
1716
+ "fluid-text-size-min": ["fluid-text-size"],
1717
+ "fluid-text-size-max": ["fluid-text-size"],
1529
1718
  "fluid-gap-min": ["number"],
1530
1719
  "fluid-gap-max": ["number"],
1531
1720
  "fluid-width-min": ["number"],
@@ -1616,10 +1805,10 @@ var src_default = config.createConfig({
1616
1805
  "fluid-text-indent-max": ["number"],
1617
1806
  font: ["text"],
1618
1807
  "font-family": ["font"],
1619
- "font-size": ["text-size", "fluid-text-size"],
1808
+ "font-size": ["text-size", "fluid-text-size-clamp"],
1620
1809
  "font-weight": ["weight"],
1621
1810
  "line-height": ["leading"],
1622
- gap: ["grid", "fluid-gap"],
1811
+ gap: ["grid", "fluid-gap-clamp"],
1623
1812
  "gradient-from": ["color"],
1624
1813
  "gradient-from-stop": ["stop"],
1625
1814
  "gradient-to": ["color"],
@@ -1630,88 +1819,88 @@ var src_default = config.createConfig({
1630
1819
  "grid-row": ["span"],
1631
1820
  "grid-template-rows": ["grid-span"],
1632
1821
  "grid-template-columns": ["grid-span"],
1633
- height: ["size", "grid", "fluid-height"],
1634
- "inline-size": ["size", "grid", "fluid-width"],
1635
- inset: ["grid", "space", "fluid-inset"],
1636
- "inset-block": ["grid", "space", "fluid-inset-y"],
1822
+ height: ["size", "grid", "fluid-height-clamp"],
1823
+ "inline-size": ["size", "grid", "fluid-width-clamp"],
1824
+ inset: ["grid", "space", "fluid-inset-clamp"],
1825
+ "inset-block": ["grid", "space", "fluid-inset-y-clamp"],
1637
1826
  "inset-block-end": ["grid", "space", "fluid-bottom"],
1638
- "inset-block-start": ["grid", "space", "fluid-top"],
1827
+ "inset-block-start": ["grid", "space", "fluid-top-clamp"],
1639
1828
  "inset-inline": ["grid", "space", "fluid-inset-x"],
1640
- "inset-inline-end": ["grid", "space", "fluid-right"],
1641
- "inset-inline-start": ["grid", "space", "fluid-left"],
1642
- left: ["grid", "space", "fluid-left"],
1829
+ "inset-inline-end": ["grid", "space", "fluid-right-clamp"],
1830
+ "inset-inline-start": ["grid", "space", "fluid-left-clamp"],
1831
+ left: ["grid", "space", "fluid-left-clamp"],
1643
1832
  "letter-spacing": ["tracking"],
1644
1833
  margin: ["grid", "fluid-m"],
1645
- "margin-block": ["grid", "fluid-my"],
1646
- "margin-block-end": ["grid", "fluid-mb"],
1647
- "margin-block-start": ["grid", "fluid-mt"],
1834
+ "margin-block": ["grid", "fluid-my-clamp"],
1835
+ "margin-block-end": ["grid", "fluid-mb-clamp"],
1836
+ "margin-block-start": ["grid", "fluid-mt-clamp"],
1648
1837
  "margin-inline": ["grid", "fluid-mx"],
1649
- "margin-inline-end": ["grid", "fluid-mr"],
1650
- "margin-inline-start": ["grid", "fluid-ml"],
1651
- "margin-top": ["grid", "fluid-mt"],
1652
- "margin-right": ["grid", "fluid-mr"],
1653
- "margin-bottom": ["grid", "fluid-mb"],
1654
- "margin-left": ["grid", "fluid-ml"],
1655
- "max-block-size": ["size", "grid", "fluid-max-height"],
1656
- "max-height": ["size", "grid", "fluid-max-width"],
1657
- "max-inline-size": ["size", "grid", "fluid-max-width"],
1658
- "max-width": ["size", "grid", "fluid-max-height"],
1659
- "min-block-size": ["size", "grid", "fluid-min-height"],
1660
- "min-height": ["size", "grid", "fluid-min-width"],
1661
- "min-inline-size": ["size", "grid", "fluid-min-width"],
1662
- "min-width": ["size", "grid", "fluid-min-height"],
1838
+ "margin-inline-end": ["grid", "fluid-mr-clamp"],
1839
+ "margin-inline-start": ["grid", "fluid-ml-clamp"],
1840
+ "margin-top": ["grid", "fluid-mt-clamp"],
1841
+ "margin-right": ["grid", "fluid-mr-clamp"],
1842
+ "margin-bottom": ["grid", "fluid-mb-clamp"],
1843
+ "margin-left": ["grid", "fluid-ml-clamp"],
1844
+ "max-block-size": ["size", "grid", "fluid-max-height-clamp"],
1845
+ "max-height": ["size", "grid", "fluid-max-width-clamp"],
1846
+ "max-inline-size": ["size", "grid", "fluid-max-width-clamp"],
1847
+ "max-width": ["size", "grid", "fluid-max-height-clamp"],
1848
+ "min-block-size": ["size", "grid", "fluid-min-height-clamp"],
1849
+ "min-height": ["size", "grid", "fluid-min-width-clamp"],
1850
+ "min-inline-size": ["size", "grid", "fluid-min-width-clamp"],
1851
+ "min-width": ["size", "grid", "fluid-min-height-clamp"],
1663
1852
  opacity: ["alpha"],
1664
1853
  outline: ["line"],
1665
1854
  "outline-color": ["color"],
1666
1855
  "outline-width": ["line-size"],
1667
1856
  "outline-offset": ["offset"],
1668
1857
  padding: ["grid", "fluid-p"],
1669
- "padding-block": ["grid", "fluid-py"],
1670
- "padding-block-end": ["grid", "fluid-pb"],
1671
- "padding-block-start": ["grid", "fluid-pt"],
1858
+ "padding-block": ["grid", "fluid-py-clamp"],
1859
+ "padding-block-end": ["grid", "fluid-pb-clamp"],
1860
+ "padding-block-start": ["grid", "fluid-pt-clamp"],
1672
1861
  "padding-inline": ["grid", "fluid-px"],
1673
- "padding-inline-end": ["grid", "fluid-pr"],
1674
- "padding-inline-start": ["grid", "fluid-pl"],
1675
- "padding-top": ["grid", "fluid-pt"],
1676
- "padding-right": ["grid", "fluid-pr"],
1677
- "padding-bottom": ["grid", "fluid-pb"],
1678
- "padding-left": ["grid", "fluid-pl"],
1679
- right: ["grid", "space", "fluid-right"],
1680
- "row-gap": ["grid", "fluid-row-gap"],
1862
+ "padding-inline-end": ["grid", "fluid-pr-clamp"],
1863
+ "padding-inline-start": ["grid", "fluid-pl-clamp"],
1864
+ "padding-top": ["grid", "fluid-pt-clamp"],
1865
+ "padding-right": ["grid", "fluid-pr-clamp"],
1866
+ "padding-bottom": ["grid", "fluid-pb-clamp"],
1867
+ "padding-left": ["grid", "fluid-pl-clamp"],
1868
+ right: ["grid", "space", "fluid-right-clamp"],
1869
+ "row-gap": ["grid", "fluid-row-gap-clamp"],
1681
1870
  "scroll-margin": ["grid", "fluid-scroll-m"],
1682
- "scroll-margin-block": ["grid", "fluid-scroll-my"],
1683
- "scroll-margin-block-end": ["grid", "fluid-scroll-mb"],
1684
- "scroll-margin-block-start": ["grid", "fluid-scroll-mt"],
1871
+ "scroll-margin-block": ["grid", "fluid-scroll-my-clamp"],
1872
+ "scroll-margin-block-end": ["grid", "fluid-scroll-mb-clamp"],
1873
+ "scroll-margin-block-start": ["grid", "fluid-scroll-mt-clamp"],
1685
1874
  "scroll-margin-inline": ["grid", "fluid-scroll-mx"],
1686
- "scroll-margin-inline-end": ["grid", "fluid-scroll-mr"],
1687
- "scroll-margin-inline-start": ["grid", "fluid-scroll-ml"],
1688
- "scroll-margin-top": ["grid", "fluid-scroll-mt"],
1689
- "scroll-margin-right": ["grid", "fluid-scroll-mr"],
1690
- "scroll-margin-bottom": ["grid", "fluid-scroll-mb"],
1691
- "scroll-margin-left": ["grid", "fluid-scroll-ml"],
1692
- "scroll-padding": ["grid", "fluid-scroll-p"],
1693
- "scroll-padding-block": ["grid", "fluid-scroll-py"],
1694
- "scroll-padding-block-end": ["grid", "fluid-scroll-pb"],
1695
- "scroll-padding-block-start": ["grid", "fluid-scroll-pt"],
1875
+ "scroll-margin-inline-end": ["grid", "fluid-scroll-mr-clamp"],
1876
+ "scroll-margin-inline-start": ["grid", "fluid-scroll-ml-clamp"],
1877
+ "scroll-margin-top": ["grid", "fluid-scroll-mt-clamp"],
1878
+ "scroll-margin-right": ["grid", "fluid-scroll-mr-clamp"],
1879
+ "scroll-margin-bottom": ["grid", "fluid-scroll-mb-clamp"],
1880
+ "scroll-margin-left": ["grid", "fluid-scroll-ml-clamp"],
1881
+ "scroll-padding": ["grid", "fluid-scroll-p-clamp"],
1882
+ "scroll-padding-block": ["grid", "fluid-scroll-py-clamp"],
1883
+ "scroll-padding-block-end": ["grid", "fluid-scroll-pb-clamp"],
1884
+ "scroll-padding-block-start": ["grid", "fluid-scroll-pt-clamp"],
1696
1885
  "scroll-padding-inline": ["grid", "fluid-scroll-px"],
1697
- "scroll-padding-inline-end": ["grid", "fluid-scroll-pr"],
1698
- "scroll-padding-inline-start": ["grid", "fluid-scroll-pl"],
1699
- "scroll-padding-top": ["grid", "fluid-scroll-pt"],
1700
- "scroll-padding-right": ["grid", "fluid-scroll-pr"],
1701
- "scroll-padding-bottom": ["grid", "fluid-scroll-pb"],
1702
- "scroll-padding-left": ["grid", "fluid-scroll-pl"],
1886
+ "scroll-padding-inline-end": ["grid", "fluid-scroll-pr-clamp"],
1887
+ "scroll-padding-inline-start": ["grid", "fluid-scroll-pl-clamp"],
1888
+ "scroll-padding-top": ["grid", "fluid-scroll-pt-clamp"],
1889
+ "scroll-padding-right": ["grid", "fluid-scroll-pr-clamp"],
1890
+ "scroll-padding-bottom": ["grid", "fluid-scroll-pb-clamp"],
1891
+ "scroll-padding-left": ["grid", "fluid-scroll-pl-clamp"],
1703
1892
  "shadow-color": ["color"],
1704
1893
  stroke: ["color"],
1705
- "stroke-width": ["grid", "fluid-stroke-width"],
1894
+ "stroke-width": ["grid", "fluid-stroke-width-clamp"],
1706
1895
  "text-decoration-color": ["color"],
1707
- "text-indent": ["grid", "fluid-text-indent"],
1896
+ "text-indent": ["grid", "fluid-text-indent-clamp"],
1708
1897
  "text-shadow": ["shadow"],
1709
- top: ["grid", "space", "fluid-top"],
1898
+ top: ["grid", "space", "fluid-top-clamp"],
1710
1899
  transition: ["morph"],
1711
1900
  "transition-duration": ["time"],
1712
1901
  "transition-timing-function": ["ease"],
1713
1902
  "transition-delay": ["time"],
1714
- width: ["size", "grid", "fluid-width"]
1903
+ width: ["size", "grid", "fluid-width-clamp"]
1715
1904
  }
1716
1905
  });
1717
1906