@slexkit/components-svelte 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Simgor001
+
+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,81 @@
+# @slexkit/components-svelte
+
+Official Svelte component registration for SlexKit.
+
+This package re-exports `slexkit/components-svelte` and auto-registers all built-in components on import. It is not a standalone physical package — install `slexkit` alongside it.
+
+## Install
+
+```sh
+npm install slexkit @slexkit/runtime @slexkit/components-svelte @slexkit/theme-shadcn
+```
+
+## Usage
+
+```js
+import { mount } from "@slexkit/runtime";
+import "@slexkit/components-svelte";
+import "@slexkit/theme-shadcn/style.css";
+
+mount({
+  namespace: "demo",
+  g: { count: 0 },
+  layout: {
+    "text:label": { "$content": "'Count: ' + g.count" },
+    "button:add": { text: "+1", onclick: "g.count++" },
+  },
+}, document.getElementById("app"));
+```
+
+The import side-effect registers all 28 built-in Svelte components into the global runtime registry.
+
+## Component list
+
+| Category | Components |
+|----------|------------|
+| **Layout** | `column`, `row`, `grid`, `card`, `section` |
+| **Content** | `badge`, `callout`, `code-block`, `divider`, `link`, `table` |
+| **Display** | `stat`, `text` |
+| **Action** | `button`, `submit` |
+| **Input** | `input`, `select`, `switch`, `checkbox`, `slider`, `radio-group` |
+| **Navigation** | `tabs` |
+| **Disclosure** | `accordion`, `collapsible` |
+| **Feedback** | `progress`, `toast` |
+| **Tooling** | `playground`, `icon` |
+
+All components support the shadcn/ui design token theme when using `@slexkit/theme-shadcn`. Components also support Phosphor Icons and custom icon registration via the icon system API.
+
+## Manual registration
+
+If you need a subset, import and register manually:
+
+```js
+import { mount, register, getRenderer } from "@slexkit/runtime";
+import { registerSubset } from "@slexkit/components-svelte";
+
+// Register only layout and display components
+registerSubset(["column", "row", "grid", "card", "text", "stat"]);
+```
+
+Add a custom component alongside the built-ins:
+
+```js
+import { registerSvelteComponent } from "@slexkit/components-svelte";
+import MyComponent from "./MyComponent.svelte";
+
+registerSvelteComponent("my-component", MyComponent, { state: "value" });
+```
+
+## Theming
+
+```js
+import "@slexkit/theme-shadcn/style.css";     // theme + all components
+import "@slexkit/theme-shadcn/base.css";       // theme only (no component styles)
+import "@slexkit/theme-shadcn/components/button.css"; // individual component
+```
+
+## Documentation
+
+- [SlexKit Components docs](https://slexkit.pages.dev/docs/components/accordion)
+- [Icon system](https://github.com/slexkit/slexkit/blob/main/site/content/reference/icons/en-US.md)
+- [Package boundaries](https://github.com/slexkit/slexkit/blob/main/site/content/reference/packages/en-US.md)

package/index.d.ts

@@ -0,0 +1,5 @@
+export {
+  registerAll,
+  registerSvelteComponent,
+  registerSubset,
+} from "slexkit/components-svelte";

package/index.js

@@ -0,0 +1,7 @@
+export {
+  registerAll,
+  registerSvelteComponent,
+  registerSubset,
+} from "slexkit/components";
+
+import "slexkit/components";

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@slexkit/components-svelte",
+  "version": "0.2.0",
+  "description": "Official Svelte component registrations for SlexKit.",
+  "author": "SlexKit contributors",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/slexkit/slexkit.git",
+    "directory": "packages/components-svelte"
+  },
+  "homepage": "https://github.com/slexkit/slexkit/tree/main/packages/components-svelte#readme",
+  "bugs": {
+    "url": "https://github.com/slexkit/slexkit/issues"
+  },
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js"
+    }
+  },
+  "files": [
+    "index.js",
+    "index.d.ts",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "./index.js"
+  ],
+  "keywords": [
+    "slexkit",
+    "svelte",
+    "components"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "slexkit": "^0.2.0"
+  },
+  "peerDependenciesMeta": {
+    "slexkit": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "slexkit": "file:../.."
+  }
+}