svelte-docsmith 0.13.1 → 0.14.0

package/README.md

@@ -42,50 +42,54 @@ To add DocSmith to an existing SvelteKit app, install the package instead:
 npm install svelte-docsmith
 ```
 
-Peer dependencies: Svelte 5, SvelteKit 2, and Tailwind v4, set up the standard
-way in your app.
+Peer dependencies: Svelte 5, SvelteKit 2 or 3, and Tailwind v4, set up the
+standard way in your app.
 
 ## Setup
 
-Three small pieces, once.
+Two small pieces, once.
 
-**1. The markdown pipeline.** In `svelte.config.js`, one call bundles mdsvex,
-Shiki highlighting (dual light/dark themes, a generous language set, plain-text
-fallback for unknown languages), heading anchors, and the packaged page layout:
+**1. Vite.** Everything goes in `vite.config.ts`. DocSmith has two halves, both
+called `docsmith()`:
 
-```js
-// svelte.config.js
-import adapter from '@sveltejs/adapter-auto';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-import { docsmith } from 'svelte-docsmith/preprocess';
-
-export default {
-	extensions: ['.svelte', '.md'],
-	preprocess: [vitePreprocess(), docsmith()],
-	kit: { adapter: adapter() }
-};
-```
-
-**2. The Vite plugin.** In `vite.config.ts`, it scans your doc pages' frontmatter
-into the `svelte-docsmith/content` module (so the sidebar is derived from
-content, never hand-written), builds the search index, and powers `LiveExample`:
+- The **Vite plugin** (`svelte-docsmith/vite`) scans your doc pages' frontmatter
+  into the `svelte-docsmith/content` module (so the sidebar is derived from
+  content, never hand-written), builds the search index, and powers
+  `LiveExample`. It goes before `sveltekit()`.
+- The **markdown pipeline** (`svelte-docsmith/preprocess`) bundles mdsvex, Shiki
+  highlighting (dual light/dark themes, a generous language set, plain-text
+  fallback for unknown languages), heading anchors, and the packaged page layout.
 
 ```ts
 // vite.config.ts
+import adapter from '@sveltejs/adapter-auto';
 import { sveltekit } from '@sveltejs/kit/vite';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 import tailwindcss from '@tailwindcss/vite';
 import { docsmith } from 'svelte-docsmith/vite';
+import { docsmith as markdown } from 'svelte-docsmith/preprocess';
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-	plugins: [docsmith(), tailwindcss(), sveltekit()]
+	plugins: [
+		docsmith(),
+		tailwindcss(),
+		sveltekit({
+			extensions: ['.svelte', '.md'],
+			preprocess: [vitePreprocess(), markdown()],
+			adapter: adapter()
+		})
+	]
 });
 ```
 
+On SvelteKit 2, `extensions` and `preprocess` go in `svelte.config.js` instead,
+and `sveltekit()` takes no options.
+
 By default it scans `src/routes/docs`; pass `docsmith({ content: 'src/routes/guide' })`
 to point elsewhere.
 
-**3. The stylesheet.** In your root `app.css`, once Tailwind v4 is set up the
+**2. The stylesheet.** In your root `app.css`, once Tailwind v4 is set up the
 standard way (`tailwindcss` + the `@tailwindcss/vite` plugin, stylesheet imported
 in the root layout), the whole style contract is one import:
 
@@ -157,8 +161,8 @@ plugin you already added:
 ```svelte
 <script>
 	import { LiveExample } from 'svelte-docsmith';
-	import Counter from '$lib/examples/counter.svelte';
-	import counterSource from '$lib/examples/counter.svelte?source';
+	import Counter from '#lib/examples/counter.svelte';
+	import counterSource from '#lib/examples/counter.svelte?source';
 </script>
 
 <LiveExample source={counterSource}>

package/dist/buildtime/archive.d.ts

