cssints 0.6.1 → 0.8.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 (147) hide show
  1. package/README.md +2 -2
  2. package/dist/clay-types.d.mts +87 -1
  3. package/dist/clay.d.mts +1 -1
  4. package/dist/clay.mjs +148 -7
  5. package/dist/group-common-ClVCSlR6.d.mts +1 -0
  6. package/dist/{group-types-4V0lZ9tn.d.mts → group-types-D1m9Whs0.d.mts} +1 -1
  7. package/dist/groups/baseline-2015/with-downstream.d.mts +4 -4
  8. package/dist/groups/baseline-2015.d.mts +4 -4
  9. package/dist/groups/baseline-2016/with-downstream.d.mts +4 -4
  10. package/dist/groups/baseline-2016.d.mts +4 -4
  11. package/dist/groups/baseline-2017/with-downstream.d.mts +4 -4
  12. package/dist/groups/baseline-2017.d.mts +4 -4
  13. package/dist/groups/baseline-2018/with-downstream.d.mts +4 -4
  14. package/dist/groups/baseline-2018.d.mts +4 -4
  15. package/dist/groups/baseline-2019/with-downstream.d.mts +4 -4
  16. package/dist/groups/baseline-2019.d.mts +4 -4
  17. package/dist/groups/baseline-2020/with-downstream.d.mts +4 -4
  18. package/dist/groups/baseline-2020.d.mts +4 -4
  19. package/dist/groups/baseline-2021/with-downstream.d.mts +4 -4
  20. package/dist/groups/baseline-2021.d.mts +4 -4
  21. package/dist/groups/baseline-2022/with-downstream.d.mts +4 -4
  22. package/dist/groups/baseline-2022.d.mts +4 -4
  23. package/dist/groups/baseline-2023/with-downstream.d.mts +4 -4
  24. package/dist/groups/baseline-2023.d.mts +4 -4
  25. package/dist/groups/baseline-2024/with-downstream.d.mts +4 -4
  26. package/dist/groups/baseline-2024.d.mts +4 -4
  27. package/dist/groups/baseline-2025/with-downstream.d.mts +4 -4
  28. package/dist/groups/baseline-2025.d.mts +4 -4
  29. package/dist/groups/baseline-2026/with-downstream.d.mts +2 -2
  30. package/dist/groups/baseline-2026.d.mts +2 -2
  31. package/dist/groups/compositing-2.d.mts +4 -4
  32. package/dist/groups/css-align-3.d.mts +4 -4
  33. package/dist/groups/css-anchor-position-1.d.mts +4 -4
  34. package/dist/groups/css-anchor-position-2.d.mts +4 -4
  35. package/dist/groups/css-animations-1.d.mts +4 -4
  36. package/dist/groups/css-animations-2.d.mts +4 -4
  37. package/dist/groups/css-backgrounds-3.d.mts +4 -4
  38. package/dist/groups/css-backgrounds-4.d.mts +4 -4
  39. package/dist/groups/css-borders-4.d.mts +4 -4
  40. package/dist/groups/css-box-4.d.mts +4 -4
  41. package/dist/groups/css-break-4.d.mts +4 -4
  42. package/dist/groups/css-cascade-5.d.mts +4 -4
  43. package/dist/groups/css-cascade-6.d.mts +4 -4
  44. package/dist/groups/css-color-4.d.mts +4 -4
  45. package/dist/groups/css-color-5.d.mts +4 -4
  46. package/dist/groups/css-color-6.d.mts +4 -4
  47. package/dist/groups/css-color-adjust-1.d.mts +4 -4
  48. package/dist/groups/css-color-hdr-1.d.mts +4 -4
  49. package/dist/groups/css-conditional-3.d.mts +4 -4
  50. package/dist/groups/css-conditional-4.d.mts +4 -4
  51. package/dist/groups/css-conditional-5.d.mts +4 -4
  52. package/dist/groups/css-contain-2.d.mts +4 -4
  53. package/dist/groups/css-content-3.d.mts +4 -4
  54. package/dist/groups/css-counter-styles-3.d.mts +4 -4
  55. package/dist/groups/css-display-4.d.mts +4 -4
  56. package/dist/groups/css-easing-2.d.mts +4 -4
  57. package/dist/groups/css-env-1.d.mts +4 -4
  58. package/dist/groups/css-flexbox-1.d.mts +4 -4
  59. package/dist/groups/css-fonts-4.d.mts +4 -4
  60. package/dist/groups/css-fonts-5.d.mts +4 -4
  61. package/dist/groups/css-forms-1.d.mts +4 -4
  62. package/dist/groups/css-gaps-1.d.mts +4 -4
  63. package/dist/groups/css-gcpm-3.d.mts +4 -4
  64. package/dist/groups/css-gcpm-4.d.mts +4 -4
  65. package/dist/groups/css-grid-2.d.mts +4 -4
  66. package/dist/groups/css-grid-3.d.mts +4 -4
  67. package/dist/groups/css-images-3.d.mts +4 -4
  68. package/dist/groups/css-images-4.d.mts +4 -4
  69. package/dist/groups/css-images-5.d.mts +4 -4
  70. package/dist/groups/css-inline-3.d.mts +4 -4
  71. package/dist/groups/css-lists-3.d.mts +4 -4
  72. package/dist/groups/css-logical-1.d.mts +4 -4
  73. package/dist/groups/css-masking-1.d.mts +4 -4
  74. package/dist/groups/css-multicol-2.d.mts +4 -4
  75. package/dist/groups/css-overflow-3.d.mts +4 -4
  76. package/dist/groups/css-overflow-4.d.mts +4 -4
  77. package/dist/groups/css-overflow-5.d.mts +4 -4
  78. package/dist/groups/css-overscroll-1.d.mts +4 -4
  79. package/dist/groups/css-page-3.d.mts +4 -4
  80. package/dist/groups/css-page-floats-3.d.mts +4 -4
  81. package/dist/groups/css-position-3.d.mts +4 -4
  82. package/dist/groups/css-position-4.d.mts +4 -4
  83. package/dist/groups/css-rhythm-1.d.mts +4 -4
  84. package/dist/groups/css-round-display-1.d.mts +4 -4
  85. package/dist/groups/css-ruby-1.d.mts +4 -4
  86. package/dist/groups/css-scroll-anchoring-1.d.mts +4 -4
  87. package/dist/groups/css-scroll-snap-1.d.mts +4 -4
  88. package/dist/groups/css-scroll-snap-2.d.mts +4 -4
  89. package/dist/groups/css-scrollbars-1.d.mts +4 -4
  90. package/dist/groups/css-shapes-1.d.mts +4 -4
  91. package/dist/groups/css-shapes-2.d.mts +4 -4
  92. package/dist/groups/css-size-adjust-1.d.mts +4 -4
  93. package/dist/groups/css-sizing-3.d.mts +4 -4
  94. package/dist/groups/css-sizing-4.d.mts +4 -4
  95. package/dist/groups/css-speech-1.d.mts +4 -4
  96. package/dist/groups/css-tables-3.d.mts +4 -4
  97. package/dist/groups/css-text-3.d.mts +4 -4
  98. package/dist/groups/css-text-4.d.mts +4 -4
  99. package/dist/groups/css-text-decor-3.d.mts +4 -4
  100. package/dist/groups/css-text-decor-4.d.mts +4 -4
  101. package/dist/groups/css-transforms-1.d.mts +4 -4
  102. package/dist/groups/css-transforms-2.d.mts +4 -4
  103. package/dist/groups/css-transitions-1.d.mts +4 -4
  104. package/dist/groups/css-transitions-2.d.mts +4 -4
  105. package/dist/groups/css-ui-4.d.mts +4 -4
  106. package/dist/groups/css-values-4.d.mts +4 -4
  107. package/dist/groups/css-values-5.d.mts +4 -4
  108. package/dist/groups/css-variables-2.d.mts +3 -3
  109. package/dist/groups/css-view-transitions-2.d.mts +4 -4
  110. package/dist/groups/css-viewport.d.mts +4 -4
  111. package/dist/groups/css-will-change-1.d.mts +4 -4
  112. package/dist/groups/css-writing-modes-4.d.mts +4 -4
  113. package/dist/groups/css2.d.mts +4 -4
  114. package/dist/groups/fill-stroke-3.d.mts +4 -4
  115. package/dist/groups/filter-effects-1.d.mts +4 -4
  116. package/dist/groups/filter-effects-2.d.mts +4 -4
  117. package/dist/groups/limited-availability.d.mts +2 -2
  118. package/dist/groups/mediaqueries-4.d.mts +4 -4
  119. package/dist/groups/mediaqueries-5.d.mts +4 -4
  120. package/dist/groups/motion-1.d.mts +4 -4
  121. package/dist/groups/newly-available/with-downstream.d.mts +4 -4
  122. package/dist/groups/newly-available.d.mts +4 -4
  123. package/dist/groups/not-discouraged.d.mts +4 -4
  124. package/dist/groups/scroll-animations-1.d.mts +4 -4
  125. package/dist/groups/selectors-4.d.mts +3 -3
  126. package/dist/groups/selectors-5.d.mts +3 -3
  127. package/dist/groups/widely-available/with-downstream.d.mts +4 -4
  128. package/dist/groups/widely-available.d.mts +4 -4
  129. package/dist/index.d.mts +16 -4
  130. package/dist/index.mjs +84 -16
  131. package/dist/{instrument-BN47aTEW.mjs → instrument-D68RkfDU.mjs} +7 -2
  132. package/dist/plugin-types.d.mts +1 -1
  133. package/dist/plugin.d.mts +1 -1
  134. package/dist/runtime.d.mts +1 -0
  135. package/dist/runtime.mjs +5 -1
  136. package/dist/{scope-Db73Iud8.d.mts → scope-xUS8MykU.d.mts} +1698 -1
  137. package/dist/surface.d.mts +1 -1
  138. package/dist/{theme-DBCyDih4.mjs → theme-C5cmxs1-.mjs} +4 -3
  139. package/dist/{theme-types-DVk08gse.d.mts → theme-types-C5OAtybo.d.mts} +1699 -2
  140. package/dist/tui-types.d.mts +1 -1
  141. package/dist/tui.mjs +1 -1
  142. package/dist/types.d.mts +2 -2
  143. package/dist/vite.mjs +1 -1
  144. package/docs/API.md +216 -6
  145. package/package.json +2 -2
  146. package/skills/cssints/SKILL.md +8 -3
  147. package/dist/group-common-D6TXTgPp.d.mts +0 -1
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, 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 } from "../theme-types-DVk08gse.mjs";
2
- import { t as GCondition } from "../group-types-4V0lZ9tn.mjs";
3
- import "../group-common-D6TXTgPp.mjs";
1
+ import { A as ScvValue, B as global, C as CvValue, E as PositionTry, F as cn, G as scv, K as style, M as Steps, N as Wrap, O as QueryWrap, P as attr, Q as ClassValue, R as cv, S as CvProps, V as group, Y as token, Z as within, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, d as createTokens, dm as Part, f as layers, fm as Style, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as StateWrap, k as ScvConfig, l as check, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, t as CheckOverrides, u as createGlobalTheme, um as Fallback, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as firstThatWorks } from "../theme-types-C5OAtybo.mjs";
2
+ import { t as GCondition } from "../group-types-D1m9Whs0.mjs";
3
+ import "../group-common-ClVCSlR6.mjs";
4
4
  type B = {
5
5
  id: "mediaqueries-5";
6
6
  kw: Record<never, never>;
@@ -11,4 +11,4 @@ type B = {
11
11
  supports: never;
12
12
  };
13
13
  export declare const media: GCondition<B, "media", QueryWrap>;
14
- export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, layers, style, token, within };
14
+ export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type ScvConfig, type ScvValue, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, layers, scv, style, token, within };
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, 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 } from "../theme-types-DVk08gse.mjs";
2
- import { a as GProp, n as GFn } from "../group-types-4V0lZ9tn.mjs";
3
- import "../group-common-D6TXTgPp.mjs";
1
+ import { A as ScvValue, B as global, C as CvValue, E as PositionTry, F as cn, G as scv, K as style, M as Steps, N as Wrap, O as QueryWrap, P as attr, Q as ClassValue, R as cv, S as CvProps, V as group, Y as token, Z as within, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, d as createTokens, dm as Part, f as layers, fm as Style, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as StateWrap, k as ScvConfig, l as check, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, t as CheckOverrides, u as createGlobalTheme, um as Fallback, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as firstThatWorks } from "../theme-types-C5OAtybo.mjs";
2
+ import { a as GProp, n as GFn } from "../group-types-D1m9Whs0.mjs";
3
+ import "../group-common-ClVCSlR6.mjs";
4
4
  import { properties } from "@cssints/css-grammar/mdn";
