a2ui-react 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,541 @@
+import { AlertComponent, MainComponent, NavComponent, SectionComponent, AsideComponent, HeaderComponent, FooterComponent, ArticleComponent, LiveRegionComponent, ProgressComponent, SkipLinkComponent, BubbleBackgroundComponent, FireworksBackgroundComponent, GravityStarsBackgroundComponent, HexagonBackgroundComponent, HoleBackgroundComponent, StarsBackgroundComponent, CopyButtonComponent, FlipButtonComponent, GlowButtonComponent, IconButtonComponent, LiquidButtonComponent, MagneticButtonComponent, RippleButtonComponent, ShimmerButtonComponent, ThemeTogglerButtonComponent, CursorComponent, ButtonComponent, CardComponent, CheckboxComponent, ModalComponent, SelectComponent, TabsComponent, TextComponent, AreaChartComponent, BarChartComponent, ChartDataItem, LineChartComponent, PieChartComponent } from 'a2ui-react-core';
+export { A2UIComponent, A2UIMessage, A2UIStore, Alignment, BaseComponent, BeginRenderingMessage, ButtonComponent, CardComponent, CheckboxComponent, ColumnComponent, ComponentCatalog, ComponentNode, ComponentUpdate, DataModelUpdateMessage, DataValue, DateTimeInputComponent, DeleteSurfaceMessage, Distribution, DividerComponent, ErrorCallback, IconComponent, ImageComponent, InputType, ListComponent, MessageCallback, MessageParseError, ModalComponent, MultipleChoiceComponent, Orientation, RowComponent, SelectComponent, SelectOption, SliderComponent, StoreSnapshot, StreamParser, Surface, SurfaceUpdateMessage, TabItem, TabsComponent, TextComponent, TextFieldComponent, TextStyle, buildMessages, c, createStore, createStreamParser, getDataByPath, isBeginRenderingMessage, isDataModelUpdateMessage, isDeleteSurfaceMessage, isSurfaceUpdateMessage, parseJSONL, parseMessage, setDataByPath } from 'a2ui-react-core';
+import * as a2ui_react_react from 'a2ui-react-react';
+import { A2UIRenderer, DataAccessor } from 'a2ui-react-react';
+export { A2UIAction, A2UIContext, A2UIContextValue, A2UIProvider, A2UIProviderProps, A2UIRenderer, A2UISurface, A2UISurfaceProps, ComponentRegistry, ComponentRenderer, ComponentRendererProps, DataAccessor, DataBinding, RendererExample, RendererProps, createRegistry, useA2UI, useAction, useDataBinding, useSurface } from 'a2ui-react-react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { RefObject } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { ClassValue } from 'clsx';
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+interface Dimensions {
+    width: number;
+    height: number;
+}
+/**
+ * Hook to track container dimensions using ResizeObserver.
+ * Automatically updates when the container is resized.
+ *
+ * @param containerRef - React ref to the container element
+ * @param initialDimensions - Initial dimensions before first measurement
+ * @returns Current dimensions of the container
+ */
+declare function useContainerDimensions(containerRef: RefObject<HTMLElement | null>, initialDimensions?: Dimensions): Dimensions;
+
+/**
+ * Hook to detect if the user prefers reduced motion
+ * Respects the prefers-reduced-motion media query
+ *
+ * @returns boolean - true if the user prefers reduced motion
+ *
+ * @example
+ * ```tsx
+ * const prefersReducedMotion = useReducedMotion()
+ * const duration = prefersReducedMotion ? 0 : 0.3
+ * ```
+ */
+declare function useReducedMotion(): boolean;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * @extension a2ui-react-shadcn
+ * Alert Component Renderer
+ * Renders accessible alert messages with role="alert" for screen readers.
+ */
+
+declare const AlertRenderer: A2UIRenderer<AlertComponent>;
+
+/**
+ * @extension a2ui-react-shadcn
+ * Semantic HTML Landmark Renderers
+ * These components provide proper page structure for screen reader navigation.
+ */
+
+declare const MainRenderer: A2UIRenderer<MainComponent>;
+declare const NavRenderer: A2UIRenderer<NavComponent>;
+declare const SectionRenderer: A2UIRenderer<SectionComponent>;
+declare const AsideRenderer: A2UIRenderer<AsideComponent>;
+declare const HeaderRenderer: A2UIRenderer<HeaderComponent>;
+declare const FooterRenderer: A2UIRenderer<FooterComponent>;
+declare const ArticleRenderer: A2UIRenderer<ArticleComponent>;
+
+/**
+ * @extension a2ui-react-shadcn
+ * LiveRegion Component Renderer
+ * Renders ARIA live regions for dynamic content announcements.
+ */
+
+declare const LiveRegionRenderer: A2UIRenderer<LiveRegionComponent>;
+
+/**
+ * @extension a2ui-react-shadcn
+ * Progress Component Renderer
+ * Renders an accessible progress indicator.
+ */
+
+declare const ProgressRenderer: A2UIRenderer<ProgressComponent>;
+
+/**
+ * @extension a2ui-react-shadcn
+ * SkipLink Component Renderer
+ * Renders a skip navigation link for keyboard users.
+ */
+
+declare const SkipLinkRenderer: A2UIRenderer<SkipLinkComponent>;
+
+interface AuroraBackgroundComponent {
+    type: 'AuroraBackground';
+    id: string;
+    children?: string[];
+    colors?: string[];
+    speed?: number;
+    blur?: number;
+}
+declare const AuroraBackgroundRenderer: A2UIRenderer<AuroraBackgroundComponent>;
+
+declare const BubbleBackgroundRenderer: A2UIRenderer<BubbleBackgroundComponent>;
+
+declare const FireworksBackgroundRenderer: A2UIRenderer<FireworksBackgroundComponent>;
+
+interface GradientBackgroundComponent {
+    type: 'GradientBackground';
+    id: string;
+    children?: string[];
+    colors?: string[];
+    speed?: number;
+    direction?: 'horizontal' | 'vertical' | 'diagonal' | 'radial';
+    blur?: number;
+}
+declare const GradientBackgroundRenderer: A2UIRenderer<GradientBackgroundComponent>;
+
+declare const GravityStarsBackgroundRenderer: A2UIRenderer<GravityStarsBackgroundComponent>;
+
+declare const HexagonBackgroundRenderer: A2UIRenderer<HexagonBackgroundComponent>;
+
+declare const HoleBackgroundRenderer: A2UIRenderer<HoleBackgroundComponent>;
+
+interface ParticlesBackgroundComponent {
+    type: 'ParticlesBackground';
+    id: string;
+    children?: string[];
+    particleCount?: number;
+    particleColor?: string;
+    particleSize?: number;
+    speed?: number;
+    connected?: boolean;
+}
+declare const ParticlesBackgroundRenderer: A2UIRenderer<ParticlesBackgroundComponent>;
+
+declare const StarsBackgroundRenderer: A2UIRenderer<StarsBackgroundComponent>;
+
+declare const CopyButtonRenderer: A2UIRenderer<CopyButtonComponent>;
+
+declare const FlipButtonRenderer: A2UIRenderer<FlipButtonComponent>;
+
+declare const GlowButtonRenderer: A2UIRenderer<GlowButtonComponent>;
+
+declare const IconButtonRenderer: A2UIRenderer<IconButtonComponent>;
+
+declare const LiquidButtonRenderer: A2UIRenderer<LiquidButtonComponent>;
+
+declare const MagneticButtonRenderer: A2UIRenderer<MagneticButtonComponent>;
+
+declare const RippleButtonRenderer: A2UIRenderer<RippleButtonComponent>;
+
+declare const ShimmerButtonRenderer: A2UIRenderer<ShimmerButtonComponent>;
+
+declare const ThemeTogglerButtonRenderer: A2UIRenderer<ThemeTogglerButtonComponent>;
+
+interface AccordionItem {
+    trigger: string;
+    content: string;
+}
+interface AnimatedAccordionComponent {
+    type: 'AnimatedAccordion';
+    id: string;
+    items: AccordionItem[];
+    allowMultiple?: boolean;
+    defaultOpen?: number[];
+}
+declare const AnimatedAccordionRenderer: A2UIRenderer<AnimatedAccordionComponent>;
+
+interface AnimatedCardComponent {
+    type: 'AnimatedCard';
+    id: string;
+    children?: string[];
+    animation?: 'hover-lift' | 'hover-glow' | 'hover-border' | 'tilt';
+    delay?: number;
+}
+declare const AnimatedCardRenderer: A2UIRenderer<AnimatedCardComponent>;
+
+interface AnimatedDialogComponent {
+    type: 'AnimatedDialog';
+    id: string;
+    trigger: string;
+    content: string;
+    title?: string;
+    description?: string;
+    animation?: 'scale' | 'slide' | 'flip' | 'rotate';
+}
+declare const AnimatedDialogRenderer: A2UIRenderer<AnimatedDialogComponent>;
+
+interface TabItem {
+    label: string;
+    content: string;
+}
+interface AnimatedTabsComponent {
+    type: 'AnimatedTabs';
+    id: string;
+    tabs: TabItem[];
+    defaultTab?: number;
+    animation?: 'slide' | 'fade' | 'scale';
+}
+declare const AnimatedTabsRenderer: A2UIRenderer<AnimatedTabsComponent>;
+
+interface FlipCardComponent {
+    type: 'FlipCard';
+    id: string;
+    front: string;
+    back: string;
+    trigger?: 'hover' | 'click';
+    direction?: 'horizontal' | 'vertical';
+    height?: string;
+}
+declare const FlipCardRenderer: A2UIRenderer<FlipCardComponent>;
+
+interface BlurRevealTextComponent {
+    type: 'BlurRevealText';
+    id: string;
+    content: string;
+    style?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body' | 'caption';
+    delay?: number;
+    duration?: number;
+    staggerChildren?: number;
+    direction?: 'up' | 'down' | 'left' | 'right';
+}
+declare const BlurRevealTextRenderer: A2UIRenderer<BlurRevealTextComponent>;
+
+interface CountUpComponent {
+    type: 'CountUp';
+    id: string;
+    from?: number;
+    to: number;
+    duration?: number;
+    style?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body' | 'caption';
+    prefix?: string;
+    suffix?: string;
+    decimals?: number;
+    separator?: string;
+}
+declare const CountUpRenderer: A2UIRenderer<CountUpComponent>;
+
+interface GradientTextComponent {
+    type: 'GradientText';
+    id: string;
+    content: string;
+    style?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body' | 'caption';
+    colors?: string[];
+    animationDuration?: number;
+    direction?: 'horizontal' | 'vertical' | 'diagonal';
+}
+declare const GradientTextRenderer: A2UIRenderer<GradientTextComponent>;
+
+interface TextScrambleComponent {
+    type: 'TextScramble';
+    id: string;
+    content: string;
+    style?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body' | 'caption';
+    speed?: number;
+    characters?: string;
+    trigger?: 'mount' | 'hover';
+}
+declare const TextScrambleRenderer: A2UIRenderer<TextScrambleComponent>;
+
+interface TypewriterTextComponent {
+    type: 'TypewriterText';
+    id: string;
+    content: string;
+    style?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body' | 'caption';
+    speed?: number;
+    cursor?: boolean;
+    cursorChar?: string;
+    loop?: boolean;
+    delayBetweenLoops?: number;
+}
+declare const TypewriterTextRenderer: A2UIRenderer<TypewriterTextComponent>;
+
+interface Avatar {
+    src?: string;
+    alt?: string;
+    fallback: string;
+}
+interface AnimatedAvatarGroupComponent {
+    type: 'AnimatedAvatarGroup';
+    id: string;
+    avatars: Avatar[];
+    maxVisible?: number;
+    size?: 'sm' | 'md' | 'lg';
+    animation?: 'expand' | 'pop' | 'slide';
+}
+declare const AnimatedAvatarGroupRenderer: A2UIRenderer<AnimatedAvatarGroupComponent>;
+
+interface AnimatedTooltipComponent {
+    type: 'AnimatedTooltip';
+    id: string;
+    trigger: string;
+    content: string;
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    animation?: 'scale' | 'slide' | 'fade';
+}
+declare const AnimatedTooltipRenderer: A2UIRenderer<AnimatedTooltipComponent>;
+
+declare const CursorRenderer: A2UIRenderer<CursorComponent>;
+
+interface MorphingIconComponent {
+    type: 'MorphingIcon';
+    id: string;
+    icons: string[];
+    trigger?: 'hover' | 'click' | 'auto';
+    interval?: number;
+    size?: number;
+    color?: string;
+}
+declare const MorphingIconRenderer: A2UIRenderer<MorphingIconComponent>;
+
+interface SpotlightComponent {
+    type: 'Spotlight';
+    id: string;
+    children?: string[];
+    spotlightColor?: string;
+    spotlightSize?: number;
+    intensity?: number;
+}
+declare const SpotlightRenderer: A2UIRenderer<SpotlightComponent>;
+
+/**
+ * Animated Button override - same type as standard Button but with animations.
+ * When registered after the standard ButtonRenderer, this replaces it.
+ */
+declare const AnimatedButtonOverride: A2UIRenderer<ButtonComponent>;
+
+/**
+ * Animated Card override - same type as standard Card but with hover effects.
+ */
+declare const AnimatedCardOverride: A2UIRenderer<CardComponent>;
+
+/**
+ * Animated Checkbox override - same type as standard Checkbox but with check animation.
+ */
+declare const AnimatedCheckboxOverride: A2UIRenderer<CheckboxComponent>;
+
+/**
+ * Animated Modal override - same type as standard Modal but with smooth open/close.
+ */
+declare const AnimatedModalOverride: A2UIRenderer<ModalComponent>;
+
+/**
+ * Animated Select override - same type as standard Select but with animations.
+ */
+declare const AnimatedSelectOverride: A2UIRenderer<SelectComponent>;
+
+/**
+ * Animated Tabs override - same type as standard Tabs but with smooth transitions.
+ */
+declare const AnimatedTabsOverride: A2UIRenderer<TabsComponent>;
+
+/**
+ * Animated Text override - same type as standard Text but with fade-in.
+ */
+declare const AnimatedTextOverride: A2UIRenderer<TextComponent>;
+
+declare const AreaChartRenderer: A2UIRenderer<AreaChartComponent>;
+
+declare const BarChartRenderer: A2UIRenderer<BarChartComponent>;
+
+/**
+ * Chart utility functions and constants
+ */
+
+/**
+ * Default chart colors using CSS variables for theme support
+ */
+declare const DEFAULT_CHART_COLORS: string[];
+/**
+ * Get chart data from static data or data model
+ */
+declare function getChartData(staticData: ChartDataItem[] | undefined, dataPath: string | undefined, dataAccessor: DataAccessor): ChartDataItem[];
+/**
+ * Get color for a data point at a given index
+ */
+declare function getChartColor(index: number, customColors?: string[]): string;
+/**
+ * Transform ChartDataItem array to Recharts-compatible format
+ * Recharts expects { name: string, value: number } by default
+ */
+declare function transformToRechartsData(data: ChartDataItem[], customColors?: string[]): Array<{
+    name: string;
+    value: number;
+    fill: string;
+    [key: string]: unknown;
+}>;
+/**
+ * Build chart config for shadcn ChartContainer
+ */
+declare function buildChartConfig(data: ChartDataItem[], customColors?: string[]): Record<string, {
+    label: string;
+    color: string;
+}>;
+
+declare const LineChartRenderer: A2UIRenderer<LineChartComponent>;
+
+declare const PieChartRenderer: A2UIRenderer<PieChartComponent>;
+
+/**
+ * Renderer registry type for shadcn components
+ */
+type RendererRegistry = Record<string, A2UIRenderer>;
+
+/**
+ * Array of all shadcn renderers (standard, no animations)
+ */
+declare const shadcnRenderers: A2UIRenderer[];
+/**
+ * Array of chart renderers for data visualization
+ */
+declare const chartRenderers: A2UIRenderer[];
+/**
+ * @extension a2ui-react
+ * Accessibility extension renderers for WCAG 2.1 AA compliance.
+ * These are NOT part of the official A2UI standard but are recommended for accessibility.
+ * Includes: Landmarks (Main, Nav, Section, Aside, Header, Footer, Article),
+ * Alert, LiveRegion, SkipLink, and Progress components.
+ */
+declare const a11yRenderers: A2UIRenderer[];
+/**
+ * Animated overrides for standard components
+ * These use the SAME type names but add Framer Motion animations
+ */
+declare const animatedOverrides: A2UIRenderer[];
+/**
+ * Array of all animated UI renderers (animate-ui.com alternative)
+ * Import these separately if you want to include animated components
+ */
+declare const animatedRenderers: A2UIRenderer[];
+/**
+ * All renderers including animated components (but NOT animated overrides)
+ */
+declare const allRenderers: A2UIRenderer[];
+/**
+ * All renderers with animated overrides - standard components behave with animations
+ * The overrides are registered LAST so they replace the standard versions
+ */
+declare const allAnimatedRenderers: A2UIRenderer[];
+/**
+ * Creates a shadcn renderer registry with all renderers registered
+ * @param options.includeAnimated - Include animated components (RippleButton, etc.)
+ * @param options.useAnimatedOverrides - Replace standard components with animated versions
+ * @param options.includeA11y - Include accessibility extension components (@extension a2ui-react)
+ * @returns A component registry with all shadcn renderers
+ */
+declare function createShadcnRegistry(options?: {
+    includeAnimated?: boolean;
+    useAnimatedOverrides?: boolean;
+    includeA11y?: boolean;
+}): a2ui_react_react.ComponentRegistry;
+/**
+ * Creates a registry with only animated components
+ * @returns A component registry with all animated renderers
+ */
+declare function createAnimatedRegistry(): a2ui_react_react.ComponentRegistry;
+/**
+ * Creates a fully animated registry - all standard components are replaced with animated versions
+ * @returns A component registry where Button, Card, Tabs, etc. all have animations
+ */
+declare function createFullyAnimatedRegistry(): a2ui_react_react.ComponentRegistry;
+/**
+ * @extension a2ui-react
+ * Creates a registry with accessibility extension components for WCAG 2.1 AA compliance.
+ * @returns A component registry with standard shadcn + a11y extension renderers
+ */
+declare function createAccessibleRegistry(): a2ui_react_react.ComponentRegistry;
+/**
+ * @extension a2ui-react
+ * Creates a complete registry with all features: standard, animated, and accessibility.
+ * @returns A component registry with all renderers
+ */
+declare function createCompleteRegistry(): a2ui_react_react.ComponentRegistry;
+
+/**
+ * a2ui-react - Beautiful shadcn/ui components for A2UI protocol
+ *
+ * This package provides everything you need to render A2UI protocol messages:
+ * - Core types, parser, and store from a2ui-react-core
+ * - React hooks and components from a2ui-react-react
+ * - shadcn/ui-based renderers for all A2UI component types
+ *
+ * @example
+ * ```tsx
+ * import { A2UIProvider, A2UISurface, shadcnRenderers } from 'a2ui-react'
+ *
+ * function App() {
+ *   return (
+ *     <A2UIProvider renderers={shadcnRenderers}>
+ *       <A2UISurface surfaceId="my-surface" messages={messages} />
+ *     </A2UIProvider>
+ *   )
+ * }
+ * ```
+ */
+declare const version = "0.1.0";
+
+export { AlertRenderer, AnimatedAccordionRenderer, AnimatedAvatarGroupRenderer, AnimatedButtonOverride, AnimatedCardOverride, AnimatedCardRenderer, AnimatedCheckboxOverride, AnimatedDialogRenderer, AnimatedModalOverride, AnimatedSelectOverride, AnimatedTabsOverride, AnimatedTabsRenderer, AnimatedTextOverride, AnimatedTooltipRenderer, AreaChartRenderer, ArticleRenderer, AsideRenderer, AuroraBackgroundRenderer, BarChartRenderer, BlurRevealTextRenderer, BubbleBackgroundRenderer, Button, type ButtonProps, Checkbox, CopyButtonRenderer, CountUpRenderer, CursorRenderer, DEFAULT_CHART_COLORS, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type Dimensions, FireworksBackgroundRenderer, FlipButtonRenderer, FlipCardRenderer, FooterRenderer, GlowButtonRenderer, GradientBackgroundRenderer, GradientTextRenderer, GravityStarsBackgroundRenderer, HeaderRenderer, HexagonBackgroundRenderer, HoleBackgroundRenderer, IconButtonRenderer, Input, type InputProps, Label, LineChartRenderer, LiquidButtonRenderer, LiveRegionRenderer, MagneticButtonRenderer, MainRenderer, MorphingIconRenderer, NavRenderer, ParticlesBackgroundRenderer, PieChartRenderer, ProgressRenderer, type RendererRegistry, RippleButtonRenderer, SectionRenderer, ShimmerButtonRenderer, SkipLinkRenderer, SpotlightRenderer, StarsBackgroundRenderer, Tabs, TabsContent, TabsList, TabsTrigger, TextScrambleRenderer, Textarea, type TextareaProps, ThemeTogglerButtonRenderer, TypewriterTextRenderer, a11yRenderers, allAnimatedRenderers, allRenderers, animatedOverrides, animatedRenderers, buildChartConfig, buttonVariants, chartRenderers, cn, createAccessibleRegistry, createAnimatedRegistry, createCompleteRegistry, createFullyAnimatedRegistry, createShadcnRegistry, getChartColor, getChartData, shadcnRenderers, transformToRechartsData, useContainerDimensions, useReducedMotion, version };