glass-ui-solid 0.1.0

package/dist/styles/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/dist/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC"}

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "glass-ui-solid",
+  "version": "0.1.0",
+  "description": "iOS 26-inspired glassmorphism UI components for SolidJS",
+  "author": "plawn",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/plawn/wti.git",
+    "directory": "packages/glass-ui"
+  },
+  "homepage": "https://github.com/plawn/wti/tree/main/packages/glass-ui#readme",
+  "bugs": {
+    "url": "https://github.com/plawn/wti/issues"
+  },
+  "keywords": [
+    "solidjs",
+    "solid",
+    "ui",
+    "components",
+    "glassmorphism",
+    "ios",
+    "design-system",
+    "tailwindcss",
+    "typescript"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": ["**/*.css"],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/index.css",
+    "./theme.css": "./src/styles/theme.css"
+  },
+  "files": ["dist", "src/styles/theme.css", "README.md"],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "bun run build",
+    "publish:npm": "bun run build && npm publish"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.8.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.8",
+    "@types/dompurify": "^3.2.0",
+    "@types/prismjs": "^1.26.5",
+    "autoprefixer": "^10.4.21",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.8",
+    "typescript": "^5.7.2",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-solid": "^2.11.6"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "dompurify": "^3.2.6",
+    "marked": "^15.0.7",
+    "prismjs": "^1.30.0"
+  }
+}

package/src/styles/theme.css

@@ -0,0 +1,34 @@
+/**
+ * @wti/glass-ui Theme
+ * Import this file in your Tailwind CSS to get access to the design tokens
+ * Usage: @import "@wti/glass-ui/theme.css";
+ */
+
+/* iOS 26 Glassmorphism Design Tokens */
+@theme {
+  --color-surface-50: oklch(0.99 0.002 240);
+  --color-surface-100: oklch(0.97 0.004 240);
+  --color-surface-200: oklch(0.92 0.01 240);
+  --color-surface-300: oklch(0.8 0.02 240);
+  --color-surface-400: oklch(0.6 0.025 240);
+  --color-surface-500: oklch(0.4 0.03 240);
+  --color-surface-600: oklch(0.3 0.03 250);
+  --color-surface-700: oklch(0.2 0.03 260);
+  --color-surface-800: oklch(0.15 0.03 260);
+  --color-surface-900: oklch(0.1 0.03 260);
+  --color-surface-950: oklch(0.05 0.03 260);
+
+  --color-accent-50: oklch(0.97 0.02 250);
+  --color-accent-100: oklch(0.92 0.04 250);
+  --color-accent-200: oklch(0.85 0.08 250);
+  --color-accent-300: oklch(0.75 0.12 250);
+  --color-accent-400: oklch(0.65 0.16 250);
+  --color-accent-500: oklch(0.55 0.2 250);
+  --color-accent-600: oklch(0.45 0.22 250);
+  --color-accent-700: oklch(0.35 0.2 250);
+  --color-accent-800: oklch(0.25 0.18 250);
+  --color-accent-900: oklch(0.15 0.15 250);
+}
+
+/* Use class-based dark mode */
+@custom-variant dark (&:where(.dark, .dark *));