@css-hooks/preact 4.0.0-next.3 → 4.0.0-next.31

package/README.md

@@ -1,16 +1,16 @@
 <div align="center">
-  <a id="logomark" href="https://next.css-hooks.com"><img alt="CSS Hooks" src="https://github.com/css-hooks/css-hooks/raw/v4.0.0-next.3/.github/logomark.svg" height="128" /></a><br/><br/>
+  <a id="logomark" href="https://next.css-hooks.com"><img alt="CSS Hooks" src="https://github.com/css-hooks/css-hooks/raw/v4.0.0-next.31/.github/logomark.svg" height="128" /></a><br/><br/>
   <div id="wordmark">
-    <a href="https://next.css-hooks.com"><img alt="CSS Hooks" src="https://github.com/css-hooks/css-hooks/raw/v4.0.0-next.3/.github/wordmark-dark.svg" width="256"></a>
+    <a href="https://next.css-hooks.com"><img alt="CSS Hooks" src="https://github.com/css-hooks/css-hooks/raw/v4.0.0-next.31/.github/wordmark-dark.svg" width="256"></a>
   </div>
 </div>
 
 <br/>
 
 <div align="center" id="badges">
-  <a href="https://github.com/css-hooks/css-hooks/tree/v4.0.0-next.3"><img src="https://img.shields.io/badge/tag-v4.0.0--next.3-ffd700" alt="tag v4.0.0-next.3"></a>
-  <a href="https://www.npmjs.com/package/@css-hooks/preact/v/4.0.0-next.3"><img src="https://img.shields.io/badge/npm-v4.0.0--next.3-ffd700" alt="npm version"></a>
-  <a href="https://github.com/css-hooks/css-hooks/blob/v4.0.0-next.3/LICENSE"><img src="https://img.shields.io/badge/license-MIT-ffd700" alt="license"></a>
+  <a href="https://github.com/css-hooks/css-hooks/tree/v4.0.0-next.31"><img src="https://img.shields.io/badge/tag-v4.0.0--next.31-ffd700" alt="tag v4.0.0-next.31"></a>
+  <a href="https://www.npmjs.com/package/@css-hooks/preact/v/4.0.0-next.31"><img src="https://img.shields.io/badge/npm-v4.0.0--next.31-ffd700" alt="npm version"></a>
+  <a href="https://github.com/css-hooks/css-hooks/blob/v4.0.0-next.31/LICENSE"><img src="https://img.shields.io/badge/license-MIT-ffd700" alt="license"></a>
 </div>
 
 ---

package/cjs/index.js

@@ -5,9 +5,11 @@
  * @packageDocumentation
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createHooks = void 0;
+exports.createHooks = exports.mergeStyles = void 0;
 exports._stringifyValue = _stringifyValue;
 const core_1 = require("@css-hooks/core");
+var core_2 = require("@css-hooks/core");
+Object.defineProperty(exports, "mergeStyles", { enumerable: true, get: function () { return core_2.mergeStyles; } });
 const IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
 /**
  * A {@link @css-hooks/core#CreateHooksFn} configured to use Preact's
@@ -22,10 +24,7 @@ function _stringifyValue(value, propertyName) {
         case "string":
             return value;
         case "number":
-            return `${value}${typeof propertyName === "string" &&
-                IS_NON_DIMENSIONAL.test(propertyName)
-                ? ""
-                : "px"}`;
+            return `${value}${propertyName.startsWith("--") || IS_NON_DIMENSIONAL.test(propertyName) ? "" : "px"}`;
         default:
             return null;
     }

package/cjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/esm/index.js

@@ -4,6 +4,7 @@
  * @packageDocumentation
  */
 import { buildHooksSystem } from "@css-hooks/core";
+export { mergeStyles } from "@css-hooks/core";
 const IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
 /**
  * A {@link @css-hooks/core#CreateHooksFn} configured to use Preact's
@@ -18,10 +19,7 @@ export function _stringifyValue(value, propertyName) {
         case "string":
             return value;
         case "number":
-            return `${value}${typeof propertyName === "string" &&
-                IS_NON_DIMENSIONAL.test(propertyName)
-                ? ""
-                : "px"}`;
+            return `${value}${propertyName.startsWith("--") || IS_NON_DIMENSIONAL.test(propertyName) ? "" : "px"}`;
         default:
             return null;
     }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@css-hooks/preact",
   "description": "CSS Hooks for Preact",
-  "version": "4.0.0-next.3",
+  "version": "4.0.0-next.31",
   "author": "Nick Saunders",
   "dependencies": {
-    "@css-hooks/core": "4.0.0-next.3"
+    "@css-hooks/core": "4.0.0-next.31"
   },
   "devDependencies": {
-    "preact": ">=10.0.0 <11.0.0",
+    "preact": "^11.0.0-0",
     "remeda": "^2.45.0"
   },
   "files": [
@@ -18,11 +18,12 @@
     "!**/*.test.*"
   ],
   "license": "MIT",
-  "main": "cjs",
-  "module": "esm",
+  "main": "./cjs/index.js",
+  "module": "./esm/index.js",
   "type": "module",
+  "sideEffects": false,
   "peerDependencies": {
-    "preact": ">=10.0.0 <11.0.0"
+    "preact": "^10.27.2 || ^11.0.0-0"
   },
   "peerDependenciesMeta": {
     "preact": {
@@ -49,7 +50,7 @@
       ]
     },
     "build": {
-      "command": "tsc && tsc --project tsconfig.cjs.json",
+      "command": "tsc && tsc --project tsconfig.cjs.json && node -e \"require('node:fs').writeFileSync('cjs/package.json', JSON.stringify({type:'commonjs'}))\"",
       "dependencies": [
         "../core:build"
       ]

package/types/css-property-conflicts.d.ts

@@ -1,4 +1,8 @@
-/** A map of conflicting CSS property names */
+/**
+ * A map of conflicting CSS property names
+ *
+ * @public
+ */
 export type CSSPropertyConflicts = {
     accentColor: "all";
     alignContent: "WebkitAlignContent" | "all" | "placeContent";

package/types/index.d.ts

@@ -7,6 +7,8 @@ import type { CreateHooksFn } from "@css-hooks/core";
 import type { CSSProperties } from "preact";
 import type { CSSPropertyConflicts } from "./css-property-conflicts.ts";
 export type * from "@css-hooks/core";
+export { mergeStyles } from "@css-hooks/core";
+export type { CSSPropertyConflicts } from "./css-property-conflicts.ts";
 /**
  * A {@link @css-hooks/core#CreateHooksFn} configured to use Preact's
  * `CSSProperties` type and logic for converting CSS values into strings