@solid-primitives/styles 0.0.106 → 0.0.107

package/dist/index.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var rootless = require('@solid-primitives/rootless');
 var solidJs = require('solid-js');
+var web = require('solid-js/web');
+var rootless = require('@solid-primitives/rootless');
 var utils = require('@solid-primitives/utils');
 
 // src/index.ts
@@ -14,8 +15,11 @@ var totallyHiddenStyles = {
   top: "-9999px",
   left: "-9999px"
 };
-exports.getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
+exports.getRemSize = () => web.isServer ? serverRemSize : parseFloat(getComputedStyle(document.documentElement).fontSize);
 function createRemSize() {
+  if (web.isServer) {
+    return () => serverRemSize;
+  }
   const [remSize, setRemSize] = utils.createHydratableSignal(serverRemSize, exports.getRemSize);
   const el = document.createElement("div");
   Object.assign(el.style, totallyHiddenStyles, { width: "1rem" });
@@ -34,7 +38,9 @@ function createRemSize() {
   return remSize;
 }
 exports.useRemSize = /* @__PURE__ */ rootless.createHydratableSingletonRoot(createRemSize);
-exports.setServerRemSize = () => {
+exports.setServerRemSize = web.isServer ? (size) => {
+  serverRemSize = size;
+} : () => {
 };
 
 exports.createRemSize = createRemSize;

package/dist/index.js

@@ -1,5 +1,6 @@
-import { createHydratableSingletonRoot } from '@solid-primitives/rootless';
 import { onCleanup } from 'solid-js';
+import { isServer } from 'solid-js/web';
+import { createHydratableSingletonRoot } from '@solid-primitives/rootless';
 import { createHydratableSignal } from '@solid-primitives/utils';
 
 // src/index.ts
@@ -12,8 +13,11 @@ var totallyHiddenStyles = {
   top: "-9999px",
   left: "-9999px"
 };
-var getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
+var getRemSize = () => isServer ? serverRemSize : parseFloat(getComputedStyle(document.documentElement).fontSize);
 function createRemSize() {
+  if (isServer) {
+    return () => serverRemSize;
+  }
   const [remSize, setRemSize] = createHydratableSignal(serverRemSize, getRemSize);
   const el = document.createElement("div");
   Object.assign(el.style, totallyHiddenStyles, { width: "1rem" });
@@ -32,7 +36,9 @@ function createRemSize() {
   return remSize;
 }
 var useRemSize = /* @__PURE__ */ createHydratableSingletonRoot(createRemSize);
-var setServerRemSize = () => {
+var setServerRemSize = isServer ? (size) => {
+  serverRemSize = size;
+} : () => {
 };
 
 export { createRemSize, getRemSize, setServerRemSize, useRemSize };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solid-primitives/styles",
-  "version": "0.0.106",
+  "version": "0.0.107",
   "description": "Collection of reactive primitives focused on styles.",
   "author": "Damian Tarnawski <gthetaranv@gmail.com>",
   "contributors": [
@@ -29,56 +29,11 @@
   "files": [
     "dist"
   ],
-  "main": "./dist/server.cjs",
-  "module": "./dist/server.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "browser": {
-    "./dist/server.js": "./dist/index.js",
-    "./dist/server.cjs": "./dist/index.cjs"
-  },
+  "browser": {},
   "exports": {
-    "worker": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/server.js"
-      },
-      "require": "./dist/server.cjs"
-    },
-    "browser": {
-      "development": {
-        "import": {
-          "types": "./dist/index.d.ts",
-          "default": "./dist/dev.js"
-        },
-        "require": "./dist/dev.cjs"
-      },
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      },
-      "require": "./dist/index.cjs"
-    },
-    "deno": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/server.js"
-      },
-      "require": "./dist/server.cjs"
-    },
-    "node": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/server.js"
-      },
-      "require": "./dist/server.cjs"
-    },
-    "development": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/dev.js"
-      },
-      "require": "./dist/dev.cjs"
-    },
     "import": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
