@heyramzi/ui 2.11.1 → 2.11.2

package/dist/shadcn/bubble/index.js

@@ -2,4 +2,6 @@ import Content from "../../../src/shadcn/bubble/bubble-content.svelte";
 import Group from "../../../src/shadcn/bubble/bubble-group.svelte";
 import Reactions, { bubbleReactionsVariants } from "../../../src/shadcn/bubble/bubble-reactions.svelte";
 import Root, { bubbleVariants } from "../../../src/shadcn/bubble/bubble.svelte";
-export { Root, Group, Content, Reactions, bubbleVariants, bubbleReactionsVariants, Root as Bubble, Group as BubbleGroup, Content as BubbleContent, Reactions as BubbleReactions };
+export { Root, Group, Content, Reactions, bubbleVariants, bubbleReactionsVariants, 
+//
+ Root as Bubble, Group as BubbleGroup, Content as BubbleContent, Reactions as BubbleReactions };

package/dist/shadcn/button/index.js

@@ -1,2 +1,4 @@
 import Root, { buttonVariants } from "../../../src/shadcn/button/button.svelte";
-export { Root, Root as Button, buttonVariants };
+export { Root, 
+//
+ Root as Button, buttonVariants };

package/dist/shadcn/calendar/index.js

@@ -16,4 +16,6 @@ import YearSelect from "../../../src/shadcn/calendar/calendar-year-select.svelte
 import Month from "../../../src/shadcn/calendar/calendar-month.svelte";
 import Nav from "../../../src/shadcn/calendar/calendar-nav.svelte";
 import Caption from "../../../src/shadcn/calendar/calendar-caption.svelte";
-export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, Nav, Month, YearSelect, MonthSelect, Caption, Root as Calendar };
+export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, Nav, Month, YearSelect, MonthSelect, Caption, 
+//
+ Root as Calendar };

package/dist/shadcn/card/index.js

@@ -5,4 +5,6 @@ import Footer from "../../../src/shadcn/card/card-footer.svelte";
 import Header from "../../../src/shadcn/card/card-header.svelte";
 import Title from "../../../src/shadcn/card/card-title.svelte";
 import Action from "../../../src/shadcn/card/card-action.svelte";
-export { Root, Content, Description, Footer, Header, Title, Action, Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, Action as CardAction };
+export { Root, Content, Description, Footer, Header, Title, Action, 
+//
+ Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, Action as CardAction };

package/dist/shadcn/checkbox/index.js

@@ -1,2 +1,4 @@
 import Root from "../../../src/shadcn/checkbox/checkbox.svelte";
-export { Root, Root as Checkbox };
+export { Root, 
+//
+ Root as Checkbox };

package/dist/shadcn/code-block/index.js

@@ -6,4 +6,6 @@ import Header from "../../../src/shadcn/code-block/code-block-header.svelte";
 import Title from "../../../src/shadcn/code-block/code-block-title.svelte";
 import Line, { codeBlockLineVariants } from "../../../src/shadcn/code-block/code-block-line.svelte";
 import Root, { codeBlockVariants } from "../../../src/shadcn/code-block/code-block.svelte";
-export { Root, Header, Title, Actions, CopyButton, Content, Line, Footer, codeBlockVariants, codeBlockLineVariants, Root as CodeBlock, Header as CodeBlockHeader, Title as CodeBlockTitle, Actions as CodeBlockActions, CopyButton as CodeBlockCopyButton, Content as CodeBlockContent, Line as CodeBlockLine, Footer as CodeBlockFooter };
+export { Root, Header, Title, Actions, CopyButton, Content, Line, Footer, codeBlockVariants, codeBlockLineVariants, 
+//
+ Root as CodeBlock, Header as CodeBlockHeader, Title as CodeBlockTitle, Actions as CodeBlockActions, CopyButton as CodeBlockCopyButton, Content as CodeBlockContent, Line as CodeBlockLine, Footer as CodeBlockFooter };

