@lovince/ui-svelte 1.0.1

package/dist/index.d.ts

@@ -0,0 +1,65 @@
+import { MyButtonProps, MyInputProps } from '@lovince/ui-shared';
+export { MyButtonProps, MyInputProps } from '@lovince/ui-shared';
+
+interface SvelteMyButtonProps extends MyButtonProps {
+    onButtonClick?: (detail: {
+        variant: string;
+    }) => void;
+    onClick?: (event: MouseEvent) => void;
+}
+interface SvelteMyInputProps extends MyInputProps {
+    onInputChange?: (detail: {
+        value: string;
+    }) => void;
+    onInput?: (event: InputEvent) => void;
+    onChange?: (event: Event) => void;
+    onFocus?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
+}
+declare function createSvelteEventHandler<T extends Event>(dispatch: (event: string, detail?: any) => void, eventName: string): (event: T) => void;
+
+declare const COMPONENT_METADATA: {
+    readonly MyButton: {
+        readonly props: {
+            readonly variant: {
+                readonly type: "string";
+                readonly default: "primary";
+                readonly options: readonly ["primary", "secondary", "danger", "success", "outline"];
+            };
+            readonly disabled: {
+                readonly type: "boolean";
+                readonly default: false;
+            };
+            readonly size: {
+                readonly type: "string";
+                readonly default: "md";
+                readonly options: readonly ["sm", "md", "lg"];
+            };
+        };
+        readonly events: readonly ["button-click", "click"];
+    };
+    readonly MyInput: {
+        readonly props: {
+            readonly value: {
+                readonly type: "string";
+                readonly default: "";
+            };
+            readonly placeholder: {
+                readonly type: "string";
+                readonly default: "";
+            };
+            readonly disabled: {
+                readonly type: "boolean";
+                readonly default: false;
+            };
+            readonly type: {
+                readonly type: "string";
+                readonly default: "text";
+                readonly options: readonly ["text", "email", "password"];
+            };
+        };
+        readonly events: readonly ["input-change", "input", "change", "focus", "blur"];
+    };
+};
+
+export { COMPONENT_METADATA, type SvelteMyButtonProps, type SvelteMyInputProps, createSvelteEventHandler };

package/dist/index.js

@@ -0,0 +1,29 @@
+// src/index.ts
+function createSvelteEventHandler(dispatch, eventName) {
+  return (event) => {
+    dispatch(eventName, event);
+  };
+}
+var COMPONENT_METADATA = {
+  MyButton: {
+    props: {
+      variant: { type: "string", default: "primary", options: ["primary", "secondary", "danger", "success", "outline"] },
+      disabled: { type: "boolean", default: false },
+      size: { type: "string", default: "md", options: ["sm", "md", "lg"] }
+    },
+    events: ["button-click", "click"]
+  },
+  MyInput: {
+    props: {
+      value: { type: "string", default: "" },
+      placeholder: { type: "string", default: "" },
+      disabled: { type: "boolean", default: false },
+      type: { type: "string", default: "text", options: ["text", "email", "password"] }
+    },
+    events: ["input-change", "input", "change", "focus", "blur"]
+  }
+};
+export {
+  COMPONENT_METADATA,
+  createSvelteEventHandler
+};

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@lovince/ui-svelte",
+  "version": "1.0.1",
+  "description": "Svelte wrappers for UI components",
+  "type": "module",
+  "svelte": "./dist/index.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup"
+  },
+  "keywords": [
+    "ui",
+    "svelte",
+    "web-components"
+  ],
+  "author": "Steve",
+  "license": "MIT",
+  "peerDependencies": {
+    "@lovince/ui-core": "^1.0.0",
+    "svelte": "^3.0.0 || ^4.0.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  }
+}