bref-ui 0.0.1

package/dist/internal/demo-types.svelte

@@ -0,0 +1,61 @@
+<script lang="ts">
+	import type { Size, Color, Variant } from '../base/types.js';
+	import DemoSection from './demo-section.svelte';
+
+	const colors: Color[] = [
+		'primary',
+		'secondary',
+		'success',
+		'warning',
+		'danger',
+		'info',
+		'foreground',
+		'background'
+	];
+	const variants: Variant[] = ['filled', 'soft', 'ghost'];
+	const sizes: Size[] = ['x-small', 'small', 'medium', 'large', 'x-large'];
+</script>
+
+<DemoSection
+	title="Types"
+	id="types"
+	description="Available types for various components such as Buttons, Inputs, etc."
+>
+	<h3>Colors</h3>
+	<div>
+		{#each colors as color}
+			<span>{color}</span>
+		{/each}
+	</div>
+
+	<h3>Variants</h3>
+	<div>
+		{#each variants as variant}
+			<span>{variant}</span>
+		{/each}
+	</div>
+
+	<h3>Sizes</h3>
+	<div>
+		{#each sizes as size}
+			<span>{size}</span>
+		{/each}
+	</div>
+</DemoSection>
+
+<style>
+	div {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 0.5rem;
+	}
+
+	span {
+		font-family: monospace;
+		font-size: 0.8125rem;
+		padding: 0.25rem 0.5rem;
+		background: color-mix(in srgb, var(--color-background) 80%, var(--color-foreground));
+		border: 1px solid var(--color-border);
+		border-radius: 0.5rem;
+	}
+</style>

package/dist/internal/demo-types.svelte.d.ts

@@ -0,0 +1,18 @@
+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;
+}
+declare const DemoTypes: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type DemoTypes = InstanceType<typeof DemoTypes>;
+export default DemoTypes;

package/package.json

@@ -0,0 +1,65 @@
+{
+	"name": "bref-ui",
+	"version": "0.0.1",
+	"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 ."
+	},
+	"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": {
+		"@eslint/compat": "^1.4.0",
+		"@eslint/js": "^9.39.1",
+		"@fontsource/spectral": "^5.2.8",
+		"@fontsource/meow-script": "^5.2.8",
+		"@sveltejs/adapter-auto": "^7.0.0",
+		"@sveltejs/kit": "^2.49.1",
+		"@sveltejs/package": "^2.5.7",
+		"@sveltejs/vite-plugin-svelte": "^6.2.1",
+		"@types/node": "^22",
+		"eslint": "^9.39.1",
+		"eslint-config-prettier": "^10.1.8",
+		"eslint-plugin-svelte": "^3.13.1",
+		"globals": "^16.5.0",
+		"prettier": "^3.7.4",
+		"prettier-plugin-svelte": "^3.4.0",
+		"publint": "^0.3.15",
+		"svelte": "^5.45.6",
+		"svelte-check": "^4.3.4",
+		"typescript": "^5.9.3",
+		"typescript-eslint": "^8.48.1",
+		"vite": "^7.2.6"
+	},
+	"keywords": [
+		"svelte"
+	],
+	"dependencies": {
+		"@fontsource-variable/material-symbols-rounded": "^5.2.30",
+		"colord": "^2.9.3"
+	}
+}