@@ -37,9 +37,10 @@ export declare function freezeLastUpdated(text: string, date: string | undefined
  * Archiving copies the docs root and nothing else, so anything reached from
  * outside it keeps resolving to current code: a live example on an archived
  * page demonstrates the current library rather than the version the page
- * documents, with a green build and nothing said. Hence `$lib`, bare npm
- * specifiers and relative paths that climb out all count, while a relative
- * import landing inside the docs root is frozen along with the page.
+ * documents, with a green build and nothing said. Hence `$lib` (Kit 2), `#lib`
+ * (Kit 3), bare npm specifiers and relative paths that climb out all count,
+ * while a relative import landing inside the docs root is frozen along with
+ * the page.
  *
  * `svelte-docsmith` itself is never reported. An archived page importing the
  * authoring components is the expected shape, and those are covered by the

package/dist/buildtime/archive.js

@@ -85,9 +85,10 @@ function escapesRoot(specifier, depth) {
  * Archiving copies the docs root and nothing else, so anything reached from
  * outside it keeps resolving to current code: a live example on an archived
  * page demonstrates the current library rather than the version the page
- * documents, with a green build and nothing said. Hence `$lib`, bare npm
- * specifiers and relative paths that climb out all count, while a relative
- * import landing inside the docs root is frozen along with the page.
+ * documents, with a green build and nothing said. Hence `$lib` (Kit 2), `#lib`
+ * (Kit 3), bare npm specifiers and relative paths that climb out all count,
+ * while a relative import landing inside the docs root is frozen along with
+ * the page.
  *
  * `svelte-docsmith` itself is never reported. An archived page importing the
  * authoring components is the expected shape, and those are covered by the

package/dist/buildtime/markdown-layout.svelte.d.ts

@@ -7,8 +7,8 @@ export declare const pre: import("svelte").Component<{
 export declare const code: import("svelte").Component<{
     children: Snippet;
 }, {}, "">;
-export declare const h2: import("svelte").Component<import("../components/markdown/types.js").HeadingProps, {}, "">;
-export declare const h3: import("svelte").Component<import("../components/markdown/types.js").HeadingProps, {}, "">;
+export declare const h2: import("svelte").Component<import("../components/markdown/types.ts").HeadingProps, {}, "">;
+export declare const h3: import("svelte").Component<import("../components/markdown/types.ts").HeadingProps, {}, "">;
 export declare const table: import("svelte").Component<{
     children: Snippet;
 }, {}, "">;

package/dist/buildtime/vite/frontmatter.js

@@ -1,4 +1,4 @@
-import yaml from 'js-yaml';
+import { load as loadYaml } from 'js-yaml';
 import { splitFrontmatter } from '../markdown-source.js';
 /**
  * Parse a page's leading YAML frontmatter block into a plain object. Returns an
@@ -11,11 +11,13 @@ export function parseFrontmatter(source, file) {
         return {};
     let data;
     try {
-        data = yaml.load(frontmatter);
+        data = loadYaml(frontmatter);
     }
     catch (err) {
         const reason = err instanceof Error ? err.message : String(err);
-        throw new Error(`[svelte-docsmith] invalid YAML frontmatter in ${file}\n${reason}`);
+        throw new Error(`[svelte-docsmith] invalid YAML frontmatter in ${file}\n${reason}`, {
+            cause: err
+        });
     }
     return data && typeof data === 'object' ? data : {};
 }

package/dist/components/chrome/search-trigger.svelte

@@ -7,6 +7,7 @@
 	const search = useSearch();
 
 	// Resolve the modifier label client-side so SSR stays platform-neutral.
+	// eslint-disable-next-line svelte/prefer-writable-derived
 	let isMac = $state(false);
 	$effect(() => {
 		isMac = navigator.platform.toLowerCase().includes('mac');

package/dist/components/docs/badge.svelte

@@ -1,12 +1,6 @@
 <script lang="ts" module>
 	export type BadgeVariant =
-		| 'default'
-		| 'primary'
-		| 'secondary'
-		| 'success'
-		| 'warning'
-		| 'danger'
-		| 'outline';
+		'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'outline';
 </script>
 
 <script lang="ts">

package/dist/components/layouts/copy-page-menu.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { browser } from '$app/environment';
+	import { BROWSER } from 'esm-env';
 	import { Button } from '../shadcn/button/index.js';
 	import * as DropdownMenu from '../shadcn/dropdown-menu/index.js';
 	import Check from '@lucide/svelte/icons/check';
@@ -24,7 +24,7 @@
 	const mdHref = $derived(`${path}.md`);
 	// Before hydration with no configured origin there is nothing to prefix, and
 	// `join` leaves the link site-relative rather than mangling it.
-	const absoluteMd = $derived(join(origin || (browser ? location.origin : ''), mdHref));
+	const absoluteMd = $derived(join(origin || (BROWSER ? location.origin : ''), mdHref));
 	const prompt = $derived(`Read ${absoluteMd} so I can ask questions about this page.`);
 	const chatgptHref = $derived(`https://chatgpt.com/?hints=search&q=${encodeURIComponent(prompt)}`);
 	const claudeHref = $derived(`https://claude.ai/new?q=${encodeURIComponent(prompt)}`);

package/dist/components/shadcn/badge/badge.svelte.d.ts

@@ -1,5 +1,5 @@
 import { type VariantProps } from 'tailwind-variants';
-export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
+export declare const badgeVariants: import("tailwind-variants/dist/types-BNulpdf_.cjs").s<{
     variant: {
         default: string;
         secondary: string;
@@ -8,25 +8,7 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         ghost: string;
         link: string;
     };
-}, undefined, "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap transition-colors focus-visible:ring-[3px] [&>svg]:pointer-events-none", {
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        ghost: string;
-        link: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-        ghost: string;
-        link: string;
-    };
-}, undefined, "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap transition-colors focus-visible:ring-[3px] [&>svg]:pointer-events-none", unknown, unknown, undefined>>;
+}, undefined, "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap transition-colors focus-visible:ring-[3px] [&>svg]:pointer-events-none", undefined, undefined, undefined>;
 export type BadgeVariant = VariantProps<typeof badgeVariants>['variant'];
 import type { HTMLAnchorAttributes } from 'svelte/elements';
 import { type WithElementRef } from '../../../utils/cn.js';

package/dist/components/shadcn/button/button.svelte.d.ts

@@ -1,7 +1,7 @@
 import { type WithElementRef } from '../../../utils/cn.js';
 import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
 import { type VariantProps } from 'tailwind-variants';
-export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
+export declare const buttonVariants: import("tailwind-variants/dist/types-BNulpdf_.cjs").s<{
     variant: {
         default: string;
         outline: string;
@@ -20,45 +20,7 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         'icon-sm': string;
         'icon-lg': string;
     };
-}, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
-    variant: {
-        default: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        destructive: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        xs: string;
-        sm: string;
-        lg: string;
-        icon: string;
-        'icon-xs': string;
-        'icon-sm': string;
-        'icon-lg': string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        destructive: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        xs: string;
-        sm: string;
-        lg: string;
-        icon: string;
-        'icon-xs': string;
-        'icon-sm': string;
-        'icon-lg': string;
-    };
-}, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
+}, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", undefined, undefined, undefined>;
 export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
 export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
 export type ButtonProps = WithElementRef<HTMLButtonAttributes> & WithElementRef<HTMLAnchorAttributes> & {

package/dist/components/shadcn/input-group/input-group-addon.svelte.d.ts

@@ -1,26 +1,12 @@
 import { type VariantProps } from 'tailwind-variants';
-export declare const inputGroupAddonVariants: import("tailwind-variants").TVReturnType<{
+export declare const inputGroupAddonVariants: import("tailwind-variants/dist/types-BNulpdf_.cjs").s<{
     align: {
         'inline-start': string;
         'inline-end': string;
         'block-start': string;
         'block-end': string;
     };
-}, undefined, "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none", {
-    align: {
-        'inline-start': string;
-        'inline-end': string;
-        'block-start': string;
-        'block-end': string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    align: {
-        'inline-start': string;
-        'inline-end': string;
-        'block-start': string;
-        'block-end': string;
-    };
-}, undefined, "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none", unknown, unknown, undefined>>;
+}, undefined, "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none", undefined, undefined, undefined>;
 export type InputGroupAddonAlign = VariantProps<typeof inputGroupAddonVariants>['align'];
 import { type WithElementRef } from '../../../utils/cn.js';
 import type { HTMLAttributes } from 'svelte/elements';

package/dist/components/shadcn/input-group/input-group-button.svelte.d.ts

@@ -1,26 +1,12 @@
 import { type VariantProps } from 'tailwind-variants';
-declare const inputGroupButtonVariants: import("tailwind-variants").TVReturnType<{
+declare const inputGroupButtonVariants: import("tailwind-variants/dist/types-BNulpdf_.cjs").s<{
     size: {
         xs: string;
         sm: string;
         'icon-xs': string;
         'icon-sm': string;
     };
-}, undefined, "gap-2 text-sm flex items-center shadow-none", {
-    size: {
-        xs: string;
-        sm: string;
-        'icon-xs': string;
-        'icon-sm': string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    size: {
-        xs: string;
-        sm: string;
-        'icon-xs': string;
-        'icon-sm': string;
-    };
-}, undefined, "gap-2 text-sm flex items-center shadow-none", unknown, unknown, undefined>>;
+}, undefined, "gap-2 text-sm flex items-center shadow-none", undefined, undefined, undefined>;
 export type InputGroupButtonSize = VariantProps<typeof inputGroupButtonVariants>['size'];
 import type { ComponentProps } from 'svelte';
 import { Button } from '../button/index.js';

package/dist/components/shadcn/input-group/input-group-input.svelte.d.ts

@@ -2,7 +2,7 @@ declare const InputGroupInput: import("svelte").Component<(Omit<import("svelte/e
     type: "file";
     files?: FileList;
 } | {
-    type?: "number" | "url" | "button" | "search" | "time" | "image" | "text" | "hidden" | "color" | "submit" | "reset" | "checkbox" | "radio" | (string & {}) | "tel" | "email" | "date" | "datetime-local" | "month" | "password" | "range" | "week";
+    type?: "number" | "hidden" | "color" | "submit" | "reset" | "button" | "search" | "checkbox" | "radio" | (string & {}) | "text" | "tel" | "url" | "email" | "date" | "datetime-local" | "image" | "month" | "password" | "range" | "time" | "week";
     files?: undefined;
 })) & {
     ref?: HTMLElement | null | undefined;

package/dist/components/shadcn/tabs/tabs-list.svelte.d.ts

@@ -1,20 +1,10 @@
 import { type VariantProps } from 'tailwind-variants';
-export declare const tabsListVariants: import("tailwind-variants").TVReturnType<{
+export declare const tabsListVariants: import("tailwind-variants/dist/types-BNulpdf_.cjs").s<{
     variant: {
         default: string;
         line: string;
     };
-}, undefined, "rounded-lg p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
-    variant: {
-        default: string;
-        line: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        line: string;
-    };
-}, undefined, "rounded-lg p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", unknown, unknown, undefined>>;
+}, undefined, "rounded-lg p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", undefined, undefined, undefined>;
 export type TabsListVariant = VariantProps<typeof tabsListVariants>['variant'];
 import { Tabs as TabsPrimitive } from 'bits-ui';
 type $$ComponentProps = TabsPrimitive.ListProps & {

package/dist/components/shadcn/textarea/textarea.svelte

@@ -19,5 +19,4 @@
 		className
 	)}
 	bind:value
-	{...restProps}
-></textarea>
+	{...restProps}></textarea>

package/dist/core/version.js

@@ -63,7 +63,7 @@ export function checkVersions(versions, disk, markerName) {
             assertValidVersionId(version?.id);
         }
         catch (error) {
-            throw new Error(`[svelte-docsmith] ${error.message}`);
+            throw new Error(`[svelte-docsmith] ${error.message}`, { cause: error });
         }
     }
     const seen = new Set();

package/dist/toc/toc.svelte.js

@@ -34,6 +34,8 @@ export function createToc(contentFn) {
         const headings = headingItems
             .map((item) => el.querySelector(`#${CSS.escape(item.id)}`))
             .filter((node) => node !== null);
+        // Plain Set on purpose: it's scratch state read only inside recompute(), never rendered.
+        // eslint-disable-next-line svelte/prefer-svelte-reactivity
         const visible = new Set();
         function recompute() {
             // The first heading (in document order) inside the active band wins.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-docsmith",
-  "version": "0.13.1",
+  "version": "0.14.0",
   "description": "A framework for building beautiful documentation sites with Svelte.",
   "author": {
     "name": "George Daskalakis",
@@ -70,8 +70,8 @@
   },
   "license": "MIT",
   "peerDependencies": {
-    "@sveltejs/kit": "^2.16.0",
-    "mermaid": "^10.0.0 || ^11.0.0",
+    "@sveltejs/kit": "^2.16.0 || ^3.0.0",
+    "mermaid": "^10.0.0 || ^11.0.0 || ^12.0.0",
     "svelte": "^5.0.0",
     "tailwindcss": "^4.0.0"
   },
@@ -81,51 +81,50 @@
     }
   },
   "devDependencies": {
-    "@internationalized/date": "^3.12.2",
-    "@shikijs/twoslash": "3.23.0",
-    "@sveltejs/adapter-auto": "^7.0.1",
-    "@sveltejs/adapter-vercel": "^6.3.4",
-    "@sveltejs/kit": "^2.69.1",
-    "@sveltejs/package": "^2.5.8",
-    "@sveltejs/vite-plugin-svelte": "^7.1.2",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/svelte": "^5.2.4",
-    "@types/js-yaml": "^4.0.9",
-    "@types/node": "^22",
-    "@vitest/coverage-v8": "4.1.9",
-    "jsdom": "^26.0.0",
-    "mermaid": "^11.16.0",
-    "publint": "^0.3.2",
-    "shadcn-svelte": "^1.3.0",
-    "svelte": "^5.56.4",
-    "svelte-check": "^4.7.1",
-    "tailwindcss": "^4.3.2",
+    "@internationalized/date": "^3.12.4",
+    "@shikijs/twoslash": "4.6.0",
+    "@sveltejs/adapter-auto": "^8.0.0",
+    "@sveltejs/adapter-vercel": "^7.0.0",
+    "@sveltejs/kit": "^3.0.0",
+    "@sveltejs/package": "^3.0.0",
+    "@sveltejs/vite-plugin-svelte": "^7.3.1",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/svelte": "^5.4.2",
+    "@types/node": "^22.20.5",
+    "@vitest/coverage-v8": "5.1.0",
+    "jsdom": "^31.0.0",
+    "mermaid": "^12.3.0",
+    "publint": "^0.3.25",
+    "shadcn-svelte": "^1.8.0",
+    "svelte": "^5.57.3",
+    "svelte-check": "^4.7.8",
+    "tailwindcss": "^4.3.4",
     "twoslash-svelte": "0.3.9",
-    "typescript": "^5.8.3",
-    "vite": "^8.1.3",
-    "vitest": "^4.1.9"
+    "typescript": "^6.0.3",
+    "vite": "^8.3.6",
+    "vitest": "^5.1.0"
   },
   "dependencies": {
-    "@fontsource-variable/inter": "^5.2.8",
-    "@fontsource-variable/source-serif-4": "^5.3.0",
+    "@fontsource-variable/inter": "^5.3.0",
+    "@fontsource-variable/source-serif-4": "^5.3.1",
     "@fontsource/jetbrains-mono": "^5.3.0",
     "@hbsnow/rehype-sectionize": "^1.0.7",
-    "@lucide/svelte": "^1.24.0",
-    "@shikijs/transformers": "^3.3.0",
-    "@tailwindcss/typography": "^0.5.16",
-    "bits-ui": "^2.18.1",
+    "@lucide/svelte": "^1.70.0",
+    "@shikijs/transformers": "^4.6.0",
+    "@tailwindcss/typography": "^0.5.20",
+    "bits-ui": "^2.20.6",
     "clsx": "^2.1.1",
     "esm-env": "^1.2.2",
     "flexsearch": "^0.8.212",
     "github-slugger": "^2.0.0",
-    "js-yaml": "^4.1.0",
-    "marked": "^18.0.6",
-    "mdsvex": "^0.12.3",
-    "mode-watcher": "^1.0.2",
+    "js-yaml": "^5.5.0",
+    "marked": "^18.1.3",
+    "mdsvex": "^0.12.8",
+    "mode-watcher": "^1.1.0",
     "rehype-slug": "^6.0.0",
-    "shiki": "^3.2.2",
-    "tailwind-merge": "^3.6.0",
-    "tailwind-variants": "^3.2.2",
+    "shiki": "^4.6.0",
+    "tailwind-merge": "^3.7.0",
+    "tailwind-variants": "^4.0.1",
     "tw-animate-css": "^1.4.0"
   },
   "keywords": [
@@ -142,6 +141,10 @@
     "ui",
     "components"
   ],
+  "imports": {
+    "#lib": "./src/lib/index.js",
+    "#lib/*": "./src/lib/*"
+  },
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run prepack",