@heyramzi/ui 2.11.0 → 2.11.2

package/dist/ai/confirmation/confirmation-context.svelte.js

@@ -1,12 +1,12 @@
 import { getContext, setContext } from "svelte";
 const CONFIRMATION_CONTEXT_KEY = Symbol("confirmation-context");
 export function setConfirmationContext(value) {
-    setContext(CONFIRMATION_CONTEXT_KEY, value);
+	setContext(CONFIRMATION_CONTEXT_KEY, value);
 }
 export function getConfirmationContext() {
-    const context = getContext(CONFIRMATION_CONTEXT_KEY);
-    if (!context) {
-        throw new Error("Confirmation parts must be used inside a <Confirmation>.");
-    }
-    return context;
+	const context = getContext(CONFIRMATION_CONTEXT_KEY);
+	if (!context) {
+		throw new Error("Confirmation parts must be used inside a <Confirmation>.");
+	}
+	return context;
 }

package/dist/ai/confirmation/index.js

@@ -6,4 +6,6 @@ import ConfirmationRejected from "../../../src/ai/confirmation/ConfirmationRejec
 import ConfirmationFailed from "../../../src/ai/confirmation/ConfirmationFailed.svelte";
 import ConfirmationActions from "../../../src/ai/confirmation/ConfirmationActions.svelte";
 import ConfirmationAction from "../../../src/ai/confirmation/ConfirmationAction.svelte";
-export { Confirmation, ConfirmationTitle, ConfirmationRequest, ConfirmationAccepted, ConfirmationRejected, ConfirmationFailed, ConfirmationActions, ConfirmationAction, Confirmation as Root, ConfirmationTitle as Title, ConfirmationRequest as Request, ConfirmationAccepted as Accepted, ConfirmationRejected as Rejected, ConfirmationFailed as Failed, ConfirmationActions as Actions, ConfirmationAction as Action };
+export { Confirmation, ConfirmationTitle, ConfirmationRequest, ConfirmationAccepted, ConfirmationRejected, ConfirmationFailed, ConfirmationActions, ConfirmationAction, 
+//
+ Confirmation as Root, ConfirmationTitle as Title, ConfirmationRequest as Request, ConfirmationAccepted as Accepted, ConfirmationRejected as Rejected, ConfirmationFailed as Failed, ConfirmationActions as Actions, ConfirmationAction as Action };

package/dist/ai/index.js

@@ -1,11 +1,44 @@
+// =========================
+// TYPING DOTS
+// =========================
 export { TypingDots } from "./typing-dots/index.js";
+// =========================
+// RESPONSE (markdown)
+// =========================
 export { Response } from "./response/index.js";
+// =========================
+// SUGGESTION
+// =========================
 export { Suggestion, Suggestions } from "./suggestion/index.js";
+// =========================
+// PROMPT INPUT
+// =========================
 export { PromptInput, PromptInputBody, PromptInputToolbar, PromptInputTextarea, PromptInputSubmit } from "./prompt-input/index.js";
+// =========================
+// CONFIRMATION
+// =========================
 export { Confirmation, ConfirmationTitle, ConfirmationRequest, ConfirmationAccepted, ConfirmationRejected, ConfirmationActions, ConfirmationAction } from "./confirmation/index.js";
+// =========================
+// THINKING DOTS
+// =========================
 export { ThinkingDots } from "./thinking-dots/index.js";
+// =========================
+// VOICE WAVEFORM
+// =========================
 export { VoiceWaveform } from "./voice-waveform/index.js";
+// =========================
+// REASONING
+// =========================
 export { Reasoning, ReasoningTrigger, ReasoningContent } from "./reasoning/index.js";
+// =========================
+// LOADING STATE
+// =========================
 export { PixelLoader } from "./loading-state/index.js";
+// =========================
+// AI BUTTON
+// =========================
 export { AiButton } from "./ai-button/index.js";