5
5
  type B = {
6
6
  id: "motion-1";
@@ -19,4 +19,4 @@ export declare const offsetPath: P<"offset-path">;
19
19
  export declare const offsetPosition: P<"offset-position">;
20
20
  export declare const offsetRotate: P<"offset-rotate">;
21
21
  export declare const ray: GFn<B, "ray", " ">;
22
- export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, layers, style, token, within };
22
+ export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type ScvConfig, type ScvValue, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, layers, scv, style, token, within };
@@ -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 { $ as FlexMethods, A as ScvValue, B as global, C as CvValue, E as PositionTry, F as cn, G as scv, H as keyframes, K as style, M as Steps, N as Wrap, O as QueryWrap, P as attr, Q as ClassValue, R as cv, S as CvProps, V as group, Y as token, Z as within, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, d as createTokens, dm as Part, et as GridMethods, f as layers, fm as Style, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as StateWrap, k as ScvConfig, l as check, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as VarCall, t as CheckOverrides, u as createGlobalTheme, um as Fallback, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as firstThatWorks } from "../../theme-types-C5OAtybo.mjs";
2
+ import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../../group-types-D1m9Whs0.mjs";
3
+ import "../../group-common-ClVCSlR6.mjs";
4
4
  import { properties } from "@cssints/css-grammar/mdn";
5
5
  type B = {
6
6
  id: "newly-available/with-downstream";
@@ -627,4 +627,4 @@ export declare const container: GCondition<B, "container", QueryWrap>;
627
627
  export declare const supports: GCondition<B, "supports", Wrap>;
628
628
  export declare const flex: GLayout<B, "flex", Pick<FlexMethods, "direction" | "wrap" | "flow" | "alignItems" | "alignContent" | "justifyContent" | "placeContent" | "gap" | "rowGap" | "columnGap">>;
629
629
  export declare const grid: GLayout<B, "grid", Pick<GridMethods, "templateColumns" | "templateRows" | "templateAreas" | "template" | "autoFlow" | "autoColumns" | "autoRows" | "alignItems" | "justifyItems" | "placeItems" | "alignContent" | "justifyContent" | "placeContent" | "gap" | "rowGap" | "columnGap">>;
630
- export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, keyframes, layers, style, token, _var as var, within };
630
+ export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type ScvConfig, type ScvValue, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, keyframes, layers, scv, style, token, _var as var, within };
@@ -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 { $ as FlexMethods, A as ScvValue, B as global, C as CvValue, E as PositionTry, F as cn, G as scv, H as keyframes, K as style, M as Steps, N as Wrap, O as QueryWrap, P as attr, Q as ClassValue, R as cv, S as CvProps, V as group, Y as token, Z as within, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, d as createTokens, dm as Part, et as GridMethods, f as layers, fm as Style, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as StateWrap, k as ScvConfig, l as check, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as VarCall, t as CheckOverrides, u as createGlobalTheme, um as Fallback, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as firstThatWorks } from "../theme-types-C5OAtybo.mjs";
2
+ import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-D1m9Whs0.mjs";
3
+ import "../group-common-ClVCSlR6.mjs";
4
4
  import { properties } from "@cssints/css-grammar/mdn";
5
5
  type B = {
6
6
  id: "newly-available";
@@ -626,4 +626,4 @@ export declare const supports: GCondition<B, "supports", Wrap>;
626
626
  export declare const positionTry: ((style: Style) => PositionTry) & P<"position-try">;
627
627
  export declare const flex: GLayout<B, "flex", Pick<FlexMethods, "direction" | "wrap" | "flow" | "alignItems" | "alignContent" | "justifyContent" | "placeContent" | "gap" | "rowGap" | "columnGap">>;
628
628
  export declare const grid: GLayout<B, "grid", Pick<GridMethods, "templateColumns" | "templateRows" | "templateAreas" | "template" | "autoFlow" | "autoColumns" | "autoRows" | "alignItems" | "justifyItems" | "placeItems" | "alignContent" | "justifyContent" | "placeContent" | "gap" | "rowGap" | "columnGap">>;
629
- export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, keyframes, layers, style, token, _var as var, within };
629
+ export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type ScvConfig, type ScvValue, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, keyframes, layers, scv, style, token, _var as var, within };
@@ -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 { $ as FlexMethods, A as ScvValue, B as global, C as CvValue, E as PositionTry, F as cn, G as scv, H as keyframes, K as style, M as Steps, N as Wrap, O as QueryWrap, P as attr, Q as ClassValue, R as cv, S as CvProps, V as group, Y as token, Z as within, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, d as createTokens, dm as Part, et as GridMethods, f as layers, fm as Style, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as StateWrap, k as ScvConfig, l as check, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as VarCall, t as CheckOverrides, u as createGlobalTheme, um as Fallback, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as firstThatWorks } from "../theme-types-C5OAtybo.mjs";
2
+ import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-D1m9Whs0.mjs";
3
+ import "../group-common-ClVCSlR6.mjs";
4
4
  import { properties } from "@cssints/css-grammar/mdn";
