cssints 0.6.1 → 0.7.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 (139) hide show
  1. package/dist/clay-types.d.mts +87 -1
  2. package/dist/clay.d.mts +1 -1
  3. package/dist/clay.mjs +147 -6
  4. package/dist/group-common-CTUs5yym.d.mts +1 -0
  5. package/dist/{group-types-4V0lZ9tn.d.mts → group-types-BBaZ8dwy.d.mts} +1 -1
  6. package/dist/groups/baseline-2015/with-downstream.d.mts +3 -3
  7. package/dist/groups/baseline-2015.d.mts +3 -3
  8. package/dist/groups/baseline-2016/with-downstream.d.mts +3 -3
  9. package/dist/groups/baseline-2016.d.mts +3 -3
  10. package/dist/groups/baseline-2017/with-downstream.d.mts +3 -3
  11. package/dist/groups/baseline-2017.d.mts +3 -3
  12. package/dist/groups/baseline-2018/with-downstream.d.mts +3 -3
  13. package/dist/groups/baseline-2018.d.mts +3 -3
  14. package/dist/groups/baseline-2019/with-downstream.d.mts +3 -3
  15. package/dist/groups/baseline-2019.d.mts +3 -3
  16. package/dist/groups/baseline-2020/with-downstream.d.mts +3 -3
  17. package/dist/groups/baseline-2020.d.mts +3 -3
  18. package/dist/groups/baseline-2021/with-downstream.d.mts +3 -3
  19. package/dist/groups/baseline-2021.d.mts +3 -3
  20. package/dist/groups/baseline-2022/with-downstream.d.mts +3 -3
  21. package/dist/groups/baseline-2022.d.mts +3 -3
  22. package/dist/groups/baseline-2023/with-downstream.d.mts +3 -3
  23. package/dist/groups/baseline-2023.d.mts +3 -3
  24. package/dist/groups/baseline-2024/with-downstream.d.mts +3 -3
  25. package/dist/groups/baseline-2024.d.mts +3 -3
  26. package/dist/groups/baseline-2025/with-downstream.d.mts +3 -3
  27. package/dist/groups/baseline-2025.d.mts +3 -3
  28. package/dist/groups/baseline-2026/with-downstream.d.mts +1 -1
  29. package/dist/groups/baseline-2026.d.mts +1 -1
  30. package/dist/groups/compositing-2.d.mts +3 -3
  31. package/dist/groups/css-align-3.d.mts +3 -3
  32. package/dist/groups/css-anchor-position-1.d.mts +3 -3
  33. package/dist/groups/css-anchor-position-2.d.mts +3 -3
  34. package/dist/groups/css-animations-1.d.mts +3 -3
  35. package/dist/groups/css-animations-2.d.mts +3 -3
  36. package/dist/groups/css-backgrounds-3.d.mts +3 -3
  37. package/dist/groups/css-backgrounds-4.d.mts +3 -3
  38. package/dist/groups/css-borders-4.d.mts +3 -3
  39. package/dist/groups/css-box-4.d.mts +3 -3
  40. package/dist/groups/css-break-4.d.mts +3 -3
  41. package/dist/groups/css-cascade-5.d.mts +3 -3
  42. package/dist/groups/css-cascade-6.d.mts +3 -3
  43. package/dist/groups/css-color-4.d.mts +3 -3
  44. package/dist/groups/css-color-5.d.mts +3 -3
  45. package/dist/groups/css-color-6.d.mts +3 -3
  46. package/dist/groups/css-color-adjust-1.d.mts +3 -3
  47. package/dist/groups/css-color-hdr-1.d.mts +3 -3
  48. package/dist/groups/css-conditional-3.d.mts +3 -3
  49. package/dist/groups/css-conditional-4.d.mts +3 -3
  50. package/dist/groups/css-conditional-5.d.mts +3 -3
  51. package/dist/groups/css-contain-2.d.mts +3 -3
  52. package/dist/groups/css-content-3.d.mts +3 -3
  53. package/dist/groups/css-counter-styles-3.d.mts +3 -3
  54. package/dist/groups/css-display-4.d.mts +3 -3
  55. package/dist/groups/css-easing-2.d.mts +3 -3
  56. package/dist/groups/css-env-1.d.mts +3 -3
  57. package/dist/groups/css-flexbox-1.d.mts +3 -3
  58. package/dist/groups/css-fonts-4.d.mts +3 -3
  59. package/dist/groups/css-fonts-5.d.mts +3 -3
  60. package/dist/groups/css-forms-1.d.mts +3 -3
  61. package/dist/groups/css-gaps-1.d.mts +3 -3
  62. package/dist/groups/css-gcpm-3.d.mts +3 -3
  63. package/dist/groups/css-gcpm-4.d.mts +3 -3
  64. package/dist/groups/css-grid-2.d.mts +3 -3
  65. package/dist/groups/css-grid-3.d.mts +3 -3
  66. package/dist/groups/css-images-3.d.mts +3 -3
  67. package/dist/groups/css-images-4.d.mts +3 -3
  68. package/dist/groups/css-images-5.d.mts +3 -3
  69. package/dist/groups/css-inline-3.d.mts +3 -3
  70. package/dist/groups/css-lists-3.d.mts +3 -3
  71. package/dist/groups/css-logical-1.d.mts +3 -3
  72. package/dist/groups/css-masking-1.d.mts +3 -3
  73. package/dist/groups/css-multicol-2.d.mts +3 -3
  74. package/dist/groups/css-overflow-3.d.mts +3 -3
  75. package/dist/groups/css-overflow-4.d.mts +3 -3
  76. package/dist/groups/css-overflow-5.d.mts +3 -3
  77. package/dist/groups/css-overscroll-1.d.mts +3 -3
  78. package/dist/groups/css-page-3.d.mts +3 -3
  79. package/dist/groups/css-page-floats-3.d.mts +3 -3
  80. package/dist/groups/css-position-3.d.mts +3 -3
  81. package/dist/groups/css-position-4.d.mts +3 -3
  82. package/dist/groups/css-rhythm-1.d.mts +3 -3
  83. package/dist/groups/css-round-display-1.d.mts +3 -3
  84. package/dist/groups/css-ruby-1.d.mts +3 -3
  85. package/dist/groups/css-scroll-anchoring-1.d.mts +3 -3
  86. package/dist/groups/css-scroll-snap-1.d.mts +3 -3
  87. package/dist/groups/css-scroll-snap-2.d.mts +3 -3
  88. package/dist/groups/css-scrollbars-1.d.mts +3 -3
  89. package/dist/groups/css-shapes-1.d.mts +3 -3
  90. package/dist/groups/css-shapes-2.d.mts +3 -3
  91. package/dist/groups/css-size-adjust-1.d.mts +3 -3
  92. package/dist/groups/css-sizing-3.d.mts +3 -3
  93. package/dist/groups/css-sizing-4.d.mts +3 -3
  94. package/dist/groups/css-speech-1.d.mts +3 -3
  95. package/dist/groups/css-tables-3.d.mts +3 -3
  96. package/dist/groups/css-text-3.d.mts +3 -3
  97. package/dist/groups/css-text-4.d.mts +3 -3
  98. package/dist/groups/css-text-decor-3.d.mts +3 -3
  99. package/dist/groups/css-text-decor-4.d.mts +3 -3
  100. package/dist/groups/css-transforms-1.d.mts +3 -3
  101. package/dist/groups/css-transforms-2.d.mts +3 -3
  102. package/dist/groups/css-transitions-1.d.mts +3 -3
  103. package/dist/groups/css-transitions-2.d.mts +3 -3
  104. package/dist/groups/css-ui-4.d.mts +3 -3
  105. package/dist/groups/css-values-4.d.mts +3 -3
  106. package/dist/groups/css-values-5.d.mts +3 -3
  107. package/dist/groups/css-variables-2.d.mts +2 -2
  108. package/dist/groups/css-view-transitions-2.d.mts +3 -3
  109. package/dist/groups/css-viewport.d.mts +3 -3
  110. package/dist/groups/css-will-change-1.d.mts +3 -3
  111. package/dist/groups/css-writing-modes-4.d.mts +3 -3
  112. package/dist/groups/css2.d.mts +3 -3
  113. package/dist/groups/fill-stroke-3.d.mts +3 -3
  114. package/dist/groups/filter-effects-1.d.mts +3 -3
  115. package/dist/groups/filter-effects-2.d.mts +3 -3
  116. package/dist/groups/limited-availability.d.mts +2 -2
  117. package/dist/groups/mediaqueries-4.d.mts +3 -3
  118. package/dist/groups/mediaqueries-5.d.mts +3 -3
  119. package/dist/groups/motion-1.d.mts +3 -3
  120. package/dist/groups/newly-available/with-downstream.d.mts +3 -3
  121. package/dist/groups/newly-available.d.mts +3 -3
  122. package/dist/groups/not-discouraged.d.mts +3 -3
  123. package/dist/groups/scroll-animations-1.d.mts +3 -3
  124. package/dist/groups/selectors-4.d.mts +2 -2
  125. package/dist/groups/selectors-5.d.mts +2 -2
  126. package/dist/groups/widely-available/with-downstream.d.mts +3 -3
  127. package/dist/groups/widely-available.d.mts +3 -3
  128. package/dist/index.d.mts +2 -1
  129. package/dist/index.mjs +8 -1
  130. package/dist/plugin-types.d.mts +1 -1
  131. package/dist/plugin.d.mts +1 -1
  132. package/dist/{scope-Db73Iud8.d.mts → scope-5A3kbBoQ.d.mts} +1683 -1
  133. package/dist/surface.d.mts +1 -1
  134. package/dist/{theme-types-DVk08gse.d.mts → theme-types-CplLnGgG.d.mts} +1684 -2
  135. package/dist/tui-types.d.mts +1 -1
  136. package/dist/types.d.mts +2 -2
  137. package/docs/API.md +135 -4
  138. package/package.json +2 -2
  139. package/dist/group-common-D6TXTgPp.d.mts +0 -1
@@ -1,4 +1,4 @@
1
- import { d as createTokens, om as Part, rm as Check, s as Overrides, t as CheckOverrides } from "./theme-types-DVk08gse.mjs";
1
+ import { am as Check, cm as Part, d as createTokens, s as Overrides, t as CheckOverrides } from "./theme-types-CplLnGgG.mjs";
2
2
  /** A number of pixels, or `"Npx"`. */
3
3
  export type Px = number | `${number}px`;