+// =========================
+// GENERATION PROGRESS
+// =========================
 export { GenerationProgress } from "./generation-progress/index.js";

package/dist/ai/prompt-input/index.js

@@ -3,4 +3,6 @@ import PromptInputBody from "../../../src/ai/prompt-input/PromptInputBody.svelte
 import PromptInputToolbar from "../../../src/ai/prompt-input/PromptInputToolbar.svelte";
 import PromptInputTextarea from "../../../src/ai/prompt-input/PromptInputTextarea.svelte";
 import PromptInputSubmit from "../../../src/ai/prompt-input/PromptInputSubmit.svelte";
-export { PromptInput, PromptInputBody, PromptInputToolbar, PromptInputTextarea, PromptInputSubmit, PromptInput as Root, PromptInputBody as Body, PromptInputToolbar as Toolbar, PromptInputTextarea as Textarea, PromptInputSubmit as Submit };
+export { PromptInput, PromptInputBody, PromptInputToolbar, PromptInputTextarea, PromptInputSubmit, 
+//
+ PromptInput as Root, PromptInputBody as Body, PromptInputToolbar as Toolbar, PromptInputTextarea as Textarea, PromptInputSubmit as Submit };

package/dist/ai/reasoning/index.js

@@ -1,4 +1,6 @@
 import Reasoning from "../../../src/ai/reasoning/Reasoning.svelte";
 import ReasoningTrigger from "../../../src/ai/reasoning/ReasoningTrigger.svelte";
 import ReasoningContent from "../../../src/ai/reasoning/ReasoningContent.svelte";
-export { Reasoning, ReasoningTrigger, ReasoningContent, Reasoning as Root, ReasoningTrigger as Trigger, ReasoningContent as Content };
+export { Reasoning, ReasoningTrigger, ReasoningContent, 
+//
+ Reasoning as Root, ReasoningTrigger as Trigger, ReasoningContent as Content };

package/dist/ai/reasoning/reasoning-context.svelte.js

@@ -1,12 +1,12 @@
 import { getContext, setContext } from "svelte";
 const REASONING_CONTEXT_KEY = Symbol("reasoning-context");
 export function setReasoningContext(value) {
-    setContext(REASONING_CONTEXT_KEY, value);
+	setContext(REASONING_CONTEXT_KEY, value);
 }
 export function getReasoningContext() {
-    const context = getContext(REASONING_CONTEXT_KEY);
-    if (!context) {
-        throw new Error("Reasoning parts must be used inside a <Reasoning>.");
-    }
-    return context;
+	const context = getContext(REASONING_CONTEXT_KEY);
+	if (!context) {
+		throw new Error("Reasoning parts must be used inside a <Reasoning>.");
+	}
+	return context;
 }

package/dist/ai/suggestion/index.js

@@ -1,3 +1,5 @@
 import Suggestion from "../../../src/ai/suggestion/Suggestion.svelte";
 import Suggestions from "../../../src/ai/suggestion/Suggestions.svelte";
-export { Suggestion, Suggestions, Suggestion as Item, Suggestions as Root };
+export { Suggestion, Suggestions, 
+//
+ Suggestion as Item, Suggestions as Root };

package/dist/ai/typing-dots/index.js

@@ -1,2 +1,4 @@
 import TypingDots from "../../../src/ai/typing-dots/TypingDots.svelte";
-export { TypingDots, TypingDots as Root };
+export { TypingDots, 
+//
+ TypingDots as Root };

package/dist/animations/text-swap.js

