@hypergood/solid-css 0.1.0

package/dist/index/dev.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var web = require('@solidjs/web');
+var cssCore = require('@hypergood/css-core');
+var solidJs = require('solid-js');
+
+// src/index.tsx
+function styled(component, styleObject) {
+  const {
+    base,
+    variants: variantClassNames = {},
+    defaultVariants = {}
+  } = styleObject;
+  const variantNames = Object.keys(variantClassNames);
+  return function StyledComponent(props) {
+    const p = props;
+    const forwardedProps = solidJs.omit(p, "component", "class", ...variantNames);
+    const className = () => {
+      const selectedVariantClassNames = variantNames.map((variantName) => {
+        const value = p[variantName] ?? defaultVariants[variantName];
+        if (value == null) return void 0;
+        return variantClassNames[variantName]?.[String(value)];
+      });
+      return cssCore.mergeClassNames([base, ...selectedVariantClassNames, p.class]);
+    };
+    return web.createComponent(web.Dynamic, web.mergeProps({
+      get component() {
+        return p.component ?? component;
+      }
+    }, forwardedProps, {
+      get ["class"]() {
+        return className();
+      }
+    }));
+  };
+}
+
+Object.defineProperty(exports, "css", {
+  enumerable: true,
+  get: function () { return cssCore.css; }
+});
+Object.defineProperty(exports, "keyframes", {
+  enumerable: true,
+  get: function () { return cssCore.keyframes; }
+});
+Object.defineProperty(exports, "mergeClassNames", {
+  enumerable: true,
+  get: function () { return cssCore.mergeClassNames; }
+});
+Object.defineProperty(exports, "variants", {
+  enumerable: true,
+  get: function () { return cssCore.variants; }
+});
+exports.styled = styled;

package/dist/index/dev.js

@@ -0,0 +1,37 @@
+import { createComponent, Dynamic, mergeProps } from '@solidjs/web';
+import { mergeClassNames } from '@hypergood/css-core';
+export { css, keyframes, mergeClassNames, variants } from '@hypergood/css-core';
+import { omit } from 'solid-js';
+
+// src/index.tsx
+function styled(component, styleObject) {
+  const {
+    base,
+    variants: variantClassNames = {},
+    defaultVariants = {}
+  } = styleObject;
+  const variantNames = Object.keys(variantClassNames);
+  return function StyledComponent(props) {
+    const p = props;
+    const forwardedProps = omit(p, "component", "class", ...variantNames);
+    const className = () => {
+      const selectedVariantClassNames = variantNames.map((variantName) => {
+        const value = p[variantName] ?? defaultVariants[variantName];
+        if (value == null) return void 0;
+        return variantClassNames[variantName]?.[String(value)];
+      });
+      return mergeClassNames([base, ...selectedVariantClassNames, p.class]);
+    };
+    return createComponent(Dynamic, mergeProps({
+      get component() {
+        return p.component ?? component;
+      }
+    }, forwardedProps, {
+      get ["class"]() {
+        return className();
+      }
+    }));
+  };
+}
+
+export { styled };

package/dist/index/dev.jsx

@@ -0,0 +1,47 @@
+// src/index.tsx
+import {
+  css,
+  keyframes,
+  mergeClassNames,
+  variants
+} from "@hypergood/css-core";
+import { omit } from "solid-js";
+import {
+  Dynamic
+} from "@solidjs/web";
+function styled(component, styleObject) {
+  const {
+    base,
+    variants: variantClassNames = {},
+    defaultVariants = {}
+  } = styleObject;
+  const variantNames = Object.keys(variantClassNames);
+  return function StyledComponent(props) {
+    const p = props;
+    const forwardedProps = omit(p, "component", "class", ...variantNames);
+    const className = () => {
+      const selectedVariantClassNames = variantNames.map((variantName) => {
+        const value = p[variantName] ?? defaultVariants[variantName];
+        if (value == null) return void 0;
+        return variantClassNames[variantName]?.[String(value)];
+      });
+      return mergeClassNames([
+        base,
+        ...selectedVariantClassNames,
+        p.class
+      ]);
+    };
+    return <Dynamic
+      component={p.component ?? component}
+      {...forwardedProps}
+      class={className()}
+    />;
+  };
+}
+export {
+  css,
+  keyframes,
+  mergeClassNames,
+  styled,
+  variants
+};

