cssints 0.2.0 → 0.3.1

package/README.md

@@ -31,22 +31,27 @@ way, each beside `cssints` (`npm install --save-dev @cssints/fluid`); the list i
 import cssints, { cssTarget, targets } from "cssints/vite";
 
 export default {
-	plugins: [cssints()],
-	css: { transformer: "lightningcss", lightningcss: { targets } },
-	build: { cssMinify: "lightningcss", cssTarget },
+  plugins: [cssints()],
+  css: { transformer: "lightningcss", lightningcss: { targets } },
+  build: { cssMinify: "lightningcss", cssTarget },
 };
 ```
 
 ```ts
 // the entry, once
 import "virtual:cssints.css";
+import { reset } from "@cssints/reset" with { type: "cssints" };
+
+reset();
 ```
 
+`reset()` is the recommended start: [`@cssints/reset`](packages/reset/README.md) is a small modern reset in a layer below every style, so any style of yours beats it. A project without the call has none, as in any app.
+
 `targets` and `cssTarget` come from the browserslist query of the support warnings: the `BROWSERSLIST` variable, else the standard config (`"browserslist"` in `package.json` or `.browserslistrc`, with the `BROWSERSLIST_ENV`, `NODE_ENV` or `production` section), else `defaults`. The exports are computed when `vite.config.ts` is imported, before Vite's root is known, so they look the config up from `process.cwd()` and upward; the support warnings look it up from Vite's `root` (2026-10-09, cssints-p3d2). They are the same when Vite runs from the app's directory; with `vite <dir>` from elsewhere, give `targets` and `cssTarget` the app's config yourself. Vite's CSS minify reads `cssTarget`, not `targets`: without it the minifier merges the declarations of a `firstThatWorks` into the last one. Add `"types": ["vite/client"]` to `tsconfig.json` for the `virtual:` import.
 
 ### Frameworks
 
-Any framework that builds JSX through a Vite plugin works; the engine evaluates your modules itself, so it does not care what the plugin makes of JSX, nor in which order the plugins are listed. `apps/sky` is the Solid 2 app (`solid-js` and `@solidjs/web` 2.0.0-rc.13, `@solidjs/vite-plugin` 3.0.0-next.47):
+Any framework that builds JSX through a Vite plugin works; the engine evaluates your modules itself, so it does not care what the plugin makes of JSX, nor in which order the plugins are listed. `apps/csssky` is the Solid 2 app (`solid-js` and `@solidjs/web` 2.0.0-rc.13, `@solidjs/vite-plugin` 3.0.0-next.47):
 
 ```ts skip
 // vite.config.ts
@@ -54,50 +59,89 @@ import solid from "@solidjs/vite-plugin";
 import cssints, { cssTarget, targets } from "cssints/vite";
 
 export default {
-	plugins: [cssints(), solid()],
-	css: { transformer: "lightningcss", lightningcss: { targets } },
-	build: { cssMinify: "lightningcss", cssTarget },
+  plugins: [cssints(), solid()],
+  css: { transformer: "lightningcss", lightningcss: { targets } },
+  build: { cssMinify: "lightningcss", cssTarget },
 };
 ```
 
 `tsconfig.json` is Solid's: `"jsx": "preserve"`, `"jsxImportSource": "@solidjs/web"`, `"types": ["vite/client"]`. Solid's `class` takes a string, an object or an array, so `cn` is not needed for the join: `class={[card, on() && p(4)]}` and `class={badge({ tone: tone() })}` work as in React. A site's arguments are still build-time values, so a signal goes in the condition or in a `cv` variant, not in `p(n())`. Under `vite dev` an edit of a component replaces it and resets its state below it (Solid's refresh); an edit of a style changes the class strings and the sheet with no reload.
 
 ```tsx
