boss-css 0.0.1 → 0.0.2

package/dist/use/token/vars.mjs

@@ -0,0 +1,46 @@
+//#region src/use/token/vars.ts
+const isPlainObject = (value) => {
+	return Boolean(value && typeof value === "object" && !Array.isArray(value));
+};
+const hasValueEntry = (value) => {
+	return isPlainObject(value) && Object.prototype.hasOwnProperty.call(value, "value");
+};
+const createTokenVars = ({ prefix = "", toValue } = {}) => {
+	const resolveValue = toValue ?? ((value) => value == null ? value : String(value));
+	return (input) => {
+		const result = {};
+		if (!input || typeof input !== "object") return result;
+		const applyVar = (path, group, value) => {
+			if (!path.length) return;
+			const name = `--${prefix}${path.join("-")}`;
+			const resolved = resolveValue(value, group ?? path[0]);
+			if (typeof resolved === "number") {
+				result[name] = resolved;
+				return;
+			}
+			if (typeof resolved === "string") {
+				result[name] = resolved;
+				return;
+			}
+			if (resolved == null) return;
+			result[name] = String(resolved);
+		};
+		const walk = (node, path, group) => {
+			if (node == null) return;
+			if (Array.isArray(node) || !isPlainObject(node)) {
+				applyVar(path, group, node);
+				return;
+			}
+			if (hasValueEntry(node)) {
+				applyVar(path, group, node.value);
+				return;
+			}
+			for (const [key, value] of Object.entries(node)) walk(value, [...path, key], group ?? key);
+		};
+		walk(input, [], null);
+		return result;
+	};
+};
+
+//#endregion
+export { createTokenVars };

package/package.json

