@css-hooks/react 4.0.0-next.3 → 4.0.0-next.30

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.30/.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.30/.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/react/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.30"><img src="https://img.shields.io/badge/tag-v4.0.0--next.30-ffd700" alt="tag v4.0.0-next.30"></a>
+  <a href="https://www.npmjs.com/package/@css-hooks/react/v/4.0.0-next.30"><img src="https://img.shields.io/badge/npm-v4.0.0--next.30-ffd700" alt="npm version"></a>
+  <a href="https://github.com/css-hooks/css-hooks/blob/v4.0.0-next.30/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._unitlessNumbers = exports.createHooks = void 0;
+exports._unitlessNumbers = 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; } });
 // See https://github.com/facebook/react/blob/main/packages/react-dom-bindings/src/client/CSSPropertyOperations.js
 /** @internal */
 function _stringifyValue(value, propertyName) {

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";
 // See https://github.com/facebook/react/blob/main/packages/react-dom-bindings/src/client/CSSPropertyOperations.js
 /** @internal */
 export function _stringifyValue(value, propertyName) {

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@css-hooks/react",
   "description": "CSS Hooks for React",
-  "version": "4.0.0-next.3",
+  "version": "4.0.0-next.30",
   "author": "Nick Saunders",
   "dependencies": {
-    "@css-hooks/core": "4.0.0-next.3"
+    "@css-hooks/core": "4.0.0-next.30"
   },
   "devDependencies": {
     "@types/react": "^19.0.4",
@@ -18,9 +18,10 @@
     "!**/*.test.*"
   ],
   "license": "MIT",
-  "main": "cjs",
-  "module": "esm",
+  "main": "./cjs/index.js",
+  "module": "./esm/index.js",
   "type": "module",
+  "sideEffects": false,
   "peerDependencies": {
     "@types/react": ">=16 <20"
   },
@@ -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 "react";
 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";
 /** @internal */
 export declare function _stringifyValue(value: unknown, propertyName: string): string | null;
 /**