@solid-primitives/styles 0.0.100 → 0.0.102

package/dist/dev.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var rootless = require('@solid-primitives/rootless');
+var solidJs = require('solid-js');
+
+// src/index.ts
+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] = solidJs.createSignal(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.createSharedRoot(createRemSize);
+exports.setServerRemSize = () => {
+};
+
+exports.createRemSize = createRemSize;

package/dist/dev.js

@@ -0,0 +1,36 @@
+import { createSharedRoot } from '@solid-primitives/rootless';
+import { createSignal, onCleanup } from 'solid-js';
+
+// src/index.ts
+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] = createSignal(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__ */ createSharedRoot(createRemSize);
+var setServerRemSize = () => {
+};
+
+export { createRemSize, getRemSize, setServerRemSize, useRemSize };

package/dist/index.cjs

@@ -1,33 +1,9 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
+
+var rootless = require('@solid-primitives/rootless');
+var solidJs = require('solid-js');
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  createRemSize: () => createRemSize,
-  getRemSize: () => getRemSize,
-  setServerRemSize: () => setServerRemSize,
-  useRemSize: () => useRemSize
-});
-module.exports = __toCommonJS(src_exports);
-var import_rootless = require("@solid-primitives/rootless");
-var import_solid_js = require("solid-js");
 var totallyHiddenStyles = {
   border: "0",
   padding: "0",
@@ -36,9 +12,9 @@ var totallyHiddenStyles = {
   top: "-9999px",
   left: "-9999px"
 };
-var getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
+exports.getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
 function createRemSize() {
-  const [remSize, setRemSize] = (0, import_solid_js.createSignal)(getRemSize());
+  const [remSize, setRemSize] = solidJs.createSignal(exports.getRemSize());
   const el = document.createElement("div");
   Object.assign(el.style, totallyHiddenStyles, { width: "1rem" });
   document.body.appendChild(el);
@@ -46,22 +22,17 @@ function createRemSize() {
   const ro = new ResizeObserver(() => {
     if (init)
       return init = false;
-    setRemSize(getRemSize());
+    setRemSize(exports.getRemSize());
   });
   ro.observe(el);
-  (0, import_solid_js.onCleanup)(() => {
+  solidJs.onCleanup(() => {
     el.remove();
     ro.disconnect();
   });
   return remSize;
 }
-var useRemSize = /* @__PURE__ */ (0, import_rootless.createSharedRoot)(createRemSize);
-var setServerRemSize = (size) => {
+exports.useRemSize = /* @__PURE__ */ rootless.createSharedRoot(createRemSize);
+exports.setServerRemSize = () => {
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createRemSize,
-  getRemSize,
-  setServerRemSize,
-  useRemSize
-});
+
+exports.createRemSize = createRemSize;

package/dist/index.js

@@ -1,6 +1,7 @@
+import { createSharedRoot } from '@solid-primitives/rootless';
+import { createSignal, onCleanup } from 'solid-js';
+
 // src/index.ts
-import { createSharedRoot } from "@solid-primitives/rootless";
-import { createSignal, onCleanup } from "solid-js";
 var totallyHiddenStyles = {
   border: "0",
   padding: "0",
@@ -29,11 +30,7 @@ function createRemSize() {
   return remSize;
 }
 var useRemSize = /* @__PURE__ */ createSharedRoot(createRemSize);
-var setServerRemSize = (size) => {
-};
-export {
-  createRemSize,
-  getRemSize,
-  setServerRemSize,
-  useRemSize
+var setServerRemSize = () => {
 };
+
+export { createRemSize, getRemSize, setServerRemSize, useRemSize };

package/dist/server.cjs

@@ -1,42 +1,19 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
+
+require('@solid-primitives/rootless');
+require('solid-js');
 
-// src/server.ts
-var server_exports = {};
-__export(server_exports, {
-  createRemSize: () => createRemSize,
-  getRemSize: () => getRemSize,
-  setServerRemSize: () => setServerRemSize,
-  useRemSize: () => useRemSize
-});
-module.exports = __toCommonJS(server_exports);
+// src/index.ts
 var serverRemSize = 16;
-var getRemSize = () => serverRemSize;
-var createRemSize = () => () => serverRemSize;
-var useRemSize = () => () => serverRemSize;
-var setServerRemSize = (size) => {
+exports.getRemSize = () => serverRemSize ;
+function createRemSize() {
+  {
+    return () => serverRemSize;
+  }
+}
+exports.useRemSize = () => () => serverRemSize ;
+exports.setServerRemSize = (size) => {
   serverRemSize = size;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createRemSize,
-  getRemSize,
-  setServerRemSize,
-  useRemSize
-});
+} ;
+
+exports.createRemSize = createRemSize;

package/dist/server.js

@@ -1,14 +1,17 @@
-// src/server.ts
+import '@solid-primitives/rootless';
+import 'solid-js';
+
+// src/index.ts
 var serverRemSize = 16;
-var getRemSize = () => serverRemSize;
-var createRemSize = () => () => serverRemSize;
-var useRemSize = () => () => serverRemSize;
+var getRemSize = () => serverRemSize ;
+function createRemSize() {
+  {
+    return () => serverRemSize;
+  }
+}
+var useRemSize = () => () => serverRemSize ;
 var setServerRemSize = (size) => {
   serverRemSize = size;
-};
-export {
-  createRemSize,
-  getRemSize,
-  setServerRemSize,
-  useRemSize
-};
+} ;
+
+export { createRemSize, getRemSize, setServerRemSize, useRemSize };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solid-primitives/styles",
-  "version": "0.0.100",
+  "version": "0.0.102",
   "description": "Collection of reactive primitives focused on styles.",
   "author": "Damian Tarnawski <gthetaranv@gmail.com>",
   "contributors": [],
@@ -28,14 +28,59 @@
     "dist"
   ],
   "main": "./dist/server.cjs",
-  "module": "./dist/index.js",
+  "module": "./dist/server.js",
   "types": "./dist/index.d.ts",
+  "browser": {
+    "./dist/server.js": "./dist/index.js",
+    "./dist/server.cjs": "./dist/index.cjs"
+  },
   "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": "./dist/server.js",
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/server.js"
+      },
       "require": "./dist/server.cjs"
     },
-    "import": "./dist/index.js",
+    "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"
   },
   "keywords": [
@@ -44,28 +89,19 @@
     "styles",
     "css"
   ],
-  "devDependencies": {
-    "jsdom": "^20.0.0",
-    "prettier": "^2.7.1",
-    "solid-js": "^1.5.4",
-    "tslib": "^2.4.0",
-    "tsup": "^6.2.3",
-    "typescript": "^4.8.2",
-    "unocss": "^0.45.15",
-    "vite": "^3.0.9",
-    "vite-plugin-solid": "^2.3.0",
-    "vitest": "^0.23.0"
+  "dependencies": {
+    "@solid-primitives/rootless": "^1.2.2"
   },
   "peerDependencies": {
-    "solid-js": "^1.5.0"
-  },
-  "dependencies": {
-    "@solid-primitives/rootless": "^1.1.3"
+    "solid-js": "^1.6.0"
   },
+  "typesVersions": {},
   "scripts": {
     "start": "vite serve dev --host",
-    "dev": "npm run start",
-    "build": "tsup",
-    "test": "vitest"
+    "dev": "vite serve dev",
+    "page": "vite build dev",
+    "build": "jiti ../../scripts/build.ts --ssr --dev",
+    "test": "vitest -c ../../configs/vitest.config.ts",
+    "test:ssr": "pnpm run test --mode ssr"
   }
 }