5
5
  type B = {
6
6
  id: "not-discouraged";
@@ -722,4 +722,4 @@ export declare const supports: GCondition<B, "supports", Wrap>;
722
722
  export declare const positionTry: ((style: Style) => PositionTry) & P<"position-try">;
723
723
  export declare const flex: GLayout<B, "flex", Pick<FlexMethods, "direction" | "wrap" | "flow" | "alignItems" | "alignContent" | "justifyContent" | "placeContent" | "gap" | "rowGap" | "columnGap">>;
724
724
  export declare const grid: GLayout<B, "grid", Pick<GridMethods, "templateColumns" | "templateRows" | "templateAreas" | "template" | "autoFlow" | "autoColumns" | "autoRows" | "alignItems" | "justifyItems" | "placeItems" | "alignContent" | "justifyContent" | "placeContent" | "gap" | "rowGap" | "columnGap">>;
725
- export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, keyframes, layers, style, token, _var as var, within };
725
+ export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type ScvConfig, type ScvValue, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, keyframes, layers, scv, style, token, _var as var, within };
@@ -1,6 +1,6 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, 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 } from "../theme-types-DVk08gse.mjs";
2
- import { a as GProp, n as GFn } from "../group-types-4V0lZ9tn.mjs";
3
- import "../group-common-D6TXTgPp.mjs";
1
+ import { A as ScvValue, B as global, C as CvValue, E as PositionTry, F as cn, G as scv, K as style, M as Steps, N as Wrap, O as QueryWrap, P as attr, Q as ClassValue, R as cv, S as CvProps, V as group, Y as token, Z as within, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, d as createTokens, dm as Part, f as layers, fm as Style, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as StateWrap, k as ScvConfig, l as check, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, t as CheckOverrides, u as createGlobalTheme, um as Fallback, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as firstThatWorks } from "../theme-types-C5OAtybo.mjs";
2
+ import { a as GProp, n as GFn } from "../group-types-D1m9Whs0.mjs";
3
+ import "../group-common-ClVCSlR6.mjs";
4
4
  import { properties } from "@cssints/css-grammar/mdn";
5
5
  type B = {
6
6
  id: "scroll-animations-1";
@@ -25,4 +25,4 @@ export declare const viewTimelineInset: P<"view-timeline-inset">;
25
25
  export declare const viewTimelineName: P<"view-timeline-name">;
26
26
  export declare const scroll: GFn<B, "scroll", " ">;
27
27
  export declare const view: GFn<B, "view", " ">;
28
- export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, layers, style, token, within };
28
+ export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type ScvConfig, type ScvValue, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, layers, scv, style, token, within };
@@ -1,5 +1,5 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, 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 } from "../theme-types-DVk08gse.mjs";
2
- import "../group-common-D6TXTgPp.mjs";
1
+ import { A as ScvValue, B as global, C as CvValue, E as PositionTry, F as cn, G as scv, K as style, M as Steps, N as Wrap, O as QueryWrap, P as attr, Q as ClassValue, R as cv, S as CvProps, V as group, Y as token, Z as within, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, d as createTokens, dm as Part, f as layers, fm as Style, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as StateWrap, k as ScvConfig, l as check, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, t as CheckOverrides, u as createGlobalTheme, um as Fallback, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as firstThatWorks } from "../theme-types-C5OAtybo.mjs";
2
+ import "../group-common-ClVCSlR6.mjs";
3
3
  export declare const active: StateWrap;
4
4
  export declare const anyLink: StateWrap;
5
5
  export declare const autofill: StateWrap;
@@ -49,4 +49,4 @@ export declare const userValid: StateWrap;
49
49
  export declare const valid: StateWrap;
50
50
  export declare const visited: StateWrap;
51
51
  export declare const volumeLocked: StateWrap;
52
- export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, layers, style, token, within };
52
+ export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type ScvConfig, type ScvValue, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, layers, scv, style, token, within };
@@ -1,5 +1,5 @@
1
- import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, 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 } from "../theme-types-DVk08gse.mjs";
2
- import "../group-common-D6TXTgPp.mjs";
1
+ import { A as ScvValue, B as global, C as CvValue, E as PositionTry, F as cn, G as scv, K as style, M as Steps, N as Wrap, O as QueryWrap, P as attr, Q as ClassValue, R as cv, S as CvProps, V as group, Y as token, Z as within, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, d as createTokens, dm as Part, f as layers, fm as Style, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as StateWrap, k as ScvConfig, l as check, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, t as CheckOverrides, u as createGlobalTheme, um as Fallback, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as firstThatWorks } from "../theme-types-C5OAtybo.mjs";
2
+ import "../group-common-ClVCSlR6.mjs";
3
3
  export declare const active: StateWrap;
4
4
  export declare const anyLink: StateWrap;
5
5
  export declare const autofill: StateWrap;
@@ -49,4 +49,4 @@ export declare const userValid: StateWrap;
49
49
  export declare const valid: StateWrap;
50
50
  export declare const visited: StateWrap;
51
51
  export declare const volumeLocked: StateWrap;
