grav-svelte 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Your Name
+
+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,79 @@
+# Grav Svelte
+
+A collection of Svelte components for building beautiful user interfaces.
+
+## Installation
+
+```bash
+npm install grav-svelte
+```
+
+## Usage
+
+```svelte
+<script>
+  import { Button } from 'grav-svelte';
+</script>
+
+<Button variant="primary" size="medium">Click me</Button>
+```
+
+## Components
+
+### Button
+
+A versatile button component with multiple variants and sizes.
+
+#### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| variant | 'primary' \| 'secondary' \| 'outline' | 'primary' | The visual style of the button |
+| size | 'small' \| 'medium' \| 'large' | 'medium' | The size of the button |
+| disabled | boolean | false | Whether the button is disabled |
+| type | 'button' \| 'submit' \| 'reset' | 'button' | The HTML button type |
+| class_name | string | '' | Additional CSS classes |
+
+#### Examples
+
+```svelte
+<!-- Primary button -->
+<Button variant="primary">Primary Button</Button>
+
+<!-- Secondary button -->
+<Button variant="secondary">Secondary Button</Button>
+
+<!-- Outline button -->
+<Button variant="outline">Outline Button</Button>
+
+<!-- Different sizes -->
+<Button size="small">Small Button</Button>
+<Button size="medium">Medium Button</Button>
+<Button size="large">Large Button</Button>
+
+<!-- Disabled state -->
+<Button disabled>Disabled Button</Button>
+
+<!-- With click handler -->
+<Button on:click={() => alert('Clicked!')}>Click me</Button>
+```
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Start development server
+npm run dev
+
+# Build the package
+npm run build
+
+# Run type checking
+npm run check
+```
+
+## License
+
+MIT

package/dist/Button/Button.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+    export let variant: "primary" | "secondary" | "outline" = "primary";
+    export let size: "small" | "medium" | "large" = "medium";
+    export let disabled = false;
+    export let type: "button" | "submit" | "reset" = "button";
+    export let class_name = "";
+
+    const baseClasses =
+        "rounded font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2";
+
+    const variantClasses = {
+        primary: "bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500",
+        secondary:
+            "bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500",
+        outline:
+            "border-2 border-blue-600 text-blue-600 hover:bg-blue-50 focus:ring-blue-500",
+    };
+
+    const sizeClasses = {
+        small: "px-3 py-1.5 text-sm",
+        medium: "px-4 py-2 text-base",
+        large: "px-6 py-3 text-lg",
+    };
+
+    const disabledClasses = "opacity-50 cursor-not-allowed";
+</script>
+
+<button
+    {type}
+    {disabled}
+    class="{baseClasses} {variantClasses[variant]} {sizeClasses[size]} {disabled
+        ? disabledClasses
+        : ''} {class_name}"
+    on:click
+    {...$$restProps}
+>
+    <slot />
+</button>
+
+<style>
+    /* Add any component-specific styles here */
+</style>

package/dist/Button/Button.svelte.d.ts

@@ -0,0 +1,36 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Button: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    variant?: "primary" | "secondary" | "outline" | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    disabled?: boolean | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
+    class_name?: string | undefined;
+}, {
+    default: {};
+}>, {
+    click: MouseEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Button = InstanceType<typeof Button>;
+export default Button;

package/dist/Button/index.d.ts

@@ -0,0 +1 @@
+export { default as Button } from './Button.svelte';

package/dist/Button/index.js

@@ -0,0 +1 @@
+export { default as Button } from './Button.svelte';

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { Button } from './Button/index.js';

package/dist/index.js

@@ -0,0 +1,2 @@
+// Reexport your entry components here
+export { Button } from './Button/index.js';

package/package.json

@@ -0,0 +1,64 @@
+{
+	"name": "grav-svelte",
+	"version": "0.0.1",
+	"description": "A collection of Svelte components",
+	"license": "MIT",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build && npm run prepack",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"prepack": "svelte-kit sync && svelte-package && publint",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"sideEffects": [
+		"**/*.css"
+	],
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-auto": "^6.0.0",
+		"@sveltejs/kit": "^2.16.0",
+		"@sveltejs/package": "^2.0.0",
+		"@sveltejs/vite-plugin-svelte": "^5.0.0",
+		"publint": "^0.3.2",
+		"svelte": "^5.0.0",
+		"svelte-check": "^4.0.0",
+		"typescript": "^5.0.0",
+		"vite": "^6.2.6"
+	},
+	"keywords": [
+		"svelte",
+		"components",
+		"ui",
+		"button"
+	],
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/yourusername/grav-svelte.git"
+	},
+	"bugs": {
+		"url": "https://github.com/yourusername/grav-svelte/issues"
+	},
+	"homepage": "https://github.com/yourusername/grav-svelte#readme",
+	"author": "Your Name",
+	"publishConfig": {
+		"access": "public"
+	}
+}