@hilum/ui 3.2.3 → 3.2.4

package/dist/index.d.ts

@@ -2,12 +2,12 @@ import { ClassValue } from 'clsx';
 import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
 import * as React from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { DropdownMenu, Accordion, AlertDialog, AspectRatio, Avatar as Avatar$1, Checkbox, Collapsible, ContextMenu, Dialog, HoverCard, Label as Label$1, Menubar, NavigationMenu, Popover, Progress, RadioGroup, ScrollArea, Select, Separator as Separator$1, Slider, Switch, Tabs, ToggleGroup, Toggle, Tooltip } from 'radix-ui';
+import { DropdownMenu, Accordion, AlertDialog, AspectRatio, Avatar as Avatar$1, Checkbox, Collapsible, Dialog, ContextMenu, HoverCard, Label as Label$1, Menubar, NavigationMenu, Popover, Progress, RadioGroup, ScrollArea, Select, Separator as Separator$1, Slider, Switch, Tabs, ToggleGroup, Toggle, Tooltip } from 'radix-ui';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { DayPicker } from 'react-day-picker';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
-import { TooltipContentProps } from 'recharts';
+import * as RechartsPrimitive from 'recharts';
 export { Area, AreaChart, Bar, BarChart, CartesianGrid, Cell, Legend, Line, LineChart, Pie, PieChart, Tooltip as RechartsTooltip, TooltipProps as RechartsTooltipProps, XAxis, YAxis } from 'recharts';
 import { ColumnDef } from '@tanstack/react-table';
 export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
@@ -243,6 +243,21 @@ declare namespace Calendar {
     var displayName: string;
 }
 