4
4
  /** Pixels, `N%` of the parent, `auto` (Clay's FIT) or `stretch` (Clay's GROW). */
@@ -39,6 +39,28 @@ export type FloatOptions = {
39
39
  root?: boolean;
40
40
  parent?: never;
41
41
  });
42
+ /**
43
+ * The options of `shadow()`: one object, all optional, lengths in pixels. No options at all is the default shadow
44
+ * (`{ x: 0, y: 2, blur: 12, color: "rgb(0 0 0 / 0.4)" }`); the fields a state names are the ones it changes.
45
+ */
46
+ export type ShadowOptions = {
47
+ /** Moves the shadow from the element's box, in pixels (a negative one goes left or up). Default: 0. */
48
+ x?: Px;
49
+ /** Moves the shadow down (or up, negative). Default: 2. */
50
+ y?: Px;
51
+ /** The blur radius in pixels: the width of the soft edge, not negative. Default: 12. */
52
+ blur?: Px;
53
+ /** The colour of the shadow, as any colour a Clay page can draw. Default: `rgb(0 0 0 / 0.4)`. */
54
+ color?: string;
55
+ };
56
+ /** The options of `backdrop()`: the element is glass over the content behind it. */
57
+ export type BackdropOptions = {
58
+ /**
59
+ * The blur radius in pixels, as CSS's `backdrop-filter` reads one: about twice the gaussian's standard deviation.
60
+ * Not negative. Default: 12.
61
+ */
62
+ blur?: Px;
63
+ };
42
64
  /** The options of `image()`: the image's size in pixels, and how it fills its box. */
