@pollinations/ui 0.0.2 → 0.1.0-alpha.1

package/dist/index.d.ts

@@ -1,31 +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-Bn8pGg6N.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 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;
@@ -33,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). */
@@ -68,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.
  *
@@ -91,6 +78,221 @@ 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;
 
+type ExternalLinkButtonProps = {
+    theme: ThemeName;
+    href: string;
+    size?: "sm" | "md" | "lg";
+    className?: string;
+    children: ReactNode;
+};
+declare const ExternalLinkButton: FC<ExternalLinkButtonProps>;
+
+type RejectReason = "type" | "size" | "count";
+type RejectedFile = {
+    file: File;
+    reason: RejectReason;
+};
+
+type FileUploadProps = {
+    value: File[];
+    onChange: (files: File[]) => void;
+    onReject?: (rejected: RejectedFile[]) => void;
+    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, icon, label, previewIcon, disabled, theme, className, }: FileUploadProps): react_jsx_runtime.JSX.Element;
+
+type InfoTipProps = {
+    text?: ReactNode;
+    content?: ReactNode;
+    label?: string;
+};
+/**
+ * Small "i" badge that opens a tooltip on hover, click, or focus.
+ *
+ * Both the badge and the popup follow the page theme: badge reads
+ * `bg-theme-bg-active`; popup uses the universal recipe via `<Tooltip>`
+ * (`bg-theme-bg-pale` + `border-theme-border` + `text-theme-text-strong`,
+ * viewport-clamped). Cursor on the badge is `cursor-help`.
+ */
+declare const InfoTip: FC<InfoTipProps>;
+
+type BaseLinkCardProps = {
+    /** Override the cascade theme for this card's subtree. */
+    theme?: ThemeName;
+    external?: boolean;
+    showIcon?: boolean;
+    className?: string;
+    surfaceClassName?: string;
+};
+type LinkCardProps<T extends React.ElementType = "a"> = PropsWithChildren<BaseLinkCardProps> & {
+    as?: T;
+} & Omit<React.ComponentPropsWithoutRef<T>, keyof BaseLinkCardProps | "as">;
+declare function LinkCard<T extends React.ElementType = "a">({ as, theme, external, showIcon, className, surfaceClassName, children, ...linkProps }: LinkCardProps<T>): react_jsx_runtime.JSX.Element;
+
+type MarkdownProps = {
+    children: string;
+    className?: string;
+};
+/** 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;
+};
+type MultiSelectProps = {
+    options: MultiSelectOption[];
+    selected: string[];
+    onChange: (selected: string[]) => void;
+    placeholder: string;
+    disabled?: boolean;
+    disabledText?: string;
+    align?: "start" | "end";
+    label?: string;
+    theme: ThemeName;
+};
+declare const MultiSelect: FC<MultiSelectProps>;
+
+type BaseNavItemProps = {
+    /** Section color via the `[data-theme]` cascade — tints the dot + active fill. */
+    theme?: ThemeName;
+    /** Current/selected item — fills with the section color + sets `aria-current`. */
+    active?: boolean;
+    className?: string;
+};
+type NavItemProps<T extends React.ElementType = "button"> = PropsWithChildren<BaseNavItemProps> & {
+    as?: T;
+} & Omit<React.ComponentPropsWithoutRef<T>, keyof BaseNavItemProps | "as">;
+/**
+ * Minimal nav item — a themed pill with a persistent section-color dot, neutral
+ * when inactive and filled with the section color when active. Polymorphic:
+ * `<NavItem>` (button) for in-page nav, `<NavItem as={Link} active={…}>` for
+ * routed nav. Mirrors enter's sidebar item so both apps share one design.
+ */
+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;
+    theme: ThemeName;
+    minDate?: Date;
+    maxDate?: Date;
+};
+declare const PeriodPicker: FC<PeriodPickerProps>;
+
+type ProseProps = {
+    children: string;
+    className?: string;
+};
+declare function Prose({ children, className }: ProseProps): react_jsx_runtime.JSX.Element;
+
+type SectionProps = {
+    title: string;
+    theme: ThemeName;
+    id?: string;
+    framed?: boolean;
+    intro?: ReactNode;
+    action?: ReactNode;
+    actionClassName?: string;
+    panelClassName?: string;
+    titleClassName?: string;
+    children: ReactNode;
+    className?: string;
+};
+declare const Section: FC<SectionProps>;
+
+/**
+ * - `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;
+    valueClassName?: string;
+    detailClassName?: string;
+};
+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";
@@ -128,21 +330,18 @@ type DropdownProps = {
     /** Controlled open state. Omit to let the Dropdown manage its own. */
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-    /** Replaces the default themed surface (e.g. a differently-coloured menu). */
-    panelClassName?: string;
     /** Appended after the surface (widths, padding, max-height…). */
     className?: string;
 };
 declare const Dropdown: FC<DropdownProps>;
 
