@solid-primitives/styles 0.0.111 → 0.0.112

package/dist/index.cjs

@@ -40,7 +40,6 @@ function createRemSize() {
 exports.useRemSize = /* @__PURE__ */ rootless.createHydratableSingletonRoot(createRemSize);
 exports.setServerRemSize = web.isServer ? (size) => {
   serverRemSize = size;
-} : () => {
-};
+} : utils.noop;
 
 exports.createRemSize = createRemSize;

package/dist/index.d.cts

@@ -0,0 +1,33 @@
+import { Accessor } from 'solid-js';
+
+/**
+ * Reads the current rem size from the document root.
+ */
+declare const getRemSize: () => number;
+/**
+ * Creates a reactive signal with value of the current rem size, and tracks it's changes.
+ * @returns A signal with the current rem size in pixels.
+ * @see https://github.com/solidjs-community/solid-primitives/tree/main/packages/styles#createRemSize.
+ * @example
+ * const remSize = createRemSize();
+ * console.log(remSize()); // 16
+ */
+declare function createRemSize(): Accessor<number>;
+/**
+ * Returns a reactive signal with value of the current rem size, and tracks it's changes.
+ *
+ * This is a [singleton root primitive](https://github.com/solidjs-community/solid-primitives/tree/main/packages/rootless#createSingletonRoot) except if during hydration.
+ *
+ * @returns A signal with the current rem size in pixels.
+ * @see https://github.com/solidjs-community/solid-primitives/tree/main/packages/styles#useRemSize.
+ * @example
+ * const remSize = useRemSize();
+ * console.log(remSize()); // 16
+ */
+declare const useRemSize: () => Accessor<number>;
+/**
+ * Set the server fallback value for the rem size. {@link getRemSize}, {@link createRemSize} and {@link useRemSize} will return this value on the server.
+ */
+declare const setServerRemSize: (size: number) => void;
+
+export { createRemSize, getRemSize, setServerRemSize, useRemSize };

package/dist/index.js

@@ -1,7 +1,7 @@
 import { onCleanup } from 'solid-js';
 import { isServer } from 'solid-js/web';
 import { createHydratableSingletonRoot } from '@solid-primitives/rootless';
-import { createHydratableSignal } from '@solid-primitives/utils';
+import { createHydratableSignal, noop } from '@solid-primitives/utils';
 
 // src/index.ts
 var serverRemSize = 16;
@@ -38,7 +38,6 @@ function createRemSize() {
 var useRemSize = /* @__PURE__ */ createHydratableSingletonRoot(createRemSize);
 var setServerRemSize = isServer ? (size) => {
   serverRemSize = size;
-} : () => {
-};
+} : noop;
 
 export { createRemSize, getRemSize, setServerRemSize, useRemSize };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solid-primitives/styles",
-  "version": "0.0.111",
+  "version": "0.0.112",
   "description": "Collection of reactive primitives focused on styles.",
   "author": "Damian Tarnawski <gthetaranv@gmail.com>",
   "contributors": [
@@ -38,7 +38,10 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
-    "require": "./dist/index.cjs"
+    "require": {
+      "types": "./dist/index.d.cts",
+      "default": "./dist/index.cjs"
+    }
   },
   "keywords": [
     "solid",
@@ -47,19 +50,19 @@
     "css"
   ],
   "dependencies": {
-    "@solid-primitives/rootless": "^1.4.2",
-    "@solid-primitives/utils": "^6.2.1"
+    "@solid-primitives/rootless": "^1.4.3",
+    "@solid-primitives/utils": "^6.2.2"
   },
   "peerDependencies": {
     "solid-js": "^1.6.12"
   },
   "typesVersions": {},
   "devDependencies": {
-    "solid-js": "1.7.6"
+    "solid-js": "^1.8.7"
   },
   "scripts": {
-    "dev": "jiti ../../scripts/dev.ts",
-    "build": "jiti ../../scripts/build.ts",
+    "dev": "tsx ../../scripts/dev.ts",
+    "build": "tsx ../../scripts/build.ts",
     "vitest": "vitest -c ../../configs/vitest.config.ts",
     "test": "pnpm run vitest",
     "test:ssr": "pnpm run vitest --mode ssr"