package/dist/shadcn/collapsible/index.js

@@ -1,4 +1,6 @@
 import Root from "../../../src/shadcn/collapsible/collapsible.svelte";
 import Trigger from "../../../src/shadcn/collapsible/collapsible-trigger.svelte";
 import Content from "../../../src/shadcn/collapsible/collapsible-content.svelte";
-export { Root, Content, Trigger, Root as Collapsible, Content as CollapsibleContent, Trigger as CollapsibleTrigger };
+export { Root, Content, Trigger, 
+//
+ Root as Collapsible, Content as CollapsibleContent, Trigger as CollapsibleTrigger };

package/dist/shadcn/command/index.js

@@ -10,4 +10,7 @@ import List from "../../../src/shadcn/command/command-list.svelte";
 import Separator from "../../../src/shadcn/command/command-separator.svelte";
 import Shortcut from "../../../src/shadcn/command/command-shortcut.svelte";
 import LinkItem from "../../../src/shadcn/command/command-link-item.svelte";
-export { computeCommandScore, Root, Dialog, Empty, Group, Item, LinkItem, Input, List, Separator, Shortcut, Loading, Root as Command, Dialog as CommandDialog, Empty as CommandEmpty, Group as CommandGroup, Item as CommandItem, LinkItem as CommandLinkItem, Input as CommandInput, List as CommandList, Separator as CommandSeparator, Shortcut as CommandShortcut, Loading as CommandLoading };
+// The scorer Command uses by default, for a custom `filter` that wants to rank its own words.
+export { computeCommandScore, Root, Dialog, Empty, Group, Item, LinkItem, Input, List, Separator, Shortcut, Loading, 
+//
+ Root as Command, Dialog as CommandDialog, Empty as CommandEmpty, Group as CommandGroup, Item as CommandItem, LinkItem as CommandLinkItem, Input as CommandInput, List as CommandList, Separator as CommandSeparator, Shortcut as CommandShortcut, Loading as CommandLoading };

package/dist/shadcn/context-menu/index.js

@@ -14,4 +14,6 @@ import SubContent from "../../../src/shadcn/context-menu/context-menu-sub-conten
 import SubTrigger from "../../../src/shadcn/context-menu/context-menu-sub-trigger.svelte";
 import CheckboxItem from "../../../src/shadcn/context-menu/context-menu-checkbox-item.svelte";
 import Label from "../../../src/shadcn/context-menu/context-menu-label.svelte";
-export { Root, Sub, Portal, Item, GroupHeading, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem, Root as ContextMenu, Sub as ContextMenuSub, Portal as ContextMenuPortal, Item as ContextMenuItem, GroupHeading as ContextMenuGroupHeading, Group as ContextMenuGroup, Content as ContextMenuContent, Trigger as ContextMenuTrigger, Shortcut as ContextMenuShortcut, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, RadioGroup as ContextMenuRadioGroup, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, CheckboxItem as ContextMenuCheckboxItem, Label as ContextMenuLabel };
+export { Root, Sub, Portal, Item, GroupHeading, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem, 
+//
+ Root as ContextMenu, Sub as ContextMenuSub, Portal as ContextMenuPortal, Item as ContextMenuItem, GroupHeading as ContextMenuGroupHeading, Group as ContextMenuGroup, Content as ContextMenuContent, Trigger as ContextMenuTrigger, Shortcut as ContextMenuShortcut, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, RadioGroup as ContextMenuRadioGroup, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, CheckboxItem as ContextMenuCheckboxItem, Label as ContextMenuLabel };

package/dist/shadcn/dialog/index.js

@@ -8,4 +8,6 @@ import Content from "../../../src/shadcn/dialog/dialog-content.svelte";
 import Description from "../../../src/shadcn/dialog/dialog-description.svelte";
 import Trigger from "../../../src/shadcn/dialog/dialog-trigger.svelte";
 import Close from "../../../src/shadcn/dialog/dialog-close.svelte";
