@pollinations/ui 0.1.0-alpha.0 → 0.1.0-alpha.1

package/dist/index.d.ts

@@ -1,37 +1,12 @@
 import * as react from 'react';
-import { FC, ComponentPropsWithoutRef, ReactNode, ButtonHTMLAttributes, PropsWithChildren, CSSProperties } from 'react';
-export { B as Button, a as ButtonProps } from './Button-DQAZzvyQ.js';
-export { C as Chip } from './Chip-C5impfYd.js';
+import { FC, ComponentPropsWithoutRef, ReactNode, RefObject, ButtonHTMLAttributes, PropsWithChildren, CSSProperties, ElementType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { T as ThemeName } from './theme-jRPPBmld.js';
+export { t as themePalette, a as themes } from './theme-jRPPBmld.js';
+export { C as Chip } from './Chip-Cj4xG7Te.js';
 import { Dialog as Dialog$1 } from '@ark-ui/react/dialog';
-import { T as ThemeName } from './theme-VMRlhqST.js';
-export { t as themes } from './theme-VMRlhqST.js';
 export { Field } from '@ark-ui/react/field';
 
-/** Class merge for apps consuming the unprefixed Tailwind bridge in app.css. */
-declare function cn(...inputs: (string | undefined | null | false)[]): string;
-
-type RejectReason = "type" | "size" | "count";
-type RejectedFile = {
-    file: File;
-    reason: RejectReason;
-};
-
-type PeriodGranularity = "day" | "week" | "month";
-type PeriodSelection = {
-    granularity: PeriodGranularity;
-    period: string;
-};
-declare function currentPeriod(): PeriodSelection;
-declare function getPeriodBucketKeys(selection: PeriodSelection): string[];
-declare function periodBucketKeyToDate(bucketKey: string, granularity: PeriodGranularity): Date;
-
-/**
- * Locks page scroll while enabled and restores the original overflow values on
- * cleanup.
- */
-declare function useScrollLock(enabled?: boolean): void;
-
 type AlertIntent = "info" | "success" | "warning" | "danger";
 type AlertProps = ComponentPropsWithoutRef<"div"> & {
     intent?: AlertIntent;
@@ -39,21 +14,27 @@ type AlertProps = ComponentPropsWithoutRef<"div"> & {
 };
 declare const Alert: FC<AlertProps>;
 
-type ButtonGroupProps = ComponentPropsWithoutRef<"div"> & {
-    wrap?: boolean;
+type ScrollTargetRef = RefObject<HTMLElement | null>;
+type AppHeaderProps = {
+    children?: ReactNode;
+    navLabel: string;
+    autoHide?: boolean;
+    scrollTargetRef?: ScrollTargetRef;
+    brandHref?: string;
+    brandLabel?: string;
+    className?: string;
+    innerClassName?: string;
+    navClassName?: string;
 };
-declare const ButtonGroup: FC<ButtonGroupProps>;
+declare function AppHeader({ children, navLabel, autoHide, scrollTargetRef, brandHref, brandLabel, className, innerClassName, navClassName, }: AppHeaderProps): react_jsx_runtime.JSX.Element;
 
-type ChevronIconProps = {
-    /** Rotate 180° when expanded/open. */
-    expanded?: boolean;
-    className?: string;
+type CodeBlockOwnProps = {
+    code: string;
+    theme?: ThemeName;
+    codeClassName?: string;
 };
-/**
- * Canonical chevron used for collapsibles, dropdown triggers, and select pills
- * across the app. One icon everywhere.
- */
-declare const ChevronIcon: FC<ChevronIconProps>;
+type CodeBlockProps = CodeBlockOwnProps & Omit<ComponentPropsWithoutRef<"div">, keyof CodeBlockOwnProps | "children">;
+declare const CodeBlock: FC<CodeBlockProps>;
 
 type CollapsibleProps = {
     /** Header content (label, hint, etc). */
@@ -74,7 +55,7 @@ type CollapsibleProps = {
     ariaLabel?: string;
 };
 /**
- * Collapsible row primitive. One chevron, one hover/rounded behaviour for
+ * Collapsible row composition. One chevron, one hover/rounded behaviour for
  * every collapsible in the UI. Use this for any "click to reveal nested
  * content" UI — nested settings, grouped controls, optional details.
  *
@@ -97,56 +78,6 @@ type CopyButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"
 };
 declare function CopyButton({ value, children, copiedTimeoutMs, tooltip, copiedTooltip, tooltipClassName, className, onCopied, onCopyError, ...buttonProps }: CopyButtonProps): react_jsx_runtime.JSX.Element;
 
-declare const sizeClasses: {
-    readonly sm: "polli:max-w-md";
-    readonly md: "polli:max-w-xl";
-    readonly lg: "polli:max-w-2xl";
-};
-type DialogProps = {
-    open: boolean;
-    onOpenChange?: (open: boolean) => void;
-    trigger?: ReactNode;
-    triggerAsChild?: boolean;
-    triggerClassName?: string;
-    title?: ReactNode;
-    titleClassName?: string;
-    ariaLabel?: string;
-    labelledBy?: string;
-    theme?: ThemeName;
-    size?: keyof typeof sizeClasses;
-    showBackdrop?: boolean;
-    backdropClassName?: string;
-    positionerClassName?: string;
-    contentClassName?: string;
-    children: ReactNode;
-};
-declare const Dialog: FC<DialogProps>;
-declare const DialogTitle: react.ForwardRefExoticComponent<Dialog$1.TitleProps & react.RefAttributes<HTMLHeadingElement>>;
-
-type DropdownProps = {
-    theme: ThemeName;
-    /** Trigger element; receives the current open state (e.g. to rotate a chevron). */
-    trigger: (open: boolean) => ReactNode;
-    /** Panel content. As a function, receives `close` to dismiss after a selection. */
-    children: ReactNode | ((close: () => void) => ReactNode);
-    /** Panel placement relative to the trigger. */
-    align?: "start" | "end";
-    /** Controlled open state. Omit to let the Dropdown manage its own. */
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    /** Appended after the surface (widths, padding, max-height…). */
-    className?: string;
-};
-declare const Dropdown: FC<DropdownProps>;
-
-type BaseDropdownItemProps = {
-    className?: string;
-};
-type DropdownItemProps<T extends React.ElementType = "button"> = PropsWithChildren<BaseDropdownItemProps> & {
-    as?: T;
-} & Omit<React.ComponentPropsWithoutRef<T>, keyof BaseDropdownItemProps | "as">;
-declare function DropdownItem<T extends React.ElementType = "button">({ as, className, children, ...rest }: DropdownItemProps<T>): react_jsx_runtime.JSX.Element;
-
 type ExternalLinkButtonProps = {
     theme: ThemeName;
     href: string;
@@ -156,6 +87,12 @@ type ExternalLinkButtonProps = {
 };
 declare const ExternalLinkButton: FC<ExternalLinkButtonProps>;
 
+type RejectReason = "type" | "size" | "count";
+type RejectedFile = {
+    file: File;
+    reason: RejectReason;
+};
+
 type FileUploadProps = {
     value: File[];
     onChange: (files: File[]) => void;
@@ -163,24 +100,16 @@ type FileUploadProps = {
     maxFiles?: number;
     maxSizeBytes?: number;
     accept?: string;
+    icon?: ReactNode;
+    label?: ReactNode;
+    previewIcon?: ReactNode;
     /** Fully locks the field: no add, no remove, drops ignored. */
     disabled?: boolean;
     /** Optional cascade override; defaults to the inherited `[data-theme]`. */
     theme?: ThemeName;
     className?: string;
 };
-declare function FileUpload({ value, onChange, onReject, maxFiles, maxSizeBytes, accept, disabled, theme, className, }: FileUploadProps): react_jsx_runtime.JSX.Element;
-
-/** IconButton only supports `danger` (delete icons). */
-type IconButtonIntent = "danger";
-type IconButtonProps = {
-    intent?: IconButtonIntent;
-    title?: string;
-    onClick: () => void;
-    children: ReactNode;
-    className?: string;
-};
-declare const IconButton: FC<IconButtonProps>;
+declare function FileUpload({ value, onChange, onReject, maxFiles, maxSizeBytes, accept, icon, label, previewIcon, disabled, theme, className, }: FileUploadProps): react_jsx_runtime.JSX.Element;
 
 type InfoTipProps = {
     text?: ReactNode;
@@ -197,53 +126,6 @@ type InfoTipProps = {
  */
 declare const InfoTip: FC<InfoTipProps>;
 
-type BaseInlineLinkProps = {
-    /** Override the cascade theme for this link's subtree. */
-    theme?: ThemeName;
-    /** Set explicitly for non-http external links, or false for custom routing components. */
-    external?: boolean;
-    showIcon?: boolean;
-    className?: string;
-};
-type InlineLinkProps<T extends React.ElementType = "a"> = PropsWithChildren<BaseInlineLinkProps> & {
-    as?: T;
-} & Omit<React.ComponentPropsWithoutRef<T>, keyof BaseInlineLinkProps | "as">;
-declare function InlineLink<T extends React.ElementType = "a">({ as, theme, external, showIcon, className, children, ...linkProps }: InlineLinkProps<T>): react_jsx_runtime.JSX.Element;
-
-type InputProps = React.ComponentPropsWithoutRef<"input"> & {
-    error?: boolean;
-    hideNumberSteppers?: boolean;
-};
-declare const Input: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    error?: boolean;
-    hideNumberSteppers?: boolean;
-} & react.RefAttributes<HTMLInputElement>>;
-
-/** Icons inherit color via currentColor and size via className or SVG props. */
-type IconProps = ComponentPropsWithoutRef<"svg">;
-
-declare function AppIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function BeakerIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function BookIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function CheckIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function ClipboardIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function ClockIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function DiscordIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function DownloadIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function ExternalLinkIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function GenApiIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function GitHubIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function ImageIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function LockIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function MailIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function McpIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function MenuIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function TerminalIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function TokensIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function TrendUpIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function WalletIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-declare function XIcon(props: IconProps): react_jsx_runtime.JSX.Element;
-
 type BaseLinkCardProps = {
     /** Override the cascade theme for this card's subtree. */
     theme?: ThemeName;
@@ -264,6 +146,15 @@ type MarkdownProps = {
 /** Compact markdown for cards and snippets. Use Prose for document-style content. */
 declare function Markdown({ children, className }: MarkdownProps): react_jsx_runtime.JSX.Element;
 
+type MediaPlaceholderProps = ComponentPropsWithoutRef<"div"> & {
+    theme?: ThemeName;
+    icon?: ReactNode;
+    label?: ReactNode;
+    detail?: ReactNode;
+    action?: ReactNode;
+};
+declare const MediaPlaceholder: FC<MediaPlaceholderProps>;
+
 type MultiSelectOption = {
     value: string;
     label: string;
@@ -299,6 +190,15 @@ type NavItemProps<T extends React.ElementType = "button"> = PropsWithChildren<Ba
  */
 declare function NavItem<T extends React.ElementType = "button">({ as, theme, active, className, children, ...rest }: NavItemProps<T>): react_jsx_runtime.JSX.Element;
 
+type PeriodGranularity = "day" | "week" | "month";
+type PeriodSelection = {
+    granularity: PeriodGranularity;
+    period: string;
+};
+declare function currentPeriod(): PeriodSelection;
+declare function getPeriodBucketKeys(selection: PeriodSelection): string[];
+declare function periodBucketKeyToDate(bucketKey: string, granularity: PeriodGranularity): Date;
+
 type PeriodPickerProps = {
     value: PeriodSelection;
     onChange: (value: PeriodSelection) => void;
@@ -314,23 +214,6 @@ type ProseProps = {
 };
 declare function Prose({ children, className }: ProseProps): react_jsx_runtime.JSX.Element;
 
-type ScrollAxis = "y" | "x";
-type ScrollAreaOwnProps = {
-    /** Override the ambient cascade theme for this scroller's thumb. */
-    theme?: ThemeName;
-    /** Scroll direction. Default `y`. */
-    axis?: ScrollAxis;
-    className?: string;
-};
-type ScrollAreaProps = PropsWithChildren<ScrollAreaOwnProps & Omit<ComponentPropsWithoutRef<"div">, keyof ScrollAreaOwnProps>>;
-/**
- * Themed auto-hide scroll container. Thumb color follows the nearest
- * `[data-theme="..."]` ancestor; pass `theme` to override locally.
- */
-declare const ScrollArea: react.ForwardRefExoticComponent<ScrollAreaOwnProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof ScrollAreaOwnProps> & {
-    children?: react.ReactNode | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
-
 type SectionProps = {
     title: string;
     theme: ThemeName;
@@ -346,19 +229,16 @@ type SectionProps = {
 };
 declare const Section: FC<SectionProps>;
 
-type SliderProps = Omit<React.ComponentPropsWithoutRef<"input">, "type"> & {
-    /** Fill percentage from 0-100. Falls back to value/min/max when omitted. */
-    progress?: number;
-};
-declare const Slider: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type"> & {
-    /** Fill percentage from 0-100. Falls back to value/min/max when omitted. */
-    progress?: number;
-} & react.RefAttributes<HTMLInputElement>>;
-
+/**
+ * - `stat` — large numeric value (default)
+ * - `fact` — small wrapping prose value (labeled fact tile)
+ */
+type StatCardVariant = "stat" | "fact";
 type StatCardProps = {
     label: ReactNode;
     value: ReactNode;
     detail?: ReactNode;
+    variant?: StatCardVariant;
     theme?: ThemeName;
     className?: string;
     labelClassName?: string;
@@ -367,6 +247,188 @@ type StatCardProps = {
 };
 declare const StatCard: FC<StatCardProps>;
 
+/** Class merge for apps consuming the unprefixed Tailwind bridge in app.css. */
+declare function cn(...inputs: (string | undefined | null | false)[]): string;
+
+/**
+ * Locks page scroll while enabled and restores the original overflow values on
+ * cleanup.
+ */
+declare function useScrollLock(enabled?: boolean): void;
+
+/** Button only supports `danger`. Label/status color recipes live on Chip. */
+type ButtonIntent = "danger";
+declare const sizes: {
+    readonly sm: "polli:px-2 polli:pt-0.5 polli:pb-1";
+    readonly md: "polli:px-4 polli:pt-1.5 polli:pb-2";
+    readonly lg: "polli:px-6 polli:py-3";
+};
+type BaseButtonProps = {
+    /** Override the cascade theme for this button's subtree. Ignored when `intent` is set. */
+    theme?: ThemeName;
+    /** Only `"danger"` for now. */
+    intent?: ButtonIntent;
+    size?: keyof typeof sizes;
+    className?: string;
+    disabled?: boolean;
+};
+type ButtonProps<T extends React.ElementType = "button"> = PropsWithChildren<BaseButtonProps> & {
+    as?: T;
+} & Omit<React.ComponentPropsWithoutRef<T>, keyof BaseButtonProps | "as">;
+declare function Button<T extends React.ElementType = "button">({ as, children, theme, intent, size, className, disabled, ...buttonProps }: ButtonProps<T>): react_jsx_runtime.JSX.Element;
+
+type ButtonGroupProps = ComponentPropsWithoutRef<"div"> & {
+    wrap?: boolean;
+};
+declare const ButtonGroup: FC<ButtonGroupProps>;
+
+type ChevronIconProps = {
+    /** Rotate 180° when expanded/open. */
+    expanded?: boolean;
+    className?: string;
+};
+/**
+ * Canonical chevron used for collapsibles, dropdown triggers, and select pills
+ * across the app. One icon everywhere.
+ */
+declare const ChevronIcon: FC<ChevronIconProps>;
+
+declare const sizeClasses: {
+    readonly sm: "polli:max-w-md";
+    readonly md: "polli:max-w-xl";
+    readonly lg: "polli:max-w-2xl";
+};
+type DialogProps = {
+    open: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: ReactNode;
+    triggerAsChild?: boolean;
+    triggerClassName?: string;
+    title?: ReactNode;
+    titleClassName?: string;
+    ariaLabel?: string;
+    labelledBy?: string;
+    theme?: ThemeName;
+    size?: keyof typeof sizeClasses;
+    showBackdrop?: boolean;
+    backdropClassName?: string;
+    positionerClassName?: string;
+    contentClassName?: string;
+    children: ReactNode;
+};
+declare const Dialog: FC<DialogProps>;
+declare const DialogTitle: react.ForwardRefExoticComponent<Dialog$1.TitleProps & react.RefAttributes<HTMLHeadingElement>>;
+
+type DropdownProps = {
+    theme: ThemeName;
+    /** Trigger element; receives the current open state (e.g. to rotate a chevron). */
+    trigger: (open: boolean) => ReactNode;
+    /** Panel content. As a function, receives `close` to dismiss after a selection. */
+    children: ReactNode | ((close: () => void) => ReactNode);
+    /** Panel placement relative to the trigger. */
+    align?: "start" | "end";
+    /** Controlled open state. Omit to let the Dropdown manage its own. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Appended after the surface (widths, padding, max-height…). */
+    className?: string;
+};
+declare const Dropdown: FC<DropdownProps>;
+
+type BaseDropdownItemProps = {
+    className?: string;
+};
+type DropdownItemProps<T extends React.ElementType = "button"> = PropsWithChildren<BaseDropdownItemProps> & {
+    as?: T;
+} & Omit<React.ComponentPropsWithoutRef<T>, keyof BaseDropdownItemProps | "as">;
+declare function DropdownItem<T extends React.ElementType = "button">({ as, className, children, ...rest }: DropdownItemProps<T>): react_jsx_runtime.JSX.Element;
+
+/** IconButton only supports `danger` (delete icons). */
+type IconButtonIntent = "danger";
+type IconButtonProps = {
+    intent?: IconButtonIntent;
+    title?: string;
+    onClick: () => void;
+    children: ReactNode;
+    className?: string;
+};
+declare const IconButton: FC<IconButtonProps>;
+
+type BaseInlineLinkProps = {
+    /** Override the cascade theme for this link's subtree. */
+    theme?: ThemeName;
+    /** Set explicitly for non-http external links, or false for custom routing components. */
+    external?: boolean;
+    showIcon?: boolean;
+    className?: string;
+};
+type InlineLinkProps<T extends React.ElementType = "a"> = PropsWithChildren<BaseInlineLinkProps> & {
+    as?: T;
+} & Omit<React.ComponentPropsWithoutRef<T>, keyof BaseInlineLinkProps | "as">;
+declare function InlineLink<T extends React.ElementType = "a">({ as, theme, external, showIcon, className, children, ...linkProps }: InlineLinkProps<T>): react_jsx_runtime.JSX.Element;
+
+type InputProps = React.ComponentPropsWithoutRef<"input"> & {
+    error?: boolean;
+    hideNumberSteppers?: boolean;
+};
+declare const Input: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    error?: boolean;
+    hideNumberSteppers?: boolean;
+} & react.RefAttributes<HTMLInputElement>>;
+
+/** Icons inherit color via currentColor and size via className or SVG props. */
+type IconProps = ComponentPropsWithoutRef<"svg">;
+
+declare function AppIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function BeakerIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function BookIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function CheckIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function ClipboardIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function ClockIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function DiscordIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function DownloadIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function ExternalLinkIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function GenApiIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function GitHubIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function ImageIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function AudioIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function LockIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function MailIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function McpIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function MenuIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function PlusIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function TerminalIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function TokensIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function TrendUpIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function WalletIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function XIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+
+type ScrollAxis = "y" | "x";
+type ScrollAreaOwnProps = {
+    /** Override the ambient cascade theme for this scroller's thumb. */
+    theme?: ThemeName;
+    /** Scroll direction. Default `y`. */
+    axis?: ScrollAxis;
+    className?: string;
+};
+type ScrollAreaProps = PropsWithChildren<ScrollAreaOwnProps & Omit<ComponentPropsWithoutRef<"div">, keyof ScrollAreaOwnProps>>;
+/**
+ * Themed auto-hide scroll container. Thumb color follows the nearest
+ * `[data-theme="..."]` ancestor; pass `theme` to override locally.
+ */
+declare const ScrollArea: react.ForwardRefExoticComponent<ScrollAreaOwnProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof ScrollAreaOwnProps> & {
+    children?: react.ReactNode | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type SliderProps = Omit<React.ComponentPropsWithoutRef<"input">, "type"> & {
+    /** Fill percentage from 0-100. Falls back to value/min/max when omitted. */
+    progress?: number;
+};
+declare const Slider: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type"> & {
+    /** Fill percentage from 0-100. Falls back to value/min/max when omitted. */
+    progress?: number;
+} & react.RefAttributes<HTMLInputElement>>;
+
 type SurfaceVariant = "panel" | "card" | "card-themed";
 type SurfaceOwnProps = {
     /** Override the cascade theme for this surface's subtree. */
@@ -470,4 +532,32 @@ type TooltipProps = {
 };
 declare const Tooltip: FC<TooltipProps>;
 
-export { Alert, type AlertProps, AppIcon, BeakerIcon, BookIcon, ButtonGroup, type ButtonGroupProps, CheckIcon, ChevronIcon, ClipboardIcon, ClockIcon, Collapsible, type CollapsibleProps, CopyButton, type CopyButtonProps, Dialog, type DialogProps, DialogTitle, DiscordIcon, DownloadIcon, Dropdown, DropdownItem, type DropdownItemProps, type DropdownProps, ExternalLinkButton, type ExternalLinkButtonProps, ExternalLinkIcon, FileUpload, type FileUploadProps, GenApiIcon, GitHubIcon, IconButton, type IconProps, ImageIcon, InfoTip, InlineLink, type InlineLinkProps, Input, type InputProps, LinkCard, type LinkCardProps, LockIcon, MailIcon, Markdown, type MarkdownProps, McpIcon, MenuIcon, MultiSelect, type MultiSelectProps, NavItem, type NavItemProps, type PeriodGranularity, PeriodPicker, type PeriodPickerProps, type PeriodSelection, Prose, type ProseProps, type RejectReason, type RejectedFile, ScrollArea, type ScrollAreaProps, Section, type SectionProps, Slider, type SliderProps, StatCard, type StatCardProps, Surface, Switch, type SwitchProps, type SwitchStatus, TabButton, type TabButtonProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeaderCell, type TableHeaderCellProps, type TableProps, TableRow, type TableRowProps, TerminalIcon, Textarea, type TextareaProps, ThemeName, TokensIcon, Tooltip, TrendUpIcon, WalletIcon, XIcon, cn, currentPeriod, getPeriodBucketKeys, periodBucketKeyToDate, useScrollLock };
+type HeadingSize = "display" | "title" | "section" | "subsection" | "card";
+type TextSize = "body" | "sm" | "xs" | "micro";
+type TextTone = "base" | "strong" | "soft" | "muted";
+type TextWeight = "normal" | "medium" | "semibold" | "bold";
+declare function headingClassName(size: HeadingSize, className?: string): string;
+declare function textClassName({ size, tone, weight, className, }: {
+    size: TextSize;
+    tone: TextTone;
+    weight: TextWeight;
+    className?: string;
+}): string;
+type HeadingOwnProps<T extends ElementType> = PropsWithChildren<{
+    as?: T;
+    size?: HeadingSize;
+    className?: string;
+}>;
+type HeadingProps<T extends ElementType = "h2"> = HeadingOwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof HeadingOwnProps<T>>;
+declare function Heading<T extends ElementType = "h2">({ as, size, className, children, ...rest }: HeadingProps<T>): react_jsx_runtime.JSX.Element;
+type TextOwnProps<T extends ElementType> = PropsWithChildren<{
+    as?: T;
+    size?: TextSize;
+    tone?: TextTone;
+    weight?: TextWeight;
+    className?: string;
+}>;
+type TextProps<T extends ElementType = "p"> = TextOwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof TextOwnProps<T>>;
+declare function Text<T extends ElementType = "p">({ as, size, tone, weight, className, children, ...rest }: TextProps<T>): react_jsx_runtime.JSX.Element;
+
+export { Alert, type AlertProps, AppHeader, type AppHeaderProps, AppIcon, AudioIcon, BeakerIcon, BookIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, CheckIcon, ChevronIcon, ClipboardIcon, ClockIcon, CodeBlock, type CodeBlockProps, Collapsible, type CollapsibleProps, CopyButton, type CopyButtonProps, Dialog, type DialogProps, DialogTitle, DiscordIcon, DownloadIcon, Dropdown, DropdownItem, type DropdownItemProps, type DropdownProps, ExternalLinkButton, type ExternalLinkButtonProps, ExternalLinkIcon, FileUpload, type FileUploadProps, GenApiIcon, GitHubIcon, Heading, type HeadingProps, type HeadingSize, IconButton, type IconProps, ImageIcon, InfoTip, InlineLink, type InlineLinkProps, Input, type InputProps, LinkCard, type LinkCardProps, LockIcon, MailIcon, Markdown, type MarkdownProps, McpIcon, MediaPlaceholder, type MediaPlaceholderProps, MenuIcon, MultiSelect, type MultiSelectProps, NavItem, type NavItemProps, type PeriodGranularity, PeriodPicker, type PeriodPickerProps, type PeriodSelection, PlusIcon, Prose, type ProseProps, type RejectReason, type RejectedFile, ScrollArea, type ScrollAreaProps, Section, type SectionProps, Slider, type SliderProps, StatCard, type StatCardProps, Surface, Switch, type SwitchProps, type SwitchStatus, TabButton, type TabButtonProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeaderCell, type TableHeaderCellProps, type TableProps, TableRow, type TableRowProps, TerminalIcon, Text, type TextProps, type TextSize, type TextTone, type TextWeight, Textarea, type TextareaProps, ThemeName, TokensIcon, Tooltip, TrendUpIcon, WalletIcon, XIcon, cn, currentPeriod, getPeriodBucketKeys, headingClassName, periodBucketKeyToDate, textClassName, useScrollLock };