alpine-sxo 0.0.0

package/README.md

@@ -0,0 +1,9 @@
+# alpine-sxo
+
+SXO 设计系统的 Alpine.js 适配器。
+
+## 安装
+
+```bash
+pnpm add alpine-sxo @sxo/ui @sxo/engine @sxo/design
+```

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("@sxo/ui");function h(t){t.store("sxo",{theme:i.defaultTheme,setTheme(e){this.theme={...this.theme,...e}}}),t.directive("sxo-theme",(e,{expression:s},{evaluate:r})=>{const o=r(s);e.style.setProperty("--sxo-primary",o.color.primary[500])})}module.exports=h;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export default function (Alpine: any): void;

package/dist/index.js

@@ -0,0 +1,15 @@
+import { defaultTheme as s } from "@sxo/ui";
+function i(t) {
+  t.store("sxo", {
+    theme: s,
+    setTheme(e) {
+      this.theme = { ...this.theme, ...e };
+    }
+  }), t.directive("sxo-theme", (e, { expression: o }, { evaluate: r }) => {
+    const m = r(o);
+    e.style.setProperty("--sxo-primary", m.color.primary[500]);
+  });
+}
+export {
+  i as default
+};

package/dist/index.mjs

@@ -0,0 +1,210 @@
+const i = {
+  color: {
+    white: "#ffffff",
+    black: "#000000",
+    primary: {
+      DEFAULT: "#000000",
+      foreground: "#FFFFFF"
+    },
+    secondary: {
+      DEFAULT: "#fafafa",
+      // Light Gray for secondary backgrounds
+      foreground: "#000000"
+    },
+    accent: {
+      DEFAULT: "#0070f3",
+      // Vercel Blue
+      neon: "#7928ca",
+      // Vercel Purple
+      vivid: "#ff0080"
+      // Vercel Pink
+    },
+    success: {
+      DEFAULT: "#0070f3"
+      // Blue is often used for success in some contexts, but let's stick to standard or Vercel cyan
+    },
+    warning: {
+      DEFAULT: "#f5a623"
+    },
+    error: {
+      DEFAULT: "#ff0000"
+      // Red
+    },
+    info: {
+      DEFAULT: "#0070f3"
+    },
+    neutral: {
+      0: "#FFFFFF",
+      50: "#fafafa",
+      100: "#eaeaea",
+      200: "#999999",
+      300: "#888888",
+      400: "#666666",
+      500: "#444444",
+      600: "#333333",
+      700: "#111111",
+      800: "#000000",
+      900: "#000000",
+      950: "#000000",
+      1e3: "#000000"
+    },
+    background: {
+      primary: "#FFFFFF",
+      secondary: "#fafafa",
+      inverse: "#000000"
+    },
+    text: {
+      primary: "#000000",
+      secondary: "#444444",
+      muted: "#666666",
+      inverse: "#FFFFFF"
+    }
+  },
+  spacing: {
+    0: "0px",
+    1: "4px",
+    2: "8px",
+    3: "12px",
+    4: "16px",
+    5: "20px",
+    6: "24px",
+    8: "32px",
+    10: "40px",
+    12: "48px",
+    16: "64px",
+    20: "80px",
+    24: "96px",
+    32: "128px",
+    40: "160px",
+    48: "192px",
+    56: "224px",
+    64: "256px"
+  },
+  borderRadius: {
+    none: "0px",
+    xs: "2px",
+    sm: "4px",
+    md: "6px",
+    lg: "8px",
+    xl: "12px",
+    full: "9999px"
+  },
+  boxShadow: {
+    none: "none",
+    sm: "0 2px 4px rgba(0,0,0,0.1)",
+    DEFAULT: "0 5px 10px rgba(0,0,0,0.12)",
+    md: "0 8px 30px rgba(0,0,0,0.12)",
+    lg: "0 30px 60px rgba(0,0,0,0.12)",
+    xl: "0 30px 60px rgba(0,0,0,0.12)",
+    hard: "0 0 0 1px rgba(0,0,0,0.1)",
+    "hard-accent": "0 0 0 2px var(--sxo-accent-primary)"
+  },
+  typography: {
+    fontSize: {
+      xs: "12px",
+      sm: "14px",
+      base: "16px",
+      lg: "18px",
+      xl: "20px",
+      "2xl": "24px",
+      "3xl": "32px",
+      "4xl": "48px",
+      "5xl": "64px",
+      "6xl": "96px",
+      "7xl": "128px"
+    },
+    fontWeight: {
+      thin: "100",
+      light: "300",
+      normal: "400",
+      medium: "500",
+      semibold: "600",
+      bold: "700",
+      black: "900"
+    },
+    lineHeight: {
+      none: "1",
+      tight: "1.2",
+      snug: "1.3",
+      normal: "1.5",
+      relaxed: "1.625",
+      loose: "2"
+    },
+    fontFamily: {
+      sans: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
+      serif: '"Playfair Display", Georgia, serif',
+      mono: 'Menlo, Monaco, Lucida Console, "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace'
+    }
+  },
+  breakpoints: {
+    sm: "640px",
+    md: "768px",
+    lg: "1024px",
+    xl: "1280px",
+    "2xl": "1536px"
+  },
+  transition: {
+    DEFAULT: "150ms ease",
+    fast: "100ms ease",
+    slow: "300ms ease"
+  },
+  animation: {
+    "fade-in": "fade-in 0.2s ease-out",
+    "slide-in-top": "slide-in-top 0.2s ease-out",
+    "slide-in-bottom": "slide-in-bottom 0.2s ease-out",
+    "scale-in": "scale-in 0.2s cubic-bezier(0.16, 1, 0.3, 1)",
+    pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+    bounce: "bounce 1s infinite",
+    spin: "spin 1s linear infinite",
+    ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
+    shake: "shake 0.5s cubic-bezier(.36,.07,.19,.97) both",
+    "zoom-in": "zoom-in 0.2s ease-out",
+    "zoom-out": "zoom-out 0.2s ease-out"
+  },
+  modes: {
+    dark: {
+      background: {
+        primary: "#000000",
+        secondary: "#111111",
+        inverse: "#FFFFFF"
+      },
+      text: {
+        primary: "#FFFFFF",
+        secondary: "#a1a1aa",
+        muted: "#71717a",
+        inverse: "#000000"
+      },
+      neutral: {
+        0: "#000000",
+        50: "#111111",
+        100: "#333333",
+        200: "#444444",
+        300: "#666666",
+        400: "#888888",
+        500: "#999999",
+        600: "#aaaaaa",
+        700: "#cccccc",
+        800: "#eaeaea",
+        900: "#fafafa",
+        950: "#ffffff",
+        1e3: "#ffffff"
+      }
+    }
+  }
+}, r = {
+  tokens: i
+};
+function p(a) {
+  a.store("sxo", {
+    theme: r,
+    setTheme(e) {
+      this.theme = { ...this.theme, ...e };
+    }
+  }), a.directive("sxo-theme", (e, { expression: o }, { evaluate: n }) => {
+    const s = n(o);
+    e.style.setProperty("--sxo-primary", s.color.primary[500]);
+  });
+}
+export {
+  p as default
+};

package/package.json

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