52
- export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, layers, style, token, within };
52
+ export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type ScvConfig, type ScvValue, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, layers, scv, style, token, within };
@@ -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 { $ as FlexMethods, A as ScvValue, B as global, C as CvValue, E as PositionTry, F as cn, G as scv, H as keyframes, K as style, M as Steps, N as Wrap, O as QueryWrap, P as attr, Q as ClassValue, R as cv, S as CvProps, V as group, Y as token, Z as within, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, d as createTokens, dm as Part, et as GridMethods, f as layers, fm as Style, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as StateWrap, k as ScvConfig, l as check, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, t as CheckOverrides, u as createGlobalTheme, um as Fallback, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as firstThatWorks } from "../../theme-types-C5OAtybo.mjs";
2
+ import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-D1m9Whs0.mjs";
3
+ import "../../group-common-ClVCSlR6.mjs";
4
4
  import { WebkitTextFillColor, WebkitTextStroke, WebkitTextStrokeColor, WebkitTextStrokeWidth, acos, active, alignContent, alignItems, alignSelf, all, animation, animationComposition, animationDelay, animationDirection, animationDuration, animationFillMode, animationIterationCount, animationName, animationPlayState, animationTimingFunction, anyLink, appearance, asin, aspectRatio, atan, atan2, attrFn, backfaceVisibility, 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, clipPath, clipRule, color, colorFn, colorInterpolationFilters, colorMix, colorScheme, columnCount, columnFill, columnGap, columnRule, columnRuleColor, columnRuleStyle, columnRuleWidth, columnSpan, columnWidth, columns, conicGradient, contain, containIntrinsicBlockSize, containIntrinsicHeight, containIntrinsicInlineSize, containIntrinsicSize, containIntrinsicWidth, container, containerName, containerType, content, contrast, cos, counter, counterIncrement, counterReset, counterSet, counters, cubicBezier, cursor, cx, cy, defined, direction, disabled, display, dropShadow, ellipse, empty, emptyCells, enabled, env, exp, fill, fillOpacity, fillRule, filter, firstChild, firstOfType, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, float, floodColor, floodOpacity, focus, focusVisible, focusWithin, font, fontFamily, fontFeatureSettings, fontKerning, fontOpticalSizing, fontPalette, fontSize, fontStyle, fontSynthesis, fontSynthesisSmallCaps, fontSynthesisStyle, fontSynthesisWeight, fontVariant, fontVariantAlternates, fontVariantCaps, fontVariantEastAsian, fontVariantLigatures, fontVariantNumeric, fontVariantPosition, fontVariationSettings, fontWeight, gap, grayscale, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnEnd, gridColumnStart, gridRow, gridRowEnd, gridRowStart, gridTemplate, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, hover, hsl, hsla, hueRotate, hwb, hyphenateCharacter, hyphens, hypot, image, imageOrientation, imageRendering, imageSet, inRange, indeterminate, inset, insetBlock, insetBlockEnd, insetBlockStart, insetFn, insetInline, insetInlineEnd, insetInlineStart, invalid, invert, isolation, justifyContent, justifyItems, justifySelf, lab, lastChild, lastOfType, lch, left, letterSpacing, lightingColor, lineBreak, lineHeight, linear, linearGradient, link, listStyle, listStyleImage, listStylePosition, listStyleType, log, m, margin, marginBlock, marginBlockEnd, marginBlockStart, marginBottom, marginInline, marginInlineEnd, marginInlineStart, marginLeft, marginRight, marginTop, marker, markerEnd, markerMid, markerStart, maskClip, maskComposite, maskOrigin, maskPosition, maskRepeat, maskSize, maskType, mathStyle, matrix, matrix3d, max, maxHeight, maxWidth, mb, min, minHeight, minWidth, minmax, mixBlendMode, ml, modal, mr, mt, objectFit, objectPosition, offset, offsetAnchor, offsetDistance, offsetPath, offsetPosition, offsetRotate, oklab, oklch, onlyChild, onlyOfType, opacity, opacityFn, optional, order, outOfRange, outline, outlineColor, outlineOffset, outlineStyle, outlineWidth, overflow, overflowWrap, overflowX, overflowY, p, padding, paddingBlock, paddingBlockEnd, paddingBlockStart, paddingBottom, paddingInline, paddingInlineEnd, paddingInlineStart, paddingLeft, paddingRight, paddingTop, page, paintOrder, path, pb, perspective, perspectiveFn, perspectiveOrigin, pl, placeContent, placeItems, placeSelf, placeholderShown, pointerEvents, polygon, position, pow, pr, pt, quotes, r, radialGradient, ray, readOnly, readWrite, rect, repeatingConicGradient, repeatingLinearGradient, repeatingRadialGradient, required, rgb, rgba, right, root, rotate, rotate3d, rotateFn, rotateX, rotateY, rotateZ, rowGap, rx, ry, saturate, scale, scale3d, scaleFn, scaleX, scaleY, scaleZ, scope, scrollBehavior, scrollMargin, scrollMarginBlock, scrollMarginBlockEnd, scrollMarginBlockStart, scrollMarginBottom, scrollMarginInline, scrollMarginInlineEnd, scrollMarginInlineStart, scrollMarginLeft, scrollMarginRight, scrollMarginTop, scrollPadding, scrollPaddingBlock, scrollPaddingBlockEnd, scrollPaddingBlockStart, scrollPaddingBottom, scrollPaddingInline, scrollPaddingInlineEnd, scrollPaddingInlineStart, scrollPaddingLeft, scrollPaddingRight, scrollPaddingTop, scrollSnapAlign, scrollSnapStop, scrollSnapType, sepia, shapeImageThreshold, shapeMargin, shapeRendering, sin, skew, skewX, skewY, sqrt, steps, stopColor, stopOpacity, stroke, strokeDasharray, strokeDashoffset, strokeLinecap, strokeLinejoin, strokeMiterlimit, strokeOpacity, strokeWidth, tabSize, tableLayout, tan, target, textAlign, textAlignLast, textAnchor, textCombineUpright, textDecoration, textDecorationColor, textDecorationLine, textDecorationSkipInk, textDecorationStyle, textDecorationThickness, textEmphasis, textEmphasisColor, textEmphasisPosition, textEmphasisStyle, textIndent, textOrientation, textOverflow, textRendering, textShadow, textTransform, textUnderlineOffset, textUnderlinePosition, top, touchAction, transform, transformBox, transformOrigin, transformStyle, transition, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction, translate, translate3d, translateFn, translateX, translateY, translateZ, unicodeBidi, url, userInvalid, userValid, valid, var as _var, vectorEffect, verticalAlign, visibility, visited, whiteSpaceCollapse, width, willChange, wordBreak, wordSpacing, writingMode, x, xywh, y, zIndex } from "../widely-available.mjs";
5
5
  import { properties } from "@cssints/css-grammar/mdn";