43
65
  export type ImageOptions = {
44
66
  /** The image's width in whole pixels: the element's box starts at the image's own size. */
@@ -57,6 +79,33 @@ interface Rgba {
57
79
  b: number;
58
80
  a: number;
59
81
  }
82
+ /** A shadow the renderer draws: the element's box, offset and blurred, in that colour. */
83
+ export interface Shadow {
84
+ x: number;
85
+ y: number;
86
+ blur: number;
87
+ color: Rgba;
88
+ }
89
+ /** A backdrop the renderer blurs: the content under the element's box, before the element's own commands. */
90
+ export interface Backdrop {
91
+ blur: number;
92
+ }
93
+ /** A gradient stop: where it sits up the gradient line (0..1) and its colour. */
94
+ export interface GradientStop {
95
+ offset: number;
96
+ color: Rgba;
97
+ }
98
+ /**
99
+ * A linear gradient the renderer draws instead of the solid fill (`css.backgroundImage`): CSS's gradient line of `angle`
100
+ * across the element's box, `stops` from its start to its end.
101
+ */
102
+ export interface BackgroundImage {
103
+ kind: "linear";
104
+ /** CSS's angle in degrees: 0 up, 90 right, 180 down (the default), 270 left. */
105
+ angle: number;
106
+ /** Two or more, in order (a later one is at or past an earlier one). */
107
+ stops: GradientStop[];
108
+ }
60
109
  interface Axis {
61
110
  type: "FIT" | "GROW" | "PERCENT" | "FIXED";
62
111
  min?: number;
@@ -103,6 +152,21 @@ export interface ClayFields {
103
152
  image?: {
104
153
  imageData: string;
105
154
  };
155
+ /**
156
+ * A shadow (`css.shadow`): not a field of `Clay_ElementDeclaration` (Clay 1.0 has none) — the declaration keeps its
157
+ * layout and the renderer draws the shadow before the element's own command, keyed by its id.
158
+ */
159
+ shadow?: Shadow;
160
+ /**
161
+ * A backdrop (`css.backdrop`): not a field of `Clay_ElementDeclaration` either — the renderer blurs the pixels under
162
+ * the element's box before the element's own command, keyed by its id.
163
+ */
164
+ backdrop?: Backdrop;
165
+ /**
166
+ * A gradient (`css.backgroundImage`): not a field of `Clay_ElementDeclaration` either — the renderer fills the element's
167
+ * box with it instead of `backgroundColor`, keyed by its id.
168
+ */
169
+ backgroundImage?: BackgroundImage;
106
170
  aspectRatio?: {
107
171
  aspectRatio: number;
108
172
  };
@@ -205,6 +269,28 @@ export declare const float: (options?: FloatOptions) => ClayStyle;
205
269
  * renderer as `imageData`.
206
270
  */
207
271
  export declare const image: (src: string, options: ImageOptions) => ClayStyle;
272
+ /**
273
+ * A shadow of the element: a renderer effect, not a Clay field (Clay 1.0 has none), so `header()` prints nothing for it
274
+ * and the C targets ignore it until a page draws it themselves. The declaration keeps the layout; the renderer draws the
275
+ * element's own box, offset by `x`/`y` and blurred by `blur`, in `color`, before the element's command. The element needs
276
+ * an `id`: the renderer keys the shadow by Clay's element id.
277
+ */
278
+ export declare const shadow: (options?: ShadowOptions) => ClayStyle;
279
+ /**
280
+ * A backdrop of the element: the content under it is blurred, then the element is drawn over it, so a translucent fill
281
+ * is glass over our own page (the desktop behind the window is out of reach). A renderer effect, not a Clay field, as
282
+ * `shadow` is: `header()` prints nothing for it and only a renderer that reads it draws one. The element needs an `id`.
283
+ * Today `native/solid`'s ThorVG renderer is the one that blurs.
284
+ */
285
+ export declare const backdrop: (options?: BackdropOptions) => ClayStyle;
286
+ /**
287
+ * A background image of the element, as CSS's `linear-gradient()` in one string: an optional direction (`<number>deg`, or
288
+ * `to top | to bottom | to left | to right`) and two or more colour stops with an optional `<number>%` each. Only a linear
289
+ * gradient is drawn. It is a renderer effect, not a Clay field, as `shadow` is: `header()` prints nothing for it and only
290
+ * a renderer that reads it draws one; the C targets keep their solid fill. `header()` and the C pages ignore it, the
291
+ * desktop renderer fills the element's box instead of `backgroundColor`, and the element needs an `id`.
292
+ */
293
+ export declare const backgroundImage: (gradient: string) => ClayStyle;
208
294
  /** Merges styles in argument order: a later prop wins. */
209
295
  export declare const cn: (...styles: ClayStyle[]) => ClayStyle;
210
296
  /** Under the pointer: header() prints the style with it as `<name>_hover`. States do not nest. */
package/dist/clay.d.mts CHANGED
@@ -24,7 +24,7 @@ export declare const active: (...styles: unknown[]) => ClayNode;
24
24
  * @returns {Record<string, unknown>} a style per font, by name, and the list
25
25
  */
26
26
  export declare const fonts: (...names: unknown[]) => Record<string, unknown>;
27
- export declare const backgroundColor: ((...parts: unknown[]) => ClayNode) | undefined, bg: ((...parts: unknown[]) => ClayNode) | undefined, color: ((...parts: unknown[]) => ClayNode) | undefined, borderColor: ((...parts: unknown[]) => ClayNode) | undefined, width: ((...parts: unknown[]) => ClayNode) | undefined, height: ((...parts: unknown[]) => ClayNode) | undefined, padding: ((...parts: unknown[]) => ClayNode) | undefined, p: ((...parts: unknown[]) => ClayNode) | undefined, paddingInline: ((...parts: unknown[]) => ClayNode) | undefined, paddingBlock: ((...parts: unknown[]) => ClayNode) | undefined, paddingTop: ((...parts: unknown[]) => ClayNode) | undefined, paddingRight: ((...parts: unknown[]) => ClayNode) | undefined, paddingBottom: ((...parts: unknown[]) => ClayNode) | undefined, paddingLeft: ((...parts: unknown[]) => ClayNode) | undefined, pt: ((...parts: unknown[]) => ClayNode) | undefined, pr: ((...parts: unknown[]) => ClayNode) | undefined, pb: ((...parts: unknown[]) => ClayNode) | undefined, pl: ((...parts: unknown[]) => ClayNode) | undefined, gap: ((...parts: unknown[]) => ClayNode) | undefined, flexDirection: ((...parts: unknown[]) => ClayNode) | undefined, justifyContent: ((...parts: unknown[]) => ClayNode) | undefined, alignItems: ((...parts: unknown[]) => ClayNode) | undefined, borderRadius: ((...parts: unknown[]) => ClayNode) | undefined, borderWidth: ((...parts: unknown[]) => ClayNode) | undefined, border: ((...parts: unknown[]) => ClayNode) | undefined, overflow: ((...parts: unknown[]) => ClayNode) | undefined, fontSize: ((...parts: unknown[]) => ClayNode) | undefined, letterSpacing: ((...parts: unknown[]) => ClayNode) | undefined, lineHeight: ((...parts: unknown[]) => ClayNode) | undefined, textAlign: ((...parts: unknown[]) => ClayNode) | undefined, whiteSpace: ((...parts: unknown[]) => ClayNode) | undefined, float: ((...parts: unknown[]) => ClayNode) | undefined, image: ((...parts: unknown[]) => ClayNode) | undefined;
27
+ export declare const backgroundColor: ((...parts: unknown[]) => ClayNode) | undefined, bg: ((...parts: unknown[]) => ClayNode) | undefined, color: ((...parts: unknown[]) => ClayNode) | undefined, borderColor: ((...parts: unknown[]) => ClayNode) | undefined, width: ((...parts: unknown[]) => ClayNode) | undefined, height: ((...parts: unknown[]) => ClayNode) | undefined, padding: ((...parts: unknown[]) => ClayNode) | undefined, p: ((...parts: unknown[]) => ClayNode) | undefined, paddingInline: ((...parts: unknown[]) => ClayNode) | undefined, paddingBlock: ((...parts: unknown[]) => ClayNode) | undefined, paddingTop: ((...parts: unknown[]) => ClayNode) | undefined, paddingRight: ((...parts: unknown[]) => ClayNode) | undefined, paddingBottom: ((...parts: unknown[]) => ClayNode) | undefined, paddingLeft: ((...parts: unknown[]) => ClayNode) | undefined, pt: ((...parts: unknown[]) => ClayNode) | undefined, pr: ((...parts: unknown[]) => ClayNode) | undefined, pb: ((...parts: unknown[]) => ClayNode) | undefined, pl: ((...parts: unknown[]) => ClayNode) | undefined, gap: ((...parts: unknown[]) => ClayNode) | undefined, flexDirection: ((...parts: unknown[]) => ClayNode) | undefined, justifyContent: ((...parts: unknown[]) => ClayNode) | undefined, alignItems: ((...parts: unknown[]) => ClayNode) | undefined, borderRadius: ((...parts: unknown[]) => ClayNode) | undefined, borderWidth: ((...parts: unknown[]) => ClayNode) | undefined, border: ((...parts: unknown[]) => ClayNode) | undefined, overflow: ((...parts: unknown[]) => ClayNode) | undefined, fontSize: ((...parts: unknown[]) => ClayNode) | undefined, letterSpacing: ((...parts: unknown[]) => ClayNode) | undefined, lineHeight: ((...parts: unknown[]) => ClayNode) | undefined, textAlign: ((...parts: unknown[]) => ClayNode) | undefined, whiteSpace: ((...parts: unknown[]) => ClayNode) | undefined, float: ((...parts: unknown[]) => ClayNode) | undefined, image: ((...parts: unknown[]) => ClayNode) | undefined, backgroundImage: ((...parts: unknown[]) => ClayNode) | undefined, shadow: ((...parts: unknown[]) => ClayNode) | undefined, backdrop: ((...parts: unknown[]) => ClayNode) | undefined;
28
28
  /**
29
29
  * The styles of a module as C: a `Clay_ElementDeclaration` per export, and a `Clay_TextElementConfig` named
30
30
  * `<name>_text` for one that sets text props, for `CLAY(id, name)` and `CLAY_TEXT(s, name_text)`. A state is a whole
package/dist/clay.mjs CHANGED
@@ -82,7 +82,8 @@ const one = (key, read) => (prop, parts) => {
82
82
  const COLOURS = /* @__PURE__ */ new Set([
83
83
  "backgroundColor",
84
84
  "color",
85
- "borderColor"
85
+ "borderColor",
86
+ "shadowColor"
86
87
  ]);
87
88
  const sides = (keys, read) => (prop, parts) => {
88
89
  if (parts.length < 1 || parts.length > 4) throw fail(`cssints: ${prop} takes 1 to 4 values, got ${parts.length}`);
@@ -197,6 +198,119 @@ const imageOf = (prop, parts) => {
197
198
  ["aspectRatio", keyword("fill", "contain")(`${prop}.fit`, o.fit ?? "fill") === "contain" ? w / h : 0]
198
199
  ];
199
200
  };
201
+ const SHADOW_OPTIONS = [
202
+ "x",
203
+ "y",
204
+ "blur",
205
+ "color"
206
+ ];
207
+ const SHADOW_FIELDS = [
208
+ "shadowX",
209
+ "shadowY",
210
+ "shadowBlur",
211
+ "shadowColor"
212
+ ];
213
+ const SHADOW_COLOUR = "rgb(0 0 0 / 0.4)";
214
+ const SHADOW_DEFAULT = {
215
+ x: 0,
216
+ y: 2,
217
+ blur: 12,
218
+ color: SHADOW_COLOUR
219
+ };
220
+ const shadowOf = (prop, parts) => {
221
+ if (parts.length > 1) throw fail(`cssints: ${prop} takes one object of options, got ${parts.length} values`);
222
+ const o = options(prop, parts[0] ?? {}, SHADOW_OPTIONS);
223
+ const given = Object.keys(o).length ? o : SHADOW_DEFAULT;
224
+ const out = [];
225
+ if (given.x !== void 0) out.push(["shadowX", offset(`${prop}.x`, given.x)]);
226
+ if (given.y !== void 0) out.push(["shadowY", offset(`${prop}.y`, given.y)]);
227
+ if (given.blur !== void 0) out.push(["shadowBlur", px(`${prop}.blur`, given.blur)]);
228
+ if (given.color !== void 0) out.push(["shadowColor", colour(`${prop}.color`, given.color)]);
229
+ return out;
230
+ };
231
+ const GRADIENT = "a linear-gradient() as one string: an optional direction (<number>deg, or to top | to bottom | to left | to right; 180deg by default) and two or more colour stops with an optional <number>% each";
232
+ const DEGREES = /^(-?(?:\d+\.?\d*|\.\d+))deg$/;
233
+ const PLAIN_NUMBER = /^-?(?:\d+\.?\d*|\.\d+)$/;
234
+ const OTHER_ANGLE = /^-?(?:\d+\.?\d*|\.\d+)(?:turn|rad|grad)$/;
235
+ const PERCENT_ONLY = /^-?(?:\d+\.?\d*|\.\d+)%$/;
236
+ const OFFSET_AT_END = /^(.*\S)\s+(-?(?:\d+\.?\d*|\.\d+)%)$/;
237
+ const LENGTH_AT_END = /^(.*\S)\s+(-?(?:\d+\.?\d*|\.\d+)(?:px|em|rem|vh|vw|pt))$/;
238
+ const TO = {
239
+ "to top": 0,
240
+ "to right": 90,
241
+ "to bottom": 180,
242
+ "to left": 270
243
+ };
244
+ const splitStops = (text) => text.trim() ? text.split(/,(?![^(]*\))/).map((stop) => stop.trim()) : [];
245
+ const directionOf = (prop, first) => {
246
+ const deg = DEGREES.exec(first);
247
+ if (deg) return {
248
+ angle: Number(deg[1]),
249
+ skip: true
250
+ };
251
+ if (Object.hasOwn(TO, first)) return {
252
+ angle: TO[first],
253
+ skip: true
254
+ };
255
+ if (OTHER_ANGLE.test(first) || PLAIN_NUMBER.test(first) || first.startsWith("to ")) throw fail(`cssints: ${prop}: unexpected ${say(first)} as a direction, expected <number>deg or ${Object.keys(TO).join(" | ")}`);
256
+ return {
257
+ angle: 180,
258
+ skip: false
259
+ };
260
+ };
261
+ const gradientOf = (prop, text) => {
262
+ const m = /^linear-gradient\((.*)\)$/s.exec(text.trim());
263
+ if (!m) throw fail(`cssints: ${prop}: unexpected ${say(text)}, expected ${GRADIENT}`);
264
+ const parts = splitStops(m[1]);
265
+ const { angle, skip } = directionOf(prop, parts[0] ?? "");
266
+ const stops = parts.slice(skip ? 1 : 0).map((token) => {
267
+ const end = OFFSET_AT_END.exec(token);
268
+ const text = end ? end[1] : token;
269
+ const length = end ? null : LENGTH_AT_END.exec(token);
270
+ if (length) throw fail(`cssints: ${prop}: unexpected ${say(length[2])} as a stop, expected a percentage ("50%", or no offset)`);
271
+ if (!end && PERCENT_ONLY.test(token)) throw fail(`cssints: ${prop}: unexpected ${say(token)}, expected a colour (colour hints are not drawn)`);
272
+ colour(prop, text);
273
+ return {
274
+ text,
275
+ percent: end ? Number.parseFloat(end[2]) : void 0
276
+ };
277
+ });
278
+ if (stops.length < 2) throw fail(`cssints: ${prop}: a gradient needs two or more colour stops, got ${stops.length}`);
279
+ const numbers = stops.map((s) => s.percent);
280
+ const edges = numbers.map((p, i) => p !== void 0 ? p : i === 0 ? 0 : i === numbers.length - 1 ? 100 : void 0);
281
+ const at = edges.map((percent, i) => {
282
+ if (percent !== void 0) return percent;
283
+ const before = edges.findLastIndex((p, k) => k < i && p !== void 0);
284
+ const after = edges.findIndex((p, k) => k > i && p !== void 0);
285
+ const [from, to] = [edges[before], edges[after]];
286
+ return from + (to - from) * (i - before) / (after - before);
287
+ });
288
+ return {
289
+ angle,
290
+ stops: stops.map((s, i) => {
291
+ const percent = at[i];
292
+ if (percent < 0 || percent > 100) throw fail(`cssints: ${prop}: unexpected ${say(`${percent}%`)} as an offset, expected 0% to 100%`);
293
+ if (i && percent < at[i - 1]) throw fail(`cssints: ${prop}: the stops go backwards: ${say(`${at[i - 1]}%`)} then ${say(`${percent}%`)}`);
294
+ return {
295
+ text: s.text,
296
+ offset: percent / 100
297
+ };
298
+ })
299
+ };
300
+ };
301
+ const backgroundImageOf = (prop, parts) => {
302
+ if (parts.length !== 1) throw fail(`cssints: ${prop} takes one string, got ${parts.length} values`);
303
+ if (typeof parts[0] !== "string") throw fail(`cssints: ${prop}: unexpected ${say(parts[0])}, expected ${GRADIENT}`);
304
+ gradientOf(prop, parts[0]);
305
+ return [["backgroundImage", parts[0]]];
306
+ };
307
+ const BACKDROP_OPTIONS = ["blur"];
308
+ const BACKDROP_DEFAULT = 12;
309
+ const backdropOf = (prop, parts) => {
310
+ if (parts.length > 1) throw fail(`cssints: ${prop} takes one object of options, got ${parts.length} values`);
311
+ const o = options(prop, parts[0] ?? {}, BACKDROP_OPTIONS);
312
+ return [["backdropBlur", px(`${prop}.blur`, o.blur ?? BACKDROP_DEFAULT)]];
313
+ };
200
314
  const PADDING = [
201
315
  "paddingTop",
202
316
  "paddingRight",
@@ -257,7 +371,10 @@ const MEMBERS = {
257
371
  textAlign: one("textAlign", keyword("left", "center", "right")),
258
372
  whiteSpace: one("whiteSpace", keyword("normal", "pre-line", "nowrap")),
259
373
  float: floating,
260
- image: imageOf
374
+ image: imageOf,
375
+ backgroundImage: backgroundImageOf,
376
+ shadow: shadowOf,
377
+ backdrop: backdropOf
261
378
  };
262
379
  const member = (name, build) => (...parts) => {
263
380
  if (parts.some(isClay)) throw fail(`cssints: ${name}: a style is not a value`);
@@ -310,7 +427,7 @@ const fonts = (...names) => {
310
427
  ]])]))
311
428
  };
312
429
  };