@@ -1,11 +1,307 @@
 {
     "name": "boss-css",
-    "version": "0.0.1",
+    "version": "0.0.2",
     "description": "",
-    "main": "index.js",
+    "bin": {
+        "boss": "./dist/cli/index.cjs",
+        "boss-css": "./dist/cli/index.cjs"
+    },
+    "exports": {
+        ".": {
+            "import": "./dist/index.mjs",
+            "require": "./dist/index.cjs"
+        },
+        "./api/browser": {
+            "import": "./dist/api/browser.mjs",
+            "require": "./dist/api/browser.cjs"
+        },
+        "./api/server": {
+            "import": "./dist/api/server.mjs",
+            "require": "./dist/api/server.cjs"
+        },
+        "./api/config": {
+            "types": "./src/api/config.d.ts",
+            "import": "./dist/api/config.mjs",
+            "require": "./dist/api/config.cjs"
+        },
+        "./fontsource/types": {
+            "types": "./src/fontsource/types.d.ts"
+        },
+        "./postcss": {
+            "import": "./dist/postcss/index.mjs",
+            "require": "./dist/postcss/index.cjs"
+        },
+        "./eslint-plugin": {
+            "import": "./dist/eslint-plugin/index.mjs",
+            "require": "./dist/eslint-plugin/index.cjs"
+        },
+        "./parser/jsx/browser": {
+            "import": "./dist/parser/jsx/browser.mjs",
+            "require": "./dist/parser/jsx/browser.cjs"
+        },
+        "./parser/jsx/server": {
+            "import": "./dist/parser/jsx/server.mjs",
+            "require": "./dist/parser/jsx/server.cjs"
+        },
+        "./parser/jsx/runtime": {
+            "import": "./dist/parser/jsx/runtime.mjs",
+            "require": "./dist/parser/jsx/runtime.cjs"
+        },
+        "./runtime": {
+            "import": "./dist/runtime/index.mjs",
+            "require": "./dist/runtime/index.cjs"
+        },
+        "./runtime/react": {
+            "import": "./dist/runtime/react.mjs",
+            "require": "./dist/runtime/react.cjs"
+        },
+        "./runtime/preact": {
+            "import": "./dist/runtime/preact.mjs",
+            "require": "./dist/runtime/preact.cjs"
+        },
+        "./runtime/qwik": {
+            "import": "./dist/runtime/qwik.mjs",
+            "require": "./dist/runtime/qwik.cjs"
+        },
+        "./runtime/stencil": {
+            "import": "./dist/runtime/stencil.mjs",
+            "require": "./dist/runtime/stencil.cjs"
+        },
+        "./runtime/solid": {
+            "import": "./dist/runtime/solid.mjs",
+            "require": "./dist/runtime/solid.cjs"
+        },
+        "./parser/jsx/native": {
+            "import": "./dist/parser/jsx/native.mjs",
+            "require": "./dist/parser/jsx/native.cjs"
+        },
+        "./parser/classname/server": {
+            "import": "./dist/parser/classname/server.mjs",
+            "require": "./dist/parser/classname/server.cjs"
+        },
+        "./native/browser": {
+            "import": "./dist/native/browser.mjs",
+            "require": "./dist/native/browser.cjs"
+        },
+        "./native/server": {
+            "import": "./dist/native/server.mjs",
+            "require": "./dist/native/server.cjs"
+        },
+        "./prop/pseudo/server": {
+            "import": "./dist/prop/pseudo/server.mjs",
+            "require": "./dist/prop/pseudo/server.cjs"
+        },
+        "./prop/pseudo/runtime-only": {
+            "import": "./dist/prop/pseudo/runtime-only.mjs",
+            "require": "./dist/prop/pseudo/runtime-only.cjs"
+        },
+        "./prop/at/server": {
+            "import": "./dist/prop/at/server.mjs",
+            "require": "./dist/prop/at/server.cjs"
+        },
+        "./prop/at/runtime-only": {
+            "import": "./dist/prop/at/runtime-only.mjs",
+            "require": "./dist/prop/at/runtime-only.cjs"
+        },
+        "./prop/child/server": {
+            "import": "./dist/prop/child/server.mjs",
+            "require": "./dist/prop/child/server.cjs"
+        },
+        "./prop/child/runtime-only": {
+            "import": "./dist/prop/child/runtime-only.mjs",
+            "require": "./dist/prop/child/runtime-only.cjs"
+        },
+        "./prop/css/server": {
+            "import": "./dist/prop/css/server.mjs",
+            "require": "./dist/prop/css/server.cjs"
+        },
+        "./prop/css/runtime-only": {
+            "import": "./dist/prop/css/runtime-only.mjs",
+            "require": "./dist/prop/css/runtime-only.cjs"
+        },
+        "./prop/bosswind/server": {
+            "import": "./dist/prop/bosswind/server.mjs",
+            "require": "./dist/prop/bosswind/server.cjs"
+        },
+        "./prop/bosswind/browser": {
+            "import": "./dist/prop/bosswind/browser.mjs",
+            "require": "./dist/prop/bosswind/browser.cjs"
+        },
+        "./prop/bosswind/runtime-only": {
+            "import": "./dist/prop/bosswind/runtime-only.mjs",
+            "require": "./dist/prop/bosswind/runtime-only.cjs"
+        },
+        "./strategy/inline-first/browser": {
+            "import": "./dist/strategy/inline-first/browser.mjs",
+            "require": "./dist/strategy/inline-first/browser.cjs"
+        },
+        "./strategy/inline-first/server": {
+            "import": "./dist/strategy/inline-first/server.mjs",
+            "require": "./dist/strategy/inline-first/server.cjs"
+        },
+        "./strategy/inline-first/runtime-only": {
+            "import": "./dist/strategy/inline-first/runtime-only.mjs",
+            "require": "./dist/strategy/inline-first/runtime-only.cjs"
+        },
+        "./strategy/runtime/runtime-only": {
+            "import": "./dist/strategy/runtime/runtime-only.mjs",
+            "require": "./dist/strategy/runtime/runtime-only.cjs"
+        },
+        "./strategy/classname-first/browser": {
+            "import": "./dist/strategy/classname-first/browser.mjs",
+            "require": "./dist/strategy/classname-first/browser.cjs"
+        },
+        "./strategy/classname-first/server": {
+            "import": "./dist/strategy/classname-first/server.mjs",
+            "require": "./dist/strategy/classname-first/server.cjs"
+        },
+        "./strategy/classname-only/server": {
+            "import": "./dist/strategy/classname-only/server.mjs",
+            "require": "./dist/strategy/classname-only/server.cjs"
+        },
+        "./strategy/classname-first/runtime-only": {
+            "import": "./dist/strategy/classname-first/runtime-only.mjs",
+            "require": "./dist/strategy/classname-first/runtime-only.cjs"
+        },
+        "./strategy/runtime/server": {
+            "import": "./dist/strategy/runtime/server.mjs",
+            "require": "./dist/strategy/runtime/server.cjs"
+        },
+        "./strategy/classic/runtime-only": {
+            "import": "./dist/strategy/classic/runtime-only.mjs",
+            "require": "./dist/strategy/classic/runtime-only.cjs"
+        },
+        "./compile/runtime": {
+            "import": "./dist/compile/runtime.mjs",
+            "require": "./dist/compile/runtime.cjs"
+        },
+        "./merge": {
+            "import": "./dist/merge/index.mjs",
+            "require": "./dist/merge/index.cjs"
+        },
+        "./cx": {
+            "import": "./dist/cx/index.mjs",
+            "require": "./dist/cx/index.cjs"
+        },
+        "./detect-fw": {
+            "import": "./dist/detect-fw/index.mjs",
+            "require": "./dist/detect-fw/index.cjs"
+        },
+        "./use/token/server": {
+            "import": "./dist/use/token/server.mjs",
+            "require": "./dist/use/token/server.cjs"
+        },
+        "./use/token/browser": {
+            "import": "./dist/use/token/browser.mjs",
+            "require": "./dist/use/token/browser.cjs"
+        },
+        "./use/token/runtime-only": {
+            "import": "./dist/use/token/runtime-only.mjs",
+            "require": "./dist/use/token/runtime-only.cjs"
+        },
+        "./reset/server": {
+            "import": "./dist/reset/server.mjs",
+            "require": "./dist/reset/server.cjs"
+        },
+        "./reset.css": "./src/reset/reset.css",
+        "./prop/css/csstype.json": "./src/prop/css/csstype.json",
+        "./fontsource/server": {
+            "import": "./dist/fontsource/server.mjs",
+            "require": "./dist/fontsource/server.cjs"
+        },
+        "./dev/server": {
+            "import": "./dist/dev/server.mjs",
+            "require": "./dist/dev/server.cjs"
+        },
+        "./dev/client": {
+            "import": "./dist/dev/client.mjs",
+            "require": "./dist/dev/client.cjs"
+        },
+        "./dev/runtime": {
+            "import": "./dist/dev/runtime.mjs",
+            "require": "./dist/dev/runtime.cjs"
+        },
+        "./devtools-app": {
+            "import": "./dist/devtools-app/index.mjs"
+        },
+        "./dev/plugin/server": {
+            "import": "./dist/dev/plugin/server.mjs",
+            "require": "./dist/dev/plugin/server.cjs"
+        },
+        "./dev/plugin/browser": {
+            "import": "./dist/dev/plugin/browser.mjs",
+            "require": "./dist/dev/plugin/browser.cjs"
+        }
+    },
+    "typesVersions": {
+        "*": {
+            "api/config": [
+                "src/api/config.d.ts"
+            ],
+            "fontsource/types": [
+                "src/fontsource/types.d.ts"
+            ]
+        }
+    },
     "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1"
+        "fontsource:sync": "node src/fontsource/fetch-directory.js",
+        "test": "vitest",
+        "build": "tsdown -c tsdown.config.mjs && npm run build:devtools-app",
+        "build:devtools-app": "npm --prefix src/packages/devtools-app run build",
+        "build:watch": "tsdown -c tsdown.config.mjs --watch",
+        "dev": "npm run build:watch"
     },
     "author": "",
