@noahbaumgartner/svelte-ui 0.0.1

package/dist/styles/tokens.css

@@ -0,0 +1,50 @@
+:root
+{
+	color-scheme: light;
+	--base: #fff;
+	--ink: #000;
+
+	--color-bg: var(--base);
+	--color-surface: color-mix(in srgb, var(--base), var(--ink) 6%);
+	--color-border: color-mix(in srgb, var(--base), var(--ink) 10%);
+	--color-border-strong: color-mix(in srgb, var(--base), var(--ink) 17%);
+	--color-text-faint: color-mix(in srgb, var(--base), var(--ink) 36%);
+	--color-text-muted: color-mix(in srgb, var(--base), var(--ink) 55%);
+	--color-text-secondary: color-mix(in srgb, var(--base), var(--ink) 75%);
+	--color-emphasis: color-mix(in srgb, var(--base), var(--ink) 85%);
+	--color-text: var(--ink);
+	--color-ink: var(--ink);
+	--color-base: var(--base);
+
+	/* Hover states */
+	--color-surface-hover: color-mix(in srgb, var(--base), var(--ink) 12%);
+	--color-surface-active: color-mix(in srgb, var(--base), var(--ink) 17%);
+	--color-ink-hover: color-mix(in srgb, var(--base), var(--ink) 80%);
+
+	/* Accent */
+	--color-accent: var(--accent, var(--ink));
+	--color-accent-hover: color-mix(in srgb, var(--base), var(--color-accent) 80%);
+	--color-accent-foreground: oklch(from var(--color-accent) clamp(0, (0.65 - l) * 1000, 1) 0 0);
+
+	/* Validation errors; the only non-gray color */
+	--color-destructive: #dc2626;
+}
+
+@media (prefers-color-scheme: dark)
+{
+	:root:not([data-theme='light'])
+	{
+		--base: #0a0a0a;
+		--ink: #fff;
+		color-scheme: dark;
+		--color-destructive: #f87171;
+	}
+}
+
+:root[data-theme='dark']
+{
+	--base: #0a0a0a;
+	--ink: #fff;
+	color-scheme: dark;
+	--color-destructive: #f87171;
+}

package/package.json

@@ -0,0 +1,88 @@
+{
+	"name": "@noahbaumgartner/svelte-ui",
+	"version": "0.0.1",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/noahbaumgartner/svelte-ui.git"
+	},
+	"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",
+		"test:unit": "vitest",
+		"test": "npm run test:unit -- --run",
+		"lint": "prettier --check . && eslint .",
+		"format": "prettier --write .",
+		"storybook": "storybook dev -p 6006",
+		"build-storybook": "storybook build"
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*",
+		"!dist/**/*.stories.*"
+	],
+	"sideEffects": [
+		"**/*.css"
+	],
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		},
+		"./icons": {
+			"types": "./dist/icons.d.ts",
+			"svelte": "./dist/icons.js",
+			"default": "./dist/icons.js"
+		},
+		"./tokens.css": "./dist/styles/tokens.css"
+	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"devDependencies": {
+		"@eslint/js": "^10.0.1",
+		"@storybook/addon-a11y": "^10.6.0",
+		"@storybook/addon-docs": "^10.6.0",
+		"@storybook/addon-svelte-csf": "latest",
+		"@storybook/addon-vitest": "^10.6.0",
+		"@storybook/sveltekit": "^10.6.0",
+		"@sveltejs/adapter-auto": "^7.0.1",
+		"@sveltejs/kit": "^2.63.0",
+		"@sveltejs/package": "^2.5.8",
+		"@sveltejs/vite-plugin-svelte": "^7.1.2",
+		"@types/node": "^24",
+		"@vitest/browser-playwright": "^4.1.8",
+		"@vitest/coverage-v8": "^4.1.8",
+		"eslint": "^10.4.1",
+		"eslint-config-prettier": "^10.1.8",
+		"eslint-plugin-storybook": "^10.6.0",
+		"eslint-plugin-svelte": "^3.19.0",
+		"globals": "^17.6.0",
+		"playwright": "^1.60.0",
+		"prettier": "^3.8.3",
+		"prettier-plugin-svelte": "^4.1.0",
+		"publint": "^0.3.21",
+		"storybook": "^10.6.0",
+		"svelte": "^5.56.1",
+		"svelte-check": "^4.6.0",
+		"typescript": "^6.0.3",
+		"typescript-eslint": "^8.60.1",
+		"vite": "^8.0.16",
+		"vitest": "^4.1.8",
+		"vitest-browser-svelte": "^2.1.1"
+	},
+	"keywords": [
+		"svelte"
+	],
+	"dependencies": {
+		"@lucide/svelte": "^1.47.0"
+	}
+}