@@ -1,30 +1,30 @@
 function parseDuration(value) {
-    if (!value) return 200;
-    const trimmed = value.trim();
-    if (trimmed.endsWith("ms")) return Number.parseFloat(trimmed);
-    if (trimmed.endsWith("s")) return Number.parseFloat(trimmed) * 1000;
-    const parsed = Number.parseFloat(trimmed);
-    return Number.isFinite(parsed) ? parsed : 200;
+	if (!value) return 200;
+	const trimmed = value.trim();
+	if (trimmed.endsWith("ms")) return Number.parseFloat(trimmed);
+	if (trimmed.endsWith("s")) return Number.parseFloat(trimmed) * 1e3;
+	const parsed = Number.parseFloat(trimmed);
+	return Number.isFinite(parsed) ? parsed : 200;
 }
 function prefersReducedMotion() {
-    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
-    return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+	if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
+	return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 export function swapText(el, newText, opts) {
-    if (prefersReducedMotion()) {
-        el.textContent = newText;
-        el.classList.remove("is-exit", "is-enter-start");
-        return;
-    }
-    const durationMs = opts?.durationMs ?? parseDuration(getComputedStyle(el).getPropertyValue("--text-swap-dur"));
-    el.classList.add("t-text-swap", "is-exit");
-    window.setTimeout(()=>{
-        el.textContent = newText;
-        el.classList.remove("is-exit");
-        el.classList.add("is-enter-start");
-        requestAnimationFrame(()=>{
-            void el.offsetHeight;
-            el.classList.remove("is-enter-start");
-        });
-    }, durationMs);
+	if (prefersReducedMotion()) {
+		el.textContent = newText;
+		el.classList.remove("is-exit", "is-enter-start");
+		return;
+	}
+	const durationMs = opts?.durationMs ?? parseDuration(getComputedStyle(el).getPropertyValue("--text-swap-dur"));
+	el.classList.add("t-text-swap", "is-exit");
+	window.setTimeout(() => {
+		el.textContent = newText;
+		el.classList.remove("is-exit");
+		el.classList.add("is-enter-start");
+		requestAnimationFrame(() => {
+			void el.offsetHeight;
+			el.classList.remove("is-enter-start");
+		});
+	}, durationMs);
 }

package/dist/brand/index.js

@@ -1,65 +1,71 @@
 const COLOR_VARS = {
-    brand: "--brand",
-    brandOnDark: "--brand-on-dark",
-    highlight: "--brand-highlight",
-    signal: "--brand-signal",
-    ink: "--brand-ink",
-    surface: "--brand-surface",
-    line: "--brand-line",
-    raised: "--brand-raised",
-    paper: "--brand-paper",
-    surfaceLight: "--brand-surface-light",
-    lineLight: "--brand-line-light",
-    primary: "--brand-primary",
-    primaryForeground: "--brand-primary-foreground",
-    primaryOnDark: "--brand-primary-on-dark",
-    primaryForegroundOnDark: "--brand-primary-foreground-on-dark"
+	brand: "--brand",
+	brandOnDark: "--brand-on-dark",
+	highlight: "--brand-highlight",
+	signal: "--brand-signal",
+	ink: "--brand-ink",
+	surface: "--brand-surface",
+	line: "--brand-line",
+	raised: "--brand-raised",
+	paper: "--brand-paper",
+	surfaceLight: "--brand-surface-light",
+	lineLight: "--brand-line-light",
+	primary: "--brand-primary",
+	primaryForeground: "--brand-primary-foreground",
+	primaryOnDark: "--brand-primary-on-dark",
+	primaryForegroundOnDark: "--brand-primary-foreground-on-dark"
 };
 const FONT_VARS = {
-    sans: "--font-sans",
-    heading: "--font-heading",
-    mono: "--font-mono",
-    quote: "--font-quote"
+	sans: "--font-sans",
+	heading: "--font-heading",
+	mono: "--font-mono",
+	quote: "--font-quote"
 };
+/** The custom property each colour role sets. The tokens read these and nothing else. */
 export const BRAND_COLOR_VARS = COLOR_VARS;
+/** Keeps a typed brand typed at the call site. It returns the object unchanged. */
 export function defineBrand(brand) {
-    return brand;
+	return brand;
 }
 function checked(name, value) {
-    if (/[;{}<>]/.test(value)) throw new Error(`brand: ${name} holds a character CSS would read as more than a value`);
-    return value;
+	if (/[;{}<>]/.test(value)) throw new Error(`brand: ${name} holds a character CSS would read as more than a value`);
+	return value;
 }
+/** The custom properties a brand sets, by name. Roles the brand leaves out keep the neutral default. */
 export function brandVars(brand) {
-    const out = {};
-    for (const [key, name] of Object.entries(COLOR_VARS)){
-        const value = brand.colors[key];
-        if (value !== undefined) out[name] = checked(name, value);
-    }
-    for (const [key, name] of Object.entries(FONT_VARS)){
-        const value = brand.fonts?.[key];
-        if (value !== undefined) out[name] = checked(name, value);
-    }
-    for (const [name, value] of Object.entries(brand.vars ?? {}))out[name] = checked(name, value);
-    return out;
+	const out = {};
+	for (const [key, name] of Object.entries(COLOR_VARS)) {
+		const value = brand.colors[key];
+		if (value !== undefined) out[name] = checked(name, value);
+	}
+	for (const [key, name] of Object.entries(FONT_VARS)) {
+		const value = brand.fonts?.[key];
+		if (value !== undefined) out[name] = checked(name, value);
+	}
+	for (const [name, value] of Object.entries(brand.vars ?? {})) out[name] = checked(name, value);
+	return out;
 }
+/** The brand as a `style` attribute value: put it on `<html>` in `app.html` or a layout. */
 export function brandStyle(brand) {
-    return Object.entries(brandVars(brand)).map(([name, value])=>`${name}:${value}`).join(";");
+	return Object.entries(brandVars(brand)).map(([name, value]) => `${name}:${value}`).join(";");
 }
+/** The brand as a rule, for a stylesheet or a `<style>` in `<svelte:head>`. */
 export function brandCss(brand, selector = ":root") {
-    const body = Object.entries(brandVars(brand)).map(([name, value])=>`  ${name}: ${value};`).join("\n");
-    return `${selector} {\n${body}\n}\n`;
+	const body = Object.entries(brandVars(brand)).map(([name, value]) => `  ${name}: ${value};`).join("\n");
+	return `${selector} {\n${body}\n}\n`;
 }
+/** Sets the brand on the page in the browser. Returns a function that puts the neutral look back. */
 export function applyBrand(brand, root = document.documentElement) {
-    const vars = brandVars(brand);
-    const before = new Map();
-    for (const [name, value] of Object.entries(vars)){
-        before.set(name, root.style.getPropertyValue(name));
-        root.style.setProperty(name, value);
-    }
-    return ()=>{
-        for (const [name, value] of before){
-            if (value) root.style.setProperty(name, value);
-            else root.style.removeProperty(name);
-        }
-    };
+	const vars = brandVars(brand);
+	const before = new Map();
+	for (const [name, value] of Object.entries(vars)) {
+		before.set(name, root.style.getPropertyValue(name));
+		root.style.setProperty(name, value);
+	}
+	return () => {
+		for (const [name, value] of before) {
+			if (value) root.style.setProperty(name, value);
+			else root.style.removeProperty(name);
+		}
+	};
 }

package/dist/canvas/card/resize.js

@@ -1,10 +1,12 @@
 export const DEFAULT_MIN_WIDTH = 120;
 export const DEFAULT_MAX_WIDTH = 2400;
 export const DEFAULT_MIN_HEIGHT = 40;
+/** The saved floor height of a card, or 0 when its content sets the height. */
 export function userHeightOf(data) {
-    const value = data?.userHeight;
-    return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : 0;
+	const value = data?.userHeight;
+	return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : 0;
 }
+/** The height a finished drag keeps: the dragged one, never under what the content needs. */
 export function keptHeight(dragged, content) {
-    return Math.max(Math.round(dragged), Math.ceil(content));
+	return Math.max(Math.round(dragged), Math.ceil(content));
 }