@tulipfarm/sprout 0.3.0 → 0.4.0

package/dist/components/chat-sources.js

@@ -1,25 +1,25 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import { ArrowUpRight } from "reicon-react/icons/ArrowUpRight";
-import { ChevronDown } from "reicon-react/icons/ChevronDown";
-import { FileText } from "reicon-react/icons/FileText";
-import { cn } from "../internal/classes.js";
-import { Button } from "./button.js";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./collapsible.js";
-import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
-import { Spinner } from "./spinner.js";
+import { useRef } from 'react';
+import { ArrowUpRight } from 'reicon-react/icons/ArrowUpRight';
+import { ChevronDown } from 'reicon-react/icons/ChevronDown';
+import { FileText } from 'reicon-react/icons/FileText';
+import { cn } from '../internal/classes.js';
+import { Button } from './button.js';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible.js';
+import { Popover, PopoverContent, PopoverTrigger } from './popover.js';
+import { Spinner } from './spinner.js';
 const hoverDelay = 300;
 const hoverCloseDelay = 150;
 function hostOf(href) {
     try {
-        return new URL(href).hostname.replace(/^www\./, "");
+        return new URL(href).hostname.replace(/^www\./, '');
     }
     catch {
         return null;
     }
 }
-function SourceContent({ source, number, }) {
+function SourceContent({ source, number }) {
     const host = number === undefined ? null : hostOf(source.href);
     return (_jsxs("div", { "data-slot": "chat-source", className: "sprout-chat-sources-source", children: [number !== undefined && (_jsxs("p", { className: "sprout-chat-sources-preview-head", children: [_jsx("span", { className: "sprout-chat-sources-badge", "aria-hidden": "true", children: number }), _jsx("span", { children: host ?? `Source ${number}` })] })), _jsx("p", { className: "sprout-chat-sources-title", children: source.title }), _jsx("p", { className: "sprout-chat-sources-location", children: source.location }), _jsx("p", { className: "sprout-chat-sources-excerpt", children: source.excerpt }), _jsxs("a", { href: source.href, target: "_blank", rel: "noopener noreferrer", className: "sprout-chat-sources-link", children: ["Open source", _jsx(ArrowUpRight, { size: 14, "aria-hidden": "true" }), _jsx("span", { className: "sprout-chat-sources-sr-only", children: " in a new tab" })] })] }));
 }
@@ -36,22 +36,16 @@ export function InlineCitation({ source, number }) {
  */
 export function ChatSources({ sources, defaultOpen, className, ...props }) {
     if (sources.length === 0)
-        return (_jsx("div", { "data-slot": "chat-sources", "data-empty": "", ...props, className: cn("sprout-chat-sources", className), children: _jsx("p", { className: "sprout-chat-sources-empty", children: "No sources were used for this response." }) }));
-    return (_jsxs(Collapsible, { "data-slot": "chat-sources", defaultOpen: defaultOpen, ...props, className: cn("sprout-chat-sources", className), children: [_jsxs(CollapsibleTrigger, { className: "sprout-chat-sources-trigger", children: [_jsx(FileText, { size: 16, "aria-hidden": "true" }), _jsxs("span", { children: [sources.length, " ", sources.length === 1 ? "source" : "sources"] }), _jsx(ChevronDown, { size: 14, "aria-hidden": "true", "data-slot": "collapsible-indicator" })] }), _jsx(CollapsibleContent, { variant: "sidebar", children: _jsx("ol", { className: "sprout-chat-sources-list", children: sources.map((source, index) => (_jsxs("li", { className: "sprout-chat-sources-item", children: [_jsx("span", { className: "sprout-chat-sources-number", children: index + 1 }), _jsx(SourceContent, { source: source })] }, source.id))) }) })] }));
+        return (_jsx("div", { "data-slot": "chat-sources", "data-empty": "", ...props, className: cn('sprout-chat-sources', className), children: _jsx("p", { className: "sprout-chat-sources-empty", children: "No sources were used for this response." }) }));
+    return (_jsxs(Collapsible, { "data-slot": "chat-sources", defaultOpen: defaultOpen, ...props, className: cn('sprout-chat-sources', className), children: [_jsxs(CollapsibleTrigger, { className: "sprout-chat-sources-trigger", children: [_jsx(FileText, { size: 16, "aria-hidden": "true" }), _jsxs("span", { children: [sources.length, " ", sources.length === 1 ? 'source' : 'sources'] }), _jsx(ChevronDown, { size: 14, "aria-hidden": "true", "data-slot": "collapsible-indicator" })] }), _jsx(CollapsibleContent, { variant: "sidebar", children: _jsx("ol", { className: "sprout-chat-sources-list", children: sources.map((source, index) => (_jsxs("li", { className: "sprout-chat-sources-item", children: [_jsx("span", { className: "sprout-chat-sources-number", children: index + 1 }), _jsx(SourceContent, { source: source })] }, source.id))) }) })] }));
 }
-export const citationStateKindNames = [
-    "idle",
-    "loading",
-    "ready",
-    "unavailable",
-    "error",
-];
+export const citationStateKindNames = ['idle', 'loading', 'ready', 'unavailable', 'error'];
 /**
  * A citation link whose passage is checked each time it opens, on hover or
  * click. While checking it shows a spinner; an unavailable source never shows
  * an old passage.
  */
-export function CheckedCitation({ label, state, onOpen, onRetry, }) {
+export function CheckedCitation({ label, state, onOpen, onRetry }) {
     const popup = useRef(null);
     const openReason = useRef(undefined);
     return (_jsxs(Popover, { onOpenChange: (open, details) => {
@@ -62,12 +56,9 @@ export function CheckedCitation({ label, state, onOpen, onRetry, }) {
             }
             // Base UI keeps a hover-close timer from before a reopen; a passage
             // opened by click or keyboard closes only by click, Escape, or outside press.
-            if (details.reason === "trigger-hover" &&
-                openReason.current === "trigger-press")
+            if (details.reason === 'trigger-hover' && openReason.current === 'trigger-press')
                 details.cancel();
-        }, children: [_jsx(PopoverTrigger, { openOnHover: true, delay: hoverDelay, closeDelay: hoverCloseDelay, "data-slot": "checked-citation", className: "sprout-chat-sources-checked", render: _jsx(Button, { variant: "link", size: "task-link", "aria-label": `Source: ${label}` }), children: label }), _jsx(PopoverContent, { ref: popup, "data-citation-state": state.kind, className: "sprout-chat-sources-preview", children: state.kind === "idle" || state.kind === "loading" ? (_jsxs("p", { role: "status", className: "sprout-chat-sources-checking", children: [_jsx(Spinner, { "aria-hidden": "true" }), "Checking access to this source\u2026"] })) : state.kind === "ready" ? (_jsxs("div", { "data-slot": "chat-source", className: "sprout-chat-sources-source", children: [_jsx("p", { className: "sprout-chat-sources-title", children: state.title }), _jsx("p", { className: "sprout-chat-sources-location", children: state.location }), _jsx("p", { className: "sprout-chat-sources-excerpt", "data-preserve-lines": "", children: state.excerpt })] })) : (_jsxs("div", { className: "sprout-chat-sources-source", children: [_jsx("p", { className: "sprout-chat-sources-title", children: state.kind === "unavailable"
-                                ? "Source unavailable"
-                                : "Couldn’t load this source" }), _jsx("p", { role: "alert", className: "sprout-chat-sources-excerpt", children: state.message }), state.kind === "error" && (_jsx(Button, { variant: "outline", size: "sm", className: "sprout-chat-sources-retry", onClick: () => {
+        }, children: [_jsx(PopoverTrigger, { openOnHover: true, delay: hoverDelay, closeDelay: hoverCloseDelay, "data-slot": "checked-citation", className: "sprout-chat-sources-checked", render: _jsx(Button, { variant: "link", size: "task-link", "aria-label": `Source: ${label}` }), children: label }), _jsx(PopoverContent, { ref: popup, "data-citation-state": state.kind, className: "sprout-chat-sources-preview", children: state.kind === 'idle' || state.kind === 'loading' ? (_jsxs("p", { role: "status", className: "sprout-chat-sources-checking", children: [_jsx(Spinner, { "aria-hidden": "true" }), "Checking access to this source\u2026"] })) : state.kind === 'ready' ? (_jsxs("div", { "data-slot": "chat-source", className: "sprout-chat-sources-source", children: [_jsx("p", { className: "sprout-chat-sources-title", children: state.title }), _jsx("p", { className: "sprout-chat-sources-location", children: state.location }), _jsx("p", { className: "sprout-chat-sources-excerpt", "data-preserve-lines": "", children: state.excerpt })] })) : (_jsxs("div", { className: "sprout-chat-sources-source", children: [_jsx("p", { className: "sprout-chat-sources-title", children: state.kind === 'unavailable' ? 'Source unavailable' : 'Couldn’t load this source' }), _jsx("p", { role: "alert", className: "sprout-chat-sources-excerpt", children: state.message }), state.kind === 'error' && (_jsx(Button, { variant: "outline", size: "sm", className: "sprout-chat-sources-retry", onClick: () => {
                                 // The button leaves as loading starts; keep focus in the passage.
                                 popup.current?.focus();
                                 onRetry();

package/dist/components/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { Checkbox as BaseCheckbox } from "@base-ui/react/checkbox";
+import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';
 export declare const checkboxVariantNames: readonly ["default", "neutral"];
 export type CheckboxVariant = (typeof checkboxVariantNames)[number];
 export interface CheckboxProps extends BaseCheckbox.Root.Props {

package/dist/components/checkbox.js

@@ -1,17 +1,17 @@
-"use client";
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Checkbox as BaseCheckbox } from "@base-ui/react/checkbox";
-import { Check } from "reicon-react/icons/Check";
-import { Minus } from "reicon-react/icons/Minus";
-import { cn, stateClassName } from "../internal/classes.js";
-import { useFieldsetDisabled } from "../internal/fieldset.js";
-export const checkboxVariantNames = ["default", "neutral"];
+import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';
+import { Check } from 'reicon-react/icons/Check';
+import { Minus } from 'reicon-react/icons/Minus';
+import { cn, stateClassName } from '../internal/classes.js';
+import { useFieldsetDisabled } from '../internal/fieldset.js';
+export const checkboxVariantNames = ['default', 'neutral'];
 /**
  * A 16px checkbox with a larger hit area. Name it with a wrapping `Label`,
  * a `Label htmlFor` pointing at its `id`, or `aria-label`. Pass
  * `indeterminate` to show a mixed state, such as a "select all" box.
  */
-export function Checkbox({ variant = "default", indeterminate = false, className, disabled, ref, ...props }) {
+export function Checkbox({ variant = 'default', indeterminate = false, className, disabled, ref, ...props }) {
     const [fieldsetDisabled, fieldsetRef] = useFieldsetDisabled(ref);
-    return (_jsx(BaseCheckbox.Root, { "data-slot": "checkbox", "data-variant": variant, indeterminate: indeterminate, ...props, ref: fieldsetRef, disabled: disabled || fieldsetDisabled, className: stateClassName(cn("sprout-checkbox", `sprout-checkbox-variant-${variant}`), className), children: _jsx(BaseCheckbox.Indicator, { "data-slot": "checkbox-indicator", className: "sprout-checkbox-indicator", children: indeterminate ? (_jsx(Minus, { "aria-hidden": "true" })) : (_jsx(Check, { "aria-hidden": "true" })) }) }));
+    return (_jsx(BaseCheckbox.Root, { "data-slot": "checkbox", "data-variant": variant, indeterminate: indeterminate, ...props, ref: fieldsetRef, disabled: disabled || fieldsetDisabled, className: stateClassName(cn('sprout-checkbox', `sprout-checkbox-variant-${variant}`), className), children: _jsx(BaseCheckbox.Indicator, { "data-slot": "checkbox-indicator", className: "sprout-checkbox-indicator", children: indeterminate ? _jsx(Minus, { "aria-hidden": "true" }) : _jsx(Check, { "aria-hidden": "true" }) }) }));
 }

package/dist/components/choice-list.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from "react";
+import { type ReactNode } from 'react';
 export declare const choiceListLayoutNames: readonly ["stacked", "compact"];
 export type ChoiceListLayout = (typeof choiceListLayoutNames)[number];
 export interface ChoiceListOption {
@@ -50,4 +50,4 @@ export interface ChoiceSummaryProps {
     children?: ReactNode;
 }
 /** One line that shows a question and its recorded answer. */
-export declare function ChoiceSummary({ prompt, answer, className, children, }: ChoiceSummaryProps): import("react").JSX.Element;
+export declare function ChoiceSummary({ prompt, answer, className, children }: ChoiceSummaryProps): import("react").JSX.Element;

package/dist/components/choice-list.js

@@ -1,36 +1,34 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from "react";
-import { Check } from "reicon-react/icons/Check";
-import { HelpCircle } from "reicon-react/icons/HelpCircle";
-import { cn } from "../internal/classes.js";
-import { Badge } from "./badge.js";
-export const choiceListLayoutNames = ["stacked", "compact"];
+import { useId } from 'react';
+import { Check } from 'reicon-react/icons/Check';
+import { HelpCircle } from 'reicon-react/icons/HelpCircle';
+import { cn } from '../internal/classes.js';
+import { Badge } from './badge.js';
+export const choiceListLayoutNames = ['stacked', 'compact'];
 const recommendedSuffix = /\s*\(recommended\)\s*$/i;
 /**
  * A fieldset of radio or checkbox rows for answering a question, with an
  * optional typed answer. Value is always an array of option ids.
  */
-export function ChoiceList({ legend, options, value, onChange, multiple = false, disabled = false, error, layout = "stacked", textOption, className, }) {
+export function ChoiceList({ legend, options, value, onChange, multiple = false, disabled = false, error, layout = 'stacked', textOption, className, }) {
     const name = useId();
-    const compact = layout === "compact";
+    const compact = layout === 'compact';
     const errorId = `${name}-choices-error`;
     const textId = `${name}-text`;
     const textErrorId = `${name}-text-error`;
-    return (_jsxs("fieldset", { "data-slot": "choice-list", "data-layout": layout, "data-multiple": multiple || undefined, disabled: disabled, className: cn("sprout-choice-list", className), children: [_jsx("legend", { className: compact && !multiple
-                    ? "sprout-choice-list-sr-only"
-                    : "sprout-choice-list-legend", children: legend }), _jsx("div", { "data-slot": "choice-list-options", className: "sprout-choice-list-options", children: options.map((option, index) => {
+    return (_jsxs("fieldset", { "data-slot": "choice-list", "data-layout": layout, "data-multiple": multiple || undefined, disabled: disabled, className: cn('sprout-choice-list', className), children: [_jsx("legend", { className: compact && !multiple ? 'sprout-choice-list-sr-only' : 'sprout-choice-list-legend', children: legend }), _jsx("div", { "data-slot": "choice-list-options", className: "sprout-choice-list-options", children: options.map((option, index) => {
                     const checked = value.includes(option.id);
                     const recommended = option.recommended === true || recommendedSuffix.test(option.label);
-                    const label = option.label.replace(recommendedSuffix, "");
-                    return (_jsxs("label", { "data-slot": "choice-list-option", "data-checked": checked || undefined, "data-disabled": disabled || undefined, "data-recommended": recommended || undefined, className: "sprout-choice-list-option", children: [_jsx("input", { type: multiple ? "checkbox" : "radio", name: name, value: option.id, checked: checked, "aria-invalid": error ? true : undefined, "aria-describedby": error ? errorId : undefined, onChange: (event) => onChange(multiple
+                    const label = option.label.replace(recommendedSuffix, '');
+                    return (_jsxs("label", { "data-slot": "choice-list-option", "data-checked": checked || undefined, "data-disabled": disabled || undefined, "data-recommended": recommended || undefined, className: "sprout-choice-list-option", children: [_jsx("input", { type: multiple ? 'checkbox' : 'radio', name: name, value: option.id, checked: checked, "aria-invalid": error ? true : undefined, "aria-describedby": error ? errorId : undefined, onChange: event => onChange(multiple
                                     ? event.target.checked
                                         ? [...value, option.id]
-                                        : value.filter((id) => id !== option.id)
+                                        : value.filter(id => id !== option.id)
                                     : [option.id]), className: "sprout-choice-list-input" }), _jsx("span", { "aria-hidden": "true", className: "sprout-choice-list-mark", children: checked ? _jsx(Check, {}) : compact ? index + 1 : null }), _jsxs("span", { className: "sprout-choice-list-label", children: [label, recommended && (_jsx(Badge, { variant: "info", className: "sprout-choice-list-badge", children: "Recommended" }))] })] }, option.id));
-                }) }), error && (_jsx("p", { id: errorId, className: "sprout-choice-list-error", children: error })), textOption && (!compact || textOption.active) && (_jsxs("div", { id: textOption.id ?? `${name}-custom`, "data-slot": "choice-list-text", "data-checked": textOption.active || undefined, "data-invalid": textOption.error ? true : undefined, className: "sprout-choice-list-text", children: [_jsx("span", { "aria-hidden": "true", className: "sprout-choice-list-mark", children: textOption.active && _jsx(Check, {}) }), _jsxs("div", { className: "sprout-choice-list-text-body", children: [_jsx("label", { htmlFor: textId, className: "sprout-choice-list-text-label", children: textOption.label ?? "Your answer" }), _jsx("textarea", { id: textId, autoFocus: compact, rows: 1, value: textOption.value, disabled: disabled, placeholder: textOption.placeholder ?? "Type a different answer…", "aria-describedby": textOption.error ? textErrorId : undefined, "aria-invalid": textOption.error ? true : undefined, onFocus: textOption.onFocus, onChange: (event) => textOption.onChange(event.target.value), className: "sprout-choice-list-textarea" }), textOption.error && (_jsx("p", { id: textErrorId, role: "alert", className: "sprout-choice-list-error", children: textOption.error }))] })] }))] }));
+                }) }), error && (_jsx("p", { id: errorId, className: "sprout-choice-list-error", children: error })), textOption && (!compact || textOption.active) && (_jsxs("div", { id: textOption.id ?? `${name}-custom`, "data-slot": "choice-list-text", "data-checked": textOption.active || undefined, "data-invalid": textOption.error ? true : undefined, className: "sprout-choice-list-text", children: [_jsx("span", { "aria-hidden": "true", className: "sprout-choice-list-mark", children: textOption.active && _jsx(Check, {}) }), _jsxs("div", { className: "sprout-choice-list-text-body", children: [_jsx("label", { htmlFor: textId, className: "sprout-choice-list-text-label", children: textOption.label ?? 'Your answer' }), _jsx("textarea", { id: textId, autoFocus: compact, rows: 1, value: textOption.value, disabled: disabled, placeholder: textOption.placeholder ?? 'Type a different answer…', "aria-describedby": textOption.error ? textErrorId : undefined, "aria-invalid": textOption.error ? true : undefined, onFocus: textOption.onFocus, onChange: event => textOption.onChange(event.target.value), className: "sprout-choice-list-textarea" }), textOption.error && (_jsx("p", { id: textErrorId, role: "alert", className: "sprout-choice-list-error", children: textOption.error }))] })] }))] }));
 }
 /** One line that shows a question and its recorded answer. */
-export function ChoiceSummary({ prompt, answer, className, children, }) {
-    return (_jsxs("div", { "data-slot": "choice-summary", className: cn("sprout-choice-summary", className), children: [_jsx(HelpCircle, { "aria-hidden": "true", className: "sprout-choice-summary-icon" }), _jsx("span", { className: "sprout-choice-summary-prompt", children: prompt }), answer && (_jsxs("span", { className: "sprout-choice-summary-answer", children: [_jsx(Check, { "aria-hidden": "true", className: "sprout-choice-summary-check" }), _jsx("span", { className: "sprout-choice-summary-answer-text", children: answer })] })), children] }));
+export function ChoiceSummary({ prompt, answer, className, children }) {
+    return (_jsxs("div", { "data-slot": "choice-summary", className: cn('sprout-choice-summary', className), children: [_jsx(HelpCircle, { "aria-hidden": "true", className: "sprout-choice-summary-icon" }), _jsx("span", { className: "sprout-choice-summary-prompt", children: prompt }), answer && (_jsxs("span", { className: "sprout-choice-summary-answer", children: [_jsx(Check, { "aria-hidden": "true", className: "sprout-choice-summary-check" }), _jsx("span", { className: "sprout-choice-summary-answer-text", children: answer })] })), children] }));
 }

package/dist/components/code-block.d.ts

@@ -1,14 +1,14 @@
-import { type HTMLAttributes } from "react";
-import { type CodeLanguage } from "../internal/languages.js";
-import { languageForFilename } from "../internal/syntax.js";
+import { type HTMLAttributes } from 'react';
+import { type CodeLanguage } from '../internal/languages.js';
+import { languageForFilename } from '../internal/syntax.js';
 export type { CodeLanguage };
 export { languageForFilename };
 export declare const codeBlockVariantNames: readonly ["inline", "file", "preview"];
 export type CodeBlockVariant = (typeof codeBlockVariantNames)[number];
 /** Every language that gets syntax colors. Aliases and file extensions such as `ts`, `py`, and `yml` work too. */
 export declare const codeBlockLanguages: readonly ["abap", "actionscript-3", "ada", "ahk", "ahk2", "angular-html", "angular-ts", "apache", "apex", "apl", "applescript", "ara", "asciidoc", "asm", "astro", "awk", "ballerina", "bat", "beancount", "berry", "bibtex", "bicep", "bird2", "blade", "bsl", "c", "c3", "cadence", "cairo", "chapel", "clarity", "clojure", "cmake", "cobol", "codeowners", "codeql", "coffee", "common-lisp", "coq", "cpp", "crystal", "csharp", "css", "csv", "cue", "cypher", "d", "dart", "dax", "desktop", "diff", "docker", "dotenv", "dream-maker", "edge", "elixir", "elm", "emacs-lisp", "erb", "erlang", "fennel", "fish", "fluent", "fortran-fixed-form", "fortran-free-form", "fsharp", "gdresource", "gdscript", "gdshader", "genie", "gherkin", "git-commit", "git-rebase", "gleam", "glimmer-js", "glimmer-ts", "glsl", "gn", "gnuplot", "go", "graphql", "groovy", "hack", "haml", "handlebars", "haskell", "haxe", "hcl", "hjson", "hlsl", "html", "html-derivative", "http", "hurl", "hxml", "hy", "imba", "ini", "java", "javascript", "jinja", "jison", "json", "json5", "jsonc", "jsonl", "jsonnet", "jssm", "jsx", "julia", "just", "kdl", "kotlin", "kusto", "latex", "lean", "less", "liquid", "llvm", "log", "logo", "lua", "luau", "make", "markdown", "marko", "matlab", "mdc", "mdx", "mermaid", "mipsasm", "mojo", "moonbit", "move", "narrat", "nextflow", "nextflow-groovy", "nginx", "nim", "nix", "nsis", "nushell", "objective-c", "objective-cpp", "ocaml", "odin", "openscad", "org", "pascal", "perl", "php", "pkl", "plsql", "po", "polar", "postcss", "powerquery", "powershell", "prisma", "prolog", "proto", "pug", "puppet", "purescript", "python", "qml", "qmldir", "qss", "r", "racket", "raku", "razor", "rbs", "reg", "regexp", "rel", "riscv", "ron", "rosmsg", "rst", "ruby", "rust", "sas", "sass", "scala", "scheme", "scss", "sdbl", "shaderlab", "shellscript", "shellsession", "smalltalk", "smithy", "solidity", "soy", "sparql", "splunk", "sql", "ssh-config", "stata", "stylus", "surrealql", "svelte", "swift", "system-verilog", "systemd", "talonscript", "tasl", "tcl", "templ", "terraform", "tex", "toml", "ts-tags", "tsv", "tsx", "turtle", "twig", "typescript", "typespec", "typst", "v", "vala", "vb", "verilog", "vhdl", "viml", "vue", "vue-html", "vue-vine", "vyper", "wasm", "wenyan", "wgsl", "wikitext", "wit", "wolfram", "xml", "xsl", "yaml", "zenscript", "zig"];
-export type CodeBlockCopyState = "idle" | "copying" | "copied" | "error";
-export interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+export type CodeBlockCopyState = 'idle' | 'copying' | 'copied' | 'error';
+export interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     code: string;
     /** A language name, alias, or extension. Defaults to the one `filename` implies, else plain text. */
     language?: string | undefined;

package/dist/components/code-block.js

@@ -1,15 +1,15 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, useEffect, useMemo, useRef, useState, } from "react";
-import { Check } from "reicon-react/icons/Check";
-import { Copy } from "reicon-react/icons/Copy";
-import { cn } from "../internal/classes.js";
-import { codeLanguageIds, codeLanguageNames, } from "../internal/languages.js";
-import { tokenClass, useCodeTokens } from "../internal/code-tokens.js";
-import { languageForFilename, loadCodeLanguage, resolveCodeLanguage, } from "../internal/syntax.js";
-import { Button } from "./button.js";
+import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
+import { Check } from 'reicon-react/icons/Check';
+import { Copy } from 'reicon-react/icons/Copy';
+import { cn } from '../internal/classes.js';
+import { codeLanguageIds, codeLanguageNames } from '../internal/languages.js';
+import { tokenClass, useCodeTokens } from '../internal/code-tokens.js';
+import { languageForFilename, loadCodeLanguage, resolveCodeLanguage } from '../internal/syntax.js';
+import { Button } from './button.js';
 export { languageForFilename };
-export const codeBlockVariantNames = ["inline", "file", "preview"];
+export const codeBlockVariantNames = ['inline', 'file', 'preview'];
 /** Every language that gets syntax colors. Aliases and file extensions such as `ts`, `py`, and `yml` work too. */
 export const codeBlockLanguages = codeLanguageIds;
 const copiedResetMs = 2000;
@@ -19,46 +19,46 @@ export function isHighlightedLanguage(language) {
 /** The display name for a language, alias, or extension, such as “TypeScript” for `ts`. */
 export function codeLanguageName(language) {
     const resolved = resolveCodeLanguage(language);
-    return resolved ? codeLanguageNames[resolved] : "Plain text";
+    return resolved ? codeLanguageNames[resolved] : 'Plain text';
 }
 /**
  * Loads the grammars for these languages, so the next render colors them
  * at once. Await it before server rendering to send highlighted HTML.
  */
 export async function preloadCodeLanguages(...languages) {
-    await Promise.all(languages.flatMap((language) => {
+    await Promise.all(languages.flatMap(language => {
         const resolved = resolveCodeLanguage(language);
         return resolved ? [loadCodeLanguage(resolved)] : [];
     }));
 }
-export function CodeBlock({ code, language, filename, lineNumbers = true, wrap = false, variant = "inline", className, ...props }) {
-    const [copyState, setCopyState] = useState("idle");
+export function CodeBlock({ code, language, filename, lineNumbers = true, wrap = false, variant = 'inline', className, ...props }) {
+    const [copyState, setCopyState] = useState('idle');
     const timer = useRef(undefined);
     useEffect(() => () => clearTimeout(timer.current), []);
     const resolved = resolveCodeLanguage(language, filename);
     const tokens = useCodeTokens(code, resolved);
-    const lineCount = useMemo(() => code.split("\n").length, [code]);
+    const lineCount = useMemo(() => code.split('\n').length, [code]);
     const copy = async () => {
         clearTimeout(timer.current);
-        setCopyState("copying");
+        setCopyState('copying');
         try {
             await navigator.clipboard.writeText(code);
-            setCopyState("copied");
-            timer.current = setTimeout(() => setCopyState("idle"), copiedResetMs);
+            setCopyState('copied');
+            timer.current = setTimeout(() => setCopyState('idle'), copiedResetMs);
         }
         catch {
-            setCopyState("error");
+            setCopyState('error');
         }
     };
-    const languageLabel = resolved ? codeLanguageNames[resolved] : "Plain text";
+    const languageLabel = resolved ? codeLanguageNames[resolved] : 'Plain text';
     const label = filename ?? languageLabel;
-    const copied = copyState === "copied";
-    const preview = variant === "preview";
-    return (_jsxs("div", { "data-slot": "code-block", "data-variant": variant, "data-language": resolved ?? "text", "data-highlighted": tokens ? "" : undefined, "data-wrap": wrap ? "" : undefined, "data-copy-state": copyState, ...props, className: cn("sprout-code-block", className), children: [!preview && (_jsxs("div", { className: "sprout-code-block-header", children: [_jsx("span", { className: "sprout-code-block-label", children: label }), _jsxs(Button, { variant: "ghost", size: "sm", focusableWhenDisabled: true, disabled: copyState === "copying", onClick: () => void copy(), "aria-label": `Copy ${filename ?? "code"}`, className: "sprout-code-block-copy", children: [_jsx("span", { className: "sprout-code-block-icon", "aria-hidden": "true", children: copied ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) }), copied ? "Copied" : "Copy"] })] })), _jsxs("div", { className: "sprout-code-block-viewport", ...(preview
+    const copied = copyState === 'copied';
+    const preview = variant === 'preview';
+    return (_jsxs("div", { "data-slot": "code-block", "data-variant": variant, "data-language": resolved ?? 'text', "data-highlighted": tokens ? '' : undefined, "data-wrap": wrap ? '' : undefined, "data-copy-state": copyState, ...props, className: cn('sprout-code-block', className), children: [!preview && (_jsxs("div", { className: "sprout-code-block-header", children: [_jsx("span", { className: "sprout-code-block-label", children: label }), _jsxs(Button, { variant: "ghost", size: "sm", focusableWhenDisabled: true, disabled: copyState === 'copying', onClick: () => void copy(), "aria-label": `Copy ${filename ?? 'code'}`, className: "sprout-code-block-copy", children: [_jsx("span", { className: "sprout-code-block-icon", "aria-hidden": "true", children: copied ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) }), copied ? 'Copied' : 'Copy'] })] })), _jsxs("div", { className: "sprout-code-block-viewport", ...(preview
                     ? {}
                     : {
                         tabIndex: 0,
-                        role: "region",
-                        "aria-label": filename ?? `${languageLabel} code`,
-                    }), children: [lineNumbers && !wrap && (_jsx("pre", { "aria-hidden": "true", className: "sprout-code-block-gutter", children: Array.from({ length: lineCount }, (_, index) => index + 1).join("\n") })), _jsx("pre", { className: "sprout-code-block-pre", children: tokens ? (_jsx("code", { className: "sprout-code-block-syntax", children: tokens.map((line, row) => (_jsxs(Fragment, { children: [row > 0 && "\n", line.map((token, index) => (_jsx("span", { className: tokenClass(token), children: token.content }, index)))] }, row))) })) : (_jsx("code", { children: code })) })] }), copyState === "error" && (_jsx("p", { role: "alert", className: "sprout-code-block-error", children: "Clipboard unavailable. Select the code to copy it, or try Copy again." })), !preview && (_jsx("span", { className: "sprout-code-block-sr-only", role: "status", children: copied ? "Code copied to clipboard." : "" }))] }));
+                        role: 'region',
+                        'aria-label': filename ?? `${languageLabel} code`,
+                    }), children: [lineNumbers && !wrap && (_jsx("pre", { "aria-hidden": "true", className: "sprout-code-block-gutter", children: Array.from({ length: lineCount }, (_, index) => index + 1).join('\n') })), _jsx("pre", { className: "sprout-code-block-pre", children: tokens ? (_jsx("code", { className: "sprout-code-block-syntax", children: tokens.map((line, row) => (_jsxs(Fragment, { children: [row > 0 && '\n', line.map((token, index) => (_jsx("span", { className: tokenClass(token), children: token.content }, index)))] }, row))) })) : (_jsx("code", { children: code })) })] }), copyState === 'error' && (_jsx("p", { role: "alert", className: "sprout-code-block-error", children: "Clipboard unavailable. Select the code to copy it, or try Copy again." })), !preview && (_jsx("span", { className: "sprout-code-block-sr-only", role: "status", children: copied ? 'Code copied to clipboard.' : '' }))] }));
 }

package/dist/components/collapsible.d.ts

@@ -1,4 +1,4 @@
-import { Collapsible as BaseCollapsible } from "@base-ui/react/collapsible";
+import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';
 export declare const collapsibleContentVariantNames: readonly ["default", "sidebar", "card"];
 export type CollapsibleContentVariant = (typeof collapsibleContentVariantNames)[number];
 export type CollapsibleProps = BaseCollapsible.Root.Props;

package/dist/components/collapsible.js

@@ -1,18 +1,14 @@
-"use client";
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Collapsible as BaseCollapsible } from "@base-ui/react/collapsible";
-import { stateClassName } from "../internal/classes.js";
-export const collapsibleContentVariantNames = [
-    "default",
-    "sidebar",
-    "card",
-];
+import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';
+import { stateClassName } from '../internal/classes.js';
+export const collapsibleContentVariantNames = ['default', 'sidebar', 'card'];
 /**
  * Shows and hides one region. Pass `open` and `onOpenChange` to control it,
  * or `defaultOpen` to let it manage itself.
  */
 export function Collapsible({ className, ...props }) {
-    return (_jsx(BaseCollapsible.Root, { "data-slot": "collapsible", ...props, className: stateClassName("sprout-collapsible", className) }));
+    return (_jsx(BaseCollapsible.Root, { "data-slot": "collapsible", ...props, className: stateClassName('sprout-collapsible', className) }));
 }
 /**
  * The button that opens and closes the content. Use `render` to make a
@@ -20,8 +16,8 @@ export function Collapsible({ className, ...props }) {
  * `data-slot="collapsible-indicator"` and it turns while the content is open.
  */
 export function CollapsibleTrigger({ className, ...props }) {
-    return (_jsx(BaseCollapsible.Trigger, { "data-slot": "collapsible-trigger", ...props, className: stateClassName("sprout-collapsible-trigger", className) }));
+    return (_jsx(BaseCollapsible.Trigger, { "data-slot": "collapsible-trigger", ...props, className: stateClassName('sprout-collapsible-trigger', className) }));
 }
-export function CollapsibleContent({ variant = "default", className, ...props }) {
+export function CollapsibleContent({ variant = 'default', className, ...props }) {
     return (_jsx(BaseCollapsible.Panel, { "data-slot": "collapsible-content", "data-variant": variant, ...props, className: stateClassName(`sprout-collapsible-content sprout-collapsible-content-${variant}`, className) }));
 }

package/dist/components/combobox.d.ts

@@ -1,4 +1,4 @@
-import { Combobox as ComboboxPrimitive } from "@base-ui/react/combobox";
+import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
 export type ComboboxProps<Value, Multiple extends boolean | undefined = false> = ComboboxPrimitive.Root.Props<Value, Multiple>;
 /**
  * Holds the value, the typed query, and the open state. It takes every Base
@@ -22,7 +22,7 @@ export type ComboboxTriggerProps = ComboboxPrimitive.Trigger.Props;
  * its search field inside the list.
  */
 export declare function ComboboxTrigger({ className, children, ...props }: ComboboxTriggerProps): import("react").JSX.Element;
-export interface ComboboxInputProps extends Omit<ComboboxPrimitive.Input.Props, "className"> {
+export interface ComboboxInputProps extends Omit<ComboboxPrimitive.Input.Props, 'className'> {
     /** Classes for the surrounding `InputGroup`. */
     className?: string;
     /** Shows the chevron button that opens the list. On by default. */
@@ -40,7 +40,7 @@ export interface ComboboxInputProps extends Omit<ComboboxPrimitive.Input.Props,
  * inline-start `InputGroupAddon` with an icon.
  */
 export declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxInputProps): import("react").JSX.Element;
-type PositionerProps = Pick<ComboboxPrimitive.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">;
+type PositionerProps = Pick<ComboboxPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'>;
 export interface ComboboxContentProps extends ComboboxPrimitive.Popup.Props, PositionerProps {
 }
 /**

package/dist/components/combobox.js

@@ -1,13 +1,13 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import { Combobox as ComboboxPrimitive } from "@base-ui/react/combobox";
-import { Check } from "reicon-react/icons/Check";
-import { ChevronDown } from "reicon-react/icons/ChevronDown";
-import { X } from "reicon-react/icons/X";
-import { cn, stateClassName } from "../internal/classes.js";
-import { Button } from "./button.js";
-import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, } from "./input-group.js";
+import { useRef } from 'react';
+import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
+import { Check } from 'reicon-react/icons/Check';
+import { ChevronDown } from 'reicon-react/icons/ChevronDown';
+import { X } from 'reicon-react/icons/X';
+import { cn, stateClassName } from '../internal/classes.js';
+import { Button } from './button.js';
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from './input-group.js';
 /**
  * Holds the value, the typed query, and the open state. It takes every Base
  * UI combobox root prop, including `items`, `multiple`, `value`,
@@ -30,10 +30,10 @@ export function ComboboxValue(props) {
  * its search field inside the list.
  */
 export function ComboboxTrigger({ className, children, ...props }) {
-    return (_jsxs(ComboboxPrimitive.Trigger, { "data-slot": "combobox-trigger", "aria-label": children == null ? "Show options" : undefined, ...props, className: stateClassName("sprout-combobox-trigger", className), children: [children, _jsx(ChevronDown, { "aria-hidden": "true", className: "sprout-combobox-trigger-icon" })] }));
+    return (_jsxs(ComboboxPrimitive.Trigger, { "data-slot": "combobox-trigger", "aria-label": children == null ? 'Show options' : undefined, ...props, className: stateClassName('sprout-combobox-trigger', className), children: [children, _jsx(ChevronDown, { "aria-hidden": "true", className: "sprout-combobox-trigger-icon" })] }));
 }
 function ComboboxClear({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.Clear, { "data-slot": "combobox-clear", "aria-label": "Clear selection", render: _jsx(InputGroupButton, { variant: "ghost", size: "icon-xs" }), ...props, className: stateClassName("sprout-combobox-clear", className), children: _jsx(X, { "aria-hidden": "true" }) }));
+    return (_jsx(ComboboxPrimitive.Clear, { "data-slot": "combobox-clear", "aria-label": "Clear selection", render: _jsx(InputGroupButton, { variant: "ghost", size: "icon-xs" }), ...props, className: stateClassName('sprout-combobox-clear', className), children: _jsx(X, { "aria-hidden": "true" }) }));
 }
 /**
  * A search field in a Sprout `InputGroup`. Typing filters the list; the
@@ -42,7 +42,7 @@ function ComboboxClear({ className, ...props }) {
  * inline-start `InputGroupAddon` with an icon.
  */
 export function ComboboxInput({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }) {
-    return (_jsxs(InputGroup, { className: cn("sprout-combobox-input-group", className), children: [_jsx(ComboboxPrimitive.Input, { render: _jsx(InputGroupInput, {}), disabled: disabled, ...props }), _jsxs(InputGroupAddon, { align: "inline-end", children: [showTrigger && (_jsx(InputGroupButton, { size: "icon-xs", variant: "ghost", render: _jsx(ComboboxTrigger, {}), "data-slot": "input-group-button", className: "sprout-combobox-input-trigger", disabled: disabled })), showClear && _jsx(ComboboxClear, { disabled: disabled })] }), children] }));
+    return (_jsxs(InputGroup, { className: cn('sprout-combobox-input-group', className), children: [_jsx(ComboboxPrimitive.Input, { render: _jsx(InputGroupInput, {}), disabled: disabled, ...props }), _jsxs(InputGroupAddon, { align: "inline-end", children: [showTrigger && (_jsx(InputGroupButton, { size: "icon-xs", variant: "ghost", render: _jsx(ComboboxTrigger, {}), "data-slot": "input-group-button", className: "sprout-combobox-input-trigger", disabled: disabled })), showClear && _jsx(ComboboxClear, { disabled: disabled })] }), children] }));
 }
 /**
  * The list surface. It renders its own portal and positioner, opens below
@@ -50,28 +50,28 @@ export function ComboboxInput({ className, children, disabled = false, showTrigg
  * Pass `anchor` from `useComboboxAnchor` to line it up with a whole chips
  * field instead of the text input.
  */
-export function ComboboxContent({ className, side = "bottom", sideOffset = 6, align = "start", alignOffset = 0, anchor, ...props }) {
-    return (_jsx(ComboboxPrimitive.Portal, { children: _jsx(ComboboxPrimitive.Positioner, { className: "sprout-combobox-positioner", side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, collisionPadding: 8, children: _jsx(ComboboxPrimitive.Popup, { "data-slot": "combobox-content", "data-chips": !!anchor, ...props, className: stateClassName("sprout-combobox-content", className) }) }) }));
+export function ComboboxContent({ className, side = 'bottom', sideOffset = 6, align = 'start', alignOffset = 0, anchor, ...props }) {
+    return (_jsx(ComboboxPrimitive.Portal, { children: _jsx(ComboboxPrimitive.Positioner, { className: "sprout-combobox-positioner", side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, collisionPadding: 8, children: _jsx(ComboboxPrimitive.Popup, { "data-slot": "combobox-content", "data-chips": !!anchor, ...props, className: stateClassName('sprout-combobox-content', className) }) }) }));
 }
 /** Holds the items. Pass a function as children to render each filtered item. */
 export function ComboboxList({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.List, { "data-slot": "combobox-list", ...props, className: stateClassName("sprout-combobox-list", className) }));
+    return (_jsx(ComboboxPrimitive.List, { "data-slot": "combobox-list", ...props, className: stateClassName('sprout-combobox-list', className) }));
 }
 /** One choice. Long text wraps. A check mark shows when it is chosen. */
 export function ComboboxItem({ className, children, ...props }) {
-    return (_jsxs(ComboboxPrimitive.Item, { "data-slot": "combobox-item", ...props, className: stateClassName("sprout-combobox-item", className), children: [children, _jsx(ComboboxPrimitive.ItemIndicator, { className: "sprout-combobox-item-indicator", render: _jsx("span", {}), children: _jsx(Check, { "aria-hidden": "true" }) })] }));
+    return (_jsxs(ComboboxPrimitive.Item, { "data-slot": "combobox-item", ...props, className: stateClassName('sprout-combobox-item', className), children: [children, _jsx(ComboboxPrimitive.ItemIndicator, { className: "sprout-combobox-item-indicator", render: _jsx("span", {}), children: _jsx(Check, { "aria-hidden": "true" }) })] }));
 }
 /** Groups related items. Pass `items` and a `ComboboxCollection` to filter inside it. */
 export function ComboboxGroup({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.Group, { "data-slot": "combobox-group", ...props, className: stateClassName("sprout-combobox-group", className) }));
+    return (_jsx(ComboboxPrimitive.Group, { "data-slot": "combobox-group", ...props, className: stateClassName('sprout-combobox-group', className) }));
 }
 /** A small muted heading that names a `ComboboxGroup`. */
 export function ComboboxLabel({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.GroupLabel, { "data-slot": "combobox-label", ...props, className: stateClassName("sprout-combobox-label", className) }));
+    return (_jsx(ComboboxPrimitive.GroupLabel, { "data-slot": "combobox-label", ...props, className: stateClassName('sprout-combobox-label', className) }));
 }
 /** Renders the filtered items of the surrounding group with a function child. */
 export function ComboboxCollection(props) {
-    return (_jsx(ComboboxPrimitive.Collection, { "data-slot": "combobox-collection", ...props }));
+    return _jsx(ComboboxPrimitive.Collection, { "data-slot": "combobox-collection", ...props });
 }
 /**
  * Shows its children only when no item matches, and announces them to
@@ -79,10 +79,10 @@ export function ComboboxCollection(props) {
  * items.
  */
 export function ComboboxEmpty({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.Empty, { "data-slot": "combobox-empty", ...props, className: stateClassName("sprout-combobox-empty", className) }));
+    return (_jsx(ComboboxPrimitive.Empty, { "data-slot": "combobox-empty", ...props, className: stateClassName('sprout-combobox-empty', className) }));
 }
 export function ComboboxSeparator({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.Separator, { "data-slot": "combobox-separator", ...props, className: stateClassName("sprout-combobox-separator", className) }));
+    return (_jsx(ComboboxPrimitive.Separator, { "data-slot": "combobox-separator", ...props, className: stateClassName('sprout-combobox-separator', className) }));
 }
 /**
  * The bordered field for `multiple` comboboxes. Put a `ComboboxValue` that
@@ -90,15 +90,15 @@ export function ComboboxSeparator({ className, ...props }) {
  * and right move between chips; Backspace removes one.
  */
 export function ComboboxChips({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.Chips, { "data-slot": "combobox-chips", ...props, className: stateClassName("sprout-combobox-chips", className) }));
+    return (_jsx(ComboboxPrimitive.Chips, { "data-slot": "combobox-chips", ...props, className: stateClassName('sprout-combobox-chips', className) }));
 }
 /** One chosen value inside `ComboboxChips`. */
 export function ComboboxChip({ className, children, showRemove = true, ...props }) {
-    return (_jsxs(ComboboxPrimitive.Chip, { "data-slot": "combobox-chip", ...props, className: stateClassName("sprout-combobox-chip", className), children: [children, showRemove && (_jsx(ComboboxPrimitive.ChipRemove, { "aria-label": typeof children === "string" ? `Remove ${children}` : "Remove item", render: _jsx(Button, { variant: "ghost", size: "icon-xs" }), className: "sprout-combobox-chip-remove", "data-slot": "combobox-chip-remove", children: _jsx(X, { "aria-hidden": "true" }) }))] }));
+    return (_jsxs(ComboboxPrimitive.Chip, { "data-slot": "combobox-chip", ...props, className: stateClassName('sprout-combobox-chip', className), children: [children, showRemove && (_jsx(ComboboxPrimitive.ChipRemove, { "aria-label": typeof children === 'string' ? `Remove ${children}` : 'Remove item', render: _jsx(Button, { variant: "ghost", size: "icon-xs" }), className: "sprout-combobox-chip-remove", "data-slot": "combobox-chip-remove", children: _jsx(X, { "aria-hidden": "true" }) }))] }));
 }
 /** The text input that sits after the chips and fills the rest of the row. */
 export function ComboboxChipsInput({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.Input, { "data-slot": "combobox-chip-input", ...props, className: stateClassName("sprout-combobox-chips-input", className) }));
+    return (_jsx(ComboboxPrimitive.Input, { "data-slot": "combobox-chip-input", ...props, className: stateClassName('sprout-combobox-chips-input', className) }));
 }
 /** A ref for `ComboboxChips` to pass as `ComboboxContent`’s `anchor`. */
 export function useComboboxAnchor() {