package/dist/index/index.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var web = require('@solidjs/web');
+var cssCore = require('@hypergood/css-core');
+var solidJs = require('solid-js');
+
+// src/index.tsx
+function styled(component, styleObject) {
+  const {
+    base,
+    variants: variantClassNames = {},
+    defaultVariants = {}
+  } = styleObject;
+  const variantNames = Object.keys(variantClassNames);
+  return function StyledComponent(props) {
+    const p = props;
+    const forwardedProps = solidJs.omit(p, "component", "class", ...variantNames);
+    const className = () => {
+      const selectedVariantClassNames = variantNames.map((variantName) => {
+        const value = p[variantName] ?? defaultVariants[variantName];
+        if (value == null) return void 0;
+        return variantClassNames[variantName]?.[String(value)];
+      });
+      return cssCore.mergeClassNames([base, ...selectedVariantClassNames, p.class]);
+    };
+    return web.createComponent(web.Dynamic, web.mergeProps({
+      get component() {
+        return p.component ?? component;
+      }
+    }, forwardedProps, {
+      get ["class"]() {
+        return className();
+      }
+    }));
+  };
+}
+
+Object.defineProperty(exports, "css", {
+  enumerable: true,
+  get: function () { return cssCore.css; }
+});
+Object.defineProperty(exports, "keyframes", {
+  enumerable: true,
+  get: function () { return cssCore.keyframes; }
+});
+Object.defineProperty(exports, "mergeClassNames", {
+  enumerable: true,
+  get: function () { return cssCore.mergeClassNames; }
+});
+Object.defineProperty(exports, "variants", {
+  enumerable: true,
+  get: function () { return cssCore.variants; }
+});
+exports.styled = styled;

package/dist/index/index.d.cts

@@ -0,0 +1,7 @@
+import { StyledStyleObject } from '@hypergood/css-core';
+export { CSSProperties, CSSValue, StyledStyleObject, css, keyframes, mergeClassNames, variants } from '@hypergood/css-core';
+import { ValidComponent } from '@solidjs/web';
+
+declare function styled<TBase extends ValidComponent>(component: TBase, styleObject: StyledStyleObject): any;
+
+export { styled };

package/dist/index/index.d.ts

@@ -0,0 +1,7 @@
+import { StyledStyleObject } from '@hypergood/css-core';
+export { CSSProperties, CSSValue, StyledStyleObject, css, keyframes, mergeClassNames, variants } from '@hypergood/css-core';
+import { ValidComponent } from '@solidjs/web';
+
+declare function styled<TBase extends ValidComponent>(component: TBase, styleObject: StyledStyleObject): any;
+
+export { styled };

package/dist/index/index.js

@@ -0,0 +1,37 @@
+import { createComponent, Dynamic, mergeProps } from '@solidjs/web';
+import { mergeClassNames } from '@hypergood/css-core';
+export { css, keyframes, mergeClassNames, variants } from '@hypergood/css-core';
+import { omit } from 'solid-js';
+
+// src/index.tsx
+function styled(component, styleObject) {
+  const {
+    base,
+    variants: variantClassNames = {},
+    defaultVariants = {}
+  } = styleObject;
+  const variantNames = Object.keys(variantClassNames);
+  return function StyledComponent(props) {
+    const p = props;
+    const forwardedProps = omit(p, "component", "class", ...variantNames);
+    const className = () => {
+      const selectedVariantClassNames = variantNames.map((variantName) => {
+        const value = p[variantName] ?? defaultVariants[variantName];
+        if (value == null) return void 0;
+        return variantClassNames[variantName]?.[String(value)];
+      });
+      return mergeClassNames([base, ...selectedVariantClassNames, p.class]);
+    };
+    return createComponent(Dynamic, mergeProps({
+      get component() {
+        return p.component ?? component;
+      }
+    }, forwardedProps, {
+      get ["class"]() {
+        return className();
+      }
+    }));
+  };
+}
+
+export { styled };

package/dist/index/index.jsx

@@ -0,0 +1,47 @@
+// src/index.tsx
+import {
+  css,
+  keyframes,
+  mergeClassNames,
+  variants
+} from "@hypergood/css-core";
+import { omit } from "solid-js";
+import {
+  Dynamic
+} from "@solidjs/web";
+function styled(component, styleObject) {
+  const {
+    base,
+    variants: variantClassNames = {},
+    defaultVariants = {}
+  } = styleObject;
+  const variantNames = Object.keys(variantClassNames);
+  return function StyledComponent(props) {
+    const p = props;
+    const forwardedProps = omit(p, "component", "class", ...variantNames);
+    const className = () => {
+      const selectedVariantClassNames = variantNames.map((variantName) => {
+        const value = p[variantName] ?? defaultVariants[variantName];
+        if (value == null) return void 0;
+        return variantClassNames[variantName]?.[String(value)];
+      });
+      return mergeClassNames([
+        base,
+        ...selectedVariantClassNames,
+        p.class
+      ]);
+    };
+    return <Dynamic
+      component={p.component ?? component}
+      {...forwardedProps}
+      class={className()}
+    />;
+  };
+}
+export {
+  css,
+  keyframes,
+  mergeClassNames,
+  styled,
+  variants
+};