-    "license": "ISC"
+    "license": "MIT",
+    "devDependencies": {
+        "@builder.io/qwik": "^1.18.0",
+        "@stencil/core": "^4.41.2",
+        "@types/jsdom": "^27.0.0",
+        "@types/node": "^25.0.9",
+        "@types/react": "^19.2.8",
+        "postcss": "^8.5.6",
+        "preact": "^10.28.2",
+        "prettier": "^3.8.0",
+        "solid-js": "^1.9.10",
+        "tsdown": "^0.20.0-beta.3",
+        "typescript": "^5.9.3",
+        "vite": "^7.3.1",
+        "vite-tsconfig-paths": "^6.0.4",
+        "vitest": "^4.0.17"
+    },
+    "dependencies": {
+        "@boss-css/document-create-element": "file:src/packages/document-create-element",
+        "@boss-css/is-css-prop": "file:src/packages/is-css-prop",
+        "@clack/prompts": "^0.11.0",
+        "@emotion/hash": "^0.9.2",
+        "@parcel/watcher": "^2.5.4",
+        "@swc/core": "^1.15.8",
+        "@webref/css": "^8.2.0",
+        "@webref/elements": "^2.6.0",
+        "@webref/events": "^1.20.0",
+        "css-variants": "^2.3.4",
+        "css.escape": "^1.5.1",
+        "csstype": "^3.2.3",
+        "debug": "^4.4.3",
+        "deepmerge": "^4.3.1",
+        "fast-glob": "^3.3.3",
+        "jsdom": "^27.4.0",
+        "lightningcss": "^1.30.2",
+        "pluvo": "^0.1.1",
+        "source-map-js": "^1.2.1",
+        "ts-deepmerge": "^7.0.3",
+        "ws": "^8.19.0",
+        "yargs": "^18.0.0"
+    },
+    "peerDependencies": {
+        "react": "^19.2.3",
+        "react-dom": "^19.2.3",
+        "react-native": ">=0.83.1"
+    },
+    "bo$$": {
+        "configDir": "src/.bo$$",
+        "compile": {
+            "tempOutDir": "src/.bo$$/compiled"
+        }
+    }
 }