@@ -92,18 +47,18 @@
     "css"
   ],
   "dependencies": {
-    "@solid-primitives/rootless": "^1.3.0",
-    "@solid-primitives/utils": "^5.5.0"
+    "@solid-primitives/rootless": "^1.3.1",
+    "@solid-primitives/utils": "^5.5.1"
   },
   "peerDependencies": {
-    "solid-js": "^1.6.0"
+    "solid-js": "^1.6.12"
   },
   "typesVersions": {},
   "scripts": {
     "start": "vite serve dev --host",
     "dev": "vite serve dev",
     "page": "vite build dev",
-    "build": "jiti ../../scripts/build.ts --ssr --dev",
+    "build": "jiti ../../scripts/build.ts",
     "test": "vitest -c ../../configs/vitest.config.ts",
     "test:ssr": "pnpm run test --mode ssr"
   }

package/dist/dev.cjs

@@ -1,40 +0,0 @@
-'use strict';
-
-var rootless = require('@solid-primitives/rootless');
-var solidJs = require('solid-js');
-var utils = require('@solid-primitives/utils');
-
-// src/index.ts
-var serverRemSize = 16;
-var totallyHiddenStyles = {
-  border: "0",
-  padding: "0",
-  visibility: "hidden",
-  position: "absolute",
-  top: "-9999px",
-  left: "-9999px"
-};
-exports.getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
-function createRemSize() {
-  const [remSize, setRemSize] = utils.createHydratableSignal(serverRemSize, exports.getRemSize);
-  const el = document.createElement("div");
-  Object.assign(el.style, totallyHiddenStyles, { width: "1rem" });
-  document.body.appendChild(el);
-  let init = true;
-  const ro = new ResizeObserver(() => {
-    if (init)
-      return init = false;
-    setRemSize(exports.getRemSize());
-  });
-  ro.observe(el);
-  solidJs.onCleanup(() => {
-    el.remove();
-    ro.disconnect();
-  });
-  return remSize;
-}
-exports.useRemSize = /* @__PURE__ */ rootless.createHydratableSingletonRoot(createRemSize);
-exports.setServerRemSize = () => {
-};
-
-exports.createRemSize = createRemSize;

package/dist/dev.js

@@ -1,38 +0,0 @@
-import { createHydratableSingletonRoot } from '@solid-primitives/rootless';
-import { onCleanup } from 'solid-js';
-import { createHydratableSignal } from '@solid-primitives/utils';
-
-// src/index.ts
-var serverRemSize = 16;
-var totallyHiddenStyles = {
-  border: "0",
-  padding: "0",
-  visibility: "hidden",
-  position: "absolute",
-  top: "-9999px",
-  left: "-9999px"
-};
-var getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
-function createRemSize() {
-  const [remSize, setRemSize] = createHydratableSignal(serverRemSize, getRemSize);
-  const el = document.createElement("div");
-  Object.assign(el.style, totallyHiddenStyles, { width: "1rem" });
-  document.body.appendChild(el);
-  let init = true;
-  const ro = new ResizeObserver(() => {
-    if (init)
-      return init = false;
-    setRemSize(getRemSize());
-  });
-  ro.observe(el);
-  onCleanup(() => {
-    el.remove();
-    ro.disconnect();
-  });
-  return remSize;
-}
-var useRemSize = /* @__PURE__ */ createHydratableSingletonRoot(createRemSize);
-var setServerRemSize = () => {
-};
-
-export { createRemSize, getRemSize, setServerRemSize, useRemSize };

package/dist/server.cjs

@@ -1,20 +0,0 @@
-'use strict';
-
-var rootless = require('@solid-primitives/rootless');
-require('solid-js');
-require('@solid-primitives/utils');
-
-// src/index.ts
-var serverRemSize = 16;
-exports.getRemSize = () => serverRemSize ;
-function createRemSize() {
-  {
-    return () => serverRemSize;
-  }
-}
-exports.useRemSize = /* @__PURE__ */ rootless.createHydratableSingletonRoot(createRemSize);
-exports.setServerRemSize = (size) => {
-  serverRemSize = size;
-} ;
-
-exports.createRemSize = createRemSize;

package/dist/server.js

@@ -1,18 +0,0 @@
-import { createHydratableSingletonRoot } from '@solid-primitives/rootless';
-import 'solid-js';
-import '@solid-primitives/utils';
-
-// src/index.ts
-var serverRemSize = 16;
-var getRemSize = () => serverRemSize ;
-function createRemSize() {
-  {
-    return () => serverRemSize;
-  }
-}
-var useRemSize = /* @__PURE__ */ createHydratableSingletonRoot(createRemSize);
-var setServerRemSize = (size) => {
-  serverRemSize = size;
-} ;
-
-export { createRemSize, getRemSize, setServerRemSize, useRemSize };