css-in-props 2.10.133 → 2.10.157

package/dist/cjs/emotion.js

@@ -0,0 +1,27 @@
+"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);
+var emotion_exports = {};
+__export(emotion_exports, {
+  transformEmotion: () => transformEmotion
+});
+module.exports = __toCommonJS(emotion_exports);
+var import_utils = require("@domql/utils");
+var import_emotion = require("@symbo.ls/emotion");
+const { css } = import_emotion.emotion;
+const transformEmotion = (props, callback) => (0, import_utils.isFunction)(callback) ? callback(props) : css(props);

package/dist/cjs/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./transform"), module.exports);
+__reExport(src_exports, require("./set"), module.exports);
+__reExport(src_exports, require("./emotion"), module.exports);
+__reExport(src_exports, require("./registry"), module.exports);

package/dist/cjs/package.json

@@ -0,0 +1,4 @@
+{
+  "type": "commonjs",
+  "main": "index.js"
+}

package/dist/cjs/registry.js

@@ -0,0 +1,39 @@
+"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);
+var registry_exports = {};
+__export(registry_exports, {
+  registry: () => registry
+});
+module.exports = __toCommonJS(registry_exports);
+var import_utils = require("@domql/utils");
+var import_atoms = require("@symbo.ls/atoms");
+const registry = (0, import_utils.mergeArray)([
+  import_atoms.Shape,
+  import_atoms.Position,
+  import_atoms.Theme,
+  import_atoms.Block,
+  import_atoms.Text,
+  import_atoms.Overflow,
+  import_atoms.Timing,
+  import_atoms.Transform,
+  import_atoms.Media,
+  import_atoms.Interaction,
+  import_atoms.XYZ,
+  import_atoms.Animation
+]).class;

package/dist/cjs/set.js

@@ -0,0 +1,30 @@
+"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);
+var set_exports = {};
+__export(set_exports, {
+  setClassname: () => setClassname
+});
+module.exports = __toCommonJS(set_exports);
+var import_transform = require("./transform");
+var import_emotion = require("./emotion");
+const setClassname = (props, emotionCss) => {
+  console.log(props);
+  const transform = (0, import_transform.transformClassname)(props);
+  return (0, import_emotion.transformEmotion)(transform, emotionCss);
+};

package/dist/cjs/transform.js

@@ -0,0 +1,46 @@
+"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);
+var transform_exports = {};
+__export(transform_exports, {
+  transformClassname: () => transformClassname
+});
+module.exports = __toCommonJS(transform_exports);
+var import_utils = require("@domql/utils");
+var import_atoms = require("@symbo.ls/atoms");
+var import_registry = require("./registry");
+const transformClassname = (props, registry = import_registry.registry) => {
+  const CLASS_NAMES = {};
+  if (!(0, import_utils.isObject)(props))
+    return;
+  for (const key in props) {
+    const setter = import_atoms.keySetters[key.slice(0, 1)];
+    const reg2 = registry;
+    const hasCSS = reg2[key];
+    if (setter)
+      setter(key, props[key], CLASS_NAMES);
+    else if ((0, import_utils.isFunction)(hasCSS)) {
+      const stack = hasCSS({ props, context: {} });
+      const exec = (0, import_utils.isArray)(stack) ? stack.reduce((a, c) => {
+        return (0, import_utils.merge)(a, c);
+      }, {}) : stack;
+      (0, import_utils.merge)(CLASS_NAMES, exec);
+    }
+  }
+  return CLASS_NAMES;
+};

package/dist/esm/emotion.js

@@ -0,0 +1,7 @@
+import { isFunction } from "@domql/utils";
+import { emotion } from "@symbo.ls/emotion";
+const { css } = emotion;
+const transformEmotion = (props, callback) => isFunction(callback) ? callback(props) : css(props);
+export {
+  transformEmotion
+};

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+export * from "./transform";
+export * from "./set";
+export * from "./emotion";
+export * from "./registry";

package/dist/esm/registry.js

@@ -0,0 +1,32 @@
+import { mergeArray } from "@domql/utils";
+import {
+  Shape,
+  Position,
+  Theme,
+  Block,
+  Text,
+  Overflow,
+  Timing,
+  Transform,
+  Media,
+  Interaction,
+  XYZ,
+  Animation
+} from "@symbo.ls/atoms";
+const registry = mergeArray([
+  Shape,
+  Position,
+  Theme,
+  Block,
+  Text,
+  Overflow,
+  Timing,
+  Transform,
+  Media,
+  Interaction,
+  XYZ,
+  Animation
+]).class;
+export {
+  registry
+};

package/dist/esm/set.js

@@ -0,0 +1,10 @@
+import { transformClassname } from "./transform";
+import { transformEmotion } from "./emotion";
+const setClassname = (props, emotionCss) => {
+  console.log(props);
+  const transform = transformClassname(props);
+  return transformEmotion(transform, emotionCss);
+};
+export {
+  setClassname
+};

package/dist/esm/transform.js

@@ -0,0 +1,26 @@
+import { merge, isFunction, isObject, isArray } from "@domql/utils";
+import { keySetters } from "@symbo.ls/atoms";
+import { registry as reg } from "./registry";
+const transformClassname = (props, registry = reg) => {
+  const CLASS_NAMES = {};
+  if (!isObject(props))
+    return;
+  for (const key in props) {
+    const setter = keySetters[key.slice(0, 1)];
+    const reg2 = registry;
+    const hasCSS = reg2[key];
+    if (setter)
+      setter(key, props[key], CLASS_NAMES);
+    else if (isFunction(hasCSS)) {
+      const stack = hasCSS({ props, context: {} });
+      const exec = isArray(stack) ? stack.reduce((a, c) => {
+        return merge(a, c);
+      }, {}) : stack;
+      merge(CLASS_NAMES, exec);
+    }
+  }
+  return CLASS_NAMES;
+};
+export {
+  transformClassname
+};

package/package.json

@@ -2,9 +2,24 @@
   "name": "css-in-props",
   "description": "Utilize props as CSS methods",
   "author": "symbo.ls",
-  "version": "2.10.133",
+  "version": "2.10.157",
   "repository": "https://github.com/symbo-ls/smbls",
-  "main": "src/index.js",
+  "type": "module",
+  "module": "dist/esm/index.js",
+  "unpkg": "dist/iife/index.js",
+  "jsdelivr": "dist/iife/index.js",
+  "main": "dist/esm/index.js",
+  "exports": "./dist/cjs/index.js",
+  "source": "index.js",
+  "publishConfig": {},
+  "scripts": {
+    "copy:package:cjs": "cp ../../.build/package-cjs.json dist/cjs/package.json",
+    "build:esm": "npx esbuild ./src/*.js --target=es2020 --format=esm --outdir=dist/esm",
+    "build:cjs": "npx esbuild ./src/*.js --target=node16 --format=cjs --outdir=dist/cjs",
+    "build:iife": "npx esbuild ./src/index.js --target=es2020 --format=iife --outdir=dist/iife --bundle --minify",
+    "build": "yarn build:esm && yarn build:cjs",
+    "prepublish": "rimraf -I dist && yarn build && yarn copy:package:cjs"
+  },
   "files": [
     "src",
     "dist"
@@ -15,5 +30,5 @@
     "@symbo.ls/emotion": "latest",
     "@symbo.ls/scratch": "latest"
   },
-  "gitHead": "75d8f8e2aedb0d9791e7c7fc84990bd42231bbc7"
+  "gitHead": "70d144ccebce319e209da794bdc69444c824fe82"
 }