6
6
  type B = {
@@ -116,4 +116,4 @@ export declare const media: GCondition<B, "media", QueryWrap>;
116
116
  export declare const supports: GCondition<B, "supports", Wrap>;
117
117
  export declare const flex: GLayout<B, "flex", Pick<FlexMethods, "direction" | "wrap" | "flow" | "alignItems" | "alignContent" | "justifyContent" | "placeContent" | "gap" | "rowGap" | "columnGap">>;
118
118
  export declare const grid: GLayout<B, "grid", Pick<GridMethods, "templateColumns" | "templateRows" | "templateAreas" | "template" | "autoFlow" | "autoColumns" | "autoRows" | "alignItems" | "justifyItems" | "placeItems" | "alignContent" | "justifyContent" | "placeContent" | "gap" | "rowGap" | "columnGap">>;
119
- export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type StateWrap, type Steps, type Style, Tokens, WebkitTextFillColor, WebkitTextStroke, WebkitTextStrokeColor, WebkitTextStrokeWidth, type Wrap, acos, active, alignContent, alignItems, alignSelf, all, animation, animationComposition, animationDelay, animationDirection, animationDuration, animationFillMode, animationIterationCount, animationName, animationPlayState, animationTimingFunction, anyLink, appearance, asin, aspectRatio, atan, atan2, attr, attrFn, backfaceVisibility, 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, check, checked, circle, clamp, clear, clipPath, clipRule, cn, color, colorFn, colorInterpolationFilters, colorMix, colorScheme, columnCount, columnFill, columnGap, columnRule, columnRuleColor, columnRuleStyle, columnRuleWidth, columnSpan, columnWidth, columns, conicGradient, contain, containIntrinsicBlockSize, containIntrinsicHeight, containIntrinsicInlineSize, containIntrinsicSize, containIntrinsicWidth, container, containerName, containerType, content, contrast, cos, counter, counterIncrement, counterReset, counterSet, counters, createGlobalTheme, createTokens, cubicBezier, cursor, cv, cx, cy, defined, direction, disabled, display, dropShadow, ellipse, empty, emptyCells, enabled, env, exp, fill, fillOpacity, fillRule, filter, firstChild, firstOfType, firstThatWorks, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, float, floodColor, floodOpacity, focus, focusVisible, focusWithin, font, fontFamily, fontFeatureSettings, fontKerning, fontOpticalSizing, fontPalette, fontSize, fontStyle, fontSynthesis, fontSynthesisSmallCaps, fontSynthesisStyle, fontSynthesisWeight, fontVariant, fontVariantAlternates, fontVariantCaps, fontVariantEastAsian, fontVariantLigatures, fontVariantNumeric, fontVariantPosition, fontVariationSettings, fontWeight, gap, global, grayscale, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnEnd, gridColumnStart, gridRow, gridRowEnd, gridRowStart, gridTemplate, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, group, height, hover, hsl, hsla, hueRotate, hwb, hyphenateCharacter, hyphens, hypot, image, imageOrientation, imageRendering, imageSet, inRange, indeterminate, inset, insetBlock, insetBlockEnd, insetBlockStart, insetFn, insetInline, insetInlineEnd, insetInlineStart, invalid, invert, isolation, justifyContent, justifyItems, justifySelf, keyframes, lab, lastChild, lastOfType, layers, lch, left, letterSpacing, lightingColor, lineBreak, lineHeight, linear, linearGradient, link, listStyle, listStyleImage, listStylePosition, listStyleType, log, m, margin, marginBlock, marginBlockEnd, marginBlockStart, marginBottom, marginInline, marginInlineEnd, marginInlineStart, marginLeft, marginRight, marginTop, marker, markerEnd, markerMid, markerStart, maskClip, maskComposite, maskOrigin, maskPosition, maskRepeat, maskSize, maskType, mathStyle, matrix, matrix3d, max, maxHeight, maxWidth, mb, min, minHeight, minWidth, minmax, mixBlendMode, ml, modal, mr, mt, objectFit, objectPosition, offset, offsetAnchor, offsetDistance, offsetPath, offsetPosition, offsetRotate, oklab, oklch, onlyChild, onlyOfType, opacity, opacityFn, optional, order, outOfRange, outline, outlineColor, outlineOffset, outlineStyle, outlineWidth, overflow, overflowWrap, overflowX, overflowY, p, padding, paddingBlock, paddingBlockEnd, paddingBlockStart, paddingBottom, paddingInline, paddingInlineEnd, paddingInlineStart, paddingLeft, paddingRight, paddingTop, page, paintOrder, path, pb, perspective, perspectiveFn, perspectiveOrigin, pl, placeContent, placeItems, placeSelf, placeholderShown, pointerEvents, polygon, position, pow, pr, pt, quotes, r, radialGradient, ray, readOnly, readWrite, rect, repeatingConicGradient, repeatingLinearGradient, repeatingRadialGradient, required, rgb, rgba, right, root, rotate, rotate3d, rotateFn, rotateX, rotateY, rotateZ, rowGap, rx, ry, saturate, scale, scale3d, scaleFn, scaleX, scaleY, scaleZ, scope, scrollBehavior, scrollMargin, scrollMarginBlock, scrollMarginBlockEnd, scrollMarginBlockStart, scrollMarginBottom, scrollMarginInline, scrollMarginInlineEnd, scrollMarginInlineStart, scrollMarginLeft, scrollMarginRight, scrollMarginTop, scrollPadding, scrollPaddingBlock, scrollPaddingBlockEnd, scrollPaddingBlockStart, scrollPaddingBottom, scrollPaddingInline, scrollPaddingInlineEnd, scrollPaddingInlineStart, scrollPaddingLeft, scrollPaddingRight, scrollPaddingTop, scrollSnapAlign, scrollSnapStop, scrollSnapType, sepia, shapeImageThreshold, shapeMargin, shapeRendering, sin, skew, skewX, skewY, sqrt, steps, stopColor, stopOpacity, stroke, strokeDasharray, strokeDashoffset, strokeLinecap, strokeLinejoin, strokeMiterlimit, strokeOpacity, strokeWidth, style, tabSize, tableLayout, tan, target, textAlign, textAlignLast, textAnchor, textCombineUpright, textDecoration, textDecorationColor, textDecorationLine, textDecorationSkipInk, textDecorationStyle, textDecorationThickness, textEmphasis, textEmphasisColor, textEmphasisPosition, textEmphasisStyle, textIndent, textOrientation, textOverflow, textRendering, textShadow, textTransform, textUnderlineOffset, textUnderlinePosition, token, top, touchAction, transform, transformBox, transformOrigin, transformStyle, transition, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction, translate, translate3d, translateFn, translateX, translateY, translateZ, unicodeBidi, url, userInvalid, userValid, valid, _var as var, vectorEffect, verticalAlign, visibility, visited, whiteSpaceCollapse, width, willChange, within, wordBreak, wordSpacing, writingMode, x, xywh, y, zIndex };
119
+ export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type ScvConfig, type ScvValue, type StateWrap, type Steps, type Style, Tokens, WebkitTextFillColor, WebkitTextStroke, WebkitTextStrokeColor, WebkitTextStrokeWidth, type Wrap, acos, active, alignContent, alignItems, alignSelf, all, animation, animationComposition, animationDelay, animationDirection, animationDuration, animationFillMode, animationIterationCount, animationName, animationPlayState, animationTimingFunction, anyLink, appearance, asin, aspectRatio, atan, atan2, attr, attrFn, backfaceVisibility, 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, check, checked, circle, clamp, clear, clipPath, clipRule, cn, color, colorFn, colorInterpolationFilters, colorMix, colorScheme, columnCount, columnFill, columnGap, columnRule, columnRuleColor, columnRuleStyle, columnRuleWidth, columnSpan, columnWidth, columns, conicGradient, contain, containIntrinsicBlockSize, containIntrinsicHeight, containIntrinsicInlineSize, containIntrinsicSize, containIntrinsicWidth, container, containerName, containerType, content, contrast, cos, counter, counterIncrement, counterReset, counterSet, counters, createGlobalTheme, createTokens, cubicBezier, cursor, cv, cx, cy, defined, direction, disabled, display, dropShadow, ellipse, empty, emptyCells, enabled, env, exp, fill, fillOpacity, fillRule, filter, firstChild, firstOfType, firstThatWorks, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, float, floodColor, floodOpacity, focus, focusVisible, focusWithin, font, fontFamily, fontFeatureSettings, fontKerning, fontOpticalSizing, fontPalette, fontSize, fontStyle, fontSynthesis, fontSynthesisSmallCaps, fontSynthesisStyle, fontSynthesisWeight, fontVariant, fontVariantAlternates, fontVariantCaps, fontVariantEastAsian, fontVariantLigatures, fontVariantNumeric, fontVariantPosition, fontVariationSettings, fontWeight, gap, global, grayscale, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnEnd, gridColumnStart, gridRow, gridRowEnd, gridRowStart, gridTemplate, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, group, height, hover, hsl, hsla, hueRotate, hwb, hyphenateCharacter, hyphens, hypot, image, imageOrientation, imageRendering, imageSet, inRange, indeterminate, inset, insetBlock, insetBlockEnd, insetBlockStart, insetFn, insetInline, insetInlineEnd, insetInlineStart, invalid, invert, isolation, justifyContent, justifyItems, justifySelf, keyframes, lab, lastChild, lastOfType, layers, lch, left, letterSpacing, lightingColor, lineBreak, lineHeight, linear, linearGradient, link, listStyle, listStyleImage, listStylePosition, listStyleType, log, m, margin, marginBlock, marginBlockEnd, marginBlockStart, marginBottom, marginInline, marginInlineEnd, marginInlineStart, marginLeft, marginRight, marginTop, marker, markerEnd, markerMid, markerStart, maskClip, maskComposite, maskOrigin, maskPosition, maskRepeat, maskSize, maskType, mathStyle, matrix, matrix3d, max, maxHeight, maxWidth, mb, min, minHeight, minWidth, minmax, mixBlendMode, ml, modal, mr, mt, objectFit, objectPosition, offset, offsetAnchor, offsetDistance, offsetPath, offsetPosition, offsetRotate, oklab, oklch, onlyChild, onlyOfType, opacity, opacityFn, optional, order, outOfRange, outline, outlineColor, outlineOffset, outlineStyle, outlineWidth, overflow, overflowWrap, overflowX, overflowY, p, padding, paddingBlock, paddingBlockEnd, paddingBlockStart, paddingBottom, paddingInline, paddingInlineEnd, paddingInlineStart, paddingLeft, paddingRight, paddingTop, page, paintOrder, path, pb, perspective, perspectiveFn, perspectiveOrigin, pl, placeContent, placeItems, placeSelf, placeholderShown, pointerEvents, polygon, position, pow, pr, pt, quotes, r, radialGradient, ray, readOnly, readWrite, rect, repeatingConicGradient, repeatingLinearGradient, repeatingRadialGradient, required, rgb, rgba, right, root, rotate, rotate3d, rotateFn, rotateX, rotateY, rotateZ, rowGap, rx, ry, saturate, scale, scale3d, scaleFn, scaleX, scaleY, scaleZ, scope, scrollBehavior, scrollMargin, scrollMarginBlock, scrollMarginBlockEnd, scrollMarginBlockStart, scrollMarginBottom, scrollMarginInline, scrollMarginInlineEnd, scrollMarginInlineStart, scrollMarginLeft, scrollMarginRight, scrollMarginTop, scrollPadding, scrollPaddingBlock, scrollPaddingBlockEnd, scrollPaddingBlockStart, scrollPaddingBottom, scrollPaddingInline, scrollPaddingInlineEnd, scrollPaddingInlineStart, scrollPaddingLeft, scrollPaddingRight, scrollPaddingTop, scrollSnapAlign, scrollSnapStop, scrollSnapType, scv, sepia, shapeImageThreshold, shapeMargin, shapeRendering, sin, skew, skewX, skewY, sqrt, steps, stopColor, stopOpacity, stroke, strokeDasharray, strokeDashoffset, strokeLinecap, strokeLinejoin, strokeMiterlimit, strokeOpacity, strokeWidth, style, tabSize, tableLayout, tan, target, textAlign, textAlignLast, textAnchor, textCombineUpright, textDecoration, textDecorationColor, textDecorationLine, textDecorationSkipInk, textDecorationStyle, textDecorationThickness, textEmphasis, textEmphasisColor, textEmphasisPosition, textEmphasisStyle, textIndent, textOrientation, textOverflow, textRendering, textShadow, textTransform, textUnderlineOffset, textUnderlinePosition, token, top, touchAction, transform, transformBox, transformOrigin, transformStyle, transition, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction, translate, translate3d, translateFn, translateX, translateY, translateZ, unicodeBidi, url, userInvalid, userValid, valid, _var as var, vectorEffect, verticalAlign, visibility, visited, whiteSpaceCollapse, width, willChange, within, wordBreak, wordSpacing, writingMode, x, xywh, y, zIndex };
@@ -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 { $ as FlexMethods, A as ScvValue, B as global, C as CvValue, E as PositionTry, F as cn, G as scv, H as keyframes, K as style, M as Steps, N as Wrap, O as QueryWrap, P as attr, Q as ClassValue, R as cv, S as CvProps, V as group, Y as token, Z as within, _ as CSSStyleValue, a as DtcgUnit, c as Tokens, d as createTokens, dm as Part, et as GridMethods, f as layers, fm as Style, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as StateWrap, k as ScvConfig, l as check, m as CSS, n as DtcgColor, o as DtcgValue, p as AttrOp, r as DtcgCubicBezier, s as Overrides, sm as VarCall, t as CheckOverrides, u as createGlobalTheme, um as Fallback, v as CSSUnitValue, w as Keyframes, x as CvConfig, z as firstThatWorks } from "../theme-types-C5OAtybo.mjs";
2
+ import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-D1m9Whs0.mjs";
3
+ import "../group-common-ClVCSlR6.mjs";
4
4
  import { properties } from "@cssints/css-grammar/mdn";
