@nswds/app 1.31.0 → 1.33.0

package/dist/index.d.cts

@@ -38,6 +38,9 @@ import { ThemeProviderProps } from 'next-themes';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as RechartsPrimitive from 'recharts';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps as VariantProps$1 } from 'tailwind-variants';
 import { ClassValue } from 'clsx';
 import * as _sindresorhus_slugify from '@sindresorhus/slugify';
 
@@ -287,7 +290,7 @@ type NavigationLink = {
 type NavigationSection = {
     title: string;
     href?: string;
-    links: NavigationLink[];
+    links?: NavigationLink[];
 };
 interface PrevNextLinksProps {
     navigation: NavigationSection[];
@@ -668,7 +671,8 @@ type HeadingProps = ({
 } & BaseProps$1);
 declare function Heading({ className, trim, size, level, display, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
 
-declare function Header({ sitename, navigation, version, hide, }: {
+declare function Header({ children, sitename, navigation, version, hide, }: {
+    children?: React.ReactNode;
     sitename?: string;
     navigation: NavigationSection[];
     version?: boolean;
@@ -676,6 +680,7 @@ declare function Header({ sitename, navigation, version, hide, }: {
         search?: boolean;
         themeSwitcher?: boolean;
         github?: boolean;
+        shadow?: boolean;
     };
 }): react_jsx_runtime.JSX.Element;
 
@@ -1064,21 +1069,649 @@ declare function ToggleGroup({ className, variant, size, children, ...props }: R
 declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
 
 declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
-declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function Tooltip$1({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
 declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
 declare function ViewToggle({ viewMode, setViewMode }: ViewToggleProps): react_jsx_runtime.JSX.Element;
 
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+type ChartConfig = {
+    [k in string]: {
+        label?: React$1.ReactNode;
+        icon?: React$1.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+declare function ChartContainer({ id, className, children, config, ...props }: React$1.ComponentProps<'div'> & {
+    config: ChartConfig;
+    children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
+}): react_jsx_runtime.JSX.Element;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => react_jsx_runtime.JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<'div'> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: 'line' | 'dot' | 'dashed';
+    nameKey?: string;
+    labelKey?: string;
+}): react_jsx_runtime.JSX.Element | null;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<'div'> & Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+}): react_jsx_runtime.JSX.Element | null;
+
+type ColorUtility = 'bg' | 'stroke' | 'fill' | 'text';
+declare const chartColors: {
+    readonly blue: {
+        readonly bg: "bg-blue-500";
+        readonly stroke: "stroke-blue-500";
+        readonly fill: "fill-blue-500";
+        readonly text: "text-blue-500";
+    };
+    readonly emerald: {
+        readonly bg: "bg-emerald-500";
+        readonly stroke: "stroke-emerald-500";
+        readonly fill: "fill-emerald-500";
+        readonly text: "text-emerald-500";
+    };
+    readonly violet: {
+        readonly bg: "bg-violet-500";
+        readonly stroke: "stroke-violet-500";
+        readonly fill: "fill-violet-500";
+        readonly text: "text-violet-500";
+    };
+    readonly amber: {
+        readonly bg: "bg-amber-500";
+        readonly stroke: "stroke-amber-500";
+        readonly fill: "fill-amber-500";
+        readonly text: "text-amber-500";
+    };
+    readonly gray: {
+        readonly bg: "bg-gray-500";
+        readonly stroke: "stroke-gray-500";
+        readonly fill: "fill-gray-500";
+        readonly text: "text-gray-500";
+    };
+    readonly cyan: {
+        readonly bg: "bg-cyan-500";
+        readonly stroke: "stroke-cyan-500";
+        readonly fill: "fill-cyan-500";
+        readonly text: "text-cyan-500";
+    };
+    readonly pink: {
+        readonly bg: "bg-pink-500";
+        readonly stroke: "stroke-pink-500";
+        readonly fill: "fill-pink-500";
+        readonly text: "text-pink-500";
+    };
+    readonly lime: {
+        readonly bg: "bg-lime-500";
+        readonly stroke: "stroke-lime-500";
+        readonly fill: "fill-lime-500";
+        readonly text: "text-lime-500";
+    };
+    readonly fuchsia: {
+        readonly bg: "bg-fuchsia-500";
+        readonly stroke: "stroke-fuchsia-500";
+        readonly fill: "fill-fuchsia-500";
+        readonly text: "text-fuchsia-500";
+    };
+};
+type AvailableChartColorsKeys = keyof typeof chartColors;
+declare const AvailableChartColors: AvailableChartColorsKeys[];
+declare const constructCategoryColors: (categories: string[], colors: AvailableChartColorsKeys[]) => Map<string, AvailableChartColorsKeys>;
+declare const getColorClassName: (color: AvailableChartColorsKeys, type: ColorUtility) => string;
+declare const getYAxisDomain: (autoMinValue: boolean, minValue: number | undefined, maxValue: number | undefined) => (string | number)[];
+declare function hasOnlyOneValueForKey(array: any[], keyToCheck: string): boolean;
+
+type TooltipProps$5 = Pick<ChartTooltipProps$4, 'active' | 'payload' | 'label'>;
+type PayloadItem$4 = {
+    category: string;
+    value: number;
+    index: string;
+    color: AvailableChartColorsKeys;
+    type?: string;
+    payload: any;
+};
+interface ChartTooltipProps$4 {
+    active: boolean | undefined;
+    payload: PayloadItem$4[];
+    label: string;
+    valueFormatter: (value: number) => string;
+}
+type BaseEventProps$4 = {
+    eventType: 'dot' | 'category';
+    categoryClicked: string;
+    [key: string]: number | string;
+};
+type AreaChartEventProps = BaseEventProps$4 | null | undefined;
+interface AreaChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    data: Record<string, any>[];
+    index: string;
+    categories: string[];
+    colors?: AvailableChartColorsKeys[];
+    valueFormatter?: (value: number) => string;
+    startEndOnly?: boolean;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showGridLines?: boolean;
+    yAxisWidth?: number;
+    intervalType?: 'preserveStartEnd' | 'equidistantPreserveStart';
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    autoMinValue?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    allowDecimals?: boolean;
+    onValueChange?: (value: AreaChartEventProps) => void;
+    enableLegendSlider?: boolean;
+    tickGap?: number;
+    connectNulls?: boolean;
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+    type?: 'default' | 'stacked' | 'percent';
+    legendPosition?: 'left' | 'center' | 'right';
+    fill?: 'gradient' | 'solid' | 'none';
+    tooltipCallback?: (tooltipCallbackContent: TooltipProps$5) => void;
+    customTooltip?: React__default.ComponentType<TooltipProps$5>;
+}
+declare const AreaChart: React__default.ForwardRefExoticComponent<AreaChartProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type TooltipProps$4 = Pick<ChartTooltipProps$3, 'active' | 'payload' | 'label'>;
+type PayloadItem$3 = {
+    category: string;
+    value: number;
+    index: string;
+    color: AvailableChartColorsKeys;
+    type?: string;
+    payload: any;
+};
+interface ChartTooltipProps$3 {
+    active: boolean | undefined;
+    payload: PayloadItem$3[];
+    label: string;
+    valueFormatter: (value: number) => string;
+}
+type BaseEventProps$3 = {
+    eventType: 'category' | 'bar';
+    categoryClicked: string;
+    [key: string]: number | string;
+};
+type BarChartEventProps = BaseEventProps$3 | null | undefined;
+interface BarChartProps$1 extends React__default.HTMLAttributes<HTMLDivElement> {
+    data: Record<string, any>[];
+    index: string;
+    categories: string[];
+    colors?: AvailableChartColorsKeys[];
+    valueFormatter?: (value: number) => string;
+    startEndOnly?: boolean;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showGridLines?: boolean;
+    yAxisWidth?: number;
+    intervalType?: 'preserveStartEnd' | 'equidistantPreserveStart';
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    autoMinValue?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    allowDecimals?: boolean;
+    onValueChange?: (value: BarChartEventProps) => void;
+    enableLegendSlider?: boolean;
+    tickGap?: number;
+    barCategoryGap?: string | number;
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+    layout?: 'vertical' | 'horizontal';
+    type?: 'default' | 'stacked' | 'percent';
+    legendPosition?: 'left' | 'center' | 'right';
+    tooltipCallback?: (tooltipCallbackContent: TooltipProps$4) => void;
+    customTooltip?: React__default.ComponentType<TooltipProps$4>;
+}
+declare const BarChart: React__default.ForwardRefExoticComponent<BarChartProps$1 & React__default.RefAttributes<HTMLDivElement>>;
+
+type Bar<T> = T & {
+    key?: string;
+    href?: string;
+    value: number;
+    name: string;
+};
+interface BarListProps<T = unknown> extends React__default.HTMLAttributes<HTMLDivElement> {
+    data: Bar<T>[];
+    valueFormatter?: (value: number) => string;
+    showAnimation?: boolean;
+    onValueChange?: (payload: Bar<T>) => void;
+    sortOrder?: 'ascending' | 'descending' | 'none';
+}
+declare function BarListInner<T>({ data, valueFormatter, showAnimation, onValueChange, sortOrder, className, ...props }: BarListProps<T>, forwardedRef: React__default.ForwardedRef<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare namespace BarListInner {
+    var displayName: string;
+}
+declare const BarList: <T>(p: BarListProps<T> & {
+    ref?: React__default.ForwardedRef<HTMLDivElement>;
+}) => ReturnType<typeof BarListInner>;
+
+interface CategoryBarProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    values: number[];
+    colors?: AvailableChartColorsKeys[];
+    marker?: {
+        value: number;
+        tooltip?: string;
+        showAnimation?: boolean;
+    };
+    showLabels?: boolean;
+}
+declare const CategoryBar: React__default.ForwardRefExoticComponent<CategoryBarProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type TooltipProps$3 = Pick<ChartTooltipProps$2, 'active' | 'payload' | 'label'>;
+type PayloadItem$2 = {
+    category: string;
+    value: number;
+    index: string;
+    barColor: AvailableChartColorsKeys;
+    lineColor: AvailableChartColorsKeys;
+    chartType: 'bar' | 'line';
+    type: string;
+    payload: any;
+};
+interface ChartTooltipProps$2 {
+    active: boolean | undefined;
+    payload: PayloadItem$2[];
+    label: string;
+    barValueFormatter?: (value: number) => string;
+    lineValueFormatter?: (value: number) => string;
+}
+type BaseEventProps$2 = {
+    eventType: 'category' | 'bar' | 'dot';
+    categoryClicked: string;
+    [key: string]: number | string;
+};
+type ComboChartEventProps = BaseEventProps$2 | null | undefined;
+type ChartSeries = {
+    categories: string[];
+    colors?: AvailableChartColorsKeys[];
+    valueFormatter?: (value: number) => string;
+    showYAxis?: boolean;
+    yAxisWidth?: number;
+    allowDecimals?: boolean;
+    yAxisLabel?: string;
+    autoMinValue?: boolean;
+    minValue?: number;
+    maxValue?: number;
+};
+interface ComboChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    data: Record<string, any>[];
+    index: string;
+    startEndOnly?: boolean;
+    showXAxis?: boolean;
+    xAxisLabel?: string;
+    showGridLines?: boolean;
+    intervalType?: 'preserveStartEnd' | 'equidistantPreserveStart';
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    onValueChange?: (value: ComboChartEventProps) => void;
+    enableLegendSlider?: boolean;
+    legendPosition?: 'left' | 'center' | 'right';
+    tickGap?: number;
+    enableBiaxial?: boolean;
+    tooltipCallback?: (tooltipCallbackContent: TooltipProps$3) => void;
+    customTooltip?: React__default.ComponentType<TooltipProps$3>;
+    barSeries: ChartSeries & {
+        type?: 'default' | 'stacked';
+    };
+    lineSeries?: ChartSeries & {
+        connectNulls?: boolean;
+    };
+}
+declare const ComboChart: React__default.ForwardRefExoticComponent<ComboChartProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type TooltipProps$2 = Pick<ChartTooltipProps$1, 'active' | 'payload'>;
+type PayloadItem$1 = {
+    category: string;
+    value: number;
+    color: AvailableChartColorsKeys;
+};
+interface ChartTooltipProps$1 {
+    active: boolean | undefined;
+    payload: PayloadItem$1[];
+    valueFormatter: (value: number) => string;
+}
+type DonutChartVariant = 'donut' | 'pie';
+type BaseEventProps$1 = {
+    eventType: 'sector';
+    categoryClicked: string;
+    [key: string]: number | string;
+};
+type DonutChartEventProps = BaseEventProps$1 | null | undefined;
+interface DonutChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    data: Record<string, any>[];
+    category: string;
+    value: string;
+    colors?: AvailableChartColorsKeys[];
+    variant?: DonutChartVariant;
+    valueFormatter?: (value: number) => string;
+    label?: string;
+    showLabel?: boolean;
+    showTooltip?: boolean;
+    onValueChange?: (value: DonutChartEventProps) => void;
+    tooltipCallback?: (tooltipCallbackContent: TooltipProps$2) => void;
+    customTooltip?: React__default.ComponentType<TooltipProps$2>;
+}
+declare const DonutChart: React__default.ForwardRefExoticComponent<DonutChartProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type TooltipProps$1 = Pick<ChartTooltipProps, 'active' | 'payload' | 'label'>;
+type PayloadItem = {
+    category: string;
+    value: number;
+    index: string;
+    color: AvailableChartColorsKeys;
+    type?: string;
+    payload: any;
+};
+interface ChartTooltipProps {
+    active: boolean | undefined;
+    payload: PayloadItem[];
+    label: string;
+    valueFormatter: (value: number) => string;
+}
+type BaseEventProps = {
+    eventType: 'dot' | 'category';
+    categoryClicked: string;
+    [key: string]: number | string;
+};
+type LineChartEventProps = BaseEventProps | null | undefined;
+interface LineChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    data: Record<string, any>[];
+    index: string;
+    categories: string[];
+    colors?: AvailableChartColorsKeys[];
+    valueFormatter?: (value: number) => string;
+    startEndOnly?: boolean;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showGridLines?: boolean;
+    yAxisWidth?: number;
+    intervalType?: 'preserveStartEnd' | 'equidistantPreserveStart';
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    autoMinValue?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    allowDecimals?: boolean;
+    onValueChange?: (value: LineChartEventProps) => void;
+    enableLegendSlider?: boolean;
+    tickGap?: number;
+    connectNulls?: boolean;
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+    legendPosition?: 'left' | 'center' | 'right';
+    tooltipCallback?: (tooltipCallbackContent: TooltipProps$1) => void;
+    customTooltip?: React__default.ComponentType<TooltipProps$1>;
+}
+declare const LineChart: React__default.ForwardRefExoticComponent<LineChartProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const progressBarVariants: tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            background: string;
+            bar: string;
+        };
+        neutral: {
+            background: string;
+            bar: string;
+        };
+        warning: {
+            background: string;
+            bar: string;
+        };
+        error: {
+            background: string;
+            bar: string;
+        };
+        success: {
+            background: string;
+            bar: string;
+        };
+    };
+}, {
+    background: string;
+    bar: string;
+}, undefined, {
+    variant: {
+        default: {
+            background: string;
+            bar: string;
+        };
+        neutral: {
+            background: string;
+            bar: string;
+        };
+        warning: {
+            background: string;
+            bar: string;
+        };
+        error: {
+            background: string;
+            bar: string;
+        };
+        success: {
+            background: string;
+            bar: string;
+        };
+    };
+}, {
+    background: string;
+    bar: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            background: string;
+            bar: string;
+        };
+        neutral: {
+            background: string;
+            bar: string;
+        };
+        warning: {
+            background: string;
+            bar: string;
+        };
+        error: {
+            background: string;
+            bar: string;
+        };
+        success: {
+            background: string;
+            bar: string;
+        };
+    };
+}, {
+    background: string;
+    bar: string;
+}, undefined, unknown, unknown, undefined>>;
+interface ProgressBarProps extends React__default.HTMLProps<HTMLDivElement>, VariantProps$1<typeof progressBarVariants> {
+    value?: number;
+    max?: number;
+    showAnimation?: boolean;
+    label?: string;
+}
+declare const ProgressBar: React__default.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const progressCircleVariants: tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            background: string;
+            circle: string;
+        };
+        neutral: {
+            background: string;
+            circle: string;
+        };
+        warning: {
+            background: string;
+            circle: string;
+        };
+        error: {
+            background: string;
+            circle: string;
+        };
+        success: {
+            background: string;
+            circle: string;
+        };
+    };
+}, {
+    background: string;
+    circle: string;
+}, undefined, {
+    variant: {
+        default: {
+            background: string;
+            circle: string;
+        };
+        neutral: {
+            background: string;
+            circle: string;
+        };
+        warning: {
+            background: string;
+            circle: string;
+        };
+        error: {
+            background: string;
+            circle: string;
+        };
+        success: {
+            background: string;
+            circle: string;
+        };
+    };
+}, {
+    background: string;
+    circle: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            background: string;
+            circle: string;
+        };
+        neutral: {
+            background: string;
+            circle: string;
+        };
+        warning: {
+            background: string;
+            circle: string;
+        };
+        error: {
+            background: string;
+            circle: string;
+        };
+        success: {
+            background: string;
+            circle: string;
+        };
+    };
+}, {
+    background: string;
+    circle: string;
+}, undefined, unknown, unknown, undefined>>;
+interface ProgressCircleProps extends Omit<React__default.SVGProps<SVGSVGElement>, 'value'>, VariantProps$1<typeof progressCircleVariants> {
+    value?: number;
+    max?: number;
+    showAnimation?: boolean;
+    radius?: number;
+    strokeWidth?: number;
+    children?: React__default.ReactNode;
+}
+declare const ProgressCircle: React__default.ForwardRefExoticComponent<Omit<ProgressCircleProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+
+interface SparkAreaChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    data: Record<string, any>[];
+    categories: string[];
+    index: string;
+    colors?: AvailableChartColorsKeys[];
+    autoMinValue?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    connectNulls?: boolean;
+    type?: 'default' | 'stacked' | 'percent';
+    fill?: 'gradient' | 'solid' | 'none';
+}
+declare const SparkAreaChart: React__default.ForwardRefExoticComponent<SparkAreaChartProps & React__default.RefAttributes<HTMLDivElement>>;
+interface SparkLineChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    data: Record<string, any>[];
+    categories: string[];
+    index: string;
+    colors?: AvailableChartColorsKeys[];
+    autoMinValue?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    connectNulls?: boolean;
+}
+declare const SparkLineChart: React__default.ForwardRefExoticComponent<SparkLineChartProps & React__default.RefAttributes<HTMLDivElement>>;
+interface BarChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    data: Record<string, any>[];
+    index: string;
+    categories: string[];
+    colors?: AvailableChartColorsKeys[];
+    autoMinValue?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    barCategoryGap?: string | number;
+    type?: 'default' | 'stacked' | 'percent';
+}
+declare const SparkBarChart: React__default.ForwardRefExoticComponent<BarChartProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface TrackerBlockProps {
+    key?: string | number;
+    color?: string;
+    tooltip?: string;
+    hoverEffect?: boolean;
+    defaultBackgroundColor?: string;
+}
+interface TrackerProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    data: TrackerBlockProps[];
+    defaultBackgroundColor?: string;
+    hoverEffect?: boolean;
+}
+declare const Tracker: React__default.ForwardRefExoticComponent<TrackerProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface TooltipProps extends Omit<TooltipPrimitive.TooltipContentProps, 'content' | 'onClick'>, Pick<TooltipPrimitive.TooltipProps, 'open' | 'defaultOpen' | 'onOpenChange' | 'delayDuration'> {
+    content: React__default.ReactNode;
+    onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
+    side?: 'bottom' | 'left' | 'top' | 'right';
+    showArrow?: boolean;
+}
+declare const Tooltip: React__default.ForwardRefExoticComponent<TooltipProps & React__default.RefAttributes<HTMLDivElement>>;
+
 declare function useIsMobile(): boolean;
 
 declare function useDisableToc(): void;
 