-import { bg, color, cn, cv, flex, hover, media, p, style, token } from "cssints" with { type: "cssints" };
+import { reset } from "@cssints/reset" with { type: "cssints" };
+import {
+  bg,
+  color,
+  cn,
+  cv,
+  flex,
+  hover,
+  media,
+  p,
+  style,
+  token,
+} from "cssints" with { type: "cssints" };
+
+reset();
 
 const md = media("(width >= 40rem)");
 const accent = token.color("#2563eb", "accent");
 
 const button = cv({
-	base: cn(p(2), color("white"), bg(accent), hover(bg("#1d4ed8"))),
-	variants: { wide: { true: md(p(4)) } },
+  base: cn(p(2), color("white"), bg(accent), hover(bg("#1d4ed8"))),
+  variants: { wide: { true: md(p(4)) } },
 });
 
 export const Row = ({ wide, on }: { wide?: boolean; on?: boolean }) => (
-	<div className={cn(flex().alignItems("center").gap(2), on && p(1))} style={style(token.set(accent, "#dc2626"))}>
-		<button className={button({ wide })}>Save</button>
-	</div>
+  <div
+    className={cn(flex().alignItems("center").gap(2), on && p(1))}
+    style={style(token.set(accent, "#dc2626"))}
+  >
+    <button className={button({ wide })}>Save</button>
+  </div>
 );
 ```
 
-`with { type: "cssints" }` marks what runs at build time. The plugin replaces each call with a class string, so the browser gets `__cx([], "_1s47490 _1ob5z5m _g2iyum", on && "_lqk467")` and `button` is a call of the runtime with `{ base: "_1t8gqy5 ...", ... }`, so it never sees `flex()`. `virtual:cssints.css` is one sheet with every rule once, sorted by layer, then condition, then shorthand before longhand, then class name:
+`with { type: "cssints" }` marks what runs at build time. The plugin replaces each call with a class string, so the browser gets `__cx([], "_1s47490 _1ob5z5m _g2iyum", on && "_lqk467")` and `button` is a call of the runtime with `{ base: "_1t8gqy5 ...", ... }`, so it never sees `flex()`. `virtual:cssints.css` is one sheet with every rule once, sorted by layer, then condition, then shorthand before longhand, then class name (the `@layer reset { ... }` block of `reset()` comes first and is left out here):
 
 ```css
 @layer _.k, _.a, _.b, _.c, _.d, _.e;
