solid-sxo 0.0.0

package/README.md

@@ -0,0 +1,14 @@
+# solid-sxo
+
+SXO 设计系统的 SolidJS 适配器。
+
+## 功能
+
+- **高性能渲染**: 利用 SolidJS 的细粒度响应式特性。
+- **轻量级**: 极小的运行时开销。
+
+## 安装
+
+```bash
+pnpm add solid-sxo @sxo/ui @sxo/engine @sxo/design
+```

package/dist/components/Button.d.ts

@@ -0,0 +1,4 @@
+import { ButtonOptions } from '../../../../packages/ui/src';
+import { JSX } from 'solid-js';
+export type ButtonProps = ButtonOptions & JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare function Button(props: ButtonProps): JSX.Element;

package/dist/components/Input.d.ts

@@ -0,0 +1,4 @@
+import { InputOptions } from '../../../../packages/ui/src';
+import { JSX } from 'solid-js';
+export type InputProps = InputOptions & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'size'>;
+export declare function Input(props: InputProps): JSX.Element;

package/dist/components/Tag.d.ts

@@ -0,0 +1,4 @@
+import { TagOptions } from '../../../../packages/ui/src';
+import { JSX } from 'solid-js';
+export type TagProps = TagOptions & JSX.HTMLAttributes<HTMLSpanElement>;
+export declare function Tag(props: TagProps): JSX.Element;

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("solid-js/web"),o=require("@sxo/ui"),l=require("solid-js");var c=t.template("<button>");function i(r){const[e,n]=l.splitProps(r,["variant","size","rounded","class"]),a=()=>`${o.getButtonClasses({variant:e.variant,size:e.size,rounded:e.rounded})} ${e.class||""}`.trim();return(()=>{var s=c();return t.spread(s,t.mergeProps(n,{get class(){return a()}}),!1,!0),t.insert(s,()=>r.children),s})()}var d=t.template("<input>");function m(r){const[e,n]=l.splitProps(r,["variant","size","class"]),a=()=>`${o.getInputClasses({variant:e.variant,size:e.size})} ${e.class||""}`.trim();return(()=>{var s=d();return t.spread(s,t.mergeProps(n,{get class(){return a()}}),!1,!1),s})()}var v=t.template("<span>");function p(r){const[e,n]=l.splitProps(r,["variant","color","rounded","class"]),a=()=>`${o.getTagClasses({variant:e.variant,color:e.color,rounded:e.rounded}).base} ${e.class||""}`.trim();return(()=>{var s=v();return t.spread(s,t.mergeProps(n,{get class(){return a()}}),!1,!0),t.insert(s,()=>r.children),s})()}const u=l.createContext(o.defaultTheme);function g(r){return t.createComponent(u.Provider,{get value(){return r.theme||o.defaultTheme},get children(){return r.children}})}function h(){return l.useContext(u)}exports.Button=i;exports.Input=m;exports.Tag=p;exports.ThemeProvider=g;exports.useTheme=h;

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import { ThemeContext } from '../../../packages/ui/src';
+import { JSX } from 'solid-js';
+export declare function ThemeProvider(props: {
+    theme?: ThemeContext;
+    children: JSX.Element;
+}): JSX.Element;
+export declare function useTheme(): ThemeContext;
+export * from './components/Button';
+export * from './components/Input';
+export * from './components/Tag';

package/dist/index.js

@@ -0,0 +1,71 @@
+import { template as a, spread as o, mergeProps as l, insert as u, createComponent as m } from "solid-js/web";
+import { getButtonClasses as v, getInputClasses as $, getTagClasses as f, defaultTheme as i } from "@sxo/ui";
+import { splitProps as c, createContext as C, useContext as h } from "solid-js";
+var g = /* @__PURE__ */ a("<button>");
+function P(t) {
+  const [e, r] = c(t, ["variant", "size", "rounded", "class"]), n = () => `${v({
+    variant: e.variant,
+    size: e.size,
+    rounded: e.rounded
+  })} ${e.class || ""}`.trim();
+  return (() => {
+    var s = g();
+    return o(s, l(r, {
+      get class() {
+        return n();
+      }
+    }), !1, !0), u(s, () => t.children), s;
+  })();
+}
+var p = /* @__PURE__ */ a("<input>");
+function b(t) {
+  const [e, r] = c(t, ["variant", "size", "class"]), n = () => `${$({
+    variant: e.variant,
+    size: e.size
+  })} ${e.class || ""}`.trim();
+  return (() => {
+    var s = p();
+    return o(s, l(r, {
+      get class() {
+        return n();
+      }
+    }), !1, !1), s;
+  })();
+}
+var x = /* @__PURE__ */ a("<span>");
+function B(t) {
+  const [e, r] = c(t, ["variant", "color", "rounded", "class"]), n = () => `${f({
+    variant: e.variant,
+    color: e.color,
+    rounded: e.rounded
+  }).base} ${e.class || ""}`.trim();
+  return (() => {
+    var s = x();
+    return o(s, l(r, {
+      get class() {
+        return n();
+      }
+    }), !1, !0), u(s, () => t.children), s;
+  })();
+}
+const d = C(i);
+function I(t) {
+  return m(d.Provider, {
+    get value() {
+      return t.theme || i;
+    },
+    get children() {
+      return t.children;
+    }
+  });
+}
+function S() {
+  return h(d);
+}
+export {
+  P as Button,
+  b as Input,
+  B as Tag,
+  I as ThemeProvider,
+  S as useTheme
+};

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "solid-sxo",
+  "version": "0.0.0",
+  "description": "SolidJS adaptor for SXO Design System.",
+  "keywords": [
+    "sxo",
+    "design-system",
+    "ui",
+    "components",
+    "solid"
+  ],
+  "license": "MIT",
+  "author": "sxo team",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@sxo/ui": "0.0.0"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.7.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/doki-land/sxo-engine.git",
+    "directory": "adaptors/solid-sxo"
+  },
+  "bugs": {
+    "url": "https://github.com/doki-land/sxo-engine/issues"
+  },
+  "homepage": "https://github.com/doki-land/sxo-engine/tree/main/adaptors/solid-sxo#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "solid-js": "^1.9.10",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^4.0.0",
+    "vite-plugin-solid": "^2.11.10"
+  },
+  "type": "module",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch"
+  }
+}