@awc-ui/svelte 1.0.0-beta

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 AWC UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,55 @@
+# @awc-ui/svelte
+
+Svelte bindings for [AWC UI](https://www.npmjs.com/package/@awc-ui/core) — Material Design 3 web components.
+
+## Install
+
+```bash
+npm install @awc-ui/svelte @awc-ui/core @awc-ui/tokens
+```
+
+Requires Svelte 4 or 5.
+
+## Usage
+
+Register the custom elements once on the client, then use `md-*` tags directly in any `.svelte` file — Svelte has first-class custom-element support, so no per-component wrappers are needed:
+
+```ts
+// main.ts (plain Vite/SPA app)
+import { defineCustomElements } from '@awc-ui/svelte';
+defineCustomElements(window);
+```
+
+```svelte
+<md-button variant="filled" on:click={save}>Save</md-button>
+<md-text-field label="Email" variant="outlined"></md-text-field>
+```
+
+### SvelteKit (SSR)
+
+Registration is client-only — guard it so it runs in the browser:
+
+```ts
+import { browser } from '$app/environment';
+import { defineCustomElements } from '@awc-ui/svelte';
+
+if (browser) defineCustomElements(window);
+```
+
+For server-rendered markup use `@awc-ui/core/hydrate` (`renderToString`).
+
+## Styling
+
+Load the design tokens once (they carry the whole MD3 theme):
+
+```ts
+import '@awc-ui/tokens/tokens.css';
+```
+
+## Docs
+
+Full component reference, theming, and framework setup: **[awc-ui.dev](https://awc-ui.dev)** — see [Installation](https://awc-ui.dev/getting-started/installation/) for the Svelte section.
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @awc-ui/svelte
+ *
+ * Svelte integration for AWC UI Material Design 3 components.
+ *
+ * Registration is client-only. In a plain Vite/SPA app:
+ * @example
+ * import { defineCustomElements } from '@awc-ui/svelte';
+ * defineCustomElements(window);
+ *
+ * Under SvelteKit (SSR), guard it so it runs only in the browser — and for
+ * server-rendered markup use `@awc-ui/core/hydrate` (`renderToString`):
+ * @example
+ * import { browser } from '$app/environment';
+ * import { defineCustomElements } from '@awc-ui/svelte';
+ * if (browser) defineCustomElements(window);
+ *
+ * Then use components directly in .svelte files:
+ * @example
+ * <md-button variant="filled">Click me</md-button>
+ */
+export * from './lib/components';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,cAAc,kBAAkB,CAAC"}

package/dist/index.mjs

@@ -0,0 +1,6 @@
+// src/lib/components.ts
+import { defineCustomElements } from "@awc-ui/core/loader";
+export {
+  defineCustomElements
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/lib/components.ts"],
+  "sourcesContent": ["/* Auto-generated by Stencil svelte integration */\n/* This file re-exports stencil components for Svelte usage */\n\n// All AWC UI components work as native custom elements in Svelte.\n// Import defineCustomElements to register them.\nexport { defineCustomElements } from '@awc-ui/core/loader';\n"],
+  "mappings": ";AAKA,SAAS,4BAA4B;",
+  "names": []
+}

package/dist/lib/components.d.ts

@@ -0,0 +1,2 @@
+export { defineCustomElements } from '@awc-ui/core/loader';
+//# sourceMappingURL=components.d.ts.map

package/dist/lib/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/lib/components.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC"}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@awc-ui/svelte",
+  "version": "1.0.0-beta",
+  "description": "Svelte wrapper for AWC UI Material Design 3 components",
+  "main": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "LICENSE"
+  ],
+  "peerDependencies": {
+    "svelte": ">=4",
+    "@awc-ui/core": "1.0.0-beta"
+  },
+  "devDependencies": {
+    "esbuild": "^0.25.12",
+    "typescript": "^5.4.0",
+    "@awc-ui/core": "1.0.0-beta"
+  },
+  "license": "MIT",
+  "author": "AWC UI",
+  "homepage": "https://awc-ui.dev",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/awc-ui/core.git",
+    "directory": "packages/svelte"
+  },
+  "bugs": {
+    "url": "https://github.com/awc-ui/core/issues"
+  },
+  "module": "dist/index.mjs",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "scripts": {
+    "build": "rm -rf dist && tsc -p tsconfig.json --emitDeclarationOnly && esbuild src/index.ts --bundle --format=esm --target=es2020 --sourcemap --outfile=dist/index.mjs --external:svelte --external:@awc-ui/core --external:@awc-ui/core/*"
+  }
+}

package/src/index.ts

@@ -0,0 +1,22 @@
+/**
+ * @awc-ui/svelte
+ *
+ * Svelte integration for AWC UI Material Design 3 components.
+ *
+ * Registration is client-only. In a plain Vite/SPA app:
+ * @example
+ * import { defineCustomElements } from '@awc-ui/svelte';
+ * defineCustomElements(window);
+ *
+ * Under SvelteKit (SSR), guard it so it runs only in the browser — and for
+ * server-rendered markup use `@awc-ui/core/hydrate` (`renderToString`):
+ * @example
+ * import { browser } from '$app/environment';
+ * import { defineCustomElements } from '@awc-ui/svelte';
+ * if (browser) defineCustomElements(window);
+ *
+ * Then use components directly in .svelte files:
+ * @example
+ * <md-button variant="filled">Click me</md-button>
+ */
+export * from './lib/components';

package/src/lib/components.ts

@@ -0,0 +1,6 @@
+/* Auto-generated by Stencil svelte integration */
+/* This file re-exports stencil components for Svelte usage */
+
+// All AWC UI components work as native custom elements in Svelte.
+// Import defineCustomElements to register them.
+export { defineCustomElements } from '@awc-ui/core/loader';