package/dist/index/server.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var web = require('@solidjs/web');
+var cssCore = require('@hypergood/css-core');
+var solidJs = require('solid-js');
+
+// src/index.tsx
+function styled(component, styleObject) {
+  const {
+    base,
+    variants: variantClassNames = {},
+    defaultVariants = {}
+  } = styleObject;
+  const variantNames = Object.keys(variantClassNames);
+  return function StyledComponent(props) {
+    const p = props;
+    const forwardedProps = solidJs.omit(p, "component", "class", ...variantNames);
+    const className = () => {
+      const selectedVariantClassNames = variantNames.map((variantName) => {
+        const value = p[variantName] ?? defaultVariants[variantName];
+        if (value == null) return void 0;
+        return variantClassNames[variantName]?.[String(value)];
+      });
+      return cssCore.mergeClassNames([base, ...selectedVariantClassNames, p.class]);
+    };
+    return web.Dynamic(web.mergeProps({
+      get component() {
+        return p.component ?? component;
+      }
+    }, forwardedProps, {
+      get ["class"]() {
+        return className();
+      }
+    }));
+  };
+}
+
+Object.defineProperty(exports, "css", {
+  enumerable: true,
+  get: function () { return cssCore.css; }
+});
+Object.defineProperty(exports, "keyframes", {
+  enumerable: true,
+  get: function () { return cssCore.keyframes; }
+});
+Object.defineProperty(exports, "mergeClassNames", {
+  enumerable: true,
+  get: function () { return cssCore.mergeClassNames; }
+});
+Object.defineProperty(exports, "variants", {
+  enumerable: true,
+  get: function () { return cssCore.variants; }
+});
+exports.styled = styled;

package/dist/index/server.js

@@ -0,0 +1,37 @@
+import { Dynamic, mergeProps } from '@solidjs/web';
+import { mergeClassNames } from '@hypergood/css-core';
+export { css, keyframes, mergeClassNames, variants } from '@hypergood/css-core';
+import { omit } from 'solid-js';
+
+// src/index.tsx
+function styled(component, styleObject) {
+  const {
+    base,
+    variants: variantClassNames = {},
+    defaultVariants = {}
+  } = styleObject;
+  const variantNames = Object.keys(variantClassNames);
+  return function StyledComponent(props) {
+    const p = props;
+    const forwardedProps = omit(p, "component", "class", ...variantNames);
+    const className = () => {
+      const selectedVariantClassNames = variantNames.map((variantName) => {
+        const value = p[variantName] ?? defaultVariants[variantName];
+        if (value == null) return void 0;
+        return variantClassNames[variantName]?.[String(value)];
+      });
+      return mergeClassNames([base, ...selectedVariantClassNames, p.class]);
+    };
+    return Dynamic(mergeProps({
+      get component() {
+        return p.component ?? component;
+      }
+    }, forwardedProps, {
+      get ["class"]() {
+        return className();
+      }
+    }));
+  };
+}
+
+export { styled };

package/dist/index/server.jsx

@@ -0,0 +1,47 @@
+// src/index.tsx
+import {
+  css,
+  keyframes,
+  mergeClassNames,
+  variants
+} from "@hypergood/css-core";
+import { omit } from "solid-js";
+import {
+  Dynamic
+} from "@solidjs/web";
+function styled(component, styleObject) {
+  const {
+    base,
+    variants: variantClassNames = {},
+    defaultVariants = {}
+  } = styleObject;
+  const variantNames = Object.keys(variantClassNames);
+  return function StyledComponent(props) {
+    const p = props;
+    const forwardedProps = omit(p, "component", "class", ...variantNames);
+    const className = () => {
+      const selectedVariantClassNames = variantNames.map((variantName) => {
+        const value = p[variantName] ?? defaultVariants[variantName];
+        if (value == null) return void 0;
+        return variantClassNames[variantName]?.[String(value)];
+      });
+      return mergeClassNames([
+        base,
+        ...selectedVariantClassNames,
+        p.class
+      ]);
+    };
+    return <Dynamic
+      component={p.component ?? component}
+      {...forwardedProps}
+      class={className()}
+    />;
+  };
+}
+export {
+  css,
+  keyframes,
+  mergeClassNames,
+  styled,
+  variants
+};

package/dist/plugin/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var plugin = require('@hypergood/css-core/plugin');
+
+// src/plugin.ts
+exports.vitePluginCss = (config) => plugin.vitePluginCss({
+  ...config,
+  moduleName: "@hypergood/solid-css",
+  jsxClassProp: "class"
+});

package/dist/plugin/index.d.cts

@@ -0,0 +1,7 @@
+import * as vite from 'vite';
+import { PluginConfig } from '@hypergood/css-core/plugin';
+
+type SolidPluginConfig = Omit<PluginConfig, "moduleName" | "jsxClassProp">;
+declare const vitePluginCss: (config: SolidPluginConfig) => vite.Plugin<any>[];
+
+export { type SolidPluginConfig, vitePluginCss };