-type ExternalLinkButtonProps = {
-    theme: ThemeName;
-    href: string;
-    size?: "small" | "medium" | "large";
+type BaseDropdownItemProps = {
     className?: string;
-    children: ReactNode;
 };
-declare const ExternalLinkButton: FC<ExternalLinkButtonProps>;
+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";
@@ -155,20 +354,18 @@ type IconButtonProps = {
 };
 declare const IconButton: FC<IconButtonProps>;
 
-type InfoTipProps = {
-    text?: ReactNode;
-    content?: ReactNode;
-    label?: string;
+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;
 };
-/**
- * Small "i" badge that opens a tooltip on hover, click, or focus.
- *
- * Both the badge and the popup follow the page theme: badge reads
- * `bg-theme-bg-active`; popup uses the universal recipe via `<Tooltip>`
- * (`bg-theme-bg-pale` + `border-theme-border` + `text-theme-text-strong`,
- * viewport-clamped). Cursor on the badge is `cursor-help`.
- */
-declare const InfoTip: FC<InfoTipProps>;
+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;
@@ -194,42 +391,18 @@ declare function ExternalLinkIcon(props: IconProps): react_jsx_runtime.JSX.Eleme
 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 MultiSelectOption = {
-    value: string;
-    label: string;
-};
-type MultiSelectProps = {
-    options: MultiSelectOption[];
-    selected: string[];
-    onChange: (selected: string[]) => void;
-    placeholder: string;
-    disabled?: boolean;
-    disabledText?: string;
-    align?: "start" | "end";
-    label?: string;
-    theme: ThemeName;
-};
-declare const MultiSelect: FC<MultiSelectProps>;
-
-type PeriodPickerProps = {
-    value: PeriodSelection;
-    onChange: (value: PeriodSelection) => void;
-    theme: ThemeName;
-    minDate?: Date;
-    maxDate?: Date;
-};
-declare const PeriodPicker: FC<PeriodPickerProps>;
-
 type ScrollAxis = "y" | "x";
 type ScrollAreaOwnProps = {
     /** Override the ambient cascade theme for this scroller's thumb. */
@@ -247,18 +420,6 @@ declare const ScrollArea: react.ForwardRefExoticComponent<ScrollAreaOwnProps & O
     children?: react.ReactNode | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
-type SectionProps = {
-    title: string;
-    theme: ThemeName;
-    id?: string;
-    framed?: boolean;
-    action?: ReactNode;
-    actionClassName?: string;
-    children: ReactNode;
-    className?: string;
-};
-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;
@@ -268,18 +429,6 @@ declare const Slider: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHT
     progress?: number;
 } & react.RefAttributes<HTMLInputElement>>;
 
-type StatCardProps = {
-    label: ReactNode;
-    value: ReactNode;
-    detail?: ReactNode;
-    theme?: ThemeName;
-    className?: string;
-    labelClassName?: string;
-    valueClassName?: string;
-    detailClassName?: string;
-};
-declare const StatCard: FC<StatCardProps>;
-
 type SurfaceVariant = "panel" | "card" | "card-themed";
 type SurfaceOwnProps = {
     /** Override the cascade theme for this surface's subtree. */
@@ -323,7 +472,8 @@ type TabButtonProps = {
     children: ReactNode;
     /** Optional cascade override; defaults to inherited [data-theme]. */
     theme?: ThemeName;
-    size?: "medium" | "small";
+    size?: "md" | "sm";
+    variant?: "default" | "ghost";
     ariaLabel?: string;
     disabled?: boolean;
     className?: string;
@@ -358,6 +508,13 @@ type TableCellProps = ComponentPropsWithoutRef<"td"> & {
 };
 declare const TableCell: FC<TableCellProps>;
 
+type TextareaProps = React.ComponentPropsWithoutRef<"textarea"> & {
+    error?: boolean;
+};
+declare const Textarea: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
+    error?: boolean;
+} & react.RefAttributes<HTMLTextAreaElement>>;
+
 type TooltipProps = {
     children: ReactNode;
     content: ReactNode;
@@ -375,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, type DropdownProps, ExternalLinkButton, type ExternalLinkButtonProps, ExternalLinkIcon, GenApiIcon, GitHubIcon, IconButton, type IconProps, ImageIcon, InfoTip, Input, type InputProps, LockIcon, MailIcon, McpIcon, MenuIcon, MultiSelect, type MultiSelectProps, type PeriodGranularity, PeriodPicker, type PeriodPickerProps, type PeriodSelection, 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, 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 };