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.
- package/README.md +2 -2
- package/dist/clay-types.d.mts +87 -1
- package/dist/clay.d.mts +1 -1
- package/dist/clay.mjs +148 -7
- package/dist/group-common-ClVCSlR6.d.mts +1 -0
- package/dist/{group-types-4V0lZ9tn.d.mts → group-types-D1m9Whs0.d.mts} +1 -1
- package/dist/groups/baseline-2015/with-downstream.d.mts +4 -4
- package/dist/groups/baseline-2015.d.mts +4 -4
- package/dist/groups/baseline-2016/with-downstream.d.mts +4 -4
- package/dist/groups/baseline-2016.d.mts +4 -4
- package/dist/groups/baseline-2017/with-downstream.d.mts +4 -4
- package/dist/groups/baseline-2017.d.mts +4 -4
- package/dist/groups/baseline-2018/with-downstream.d.mts +4 -4
- package/dist/groups/baseline-2018.d.mts +4 -4
- package/dist/groups/baseline-2019/with-downstream.d.mts +4 -4
- package/dist/groups/baseline-2019.d.mts +4 -4
- package/dist/groups/baseline-2020/with-downstream.d.mts +4 -4
- package/dist/groups/baseline-2020.d.mts +4 -4
- package/dist/groups/baseline-2021/with-downstream.d.mts +4 -4
- package/dist/groups/baseline-2021.d.mts +4 -4
- package/dist/groups/baseline-2022/with-downstream.d.mts +4 -4
- package/dist/groups/baseline-2022.d.mts +4 -4
- package/dist/groups/baseline-2023/with-downstream.d.mts +4 -4
- package/dist/groups/baseline-2023.d.mts +4 -4
- package/dist/groups/baseline-2024/with-downstream.d.mts +4 -4
- package/dist/groups/baseline-2024.d.mts +4 -4
- package/dist/groups/baseline-2025/with-downstream.d.mts +4 -4
- package/dist/groups/baseline-2025.d.mts +4 -4
- package/dist/groups/baseline-2026/with-downstream.d.mts +2 -2
- package/dist/groups/baseline-2026.d.mts +2 -2
- package/dist/groups/compositing-2.d.mts +4 -4
- package/dist/groups/css-align-3.d.mts +4 -4
- package/dist/groups/css-anchor-position-1.d.mts +4 -4
- package/dist/groups/css-anchor-position-2.d.mts +4 -4
- package/dist/groups/css-animations-1.d.mts +4 -4
- package/dist/groups/css-animations-2.d.mts +4 -4
- package/dist/groups/css-backgrounds-3.d.mts +4 -4
- package/dist/groups/css-backgrounds-4.d.mts +4 -4
- package/dist/groups/css-borders-4.d.mts +4 -4
- package/dist/groups/css-box-4.d.mts +4 -4
- package/dist/groups/css-break-4.d.mts +4 -4
- package/dist/groups/css-cascade-5.d.mts +4 -4
- package/dist/groups/css-cascade-6.d.mts +4 -4
- package/dist/groups/css-color-4.d.mts +4 -4
- package/dist/groups/css-color-5.d.mts +4 -4
- package/dist/groups/css-color-6.d.mts +4 -4
- package/dist/groups/css-color-adjust-1.d.mts +4 -4
- package/dist/groups/css-color-hdr-1.d.mts +4 -4
- package/dist/groups/css-conditional-3.d.mts +4 -4
- package/dist/groups/css-conditional-4.d.mts +4 -4
- package/dist/groups/css-conditional-5.d.mts +4 -4
- package/dist/groups/css-contain-2.d.mts +4 -4
- package/dist/groups/css-content-3.d.mts +4 -4
- package/dist/groups/css-counter-styles-3.d.mts +4 -4
- package/dist/groups/css-display-4.d.mts +4 -4
- package/dist/groups/css-easing-2.d.mts +4 -4
- package/dist/groups/css-env-1.d.mts +4 -4
- package/dist/groups/css-flexbox-1.d.mts +4 -4
- package/dist/groups/css-fonts-4.d.mts +4 -4
- package/dist/groups/css-fonts-5.d.mts +4 -4
- package/dist/groups/css-forms-1.d.mts +4 -4
- package/dist/groups/css-gaps-1.d.mts +4 -4
- package/dist/groups/css-gcpm-3.d.mts +4 -4
- package/dist/groups/css-gcpm-4.d.mts +4 -4
- package/dist/groups/css-grid-2.d.mts +4 -4
- package/dist/groups/css-grid-3.d.mts +4 -4
- package/dist/groups/css-images-3.d.mts +4 -4
- package/dist/groups/css-images-4.d.mts +4 -4
- package/dist/groups/css-images-5.d.mts +4 -4
- package/dist/groups/css-inline-3.d.mts +4 -4
- package/dist/groups/css-lists-3.d.mts +4 -4
- package/dist/groups/css-logical-1.d.mts +4 -4
- package/dist/groups/css-masking-1.d.mts +4 -4
- package/dist/groups/css-multicol-2.d.mts +4 -4
- package/dist/groups/css-overflow-3.d.mts +4 -4
- package/dist/groups/css-overflow-4.d.mts +4 -4
- package/dist/groups/css-overflow-5.d.mts +4 -4
- package/dist/groups/css-overscroll-1.d.mts +4 -4
- package/dist/groups/css-page-3.d.mts +4 -4
- package/dist/groups/css-page-floats-3.d.mts +4 -4
- package/dist/groups/css-position-3.d.mts +4 -4
- package/dist/groups/css-position-4.d.mts +4 -4
- package/dist/groups/css-rhythm-1.d.mts +4 -4
- package/dist/groups/css-round-display-1.d.mts +4 -4
- package/dist/groups/css-ruby-1.d.mts +4 -4
- package/dist/groups/css-scroll-anchoring-1.d.mts +4 -4
- package/dist/groups/css-scroll-snap-1.d.mts +4 -4
- package/dist/groups/css-scroll-snap-2.d.mts +4 -4
- package/dist/groups/css-scrollbars-1.d.mts +4 -4
- package/dist/groups/css-shapes-1.d.mts +4 -4
- package/dist/groups/css-shapes-2.d.mts +4 -4
- package/dist/groups/css-size-adjust-1.d.mts +4 -4
- package/dist/groups/css-sizing-3.d.mts +4 -4
- package/dist/groups/css-sizing-4.d.mts +4 -4
- package/dist/groups/css-speech-1.d.mts +4 -4
- package/dist/groups/css-tables-3.d.mts +4 -4
- package/dist/groups/css-text-3.d.mts +4 -4
- package/dist/groups/css-text-4.d.mts +4 -4
- package/dist/groups/css-text-decor-3.d.mts +4 -4
- package/dist/groups/css-text-decor-4.d.mts +4 -4
- package/dist/groups/css-transforms-1.d.mts +4 -4
- package/dist/groups/css-transforms-2.d.mts +4 -4
- package/dist/groups/css-transitions-1.d.mts +4 -4
- package/dist/groups/css-transitions-2.d.mts +4 -4
- package/dist/groups/css-ui-4.d.mts +4 -4
- package/dist/groups/css-values-4.d.mts +4 -4
- package/dist/groups/css-values-5.d.mts +4 -4
- package/dist/groups/css-variables-2.d.mts +3 -3
- package/dist/groups/css-view-transitions-2.d.mts +4 -4
- package/dist/groups/css-viewport.d.mts +4 -4
- package/dist/groups/css-will-change-1.d.mts +4 -4
- package/dist/groups/css-writing-modes-4.d.mts +4 -4
- package/dist/groups/css2.d.mts +4 -4
- package/dist/groups/fill-stroke-3.d.mts +4 -4
- package/dist/groups/filter-effects-1.d.mts +4 -4
- package/dist/groups/filter-effects-2.d.mts +4 -4
- package/dist/groups/limited-availability.d.mts +2 -2
- package/dist/groups/mediaqueries-4.d.mts +4 -4
- package/dist/groups/mediaqueries-5.d.mts +4 -4
- package/dist/groups/motion-1.d.mts +4 -4
- package/dist/groups/newly-available/with-downstream.d.mts +4 -4
- package/dist/groups/newly-available.d.mts +4 -4
- package/dist/groups/not-discouraged.d.mts +4 -4
- package/dist/groups/scroll-animations-1.d.mts +4 -4
- package/dist/groups/selectors-4.d.mts +3 -3
- package/dist/groups/selectors-5.d.mts +3 -3
- package/dist/groups/widely-available/with-downstream.d.mts +4 -4
- package/dist/groups/widely-available.d.mts +4 -4
- package/dist/index.d.mts +16 -4
- package/dist/index.mjs +84 -16
- package/dist/{instrument-BN47aTEW.mjs → instrument-D68RkfDU.mjs} +7 -2
- package/dist/plugin-types.d.mts +1 -1
- package/dist/plugin.d.mts +1 -1
- package/dist/runtime.d.mts +1 -0
- package/dist/runtime.mjs +5 -1
- package/dist/{scope-Db73Iud8.d.mts → scope-xUS8MykU.d.mts} +1698 -1
- package/dist/surface.d.mts +1 -1
- package/dist/{theme-DBCyDih4.mjs → theme-C5cmxs1-.mjs} +4 -3
- package/dist/{theme-types-DVk08gse.d.mts → theme-types-C5OAtybo.d.mts} +1699 -2
- package/dist/tui-types.d.mts +1 -1
- package/dist/tui.mjs +1 -1
- package/dist/types.d.mts +2 -2
- package/dist/vite.mjs +1 -1
- package/docs/API.md +216 -6
- package/package.json +2 -2
- package/skills/cssints/SKILL.md +8 -3
- package/dist/group-common-D6TXTgPp.d.mts +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { A as
|
|
2
|
-
import { t as GCondition } from "../group-types-
|
|
3
|
-
import "../group-common-
|
|
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
|
|
2
|
-
import { a as GProp, n as GFn } from "../group-types-
|
|
3
|
-
import "../group-common-
|
|
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
|
|
2
|
-
import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../../group-types-
|
|
3
|
-
import "../../group-common-
|
|
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
|
|
2
|
-
import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-
|
|
3
|
-
import "../group-common-
|
|
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
|
|
2
|
-
import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-
|
|
3
|
-
import "../group-common-
|
|
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
|
|
2
|
-
import { a as GProp, n as GFn } from "../group-types-
|
|
3
|
-
import "../group-common-
|
|
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
|
|
2
|
-
import "../group-common-
|
|
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
|
|
2
|
-
import "../group-common-
|
|
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
|
|
2
|
-
import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-
|
|
3
|
-
import "../../group-common-
|
|
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
|
|
2
|
-
import { a as GProp, i as GMath, n as GFn, r as GLayout, t as GCondition } from "../group-types-
|
|
3
|
-
import "../group-common-
|
|
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[]) =>
|
|
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
|
|
23
|
+
type SlotValue = CssNode | Readonly<Record<string, CssNode>>;
|
|
24
|
+
type Styles = Record<string, Record<string, SlotValue | undefined>>;
|
|
23
25
|
interface CvConfig {
|
|
24
|
-
base?:
|
|
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-
|
|
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 {
|
|
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:
|
|
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
|
-
|
|
1105
|
+
whens.push({
|
|
1095
1106
|
when,
|
|
1096
|
-
|
|
1107
|
+
decls: style === void 0 ? [] : style.__cssints
|
|
1097
1108
|
});
|
|
1098
|
-
|
|
1109
|
+
if (style === void 0) continue;
|
|
1110
|
+
compound.push({
|
|
1099
1111
|
when,
|
|
1100
|
-
|
|
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 = [
|
|
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 {
|
|
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 };
|
package/dist/plugin-types.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
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-
|
|
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 };
|
package/dist/runtime.d.mts
CHANGED
|
@@ -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 };
|