313
- const { backgroundColor, bg, color, borderColor, width, height, padding, p, paddingInline, paddingBlock, paddingTop, paddingRight, paddingBottom, paddingLeft, pt, pr, pb, pl, gap, flexDirection, justifyContent, alignItems, borderRadius, borderWidth, border, overflow, fontSize, letterSpacing, lineHeight, textAlign, whiteSpace, float, image } = Object.fromEntries(Object.entries(MEMBERS).map(([k, b]) => [k, member(k, b)]));
430
+ const { backgroundColor, bg, color, borderColor, width, height, padding, p, paddingInline, paddingBlock, paddingTop, paddingRight, paddingBottom, paddingLeft, pt, pr, pb, pl, gap, flexDirection, justifyContent, alignItems, borderRadius, borderWidth, border, overflow, fontSize, letterSpacing, lineHeight, textAlign, whiteSpace, float, image, backgroundImage, shadow, backdrop } = Object.fromEntries(Object.entries(MEMBERS).map(([k, b]) => [k, member(k, b)]));
314
431
  const rgba = (prop, text, values) => {
315
432
  const flat = text.replace(VAR, (m, n) => valueOf(tables, n, values) ?? m);
316
433
  const c = flat.includes("var(") ? void 0 : parseColor(flat);
@@ -428,6 +545,24 @@ const shapeOf = (entries, values) => {
428
545
  if (FLOATING.some((k) => p.has(k))) out.floating = floatingOf(p);
429
546
  if (p.has("imageSrc")) out.image = { imageData: get("imageSrc") };
430
547
  if (p.get("aspectRatio")) out.aspectRatio = { aspectRatio: get("aspectRatio") };
548
+ if (p.has("backgroundImage")) {
549
+ const g = gradientOf("backgroundImage", String(p.get("backgroundImage")));
550
+ out.backgroundImage = {
551
+ kind: "linear",
552
+ angle: g.angle,
553
+ stops: g.stops.map((s) => ({
554
+ offset: s.offset,
555
+ color: rgba("backgroundImage", s.text, values)
556
+ }))
557
+ };
558
+ }
559
+ if (SHADOW_FIELDS.some((k) => p.has(k))) out.shadow = {
560
+ x: get("shadowX") ?? SHADOW_DEFAULT.x,
561
+ y: get("shadowY") ?? SHADOW_DEFAULT.y,
562
+ blur: get("shadowBlur") ?? SHADOW_DEFAULT.blur,
563
+ color: rgba("shadow.color", String(get("shadowColor") ?? SHADOW_COLOUR), values)
564
+ };
565
+ if (p.has("backdropBlur")) out.backdrop = { blur: get("backdropBlur") };
431
566
  const text = {};
432
567
  if (p.has("color")) text.textColor = colourOf("color");
433
568
  for (const k of [
@@ -450,7 +585,7 @@ const VISIBLE = {
450
585
  horizontal: 0,
451
586
  vertical: 0
452
587
  };
453
- const isLeaf = (v) => typeof v !== "object" || Object.hasOwn(v, "r") || Object.hasOwn(v, "type");
588
+ const isLeaf = (v) => typeof v !== "object" || Array.isArray(v) || Object.hasOwn(v, "r") || Object.hasOwn(v, "type");
454
589
  const pick = (full, mask) => Object.fromEntries(Object.keys(mask).map((k) => [k, isLeaf(mask[k]) ? full[k] : pick(full[k], mask[k])]));
455
590
  const diff = (a, b) => {
456
591
  const out = {};
@@ -486,7 +621,7 @@ const literalOf = (n, values) => {
486
621
  };
487
622
  const replacement = (n) => {
488
623
  const out = literalOf(n);
489
- if (!n.__clay.some(([k, v]) => COLOURS.has(k) && String(v).includes("var("))) return out;
624
+ if (!n.__clay.some(([k, v]) => (COLOURS.has(k) || k === "backgroundImage") && String(v).includes("var("))) return out;
490
625
  const themes = {};
491
626
  for (const { label, values } of together({
492
627
  themed: tables.themed,
@@ -530,6 +665,9 @@ const SHAPE = /* @__PURE__ */ new Set([
530
665
  "clip",
531
666
  "floating",
532
667
  "image",
668
+ "backgroundImage",
669
+ "shadow",
670
+ "backdrop",
533
671
  "aspectRatio",
534
672
  "text",
535
673
  "themes",
@@ -559,6 +697,9 @@ const header = (styles) => {
559
697
  const base = Object.fromEntries(Object.entries(v).filter(([k]) => !STATES.includes(k)));
560
698
  for (const [suffix, shape] of [["", base], ...STATES.flatMap((s) => v[s] ? [[`_${s.slice(1)}`, merge(base, v[s])]] : [])]) {
561
699
  const { text, ...decl } = shape;
700
+ delete decl.shadow;
701
+ delete decl.backdrop;
702
+ delete decl.backgroundImage;
562
703
  if (Object.keys(decl).length) lines.push(`static const Clay_ElementDeclaration ${name}${suffix}${theme} = ${c("", decl)};`);
563
704
  if (text) lines.push(`static const Clay_TextElementConfig ${name}${suffix}_text${theme} = ${c("", text)};`);
564
705
  }
@@ -573,4 +714,4 @@ const header = (styles) => {
573
714
  }
574
715
  return `${lines.join("\n")}\n`;
575
716
  };
576
- export { active, alignItems, backgroundColor, bg, border, borderColor, borderRadius, borderWidth, cn, color, createGlobalTheme, createTokens, flexDirection, float, focus, fontSize, fonts, gap, header, height, hover, image, justifyContent, letterSpacing, lineHeight, overflow, p, padding, paddingBlock, paddingBottom, paddingInline, paddingLeft, paddingRight, paddingTop, pb, pl, pr, pt, textAlign, whiteSpace, width };
717
+ export { active, alignItems, backdrop, backgroundColor, backgroundImage, bg, border, borderColor, borderRadius, borderWidth, cn, color, createGlobalTheme, createTokens, flexDirection, float, focus, fontSize, fonts, gap, header, height, hover, image, justifyContent, letterSpacing, lineHeight, overflow, p, padding, paddingBlock, paddingBottom, paddingInline, paddingLeft, paddingRight, paddingTop, pb, pl, pr, pt, shadow, textAlign, whiteSpace, width };
@@ -0,0 +1 @@
1
+ import "./theme-types-CplLnGgG.mjs";
@@ -1,4 +1,4 @@
1
- import { $p as Fn, Qp as CheckMath, Xp as Arg, Zp as CheckFn, am as Fallback, cm as Text, em as Result, om as Part, rm as Check, sm as Style, tm as Text$1 } from "./theme-types-DVk08gse.mjs";
1
+ import { $p as CheckFn, Qp as Arg, am as Check, cm as Part, em as CheckMath, lm as Style, nm as Result, rm as Text$1, sm as Fallback, tm as Fn, um as Text } from "./theme-types-CplLnGgG.mjs";
2
2
  import { properties } from "@cssints/css-grammar/mdn";
3
3
  import { CSSStyleValue } from "@cssints/css-grammar/values";
4
4
  import { QueryKind, ValidQuery } from "@cssints/css-grammar/query";
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, J as FlexMethods, K as within, L as global, M as cn, O as StateWrap, R as group, S as CvValue, T as PositionTry, W as token, _ as CSSStyleValue, a as DtcgUnit, am as Fallback, b as CvConfig, c as Tokens, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as attr, k as Steps, l as check, m as CSS, n as DtcgColor, o as DtcgValue, om as Part, p as AttrOp, q as ClassValue, r as DtcgCubicBezier, s as Overrides, sm as Style, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, x as CvProps, z as keyframes } from "../../theme-types-DVk08gse.mjs";
2
- import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-4V0lZ9tn.mjs";
3
- import "../../group-common-D6TXTgPp.mjs";
1
+ import { A as Steps, B as keyframes, C as CvValue, E as PositionTry, I as cv, J as within, K as token, L as firstThatWorks, M as attr, N as cn, O as QueryWrap, R as global, S as CvProps, U as style, X as FlexMethods, Y as ClassValue, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, cm as Part, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as Wrap, k as StateWrap, l as check, lm as Style, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as Fallback, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as group } from "../../theme-types-CplLnGgG.mjs";
2
+ import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-BBaZ8dwy.mjs";
3
+ import "../../group-common-CTUs5yym.mjs";
4
4
  import { active, alignContent, alignItems, alignSelf, animation, animationDelay, animationDirection, animationDuration, animationFillMode, animationIterationCount, animationName, animationPlayState, animationTimingFunction, attrFn, backgroundAttachment, backgroundClip, backgroundColor, backgroundImage, backgroundOrigin, backgroundPosition, backgroundRepeat, backgroundSize, bg, border, borderBottom, borderBottomColor, borderBottomLeftRadius, borderBottomRightRadius, borderBottomStyle, borderBottomWidth, borderCollapse, borderColor, borderImage, borderImageOutset, borderImageSlice, borderImageSource, borderImageWidth, borderLeft, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRadius, borderRight, borderRightColor, borderRightStyle, borderRightWidth, borderSpacing, borderStyle, borderTop, borderTopColor, borderTopLeftRadius, borderTopRightRadius, borderTopStyle, borderTopWidth, borderWidth, bottom, boxShadow, boxSizing, calc, captionSide, checked, clear, color, colorFn, columnGap, content, counter, counterIncrement, counterReset, counters, cubicBezier, direction, disabled, display, empty, emptyCells, enabled, firstChild, firstOfType, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, float, floodColor, floodOpacity, focus, font, fontFamily, fontSize, fontStyle, fontWeight, height, hover, hsl, hsla, image, inRange, indeterminate, invalid, justifyContent, lastChild, lastOfType, left, letterSpacing, lightingColor, lineHeight, linearGradient, link, listStyle, listStyleImage, listStylePosition, listStyleType, m, margin, marginBottom, marginLeft, marginRight, marginTop, matrix, matrix3d, maxHeight, maxWidth, mb, minHeight, minWidth, ml, mr, mt, onlyChild, onlyOfType, opacity, optional, order, outOfRange, outlineColor, outlineStyle, outlineWidth, overflow, overflowX, overflowY, p, padding, paddingBottom, paddingLeft, paddingRight, paddingTop, pb, perspective, perspectiveFn, perspectiveOrigin, pl, pointerEvents, position, pr, pt, quotes, radialGradient, repeatingLinearGradient, repeatingRadialGradient, required, rgb, rgba, right, root, rotate3d, rotateFn, rotateX, rotateY, rotateZ, scale3d, scaleFn, scaleX, scaleY, scaleZ, skew, skewX, skewY, steps, supports, tableLayout, target, textAlign, textIndent, textOverflow, textShadow, textTransform, top, transform, transformOrigin, transformStyle, transition, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction, translate3d, translateFn, translateX, translateY, translateZ, unicodeBidi, url, valid, verticalAlign, visibility, visited, width, wordBreak, wordSpacing, zIndex } from "../baseline-2015.mjs";
5
5
  import { properties } from "@cssints/css-grammar/mdn";
6
6
  type B = {
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, J as FlexMethods, K as within, L as global, M as cn, O as StateWrap, R as group, S as CvValue, T as PositionTry, W as token, _ as CSSStyleValue, a as DtcgUnit, am as Fallback, b as CvConfig, c as Tokens, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as attr, k as Steps, l as check, m as CSS, n as DtcgColor, o as DtcgValue, om as Part, p as AttrOp, q as ClassValue, r as DtcgCubicBezier, s as Overrides, sm as Style, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, x as CvProps, z as keyframes } from "../theme-types-DVk08gse.mjs";
2
- import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-4V0lZ9tn.mjs";
3
- import "../group-common-D6TXTgPp.mjs";
1
+ import { A as Steps, B as keyframes, C as CvValue, E as PositionTry, I as cv, J as within, K as token, L as firstThatWorks, M as attr, N as cn, O as QueryWrap, R as global, S as CvProps, U as style, X as FlexMethods, Y as ClassValue, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, cm as Part, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as Wrap, k as StateWrap, l as check, lm as Style, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as Fallback, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as group } from "../theme-types-CplLnGgG.mjs";
2
+ import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-BBaZ8dwy.mjs";
3
+ import "../group-common-CTUs5yym.mjs";
4
4
  import { properties } from "@cssints/css-grammar/mdn";
5
5
  type B = {
6
6
  id: "baseline-2015";
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, J as FlexMethods, K as within, L as global, M as cn, O as StateWrap, R as group, S as CvValue, T as PositionTry, W as token, _ as CSSStyleValue, a as DtcgUnit, am as Fallback, b as CvConfig, c as Tokens, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as attr, k as Steps, l as check, m as CSS, n as DtcgColor, o as DtcgValue, om as Part, p as AttrOp, q as ClassValue, r as DtcgCubicBezier, s as Overrides, sm as Style, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, x as CvProps, z as keyframes } from "../../theme-types-DVk08gse.mjs";
2
- import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-4V0lZ9tn.mjs";
3
- import "../../group-common-D6TXTgPp.mjs";
1
+ import { A as Steps, B as keyframes, C as CvValue, E as PositionTry, I as cv, J as within, K as token, L as firstThatWorks, M as attr, N as cn, O as QueryWrap, R as global, S as CvProps, U as style, X as FlexMethods, Y as ClassValue, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, cm as Part, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as Wrap, k as StateWrap, l as check, lm as Style, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as Fallback, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as group } from "../../theme-types-CplLnGgG.mjs";
2
+ import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-BBaZ8dwy.mjs";
3
+ import "../../group-common-CTUs5yym.mjs";
4
4
  import { WebkitTextFillColor, active, alignContent, alignItems, alignSelf, animation, animationDelay, animationDirection, animationDuration, animationFillMode, animationIterationCount, animationName, animationPlayState, animationTimingFunction, attrFn, backgroundAttachment, backgroundClip, backgroundColor, backgroundImage, backgroundOrigin, backgroundPosition, backgroundRepeat, backgroundSize, bg, blur, border, borderBottom, borderBottomColor, borderBottomLeftRadius, borderBottomRightRadius, borderBottomStyle, borderBottomWidth, borderCollapse, borderColor, borderImage, borderImageOutset, borderImageRepeat, borderImageSlice, borderImageSource, borderImageWidth, borderLeft, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRadius, borderRight, borderRightColor, borderRightStyle, borderRightWidth, borderSpacing, borderStyle, borderTop, borderTopColor, borderTopLeftRadius, borderTopRightRadius, borderTopStyle, borderTopWidth, borderWidth, bottom, boxShadow, boxSizing, brightness, calc, captionSide, checked, clear, color, colorFn, columnGap, columnWidth, content, contrast, counter, counterIncrement, counterReset, counters, cubicBezier, direction, disabled, display, dropShadow, empty, emptyCells, enabled, filter, firstChild, firstOfType, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, float, floodColor, floodOpacity, focus, font, fontFamily, fontSize, fontStyle, fontWeight, grayscale, height, hover, hsl, hsla, hueRotate, image, inRange, indeterminate, invalid, invert, justifyContent, justifyItems, lastChild, lastOfType, left, letterSpacing, lightingColor, lineHeight, linearGradient, link, listStyle, listStyleImage, listStylePosition, listStyleType, m, margin, marginBottom, marginLeft, marginRight, marginTop, matrix, matrix3d, maxHeight, maxWidth, mb, minHeight, minWidth, ml, mr, mt, onlyChild, onlyOfType, opacity, opacityFn, optional, order, outOfRange, outlineColor, outlineStyle, outlineWidth, overflow, overflowX, overflowY, p, padding, paddingBottom, paddingLeft, paddingRight, paddingTop, pb, perspective, perspectiveFn, perspectiveOrigin, pl, pointerEvents, position, pr, pt, quotes, radialGradient, repeatingLinearGradient, repeatingRadialGradient, required, rgb, rgba, right, root, rotate3d, rotateFn, rotateX, rotateY, rotateZ, saturate, scale3d, scaleFn, scaleX, scaleY, scaleZ, sepia, skew, skewX, skewY, steps, supports, tableLayout, target, textAlign, textAnchor, textIndent, textOverflow, textShadow, textTransform, top, transform, transformOrigin, transformStyle, transition, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction, translate3d, translateFn, translateX, translateY, translateZ, unicodeBidi, url, valid, verticalAlign, visibility, visited, width, wordBreak, wordSpacing, zIndex } from "../baseline-2016.mjs";
5
5
  import { properties } from "@cssints/css-grammar/mdn";
6
6
  type B = {
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, J as FlexMethods, K as within, L as global, M as cn, O as StateWrap, R as group, S as CvValue, T as PositionTry, W as token, _ as CSSStyleValue, a as DtcgUnit, am as Fallback, b as CvConfig, c as Tokens, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as attr, k as Steps, l as check, m as CSS, n as DtcgColor, o as DtcgValue, om as Part, p as AttrOp, q as ClassValue, r as DtcgCubicBezier, s as Overrides, sm as Style, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, x as CvProps, z as keyframes } from "../theme-types-DVk08gse.mjs";
2
- import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-4V0lZ9tn.mjs";
3
- import "../group-common-D6TXTgPp.mjs";
1
+ import { A as Steps, B as keyframes, C as CvValue, E as PositionTry, I as cv, J as within, K as token, L as firstThatWorks, M as attr, N as cn, O as QueryWrap, R as global, S as CvProps, U as style, X as FlexMethods, Y as ClassValue, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, cm as Part, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as Wrap, k as StateWrap, l as check, lm as Style, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as Fallback, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as group } from "../theme-types-CplLnGgG.mjs";
2
+ import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-BBaZ8dwy.mjs";
3
+ import "../group-common-CTUs5yym.mjs";
4
4
  import { properties } from "@cssints/css-grammar/mdn";
5
5
  type B = {
6
6
  id: "baseline-2016";
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, J as FlexMethods, K as within, L as global, M as cn, O as StateWrap, R as group, S as CvValue, T as PositionTry, W as token, Y as GridMethods, _ as CSSStyleValue, a as DtcgUnit, am as Fallback, b as CvConfig, c as Tokens, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as attr, k as Steps, l as check, m as CSS, n as DtcgColor, o as DtcgValue, om as Part, p as AttrOp, q as ClassValue, r as DtcgCubicBezier, s as Overrides, sm as Style, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, x as CvProps, z as keyframes } from "../../theme-types-DVk08gse.mjs";
2
- import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-4V0lZ9tn.mjs";
3
- import "../../group-common-D6TXTgPp.mjs";
1
+ import { A as Steps, B as keyframes, C as CvValue, E as PositionTry, I as cv, J as within, K as token, L as firstThatWorks, M as attr, N as cn, O as QueryWrap, R as global, S as CvProps, U as style, X as FlexMethods, Y as ClassValue, Z as GridMethods, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, cm as Part, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as Wrap, k as StateWrap, l as check, lm as Style, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as Fallback, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as group } from "../../theme-types-CplLnGgG.mjs";
2
+ import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-BBaZ8dwy.mjs";
3
+ import "../../group-common-CTUs5yym.mjs";
4
4
  import { WebkitTextFillColor, WebkitTextStroke, WebkitTextStrokeColor, WebkitTextStrokeWidth, active, alignContent, alignItems, alignSelf, animation, animationDelay, animationDirection, animationDuration, animationFillMode, animationIterationCount, animationName, animationPlayState, animationTimingFunction, attrFn, backgroundAttachment, backgroundClip, backgroundColor, backgroundImage, backgroundOrigin, backgroundPosition, backgroundRepeat, backgroundSize, bg, blur, border, borderBottom, borderBottomColor, borderBottomLeftRadius, borderBottomRightRadius, borderBottomStyle, borderBottomWidth, borderCollapse, borderColor, borderImage, borderImageOutset, borderImageRepeat, borderImageSlice, borderImageSource, borderImageWidth, borderLeft, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRadius, borderRight, borderRightColor, borderRightStyle, borderRightWidth, borderSpacing, borderStyle, borderTop, borderTopColor, borderTopLeftRadius, borderTopRightRadius, borderTopStyle, borderTopWidth, borderWidth, bottom, boxShadow, boxSizing, brightness, calc, captionSide, checked, clear, color, colorFn, columnCount, columnFill, columnGap, columnRule, columnRuleColor, columnRuleStyle, columnRuleWidth, columnWidth, columns, content, contrast, counter, counterIncrement, counterReset, counters, cubicBezier, direction, disabled, display, dropShadow, empty, emptyCells, enabled, fill, fillOpacity, fillRule, filter, firstChild, firstOfType, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, float, floodColor, floodOpacity, focus, font, fontFamily, fontFeatureSettings, fontSize, fontStyle, fontWeight, gap, grayscale, gridArea, gridAutoFlow, gridColumn, gridColumnEnd, gridColumnStart, gridRow, gridRowEnd, gridRowStart, gridTemplate, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, hover, hsl, hsla, hueRotate, image, inRange, indeterminate, invalid, invert, justifyContent, justifyItems, justifySelf, lastChild, lastOfType, left, letterSpacing, lightingColor, lineHeight, linearGradient, link, listStyle, listStyleImage, listStylePosition, listStyleType, m, margin, marginBottom, marginLeft, marginRight, marginTop, marker, markerEnd, markerMid, markerStart, matrix, matrix3d, maxHeight, maxWidth, mb, minHeight, minWidth, minmax, ml, mr, mt, onlyChild, onlyOfType, opacity, opacityFn, optional, order, outOfRange, outlineColor, outlineOffset, outlineStyle, outlineWidth, overflow, overflowX, overflowY, p, padding, paddingBottom, paddingLeft, paddingRight, paddingTop, pb, perspective, perspectiveFn, perspectiveOrigin, pl, pointerEvents, position, pr, pt, quotes, radialGradient, repeatingLinearGradient, repeatingRadialGradient, required, rgb, rgba, right, root, rotate3d, rotateFn, rotateX, rotateY, rotateZ, rowGap, saturate, scale3d, scaleFn, scaleX, scaleY, scaleZ, sepia, skew, skewX, skewY, steps, stopColor, stopOpacity, stroke, strokeDasharray, strokeDashoffset, strokeLinecap, strokeLinejoin, strokeMiterlimit, strokeOpacity, strokeWidth, supports, tableLayout, target, textAlign, textAnchor, textIndent, textOverflow, textShadow, textTransform, top, transform, transformOrigin, transformStyle, transition, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction, translate3d, translateFn, translateX, translateY, translateZ, unicodeBidi, url, valid, var as _var, verticalAlign, visibility, visited, width, wordBreak, wordSpacing, writingMode, zIndex } from "../baseline-2017.mjs";
5
5
  import { properties } from "@cssints/css-grammar/mdn";
6
6
  type B = {
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, J as FlexMethods, K as within, L as global, M as cn, O as StateWrap, R as group, S as CvValue, T as PositionTry, W as token, Y as GridMethods, _ as CSSStyleValue, a as DtcgUnit, am as Fallback, b as CvConfig, c as Tokens, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as attr, k as Steps, l as check, m as CSS, n as DtcgColor, nm as VarCall, o as DtcgValue, om as Part, p as AttrOp, q as ClassValue, r as DtcgCubicBezier, s as Overrides, sm as Style, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, x as CvProps, z as keyframes } from "../theme-types-DVk08gse.mjs";
2
- import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-4V0lZ9tn.mjs";
3
- import "../group-common-D6TXTgPp.mjs";
1
+ import { A as Steps, B as keyframes, C as CvValue, E as PositionTry, I as cv, J as within, K as token, L as firstThatWorks, M as attr, N as cn, O as QueryWrap, R as global, S as CvProps, U as style, X as FlexMethods, Y as ClassValue, Z as GridMethods, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, cm as Part, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, im as VarCall, j as Wrap, k as StateWrap, l as check, lm as Style, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as Fallback, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as group } from "../theme-types-CplLnGgG.mjs";
2
+ import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-BBaZ8dwy.mjs";
3
+ import "../group-common-CTUs5yym.mjs";
4
4
  import { properties } from "@cssints/css-grammar/mdn";
5
5
  type B = {
6
6
  id: "baseline-2017";
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, J as FlexMethods, K as within, L as global, M as cn, O as StateWrap, R as group, S as CvValue, T as PositionTry, W as token, Y as GridMethods, _ as CSSStyleValue, a as DtcgUnit, am as Fallback, b as CvConfig, c as Tokens, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as attr, k as Steps, l as check, m as CSS, n as DtcgColor, o as DtcgValue, om as Part, p as AttrOp, q as ClassValue, r as DtcgCubicBezier, s as Overrides, sm as Style, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, x as CvProps, z as keyframes } from "../../theme-types-DVk08gse.mjs";
2
- import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-4V0lZ9tn.mjs";
3
- import "../../group-common-D6TXTgPp.mjs";
1
+ import { A as Steps, B as keyframes, C as CvValue, E as PositionTry, I as cv, J as within, K as token, L as firstThatWorks, M as attr, N as cn, O as QueryWrap, R as global, S as CvProps, U as style, X as FlexMethods, Y as ClassValue, Z as GridMethods, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, cm as Part, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as Wrap, k as StateWrap, l as check, lm as Style, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as Fallback, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as group } from "../../theme-types-CplLnGgG.mjs";
2
+ import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-BBaZ8dwy.mjs";
3
+ import "../../group-common-CTUs5yym.mjs";
4
4
  import { WebkitTextFillColor, WebkitTextStroke, WebkitTextStrokeColor, WebkitTextStrokeWidth, active, alignContent, alignItems, alignSelf, animation, animationDelay, animationDirection, animationDuration, animationFillMode, animationIterationCount, animationName, animationPlayState, animationTimingFunction, attrFn, backgroundAttachment, backgroundClip, backgroundColor, backgroundImage, backgroundOrigin, backgroundPosition, backgroundRepeat, backgroundSize, bg, blur, border, borderBottom, borderBottomColor, borderBottomLeftRadius, borderBottomRightRadius, borderBottomStyle, borderBottomWidth, borderCollapse, borderColor, borderImage, borderImageOutset, borderImageRepeat, borderImageSlice, borderImageSource, borderImageWidth, borderLeft, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRadius, borderRight, borderRightColor, borderRightStyle, borderRightWidth, borderSpacing, borderStyle, borderTop, borderTopColor, borderTopLeftRadius, borderTopRightRadius, borderTopStyle, borderTopWidth, borderWidth, bottom, boxShadow, boxSizing, brightness, calc, captionSide, checked, clear, color, colorFn, columnCount, columnFill, columnGap, columnRule, columnRuleColor, columnRuleStyle, columnRuleWidth, columnWidth, columns, content, contrast, counter, counterIncrement, counterReset, counters, cubicBezier, direction, disabled, display, dropShadow, empty, emptyCells, enabled, fill, fillOpacity, fillRule, filter, firstChild, firstOfType, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, float, floodColor, floodOpacity, focus, font, fontFamily, fontFeatureSettings, fontSize, fontStyle, fontVariant, fontVariationSettings, fontWeight, gap, grayscale, gridArea, gridAutoFlow, gridColumn, gridColumnEnd, gridColumnStart, gridRow, gridRowEnd, gridRowStart, gridTemplate, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, hover, hsl, hsla, hueRotate, image, inRange, indeterminate, invalid, invert, justifyContent, justifyItems, justifySelf, lastChild, lastOfType, left, letterSpacing, lightingColor, lineHeight, linearGradient, link, listStyle, listStyleImage, listStylePosition, listStyleType, m, margin, marginBottom, marginLeft, marginRight, marginTop, marker, markerEnd, markerMid, markerStart, matrix, matrix3d, maxHeight, maxWidth, mb, minHeight, minWidth, minmax, ml, mr, mt, onlyChild, onlyOfType, opacity, opacityFn, optional, order, outOfRange, outlineColor, outlineOffset, outlineStyle, outlineWidth, overflow, overflowWrap, overflowX, overflowY, p, padding, paddingBottom, paddingLeft, paddingRight, paddingTop, pb, perspective, perspectiveFn, perspectiveOrigin, pl, pointerEvents, position, pr, pt, quotes, radialGradient, repeatingLinearGradient, repeatingRadialGradient, required, rgb, rgba, right, root, rotate3d, rotateFn, rotateX, rotateY, rotateZ, rowGap, saturate, scale3d, scaleFn, scaleX, scaleY, scaleZ, sepia, skew, skewX, skewY, steps, stopColor, stopOpacity, stroke, strokeDasharray, strokeDashoffset, strokeLinecap, strokeLinejoin, strokeMiterlimit, strokeOpacity, strokeWidth, supports, tableLayout, target, textAlign, textAnchor, textIndent, textOverflow, textShadow, textTransform, top, transform, transformOrigin, transformStyle, transition, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction, translate3d, translateFn, translateX, translateY, translateZ, unicodeBidi, url, valid, var as _var, verticalAlign, visibility, visited, width, wordBreak, wordSpacing, writingMode, zIndex } from "../baseline-2018.mjs";
5
5
  import { properties } from "@cssints/css-grammar/mdn";
6
6
  type B = {
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, J as FlexMethods, K as within, L as global, M as cn, O as StateWrap, R as group, S as CvValue, T as PositionTry, W as token, Y as GridMethods, _ as CSSStyleValue, a as DtcgUnit, am as Fallback, b as CvConfig, c as Tokens, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as attr, k as Steps, l as check, m as CSS, n as DtcgColor, nm as VarCall, o as DtcgValue, om as Part, p as AttrOp, q as ClassValue, r as DtcgCubicBezier, s as Overrides, sm as Style, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, x as CvProps, z as keyframes } from "../theme-types-DVk08gse.mjs";
2
- import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-4V0lZ9tn.mjs";
3
- import "../group-common-D6TXTgPp.mjs";
1
+ import { A as Steps, B as keyframes, C as CvValue, E as PositionTry, I as cv, J as within, K as token, L as firstThatWorks, M as attr, N as cn, O as QueryWrap, R as global, S as CvProps, U as style, X as FlexMethods, Y as ClassValue, Z as GridMethods, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, cm as Part, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, im as VarCall, j as Wrap, k as StateWrap, l as check, lm as Style, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as Fallback, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as group } from "../theme-types-CplLnGgG.mjs";
2
+ import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-BBaZ8dwy.mjs";
3
+ import "../group-common-CTUs5yym.mjs";
4
4
  import { properties } from "@cssints/css-grammar/mdn";
5
5
  type B = {
6
6
  id: "baseline-2018";
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, J as FlexMethods, K as within, L as global, M as cn, O as StateWrap, R as group, S as CvValue, T as PositionTry, W as token, Y as GridMethods, _ as CSSStyleValue, a as DtcgUnit, am as Fallback, b as CvConfig, c as Tokens, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as attr, k as Steps, l as check, m as CSS, n as DtcgColor, o as DtcgValue, om as Part, p as AttrOp, q as ClassValue, r as DtcgCubicBezier, s as Overrides, sm as Style, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, x as CvProps, z as keyframes } from "../../theme-types-DVk08gse.mjs";
2
- import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-4V0lZ9tn.mjs";
3
- import "../../group-common-D6TXTgPp.mjs";
1
+ import { A as Steps, B as keyframes, C as CvValue, E as PositionTry, I as cv, J as within, K as token, L as firstThatWorks, M as attr, N as cn, O as QueryWrap, R as global, S as CvProps, U as style, X as FlexMethods, Y as ClassValue, Z as GridMethods, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, cm as Part, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as Wrap, k as StateWrap, l as check, lm as Style, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as Fallback, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as group } from "../../theme-types-CplLnGgG.mjs";
2
+ import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-BBaZ8dwy.mjs";
3
+ import "../../group-common-CTUs5yym.mjs";
4
4
  import { WebkitTextFillColor, WebkitTextStroke, WebkitTextStrokeColor, WebkitTextStrokeWidth, active, alignContent, alignItems, alignSelf, animation, animationDelay, animationDirection, animationDuration, animationFillMode, animationIterationCount, animationName, animationPlayState, animationTimingFunction, attrFn, backgroundAttachment, backgroundClip, backgroundColor, backgroundImage, backgroundOrigin, backgroundPosition, backgroundRepeat, backgroundSize, bg, blur, border, borderBottom, borderBottomColor, borderBottomLeftRadius, borderBottomRightRadius, borderBottomStyle, borderBottomWidth, borderCollapse, borderColor, borderImage, borderImageOutset, borderImageRepeat, borderImageSlice, borderImageSource, borderImageWidth, borderLeft, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRadius, borderRight, borderRightColor, borderRightStyle, borderRightWidth, borderSpacing, borderStyle, borderTop, borderTopColor, borderTopLeftRadius, borderTopRightRadius, borderTopStyle, borderTopWidth, borderWidth, bottom, boxShadow, boxSizing, breakAfter, breakBefore, breakInside, brightness, calc, captionSide, checked, clear, color, colorFn, columnCount, columnFill, columnGap, columnRule, columnRuleColor, columnRuleStyle, columnRuleWidth, columnWidth, columns, content, contrast, counter, counterIncrement, counterReset, counters, cubicBezier, direction, disabled, display, dropShadow, empty, emptyCells, enabled, fill, fillOpacity, fillRule, filter, firstChild, firstOfType, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, float, floodColor, floodOpacity, focus, font, fontFamily, fontFeatureSettings, fontSize, fontStyle, fontVariant, fontVariationSettings, fontWeight, gap, grayscale, gridArea, gridAutoFlow, gridColumn, gridColumnEnd, gridColumnStart, gridRow, gridRowEnd, gridRowStart, gridTemplate, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, hover, hsl, hsla, hueRotate, image, inRange, indeterminate, invalid, invert, justifyContent, justifyItems, justifySelf, lastChild, lastOfType, left, letterSpacing, lightingColor, lineHeight, linearGradient, link, listStyle, listStyleImage, listStylePosition, listStyleType, m, margin, marginBottom, marginLeft, marginRight, marginTop, marker, markerEnd, markerMid, markerStart, matrix, matrix3d, maxHeight, maxWidth, mb, minHeight, minWidth, minmax, ml, mr, mt, onlyChild, onlyOfType, opacity, opacityFn, optional, order, outOfRange, outlineColor, outlineOffset, outlineStyle, outlineWidth, overflow, overflowWrap, overflowX, overflowY, p, padding, paddingBottom, paddingLeft, paddingRight, paddingTop, pb, perspective, perspectiveFn, perspectiveOrigin, pl, pointerEvents, position, pr, pt, quotes, radialGradient, repeatingLinearGradient, repeatingRadialGradient, required, rgb, rgba, right, root, rotate3d, rotateFn, rotateX, rotateY, rotateZ, rowGap, saturate, scale3d, scaleFn, scaleX, scaleY, scaleZ, sepia, skew, skewX, skewY, steps, stopColor, stopOpacity, stroke, strokeDasharray, strokeDashoffset, strokeLinecap, strokeLinejoin, strokeMiterlimit, strokeOpacity, strokeWidth, supports, tableLayout, target, textAlign, textAnchor, textIndent, textOverflow, textShadow, textTransform, top, touchAction, transform, transformOrigin, transformStyle, transition, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction, translate3d, translateFn, translateX, translateY, translateZ, unicodeBidi, url, valid, var as _var, verticalAlign, visibility, visited, width, wordBreak, wordSpacing, writingMode, zIndex } from "../baseline-2019.mjs";
5
5
  import { properties } from "@cssints/css-grammar/mdn";
6
6
  type B = {
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, J as FlexMethods, K as within, L as global, M as cn, O as StateWrap, R as group, S as CvValue, T as PositionTry, W as token, Y as GridMethods, _ as CSSStyleValue, a as DtcgUnit, am as Fallback, b as CvConfig, c as Tokens, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as attr, k as Steps, l as check, m as CSS, n as DtcgColor, nm as VarCall, o as DtcgValue, om as Part, p as AttrOp, q as ClassValue, r as DtcgCubicBezier, s as Overrides, sm as Style, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, x as CvProps, z as keyframes } from "../theme-types-DVk08gse.mjs";
2
- import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-4V0lZ9tn.mjs";
3
- import "../group-common-D6TXTgPp.mjs";
1
+ import { A as Steps, B as keyframes, C as CvValue, E as PositionTry, I as cv, J as within, K as token, L as firstThatWorks, M as attr, N as cn, O as QueryWrap, R as global, S as CvProps, U as style, X as FlexMethods, Y as ClassValue, Z as GridMethods, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, cm as Part, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, im as VarCall, j as Wrap, k as StateWrap, l as check, lm as Style, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as Fallback, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as group } from "../theme-types-CplLnGgG.mjs";
2
+ import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-BBaZ8dwy.mjs";
3
+ import "../group-common-CTUs5yym.mjs";
4
4
  import { properties } from "@cssints/css-grammar/mdn";
5
5
  type B = {
6
6
  id: "baseline-2019";
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, J as FlexMethods, K as within, L as global, M as cn, O as StateWrap, R as group, S as CvValue, T as PositionTry, W as token, Y as GridMethods, _ as CSSStyleValue, a as DtcgUnit, am as Fallback, b as CvConfig, c as Tokens, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as attr, k as Steps, l as check, m as CSS, n as DtcgColor, o as DtcgValue, om as Part, p as AttrOp, q as ClassValue, r as DtcgCubicBezier, s as Overrides, sm as Style, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, x as CvProps, z as keyframes } from "../../theme-types-DVk08gse.mjs";
2
- import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-4V0lZ9tn.mjs";
3
- import "../../group-common-D6TXTgPp.mjs";
1
+ import { A as Steps, B as keyframes, C as CvValue, E as PositionTry, I as cv, J as within, K as token, L as firstThatWorks, M as attr, N as cn, O as QueryWrap, R as global, S as CvProps, U as style, X as FlexMethods, Y as ClassValue, Z as GridMethods, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, cm as Part, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as Wrap, k as StateWrap, l as check, lm as Style, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as Fallback, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as group } from "../../theme-types-CplLnGgG.mjs";
2
+ import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-BBaZ8dwy.mjs";
3
+ import "../../group-common-CTUs5yym.mjs";
4
4
  import { WebkitTextFillColor, WebkitTextStroke, WebkitTextStrokeColor, WebkitTextStrokeWidth, active, alignContent, alignItems, alignSelf, all, animation, animationDelay, animationDirection, animationDuration, animationFillMode, animationIterationCount, animationName, animationPlayState, animationTimingFunction, anyLink, attrFn, backgroundAttachment, backgroundBlendMode, backgroundClip, backgroundColor, backgroundImage, backgroundOrigin, backgroundPosition, backgroundRepeat, backgroundSize, bg, blockSize, blur, border, borderBlockEnd, borderBlockEndColor, borderBlockEndStyle, borderBlockEndWidth, borderBlockStart, borderBlockStartColor, borderBlockStartStyle, borderBlockStartWidth, borderBottom, borderBottomColor, borderBottomLeftRadius, borderBottomRightRadius, borderBottomStyle, borderBottomWidth, borderCollapse, borderColor, borderImage, borderImageOutset, borderImageRepeat, borderImageSlice, borderImageSource, borderImageWidth, borderInlineEnd, borderInlineEndColor, borderInlineEndStyle, borderInlineEndWidth, borderInlineStart, borderInlineStartColor, borderInlineStartStyle, borderInlineStartWidth, borderLeft, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRadius, borderRight, borderRightColor, borderRightStyle, borderRightWidth, borderSpacing, borderStyle, borderTop, borderTopColor, borderTopLeftRadius, borderTopRightRadius, borderTopStyle, borderTopWidth, borderWidth, bottom, boxShadow, boxSizing, breakAfter, breakBefore, breakInside, brightness, calc, captionSide, caretColor, checked, circle, clamp, clear, clipRule, color, colorFn, colorInterpolationFilters, columnCount, columnFill, columnGap, columnRule, columnRuleColor, columnRuleStyle, columnRuleWidth, columnSpan, columnWidth, columns, conicGradient, content, contrast, counter, counterIncrement, counterReset, counters, cubicBezier, cx, cy, defined, direction, disabled, display, dropShadow, ellipse, empty, emptyCells, enabled, env, fill, fillOpacity, fillRule, filter, firstChild, firstOfType, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, float, floodColor, floodOpacity, focus, focusWithin, font, fontFamily, fontFeatureSettings, fontKerning, fontOpticalSizing, fontSize, fontStyle, fontVariant, fontVariantCaps, fontVariantEastAsian, fontVariantLigatures, fontVariantNumeric, fontVariationSettings, fontWeight, gap, grayscale, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnEnd, gridColumnStart, gridRow, gridRowEnd, gridRowStart, gridTemplate, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, hover, hsl, hsla, hueRotate, image, imageOrientation, imageRendering, inRange, indeterminate, inlineSize, insetFn, invalid, invert, isolation, justifyContent, justifyItems, justifySelf, lastChild, lastOfType, left, letterSpacing, lightingColor, lineBreak, lineHeight, linearGradient, link, listStyle, listStyleImage, listStylePosition, listStyleType, m, margin, marginBlockEnd, marginBlockStart, marginBottom, marginInlineEnd, marginInlineStart, marginLeft, marginRight, marginTop, marker, markerEnd, markerMid, markerStart, maskType, matrix, matrix3d, max, maxBlockSize, maxHeight, maxInlineSize, maxWidth, mb, min, minBlockSize, minHeight, minInlineSize, minWidth, minmax, mixBlendMode, ml, mr, mt, objectFit, objectPosition, onlyChild, onlyOfType, opacity, opacityFn, optional, order, outOfRange, outlineColor, outlineOffset, outlineStyle, outlineWidth, overflow, overflowWrap, overflowX, overflowY, p, padding, paddingBlockEnd, paddingBlockStart, paddingBottom, paddingInlineEnd, paddingInlineStart, paddingLeft, paddingRight, paddingTop, path, pb, perspective, perspectiveFn, perspectiveOrigin, pl, placeContent, placeItems, placeSelf, placeholderShown, pointerEvents, polygon, position, pr, pt, quotes, r, radialGradient, readOnly, readWrite, repeatingConicGradient, repeatingLinearGradient, repeatingRadialGradient, required, rgb, rgba, right, root, rotate3d, rotateFn, rotateX, rotateY, rotateZ, rowGap, saturate, scale3d, scaleFn, scaleX, scaleY, scaleZ, scope, scrollSnapAlign, sepia, shapeImageThreshold, shapeMargin, shapeRendering, skew, skewX, skewY, steps, stopColor, stopOpacity, stroke, strokeDasharray, strokeDashoffset, strokeLinecap, strokeLinejoin, strokeMiterlimit, strokeOpacity, strokeWidth, supports, tableLayout, target, textAlign, textAnchor, textDecorationColor, textDecorationLine, textDecorationStyle, textIndent, textOrientation, textOverflow, textRendering, textShadow, textTransform, textUnderlineOffset, textUnderlinePosition, top, touchAction, transform, transformBox, transformOrigin, transformStyle, transition, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction, translate3d, translateFn, translateX, translateY, translateZ, unicodeBidi, url, valid, var as _var, vectorEffect, verticalAlign, visibility, visited, width, willChange, wordBreak, wordSpacing, writingMode, x, y, zIndex } from "../baseline-2020.mjs";
5
5
  import { properties } from "@cssints/css-grammar/mdn";
6
6
  type B = {
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, J as FlexMethods, K as within, L as global, M as cn, O as StateWrap, R as group, S as CvValue, T as PositionTry, W as token, Y as GridMethods, _ as CSSStyleValue, a as DtcgUnit, am as Fallback, b as CvConfig, c as Tokens, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as attr, k as Steps, l as check, m as CSS, n as DtcgColor, nm as VarCall, o as DtcgValue, om as Part, p as AttrOp, q as ClassValue, r as DtcgCubicBezier, s as Overrides, sm as Style, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, x as CvProps, z as keyframes } from "../theme-types-DVk08gse.mjs";
2
- import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-4V0lZ9tn.mjs";
3
- import "../group-common-D6TXTgPp.mjs";
1
+ import { A as Steps, B as keyframes, C as CvValue, E as PositionTry, I as cv, J as within, K as token, L as firstThatWorks, M as attr, N as cn, O as QueryWrap, R as global, S as CvProps, U as style, X as FlexMethods, Y as ClassValue, Z as GridMethods, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, cm as Part, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, im as VarCall, j as Wrap, k as StateWrap, l as check, lm as Style, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as Fallback, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as group } from "../theme-types-CplLnGgG.mjs";
2
+ import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-BBaZ8dwy.mjs";
3
+ import "../group-common-CTUs5yym.mjs";
4
4
  import { properties } from "@cssints/css-grammar/mdn";
5
5
  type B = {
6
6
  id: "baseline-2020";
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, J as FlexMethods, K as within, L as global, M as cn, O as StateWrap, R as group, S as CvValue, T as PositionTry, W as token, Y as GridMethods, _ as CSSStyleValue, a as DtcgUnit, am as Fallback, b as CvConfig, c as Tokens, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as attr, k as Steps, l as check, m as CSS, n as DtcgColor, o as DtcgValue, om as Part, p as AttrOp, q as ClassValue, r as DtcgCubicBezier, s as Overrides, sm as Style, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, x as CvProps, z as keyframes } from "../../theme-types-DVk08gse.mjs";
2
- import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-4V0lZ9tn.mjs";
3
- import "../../group-common-D6TXTgPp.mjs";
1
+ import { A as Steps, B as keyframes, C as CvValue, E as PositionTry, I as cv, J as within, K as token, L as firstThatWorks, M as attr, N as cn, O as QueryWrap, R as global, S as CvProps, U as style, X as FlexMethods, Y as ClassValue, Z as GridMethods, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, cm as Part, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as Wrap, k as StateWrap, l as check, lm as Style, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as Fallback, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as group } from "../../theme-types-CplLnGgG.mjs";
2
+ import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-BBaZ8dwy.mjs";
3
+ import "../../group-common-CTUs5yym.mjs";
4
4
  import { WebkitTextFillColor, WebkitTextStroke, WebkitTextStrokeColor, WebkitTextStrokeWidth, active, alignContent, alignItems, alignSelf, all, animation, animationDelay, animationDirection, animationDuration, animationFillMode, animationIterationCount, animationName, animationPlayState, animationTimingFunction, anyLink, aspectRatio, attrFn, backgroundAttachment, backgroundBlendMode, backgroundClip, backgroundColor, backgroundImage, backgroundOrigin, backgroundPosition, backgroundRepeat, backgroundSize, bg, blockSize, blur, border, borderBlock, borderBlockColor, borderBlockEnd, borderBlockEndColor, borderBlockEndStyle, borderBlockEndWidth, borderBlockStart, borderBlockStartColor, borderBlockStartStyle, borderBlockStartWidth, borderBlockStyle, borderBlockWidth, borderBottom, borderBottomColor, borderBottomLeftRadius, borderBottomRightRadius, borderBottomStyle, borderBottomWidth, borderCollapse, borderColor, borderEndEndRadius, borderEndStartRadius, borderImage, borderImageOutset, borderImageRepeat, borderImageSlice, borderImageSource, borderImageWidth, borderInline, borderInlineColor, borderInlineEnd, borderInlineEndColor, borderInlineEndStyle, borderInlineEndWidth, borderInlineStart, borderInlineStartColor, borderInlineStartStyle, borderInlineStartWidth, borderInlineStyle, borderInlineWidth, borderLeft, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRadius, borderRight, borderRightColor, borderRightStyle, borderRightWidth, borderSpacing, borderStartEndRadius, borderStartStartRadius, borderStyle, borderTop, borderTopColor, borderTopLeftRadius, borderTopRightRadius, borderTopStyle, borderTopWidth, borderWidth, bottom, boxShadow, boxSizing, breakAfter, breakBefore, breakInside, brightness, calc, captionSide, caretColor, checked, circle, clamp, clear, clipRule, color, colorFn, colorInterpolationFilters, columnCount, columnFill, columnGap, columnRule, columnRuleColor, columnRuleStyle, columnRuleWidth, columnSpan, columnWidth, columns, conicGradient, content, contrast, counter, counterIncrement, counterReset, counters, cubicBezier, cursor, cx, cy, defined, direction, disabled, display, dropShadow, ellipse, empty, emptyCells, enabled, env, fill, fillOpacity, fillRule, filter, firstChild, firstOfType, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, float, floodColor, floodOpacity, focus, focusWithin, font, fontFamily, fontFeatureSettings, fontKerning, fontOpticalSizing, fontSize, fontStyle, fontVariant, fontVariantCaps, fontVariantEastAsian, fontVariantLigatures, fontVariantNumeric, fontVariationSettings, fontWeight, gap, grayscale, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnEnd, gridColumnStart, gridRow, gridRowEnd, gridRowStart, gridTemplate, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, hover, hsl, hsla, hueRotate, image, imageOrientation, imageRendering, inRange, indeterminate, inset, insetBlock, insetBlockEnd, insetBlockStart, insetFn, insetInline, insetInlineEnd, insetInlineStart, invalid, invert, isolation, justifyContent, justifyItems, justifySelf, lastChild, lastOfType, left, letterSpacing, lightingColor, lineBreak, lineHeight, linearGradient, link, listStyle, listStyleImage, listStylePosition, listStyleType, m, margin, marginBlock, marginBlockEnd, marginBlockStart, marginBottom, marginInline, marginInlineEnd, marginInlineStart, marginLeft, marginRight, marginTop, marker, markerEnd, markerMid, markerStart, maskType, matrix, matrix3d, max, maxHeight, maxWidth, mb, min, minHeight, minWidth, minmax, mixBlendMode, ml, mr, mt, objectFit, objectPosition, onlyChild, onlyOfType, opacity, opacityFn, optional, order, outOfRange, outlineColor, outlineOffset, outlineStyle, outlineWidth, overflow, overflowWrap, overflowX, overflowY, p, padding, paddingBlock, paddingBlockEnd, paddingBlockStart, paddingBottom, paddingInline, paddingInlineEnd, paddingInlineStart, paddingLeft, paddingRight, paddingTop, path, pb, perspective, perspectiveFn, perspectiveOrigin, pl, placeContent, placeItems, placeSelf, placeholderShown, pointerEvents, polygon, position, pr, pt, quotes, r, radialGradient, readOnly, readWrite, repeatingConicGradient, repeatingLinearGradient, repeatingRadialGradient, required, rgb, rgba, right, root, rotate3d, rotateFn, rotateX, rotateY, rotateZ, rowGap, saturate, scale3d, scaleFn, scaleX, scaleY, scaleZ, scope, scrollMargin, scrollMarginBlock, scrollMarginBlockEnd, scrollMarginBlockStart, scrollMarginBottom, scrollMarginInline, scrollMarginInlineEnd, scrollMarginInlineStart, scrollMarginLeft, scrollMarginRight, scrollMarginTop, scrollPadding, scrollPaddingBlock, scrollPaddingBlockEnd, scrollPaddingBlockStart, scrollPaddingBottom, scrollPaddingInline, scrollPaddingInlineEnd, scrollPaddingInlineStart, scrollPaddingLeft, scrollPaddingRight, scrollPaddingTop, scrollSnapAlign, sepia, shapeImageThreshold, shapeMargin, shapeRendering, skew, skewX, skewY, steps, stopColor, stopOpacity, stroke, strokeDasharray, strokeDashoffset, strokeLinecap, strokeLinejoin, strokeMiterlimit, strokeOpacity, strokeWidth, tabSize, tableLayout, target, textAlign, textAnchor, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textIndent, textOrientation, textOverflow, textRendering, textShadow, textTransform, textUnderlineOffset, textUnderlinePosition, top, touchAction, transform, transformBox, transformOrigin, transformStyle, transition, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction, translate3d, translateFn, translateX, translateY, translateZ, unicodeBidi, url, valid, var as _var, vectorEffect, verticalAlign, visibility, visited, width, willChange, wordBreak, wordSpacing, writingMode, x, y, zIndex } from "../baseline-2021.mjs";
5
5
  import { properties } from "@cssints/css-grammar/mdn";
6
6
  type B = {