5
5
  type B = {
6
6
  id: "widely-available";
@@ -611,4 +611,4 @@ export declare const container: GCondition<B, "container", QueryWrap>;
611
611
  export declare const supports: GCondition<B, "supports", Wrap>;
612
612
  export declare const flex: GLayout<B, "flex", Pick<FlexMethods, "direction" | "wrap" | "flow" | "alignItems" | "alignContent" | "justifyContent" | "placeContent" | "gap" | "rowGap" | "columnGap">>;
613
613
  export declare const grid: GLayout<B, "grid", Pick<GridMethods, "templateColumns" | "templateRows" | "templateAreas" | "template" | "autoFlow" | "autoColumns" | "autoRows" | "alignItems" | "justifyItems" | "placeItems" | "alignContent" | "justifyContent" | "placeContent" | "gap" | "rowGap" | "columnGap">>;
614
- export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, keyframes, layers, style, token, _var as var, within };
614
+ export { type AttrOp, type CSS, type CSSColorValue, type CSSImageValue, type CSSStyleValue, type CSSUnitValue, CheckOverrides, type ClassValue, type CvConfig, type CvProps, type CvValue, DtcgColor, DtcgCubicBezier, DtcgShadow, DtcgUnit, DtcgValue, type Fallback, type Keyframes, Overrides, type Part, type PositionTry, type QueryWrap, type ScvConfig, type ScvValue, type StateWrap, type Steps, type Style, Tokens, type Wrap, attr, check, cn, createGlobalTheme, createTokens, cv, firstThatWorks, global, group, keyframes, layers, scv, style, token, _var as var, within };
package/dist/index.d.mts CHANGED
@@ -7,6 +7,7 @@ import { Effect } from "effect";
7
7
  interface Fallback {
8
8
  __fallback: string[];
9
9
  }
10
+ export declare const sx: () => CssNode;
10
11
  export declare const firstThatWorks: (...values: unknown[]) => Fallback;