package/src/api/config.d.ts

@@ -0,0 +1 @@
+export type { UserConfig } from '@/shared/types'

package/src/fontsource/types.d.ts

@@ -0,0 +1,50 @@
+import type {
+    FontCategory,
+    FontFamily,
+    FontId,
+    FontStyle,
+    FontSubset,
+    FontType,
+    FontVersion,
+    FontWeight,
+} from '@/fontsource/directory'
+
+type LooseString<T extends string> = T | (string & {})
+
+type LooseNumber<T extends number> = T | (number & {})
+
+export type FontDelivery = 'cdn' | 'local'
+
+export type FontVariableAxes = {
+    wght?: number | [number, number]
+    wdth?: number | [number, number]
+    slnt?: number | [number, number]
+    ital?: 0 | 1
+    [axis: string]: number | [number, number] | undefined
+}
+
+type FontConfigBase = {
+    name: LooseString<FontFamily | FontId>
+    subsets?: Array<LooseString<FontSubset>>
+    version?: LooseString<FontVersion> | 'latest'
+    category?: LooseString<FontCategory>
+    type?: LooseString<FontType>
+    delivery?: FontDelivery
+    token?: string
+}
+
+export type FontConfigStatic = FontConfigBase & {
+    variable?: false
+    weights?: Array<LooseNumber<FontWeight>>
+    styles?: Array<LooseString<FontStyle>>
+    variableAxes?: never
+}
+
+export type FontConfigVariable = FontConfigBase & {
+    variable: true
+    variableAxes?: FontVariableAxes
+    weights?: never
+    styles?: never
+}
+
+export type FontConfig = FontConfigStatic | FontConfigVariable

