markgraphy 0.1.1

package/dist/themes.css

@@ -0,0 +1,54 @@
+/*
+ * Markgraphy theme tokens.
+ *
+ * Optional. Import once in your app entry:
+ *   import "markgraphy/themes.css";
+ *
+ * Without it, every component falls back to the dark values below.
+ * Override any token on an ancestor of your graphs:
+ *   .docs { --graph-accent: oklch(0.72 0.14 255); }
+ *
+ * Tokens: --graph-font, --graph-background, --graph-foreground,
+ * --graph-accent, --graph-accent-2, --graph-accent-3,
+ * --graph-frame, --graph-framer, --graph-muted, --graph-faint
+ */
+
+:root,
+[data-graph-theme='dark'] {
+	--graph-font: 'Google Sans Code', ui-monospace, monospace;
+	--graph-background: #101010;
+	--graph-foreground: #f1f1f1;
+	--graph-accent: #ff3e00;
+	--graph-accent-2: #e08a48;
+	--graph-accent-3: #0046e9;
+	--graph-frame: #373737;
+	--graph-framer: var(--graph-frame) 0 4px, transparent 4px 8px;
+	--graph-muted: #878787;
+	--graph-faint: #474747;
+}
+
+[data-graph-theme='light'] {
+	--graph-background: oklch(1 0 0);
+	--graph-foreground: oklch(0.16 0 0);
+	--graph-accent: oklch(0.6 0.22 35);
+	--graph-accent-2: oklch(0.58 0.14 70);
+	--graph-accent-3: oklch(0.5 0.16 262);
+	--graph-frame: oklch(0.205 0 0 / 0.28);
+	--graph-framer: var(--graph-frame) 0 4px, transparent 4px 8px;
+	--graph-muted: oklch(0.45 0 0);
+	--graph-faint: oklch(0.85 0 0);
+}
+
+@media (prefers-color-scheme: light) {
+	:root:not([data-graph-theme='dark']) {
+		--graph-background: oklch(1 0 0);
+		--graph-foreground: oklch(0.16 0 0);
+		--graph-accent: oklch(0.6 0.22 35);
+		--graph-accent-2: oklch(0.58 0.14 70);
+		--graph-accent-3: oklch(0.5 0.16 262);
+		--graph-frame: oklch(0.205 0 0 / 0.28);
+		--graph-framer: var(--graph-frame) 0 4px, transparent 4px 8px;
+		--graph-muted: oklch(0.45 0 0);
+		--graph-faint: oklch(0.85 0 0);
+	}
+}

package/package.json

@@ -0,0 +1,67 @@
+{
+	"name": "markgraphy",
+	"version": "0.1.1",
+	"description": "ASCII-framed Svelte graphs for markdown. Glyphs in a dashed frame with + corners and a [ TITLE ] on the top edge. Zero dependencies.",
+	"license": "MIT",
+	"type": "module",
+	"private": false,
+	"scripts": {
+		"dev": "vite dev --port 5174",
+		"build": "vite build",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"package": "svelte-kit sync && svelte-package",
+		"package:watch": "svelte-kit sync && svelte-package -w",
+		"prepack": "npm run package"
+	},
+	"main": "./dist/index.js",
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js",
+			"import": "./dist/index.js",
+			"default": "./dist/index.js"
+		},
+		"./themes.css": "./dist/themes.css",
+		"./package.json": "./package.json"
+	},
+	"sideEffects": [
+		"**/*.svelte",
+		"**/*.css"
+	],
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-vercel": "^6.3.4",
+		"@sveltejs/kit": "^2.63.0",
+		"@sveltejs/package": "^2.5.8",
+		"@sveltejs/vite-plugin-svelte": "^7.1.2",
+		"mdsvex": "^0.12.8",
+		"sass": "^1.103.1",
+		"shiki": "4.4.3",
+		"svelte": "^5.56.1",
+		"svelte-check": "^4.6.0",
+		"typescript": "^6.0.3",
+		"vite": "^8.0.16"
+	},
+	"keywords": [
+		"svelte",
+		"ascii",
+		"graphs",
+		"charts",
+		"monospace",
+		"markdown",
+		"mdsvex",
+		"dataviz"
+	]
+}