+declare const calloutVariants: (props?: ({
+    tone?: "destructive" | "default" | "info" | "success" | "warning" | null | undefined;
+    compact?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CalloutProps extends Omit<React.ComponentProps<"div">, "title">, VariantProps<typeof calloutVariants> {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+declare function Callout({ title, description, icon, actions, tone, compact, className, children, role, ...props }: CalloutProps): react_jsx_runtime.JSX.Element;
+declare namespace Callout {
+    var displayName: string;
+}
+
 interface CardHeadingAction {
     label: string;
     href?: string;
@@ -269,6 +284,7 @@ declare const CardTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTML
 declare const CardDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 declare const CardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CardAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CardMedia: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type CarouselApi = UseEmblaCarouselType[1];
@@ -295,22 +311,73 @@ declare const CHART_COLORS: {
     subtle: "#f5f5f5";
     dark: "#171717";
 };
-interface ChartContainerProps {
-    children: React.ReactNode;
-    className?: string;
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+type ChartConfig = {
+    [k in string]: {
+        label?: React.ReactNode;
+        icon?: React.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+type ChartContainerProps = React.ComponentProps<"div"> & {
+    config?: ChartConfig;
     height?: number;
-}
-declare function ChartContainer({ children, className, height }: ChartContainerProps): react_jsx_runtime.JSX.Element;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+};
+declare function ChartContainer({ id, className, children, config, height, style, ...props }: ChartContainerProps): react_jsx_runtime.JSX.Element;
 declare namespace ChartContainer {
     var displayName: string;
 }
-interface ChartTooltipProps extends Partial<TooltipContentProps<number, string>> {
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => react_jsx_runtime.JSX.Element | null;
+type ChartTooltipContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "content"> & {
+    active?: boolean;
+    payload?: Array<Record<string, any>>;
+    indicator?: "line" | "dot" | "dashed";
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    label?: React.ReactNode;
+    labelFormatter?: (value: React.ReactNode, payload: Array<Record<string, any>>) => React.ReactNode;
     labelClassName?: string;
-}
-declare function ChartTooltip({ active, payload, label, labelClassName }: ChartTooltipProps): react_jsx_runtime.JSX.Element | null;
+    formatter?: (value: unknown, name: unknown, item: Record<string, any>, index: number, payload: unknown) => React.ReactNode;
+    color?: string;
+    nameKey?: string;
+    labelKey?: string;
+};
+type ChartTooltipProps = React.ComponentProps<typeof RechartsPrimitive.Tooltip> | ChartTooltipContentProps;
+declare function ChartTooltip(props: ChartTooltipProps): react_jsx_runtime.JSX.Element;
 declare namespace ChartTooltip {
     var displayName: string;
 }
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ChartTooltipContentProps): react_jsx_runtime.JSX.Element | null;
+declare namespace ChartTooltipContent {
+    var displayName: string;
+}
+declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+type ChartLegendPayloadItem = {
+    color?: string;
+    dataKey?: string | number;
+    value?: string | number;
+};
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+    payload?: ChartLegendPayloadItem[];
+    verticalAlign?: "top" | "middle" | "bottom";
+}): react_jsx_runtime.JSX.Element | null;
+declare namespace ChartLegendContent {
+    var displayName: string;
+}
 
 declare const CheckboxRoot: React.ForwardRefExoticComponent<Omit<Checkbox.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
@@ -394,6 +461,22 @@ declare namespace CommandPalette {
     var displayName: string;
 }
 
+declare const DialogRoot: React.FC<Dialog.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<Dialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogClose: React.ForwardRefExoticComponent<Dialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<Dialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<Dialog.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare namespace DialogHeader {
+    var displayName: string;
+}
+declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare namespace DialogFooter {
+    var displayName: string;
+}
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Dialog.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<Dialog.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
 interface CommandProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
     onSelect?: (value: string) => void;
 }
@@ -420,6 +503,15 @@ declare function CommandShortcut({ className, ...props }: React.HTMLAttributes<H
 declare namespace CommandShortcut {
     var displayName: string;
 }
+interface CommandDialogProps extends React.ComponentProps<typeof DialogRoot> {
+    title?: string;
+    description?: string;
+    className?: string;
+}
+declare function CommandDialog({ title, description, children, className, ...props }: CommandDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace CommandDialog {
+    var displayName: string;
+}
 
 declare const ContextMenuRoot: React.FC<ContextMenu.ContextMenuProps>;
 declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenu.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
@@ -457,6 +549,36 @@ interface DataTableProps<TData> {
 }
 declare function DataTable<TData>({ columns, data, searchKey, searchPlaceholder, pageSize, showPagination, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
 
+interface DataTransferScopeOption {
+    value: string;
+    label: string;
+}
+interface DataTransferAction {
+    label: string;
+    shortLabel?: string;
+    ariaLabel?: string;
+    icon?: React.ReactNode;
+    loading?: boolean;
+    disabled?: boolean;
+    onSelect: () => void;
+}
+interface DataTransferControlsProps {
+    scopeValue?: string;
+    onScopeChange?: (value: string) => void;
+    scopeOptions?: DataTransferScopeOption[];
+    scopePlaceholder?: string;
+    actions: DataTransferAction[];
+    compact?: boolean;
+    compactLabel?: string;
+    className?: string;
+    selectClassName?: string;
+    actionGroupClassName?: string;
+}
+declare function DataTransferControls({ scopeValue, onScopeChange, scopeOptions, scopePlaceholder, actions, compact, compactLabel, className, selectClassName, actionGroupClassName, }: DataTransferControlsProps): react_jsx_runtime.JSX.Element;
+declare namespace DataTransferControls {
+    var displayName: string;
+}
+
 declare const formatDate: (date: Date) => string;
 interface DatePickerProps {
     value?: Date | undefined;
@@ -488,22 +610,6 @@ declare namespace DescriptionList {
     var displayName: string;
 }
 
-declare const DialogRoot: React.FC<Dialog.DialogProps>;
-declare const DialogTrigger: React.ForwardRefExoticComponent<Dialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogClose: React.ForwardRefExoticComponent<Dialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<Dialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React.ForwardRefExoticComponent<Omit<Dialog.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare namespace DialogHeader {
-    var displayName: string;
-}
-declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare namespace DialogFooter {
-    var displayName: string;
-}
-declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Dialog.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React.ForwardRefExoticComponent<Omit<Dialog.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-
 declare const DrawerRoot: typeof vaul.Root;
 declare const DrawerTrigger: React.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DrawerPortal: typeof vaul.Portal;
@@ -553,6 +659,29 @@ declare namespace Field {
     var displayName: string;
 }
 
+type FileDropzoneSelectedFile = Pick<File, "name" | "size">;
+interface FileDropzoneProps extends Omit<React.HTMLAttributes<HTMLLabelElement>, "children" | "onChange" | "onDrop" | "onDragOver" | "onDragLeave"> {
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    loadingText?: React.ReactNode;
+    label?: React.ReactNode;
+    activeLabel?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    selectedFiles?: readonly FileDropzoneSelectedFile[] | null;
+    inputRef?: React.Ref<HTMLInputElement>;
+    inputClassName?: string;
+    inputName?: string;
+    onFilesSelected?: (files: File[]) => void;
+}
+declare function formatFileSize(bytes: number): string;
+declare function FileDropzone({ accept, multiple, disabled, loading, loadingText, label, activeLabel, description, icon, selectedFiles, inputRef, inputClassName, inputName, onFilesSelected, className, id, tabIndex, onKeyDown, onClick, ...props }: FileDropzoneProps): react_jsx_runtime.JSX.Element;
+declare namespace FileDropzone {
+    var displayName: string;
+}
+
 interface GridListProps {
     children: React.ReactNode;
     columns?: 2 | 3 | 4;
@@ -590,6 +719,19 @@ declare namespace GridListAccentCard {
     var displayName: string;
 }
 
+interface HelpTooltipProps {
+    text: string;
+    learnMoreUrl?: string;
+    learnMoreURL?: string;
+    placement?: "top" | "right" | "bottom" | "left";
+    className?: string;
+    contentClassName?: string;
+}
+declare function HelpTooltip({ text, learnMoreUrl, learnMoreURL, placement, className, contentClassName, }: HelpTooltipProps): react_jsx_runtime.JSX.Element;
+declare namespace HelpTooltip {
+    var displayName: string;
+}
+
 declare const HoverCardRoot: React.FC<HoverCard.HoverCardProps>;
 declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCard.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
 declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCard.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -669,6 +811,23 @@ declare const Kbd: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<
 
 declare const Label: React.ForwardRefExoticComponent<Omit<Label$1.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
 
+interface MediaAssetCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    name: React.ReactNode;
+    src?: string | null;
+    alt?: string;
+    meta?: React.ReactNode;
+    details?: React.ReactNode;
+    actions?: React.ReactNode;
+    selected?: boolean;
+    mediaType?: "image" | "file" | "video" | "unknown";
+    orientation?: "responsive" | "grid" | "list";
+    onSelect?: () => void;
+}
+declare function MediaAssetCard({ name, src, alt, meta, details, actions, selected, mediaType, orientation, onSelect, className, onClick, ...props }: MediaAssetCardProps): react_jsx_runtime.JSX.Element;
+declare namespace MediaAssetCard {
+    var displayName: string;
+}
+
 interface MediaObjectProps {
     media: React.ReactNode;
     children: React.ReactNode;
@@ -873,6 +1032,24 @@ declare namespace ResizableHandle {
     var displayName: string;
 }
 
+type RichTextImageUrlHandler = () => string | null | undefined | Promise<string | null | undefined>;
+interface RichTextEditorProps {
+    value: string;
+    onChange: (html: string) => void;
+    placeholder?: string;
+    minHeight?: string | number;
+    id?: string;
+    "aria-label"?: string;
+    className?: string;
+    editorClassName?: string;
+    toolbarClassName?: string;
+    onRequestImageUrl?: RichTextImageUrlHandler;
+}
+declare function RichTextEditor({ value, onChange, placeholder, minHeight, id, "aria-label": ariaLabel, className, editorClassName, toolbarClassName, onRequestImageUrl, }: RichTextEditorProps): react_jsx_runtime.JSX.Element;
+declare namespace RichTextEditor {
+    var displayName: string;
+}
+
 declare const ScrollAreaRoot: React.ForwardRefExoticComponent<Omit<ScrollArea.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 interface SectionHeadingAction {
@@ -890,6 +1067,55 @@ interface SectionHeadingProps {
 }
 declare function SectionHeading({ title, description, actions, border, className, }: SectionHeadingProps): react_jsx_runtime.JSX.Element;
 
+interface SearchableTableFilterOption {
+    value: string;
+    label: string;
+}
+interface SearchableTableColumn<T = unknown> {
+    key: string;
+    label: string;
+    render?: (item: T) => React.ReactNode;
+    sortable?: boolean;
+    sortAccessor?: (item: T) => string | number | Date | null | undefined;
+    className?: string;
+}
+interface SearchableTableProps<T extends {
+    id: string | number;
+}> {
+    data: T[];
+    columns: SearchableTableColumn<T>[];
+    searchPlaceholder?: string;
+    searchTerm: string;
+    onSearchChange: (value: string) => void;
+    filters?: Record<string, {
+        value: string;
+        onChange: (value: string) => void;
+        options: SearchableTableFilterOption[];
+        placeholder: string;
+    }>;
+    emptyState?: {
+        icon?: React.ReactNode;
+        title: string;
+        description: string;
+        action?: {
+            label: string;
+            href?: string;
+            onClick?: () => void;
+        };
+    };
+    actions?: (item: T) => React.ReactNode;
+    mobileCard?: (item: T) => React.ReactNode;
+    tableClassName?: string;
+    pagination?: {
+        pageSize?: number;
+        currentPage: number;
+        onPageChange: (page: number) => void;
+    };
+}
+declare function SearchableTable<T extends {
+    id: string | number;
+}>({ data, columns, searchPlaceholder, searchTerm, onSearchChange, filters, emptyState, actions, mobileCard, tableClassName, pagination, }: SearchableTableProps<T>): react_jsx_runtime.JSX.Element;
+
 declare const SelectRoot: React.FC<Select.SelectProps>;
 declare const SelectGroup: React.ForwardRefExoticComponent<Select.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React.ForwardRefExoticComponent<Select.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
@@ -921,10 +1147,19 @@ declare namespace SheetFooter {
 declare const SheetTitle: React.ForwardRefExoticComponent<Omit<Dialog.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const SheetDescription: React.ForwardRefExoticComponent<Omit<Dialog.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 
+declare const SIDEBAR_COOKIE_NAME = "sidebar:state";
+declare const SIDEBAR_COOKIE_MAX_AGE: number;
+declare const SIDEBAR_WIDTH = "16rem";
+declare const SIDEBAR_WIDTH_MOBILE = "18rem";
+declare const SIDEBAR_WIDTH_ICON = "3.5rem";
+declare const SIDEBAR_KEYBOARD_SHORTCUT = "b";
 interface SidebarContextValue {
     state: "expanded" | "collapsed";
     open: boolean;
-    setOpen: (open: boolean) => void;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    openMobile: boolean;
+    setOpenMobile: React.Dispatch<React.SetStateAction<boolean>>;
+    isMobile: boolean;
     toggleSidebar: () => void;
 }
 declare function useSidebar(): SidebarContextValue;
@@ -934,7 +1169,7 @@ interface SidebarProviderProps extends React.ComponentProps<"div"> {
     onOpenChange?: (open: boolean) => void;
 }
 declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange, className, style, children, ...props }: SidebarProviderProps): react_jsx_runtime.JSX.Element;
-interface SidebarProps extends React.ComponentProps<"aside"> {
+interface SidebarProps extends React.ComponentProps<"div"> {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
@@ -947,6 +1182,7 @@ declare function SidebarHeader({ className, ...props }: React.ComponentProps<"di
 declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
 declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
     asChild?: boolean;
@@ -1011,19 +1247,62 @@ interface StackedListItemProps {
 declare function StackedListItem({ children, href, onClick, className }: StackedListItemProps): react_jsx_runtime.JSX.Element;
 
 interface StatCardProps {
-    label: string;
-    value: string | number;
+    label?: string;
+    title?: string;
+    value?: string | number;
     trend?: {
         value: string;
         direction: "up" | "down" | "neutral";
     };
     icon?: React.ReactNode;
+    children?: React.ReactNode;
+    actionButtons?: React.ReactNode;
+    className?: string;
+    containerClassName?: string;
+    titleClassName?: string;
+    valueClassName?: string;
+}
+interface StatCardGridProps {
+    children: React.ReactNode;
+    maxSlots?: number;
+    onAddCard?: () => void;
     className?: string;
+    showEmptySlots?: boolean;
 }
-declare function StatCard({ label, value, trend, icon, className }: StatCardProps): react_jsx_runtime.JSX.Element;
+interface StatCardSlotProps {
+    onAddCard?: () => void;
+    className?: string;
+    label?: string;
+}
+declare function StatCard({ label, title, value, trend, icon, children, actionButtons, className, containerClassName, titleClassName, valueClassName, }: StatCardProps): react_jsx_runtime.JSX.Element;
 declare namespace StatCard {
     var displayName: string;
 }
+declare function StatCardSlot({ onAddCard, className, label }: StatCardSlotProps): react_jsx_runtime.JSX.Element;
+declare namespace StatCardSlot {
+    var displayName: string;
+}
+declare function StatCardGrid({ children, maxSlots, onAddCard, className, showEmptySlots, }: StatCardGridProps): react_jsx_runtime.JSX.Element;
+declare namespace StatCardGrid {
+    var displayName: string;
+}
+
+type StatusBadgeVariant = NonNullable<React.ComponentProps<typeof Badge>["variant"]>;
+interface StatusBadgeProps extends Omit<React.ComponentProps<typeof Badge>, "children" | "variant"> {
+    status?: string | null;
+    label?: React.ReactNode;
+    variant?: StatusBadgeVariant;
+    variantMap?: Record<string, StatusBadgeVariant>;
+    labelMap?: Record<string, React.ReactNode>;
+    showDot?: boolean;
+    dotClassName?: string;
+}
+declare function statusLabel(status?: string | null): string;
+declare function statusBadgeVariantFor(status?: string | null, variantMap?: Record<string, StatusBadgeVariant>): StatusBadgeVariant;
+declare function StatusBadge({ status, label, variant, variantMap, labelMap, showDot, dotClassName, className, ...props }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+declare namespace StatusBadge {
+    var displayName: string;
+}
 
 type StepStatus = "complete" | "current" | "upcoming";
 interface Step {
@@ -1063,6 +1342,24 @@ declare const TabsContent: React.ForwardRefExoticComponent<Omit<Tabs.TabsContent
 
 declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
 
+interface TitledCardProps {
+    title?: string;
+    subtitle?: string;
+    children?: React.ReactNode;
+    actionButtons?: React.ReactNode;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    className?: string;
+    contentClassName?: string;
+    containerClassName?: string;
+    titleClassName?: string;
+}
+declare function TitledCard({ title, subtitle, children, actionButtons, icon: Icon, className, contentClassName, containerClassName, titleClassName, }: TitledCardProps): react_jsx_runtime.JSX.Element;
+declare namespace TitledCard {
+    var displayName: string;
+}
+
 declare const ToggleGroupRoot: React.ForwardRefExoticComponent<((Omit<ToggleGroup.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroup.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
     variant?: "default" | "outline" | "brand" | null | undefined;
     size?: "sm" | "lg" | "icon" | "default" | "icon-sm" | "icon-lg" | null | undefined;
@@ -1085,4 +1382,23 @@ declare const TooltipRoot: React.FC<Tooltip.TooltipProps>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Tooltip.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const TooltipContent: React.ForwardRefExoticComponent<Omit<Tooltip.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-export { AccordionRoot as Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountMenuContent, AccountMenuHeader, AccountMenuItem, AccountMenuSection, AccountMenuSeparator, ActionPanel, ActivityFeed, Alert, AlertDescription, AlertDialogRoot as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatioRoot as AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarStack, type AvatarStackItem, AvatarWithStatus, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupItem, CHART_COLORS, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardMedia, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartTooltip, CheckboxRoot as Checkbox, CollapsibleRoot as Collapsible, CollapsibleContent, CollapsibleTrigger, ColorInput, type ColorInputProps, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, type CommandPaletteItem, CommandSeparator, CommandShortcut, ContextMenuRoot as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DatePicker, type DescriptionItem, DescriptionList, DialogRoot as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DrawerRoot as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenuRoot as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type FeedEvent, Field, GridList, GridListAccentCard, GridListCard, HoverCardRoot as HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputNumber, type InputNumberProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, Label, MediaObject, MenubarRoot as Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenuRoot as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, PageHeading, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PopoverRoot as Popover, PopoverClose, PopoverContent, PopoverTrigger, ProgressRoot as Progress, PropertyRow, type PropertyRowProps, type RadioCardOption, RadioCards, RadioGroupRoot as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollAreaRoot as ScrollArea, SectionHeading, SelectRoot as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, SheetRoot as Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SliderRoot as Slider, Spinner, StackedList, StackedListItem, StatCard, type Step, type StepStatus, Steps, SwitchRoot as Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TabsRoot as Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, ToggleRoot as Toggle, ToggleGroupRoot as ToggleGroup, ToggleGroupItem, TooltipRoot as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, formatDate, navigationMenuTriggerStyle, spinnerVariants, toggleVariants, useSidebar };
+declare function normalizeUrlHandle(value: string): string;
+declare function urlResourcePath(prefix: string, handle: string): string;
+declare function hasUrlHandleChanged(originalHandle?: string, nextHandle?: string): boolean;
+interface UrlRedirectPromptProps {
+    originalHandle?: string;
+    nextHandle?: string;
+    pathPrefix: string;
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    switchLabel?: string;
+    className?: string;
+}
+declare function UrlRedirectPrompt({ originalHandle, nextHandle, pathPrefix, checked, onCheckedChange, title, description, switchLabel, className, }: UrlRedirectPromptProps): react_jsx_runtime.JSX.Element | null;
+declare namespace UrlRedirectPrompt {
+    var displayName: string;
+}
+
+export { AccordionRoot as Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountMenuContent, AccountMenuHeader, AccountMenuItem, AccountMenuSection, AccountMenuSeparator, ActionPanel, ActivityFeed, Alert, AlertDescription, AlertDialogRoot as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatioRoot as AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarStack, type AvatarStackItem, AvatarWithStatus, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupItem, CHART_COLORS, Calendar, type CalendarProps, Callout, type CalloutProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardMedia, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, CheckboxRoot as Checkbox, CollapsibleRoot as Collapsible, CollapsibleContent, CollapsibleTrigger, ColorInput, type ColorInputProps, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, type CommandPaletteItem, CommandSeparator, CommandShortcut, ContextMenuRoot as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, type DataTransferAction, DataTransferControls, type DataTransferControlsProps, type DataTransferScopeOption, DatePicker, type DescriptionItem, DescriptionList, DialogRoot as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DrawerRoot as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenuRoot as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type FeedEvent, Field, FileDropzone, type FileDropzoneProps, type FileDropzoneSelectedFile, GridList, GridListAccentCard, GridListCard, HelpTooltip, type HelpTooltipProps, HoverCardRoot as HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputNumber, type InputNumberProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, Label, MediaAssetCard, type MediaAssetCardProps, MediaObject, MenubarRoot as Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenuRoot as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, PageHeading, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PopoverRoot as Popover, PopoverClose, PopoverContent, PopoverTrigger, ProgressRoot as Progress, PropertyRow, type PropertyRowProps, type RadioCardOption, RadioCards, RadioGroupRoot as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextEditor, type RichTextEditorProps, type RichTextImageUrlHandler, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, ScrollAreaRoot as ScrollArea, SearchableTable, type SearchableTableColumn, type SearchableTableFilterOption, type SearchableTableProps, SectionHeading, SelectRoot as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, SheetRoot as Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SliderRoot as Slider, Spinner, StackedList, StackedListItem, StatCard, StatCardGrid, type StatCardGridProps, type StatCardProps, StatCardSlot, type StatCardSlotProps, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, type Step, type StepStatus, Steps, SwitchRoot as Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TabsRoot as Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TitledCard, type TitledCardProps, Toaster, ToggleRoot as Toggle, ToggleGroupRoot as ToggleGroup, ToggleGroupItem, TooltipRoot as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UrlRedirectPrompt, type UrlRedirectPromptProps, badgeVariants, buttonVariants, cardVariants, cn, formatDate, formatFileSize, hasUrlHandleChanged, navigationMenuTriggerStyle, normalizeUrlHandle, spinnerVariants, statusBadgeVariantFor, statusLabel, toggleVariants, urlResourcePath, useSidebar };