@hashrytech/quick-components-kit 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# quick-components-kit
+
+## 0.1.0
+
+### Minor Changes
+
+- Initial testing and setup

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Hashry Tech
+
+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,16 @@
+# quick-components-kit
+A Svelte component library and toolset
+
+## Install
+
+You can install the library via npm.
+
+```bash
+npm install @hashrytech/quick-components-kit
+```
+
+or via yarn:
+
+```bash
+yarn add @hashrytech/quick-components-kit
+```

package/dist/button/Button.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  export let type: 'button' | 'submit' | 'reset' = 'button';
+  export let variant: 'primary' | 'secondary' | 'danger' = 'primary';
+  export let size: 'sm' | 'md' | 'lg' = 'md';
+  export let disabled: boolean = false;
+  export let className: string = ''; // Allow extra classes
+</script>
+
+<button
+  type={type}
+  class={`inline-flex items-center justify-center font-medium rounded-md
+    ${variant === 'primary' ? 'bg-blue-600 text-white hover:bg-blue-700' : ''}
+    ${variant === 'secondary' ? 'bg-gray-200 text-gray-800 hover:bg-gray-300' : ''}
+    ${variant === 'danger' ? 'bg-red-600 text-white hover:bg-red-700' : ''}
+    ${size === 'sm' ? 'px-2 py-1 text-sm' : ''}
+    ${size === 'md' ? 'px-4 py-2 text-base' : ''}
+    ${size === 'lg' ? 'px-6 py-3 text-lg' : ''}
+    ${disabled ? 'opacity-50 cursor-not-allowed' : ''}
+    ${className}`}
+  disabled={disabled}>
+  <slot />
+</button>

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

@@ -0,0 +1,33 @@
+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<{
+    type?: "button" | "submit" | "reset";
+    variant?: "primary" | "secondary" | "danger";
+    size?: "sm" | "md" | "lg";
+    disabled?: boolean;
+    className?: string;
+}, {
+    default: {};
+}>, {
+    [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,2 @@
+export * from './button/index.js';
+export * from './text-box/index.js';

package/dist/index.js

@@ -0,0 +1,5 @@
+// Reexport your entry components here
+// lib/index.js
+export * from './button/index.js';
+export * from './text-box/index.js';
+// Add more components here...

package/dist/text-box/TextBox.svelte

@@ -0,0 +1 @@
+<p>Hello</p>

package/dist/text-box/TextBox.svelte.d.ts

@@ -0,0 +1,26 @@
+export default TextBox;
+type TextBox = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const TextBox: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/text-box/index.d.ts

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

package/dist/text-box/index.js

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

package/package.json

@@ -0,0 +1,97 @@
+{
+	"name": "@hashrytech/quick-components-kit",
+	"description": "A Svelte component library and toolset",
+	"version": "0.1.0",
+	"license": "MIT",
+	"author": "Hashry Tech",
+	"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",
+		"format": "prettier --write .",
+		"lint": "prettier --check . && eslint .",
+		"test:unit": "vitest",
+		"test": "npm run test:unit -- --run && npm run test:e2e",
+		"test:e2e": "playwright test",
+		"storybook": "storybook dev -p 6006",
+		"build-storybook": "storybook build",
+		"package": "svelte-package"
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*",
+		"LICENSE",
+		"README.md",
+		"CHANGELOG.md"
+	],
+	"sideEffects": [
+		"**/*.css"
+	],
+	"publishConfig": {
+		"access": "public"
+	},
+	"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": {
+		"@chromatic-com/storybook": "^4.0.0",
+		"@eslint/compat": "^1.2.9",
+		"@eslint/js": "^9.27.0",
+		"@playwright/test": "^1.52.0",
+		"@storybook/addon-a11y": "^9.0.0",
+		"@storybook/addon-docs": "^9.0.0",
+		"@storybook/addon-svelte-csf": "^5.0.3",
+		"@storybook/addon-vitest": "^9.0.0",
+		"@storybook/sveltekit": "^9.0.0",
+		"@sveltejs/adapter-auto": "^6.0.1",
+		"@sveltejs/kit": "^2.21.1",
+		"@sveltejs/package": "^2.3.11",
+		"@sveltejs/vite-plugin-svelte": "^5.0.3",
+		"@tailwindcss/forms": "^0.5.10",
+		"@tailwindcss/vite": "^4.1.8",
+		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/svelte": "^5.2.8",
+		"@types/node": "^22",
+		"@vitest/browser": "^3.1.4",
+		"@vitest/coverage-v8": "^3.1.4",
+		"eslint": "^9.27.0",
+		"eslint-config-prettier": "^10.1.5",
+		"eslint-plugin-storybook": "^9.0.0",
+		"eslint-plugin-svelte": "^3.9.0",
+		"globals": "^16.2.0",
+		"jsdom": "^26.1.0",
+		"playwright": "^1.52.0",
+		"prettier": "^3.5.3",
+		"prettier-plugin-svelte": "^3.4.0",
+		"prettier-plugin-tailwindcss": "^0.6.11",
+		"publint": "^0.3.12",
+		"storybook": "^9.0.0",
+		"svelte": "^5.33.5",
+		"svelte-check": "^4.2.1",
+		"tailwindcss": "^4.1.8",
+		"typescript": "^5.8.3",
+		"typescript-eslint": "^8.33.0",
+		"vite": "^6.3.5",
+		"vitest": "^3.1.4"
+	},
+	"keywords": [
+		"svelte"
+	],
+	"dependencies": {
+		"@changesets/cli": "^2.29.4"
+	}
+}