11
12
  export declare class CSSAtRuleValue extends CSSStyleValue {
12
13
  readonly kernel: Kernel;
@@ -15,20 +16,31 @@ export declare class CSSAtRuleValue extends CSSStyleValue {
15
16
  toString(): string;
16
17
  }
17
18
  export declare const keyframes: (steps: unknown) => CSSAtRuleValue;
18
- export declare const positionTry: (...args: unknown[]) => CSSAtRuleValue | CssNode;
19
+ export declare const positionTry: (...args: unknown[]) => CssNode | CSSAtRuleValue;
19
20
  export declare const cn: (...all: unknown[]) => CssNode;
20
21
  export declare const flex: (...args: unknown[]) => CssNode;
21
22
  export declare const grid: (...args: unknown[]) => CssNode;
22
- type Styles = Record<string, Record<string, unknown>>;
23
+ type SlotValue = CssNode | Readonly<Record<string, CssNode>>;
24
+ type Styles = Record<string, Record<string, SlotValue | undefined>>;
23
25
  interface CvConfig {
24
- base?: unknown;
26
+ base?: SlotValue;
25
27
  variants?: Styles;
26
28
  defaultVariants?: Record<string, string | boolean>;
27
- compoundVariants?: Record<string, string | boolean | CssNode>[];
29
+ compoundVariants?: Record<string, string | boolean | CssNode | undefined>[];
28
30
  }
29
31
  export declare const cv: (config: CvConfig) => ((props?: Record<string, string | boolean | undefined>) => string) & {
30
32
  __cv: CvConfig;
31
33
  };
34
+ /** What scv(config) is while a module is evaluated: the function the browser gets, and the config as written. */
35
+ interface ScvConfig {
36
+ slots: Record<string, SlotValue>;
37
+ variants?: Record<string, Record<string, SlotValue>>;
38
+ defaultVariants?: Record<string, string | boolean>;
39
+ compoundVariants?: Record<string, CssNode | string | boolean>[];
40
+ }
41
+ export declare const scv: (config: ScvConfig) => ((props?: Record<string, string | boolean | undefined>) => Record<string, string>) & {
42
+ __scv: ScvConfig;
43
+ };
32
44
  export declare const __cnGroup: (statics: [number, unknown][], parts: [number, number][]) => {
33
45
  __cnGroup: {
34
46
  statics: [number, unknown][];
package/dist/index.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import { a as registry, d as MacroError, f as MemberError, o as warn, r as forgetKernels, t as Registry } from "./registry-8sYvlzyn.mjs";
2
- import { A as camel, C as hashClass, D as settled, E as minWidth, F as probed, M as failIn, N as isNode, O as toDecls, P as node, S as edge, T as merged, _ as PSEUDOS, a as createTokens, b as checkVars, c as tokensOf, d as style, f as token, g as PROPS, h as LAYER, i as createGlobalTheme, j as fail, k as VAR, l as CSSTokenValue, m as FUNCTIONS, n as addTheme, o as isDone, p as CONTEXTS, r as check$1, t as DONE, u as isStyle, v as carried, w as isFallback, x as dropsOf, y as chainDecl } from "./theme-DBCyDih4.mjs";
2
+ import { A as camel, C as hashClass, D as settled, E as minWidth, F as probed, M as failIn, N as isNode, O as toDecls, P as node, S as edge, T as merged, _ as PSEUDOS, a as createTokens, b as checkVars, c as tokensOf, d as style, f as token, g as PROPS, h as LAYER, i as createGlobalTheme, j as fail, k as VAR, l as CSSTokenValue, m as FUNCTIONS, n as addTheme, o as isDone, p as CONTEXTS, r as check$1, t as DONE, u as isStyle, v as carried, w as isFallback, x as dropsOf, y as chainDecl } from "./theme-C5cmxs1-.mjs";
3
3
  import { D as relation, S as addRuntime, _ as addKernel, i as byOrder, n as addGlobal, r as addLayers, y as kernelWarnings } from "./sheet-qCuMvyUo.mjs";
4
4
  import { n as loweredOf } from "./lowered-DOJEDRFM.mjs";
5
- import { c as groups$1, n as CX_CALL, t as CV_CALL } from "./instrument-BN47aTEW.mjs";
5
+ import { i as SCV_CALL, l as groups$1, n as CX_CALL, t as CV_CALL } from "./instrument-D68RkfDU.mjs";
6
6
  import { checkDeclarationNow, checkQuery, checkSelector, checkValueNow, isDeclarationError } from "@cssints/css-grammar/check";
7
7
  import { lackingOf, messageOf } from "@cssints/css-grammar/support";
8
8
  import { CSS, CSSColorValue, CSSImageValue, CSSStyleValue, CSSStyleValue as CSSStyleValue$1, CSSUnitValue } from "@cssints/css-grammar/values";
@@ -657,6 +657,10 @@ function _cx(drops, ...a) {
657
657
  const gone = drops.flatMap(([by, c]) => on.includes(by) ? c.split(" ") : []);
658
658
  return on.filter((c) => c && !gone.includes(c)).join(" ");
659
659
  }
660
+ function _scv(config) {
661
+ const slots = Object.entries(config).map(([slot, c]) => [slot, _cv(c)]);
662
+ return (props = {}) => Object.fromEntries(slots.map(([slot, of]) => [slot, of(props)]));
663
+ }
660
664
  function _cv(config) {
661
665
  return (props = {}) => {
662
666
  const out = [config.base];
@@ -677,6 +681,12 @@ function _cv(config) {
677
681
  // src/macro.ts
678
682
  const flexChain = (ctx) => (name, args, self) => node([...self.__cssints, chainDecl(ctx, name, args)], self, flexChain(ctx));
679
683
  const member = (k) => (...args) => CONTEXTS[k] && !args.length ? node(toDecls(k, args), {}, flexChain(k)) : node(toDecls(k, args), { kernels: kernelsOf(args) });
684
+ const chainStep = (name, args, self) => {
685
+ if (!Object.hasOwn(PROPS, name) && !CONTEXTS[name]) throw fail(`cssints: sx() has no .${name}(); it chains properties (p, bg, padding) and flex()/grid(), and cn() merges styles`);
686
+ const add = node(toDecls(name, args), { kernels: kernelsOf(args) });
687
+ return node(merged([...self.__cssints, ...add.__cssints]), carried([self, add]), chainStep);
688
+ };
689
+ const sx = () => node([], {}, chainStep);
680
690
  const firstThatWorks = (...values) => {
681
691
  if (values.length < 2) throw fail("cssints: firstThatWorks() takes at least two values: the one you want, then what to use where it fails");
682
692
  for (const v of values) {
@@ -1075,34 +1085,37 @@ const classesOf = Effect.fnUntraced(function* ({ __cssints: decls, markers, kern
1075
1085
  }
1076
1086
  });
1077
1087
  });
1078
- const styleOf = Effect.fnUntraced(function* (s, where, at) {
1079
- if (!isNode(s)) return yield* new MacroError({ message: `cssints: cv() ${where} must be a css.* value (cn(...), a flex() chain or one property), got ${Formatter.formatJson(s)}. CSS strings are gone: write cn(p(4), fontSize("1rem"))` });
1088
+ const styleOf = Effect.fnUntraced(function* (s, where, at, engine = "cv()") {
1089
+ if (!isNode(s)) return yield* new MacroError({ message: `cssints: ${engine} ${where} must be a css.* value (cn(...), a flex() chain or one property), got ${Formatter.formatJson(s)}. CSS strings are gone: write cn(p(4), fontSize("1rem"))` });
1080
1090
  return yield* classesOf(s, at);
1081
1091
  });
1082
- const cvOf = Effect.fnUntraced(function* (config, at) {
1092
+ const cvOf = Effect.fnUntraced(function* (config, at, engine = "cv()") {
1083
1093
  const variants = {};
1084
- const base = config.base === void 0 ? "" : yield* styleOf(config.base, "base", at);
1094
+ const base = config.base === void 0 ? "" : yield* styleOf(config.base, "base", at, engine);
1085
1095
  for (const [k, vs] of Object.entries(config.variants ?? {})) {
1086
1096
  const classes = {};
1087
- for (const [n, s] of Object.entries(vs)) classes[n] = yield* styleOf(s, `variant ${k}.${n}`, at);
1097
+ for (const [n, s] of Object.entries(vs)) if (s !== void 0) classes[n] = yield* styleOf(s, `variant ${k}.${n}`, at, engine);
1088
1098
  variants[k] = classes;
1089
1099
  }
1090
1100
  const compound = [];
1091
1101
  const whens = [];
1102
+ const kept = [];
1092
1103
  for (const [i, { class: style, ...values }] of (config.compoundVariants ?? []).entries()) {
1093
1104
  const when = Object.fromEntries(Object.entries(values).map(([k, v]) => [k, String(v)]));
1094
- compound.push({
1105
+ whens.push({
1095
1106
  when,
1096
- class: yield* styleOf(style, `compoundVariants[${i}] class`, at)
1107
+ decls: style === void 0 ? [] : style.__cssints
1097
1108
  });
1098
- whens.push({
1109
+ if (style === void 0) continue;
1110
+ compound.push({
1099
1111
  when,
1100
- decls: style.__cssints
1112
+ class: yield* styleOf(style, `compoundVariants[${i}] class`, at, engine)
1101
1113
  });
1114
+ kept.push(whens.length - 1);
1102
1115
  }
1103
- const declsOf = (s) => s.__cssints;
1116
+ const declsOf = (s) => s === void 0 ? [] : s.__cssints;
1104
1117
  const { drops, compound: gone } = yield* Effect.try({
1105
- try: () => settled(config.base === void 0 ? [] : declsOf(config.base), Object.fromEntries(Object.entries(config.variants ?? {}).map(([k, vs]) => [k, Object.fromEntries(Object.entries(vs).map(([n, s]) => [n, declsOf(s)]))])), whens),
1118
+ try: () => settled(config.base === void 0 ? [] : declsOf(config.base), Object.fromEntries(Object.entries(config.variants ?? {}).map(([k, vs]) => [k, Object.fromEntries(Object.entries(vs).map(([n, s]) => [n, declsOf(s)]))])), whens, engine),
1106
1119
  catch: (e) => {
1107
1120
  if (e instanceof MacroError) return e;
1108
1121
  throw e;
@@ -1113,9 +1126,9 @@ const cvOf = Effect.fnUntraced(function* (config, at) {
1113
1126
  variants,
1114
1127
  defaultVariants: config.defaultVariants ?? {},
1115
1128
  ...Object.keys(drops).length && { drops },
1116
- ...compound.length && { compound: compound.map((c, i) => gone[i] ? {
1129
+ ...compound.length && { compound: compound.map((c, i) => gone[kept[i]] ? {
1117
1130
  ...c,
1118
- drops: gone[i]
1131
+ drops: gone[kept[i]]
1119
1132
  } : c) }
1120
1133
  });
1121
1134
  });
@@ -1129,6 +1142,58 @@ const cv = (config) => {
1129
1142
  };
1130
1143
  return Object.assign((props) => (built[0] ??= build())(props), { __cv: config });
1131
1144
  };
1145
+ const isScv = (v) => Predicate.hasProperty(v, "__scv");
1146
+ const isBySlot = (v) => !isNode(v) && Predicate.isObject(v);
1147
+ const slotOf = (config, slot, base) => {
1148
+ const variants = config.variants ?? {};
1149
+ const pick = (v) => {
1150
+ if (isNode(v)) return slot === base ? v : void 0;
1151
+ return isBySlot(v) ? v[slot] : v;
1152
+ };
1153
+ return {
1154
+ base: config.slots[slot],
1155
+ variants: Object.fromEntries(Object.entries(variants).map(([k, vs]) => [k, Object.fromEntries(Object.entries(vs).map(([n, s]) => [n, pick(s)]))])),
1156
+ defaultVariants: config.defaultVariants,
1157
+ compoundVariants: (config.compoundVariants ?? []).map(({ class: style, ...rest }) => {
1158
+ return {
1159
+ ...Object.fromEntries(Object.entries(rest).filter(([k]) => Object.hasOwn(variants, k) || !Object.hasOwn(config.slots, k))),
1160
+ class: rest[slot] ?? (slot === base ? style : void 0)
1161
+ };
1162
+ })
1163
+ };
1164
+ };
1165
+ const scvOf = Effect.fnUntraced(function* (config, at) {
1166
+ const slots = Object.keys(config.slots);
1167
+ const base = slots.includes("base") ? "base" : void 0;
1168
+ const variants = config.variants ?? {};
1169
+ for (const [k, vs] of Object.entries(variants)) for (const [n, v] of Object.entries(vs)) if (isNode(v)) {
1170
+ if (base === void 0) return yield* new MacroError({
1171
+ message: `cssints: scv() variant ${k}.${n} is a style, and slots has no slot named base: name it, { base: … }, or write { ${slots[0] ?? "…"}: … }`,
1172
+ ...at
1173
+ });
1174
+ } else if (isBySlot(v)) {
1175
+ for (const s of Object.keys(v)) if (!slots.includes(s)) return yield* new MacroError({
1176
+ message: `cssints: scv() variant ${k}.${n} styles ${s}, which is not a slot: ${slots.join(", ")}`,
1177
+ ...at
1178
+ });
1179
+ }
1180
+ for (const [i, entry] of (config.compoundVariants ?? []).entries()) for (const k of Object.keys(entry)) if (k !== "class" && !slots.includes(k) && !Object.hasOwn(variants, k)) return yield* new MacroError({
1181
+ message: `cssints: scv() compoundVariants[${i}] styles ${k}, which is not a slot: ${slots.join(", ")}`,
1182
+ ...at
1183
+ });
1184
+ const configs = [];
1185
+ for (const slot of slots) configs.push([slot, fromJson(yield* cvOf(slotOf(config, slot, base), at, `scv() slot ${slot}:`))]);
1186
+ return Formatter.formatJson(Object.fromEntries(configs));
1187
+ });
1188
+ const scv = (config) => {
1189
+ const built = [];
1190
+ const build = () => {
1191
+ const exit = Effect.runSyncExit(scvOf(config));
1192
+ if (Exit.isFailure(exit)) throw Cause.squash(exit.cause);
1193
+ return _scv(fromJson(exit.value));
1194
+ };
1195
+ return Object.assign((props) => (built[0] ??= build())(props), { __scv: config });
1196
+ };
1132
1197
  const isGroup = (v) => Predicate.hasProperty(v, "__cnGroup");
1133
1198
  const headOf = Effect.fnUntraced(function* ({ __cnGroup: { statics, parts } }, at) {
1134
1199
  const { nodes } = yield* Registry;
@@ -1162,6 +1227,7 @@ const __cnGroup = (statics, parts) => ({ __cnGroup: {
1162
1227
  const __nocn = () => void 0;
1163
1228
  const named = {
1164
1229
  cn,
1230
+ sx,
1165
1231
  firstThatWorks,
1166
1232
  ...fns,
1167
1233
  keyframes,
@@ -1169,6 +1235,7 @@ const named = {
1169
1235
  flex,
1170
1236
  grid,
1171
1237
  cv,
1238
+ scv,
1172
1239
  group,
1173
1240
  global: globalRule,
1174
1241
  layers: layersRule,
@@ -1221,6 +1288,7 @@ const isPluginValue = Predicate.isObjectKeyword;
1221
1288
  const replacementOf = Effect.fnUntraced(function* (at, value) {
1222
1289
  if (isNode(value)) return Formatter.formatJson(yield* classesOf(value, at));
1223
1290
  if (isCv(value)) return `${CV_CALL}${yield* cvOf(value.__cv, at)})`;
1291
+ if (isScv(value)) return `${SCV_CALL}${yield* scvOf(value.__scv, at)})`;
1224
1292
  if (isGroup(value)) return yield* headOf(value, at);
1225
1293
  if (isStyle(value)) return yield* inlineOf(value);
1226
1294
  const tokens = tokensOf(value);
@@ -1283,4 +1351,4 @@ function __site(at, value) {
1283
1351
  if (Exit.isFailure(exit)) throw Cause.squash(exit.cause);
1284
1352
  return exit.value;
1285
1353
  }
1286
- export { CSS, CSSAtRuleValue, CSSColorValue, CSSImageValue, CSSStyleValue, CSSUnitValue, __at, __cnGroup, __group, __nocn, __site, __unseen, _cv, _cx, cn, css, cv, firstThatWorks, flex, grid, keyframes, positionTry };
1354
+ export { CSS, CSSAtRuleValue, CSSColorValue, CSSImageValue, CSSStyleValue, CSSUnitValue, __at, __cnGroup, __group, __nocn, __site, __unseen, _cv, _cx, cn, css, cv, firstThatWorks, flex, grid, keyframes, positionTry, scv, sx };
@@ -3638,6 +3638,7 @@ const groups = {
3638
3638
  // src/instrument.ts
3639
3639
  const RUNTIME = "cssints";
3640
3640
  const CV_CALL = "__cv(";
3641
+ const SCV_CALL = "__scv(";
3641
3642
  const CX_CALL = "__cx(";
3642
3643
  const rootIdent = (n) => n.type === "Identifier" ? n.name : n.type === "MemberExpression" ? rootIdent(n.object) : n.type === "CallExpression" ? rootIdent(n.callee) : null;
3643
3644
  const isCssints = (source) => source === "cssints" || source.startsWith(`cssints/`) && (Object.hasOwn(groups, source.slice(8)) || source === `cssints/limited-availability`);
@@ -3893,7 +3894,11 @@ const writeSite = (ms, s, replacement) => {
3893
3894
  };
3894
3895
  const runtimeImport = (replacements) => {
3895
3896
  const all = [...replacements];
3896
- const names = [...all.some((r) => r.startsWith("__cv(")) ? ["_cv as __cv"] : [], ...all.some((r) => r.startsWith("__cx(")) ? ["_cx as __cx"] : []];
3897
+ const names = [
3898
+ ...all.some((r) => r.startsWith("__cv(")) ? ["_cv as __cv"] : [],
3899
+ ...all.some((r) => r.startsWith("__scv(")) ? ["_scv as __scv"] : [],
3900
+ ...all.some((r) => r.startsWith("__cx(")) ? ["_cx as __cx"] : []
3901
+ ];
3897
3902
  return names.length ? `import { ${names.join(", ")} } from ${Formatter.formatJson(RUNTIME)};\n` : "";
3898
3903
  };
3899
3904
  const instrument = Effect.fn("cssints.instrument")(function* (code, id, client = true, named = false) {
@@ -3951,4 +3956,4 @@ const instrument = Effect.fn("cssints.instrument")(function* (code, id, client =
3951
3956
  imp
3952
3957
  };
3953
3958
  });
3954
- export { runtimeImport as a, groups as c, instrument as i, CX_CALL as n, tagged as o, RUNTIME as r, writeSite as s, CV_CALL as t };
3959
+ export { instrument as a, writeSite as c, SCV_CALL as i, groups as l, CX_CALL as n, runtimeImport as o, RUNTIME as r, tagged as s, CV_CALL as t };
@@ -1,4 +1,4 @@
1
- import { A as Wrap, G as types_d_exports, im as CheckIn, om as Part, sm as Style, t as CheckOverrides } from "./theme-types-DVk08gse.mjs";
1
+ import { N as Wrap, X as types_d_exports, dm as Part, fm as Style, lm as CheckIn, t as CheckOverrides } from "./theme-types-C5OAtybo.mjs";
2
2
  import { CSSStyleValue } from "@cssints/css-grammar/values";
3
3
  import { Grammar, TokenType } from "@cssints/css-grammar/token";
4
4
  import { ValidSelector } from "@cssints/css-grammar/query";
package/dist/plugin.d.mts CHANGED
@@ -1,3 +1,3 @@
1
- import { _ as inGroup, a as Entry, b as Part, c as Made, d as Scope, f as Table, g as fn, h as dependsOn, i as Css, l as Members, m as arg, n as ArgsDef, o as Impl, p as Typed, r as Chain, s as KernelDef, u as Pending, v as lacking, x as Style, y as scope } from "./scope-Db73Iud8.mjs";
1
+ import { _ as inGroup, a as Entry, b as Part, c as Made, d as Scope, f as Table, g as fn, h as dependsOn, i as Css, l as Members, m as arg, n as ArgsDef, o as Impl, p as Typed, r as Chain, s as KernelDef, u as Pending, v as lacking, x as Style, y as scope } from "./scope-xUS8MykU.mjs";
2
2
  import { a as Kernel, i as GlobalRule, n as Conflict, o as Runtime, r as Decl, s as ThemeRule } from "./author-types-D9IjEXwn.mjs";
3
3
  export { type ArgsDef, type Chain, type Conflict, type Css, type Decl, type Entry, type GlobalRule, type Impl, type Kernel, type KernelDef, type Made, type Members, type Part, type Pending, type Runtime, type Scope, type Style, type Table, type ThemeRule, type Typed, arg, dependsOn, fn, inGroup, lacking, scope };
@@ -13,4 +13,5 @@ export interface CvRuntimeConfig {
13
13
  drops?: string;
14
14
  }[];
15
15
  }
16
+ export declare function _scv(config: Record<string, CvRuntimeConfig>): (props?: Record<string, string | boolean | undefined>) => Record<string, string>;
16
17
  export declare function _cv(config: CvRuntimeConfig): (props?: Record<string, string | boolean | undefined>) => string;
package/dist/runtime.mjs CHANGED
@@ -4,6 +4,10 @@ function _cx(drops, ...a) {
4
4
  const gone = drops.flatMap(([by, c]) => on.includes(by) ? c.split(" ") : []);
5
5
  return on.filter((c) => c && !gone.includes(c)).join(" ");
6
6
  }
7
+ function _scv(config) {
8
+ const slots = Object.entries(config).map(([slot, c]) => [slot, _cv(c)]);
9
+ return (props = {}) => Object.fromEntries(slots.map(([slot, of]) => [slot, of(props)]));
10
+ }
7
11
  function _cv(config) {
8
12
  return (props = {}) => {
9
13
  const out = [config.base];
@@ -21,4 +25,4 @@ function _cv(config) {
21
25
  return out.join(" ").split(" ").filter((c) => c && !gone.includes(c)).join(" ");
22
26
  };
23
27
  }
24
- export { _cv, _cx };
28
+ export { _cv, _cx, _scv };