@csszyx/vars 0.6.2 → 0.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@csszyx/vars",
-  "version": "0.6.2",
+  "version": "0.8.0",
   "description": "CSS custom property helpers — inject and patch CSS variables for runtime-driven styling",
   "type": "module",
   "exports": {

package/src/index.ts

@@ -54,10 +54,7 @@ export function applySzVars(
  * @param vars - Record of CSS var name → value. Keys auto-prefixed with `--`.
  * @param element - Target element. Defaults to `document.documentElement` (`:root`).
  */
-export function patchSzVars(
-    vars: SzVars,
-    element: HTMLElement = document.documentElement,
-): void {
+export function patchSzVars(vars: SzVars, element: HTMLElement = document.documentElement): void {
     for (const [key, value] of Object.entries(vars)) {
         const name = key.startsWith('--') ? key : `--${key}`;
         element.style.setProperty(name, String(value));

package/src/react.ts

@@ -26,7 +26,9 @@ export function useSzVars(vars: SzVars, ref?: RefObject<HTMLElement | null>): vo
 
     useEffect(() => {
         const el = ref?.current ?? document.documentElement;
-        if (!el) {return;}
+        if (!el) {
+            return;
+        }
         patchSzVars(latestVars.current, el);
     });
     // No dep array — runs after every render, intentional:

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+    "extends": "../../tsconfig.base.json",
+    "compilerOptions": {
+        "composite": true,
+        "incremental": true,
+        "isolatedDeclarations": true,
+        "declaration": true,
+        "tsBuildInfoFile": "./dist/tsconfig.tsbuildinfo",
+        "outDir": "./dist",
+        "rootDir": "./src",
+        "types": ["node", "react"]
+    },
+    "include": ["src/**/*"],
+    "exclude": ["node_modules", "dist"]
+}