-@property --accent{syntax:"<color>";inherits:true;initial-value:#2563eb}
+@property --accent {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: #2563eb;
+}
 @layer _.a {
-  ._1t8gqy5{padding:0.5rem}
-  ._lqk467{padding:0.25rem}
-  ._g2iyum{gap:0.5rem}
-  ._17xzvrh{background-color:var(--accent)}
-  ._1binn6n{color:white}
-  ._1ob5z5m{align-items:center}
-  ._1s47490{display:flex}
+  ._1t8gqy5 {
+    padding: 0.5rem;
+  }
+  ._lqk467 {
+    padding: 0.25rem;
+  }
+  ._g2iyum {
+    gap: 0.5rem;
+  }
+  ._17xzvrh {
+    background-color: var(--accent);
+  }
+  ._1binn6n {
+    color: white;
+  }
+  ._1ob5z5m {
+    align-items: center;
+  }
+  ._1s47490 {
+    display: flex;
+  }
 }
 @layer _.b {
-  ._1tsjws2:hover{background-color:#1d4ed8}
+  ._1tsjws2:hover {
+    background-color: #1d4ed8;
+  }
   @media (width >= 40rem) {
-    ._tdcza3{padding:1rem}
+    ._tdcza3 {
+      padding: 1rem;
+    }
   }
 }
 ```
@@ -131,15 +175,15 @@ and Cursor. The skills use it when it is configured and work without it.
 
 ## Layout
 
-| Path | What |
-|---|---|
-| `packages/cssints` | Vite plugin (`cssints/vite`) on the Vite Module Runner, and the `cssints` library |
-| `packages/css-grammar` | Type-level recognizer and its runtime twin over mdn-data grammars, Typed OM values, browser support and prose rules |
-| `packages/icons` | `@cssints/icons`: icons from iconify JSON collections or SVG folders, a mask style with no runtime |
-| `packages/mise-en-mode` | `@cssints/mise-en-mode`: looks as themes in the layers app < author < viewer, on `data-mode` scopes, checked against the tokens and by `check.contrast` |
-| `apps/demo` | React demo of every 0.1 feature |
-| `apps/docs` | The documentation site: this file and `docs/API.md` as pages, with search and type hovers (`cd apps/docs && bun run dev`) |
-| `docs/research`, `docs/archive` | Comparisons with other libraries; outdated plans |
+| Path                            | What                                                                                                                                                    |
+| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `packages/cssints`              | Vite plugin (`cssints/vite`) on the Vite Module Runner, and the `cssints` library                                                                       |
+| `packages/css-grammar`          | Type-level recognizer and its runtime twin over mdn-data grammars, Typed OM values, browser support and prose rules                                     |
+| `packages/icons`                | `@cssints/icons`: icons from iconify JSON collections or SVG folders, a mask style with no runtime                                                      |
+| `packages/mise-en-mode`         | `@cssints/mise-en-mode`: looks as themes in the layers app < author < viewer, on `data-mode` scopes, checked against the tokens and by `check.contrast` |
+| `apps/demo`                     | React demo of every 0.1 feature                                                                                                                         |
+| `apps/docs`                     | The documentation site: this file and `docs/API.md` as pages, with search and type hovers (`cd apps/docs && bun run dev`)                               |
+| `docs/research`, `docs/archive` | Comparisons with other libraries; outdated plans                                                                                                        |
 
 ## Development
 
@@ -161,16 +205,16 @@ cssints is MIT. It stands on other people's work; this is what we took, from who
 
 ### Data and code that ships
 
-| Where | What | From | License |
-|---|---|---|---|
-| [@cssints/tokens](packages/tokens/README.md) | the Open Props, Radix Colors, Flexoki and Reasonable Colors sets | [Open Props](https://github.com/argyleink/open-props) (Adam Argyle), [Radix Colors](https://github.com/radix-ui/colors), [Flexoki](https://github.com/kepano/flexoki) (Steph Ango), [Reasonable Colors](https://github.com/matthewhowell/reasonable-colors) (Matthew Howell) | MIT, notices in its README |
-| [@cssints/css-grammar](packages/css-grammar/THIRD_PARTY_NOTICES.md) | the CSS syntax strings (`src/mdn.ts`, `keywords.ts`, `functions.ts`), also in the types of `cssints` | [mdn-data](https://github.com/mdn/data); the numeric ranges it omits from [@webref/css](https://github.com/w3c/webref) | CC0-1.0; MIT (W3C) |
-| @cssints/css-grammar | browser support warnings, read from the package (not copied) | [@mdn/browser-compat-data](https://github.com/mdn/browser-compat-data) | CC0-1.0 |
-| [@cssints/fonts](packages/fonts/README.md) | the latin character weights and the metrics of Arial, Times New Roman and Courier New | [Capsize](https://github.com/seek-oss/capsize) (SEEK) | MIT, notice in its README |
-| [@cssints/icons](packages/icons/README.md) | nothing: the collections are your dependency | [Iconify](https://iconify.design) `@iconify-json/*` | each collection's own |
-| `tools/ai-automation/vendor` | lint rules, not published | [dmmulroy/anti-slop](https://github.com/dmmulroy/anti-slop) (Dillon Mulroy) | MIT, `LICENSE` and `UPSTREAM.md` |
-| [apps/sky](apps/sky/NOTICE.md) | layout and token values; Inter; Phosphor icons | Mu and `@bsky.app/alf` (Bluesky Social PBC), [Inter](https://github.com/rsms/inter), [Phosphor](https://phosphoricons.com) | MIT; OFL-1.1; MIT |
-| apps/demo | Material Design Icons (`@iconify-json/mdi`) | Pictogrammers | Apache-2.0 |
+| Where                                                               | What                                                                                                 | From                                                                                                                                                                                                                                                                         | License                          |
+| ------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- |
+| [@cssints/tokens](packages/tokens/README.md)                        | the Open Props, Radix Colors, Flexoki and Reasonable Colors sets                                     | [Open Props](https://github.com/argyleink/open-props) (Adam Argyle), [Radix Colors](https://github.com/radix-ui/colors), [Flexoki](https://github.com/kepano/flexoki) (Steph Ango), [Reasonable Colors](https://github.com/matthewhowell/reasonable-colors) (Matthew Howell) | MIT, notices in its README       |
+| [@cssints/css-grammar](packages/css-grammar/THIRD_PARTY_NOTICES.md) | the CSS syntax strings (`src/mdn.ts`, `keywords.ts`, `functions.ts`), also in the types of `cssints` | [mdn-data](https://github.com/mdn/data); the numeric ranges it omits from [@webref/css](https://github.com/w3c/webref)                                                                                                                                                       | CC0-1.0; MIT (W3C)               |
+| @cssints/css-grammar                                                | browser support warnings, read from the package (not copied)                                         | [@mdn/browser-compat-data](https://github.com/mdn/browser-compat-data)                                                                                                                                                                                                       | CC0-1.0                          |
+| [@cssints/fonts](packages/fonts/README.md)                          | the latin character weights and the metrics of Arial, Times New Roman and Courier New                | [Capsize](https://github.com/seek-oss/capsize) (SEEK)                                                                                                                                                                                                                        | MIT, notice in its README        |
+| [@cssints/icons](packages/icons/README.md)                          | nothing: the collections are your dependency                                                         | [Iconify](https://iconify.design) `@iconify-json/*`                                                                                                                                                                                                                          | each collection's own            |
+| `tools/ai-automation/vendor`                                        | lint rules, not published                                                                            | [dmmulroy/anti-slop](https://github.com/dmmulroy/anti-slop) (Dillon Mulroy)                                                                                                                                                                                                  | MIT, `LICENSE` and `UPSTREAM.md` |
+| [apps/csssky](apps/csssky/NOTICE.md)                                | layout and token values; Inter; Phosphor icons                                                       | Mu and `@bsky.app/alf` (Bluesky Social PBC), [Inter](https://github.com/rsms/inter), [Phosphor](https://phosphoricons.com)                                                                                                                                                   | MIT; OFL-1.1; MIT                |
+| apps/demo                                                           | Material Design Icons (`@iconify-json/mdi`)                                                          | Pictogrammers                                                                                                                                                                                                                                                                | Apache-2.0                       |
 
 ### Ideas and designs
 
@@ -178,7 +222,7 @@ No code is copied from these; each package README says which part follows which.
 
 - **Plugin packages.** [Every Layout](https://every-layout.dev) and [smolcss](https://smolcss.dev) (layout), [nytimes/text-balancer](https://github.com/nytimes/text-balancer) and [react-wrap-balancer](https://github.com/shuding/react-wrap-balancer) (balance), [fluid-tailwind](https://github.com/barvian/fluid-tailwind) (fluid), [postcss-easing-gradients](https://github.com/larsenwork/postcss-easing-gradients) (gradient), [tailwindcss-motion](https://github.com/romboHQ/tailwindcss-motion) and [tailwindcss-animate](https://github.com/jamiebuilds/tailwindcss-animate) (motion), [the supersonic plugin](https://github.com/the-illarionov/the-supersonic-plugin-for-scroll-based-animation) and [lax.js](https://github.com/alexfoxy/lax.js) (reveal), [sync-skeleton](https://github.com/crutchcorn/sync-skeleton) (skeleton), [bramus/sticky-observer](https://github.com/bramus/sticky-observer) (stuck), [unpic-placeholder](https://github.com/ascorbic/unpic-placeholder) and [ThumbHash](https://github.com/evanw/thumbhash) (placeholder), [nutelch](https://github.com/meodai/nutelch) and [Leonardo](https://github.com/adobe/leonardo) (ramp), the resets of Josh Comeau, Jake Lazaroff, Vale and Andy Bell (reset), [Mise en Mode](https://standard.mode.place) and its Mode Contract (mise-en-mode), [brendonovich/vite-plugin-opencode](https://github.com/Brendonovich/vite-plugin-opencode) (the prompt box of devtools).
 - **The engine.** The comparisons in [docs/research](docs/research) record what we took from [StyleX](https://stylexjs.com), [vanilla-extract](https://vanilla-extract.style), [Tailwind CSS](https://tailwindcss.com), [Tokenami](https://tokenami.com), [SugarCube](https://sugarcube.sh) and the [React Spectrum](https://react-spectrum.adobe.com) style macros; the first spark was [Haz's post](https://bsky.app/profile/haz.dev/post/3mebm2mx6jk27) on a CSS framework in TypeScript. Tokens follow the [Design Tokens Community Group](https://www.designtokens.org) format.
-- **apps/sky** follows the look of Mu and the hue slider of Witchsky.
+- **apps/csssky** follows the look of Mu and the hue slider of Witchsky.
 
 ### Built on
 

package/dist/check.mjs

@@ -1,5 +1,5 @@
-import { s as ContrastError } from "./registry-CTumHB8p.mjs";
-import { t as fallbackOf } from "./lowered-D2KusPLp.mjs";
+import { s as ContrastError } from "./registry-BUSEO32-.mjs";
+import { t as fallbackOf } from "./lowered-aJVapQT6.mjs";
 import { i as shown, r as ratio, t as luminance } from "./color-BYIxVLlS.mjs";
 import { Effect } from "effect";
 //#region src/check.ts

package/dist/{contrast-DhK69Xak.mjs → contrast-B49XCnVX.mjs}

@@ -1,5 +1,5 @@
-import { a as registry, d as MacroError, o as warn } from "./registry-CTumHB8p.mjs";
-import { l as layerStatements } from "./sheet-BKsMTa0c.mjs";
+import { a as registry, d as MacroError, o as warn } from "./registry-BUSEO32-.mjs";
+import { l as layerStatements } from "./sheet-BeHdq4xt.mjs";
 import { Effect } from "effect";
 //#region src/contrast.ts
 const VAR = /var\((--[^\s,)]+)\)/g;

package/dist/devtools-link-D2YxsJKZ.mjs

@@ -0,0 +1,94 @@
+import { join, relative, sep } from "node:path";
+import { existsSync, mkdirSync, readFileSync, readdirSync, rmSync, writeFileSync } from "node:fs";
+//#region src/devtools-link.ts
+/**
+* The repository of an app is the workspace of its sessions: the nearest folder up with a `.git` (a file in a worktree).
+* @param {string} from a folder
+* @returns {string} the repository, or `from` when there is none
+*/
+const gitRoot = (from) => from.split(sep).map((_, i, parts) => parts.slice(0, parts.length - i).join(sep) || sep).find((dir) => existsSync(join(dir, ".git"))) ?? from;
+const dir = (git) => join(git, "node_modules/.cache/cssints-devtools");
+/**
+* @param {string} git the repository
+* @param {string} root the Vite root of a dev server
+* @returns {string} its id
+*/
+const serverId = (git, root) => relative(git, root).split(sep).join("-") || "root";
+const read = (file) => {
+	try {
+		return JSON.parse(readFileSync(file, "utf8"));
+	} catch {
+		return {};
+	}
+};
+const alive = (pid) => {
+	try {
+		process.kill(pid, 0);
+		return true;
+	} catch (e) {
+		return e.code === "EPERM";
+	}
+};
+/**
+* A dev server announces itself.
+* @param {string} git the repository
+* @param {string} root the Vite root
+* @param {string} url where it listens
+* @returns {() => void} the call that removes the announcement
+*/
+const register = (git, root, url) => {
+	const file = join(dir(git), `${serverId(git, root)}.json`);
+	mkdirSync(dir(git), { recursive: true });
+	writeFileSync(file, JSON.stringify({
+		root,
+		pid: process.pid,
+		url
+	}));
+	return () => rmSync(file, { force: true });
+};
+/**
+* The dev servers that run now. A file whose process is gone (a crash left it) is removed.
+* ponytail: a reused pid keeps a stale file alive; the dev server rewrites it on its next start.
+* @param {string} git the repository
+* @returns {DevServer[]} the live ones, by id
+*/
+const servers = (git) => {
+	if (!existsSync(dir(git))) return [];
+	return readdirSync(dir(git)).filter((f) => f.endsWith(".json") && !f.endsWith(".session.json")).flatMap((f) => {
+		const { root, pid, url } = read(join(dir(git), f));
+		if (typeof root !== "string" || typeof pid !== "number" || typeof url !== "string") return [];
+		if (alive(pid)) return [{
+			id: f.slice(0, -5),
+			root,
+			pid,
+			url
+		}];
+		rmSync(join(dir(git), f), { force: true });
+		return [];
+	}).sort((a, b) => a.id.localeCompare(b.id));
+};
+/**
+* @param {string} git the repository
+* @param {string} id a dev server's id
+* @returns {string | undefined} the session its prompts go to, if one is attached
+*/
+const sessionOf = (git, id) => {
+	const { sessionID } = read(join(dir(git), `${id}.session.json`));
+	return typeof sessionID === "string" ? sessionID : void 0;
+};
+/**
+* Attach a session to a dev server, or detach it.
+* @param {string} git the repository
+* @param {string} id a dev server's id
+* @param {string} [sessionID] the session; none detaches
+* @returns {void}
+*/
+const attach = (git, id, sessionID) => {
+	const file = join(dir(git), `${id}.session.json`);
+	if (sessionID) {
+		mkdirSync(dir(git), { recursive: true });
+		writeFileSync(file, JSON.stringify({ sessionID }));
+	} else rmSync(file, { force: true });
+};
+//#endregion
+export { servers as a, serverId as i, gitRoot as n, sessionOf as o, register as r, attach as t };

package/dist/devtools-link.d.mts

@@ -0,0 +1,55 @@
+//#region src/devtools-link.d.ts
+/** A running dev server, as it announced itself. */
+export interface DevServer {
+  id: string;
+  root: string;
+  pid: number;
+  url: string;
+}
+/**
+ * The repository of an app is the workspace of its sessions: the nearest folder up with a `.git` (a file in a worktree).
+ * @param {string} from a folder
+ * @returns {string} the repository, or `from` when there is none
+ */
+export declare const gitRoot: (from: string) => string;
+/**
+ * @param {string} git the repository
+ * @param {string} root the Vite root of a dev server
+ * @returns {string} its id
+ */
+export declare const serverId: (git: string, root: string) => string;
+/**
+ * A dev server announces itself.
+ * @param {string} git the repository
+ * @param {string} root the Vite root
+ * @param {string} url where it listens
+ * @returns {() => void} the call that removes the announcement
+ */
+export declare const register: (git: string, root: string, url: string) => () => void;
+/**
+ * The dev servers that run now. A file whose process is gone (a crash left it) is removed.
+ * ponytail: a reused pid keeps a stale file alive; the dev server rewrites it on its next start.
+ * @param {string} git the repository
+ * @returns {DevServer[]} the live ones, by id
+ */
+export declare const servers: (git: string) => {
+  id: string;
+  root: string;
+  pid: number;
+  url: string;
+}[];
+/**
+ * @param {string} git the repository
+ * @param {string} id a dev server's id
+ * @returns {string | undefined} the session its prompts go to, if one is attached
+ */
+export declare const sessionOf: (git: string, id: string) => string | undefined;
+/**
+ * Attach a session to a dev server, or detach it.
+ * @param {string} git the repository
+ * @param {string} id a dev server's id
+ * @param {string} [sessionID] the session; none detaches
+ * @returns {void}
+ */
+export declare const attach: (git: string, id: string, sessionID?: string) => void;
+//#endregion

package/dist/devtools-link.mjs

@@ -0,0 +1,2 @@
+import { a as servers, i as serverId, n as gitRoot, o as sessionOf, r as register, t as attach } from "./devtools-link-D2YxsJKZ.mjs";
+export { attach, gitRoot, register, serverId, servers, sessionOf };

package/dist/groups/baseline-2015/with-downstream.d.mts

@@ -0,0 +1,81 @@
+import { A as Wrap, C as Keyframes, D as QueryWrap, F as cv, H as style, I as firstThatWorks, J as FlexMethods, K as within, L as global, M as cn, O as StateWrap, R as group, S as CvValue, T as PositionTry, W as token, _ as CSSStyleValue, a as DtcgUnit, am as Fallback, b as CvConfig, c as Tokens, d as createTokens, f as layers, g as CSSImageValue, h as CSSColorValue, i as DtcgShadow, j as attr, k as Steps, l as check, m as CSS, n as DtcgColor, o as DtcgValue, om as Part, p as AttrOp, q as ClassValue, r as DtcgCubicBezier, s as Overrides, sm as Style, t as CheckOverrides, u as createGlobalTheme, v as CSSUnitValue, x as CvProps, z as keyframes } from "../../theme-types-Bqv0Ggz_.mjs";
+import { a as GProp, r as GLayout, t as GCondition } from "../../group-types-9ttphdku.mjs";
+import "../../group-common-9zpBxfUF.mjs";
+import { active, alignContent, alignItems, alignSelf, animation, animationDelay, animationDirection, animationDuration, animationFillMode, animationIterationCount, animationName, animationPlayState, animationTimingFunction, attrFn, backgroundAttachment, backgroundClip, backgroundColor, backgroundImage, backgroundOrigin, backgroundPosition, backgroundRepeat, backgroundSize, bg, border, borderBottom, borderBottomColor, borderBottomLeftRadius, borderBottomRightRadius, borderBottomStyle, borderBottomWidth, borderCollapse, borderColor, borderImage, borderImageOutset, borderImageSlice, borderImageSource, borderImageWidth, borderLeft, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRadius, borderRight, borderRightColor, borderRightStyle, borderRightWidth, borderSpacing, borderStyle, borderTop, borderTopColor, borderTopLeftRadius, borderTopRightRadius, borderTopStyle, borderTopWidth, borderWidth, bottom, boxShadow, boxSizing, calc, captionSide, checked, clear, color, colorFn, columnGap, content, counter, counterIncrement, counterReset, counters, cubicBezier, direction, disabled, display, empty, emptyCells, enabled, firstChild, firstOfType, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, float, floodColor, floodOpacity, focus, font, fontFamily, fontSize, fontStyle, fontWeight, height, hover, hsl, hsla, image, inRange, indeterminate, invalid, justifyContent, lastChild, lastOfType, left, letterSpacing, lightingColor, lineHeight, linearGradient, link, listStyle, listStyleImage, listStylePosition, listStyleType, m, margin, marginBottom, marginLeft, marginRight, marginTop, matrix, matrix3d, maxHeight, maxWidth, mb, minHeight, minWidth, ml, mr, mt, onlyChild, onlyOfType, opacity, optional, order, outOfRange, outlineColor, outlineStyle, outlineWidth, overflow, overflowX, overflowY, p, padding, paddingBottom, paddingLeft, paddingRight, paddingTop, pb, perspective, perspectiveFn, perspectiveOrigin, pl, pointerEvents, position, pr, pt, quotes, radialGradient, repeatingLinearGradient, repeatingRadialGradient, required, rgb, rgba, right, root, rotate3d, rotateFn, rotateX, rotateY, rotateZ, scale3d, scaleFn, scaleX, scaleY, scaleZ, skew, skewX, skewY, steps, supports, tableLayout, target, textAlign, textIndent, textOverflow, textShadow, textTransform, top, transform, transformOrigin, transformStyle, transition, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction, translate3d, translateFn, translateX, translateY, translateZ, unicodeBidi, url, valid, verticalAlign, visibility, visited, width, wordBreak, wordSpacing, zIndex } from "../baseline-2015.mjs";
+import { properties } from "@cssints/css-grammar/mdn";
+//#region src/groups/baseline-2015/with-downstream.d.ts
+type B = {
+  id: "baseline-2015/with-downstream";
+  kw: {
+    "align-items": "anchor-center";
+    "align-self": "anchor-center" | "auto" | "normal" | "stretch";
+    "animation-duration": "auto";
+    "background": "border-area" | "text" | "x-end" | "x-start" | "y-end" | "y-start";
+    "background-attachment": "fixed" | "local";
+    "background-clip": "border-area" | "text";
+    "background-image": "element(" | "image-set(";
+    "background-position": "bottom" | "center" | "left" | "right" | "top";
+    "background-repeat": "round" | "space";
+    "border-collapse": "collapse" | "separate";
+    "bottom": "anchor(" | "anchor-size(";
+    "caption-side": "bottom" | "top";
+    "clear": "inline-end" | "inline-start";
+    "content": "image-set(";
+    "counter-reset": "reversed(";
+    "display": "contents" | "flow-root" | "grid" | "grid-lanes" | "inline-grid" | "inline-grid-lanes" | "math" | "ruby" | "ruby-base" | "ruby-base-container" | "ruby-text" | "ruby-text-container";
+    "flex": "anchor-size(" | "content" | "fit-content" | "fit-content(" | "max-content" | "min-content";
+    "flex-basis": "anchor-size(" | "content" | "fit-content" | "fit-content(" | "max-content" | "min-content";
+    "flex-direction": "column-reverse" | "row-reverse";
+    "flex-flow": "balance";
+    "flex-wrap": "balance";
+    "float": "inline-end" | "inline-start";
+    "font": "math" | "system-ui" | "ui-monospace" | "ui-rounded" | "ui-sans-serif" | "ui-serif" | "xxx-large";
+    "font-family": "math" | "system-ui" | "ui-monospace" | "ui-rounded" | "ui-sans-serif" | "ui-serif";
+    "font-size": "math" | "xxx-large";
+    "font-variant": "all-petite-caps" | "all-small-caps" | "diagonal-fractions" | "full-width" | "historical-forms" | "jis04" | "jis78" | "jis83" | "jis90" | "lining-nums" | "none" | "oldstyle-nums" | "ordinal" | "petite-caps" | "proportional-nums" | "proportional-width" | "ruby" | "simplified" | "slashed-zero" | "small-caps" | "stacked-fractions" | "tabular-nums" | "titling-caps" | "traditional" | "unicase";
+    "height": "anchor-size(" | "fit-content" | "fit-content(" | "max-content" | "min-content";
+    "justify-content": "left" | "normal" | "right";
+    "left": "anchor(" | "anchor-size(";
+    "list-style": "string" | "symbols(";
+    "list-style-type": "symbols(";
+    "margin": "anchor-size(";
+    "margin-bottom": "anchor-size(";
+    "margin-left": "anchor-size(";
+    "margin-right": "anchor-size(";
+    "margin-top": "anchor-size(";
+    "max-height": "anchor-size(" | "fit-content" | "fit-content(" | "max-content" | "min-content";
+    "max-width": "anchor-size(" | "fit-content" | "fit-content(" | "max-content" | "min-content";
+    "min-height": "anchor-size(" | "fit-content" | "fit-content(" | "max-content" | "min-content";
+    "min-width": "anchor-size(" | "fit-content" | "fit-content(" | "max-content" | "min-content";
+    "overflow": "clip";
+    "overflow-x": "clip";
+    "overflow-y": "clip";
+    "position": "sticky";
+    "quotes": "auto";
+    "right": "anchor(" | "anchor-size(";
+    "text-align": "center" | "end" | "left" | "match-parent" | "right" | "start";
+    "text-decoration": "auto" | "currentColor" | "dashed" | "dotted" | "double" | "from-font" | "grammar-error" | "percentage" | "solid" | "spelling-error" | "transparent" | "wavy";
+    "text-indent": "each-line" | "hanging";
+    "text-transform": "full-size-kana" | "full-width" | "math-auto";
+    "top": "anchor(" | "anchor-size(";
+    "unicode-bidi": "isolate" | "isolate-override" | "plaintext";
+    "white-space": "break-spaces" | "collapse" | "preserve" | "preserve-breaks" | "preserve-spaces" | "wrap";
+    "width": "anchor-size(" | "fit-content" | "fit-content(" | "max-content" | "min-content";
+    "word-break": "auto-phrase" | "break-word";
+  };
+  fn: "abs" | "acos" | "anchor" | "anchor-size" | "asin" | "atan" | "atan2" | "blur" | "brightness" | "calc-size" | "circle" | "clamp" | "color-mix" | "conic-gradient" | "contrast" | "contrast-color" | "cos" | "cross-fade" | "drop-shadow" | "dynamic-range-limit-mix" | "element" | "ellipse" | "env" | "exp" | "fit-content" | "grayscale" | "hue-rotate" | "hwb" | "hypot" | "image-set" | "inset" | "invert" | "lab" | "layer" | "lch" | "leader" | "light-dark" | "linear" | "log" | "max" | "min" | "minmax" | "mod" | "oklab" | "oklch" | "opacity" | "paint" | "palette-mix" | "path" | "polygon" | "pow" | "ray" | "rect" | "rem" | "repeating-conic-gradient" | "round" | "saturate" | "scroll" | "sepia" | "sign" | "sin" | "sqrt" | "src" | "superellipse" | "symbols" | "tan" | "target-counter" | "target-counters" | "target-text" | "var" | "view" | "xywh";
+  unit: "Q" | "cap" | "cqb" | "cqh" | "cqi" | "cqmax" | "cqmin" | "cqw" | "dpcm" | "dpi" | "dppx" | "dvb" | "dvh" | "dvi" | "dvmax" | "dvmin" | "dvw" | "fr" | "ic" | "lh" | "lvb" | "lvh" | "lvi" | "lvmax" | "lvmin" | "lvw" | "q" | "rcap" | "rch" | "rex" | "ric" | "rlh" | "svb" | "svh" | "svi" | "svmax" | "svmin" | "svw" | "vb" | "vi" | "vmax" | "x";
+  media: "any-hover" | "any-pointer" | "calc" | "color-gamut" | "color-index" | "device-aspect-ratio" | "device-height" | "device-posture" | "device-width" | "display-mode" | "dynamic-range" | "forced-colors" | "horizontal-viewport-segments" | "hover" | "inverted-colors" | "monochrome" | "overflow-block" | "overflow-inline" | "pointer" | "prefers-color-scheme" | "prefers-contrast" | "prefers-reduced-data" | "prefers-reduced-motion" | "prefers-reduced-transparency" | "resolution" | "scan" | "scripting" | "update" | "vertical-viewport-segments" | "video-dynamic-range";
+  container: "anchored(" | "scroll-state(" | "style(";
+  supports: "font-format(" | "font-tech(" | "selector(";
+};
+type P<K extends keyof typeof properties> = GProp<B, K>;
+export declare const background: P<"background">;
+export declare const flexFlow: P<"flex-flow">;
+export declare const fontVariant: P<"font-variant">;
+export declare const textDecoration: P<"text-decoration">;
+export declare const whiteSpace: P<"white-space">;
+export declare const media: GCondition<B, "media", QueryWrap>;
+export declare const flex: GLayout<B, "flex", Pick<FlexMethods, "direction" | "wrap" | "flow" | "alignItems" | "alignContent" | "justifyContent" | "columnGap">>;
+//#endregion
+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, active, alignContent, alignItems, alignSelf, animation, animationDelay, animationDirection, animationDuration, animationFillMode, animationIterationCount, animationName, animationPlayState, animationTimingFunction, attr, attrFn, backgroundAttachment, backgroundClip, backgroundColor, backgroundImage, backgroundOrigin, backgroundPosition, backgroundRepeat, backgroundSize, bg, border, borderBottom, borderBottomColor, borderBottomLeftRadius, borderBottomRightRadius, borderBottomStyle, borderBottomWidth, borderCollapse, borderColor, borderImage, borderImageOutset, borderImageSlice, borderImageSource, borderImageWidth, borderLeft, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRadius, borderRight, borderRightColor, borderRightStyle, borderRightWidth, borderSpacing, borderStyle, borderTop, borderTopColor, borderTopLeftRadius, borderTopRightRadius, borderTopStyle, borderTopWidth, borderWidth, bottom, boxShadow, boxSizing, calc, captionSide, check, checked, clear, cn, color, colorFn, columnGap, content, counter, counterIncrement, counterReset, counters, createGlobalTheme, createTokens, cubicBezier, cv, direction, disabled, display, empty, emptyCells, enabled, firstChild, firstOfType, firstThatWorks, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, float, floodColor, floodOpacity, focus, font, fontFamily, fontSize, fontStyle, fontWeight, global, group, height, hover, hsl, hsla, image, inRange, indeterminate, invalid, justifyContent, keyframes, lastChild, lastOfType, layers, left, letterSpacing, lightingColor, lineHeight, linearGradient, link, listStyle, listStyleImage, listStylePosition, listStyleType, m, margin, marginBottom, marginLeft, marginRight, marginTop, matrix, matrix3d, maxHeight, maxWidth, mb, minHeight, minWidth, ml, mr, mt, onlyChild, onlyOfType, opacity, optional, order, outOfRange, outlineColor, outlineStyle, outlineWidth, overflow, overflowX, overflowY, p, padding, paddingBottom, paddingLeft, paddingRight, paddingTop, pb, perspective, perspectiveFn, perspectiveOrigin, pl, pointerEvents, position, pr, pt, quotes, radialGradient, repeatingLinearGradient, repeatingRadialGradient, required, rgb, rgba, right, root, rotate3d, rotateFn, rotateX, rotateY, rotateZ, scale3d, scaleFn, scaleX, scaleY, scaleZ, skew, skewX, skewY, steps, style, supports, tableLayout, target, textAlign, textIndent, textOverflow, textShadow, textTransform, token, top, transform, transformOrigin, transformStyle, transition, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction, translate3d, translateFn, translateX, translateY, translateZ, unicodeBidi, url, valid, verticalAlign, visibility, visited, width, within, wordBreak, wordSpacing, zIndex };