@csszyx/compiler 0.1.3 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs +51 -4
  2. package/dist/index.d.cts +43 -1
  3. package/dist/index.d.ts +43 -1
  4. package/dist/index.js +51 -4
  5. package/package.json +2 -2
package/dist/index.cjs CHANGED
@@ -83,6 +83,8 @@ var PROPERTY_CATEGORY_MAP = {
83
83
  py: 0 /* SPACING */,
84
84
  ps: 0 /* SPACING */,
85
85
  pe: 0 /* SPACING */,
86
+ pbs: 0 /* SPACING */,
87
+ pbe: 0 /* SPACING */,
86
88
  m: 0 /* SPACING */,
87
89
  mt: 0 /* SPACING */,
88
90
  mr: 0 /* SPACING */,
@@ -92,6 +94,8 @@ var PROPERTY_CATEGORY_MAP = {
92
94
  my: 0 /* SPACING */,
93
95
  ms: 0 /* SPACING */,
94
96
  me: 0 /* SPACING */,
97
+ mbs: 0 /* SPACING */,
98
+ mbe: 0 /* SPACING */,
95
99
  spaceX: 0 /* SPACING */,
96
100
  spaceY: 0 /* SPACING */,
97
101
  gap: 0 /* SPACING */,
@@ -106,6 +110,10 @@ var PROPERTY_CATEGORY_MAP = {
106
110
  left: 0 /* SPACING */,
107
111
  start: 0 /* SPACING */,
108
112
  end: 0 /* SPACING */,
113
+ insetS: 0 /* SPACING */,
114
+ insetE: 0 /* SPACING */,
115
+ insetBs: 0 /* SPACING */,
116
+ insetBe: 0 /* SPACING */,
109
117
  w: 0 /* SPACING */,
110
118
  minW: 0 /* SPACING */,
111
119
  maxW: 0 /* SPACING */,
@@ -113,6 +121,12 @@ var PROPERTY_CATEGORY_MAP = {
113
121
  minH: 0 /* SPACING */,
114
122
  maxH: 0 /* SPACING */,
115
123
  size: 0 /* SPACING */,
124
+ blockSize: 0 /* SPACING */,
125
+ minBlockSize: 0 /* SPACING */,
126
+ maxBlockSize: 0 /* SPACING */,
127
+ inlineSize: 0 /* SPACING */,
128
+ minInlineSize: 0 /* SPACING */,
129
+ maxInlineSize: 0 /* SPACING */,
116
130
  basis: 0 /* SPACING */,
117
131
  indent: 0 /* SPACING */,
118
132
  scrollM: 0 /* SPACING */,
@@ -133,6 +147,10 @@ var PROPERTY_CATEGORY_MAP = {
133
147
  scrollPe: 0 /* SPACING */,
134
148
  scrollPx: 0 /* SPACING */,
135
149
  scrollPy: 0 /* SPACING */,
150
+ scrollPbs: 0 /* SPACING */,
151
+ scrollPbe: 0 /* SPACING */,
152
+ scrollMbs: 0 /* SPACING */,
153
+ scrollMbe: 0 /* SPACING */,
136
154
  translateX: 0 /* SPACING */,
137
155
  translateY: 0 /* SPACING */,
138
156
  borderSpacing: 0 /* SPACING */,
@@ -200,6 +218,8 @@ var PROPERTY_CATEGORY_MAP = {
200
218
  borderY: 3 /* UNITLESS */,
201
219
  borderS: 3 /* UNITLESS */,
202
220
  borderE: 3 /* UNITLESS */,
221
+ borderBs: 3 /* UNITLESS */,
222
+ borderBe: 3 /* UNITLESS */,
203
223
  ring: 3 /* UNITLESS */,
204
224
  outline: 3 /* UNITLESS */,
205
225
  leading: 3 /* UNITLESS */,
@@ -344,6 +364,8 @@ var PROPERTY_MAP = {
344
364
  borderY: "border-y",
345
365
  borderS: "border-s",
346
366
  borderE: "border-e",
367
+ borderBs: "border-bs",
368
+ borderBe: "border-be",
347
369
  // Divide
348
370
  divideX: "divide-x",
349
371
  divideY: "divide-y",
@@ -369,6 +391,8 @@ var PROPERTY_MAP = {
369
391
  py: "py",
370
392
  ps: "ps",
371
393
  pe: "pe",
394
+ pbs: "pbs",
395
+ pbe: "pbe",
372
396
  m: "m",
373
397
  mt: "mt",
374
398
  mr: "mr",
@@ -378,6 +402,8 @@ var PROPERTY_MAP = {
378
402
  my: "my",
379
403
  ms: "ms",
380
404
  me: "me",
405
+ mbs: "mbs",
406
+ mbe: "mbe",
381
407
  // Space between
382
408
  spaceX: "space-x",
383
409
  spaceY: "space-y",
@@ -389,6 +415,12 @@ var PROPERTY_MAP = {
389
415
  minH: "min-h",
390
416
  maxH: "max-h",
391
417
  size: "size",
418
+ blockSize: "block",
419
+ minBlockSize: "min-block",
420
+ maxBlockSize: "max-block",
421
+ inlineSize: "inline",
422
+ minInlineSize: "min-inline",
423
+ maxInlineSize: "max-inline",
392
424
  // Layout
393
425
  aspect: "aspect",
394
426
  columns: "columns",
@@ -418,8 +450,13 @@ var PROPERTY_MAP = {
418
450
  right: "right",
419
451
  bottom: "bottom",
420
452
  left: "left",
421
- start: "start",
422
- end: "end",
453
+ // TW v4.2: start/end now emit inset-s-*/inset-e-* (same CSS, deprecated old class names)
454
+ start: "inset-s",
455
+ end: "inset-e",
456
+ insetS: "inset-s",
457
+ insetE: "inset-e",
458
+ insetBs: "inset-bs",
459
+ insetBe: "inset-be",
423
460
  // Visibility
424
461
  visibility: "visibility",
425
462
  // Typography
@@ -447,6 +484,7 @@ var PROPERTY_MAP = {
447
484
  leading: "leading",
448
485
  tracking: "tracking",
449
486
  lineClamp: "line-clamp",
487
+ fontFeatures: "font-features",
450
488
  list: "list",
451
489
  listPos: "list",
452
490
  listImg: "list-image",
@@ -563,6 +601,10 @@ var PROPERTY_MAP = {
563
601
  scrollPe: "scroll-pe",
564
602
  scrollPx: "scroll-px",
565
603
  scrollPy: "scroll-py",
604
+ scrollPbs: "scroll-pbs",
605
+ scrollPbe: "scroll-pbe",
606
+ scrollMbs: "scroll-mbs",
607
+ scrollMbe: "scroll-mbe",
566
608
  snapAlign: "snap",
567
609
  snapStop: "snap",
568
610
  snapType: "snap",
@@ -1011,6 +1053,8 @@ var NEGATIVE_ALLOWED = /* @__PURE__ */ new Set([
1011
1053
  "my",
1012
1054
  "ms",
1013
1055
  "me",
1056
+ "mbs",
1057
+ "mbe",
1014
1058
  "top",
1015
1059
  "right",
1016
1060
  "bottom",
@@ -1018,8 +1062,11 @@ var NEGATIVE_ALLOWED = /* @__PURE__ */ new Set([
1018
1062
  "inset",
1019
1063
  "inset-x",
1020
1064
  "inset-y",
1021
- "start",
1022
- "end",
1065
+ // TW v4.2: start/end now map to inset-s/inset-e
1066
+ "inset-s",
1067
+ "inset-e",
1068
+ "inset-bs",
1069
+ "inset-be",
1023
1070
  "z",
1024
1071
  "order",
1025
1072
  "col",
package/dist/index.d.cts CHANGED
@@ -530,7 +530,7 @@ type SpacingValue = SpacingScale | 'px' | 'auto' | (number & {}) | (string & {})
530
530
  /** Negative spacing value */
531
531
  type NegativeSpacingValue = SpacingValue | number;
532
532
  /** Tailwind color names */
533
- type ColorName = 'inherit' | 'current' | 'transparent' | 'black' | 'white' | 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose';
533
+ type ColorName = 'inherit' | 'current' | 'transparent' | 'black' | 'white' | 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose' | 'mauve' | 'olive' | 'mist' | 'taupe';
534
534
  /** Tailwind color shades */
535
535
  type ColorShade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
536
536
  /** Color value (string-based) */
@@ -642,6 +642,14 @@ interface LayoutProps {
642
642
  left?: NegativeSpacingValue;
643
643
  start?: SpacingValue;
644
644
  end?: SpacingValue;
645
+ /** inset-inline-start (camelCase alias for start, emits inset-s-*) */
646
+ insetS?: SpacingValue;
647
+ /** inset-inline-end (camelCase alias for end, emits inset-e-*) */
648
+ insetE?: SpacingValue;
649
+ /** inset-block-start */
650
+ insetBs?: SpacingValue;
651
+ /** inset-block-end */
652
+ insetBe?: SpacingValue;
645
653
  /** @see https://tailwindcss.com/docs/visibility */
646
654
  visibility?: 'visible' | 'hidden' | 'collapse';
647
655
  visible?: boolean;
@@ -729,6 +737,10 @@ interface SpacingProps {
729
737
  ps?: SpacingValue;
730
738
  /** Padding - inline end (logical) */
731
739
  pe?: SpacingValue;
740
+ /** Padding - block-start (logical) */
741
+ pbs?: SpacingValue;
742
+ /** Padding - block-end (logical) */
743
+ pbe?: SpacingValue;
732
744
  /** Margin - all sides */
733
745
  m?: NegativeSpacingValue;
734
746
  /** Margin - X axis (left/right) */
@@ -747,6 +759,10 @@ interface SpacingProps {
747
759
  ms?: NegativeSpacingValue;
748
760
  /** Margin - inline end (logical) */
749
761
  me?: NegativeSpacingValue;
762
+ /** Margin - block-start (logical) */
763
+ mbs?: NegativeSpacingValue;
764
+ /** Margin - block-end (logical) */
765
+ mbe?: NegativeSpacingValue;
750
766
  /** Space between child elements - X axis */
751
767
  spaceX?: NegativeSpacingValue;
752
768
  /** Space between child elements - Y axis */
@@ -774,6 +790,18 @@ interface SizingProps {
774
790
  maxH?: SpacingScale | 'px' | 'full' | 'screen' | 'svh' | 'lvh' | 'dvh' | 'min' | 'max' | 'fit' | (string & {});
775
791
  /** @see https://tailwindcss.com/docs/size */
776
792
  size?: SpacingScale | 'px' | 'auto' | 'full' | 'min' | 'max' | 'fit' | (string & {});
793
+ /** @see https://tailwindcss.com/docs/block-size — block-size (logical height) */
794
+ blockSize?: SpacingScale | 'px' | 'auto' | 'full' | 'screen' | 'svh' | 'lvh' | 'dvh' | 'min' | 'max' | 'fit' | FractionValue | (string & {});
795
+ /** @see https://tailwindcss.com/docs/min-block-size */
796
+ minBlockSize?: SpacingScale | 'px' | 'full' | 'screen' | 'svh' | 'lvh' | 'dvh' | 'min' | 'max' | 'fit' | (string & {});
797
+ /** @see https://tailwindcss.com/docs/max-block-size */
798
+ maxBlockSize?: SpacingScale | 'px' | 'full' | 'screen' | 'svh' | 'lvh' | 'dvh' | 'min' | 'max' | 'fit' | (string & {});
799
+ /** @see https://tailwindcss.com/docs/inline-size — inline-size (logical width) */
800
+ inlineSize?: SpacingScale | 'px' | 'auto' | 'full' | 'screen' | 'svw' | 'lvw' | 'dvw' | 'min' | 'max' | 'fit' | FractionValue | (string & {});
801
+ /** @see https://tailwindcss.com/docs/min-inline-size */
802
+ minInlineSize?: SpacingScale | 'px' | 'full' | 'min' | 'max' | 'fit' | FractionValue | (string & {});
803
+ /** @see https://tailwindcss.com/docs/max-inline-size */
804
+ maxInlineSize?: SpacingScale | 'px' | 'full' | 'none' | 'prose' | 'min' | 'max' | 'fit' | ContainerSize | FractionValue | (string & {});
777
805
  }
778
806
  /**
779
807
  *
@@ -858,6 +886,8 @@ interface TypographyProps {
858
886
  hyphens?: 'none' | 'manual' | 'auto';
859
887
  /** @see https://tailwindcss.com/docs/content — also handles align-content */
860
888
  content?: 'none' | 'normal' | 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'baseline' | 'stretch' | (string & {});
889
+ /** @see https://tailwindcss.com/docs/font-feature-settings */
890
+ fontFeatures?: string & {};
861
891
  /** @see https://tailwindcss.com/docs/forced-color-adjust */
862
892
  forcedColorAdjust?: 'auto' | 'none';
863
893
  }
@@ -926,6 +956,10 @@ interface BorderProps {
926
956
  borderL?: boolean | 0 | 2 | 4 | 8 | (string & {});
927
957
  borderS?: boolean | 0 | 2 | 4 | 8 | (string & {});
928
958
  borderE?: boolean | 0 | 2 | 4 | 8 | (string & {});
959
+ /** border-block-start width */
960
+ borderBs?: boolean | 0 | 2 | 4 | 8 | (string & {});
961
+ /** border-block-end width */
962
+ borderBe?: boolean | 0 | 2 | 4 | 8 | (string & {});
929
963
  /** @see https://tailwindcss.com/docs/border-color */
930
964
  borderColor?: ColorPropValue;
931
965
  /** @see https://tailwindcss.com/docs/border-style */
@@ -1111,6 +1145,14 @@ interface InteractivityProps {
1111
1145
  scrollPl?: SpacingValue;
1112
1146
  scrollPs?: SpacingValue;
1113
1147
  scrollPe?: SpacingValue;
1148
+ /** scroll-padding-block-start */
1149
+ scrollPbs?: SpacingValue;
1150
+ /** scroll-padding-block-end */
1151
+ scrollPbe?: SpacingValue;
1152
+ /** scroll-margin-block-start */
1153
+ scrollMbs?: SpacingValue;
1154
+ /** scroll-margin-block-end */
1155
+ scrollMbe?: SpacingValue;
1114
1156
  /** @see https://tailwindcss.com/docs/scroll-snap-align */
1115
1157
  snapAlign?: 'start' | 'end' | 'center' | 'align-none';
1116
1158
  /** @see https://tailwindcss.com/docs/scroll-snap-stop */
package/dist/index.d.ts CHANGED
@@ -530,7 +530,7 @@ type SpacingValue = SpacingScale | 'px' | 'auto' | (number & {}) | (string & {})
530
530
  /** Negative spacing value */
531
531
  type NegativeSpacingValue = SpacingValue | number;
532
532
  /** Tailwind color names */
533
- type ColorName = 'inherit' | 'current' | 'transparent' | 'black' | 'white' | 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose';
533
+ type ColorName = 'inherit' | 'current' | 'transparent' | 'black' | 'white' | 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose' | 'mauve' | 'olive' | 'mist' | 'taupe';
534
534
  /** Tailwind color shades */
535
535
  type ColorShade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
536
536
  /** Color value (string-based) */
@@ -642,6 +642,14 @@ interface LayoutProps {
642
642
  left?: NegativeSpacingValue;
643
643
  start?: SpacingValue;
644
644
  end?: SpacingValue;
645
+ /** inset-inline-start (camelCase alias for start, emits inset-s-*) */
646
+ insetS?: SpacingValue;
647
+ /** inset-inline-end (camelCase alias for end, emits inset-e-*) */
648
+ insetE?: SpacingValue;
649
+ /** inset-block-start */
650
+ insetBs?: SpacingValue;
651
+ /** inset-block-end */
652
+ insetBe?: SpacingValue;
645
653
  /** @see https://tailwindcss.com/docs/visibility */
646
654
  visibility?: 'visible' | 'hidden' | 'collapse';
647
655
  visible?: boolean;
@@ -729,6 +737,10 @@ interface SpacingProps {
729
737
  ps?: SpacingValue;
730
738
  /** Padding - inline end (logical) */
731
739
  pe?: SpacingValue;
740
+ /** Padding - block-start (logical) */
741
+ pbs?: SpacingValue;
742
+ /** Padding - block-end (logical) */
743
+ pbe?: SpacingValue;
732
744
  /** Margin - all sides */
733
745
  m?: NegativeSpacingValue;
734
746
  /** Margin - X axis (left/right) */
@@ -747,6 +759,10 @@ interface SpacingProps {
747
759
  ms?: NegativeSpacingValue;
748
760
  /** Margin - inline end (logical) */
749
761
  me?: NegativeSpacingValue;
762
+ /** Margin - block-start (logical) */
763
+ mbs?: NegativeSpacingValue;
764
+ /** Margin - block-end (logical) */
765
+ mbe?: NegativeSpacingValue;
750
766
  /** Space between child elements - X axis */
751
767
  spaceX?: NegativeSpacingValue;
752
768
  /** Space between child elements - Y axis */
@@ -774,6 +790,18 @@ interface SizingProps {
774
790
  maxH?: SpacingScale | 'px' | 'full' | 'screen' | 'svh' | 'lvh' | 'dvh' | 'min' | 'max' | 'fit' | (string & {});
775
791
  /** @see https://tailwindcss.com/docs/size */
776
792
  size?: SpacingScale | 'px' | 'auto' | 'full' | 'min' | 'max' | 'fit' | (string & {});
793
+ /** @see https://tailwindcss.com/docs/block-size — block-size (logical height) */
794
+ blockSize?: SpacingScale | 'px' | 'auto' | 'full' | 'screen' | 'svh' | 'lvh' | 'dvh' | 'min' | 'max' | 'fit' | FractionValue | (string & {});
795
+ /** @see https://tailwindcss.com/docs/min-block-size */
796
+ minBlockSize?: SpacingScale | 'px' | 'full' | 'screen' | 'svh' | 'lvh' | 'dvh' | 'min' | 'max' | 'fit' | (string & {});
797
+ /** @see https://tailwindcss.com/docs/max-block-size */
798
+ maxBlockSize?: SpacingScale | 'px' | 'full' | 'screen' | 'svh' | 'lvh' | 'dvh' | 'min' | 'max' | 'fit' | (string & {});
799
+ /** @see https://tailwindcss.com/docs/inline-size — inline-size (logical width) */
800
+ inlineSize?: SpacingScale | 'px' | 'auto' | 'full' | 'screen' | 'svw' | 'lvw' | 'dvw' | 'min' | 'max' | 'fit' | FractionValue | (string & {});
801
+ /** @see https://tailwindcss.com/docs/min-inline-size */
802
+ minInlineSize?: SpacingScale | 'px' | 'full' | 'min' | 'max' | 'fit' | FractionValue | (string & {});
803
+ /** @see https://tailwindcss.com/docs/max-inline-size */
804
+ maxInlineSize?: SpacingScale | 'px' | 'full' | 'none' | 'prose' | 'min' | 'max' | 'fit' | ContainerSize | FractionValue | (string & {});
777
805
  }
778
806
  /**
779
807
  *
@@ -858,6 +886,8 @@ interface TypographyProps {
858
886
  hyphens?: 'none' | 'manual' | 'auto';
859
887
  /** @see https://tailwindcss.com/docs/content — also handles align-content */
860
888
  content?: 'none' | 'normal' | 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'baseline' | 'stretch' | (string & {});
889
+ /** @see https://tailwindcss.com/docs/font-feature-settings */
890
+ fontFeatures?: string & {};
861
891
  /** @see https://tailwindcss.com/docs/forced-color-adjust */
862
892
  forcedColorAdjust?: 'auto' | 'none';
863
893
  }
@@ -926,6 +956,10 @@ interface BorderProps {
926
956
  borderL?: boolean | 0 | 2 | 4 | 8 | (string & {});
927
957
  borderS?: boolean | 0 | 2 | 4 | 8 | (string & {});
928
958
  borderE?: boolean | 0 | 2 | 4 | 8 | (string & {});
959
+ /** border-block-start width */
960
+ borderBs?: boolean | 0 | 2 | 4 | 8 | (string & {});
961
+ /** border-block-end width */
962
+ borderBe?: boolean | 0 | 2 | 4 | 8 | (string & {});
929
963
  /** @see https://tailwindcss.com/docs/border-color */
930
964
  borderColor?: ColorPropValue;
931
965
  /** @see https://tailwindcss.com/docs/border-style */
@@ -1111,6 +1145,14 @@ interface InteractivityProps {
1111
1145
  scrollPl?: SpacingValue;
1112
1146
  scrollPs?: SpacingValue;
1113
1147
  scrollPe?: SpacingValue;
1148
+ /** scroll-padding-block-start */
1149
+ scrollPbs?: SpacingValue;
1150
+ /** scroll-padding-block-end */
1151
+ scrollPbe?: SpacingValue;
1152
+ /** scroll-margin-block-start */
1153
+ scrollMbs?: SpacingValue;
1154
+ /** scroll-margin-block-end */
1155
+ scrollMbe?: SpacingValue;
1114
1156
  /** @see https://tailwindcss.com/docs/scroll-snap-align */
1115
1157
  snapAlign?: 'start' | 'end' | 'center' | 'align-none';
1116
1158
  /** @see https://tailwindcss.com/docs/scroll-snap-stop */
package/dist/index.js CHANGED
@@ -31,6 +31,8 @@ var PROPERTY_CATEGORY_MAP = {
31
31
  py: 0 /* SPACING */,
32
32
  ps: 0 /* SPACING */,
33
33
  pe: 0 /* SPACING */,
34
+ pbs: 0 /* SPACING */,
35
+ pbe: 0 /* SPACING */,
34
36
  m: 0 /* SPACING */,
35
37
  mt: 0 /* SPACING */,
36
38
  mr: 0 /* SPACING */,
@@ -40,6 +42,8 @@ var PROPERTY_CATEGORY_MAP = {
40
42
  my: 0 /* SPACING */,
41
43
  ms: 0 /* SPACING */,
42
44
  me: 0 /* SPACING */,
45
+ mbs: 0 /* SPACING */,
46
+ mbe: 0 /* SPACING */,
43
47
  spaceX: 0 /* SPACING */,
44
48
  spaceY: 0 /* SPACING */,
45
49
  gap: 0 /* SPACING */,
@@ -54,6 +58,10 @@ var PROPERTY_CATEGORY_MAP = {
54
58
  left: 0 /* SPACING */,
55
59
  start: 0 /* SPACING */,
56
60
  end: 0 /* SPACING */,
61
+ insetS: 0 /* SPACING */,
62
+ insetE: 0 /* SPACING */,
63
+ insetBs: 0 /* SPACING */,
64
+ insetBe: 0 /* SPACING */,
57
65
  w: 0 /* SPACING */,
58
66
  minW: 0 /* SPACING */,
59
67
  maxW: 0 /* SPACING */,
@@ -61,6 +69,12 @@ var PROPERTY_CATEGORY_MAP = {
61
69
  minH: 0 /* SPACING */,
62
70
  maxH: 0 /* SPACING */,
63
71
  size: 0 /* SPACING */,
72
+ blockSize: 0 /* SPACING */,
73
+ minBlockSize: 0 /* SPACING */,
74
+ maxBlockSize: 0 /* SPACING */,
75
+ inlineSize: 0 /* SPACING */,
76
+ minInlineSize: 0 /* SPACING */,
77
+ maxInlineSize: 0 /* SPACING */,
64
78
  basis: 0 /* SPACING */,
65
79
  indent: 0 /* SPACING */,
66
80
  scrollM: 0 /* SPACING */,
@@ -81,6 +95,10 @@ var PROPERTY_CATEGORY_MAP = {
81
95
  scrollPe: 0 /* SPACING */,
82
96
  scrollPx: 0 /* SPACING */,
83
97
  scrollPy: 0 /* SPACING */,
98
+ scrollPbs: 0 /* SPACING */,
99
+ scrollPbe: 0 /* SPACING */,
100
+ scrollMbs: 0 /* SPACING */,
101
+ scrollMbe: 0 /* SPACING */,
84
102
  translateX: 0 /* SPACING */,
85
103
  translateY: 0 /* SPACING */,
86
104
  borderSpacing: 0 /* SPACING */,
@@ -148,6 +166,8 @@ var PROPERTY_CATEGORY_MAP = {
148
166
  borderY: 3 /* UNITLESS */,
149
167
  borderS: 3 /* UNITLESS */,
150
168
  borderE: 3 /* UNITLESS */,
169
+ borderBs: 3 /* UNITLESS */,
170
+ borderBe: 3 /* UNITLESS */,
151
171
  ring: 3 /* UNITLESS */,
152
172
  outline: 3 /* UNITLESS */,
153
173
  leading: 3 /* UNITLESS */,
@@ -292,6 +312,8 @@ var PROPERTY_MAP = {
292
312
  borderY: "border-y",
293
313
  borderS: "border-s",
294
314
  borderE: "border-e",
315
+ borderBs: "border-bs",
316
+ borderBe: "border-be",
295
317
  // Divide
296
318
  divideX: "divide-x",
297
319
  divideY: "divide-y",
@@ -317,6 +339,8 @@ var PROPERTY_MAP = {
317
339
  py: "py",
318
340
  ps: "ps",
319
341
  pe: "pe",
342
+ pbs: "pbs",
343
+ pbe: "pbe",
320
344
  m: "m",
321
345
  mt: "mt",
322
346
  mr: "mr",
@@ -326,6 +350,8 @@ var PROPERTY_MAP = {
326
350
  my: "my",
327
351
  ms: "ms",
328
352
  me: "me",
353
+ mbs: "mbs",
354
+ mbe: "mbe",
329
355
  // Space between
330
356
  spaceX: "space-x",
331
357
  spaceY: "space-y",
@@ -337,6 +363,12 @@ var PROPERTY_MAP = {
337
363
  minH: "min-h",
338
364
  maxH: "max-h",
339
365
  size: "size",
366
+ blockSize: "block",
367
+ minBlockSize: "min-block",
368
+ maxBlockSize: "max-block",
369
+ inlineSize: "inline",
370
+ minInlineSize: "min-inline",
371
+ maxInlineSize: "max-inline",
340
372
  // Layout
341
373
  aspect: "aspect",
342
374
  columns: "columns",
@@ -366,8 +398,13 @@ var PROPERTY_MAP = {
366
398
  right: "right",
367
399
  bottom: "bottom",
368
400
  left: "left",
369
- start: "start",
370
- end: "end",
401
+ // TW v4.2: start/end now emit inset-s-*/inset-e-* (same CSS, deprecated old class names)
402
+ start: "inset-s",
403
+ end: "inset-e",
404
+ insetS: "inset-s",
405
+ insetE: "inset-e",
406
+ insetBs: "inset-bs",
407
+ insetBe: "inset-be",
371
408
  // Visibility
372
409
  visibility: "visibility",
373
410
  // Typography
@@ -395,6 +432,7 @@ var PROPERTY_MAP = {
395
432
  leading: "leading",
396
433
  tracking: "tracking",
397
434
  lineClamp: "line-clamp",
435
+ fontFeatures: "font-features",
398
436
  list: "list",
399
437
  listPos: "list",
400
438
  listImg: "list-image",
@@ -511,6 +549,10 @@ var PROPERTY_MAP = {
511
549
  scrollPe: "scroll-pe",
512
550
  scrollPx: "scroll-px",
513
551
  scrollPy: "scroll-py",
552
+ scrollPbs: "scroll-pbs",
553
+ scrollPbe: "scroll-pbe",
554
+ scrollMbs: "scroll-mbs",
555
+ scrollMbe: "scroll-mbe",
514
556
  snapAlign: "snap",
515
557
  snapStop: "snap",
516
558
  snapType: "snap",
@@ -959,6 +1001,8 @@ var NEGATIVE_ALLOWED = /* @__PURE__ */ new Set([
959
1001
  "my",
960
1002
  "ms",
961
1003
  "me",
1004
+ "mbs",
1005
+ "mbe",
962
1006
  "top",
963
1007
  "right",
964
1008
  "bottom",
@@ -966,8 +1010,11 @@ var NEGATIVE_ALLOWED = /* @__PURE__ */ new Set([
966
1010
  "inset",
967
1011
  "inset-x",
968
1012
  "inset-y",
969
- "start",
970
- "end",
1013
+ // TW v4.2: start/end now map to inset-s/inset-e
1014
+ "inset-s",
1015
+ "inset-e",
1016
+ "inset-bs",
1017
+ "inset-be",
971
1018
  "z",
972
1019
  "order",
973
1020
  "col",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@csszyx/compiler",
3
- "version": "0.1.3",
3
+ "version": "0.2.0",
4
4
  "description": "Core compiler and transformation logic for csszyx",
5
5
  "keywords": [
6
6
  "csszyx",
@@ -38,7 +38,7 @@
38
38
  "@babel/core": "^7.23.7",
39
39
  "@babel/types": "^7.23.6",
40
40
  "@babel/traverse": "^7.23.7",
41
- "@csszyx/core": "0.1.3"
41
+ "@csszyx/core": "0.2.0"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@types/babel__core": "^7.20.5",