package/dist/plugin/index.d.ts

@@ -0,0 +1,7 @@
+import * as vite from 'vite';
+import { PluginConfig } from '@hypergood/css-core/plugin';
+
+type SolidPluginConfig = Omit<PluginConfig, "moduleName" | "jsxClassProp">;
+declare const vitePluginCss: (config: SolidPluginConfig) => vite.Plugin<any>[];
+
+export { type SolidPluginConfig, vitePluginCss };

package/dist/plugin/index.js

@@ -0,0 +1,10 @@
+import { vitePluginCss as vitePluginCss$1 } from '@hypergood/css-core/plugin';
+
+// src/plugin.ts
+var vitePluginCss = (config) => vitePluginCss$1({
+  ...config,
+  moduleName: "@hypergood/solid-css",
+  jsxClassProp: "class"
+});
+
+export { vitePluginCss };

package/package.json

@@ -0,0 +1,141 @@
+{
+  "name": "@hypergood/solid-css",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index/server.cjs",
+  "module": "./dist/index/server.js",
+  "types": "./dist/index/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "browser": {
+    "./dist/index/server.js": "./dist/index/index.js",
+    "./dist/index/server.cjs": "./dist/index/index.cjs"
+  },
+  "exports": {
+    ".": {
+      "worker": {
+        "solid": "./dist/index/server.jsx",
+        "import": {
+          "types": "./dist/index/index.d.ts",
+          "default": "./dist/index/server.js"
+        },
+        "require": {
+          "types": "./dist/index/index.d.cts",
+          "default": "./dist/index/server.cjs"
+        }
+      },
+      "browser": {
+        "solid": {
+          "development": "./dist/index/dev.jsx",
+          "import": "./dist/index/index.jsx"
+        },
+        "development": {
+          "import": {
+            "types": "./dist/index/index.d.ts",
+            "default": "./dist/index/dev.js"
+          },
+          "require": {
+            "types": "./dist/index/index.d.cts",
+            "default": "./dist/index/dev.cjs"
+          }
+        },
+        "import": {
+          "types": "./dist/index/index.d.ts",
+          "default": "./dist/index/index.js"
+        },
+        "require": {
+          "types": "./dist/index/index.d.cts",
+          "default": "./dist/index/index.cjs"
+        }
+      },
+      "deno": {
+        "solid": "./dist/index/server.jsx",
+        "import": {
+          "types": "./dist/index/index.d.ts",
+          "default": "./dist/index/server.js"
+        },
+        "require": {
+          "types": "./dist/index/index.d.cts",
+          "default": "./dist/index/server.cjs"
+        }
+      },
+      "node": {
+        "solid": "./dist/index/server.jsx",
+        "import": {
+          "types": "./dist/index/index.d.ts",
+          "default": "./dist/index/server.js"
+        },
+        "require": {
+          "types": "./dist/index/index.d.cts",
+          "default": "./dist/index/server.cjs"
+        }
+      },
+      "solid": {
+        "development": "./dist/index/dev.jsx",
+        "import": "./dist/index/index.jsx"
+      },
+      "development": {
+        "import": {
+          "types": "./dist/index/index.d.ts",
+          "default": "./dist/index/dev.js"
+        },
+        "require": {
+          "types": "./dist/index/index.d.cts",
+          "default": "./dist/index/dev.cjs"
+        }
+      },
+      "import": {
+        "types": "./dist/index/index.d.ts",
+        "default": "./dist/index/index.js"
+      },
+      "require": {
+        "types": "./dist/index/index.d.cts",
+        "default": "./dist/index/index.cjs"
+      }
+    },
+    "./plugin": {
+      "import": {
+        "types": "./dist/plugin/index.d.ts",
+        "default": "./dist/plugin/index.js"
+      },
+      "require": {
+        "types": "./dist/plugin/index.d.cts",
+        "default": "./dist/plugin/index.cjs"
+      }
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "plugin": [
+        "./dist/plugin/index.d.ts"
+      ]
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "",
+  "license": "MIT",
+  "description": "",
+  "dependencies": {
+    "@hypergood/css-core": "0.1.0"
+  },
+  "peerDependencies": {
+    "@solidjs/web": "^2.0.0-beta",
+    "solid-js": "^2.0.0-beta",
+    "vite": "^8"
+  },
+  "devDependencies": {
+    "@solidjs/web": "2.0.0-beta.14",
+    "babel-preset-solid": "2.0.0-beta.14",
+    "esbuild-plugin-solid": "^0.6.0",
+    "solid-js": "2.0.0-beta.14",
+    "tsup-preset-solid": "^2.2.0"
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "test": "vitest"
+  }
+}