package/src/packages/document-create-element/createElement.browser.js

@@ -0,0 +1,3 @@
+export default function createElement(tag) {
+    return document.createElement(tag)
+}

package/src/packages/document-create-element/createElement.js

@@ -0,0 +1,7 @@
+import { JSDOM } from 'jsdom'
+
+const document = new JSDOM().window.document
+
+export default function createElement(tag) {
+    return document.createElement(tag)
+}

package/src/packages/document-create-element/package.json

@@ -0,0 +1,17 @@
+{
+    "name": "@boss-css/document-create-element",
+    "version": "1.0.0",
+    "description": "",
+    "type": "module",
+    "main": "./createElement.js",
+    "module": "./createElement.js",
+    "browser": "./createElement.browser.js",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "author": "",
+    "license": "ISC",
+    "dependencies": {
+        "jsdom": "^24.0.0"
+    }
+}

package/src/packages/is-css-prop/browser.js

@@ -0,0 +1,13 @@
+import createElement from '@boss-css/document-create-element'
+
+const cache = {}
+
+export default function isCSSProp(tag, prop) {
+    const tagEntry = (cache[tag] ??= {})
+    if (tagEntry[prop] !== undefined) return tagEntry[prop]
+
+    tagEntry.$el ??= createElement(tag)
+    tagEntry[prop] = prop in tagEntry.$el.style
+
+    return tagEntry[prop]
+}

package/src/packages/is-css-prop/index.js

@@ -0,0 +1,13 @@
+import createElement from '@boss-css/document-create-element'
+
+const cache = {}
+
+export default function isCSSProp(tag, prop) {
+    const tagEntry = (cache[tag] ??= {})
+    if (tagEntry[prop] !== undefined) return tagEntry[prop]
+
+    tagEntry.$el ??= createElement(tag)
+    tagEntry[prop] = prop in tagEntry.$el.style
+
+    return tagEntry[prop]
+}

package/src/packages/is-css-prop/package-lock.json

@@ -0,0 +1,52 @@
+{
+    "name": "is-css-prop",
+    "version": "1.0.0",
+    "lockfileVersion": 3,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "is-css-prop",
+            "version": "1.0.0",
+            "license": "ISC",
+            "dependencies": {
+                "@webref/css": "^6.10.2"
+            }
+        },
+        "node_modules/@webref/css": {
+            "version": "6.10.2",
+            "resolved": "https://registry.npmjs.org/@webref/css/-/css-6.10.2.tgz",
+            "integrity": "sha512-BQepib8uNtlsxZbeVBHk1xdKDQRKFn4Gz73zy/zgRP+0we2v+LT2e8nOqt2KCGfUjSoNkSDS0Wc8z003qJXqFQ==",
+            "peerDependencies": {
+                "css-tree": "^2.3.1"
+            }
+        },
+        "node_modules/css-tree": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+            "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+            "peer": true,
+            "dependencies": {
+                "mdn-data": "2.0.30",
+                "source-map-js": "^1.0.1"
+            },
+            "engines": {
+                "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+            }
+        },
+        "node_modules/mdn-data": {
+            "version": "2.0.30",
+            "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+            "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+            "peer": true
+        },
+        "node_modules/source-map-js": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+            "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+            "peer": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        }
+    }
+}

package/src/packages/is-css-prop/package.json

@@ -0,0 +1,17 @@
+{
+    "name": "@boss-css/is-css-prop",
+    "version": "1.0.0",
+    "description": "",
+    "type": "module",
+    "main": "./index.js",
+    "module": "./index.js",
+    "browser": "./browser.js",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "author": "",
+    "license": "ISC",
+    "dependencies": {
+        "@webref/css": "^6.10.2"
+    }
+}