-export { Root, Title, Portal, Footer, Header, Trigger, Overlay, Content, Description, Close, Root as Dialog, Title as DialogTitle, Portal as DialogPortal, Footer as DialogFooter, Header as DialogHeader, Trigger as DialogTrigger, Overlay as DialogOverlay, Content as DialogContent, Description as DialogDescription, Close as DialogClose };
+export { Root, Title, Portal, Footer, Header, Trigger, Overlay, Content, Description, Close, 
+//
+ Root as Dialog, Title as DialogTitle, Portal as DialogPortal, Footer as DialogFooter, Header as DialogHeader, Trigger as DialogTrigger, Overlay as DialogOverlay, Content as DialogContent, Description as DialogDescription, Close as DialogClose };

package/dist/shadcn/dropdown-menu/menu-item.js

@@ -1,23 +1,43 @@
 import { tv } from "tailwind-variants";
+/**
+* The one row a menu is built from.
+*/
+/*
+* WHY it is a recipe and not only a component: `DropdownMenu.Item` needs a `DropdownMenu.Root` above it, and the diagram canvas has no trigger element to hang one on.
+*/
+/*
+* It opens its own panel at the pointer, so it drew its own rows: fifteen of them in `diagram-context-menu.svelte`, in four widths of gap and two paddings,
+*/
+/*
+* none of which could follow a change to the set.
+*/
+/*
+* WHY both `hover:` and `focus:`: bits-ui moves a `data-highlighted` focus ring with the keyboard and never fires hover, while a hand-rolled panel has only the pointer.
+*/
+/*
+* A row has to look the same either way, so it answers to both.
+*/
 export const menuItemClass = tv({
-    base: "relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-disabled:pointer-events-none data-disabled:opacity-50 disabled:pointer-events-none disabled:opacity-50",
-    variants: {
-        variant: {
-            default: "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground",
-            destructive: "text-destructive *:[svg]:text-destructive hover:bg-destructive/10 focus:bg-destructive/10 focus:text-destructive dark:hover:bg-destructive/20 dark:focus:bg-destructive/20"
-        },
-        inset: {
-            true: "pl-7",
-            false: ""
-        },
-        block: {
-            true: "w-full",
-            false: ""
-        }
-    },
-    defaultVariants: {
-        variant: "default",
-        inset: false,
-        block: false
-    }
+	base: "relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-disabled:pointer-events-none data-disabled:opacity-50 disabled:pointer-events-none disabled:opacity-50",
+	variants: {
+		variant: {
+			default: "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground",
+			destructive: "text-destructive *:[svg]:text-destructive hover:bg-destructive/10 focus:bg-destructive/10 focus:text-destructive dark:hover:bg-destructive/20 dark:focus:bg-destructive/20"
+		},
+		/** A row in a set where a sibling carries a leading mark. */
+		inset: {
+			true: "pl-7",
+			false: ""
+		},
+		/** Panels that fill their width: a canvas menu, a picker column. */
+		block: {
+			true: "w-full",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		inset: false,
+		block: false
+	}
 });

package/dist/shadcn/empty/index.js

@@ -4,4 +4,6 @@ import Media from "../../../src/shadcn/empty/empty-media.svelte";
 import Title from "../../../src/shadcn/empty/empty-title.svelte";
 import Description from "../../../src/shadcn/empty/empty-description.svelte";
 import Content from "../../../src/shadcn/empty/empty-content.svelte";
-export { Root, Header, Media, Title, Description, Content, Root as Empty, Header as EmptyHeader, Media as EmptyMedia, Title as EmptyTitle, Description as EmptyDescription, Content as EmptyContent };
+export { Root, Header, Media, Title, Description, Content, 
+//
+ Root as Empty, Header as EmptyHeader, Media as EmptyMedia, Title as EmptyTitle, Description as EmptyDescription, Content as EmptyContent };

package/dist/shadcn/field/index.js

@@ -9,4 +9,6 @@ import Description from "../../../src/shadcn/field/field-description.svelte";
 import Separator from "../../../src/shadcn/field/field-separator.svelte";
 import Error from "../../../src/shadcn/field/field-error.svelte";
 import Simple from "../../../src/shadcn/field/simple-field.svelte";
-export { Field, Set, Legend, Group, Content, Label, Title, Description, Separator, Error, Simple, Set as FieldSet, Legend as FieldLegend, Group as FieldGroup, Content as FieldContent, Label as FieldLabel, Title as FieldTitle, Description as FieldDescription, Separator as FieldSeparator, Error as FieldError, Simple as SimpleField };
+export { Field, Set, Legend, Group, Content, Label, Title, Description, Separator, Error, Simple, 
+//
+ Set as FieldSet, Legend as FieldLegend, Group as FieldGroup, Content as FieldContent, Label as FieldLabel, Title as FieldTitle, Description as FieldDescription, Separator as FieldSeparator, Error as FieldError, Simple as SimpleField };

package/dist/shadcn/hooks/highlighter.js

@@ -1,92 +1,94 @@
 import { createHighlighterCore } from "shiki/core";
 import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
+// Add the languages you need. Each one loads the first time it is used.
 const languages = {
-    bash: ()=>import("shiki/langs/shellscript.mjs"),
-    css: ()=>import("shiki/langs/css.mjs"),
-    diff: ()=>import("shiki/langs/diff.mjs"),
-    html: ()=>import("shiki/langs/html.mjs"),
-    javascript: ()=>import("shiki/langs/javascript.mjs"),
-    json: ()=>import("shiki/langs/json.mjs"),
-    jsx: ()=>import("shiki/langs/jsx.mjs"),
-    markdown: ()=>import("shiki/langs/markdown.mjs"),
-    python: ()=>import("shiki/langs/python.mjs"),
-    sql: ()=>import("shiki/langs/sql.mjs"),
-    svelte: ()=>import("shiki/langs/svelte.mjs"),
-    tsx: ()=>import("shiki/langs/tsx.mjs"),
-    typescript: ()=>import("shiki/langs/typescript.mjs"),
-    yaml: ()=>import("shiki/langs/yaml.mjs")
+	bash: () => import("shiki/langs/shellscript.mjs"),
+	css: () => import("shiki/langs/css.mjs"),
+	diff: () => import("shiki/langs/diff.mjs"),
+	html: () => import("shiki/langs/html.mjs"),
+	javascript: () => import("shiki/langs/javascript.mjs"),
+	json: () => import("shiki/langs/json.mjs"),
+	jsx: () => import("shiki/langs/jsx.mjs"),
+	markdown: () => import("shiki/langs/markdown.mjs"),
+	python: () => import("shiki/langs/python.mjs"),
+	sql: () => import("shiki/langs/sql.mjs"),
+	svelte: () => import("shiki/langs/svelte.mjs"),
+	tsx: () => import("shiki/langs/tsx.mjs"),
+	typescript: () => import("shiki/langs/typescript.mjs"),
+	yaml: () => import("shiki/langs/yaml.mjs")
 };
 const aliases = {
-    js: "javascript",
-    md: "markdown",
-    py: "python",
-    sh: "bash",
-    shell: "bash",
-    shellscript: "bash",
-    ts: "typescript",
-    yml: "yaml",
-    zsh: "bash"
+	js: "javascript",
+	md: "markdown",
+	py: "python",
+	sh: "bash",
+	shell: "bash",
+	shellscript: "bash",
+	ts: "typescript",
+	yml: "yaml",
+	zsh: "bash"
 };
 let highlighter;
 function getHighlighter() {
-    highlighter ??= createHighlighterCore({
-        themes: [
-            import("shiki/themes/github-light.mjs"),
-            import("shiki/themes/github-dark.mjs")
-        ],
-        langs: [],
-        engine: createJavaScriptRegexEngine({
-            forgiving: true
-        })
-    });
-    return highlighter;
+	highlighter ??= createHighlighterCore({
+		themes: [import("shiki/themes/github-light.mjs"), import("shiki/themes/github-dark.mjs")],
+		langs: [],
+		engine: createJavaScriptRegexEngine({ forgiving: true })
+	});
+	return highlighter;
 }
 function getLanguage(language) {
-    const name = language.toLowerCase();
-    if (name === "ansi") {
-        return name;
-    }
-    if (name in languages) {
-        return name;
-    }
-    return aliases[name] ?? null;
+	const name = language.toLowerCase();
+	if (name === "ansi") {
+		return name;
+	}
+	if (name in languages) {
+		return name;
+	}
+	return aliases[name] ?? null;
 }
 function toHighlightedLine(tokens) {
-    return tokens.map((token)=>({
-            content: token.content,
-            style: Object.entries(token.htmlStyle ?? {}).map(([property, value])=>`${property}:${value}`).join(";"),
-            class: "text-(--shiki-light) dark:text-(--shiki-dark)"
-        }));
+	return tokens.map((token) => ({
+		content: token.content,
+		style: Object.entries(token.htmlStyle ?? {}).map(([property, value]) => `${property}:${value}`).join(";"),
+		class: "text-(--shiki-light) dark:text-(--shiki-dark)"
+	}));
 }
+// Loads a language and returns a highlighter for it, or null for a language
+// that is not listed.
 export async function loadHighlighter(language) {
-    const lang = getLanguage(language);
-    if (!lang) {
-        return null;
-    }
-    const shiki = await getHighlighter();
-    if (lang !== "ansi" && !shiki.getLoadedLanguages().includes(lang)) {
-        await shiki.loadLanguage(languages[lang]);
-    }
-    return {
-        highlight (code, state) {
-            const tokenize = (text)=>shiki.codeToTokens(text, {
-                    lang,
-                    themes: {
-                        light: "github-light",
-                        dark: "github-dark"
-                    },
-                    defaultColor: false,
-                    grammarState: state
-                }).tokens;
-            const tokens = lang === "ansi" ? code.split("\n").flatMap((line)=>tokenize(line)) : tokenize(code);
-            return {
-                lines: tokens.map((line)=>toHighlightedLine(line)),
-                state: shiki.getLastGrammarState(tokens)
-            };
-        }
-    };
+	const lang = getLanguage(language);
+	if (!lang) {
+		return null;
+	}
+	const shiki = await getHighlighter();
+	if (lang !== "ansi" && !shiki.getLoadedLanguages().includes(lang)) {
+		await shiki.loadLanguage(languages[lang]);
+	}
+	return { 
+	// Returns the tokens of each line, and the grammar state after the last
+	// line. Pass that state back to continue where the code left off.
+highlight(code, state) {
+		const tokenize = (text) => shiki.codeToTokens(text, {
+			lang,
+			themes: {
+				light: "github-light",
+				dark: "github-dark"
+			},
+			defaultColor: false,
+			grammarState: state
+		}).tokens;
+		// ANSI has no grammar state, so each line is tokenized on its own and
+		// gets the same colors whether it arrives in one piece or streams.
+		const tokens = lang === "ansi" ? code.split("\n").flatMap((line) => tokenize(line)) : tokenize(code);
+		return {
+			lines: tokens.map((line) => toHighlightedLine(line)),
+			state: shiki.getLastGrammarState(tokens)
+		};
+	} };
 }
+// Returns the tokens of each line, or null for a language that is not listed.
 export async function highlightCode(code, language) {
-    const highlighter = await loadHighlighter(language);
-    return highlighter ? highlighter.highlight(code).lines : null;
+	const highlighter = await loadHighlighter(language);
+	return highlighter ? highlighter.highlight(code).lines : null;
 }

package/dist/shadcn/hooks/is-mobile.svelte.js

@@ -1,7 +1,7 @@
 import { MediaQuery } from "svelte/reactivity";
 const DEFAULT_MOBILE_BREAKPOINT = 768;
 export class IsMobile extends MediaQuery {
-    constructor(breakpoint = DEFAULT_MOBILE_BREAKPOINT){
-        super(`max-width: ${breakpoint - 1}px`);
-    }
+	constructor(breakpoint = DEFAULT_MOBILE_BREAKPOINT) {
+		super(`max-width: ${breakpoint - 1}px`);
+	}
 }

package/dist/shadcn/hooks/use-highlighted-code.svelte.js

@@ -1,65 +1,65 @@
 import { loadHighlighter } from "./highlighter.js";
+/**
+* Highlights `code`. Each `current` entry is a plain string until the highlighter loads, then
+* tokens, so pass it to `CodeBlock.Line`'s `code` prop either way.
+*/
 export function useHighlightedCode(value, language) {
-    let loaded = $state.raw(null);
-    $effect(()=>{
-        const lang = language();
-        let cancelled = false;
-        loadHighlighter(lang).then((next)=>{
-            if (!cancelled) {
-                loaded = {
-                    language: lang,
-                    highlighter: next
-                };
-            }
-        }).catch(()=>{});
-        return ()=>{
-            cancelled = true;
-        };
-    });
-    let done = {
-        highlighter: null,
-        text: "",
-        lines: []
-    };
-    const lines = $derived.by(()=>{
-        const raw = value();
-        const code = raw.endsWith("\n") ? raw.slice(0, -1) : raw;
-        const lang = language();
-        const highlighter = loaded?.language === lang ? loaded.highlighter : null;
-        if (!highlighter) {
-            return code.split("\n");
-        }
-        let next = done;
-        if (next.highlighter !== highlighter || !code.startsWith(next.text)) {
-            next = {
-                highlighter,
-                text: "",
-                lines: []
-            };
-        }
-        const end = code.lastIndexOf("\n") + 1;
-        if (end > next.text.length) {
-            const result = highlighter.highlight(code.slice(next.text.length, end - 1), next.state);
-            next = {
-                highlighter,
-                text: code.slice(0, end),
-                lines: [
-                    ...next.lines,
-                    ...result.lines
-                ],
-                state: result.state
-            };
-        }
-        done = next;
-        const tail = code.slice(end);
-        return [
-            ...next.lines,
-            highlighter.highlight(tail, next.state).lines[0]
-        ];
-    });
-    return {
-        get current () {
-            return lines;
-        }
-    };
+	let loaded = $state.raw(null);
+	$effect(() => {
+		const lang = language();
+		let cancelled = false;
+		loadHighlighter(lang).then((next) => {
+			if (!cancelled) {
+				loaded = {
+					language: lang,
+					highlighter: next
+				};
+			}
+		}).catch(() => {});
+		return () => {
+			cancelled = true;
+		};
+	});
+	// The complete lines, highlighted. While the code streams, only the new
+	// lines are tokenized, starting from the grammar state of the last one.
+	let done = {
+		highlighter: null,
+		text: "",
+		lines: []
+	};
+	const lines = $derived.by(() => {
+		const raw = value();
+		// A trailing newline would render as an extra empty line.
+		const code = raw.endsWith("\n") ? raw.slice(0, -1) : raw;
+		const lang = language();
+		const highlighter = loaded?.language === lang ? loaded.highlighter : null;
+		if (!highlighter) {
+			return code.split("\n");
+		}
+		let next = done;
+		if (next.highlighter !== highlighter || !code.startsWith(next.text)) {
+			next = {
+				highlighter,
+				text: "",
+				lines: []
+			};
+		}
+		const end = code.lastIndexOf("\n") + 1;
+		if (end > next.text.length) {
+			const result = highlighter.highlight(code.slice(next.text.length, end - 1), next.state);
+			next = {
+				highlighter,
+				text: code.slice(0, end),
+				lines: [...next.lines, ...result.lines],
+				state: result.state
+			};
+		}
+		done = next;
+		// The last line is still being written, so it is tokenized every time.
+		const tail = code.slice(end);
+		return [...next.lines, highlighter.highlight(tail, next.state).lines[0]];
+	});
+	return { get current() {
+		return lines;
+	} };
 }

package/dist/shadcn/input/index.js

@@ -1,3 +1,5 @@
 import Root from "../../../src/shadcn/input/input.svelte";
 import SecretInput from "../../../src/shadcn/input/secret-input.svelte";
-export { Root, Root as Input, SecretInput };
+export { Root, 
+//
+ Root as Input, SecretInput };

package/dist/shadcn/kbd/index.js

@@ -1,3 +1,5 @@
 import Root from "../../../src/shadcn/kbd/kbd.svelte";
 import Group from "../../../src/shadcn/kbd/kbd-group.svelte";
-export { Root, Group, Root as Kbd, Group as KbdGroup };
+export { Root, Group, 
+//
+ Root as Kbd, Group as KbdGroup };

package/dist/shadcn/label/index.js

@@ -1,2 +1,4 @@
 import Root from "../../../src/shadcn/label/label.svelte";
-export { Root, Root as Label };
+export { Root, 
+//
+ Root as Label };

package/dist/shadcn/marker/index.js

@@ -1,4 +1,6 @@
 import Content from "../../../src/shadcn/marker/marker-content.svelte";
 import Icon from "../../../src/shadcn/marker/marker-icon.svelte";
 import Root, { markerVariants } from "../../../src/shadcn/marker/marker.svelte";
-export { Root, Icon, Content, markerVariants, Root as Marker, Icon as MarkerIcon, Content as MarkerContent };
+export { Root, Icon, Content, markerVariants, 
+//
+ Root as Marker, Icon as MarkerIcon, Content as MarkerContent };

package/dist/shadcn/message/index.js

@@ -4,4 +4,6 @@ import Footer from "../../../src/shadcn/message/message-footer.svelte";
 import Group from "../../../src/shadcn/message/message-group.svelte";
 import Header from "../../../src/shadcn/message/message-header.svelte";
 import Root from "../../../src/shadcn/message/message.svelte";
-export { Root, Group, Avatar, Content, Header, Footer, Root as Message, Group as MessageGroup, Avatar as MessageAvatar, Content as MessageContent, Header as MessageHeader, Footer as MessageFooter };
+export { Root, Group, Avatar, Content, Header, Footer, 
+//
+ Root as Message, Group as MessageGroup, Avatar as MessageAvatar, Content as MessageContent, Header as MessageHeader, Footer as MessageFooter };

package/dist/shadcn/message-scroller/index.js

@@ -5,4 +5,6 @@ import Provider from "../../../src/shadcn/message-scroller/message-scroller-prov
 import Viewport from "../../../src/shadcn/message-scroller/message-scroller-viewport.svelte";
 import Root from "../../../src/shadcn/message-scroller/message-scroller.svelte";
 export { useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn-svelte/primitives/message-scroller";
-export { Provider, Root, Viewport, Content, Item, Button, Provider as MessageScrollerProvider, Root as MessageScroller, Viewport as MessageScrollerViewport, Content as MessageScrollerContent, Item as MessageScrollerItem, Button as MessageScrollerButton };
+export { Provider, Root, Viewport, Content, Item, Button, 
+//
+ Provider as MessageScrollerProvider, Root as MessageScroller, Viewport as MessageScrollerViewport, Content as MessageScrollerContent, Item as MessageScrollerItem, Button as MessageScrollerButton };

package/dist/shadcn/popover/index.js

@@ -6,4 +6,6 @@ import Header from "../../../src/shadcn/popover/popover-header.svelte";
 import Title from "../../../src/shadcn/popover/popover-title.svelte";
 import Trigger from "../../../src/shadcn/popover/popover-trigger.svelte";
 import Portal from "../../../src/shadcn/popover/popover-portal.svelte";
-export { Root, Content, Description, Header, Title, Trigger, Close, Portal, Root as Popover, Content as PopoverContent, Description as PopoverDescription, Header as PopoverHeader, Title as PopoverTitle, Trigger as PopoverTrigger, Close as PopoverClose, Portal as PopoverPortal };
+export { Root, Content, Description, Header, Title, Trigger, Close, Portal, 
+//
+ Root as Popover, Content as PopoverContent, Description as PopoverDescription, Header as PopoverHeader, Title as PopoverTitle, Trigger as PopoverTrigger, Close as PopoverClose, Portal as PopoverPortal };

package/dist/shadcn/progress/index.js

@@ -1,2 +1,4 @@
 import Root from "../../../src/shadcn/progress/progress.svelte";
-export { Root, Root as Progress };
+export { Root, 
+//
+ Root as Progress };

package/dist/shadcn/progress/tone.js

@@ -1,11 +1,12 @@
+/** The fill colour for each tone. No tone is the primary colour, as before. */
 const FILL = {
-    neutral: "bg-muted-foreground",
-    accent: "bg-[color:var(--tone-accent,var(--color-primary))]",
-    info: "bg-info",
-    success: "bg-success",
-    warning: "bg-warning",
-    destructive: "bg-destructive"
+	neutral: "bg-muted-foreground",
+	accent: "bg-[color:var(--tone-accent,var(--color-primary))]",
+	info: "bg-info",
+	success: "bg-success",
+	warning: "bg-warning",
+	destructive: "bg-destructive"
 };
 export function progressToneClass(tone) {
-    return tone ? FILL[tone] : "bg-primary";
+	return tone ? FILL[tone] : "bg-primary";
 }

package/dist/shadcn/radio-group/index.js

@@ -1,3 +1,5 @@
 import Root from "../../../src/shadcn/radio-group/radio-group.svelte";
 import Item from "../../../src/shadcn/radio-group/radio-group-item.svelte";
-export { Root, Item, Root as RadioGroup, Item as RadioGroupItem };
+export { Root, Item, 
+//
+ Root as RadioGroup, Item as RadioGroupItem };

package/dist/shadcn/scroll-area/index.js

@@ -1,3 +1,5 @@
 import Root from "../../../src/shadcn/scroll-area/scroll-area.svelte";
 import Scrollbar from "../../../src/shadcn/scroll-area/scroll-area-scrollbar.svelte";
-export { Root, Root as ScrollArea, Scrollbar, Scrollbar as ScrollAreaScrollbar };
+export { Root, 
+//,
+ Root as ScrollArea, Scrollbar, Scrollbar as ScrollAreaScrollbar };

package/dist/shadcn/select/index.js

@@ -9,4 +9,6 @@ import ScrollDownButton from "../../../src/shadcn/select/select-scroll-down-butt
 import ScrollUpButton from "../../../src/shadcn/select/select-scroll-up-button.svelte";
 import GroupHeading from "../../../src/shadcn/select/select-group-heading.svelte";
 import Portal from "../../../src/shadcn/select/select-portal.svelte";
-export { Root, Group, Label, Item, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, GroupHeading, Portal, Root as Select, Group as SelectGroup, Label as SelectLabel, Item as SelectItem, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, GroupHeading as SelectGroupHeading, Portal as SelectPortal };
+export { Root, Group, Label, Item, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, GroupHeading, Portal, 
+//
+ Root as Select, Group as SelectGroup, Label as SelectLabel, Item as SelectItem, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, GroupHeading as SelectGroupHeading, Portal as SelectPortal };

package/dist/shadcn/separator/index.js

@@ -1,2 +1,4 @@
 import Root from "../../../src/shadcn/separator/separator.svelte";
-export { Root, Root as Separator };
+export { Root, 
+//
+ Root as Separator };