+declare const useOnWindowResize: (handler: () => void) => void;
+
 declare function cn(...inputs: ClassValue[]): string;
 declare function truncate(text: string, maxLength: number): string;
 declare function kebabCase(str: string): string;
 declare function camelCase(str: string): string;
 declare function humaniseVariant(key: string): string;
+declare const focusInput: string[];
+declare const hasErrorInput: string[];
+declare const focusRing: string[];
 
 declare function getNodeText(node: HTMLElement | SimpleNode): string;
 declare function domToSimple(node: Node): SimpleNode;
@@ -1125,4 +1758,4 @@ declare const allPalettes: Palette[];
 declare const colors: ColorThemes;
 declare const colorThemes: ColorThemes;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, type BaseCodeData, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, type CodeData, CodeDemo, type CodeDemoProps, CodeHighlight, type CodeHighlightProps, type CodeItem, type CodeVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, type Color, ColorCard, type ColorCardProps, type ColorData, type ColorProperty, ColorSwatches, type ColorSwatchesProps, type ColorTheme, type ColorThemes, type ColorsDisplayProps, type ColourOutputProps, ColourScale, type ColourScaleProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type DataType, type DataTypeSelectProps, type DesignTokensShades, type DesignTokensTheme, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicFavicon, ExpandableSearch, ExpandableSearchField, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormStatus$1 as FormStatus, type FormStatusHook, type FormStore, type Format, FormatToggle, type FormatToggleProps, GenerateInterpolatedColors, Header, Heading, type HeadingNode, type HeadingTypeProps, type IFrameData, type IFrameMap, type IFrameOptions, type IFrameProps, type IconProps, Icons, Input, Label, type Language, type LayoutProps, Link, _List as List, Logo, MainNavigation, Masthead, MegaMenu, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navigation, type NavigationLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NavigationSection, type Output, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type Palette, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreWithCopy, PrevNextLinks, PrevNextLinksPageLink, type PrevNextLinksProps, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarLink, type SidebarLinkProps, SidebarNavigation, type SimpleNode, type SingleCodeData, SiteSearch, Skeleton, Slider, Social, Spinner, StepIndicator, StepNavigation, Strong, type StructuredColor, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, type TableOfContentsItem, type TableOfContentsProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, type TextTypeProps, Textarea, type ThemeCategory, ThemeColorPalette, type ThemeMessage, type ThemeOption, ThemeProvider, ThemeSelector, type ThemeSelectorDropDownProps, type ThemeSelectorProps, ThemeSwitcher, Toaster, TocContext, type TocContextType, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopLevel, TouchTarget, type TypeExampleProps, type TypeSpecs, type Variant, type VariantCodeData, type Variants, type View, type ViewMode, ViewToggle, type ViewToggleProps, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, cn, type colorCategories, colorDataArray, colorThemes, colors, createColorArray, createColorData, createFormStore, darkenColor, domToSimple, generateColorThemes, getColorValue, getHeadings, getNodeText, getSurroundingColors, humaniseVariant, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, renderColorOutput, renderColorOutputToDTFM, semantic, shades, themeIndices, themeTokens, toggleVariants, truncate, useDisableToc, useFormField, useIsMobile, useToc };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AreaChart, type AreaChartEventProps, AspectRatio, AvailableChartColors, type AvailableChartColorsKeys, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, BarChart, type BarChartEventProps, BarList, type BarListProps, type BaseCodeData, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryBar, type CategoryBarProps, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, type CodeData, CodeDemo, type CodeDemoProps, CodeHighlight, type CodeHighlightProps, type CodeItem, type CodeVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, type Color, ColorCard, type ColorCardProps, type ColorData, type ColorProperty, ColorSwatches, type ColorSwatchesProps, type ColorTheme, type ColorThemes, type ColorUtility, type ColorsDisplayProps, type ColourOutputProps, ColourScale, type ColourScaleProps, ComboChart, type ComboChartEventProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type DataType, type DataTypeSelectProps, type DesignTokensShades, type DesignTokensTheme, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, type DonutChartEventProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicFavicon, ExpandableSearch, ExpandableSearchField, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormStatus$1 as FormStatus, type FormStatusHook, type FormStore, type Format, FormatToggle, type FormatToggleProps, GenerateInterpolatedColors, Header, Heading, type HeadingNode, type HeadingTypeProps, type IFrameData, type IFrameMap, type IFrameOptions, type IFrameProps, type IconProps, Icons, Input, Label, type Language, type LayoutProps, LineChart, type LineChartEventProps, Link, _List as List, Logo, MainNavigation, Masthead, MegaMenu, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navigation, type NavigationLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NavigationSection, type Output, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type Palette, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreWithCopy, PrevNextLinks, PrevNextLinksPageLink, type PrevNextLinksProps, Progress, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarLink, type SidebarLinkProps, SidebarNavigation, type SimpleNode, type SingleCodeData, SiteSearch, Skeleton, Slider, Social, SparkAreaChart, SparkBarChart, SparkLineChart, Spinner, StepIndicator, StepNavigation, Strong, type StructuredColor, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, type TableOfContentsItem, type TableOfContentsProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, type TextTypeProps, Textarea, type ThemeCategory, ThemeColorPalette, type ThemeMessage, type ThemeOption, ThemeProvider, ThemeSelector, type ThemeSelectorDropDownProps, type ThemeSelectorProps, ThemeSwitcher, Toaster, TocContext, type TocContextType, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip$1 as Tooltip, TooltipContent, type TooltipProps$5 as TooltipProps, TooltipProvider, TooltipTrigger, TopLevel, TouchTarget, Tracker, type TrackerBlockProps, Tooltip as TremorTooltip, type TypeExampleProps, type TypeSpecs, type Variant, type VariantCodeData, type Variants, type View, type ViewMode, ViewToggle, type ViewToggleProps, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, chartColors, cn, type colorCategories, colorDataArray, colorThemes, colors, constructCategoryColors, createColorArray, createColorData, createFormStore, darkenColor, domToSimple, focusInput, focusRing, generateColorThemes, getColorClassName, getColorValue, getHeadings, getNodeText, getSurroundingColors, getYAxisDomain, hasErrorInput, hasOnlyOneValueForKey, humaniseVariant, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, progressBarVariants, renderColorOutput, renderColorOutputToDTFM, semantic, shades, themeIndices, themeTokens, toggleVariants, truncate, useDisableToc, useFormField, useIsMobile, useOnWindowResize, useToc };