@siena-ai/design-system 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,2010 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { Group, Panel, Separator as Separator$1 } from 'react-resizable-panels';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { Slot } from '@radix-ui/react-slot';
+import { OTPInput } from 'input-otp';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { DayPicker, DateRange } from 'react-day-picker';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import * as RechartsPrimitive from 'recharts';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { Drawer as Drawer$1 } from 'vaul';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { Command as Command$1 } from 'cmdk';
+import { ToasterProps } from 'sonner';
+import { ColumnDef } from '@tanstack/react-table';
+import { LucideIcon } from 'lucide-react';
+import { ClassValue } from 'clsx';
+
+declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function Card({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardAction({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
+
+declare function ResizablePanelGroup({ className, ...props }: React$1.ComponentProps<typeof Group>): react_jsx_runtime.JSX.Element;
+declare function ResizablePanel({ ...props }: React$1.ComponentProps<typeof Panel>): react_jsx_runtime.JSX.Element;
+declare function ResizableHandle({ withHandle, className, ...props }: React$1.ComponentProps<typeof Separator$1> & {
+    withHandle?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ScrollArea({ className, children, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
+
+declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "2xs" | "xs" | "sm" | "lg" | "icon-2xs" | "icon-xs" | "icon-sm" | "icon" | "icon-lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React$1.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
+    /** Render as child element (Radix slot pattern for links) */
+    asChild?: boolean;
+    /** Show loading spinner and disable interaction */
+    loading?: boolean;
+}
+declare function Button({ className, variant, size, asChild, loading, disabled, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare function FormItem({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FormLabel({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function FormControl({ ...props }: React$1.ComponentProps<typeof Slot>): react_jsx_runtime.JSX.Element;
+declare function FormDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare function FormMessage({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element | null;
+
+declare const inputVariants: (props?: ({
+    size?: "default" | "2xs" | "xs" | "sm" | "lg" | null | undefined;
+    variant?: "default" | "error" | "success" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React$1.ComponentProps<"input">, "size">, VariantProps<typeof inputVariants> {
+    /** Icon displayed on the left side of the input (pass with size class, e.g. <Mail className="h-4 w-4" />) */
+    iconLeft?: React$1.ReactNode;
+    /** Icon displayed on the right side of the input (pass with size class, e.g. <Check className="h-4 w-4" />) */
+    iconRight?: React$1.ReactNode;
+    /** Show clear button when input has value */
+    clearable?: boolean;
+    /** Callback when clear button is clicked */
+    onClear?: () => void;
+    /** Container className for wrapper div (when using icons/clearable) */
+    containerClassName?: string;
+    /** Auto-expand width based on content */
+    autoExpand?: boolean;
+    /** Minimum width when autoExpand is enabled (default: 80) */
+    minWidth?: number;
+    /** Maximum width when autoExpand is enabled (default: 320) */
+    maxWidth?: number;
+}
+declare function Input({ className, containerClassName, type, size, variant, iconLeft, iconRight, clearable, onClear, autoExpand, minWidth, maxWidth, value, placeholder, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+
+declare function InputOTP({ className, containerClassName, ...props }: React$1.ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function InputOTPGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function InputOTPSlot({ index, className, ...props }: React$1.ComponentProps<"div"> & {
+    index: number;
+}): react_jsx_runtime.JSX.Element;
+declare function InputOTPSeparator({ ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+interface PasswordInputProps extends Omit<React$1.ComponentProps<"input">, "size" | "type"> {
+    /** Size variant */
+    size?: "2xs" | "xs" | "sm" | "default" | "lg";
+    /** Visual variant */
+    variant?: "default" | "error" | "success" | "warning";
+    /** Initial visibility state */
+    defaultVisible?: boolean;
+    /** Container className */
+    containerClassName?: string;
+}
+declare function PasswordInput({ className, containerClassName, size, variant, defaultVisible, ...props }: PasswordInputProps): react_jsx_runtime.JSX.Element;
+
+declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime.JSX.Element;
+
+interface SearchInputProps extends Omit<React$1.ComponentProps<"input">, "size" | "type"> {
+    /** Size variant */
+    size?: "2xs" | "xs" | "sm" | "default" | "lg";
+    /** Visual variant */
+    variant?: "default" | "error" | "success" | "warning";
+    /** Show loading spinner instead of search icon */
+    loading?: boolean;
+    /** Keyboard shortcut to display */
+    shortcut?: string;
+    /** Callback when shortcut badge is clicked */
+    onShortcutClick?: () => void;
+    /** Callback when clear button is clicked */
+    onClear?: () => void;
+    /** Container className */
+    containerClassName?: string;
+}
+declare function SearchInput({ className, containerClassName, size, variant, value, onChange, onClear, loading, shortcut, onShortcutClick, placeholder, ...props }: SearchInputProps): react_jsx_runtime.JSX.Element;
+
+declare function Select({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function SelectValue({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): react_jsx_runtime.JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime.JSX.Element;
+
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React$1.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function Switch({ className, ...props }: React$1.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare const textareaVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    variant?: "default" | "error" | "success" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TextareaProps extends Omit<React$1.ComponentProps<"textarea">, "size">, VariantProps<typeof textareaVariants> {
+    /** Auto-resize to fit content */
+    autoResize?: boolean;
+    /** Maximum rows when auto-resizing */
+    maxRows?: number;
+    /** Minimum rows */
+    minRows?: number;
+    /** Show character counter */
+    showCount?: boolean;
+    /** Container className for wrapper div (when using showCount) */
+    containerClassName?: string;
+}
+declare function Textarea({ className, containerClassName, size, variant, autoResize, maxRows, minRows, showCount, maxLength, value, defaultValue, onChange, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+
+declare function ToggleGroup({ className, variant, size, spacing, children, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+}): react_jsx_runtime.JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
+declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+declare function Avatar({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
+
+declare const badgeVariants: (props?: ({
+    variant?: "outline" | "ghost" | "filled" | "soft" | null | undefined;
+    color?: "default" | "error" | "success" | "warning" | "primary" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends Omit<React$1.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof badgeVariants> {
+    /** Show a status dot indicator */
+    dot?: boolean;
+    /** Icon to display before text */
+    icon?: React$1.ReactNode;
+    /** Icon to display after text */
+    iconAfter?: React$1.ReactNode;
+    /** Show remove button */
+    removable?: boolean;
+    /** Callback when remove button is clicked */
+    onRemove?: () => void;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Render as child element (Radix slot pattern) */
+    asChild?: boolean;
+}
+declare function Badge({ className, variant, color, size, dot, icon, iconAfter, removable, onRemove, disabled, asChild, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
+}): react_jsx_runtime.JSX.Element;
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React$1.ComponentProps<"div"> & CarouselProps): react_jsx_runtime.JSX.Element;
+declare function CarouselContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CarouselItem({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): 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;
+
+declare function Progress({ className, value, ...props }: React$1.ComponentProps<typeof ProgressPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+declare function Table({ className, ...props }: React$1.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
+declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
+declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
+declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
+declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
+declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
+declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
+declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
+
+declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<"a"> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+declare function Menubar({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function MenubarMenu({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime.JSX.Element;
+declare function MenubarGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function MenubarPortal({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function MenubarTrigger({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function MenubarItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
+declare function MenubarCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function MenubarRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function MenubarLabel({ className, inset, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function MenubarSeparator({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function MenubarShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function MenubarSub({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function MenubarSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function MenubarSubContent({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+
+declare function NavigationMenu({ className, children, viewport, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime.JSX.Element;
+
+declare function Pagination({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+declare function PaginationContent({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
+declare function PaginationItem({ ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+declare function PaginationNext({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+declare const tabsListVariants: (props?: ({
+    variant?: "underline" | "box" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tabsTriggerVariants: (props?: ({
+    variant?: "underline" | "box" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Tabs({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime.JSX.Element;
+interface TabsListProps extends React$1.ComponentProps<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {
+}
+declare function TabsList({ className, variant, ...props }: TabsListProps): react_jsx_runtime.JSX.Element;
+interface TabsTriggerProps extends React$1.ComponentProps<typeof TabsPrimitive.Trigger>, VariantProps<typeof tabsTriggerVariants> {
+}
+declare function TabsTrigger({ className, variant: variantProp, ...props }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
+declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare function AlertDialog({ ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime.JSX.Element;
+
+declare function ContextMenu({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuTrigger({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuGroup({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuPortal({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSub({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ContextMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+declare function Dialog({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
+declare function DrawerClose({ ...props }: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
+declare function DrawerOverlay({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DrawerContent({ className, children, ...props }: React$1.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
+declare function DrawerHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function DrawerTitle({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
+declare function DrawerDescription({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
+
+declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+
+declare function HoverCard({ ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function HoverCardTrigger({ ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function HoverCardContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
+
+declare function Sheet({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function SheetClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function SheetPortal({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function SheetOverlay({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare function SheetContent({ className, children, side, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+}): react_jsx_runtime.JSX.Element;
+declare function SheetHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): 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 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 Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React$1.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
+declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
+declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
+declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
+declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+
+interface SpinnerProps {
+    size?: "sm" | "default" | "lg";
+    className?: string;
+}
+declare function Spinner({ size, className }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+interface KbdProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function Kbd({ children, className }: KbdProps): react_jsx_runtime.JSX.Element;
+
+interface ThemeToggleProps {
+    variant?: "default" | "outline" | "ghost";
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-xs";
+    className?: string;
+}
+declare function ThemeToggle({ variant, size, className, }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
+
+interface EmojiPickerProps {
+    value?: string;
+    onChange?: (emoji: string) => void;
+    disabled?: boolean;
+    className?: string;
+}
+declare function EmojiPicker({ value, onChange, disabled, className, }: EmojiPickerProps): react_jsx_runtime.JSX.Element;
+
+declare const iconSelectVariants: (props?: ({
+    size?: "default" | "2xs" | "xs" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface IconSelectOption {
+    value: string;
+    label: string;
+    icon?: React$1.ReactNode;
+}
+interface IconSelectProps extends VariantProps<typeof iconSelectVariants> {
+    options: IconSelectOption[];
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    icon?: React$1.ReactNode;
+    className?: string;
+    disabled?: boolean;
+}
+declare function IconSelect({ options, value, onChange, placeholder, icon, size, className, disabled, }: IconSelectProps): react_jsx_runtime.JSX.Element;
+interface FilterBarProps {
+    children: React$1.ReactNode;
+    className?: string;
+}
+declare function FilterBar({ children, className }: FilterBarProps): react_jsx_runtime.JSX.Element;
+
+interface IconProps {
+    className?: string;
+}
+declare const EmailIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const SmsIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const PhoneIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const LiveChatIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const ReviewsIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const InstagramIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const FacebookIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const TwitterIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const WhatsAppIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const MessengerIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const SlackIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const TikTokIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const LinkedInIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const YouTubeIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const ZendeskIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const GorgiasIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const IntercomIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const ShopifyIcon: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+declare const ChannelIcons: {
+    readonly email: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly sms: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly phone: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly livechat: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly reviews: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly instagram: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly facebook: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly twitter: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly whatsapp: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly messenger: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly slack: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly tiktok: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly linkedin: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly youtube: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly zendesk: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly gorgias: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly intercom: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly shopify: ({ className }: IconProps) => react_jsx_runtime.JSX.Element;
+};
+type ChannelType = keyof typeof ChannelIcons;
+declare function getChannelIcon(channel: ChannelType): (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element) | (({ className }: IconProps) => react_jsx_runtime.JSX.Element);
+
+type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React$1.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): react_jsx_runtime.JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare function SidebarRail({ className, ...props }: React$1.ComponentProps<"button">): react_jsx_runtime.JSX.Element;
+declare function SidebarInset({ className, ...props }: React$1.ComponentProps<"main">): react_jsx_runtime.JSX.Element;
+declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
+declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+declare function SidebarContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarGroupLabel({ className, asChild, ...props }: React$1.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarGroupAction({ className, asChild, ...props }: React$1.ComponentProps<"button"> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React$1.ComponentProps<"button"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React$1.ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React$1.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React$1.ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+/** Available avatar colors - 12 solid earthy colors */
+type AvatarColor = "terracotta" | "rust" | "clay" | "amber" | "ochre" | "olive" | "sage" | "forest" | "teal" | "slate" | "plum" | "wine";
+interface ChatAvatarProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Avatar type determines default styling and icon */
+    type: "user" | "ai" | "agent";
+    /** Solid color from the avatar palette (overrides default) */
+    color?: AvatarColor;
+    /** Image source URL */
+    src?: string;
+    /** Fallback text (initials) when no image */
+    fallback?: string;
+    /** Size variant */
+    size?: "sm" | "default" | "lg";
+    /** Show online indicator dot */
+    showOnline?: boolean;
+    /** Online status (only shown if showOnline is true) */
+    isOnline?: boolean;
+}
+declare function ChatAvatar({ type, color, src, fallback, size, showOnline, isOnline, className, ...props }: ChatAvatarProps): react_jsx_runtime.JSX.Element;
+
+interface TypingIndicatorProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Display variant */
+    variant?: "dots" | "text" | "thinking";
+    /** Custom text for text variant */
+    text?: string;
+    /** Custom phrases for thinking variant (rotates through these) */
+    thinkingPhrases?: string[];
+    /** Show avatar alongside indicator */
+    showAvatar?: boolean;
+    /** Size variant */
+    size?: "sm" | "default" | "lg";
+}
+declare function TypingIndicator({ variant, text, thinkingPhrases, showAvatar, size, className, ...props }: TypingIndicatorProps): react_jsx_runtime.JSX.Element;
+
+interface MessageActionsProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Callback when copy is clicked */
+    onCopy?: () => void;
+    /** Callback when edit is clicked (user messages only) */
+    onEdit?: () => void;
+    /** Callback when regenerate is clicked (AI messages only) */
+    onRegenerate?: () => void;
+    /** Callback when feedback is given (AI messages only) */
+    onFeedback?: (type: "up" | "down") => void;
+    /** Show edit button */
+    showEdit?: boolean;
+    /** Show regenerate button */
+    showRegenerate?: boolean;
+    /** Show feedback buttons */
+    showFeedback?: boolean;
+    /** Size variant */
+    size?: "sm" | "default";
+    /** Current feedback state */
+    feedbackState?: "up" | "down" | null;
+}
+declare function MessageActions({ onCopy, onEdit, onRegenerate, onFeedback, showEdit, showRegenerate, showFeedback, size, feedbackState, className, ...props }: MessageActionsProps): react_jsx_runtime.JSX.Element;
+
+interface Model {
+    id: string;
+    name: string;
+    badge?: string;
+    description?: string;
+}
+interface ModelSelectorProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Available models */
+    models: Model[];
+    /** Currently selected model ID */
+    selected: string;
+    /** Callback when model changes */
+    onChange: (modelId: string) => void;
+    /** Size variant */
+    size?: "sm" | "default";
+    /** Disabled state */
+    disabled?: boolean;
+}
+declare function ModelSelector({ models, selected, onChange, size, disabled, className, ...props }: ModelSelectorProps): react_jsx_runtime.JSX.Element;
+
+interface SpeechRecognitionEvent extends Event {
+    results: SpeechRecognitionResultList;
+}
+interface SpeechRecognitionErrorEvent extends Event {
+    error: string;
+}
+interface SpeechRecognitionResult {
+    readonly isFinal: boolean;
+    readonly length: number;
+    item(index: number): SpeechRecognitionAlternative;
+    [index: number]: SpeechRecognitionAlternative;
+}
+interface SpeechRecognitionAlternative {
+    readonly transcript: string;
+    readonly confidence: number;
+}
+interface SpeechRecognitionResultList {
+    readonly length: number;
+    item(index: number): SpeechRecognitionResult;
+    [index: number]: SpeechRecognitionResult;
+}
+interface SpeechRecognitionInterface extends EventTarget {
+    continuous: boolean;
+    interimResults: boolean;
+    lang: string;
+    onresult: ((event: SpeechRecognitionEvent) => void) | null;
+    onerror: ((event: SpeechRecognitionErrorEvent) => void) | null;
+    onend: (() => void) | null;
+    start(): void;
+    stop(): void;
+    abort(): void;
+}
+interface VoiceInputProps extends Omit<React$1.HTMLAttributes<HTMLButtonElement>, "onError"> {
+    /** Callback with transcribed text */
+    onTranscript: (text: string) => void;
+    /** Callback when recording starts */
+    onStart?: () => void;
+    /** Callback when recording ends */
+    onEnd?: () => void;
+    /** Callback for errors */
+    onError?: (error: string) => void;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Size variant */
+    size?: "sm" | "default" | "lg";
+    /** Show tooltip */
+    showTooltip?: boolean;
+}
+declare function VoiceInput({ onTranscript, onStart, onEnd, onError, disabled, size, showTooltip, className, ...props }: VoiceInputProps): react_jsx_runtime.JSX.Element;
+declare global {
+    interface Window {
+        SpeechRecognition: new () => SpeechRecognitionInterface;
+        webkitSpeechRecognition: new () => SpeechRecognitionInterface;
+    }
+}
+
+interface MarkdownRendererProps {
+    /** Markdown content string */
+    content: string;
+    /** Additional classes */
+    className?: string;
+    /** Variant affects link color and code styling */
+    variant?: "default" | "inverse";
+}
+declare function MarkdownRenderer({ content, className, variant, }: MarkdownRendererProps): react_jsx_runtime.JSX.Element;
+
+interface StreamingTextProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Full content (updates as stream progresses) */
+    content: string;
+    /** Whether content is still streaming */
+    isStreaming?: boolean;
+    /** Speed of typewriter effect (characters per render) */
+    chunkSize?: number;
+    /** Delay between chunks in ms */
+    delay?: number;
+    /** Show blinking cursor while streaming */
+    showCursor?: boolean;
+    /** Use markdown rendering */
+    renderMarkdown?: boolean;
+    /** Markdown variant */
+    markdownVariant?: "default" | "inverse";
+    /** Callback when streaming animation completes */
+    onComplete?: () => void;
+}
+declare function StreamingText({ content, isStreaming, chunkSize, delay, showCursor, renderMarkdown, markdownVariant, onComplete, className, ...props }: StreamingTextProps): react_jsx_runtime.JSX.Element;
+
+interface Attachment$1 {
+    id: string;
+    type: "image" | "file" | "video";
+    name: string;
+    url?: string;
+    thumbnail?: string;
+    size?: number;
+}
+interface Message {
+    id: string;
+    role: "user" | "assistant";
+    content: string;
+    timestamp?: Date;
+    attachments?: Attachment$1[];
+    status?: "sending" | "sent" | "error";
+}
+interface MessageBubbleProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Message role */
+    role: "user" | "assistant";
+    /** Message content (markdown string) */
+    content: string;
+    /** Message timestamp */
+    timestamp?: Date;
+    /** Message status */
+    status?: "sending" | "sent" | "error";
+    /** Attached files/images */
+    attachments?: Attachment$1[];
+    /** Enable streaming animation */
+    streaming?: boolean;
+    /** Show avatar */
+    showAvatar?: boolean;
+    /** Copy callback */
+    onCopy?: () => void;
+    /** Edit callback (user messages) - toggles edit mode */
+    onEdit?: () => void;
+    /** Save edited content callback */
+    onSaveEdit?: (newContent: string) => void;
+    /** Cancel edit callback */
+    onCancelEdit?: () => void;
+    /** Whether message is being edited */
+    isEditing?: boolean;
+    /** Regenerate callback (AI messages) */
+    onRegenerate?: () => void;
+    /** Feedback callback (AI messages) */
+    onFeedback?: (type: "up" | "down") => void;
+    /** Current feedback state */
+    feedbackState?: "up" | "down" | null;
+    /** Visual variant: compact (wrapped bubble) or full (full-width, no bubble wrapper) */
+    variant?: "compact" | "full";
+}
+declare function MessageBubble({ role, content, timestamp, status, attachments, streaming, showAvatar, onCopy, onEdit, onSaveEdit, onCancelEdit, isEditing, onRegenerate, onFeedback, feedbackState, variant, className, ...props }: MessageBubbleProps): react_jsx_runtime.JSX.Element;
+
+interface ToolCallBlockProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Tool/function name */
+    name: string;
+    /** Optional icon for the tool */
+    icon?: React$1.ReactNode;
+    /** Execution status */
+    status: "running" | "complete" | "error";
+    /** Result content (can be text, table, or custom ReactNode) */
+    result?: React$1.ReactNode;
+    /** Whether the block is expandable */
+    expandable?: boolean;
+    /** Default expanded state */
+    defaultExpanded?: boolean;
+    /** Error message (when status is error) */
+    errorMessage?: string;
+    /** Show copy button for results */
+    showCopy?: boolean;
+    /** Show download button for results */
+    showDownload?: boolean;
+    /** Copy callback */
+    onCopy?: () => void;
+    /** Download callback */
+    onDownload?: () => void;
+}
+declare function ToolCallBlock({ name, icon, status, result, expandable, defaultExpanded, errorMessage, showCopy, showDownload, onCopy, onDownload, className, ...props }: ToolCallBlockProps): react_jsx_runtime.JSX.Element;
+
+interface Attachment {
+    id: string;
+    type: "image" | "file" | "video";
+    name: string;
+    url?: string;
+    thumbnail?: string;
+    size?: number;
+    progress?: number;
+    status?: "uploading" | "complete" | "error";
+    mimeType?: string;
+}
+interface AttachmentPreviewProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onClick"> {
+    /** List of attachments */
+    attachments: Attachment[];
+    /** Callback when remove button is clicked */
+    onRemove?: (id: string) => void;
+    /** Callback when attachment is clicked */
+    onAttachmentClick?: (attachment: Attachment) => void;
+    /** Display variant */
+    variant?: "compact" | "full" | "inline";
+    /** Allow downloading attachments */
+    allowDownload?: boolean;
+    /** Show progress for uploading files */
+    showProgress?: boolean;
+    /** Enable lightbox on click */
+    enableLightbox?: boolean;
+}
+declare function AttachmentPreview({ attachments, onRemove, onAttachmentClick, variant, allowDownload, showProgress, enableLightbox, className, ...props }: AttachmentPreviewProps): react_jsx_runtime.JSX.Element | null;
+
+interface AttachmentLightboxProps {
+    /** Attachment to display */
+    attachment: Attachment | null;
+    /** Whether the lightbox is open */
+    open: boolean;
+    /** Close callback */
+    onClose: () => void;
+    /** Optional download callback */
+    onDownload?: (attachment: Attachment) => void;
+}
+declare function AttachmentLightbox({ attachment, open, onClose, onDownload, }: AttachmentLightboxProps): react_jsx_runtime.JSX.Element | null;
+
+interface SuggestionChipsProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /** List of suggestions */
+    suggestions: string[];
+    /** Callback when a suggestion is selected */
+    onSelect: (suggestion: string) => void;
+    /** Visual variant */
+    variant?: "outline" | "filled";
+    /** Size variant */
+    size?: "sm" | "default";
+    /** Disabled state */
+    disabled?: boolean;
+    /** Max suggestions to show (with "more" indicator) */
+    maxVisible?: number;
+}
+declare function SuggestionChips({ suggestions, onSelect, variant, size, disabled, maxVisible, className, ...props }: SuggestionChipsProps): react_jsx_runtime.JSX.Element | null;
+
+interface ChatMessageListProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** List of messages */
+    messages: Message[];
+    /** Show loading skeleton */
+    loading?: boolean;
+    /** Show typing indicator */
+    typing?: boolean;
+    /** Callback when scrolled to top (for loading more) */
+    onScrollTop?: () => void;
+    /** Welcome message when chat is empty */
+    welcomeMessage?: React$1.ReactNode;
+    /** Empty state when no messages */
+    emptyState?: React$1.ReactNode;
+    /** Message action callbacks */
+    onCopyMessage?: (message: Message) => void;
+    onEditMessage?: (message: Message) => void;
+    onSaveEdit?: (message: Message, newContent: string) => void;
+    onCancelEdit?: (message: Message) => void;
+    onRegenerateMessage?: (message: Message) => void;
+    onFeedback?: (message: Message, type: "up" | "down") => void;
+    /** Currently streaming message ID */
+    streamingMessageId?: string;
+    /** Currently editing message ID */
+    editingMessageId?: string;
+    /** Feedback state per message */
+    feedbackStates?: Record<string, "up" | "down" | null>;
+    /** Height of the container */
+    height?: string | number;
+    /** Message bubble variant */
+    messageVariant?: "compact" | "full";
+    /** Show avatars - can be boolean or object { user?: boolean, ai?: boolean } */
+    showAvatars?: boolean | {
+        user?: boolean;
+        ai?: boolean;
+    };
+}
+declare function ChatMessageList({ messages, loading, typing, onScrollTop, welcomeMessage, emptyState, onCopyMessage, onEditMessage, onSaveEdit, onCancelEdit, onRegenerateMessage, onFeedback, streamingMessageId, editingMessageId, feedbackStates, height, messageVariant, showAvatars, className, ...props }: ChatMessageListProps): react_jsx_runtime.JSX.Element;
+
+interface ChatInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Current input value */
+    value: string;
+    /** Value change callback */
+    onChange: (value: string) => void;
+    /** Send callback */
+    onSend: () => void;
+    /** Attachment callback */
+    onAttach?: (files: File[]) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Loading/sending state */
+    loading?: boolean;
+    /** Max character length */
+    maxLength?: number;
+    /** Show character count */
+    showCount?: boolean;
+    /** Current attachments */
+    attachments?: Attachment[];
+    /** Remove attachment callback */
+    onRemoveAttachment?: (id: string) => void;
+    /** Voice transcript callback */
+    onVoiceTranscript?: (text: string) => void;
+    /** Show voice input button */
+    showVoice?: boolean;
+    /** Keyboard shortcut for send */
+    submitShortcut?: "Enter" | "CmdEnter";
+    /** Max rows for auto-resize */
+    maxRows?: number;
+    /** Min rows */
+    minRows?: number;
+    /** Show attachment button */
+    showAttachButton?: boolean;
+    /** Attachment button click callback */
+    onAttachClick?: () => void;
+    /** Show send button (default true, set false when using footerContent with custom send) */
+    showSendButton?: boolean;
+    /** Optional footer content (e.g., persona/channel selectors in Playground) */
+    footerContent?: React$1.ReactNode;
+    /** Content rendered BEFORE attach button (e.g., ToolsMenu) */
+    leftSlot?: React$1.ReactNode;
+    /** Content rendered BEFORE voice/send buttons */
+    rightSlot?: React$1.ReactNode;
+    /** Enable drag-and-drop for files */
+    enableDragDrop?: boolean;
+}
+declare function ChatInput({ value, onChange, onSend, onAttach, placeholder, disabled, loading, maxLength, showCount, attachments, onRemoveAttachment, onVoiceTranscript, showVoice, submitShortcut, maxRows, minRows, showAttachButton, onAttachClick, showSendButton, footerContent, leftSlot, rightSlot, enableDragDrop, className, ...props }: ChatInputProps): react_jsx_runtime.JSX.Element;
+
+interface Persona {
+    id: string;
+    name: string;
+    avatar?: string;
+    description?: string;
+}
+interface Channel {
+    id: string;
+    name: string;
+    icon?: React$1.ReactNode;
+}
+interface PlaygroundInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Current input value */
+    value: string;
+    /** Value change callback */
+    onChange: (value: string) => void;
+    /** Send callback */
+    onSend: () => void;
+    /** Attachment callback */
+    onAttach?: (files: File[]) => void;
+    /** Current attachments */
+    attachments?: Attachment[];
+    /** Remove attachment callback */
+    onRemoveAttachment?: (id: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Loading/sending state */
+    loading?: boolean;
+    /** Available personas */
+    personas?: Persona[];
+    /** Selected persona ID */
+    selectedPersona?: string;
+    /** Persona change callback */
+    onPersonaChange?: (personaId: string) => void;
+    /** Available channels */
+    channels?: Channel[];
+    /** Selected channel ID */
+    selectedChannel?: string;
+    /** Channel change callback */
+    onChannelChange?: (channelId: string) => void;
+    /** Customer email */
+    customerEmail?: string;
+    /** Customer email change callback */
+    onCustomerEmailChange?: (email: string) => void;
+    /** Show persona selector */
+    showPersonaSelector?: boolean;
+    /** Show channel selector */
+    showChannelSelector?: boolean;
+    /** Show customer email input */
+    showCustomerEmail?: boolean;
+    /** Show voice input button */
+    showVoice?: boolean;
+    /** Enable drag-and-drop for files */
+    enableDragDrop?: boolean;
+}
+declare function PlaygroundInput({ value, onChange, onSend, onAttach, attachments, onRemoveAttachment, placeholder, disabled, loading, personas, selectedPersona, onPersonaChange, channels, selectedChannel, onChannelChange, customerEmail, onCustomerEmailChange, showPersonaSelector, showChannelSelector, showCustomerEmail, showVoice, enableDragDrop, className, ...props }: PlaygroundInputProps): react_jsx_runtime.JSX.Element;
+
+interface Tool {
+    id: string;
+    name: string;
+    icon: React$1.ReactNode;
+    enabled: boolean;
+}
+interface ToolProvider {
+    id: string;
+    name: string;
+    icon: React$1.ReactNode;
+    badge?: string;
+    badgeVariant?: "filled" | "soft" | "outline";
+    enabled: boolean;
+    tools: Tool[];
+}
+interface ToolsPanelContentProps {
+    /** List of tool providers with their tools */
+    providers: ToolProvider[];
+    /** Currently selected provider ID */
+    selectedProviderId: string | null;
+    /** Called when a provider is selected (clicked) */
+    onSelectProvider: (providerId: string) => void;
+    /** Called when a provider's enabled state changes */
+    onProviderToggle?: (providerId: string, enabled: boolean) => void;
+    /** Called when a tool's enabled state changes */
+    onToolToggle?: (providerId: string, toolId: string, enabled: boolean) => void;
+}
+declare function ToolsPanelContent({ providers, selectedProviderId, onSelectProvider, onProviderToggle, onToolToggle, }: ToolsPanelContentProps): react_jsx_runtime.JSX.Element;
+interface ToolsPopoverProps {
+    /** List of tool providers with their tools */
+    providers: ToolProvider[];
+    /** Called when a provider's enabled state changes */
+    onProviderToggle?: (providerId: string, enabled: boolean) => void;
+    /** Called when a tool's enabled state changes */
+    onToolToggle?: (providerId: string, toolId: string, enabled: boolean) => void;
+    /** Controlled open state */
+    open?: boolean;
+    /** Open change callback */
+    onOpenChange?: (open: boolean) => void;
+    /** Custom trigger element (required for standalone usage) */
+    trigger?: React$1.ReactNode;
+    /** Popover side */
+    side?: "top" | "bottom" | "left" | "right";
+    /** Popover alignment */
+    align?: "start" | "center" | "end";
+}
+declare function ToolsPopover({ providers, onProviderToggle, onToolToggle, open, onOpenChange, trigger, side, align, }: ToolsPopoverProps): react_jsx_runtime.JSX.Element;
+
+interface Playbook {
+    id: string;
+    name: string;
+    prompt: string;
+}
+interface Integration {
+    id: string;
+    name: string;
+    icon: React$1.ReactNode;
+    onClick: () => void;
+    hasSubmenu?: boolean;
+}
+interface AIAction {
+    id: string;
+    name: string;
+    icon: React$1.ReactNode;
+    active?: boolean;
+    onClick: () => void;
+    hasSubmenu?: boolean;
+}
+interface AttachmentMenuProps {
+    /** Callback when files are selected */
+    onFileSelect: (files: File[]) => void;
+    /** Callback for screenshot capture */
+    onScreenshot?: () => void;
+    /** Callback for add to project */
+    onAddToProject?: () => void;
+    /** Playbooks (pre-made prompts) */
+    playbooks?: Playbook[];
+    /** Called when a playbook is selected */
+    onPlaybookSelect?: (playbook: Playbook) => void;
+    /** External integrations (Google Drive, GitHub, etc.) */
+    integrations?: Integration[];
+    /** AI action toggles (Ask Siena, Research, Web search) */
+    aiActions?: AIAction[];
+    /** Tool providers for Tools submenu */
+    toolProviders?: ToolProvider[];
+    /** Called when a tool provider's enabled state changes */
+    onToolProviderToggle?: (providerId: string, enabled: boolean) => void;
+    /** Called when a tool's enabled state changes */
+    onToolToggle?: (providerId: string, toolId: string, enabled: boolean) => void;
+    /** Available models for model selector */
+    models?: Model[];
+    /** Selected model ID */
+    selectedModelId?: string;
+    /** Called when model changes */
+    onModelSelect?: (modelId: string) => void;
+    /** Trigger button variant */
+    triggerVariant?: "icon" | "text";
+    /** Disabled state */
+    disabled?: boolean;
+    /** Custom trigger */
+    trigger?: React$1.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+declare function AttachmentMenu({ onFileSelect, onScreenshot, onAddToProject, playbooks, onPlaybookSelect, integrations, aiActions, toolProviders, onToolProviderToggle, onToolToggle, models, selectedModelId, onModelSelect, triggerVariant, disabled, trigger, className, }: AttachmentMenuProps): react_jsx_runtime.JSX.Element;
+declare const defaultPlaybooks: Playbook[];
+declare const defaultModels: Model[];
+
+/** Channel type for scheduled runs */
+type ConversationChannel = "email" | "slack" | "sms" | "whatsapp";
+/** Status type for scheduled runs */
+type ConversationStatus = "success" | "failed" | "pending" | "running";
+interface Conversation {
+    id: string;
+    title: string;
+    preview?: string;
+    timestamp: Date;
+    unread?: boolean;
+    /** Channel for scheduled runs (shows Mail/Hash icon) */
+    channel?: ConversationChannel;
+    /** Status for scheduled runs (shows ✓/✗ indicator) */
+    status?: ConversationStatus;
+}
+/** Actions available in conversation context menu */
+interface ConversationActions {
+    onExportMarkdown?: (id: string) => void;
+    onExportPdf?: (id: string) => void;
+    /** Called when user confirms rename with the new title */
+    onRename?: (id: string, newTitle: string) => void;
+    onDelete?: (id: string) => void;
+}
+interface SidebarSection {
+    id: string;
+    label: string;
+    icon?: React$1.ReactNode;
+    onClick?: () => void;
+    badge?: string | number;
+    hasSubmenu?: boolean;
+}
+interface ChatSidebarProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /** Conversation list */
+    conversations: Conversation[];
+    /** Active conversation ID */
+    activeId?: string;
+    /** Callback when conversation is selected */
+    onSelect: (id: string) => void;
+    /** Callback for new chat */
+    onNew: () => void;
+    /** Custom navigation sections */
+    sections?: SidebarSection[];
+    /** Tab options for conversation filtering */
+    tabs?: {
+        id: string;
+        label: string;
+    }[];
+    /** Active tab */
+    activeTab?: string;
+    /** Tab change callback */
+    onTabChange?: (tabId: string) => void;
+    /** Context menu actions (shows ⋮ dropdown with Export/Rename/Delete) */
+    conversationActions?: ConversationActions;
+    /** @deprecated Use conversationActions instead */
+    onConversationMenu?: (id: string) => void;
+    /** @deprecated Use conversationActions.onDelete instead */
+    onDelete?: (id: string) => void;
+    /** Width of sidebar */
+    width?: string | number;
+    /** Collapsed state */
+    collapsed?: boolean;
+    /** Callback to toggle collapse state */
+    onCollapse?: () => void;
+}
+declare function ChatSidebar({ conversations, activeId, onSelect, onNew, sections, tabs, activeTab, onTabChange, conversationActions, onConversationMenu, onDelete, width, collapsed, onCollapse, className, ...props }: ChatSidebarProps): react_jsx_runtime.JSX.Element;
+
+interface ChatHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Chat title */
+    title?: string;
+    /** Subtitle or description */
+    subtitle?: string;
+    /** Custom avatar element */
+    avatar?: React$1.ReactNode;
+    /** Header actions (share, download, etc.) */
+    actions?: React$1.ReactNode;
+    /** Close callback (shows X button) */
+    onClose?: () => void;
+    /** Sidebar toggle callback */
+    onToggleSidebar?: () => void;
+    /** Is sidebar collapsed */
+    sidebarCollapsed?: boolean;
+    /** Variant affects styling */
+    variant?: "full" | "compact";
+    /** Show share button */
+    showShare?: boolean;
+    /** Share callback */
+    onShare?: () => void;
+    /** Show download button */
+    showDownload?: boolean;
+    /** Download callback */
+    onDownload?: () => void;
+    /** Show settings button */
+    showSettings?: boolean;
+    /** Settings callback */
+    onSettings?: () => void;
+}
+declare function ChatHeader({ title, subtitle, avatar, actions, onClose, onToggleSidebar, sidebarCollapsed, variant, showShare, onShare, showDownload, onDownload, showSettings, onSettings, className, ...props }: ChatHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface ChatWindowProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Current messages */
+    messages: Message[];
+    /** Current input value */
+    inputValue: string;
+    /** Input change callback */
+    onInputChange: (value: string) => void;
+    /** Send message callback */
+    onSend: () => void;
+    /** Conversations for sidebar */
+    conversations?: Conversation[];
+    /** Active conversation ID */
+    activeConversationId?: string;
+    /** Conversation select callback */
+    onConversationSelect?: (id: string) => void;
+    /** New chat callback */
+    onNewChat?: () => void;
+    /** Sidebar sections */
+    sidebarSections?: SidebarSection[];
+    /** Header title */
+    title?: string;
+    /** Header subtitle */
+    subtitle?: string;
+    /** Show typing indicator */
+    typing?: boolean;
+    /** Loading messages */
+    loadingMessages?: boolean;
+    /** Currently streaming message ID */
+    streamingMessageId?: string;
+    /** Message feedback states */
+    feedbackStates?: Record<string, "up" | "down" | null>;
+    /** Copy message callback */
+    onCopyMessage?: (message: Message) => void;
+    /** Edit message callback */
+    onEditMessage?: (message: Message) => void;
+    /** Regenerate message callback */
+    onRegenerateMessage?: (message: Message) => void;
+    /** Feedback callback */
+    onFeedback?: (message: Message, type: "up" | "down") => void;
+    /** Current attachments */
+    attachments?: Attachment$1[];
+    /** Attach files callback */
+    onAttach?: (files: File[]) => void;
+    /** Remove attachment callback */
+    onRemoveAttachment?: (id: string) => void;
+    /** Voice transcript callback */
+    onVoiceTranscript?: (text: string) => void;
+    /** Available models */
+    models?: Model[];
+    /** Selected model ID */
+    selectedModel?: string;
+    /** Model change callback */
+    onModelChange?: (id: string) => void;
+    /** Share callback */
+    onShare?: () => void;
+    /** Download callback */
+    onDownload?: () => void;
+    /** Welcome message component */
+    welcomeMessage?: React$1.ReactNode;
+    /** Input disclaimer text */
+    disclaimer?: string;
+    /** Sidebar collapsed state */
+    sidebarCollapsed?: boolean;
+    /** Sidebar toggle callback */
+    onToggleSidebar?: () => void;
+    /** Default sidebar width */
+    sidebarWidth?: number;
+    /** Show header actions */
+    showHeaderActions?: boolean;
+}
+declare function ChatWindow({ messages, inputValue, onInputChange, onSend, conversations, activeConversationId, onConversationSelect, onNewChat, sidebarSections, title, subtitle, typing, loadingMessages, streamingMessageId, feedbackStates, onCopyMessage, onEditMessage, onRegenerateMessage, onFeedback, attachments, onAttach, onRemoveAttachment, onVoiceTranscript, models, selectedModel, onModelChange, onShare, onDownload, welcomeMessage, disclaimer, sidebarCollapsed, onToggleSidebar, sidebarWidth, showHeaderActions, className, ...props }: ChatWindowProps): react_jsx_runtime.JSX.Element;
+
+interface ChatPanelProps {
+    /** Panel open state */
+    open: boolean;
+    /** Open state change callback */
+    onOpenChange: (open: boolean) => void;
+    /** Panel side */
+    side?: "left" | "right";
+    /** Panel size */
+    size?: "sm" | "default" | "lg";
+    /** Current messages */
+    messages: Message[];
+    /** Current input value */
+    inputValue: string;
+    /** Input change callback */
+    onInputChange: (value: string) => void;
+    /** Send message callback */
+    onSend: () => void;
+    /** Header title */
+    title?: string;
+    /** Header subtitle */
+    subtitle?: string;
+    /** Show typing indicator */
+    typing?: boolean;
+    /** Loading messages */
+    loadingMessages?: boolean;
+    /** Currently streaming message ID */
+    streamingMessageId?: string;
+    /** Message feedback states */
+    feedbackStates?: Record<string, "up" | "down" | null>;
+    /** Copy message callback */
+    onCopyMessage?: (message: Message) => void;
+    /** Regenerate message callback */
+    onRegenerateMessage?: (message: Message) => void;
+    /** Feedback callback */
+    onFeedback?: (message: Message, type: "up" | "down") => void;
+    /** Current attachments */
+    attachments?: Attachment$1[];
+    /** Attach files callback */
+    onAttach?: (files: File[]) => void;
+    /** Remove attachment callback */
+    onRemoveAttachment?: (id: string) => void;
+    /** Voice transcript callback */
+    onVoiceTranscript?: (text: string) => void;
+    /** Welcome message component */
+    welcomeMessage?: React$1.ReactNode;
+    /** Suggestion chips for quick actions */
+    suggestions?: string[];
+    /** Suggestion select callback */
+    onSuggestionSelect?: (suggestion: string) => void;
+    /** Input placeholder */
+    placeholder?: string;
+    /** Input disclaimer text */
+    disclaimer?: string;
+    /** Show attachment menu */
+    showAttachments?: boolean;
+    /** Custom header actions */
+    headerActions?: React$1.ReactNode;
+    /** Panel className */
+    className?: string;
+}
+declare function ChatPanel({ open, onOpenChange, side, size, messages, inputValue, onInputChange, onSend, title, subtitle, typing, loadingMessages, streamingMessageId, feedbackStates, onCopyMessage, onRegenerateMessage, onFeedback, attachments, onAttach, onRemoveAttachment, onVoiceTranscript, welcomeMessage, suggestions, onSuggestionSelect, placeholder, disclaimer, showAttachments, headerActions, className, }: ChatPanelProps): react_jsx_runtime.JSX.Element;
+
+interface ChatWidgetProps {
+    /** Widget open state */
+    open: boolean;
+    /** Open state change callback */
+    onOpenChange: (open: boolean) => void;
+    /** Widget position */
+    position?: "bottom-right" | "bottom-left";
+    /** Trigger icon */
+    triggerIcon?: React$1.ReactNode;
+    /** Trigger label (for tooltip) */
+    triggerLabel?: string;
+    /** Unread message count */
+    unreadCount?: number;
+    /** Current messages */
+    messages: Message[];
+    /** Current input value */
+    inputValue: string;
+    /** Input change callback */
+    onInputChange: (value: string) => void;
+    /** Send message callback */
+    onSend: () => void;
+    /** Header title */
+    title?: string;
+    /** Header subtitle */
+    subtitle?: string;
+    /** Show typing indicator */
+    typing?: boolean;
+    /** Loading messages */
+    loadingMessages?: boolean;
+    /** Currently streaming message ID */
+    streamingMessageId?: string;
+    /** Message feedback states */
+    feedbackStates?: Record<string, "up" | "down" | null>;
+    /** Feedback callback */
+    onFeedback?: (message: Message, type: "up" | "down") => void;
+    /** Copy message callback */
+    onCopyMessage?: (message: Message) => void;
+    /** Current attachments */
+    attachments?: Attachment$1[];
+    /** Attach files callback (images only for widget) */
+    onAttach?: (files: File[]) => void;
+    /** Remove attachment callback */
+    onRemoveAttachment?: (id: string) => void;
+    /** Welcome message component */
+    welcomeMessage?: React$1.ReactNode;
+    /** Suggestion chips for quick actions */
+    suggestions?: string[];
+    /** Suggestion select callback */
+    onSuggestionSelect?: (suggestion: string) => void;
+    /** Input placeholder */
+    placeholder?: string;
+    /** Widget width */
+    width?: number;
+    /** Widget height */
+    height?: number;
+    /** Custom header avatar */
+    headerAvatar?: React$1.ReactNode;
+    /** Custom trigger button className */
+    triggerClassName?: string;
+    /** Widget className */
+    className?: string;
+}
+declare function ChatWidget({ open, onOpenChange, position, triggerIcon, triggerLabel, unreadCount, messages, inputValue, onInputChange, onSend, title, subtitle, typing, loadingMessages, streamingMessageId, feedbackStates, onFeedback, onCopyMessage, attachments, onAttach, onRemoveAttachment, welcomeMessage, suggestions, onSuggestionSelect, placeholder, width, height, headerAvatar, triggerClassName, className, }: ChatWidgetProps): react_jsx_runtime.JSX.Element;
+
+interface ShareDialogProps {
+    /** Trigger element (button, etc.) */
+    trigger?: React$1.ReactNode;
+    /** Dialog title */
+    title?: string;
+    /** The shareable URL */
+    shareUrl?: string;
+    /** Callback when visibility changes */
+    onVisibilityChange?: (visibility: "private" | "public") => void;
+    /** Default visibility state */
+    defaultVisibility?: "private" | "public";
+    /** Alternative to trigger - children as trigger */
+    children?: React$1.ReactNode;
+    /** Control open state externally */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+}
+declare function ShareDialog({ trigger, title, shareUrl, onVisibilityChange, defaultVisibility, children, open, onOpenChange, }: ShareDialogProps): react_jsx_runtime.JSX.Element;
+
+interface DataTableProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    searchKey?: string;
+    searchPlaceholder?: string;
+    showColumnToggle?: boolean;
+    showPagination?: boolean;
+    pageSize?: number;
+    emptyMessage?: string;
+}
+interface DataTableColumnHeaderProps<TData, TValue> extends React$1.HTMLAttributes<HTMLDivElement> {
+    column: {
+        getCanSort: () => boolean;
+        getIsSorted: () => false | "asc" | "desc";
+        toggleSorting: (desc?: boolean) => void;
+    };
+    title: string;
+}
+declare function DataTableColumnHeader<TData, TValue>({ column, title, className, }: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, showColumnToggle, showPagination, pageSize, emptyMessage, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+
+interface EmptyStateProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    icon?: React$1.ReactNode;
+    title: string;
+    description?: string;
+    action?: React$1.ReactNode;
+    size?: "sm" | "default" | "lg";
+}
+declare function EmptyState({ icon, title, description, action, size, className, ...props }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+interface TrendData {
+    value: number;
+    direction: "up" | "down" | "neutral";
+    label?: string;
+}
+interface StatCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    value: string | number;
+    description?: string;
+    icon?: React$1.ReactNode;
+    trend?: TrendData;
+    loading?: boolean;
+}
+declare function TrendBadge({ value, direction, label, className, }: TrendData & {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function StatCard({ label, value, description, icon, trend, loading, className, ...props }: StatCardProps): react_jsx_runtime.JSX.Element;
+
+interface ChartCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    description?: string;
+    footer?: React$1.ReactNode;
+    action?: React$1.ReactNode;
+    loading?: boolean;
+    children: React$1.ReactNode;
+}
+declare function ChartCard({ title, description, footer, action, loading, children, className, ...props }: ChartCardProps): react_jsx_runtime.JSX.Element;
+
+interface FilterOption {
+    value: string;
+    label: string;
+    icon?: React$1.ReactNode;
+    count?: number;
+}
+interface FilterDropdownProps {
+    label: string;
+    options: FilterOption[];
+    selected: string[];
+    onChange: (values: string[]) => void;
+    showSearch?: boolean;
+    searchPlaceholder?: string;
+    showCounts?: boolean;
+    maxDisplayed?: number;
+    className?: string;
+}
+declare function FilterDropdown({ label, options, selected, onChange, showSearch, searchPlaceholder, showCounts, maxDisplayed, className, }: FilterDropdownProps): react_jsx_runtime.JSX.Element;
+
+interface DatePreset {
+    label: string;
+    getValue: () => DateRange;
+}
+interface DateRangePickerProps {
+    value?: DateRange;
+    onChange?: (range: DateRange | undefined) => void;
+    presets?: DatePreset[];
+    showPresets?: boolean;
+    placeholder?: string;
+    align?: "start" | "center" | "end";
+    /** Use compact date format (shorter, no year unless different years) */
+    compact?: boolean;
+    className?: string;
+}
+declare function DateRangePicker({ value, onChange, presets, showPresets, placeholder, align, compact, className, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+
+interface FilterChip {
+    id: string;
+    emoji?: string;
+    label: string;
+    count: number;
+}
+interface CategoryFilterChipsProps {
+    chips: FilterChip[];
+    value: string | null;
+    onChange: (id: string | null) => void;
+    showAllOption?: boolean;
+    allLabel?: string;
+    className?: string;
+}
+declare function CategoryFilterChips({ chips, value, onChange, showAllOption, allLabel, className, }: CategoryFilterChipsProps): react_jsx_runtime.JSX.Element;
+
+interface Recommendation {
+    id: string;
+    text: string;
+    trend: "up" | "down" | "neutral";
+}
+interface TrendSection {
+    id: string;
+    title: string;
+    content: string;
+    bullets?: string[];
+}
+interface InsightReportData {
+    id: string;
+    dateRange: {
+        from: Date;
+        to: Date;
+    };
+    memoriesAnalyzed: number;
+    recommendations: Recommendation[];
+    overview: string;
+    trends: TrendSection[];
+    generatedAt: Date;
+}
+interface InsightReportProps {
+    report: InsightReportData;
+    onDownload?: () => void;
+    className?: string;
+}
+declare function InsightReport({ report, onDownload, className }: InsightReportProps): react_jsx_runtime.JSX.Element;
+
+interface Report {
+    id: string;
+    dateRange: {
+        from: Date;
+        to: Date;
+    };
+    generatedAt: Date;
+    memoriesAnalyzed: number;
+    tags: string[];
+}
+interface ReportCardProps {
+    report: Report;
+    onView?: (report: Report) => void;
+    onDownload?: (report: Report) => void;
+    onTagClick?: (tag: string) => void;
+    className?: string;
+}
+declare function ReportCard({ report, onView, onDownload, onTagClick, className, }: ReportCardProps): react_jsx_runtime.JSX.Element;
+
+interface Workspace {
+    id: string;
+    name: string;
+    logo?: string | React$1.ReactNode;
+    plan?: string;
+}
+interface WorkspaceSelectorProps {
+    workspaces: Workspace[];
+    activeWorkspace: string;
+    onWorkspaceChange?: (workspaceId: string) => void;
+    onCreateWorkspace?: () => void;
+    showSearch?: boolean;
+    searchPlaceholder?: string;
+    className?: string;
+}
+declare function WorkspaceSelector({ workspaces, activeWorkspace, onWorkspaceChange, onCreateWorkspace, showSearch, searchPlaceholder, className, }: WorkspaceSelectorProps): react_jsx_runtime.JSX.Element;
+
+interface NavSubItem {
+    title: string;
+    url: string;
+    isActive?: boolean;
+}
+interface NavItem {
+    title: string;
+    url?: string;
+    icon?: LucideIcon;
+    isActive?: boolean;
+    badge?: string | number;
+    badgeVariant?: "filled" | "soft" | "outline" | "ghost";
+    badgeColor?: "default" | "primary" | "success" | "warning" | "error";
+    items?: NavSubItem[];
+}
+interface NavMainProps {
+    items: NavItem[];
+    label?: string;
+    className?: string;
+}
+declare function NavMain({ items, label, className }: NavMainProps): react_jsx_runtime.JSX.Element;
+
+interface UserData {
+    name: string;
+    email: string;
+    avatar?: string;
+}
+interface UserMenuItem {
+    label: string;
+    icon?: React$1.ElementType;
+    onClick?: () => void;
+    href?: string;
+}
+interface UserMenuProps {
+    user: UserData;
+    menuItems?: UserMenuItem[];
+    onSignOut?: () => void;
+    className?: string;
+}
+declare function UserMenu({ user, menuItems, onSignOut, className, }: UserMenuProps): react_jsx_runtime.JSX.Element;
+
+interface HelpMenuItem {
+    label: string;
+    icon?: React$1.ElementType;
+    description?: string;
+    href?: string;
+    onClick?: () => void;
+    external?: boolean;
+}
+interface HelpMenuProps {
+    items?: HelpMenuItem[];
+    triggerLabel?: string;
+    className?: string;
+}
+declare function HelpMenu({ items, triggerLabel, className, }: HelpMenuProps): react_jsx_runtime.JSX.Element;
+
+interface NavSection {
+    label?: string;
+    items: NavItem[];
+}
+interface AppSidebarProps extends React$1.ComponentProps<typeof Sidebar> {
+    workspaces?: Workspace[];
+    activeWorkspace?: string;
+    onWorkspaceChange?: (workspaceId: string) => void;
+    onCreateWorkspace?: () => void;
+    navigation?: NavItem[] | NavSection[];
+    user?: UserData;
+    userMenuItems?: UserMenuItem[];
+    onSignOut?: () => void;
+    helpItems?: HelpMenuItem[];
+    showHelp?: boolean;
+    header?: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+}
+declare function AppSidebar({ workspaces, activeWorkspace, onWorkspaceChange, onCreateWorkspace, navigation, user, userMenuItems, onSignOut, helpItems, showHelp, header, footer, className, ...props }: AppSidebarProps): react_jsx_runtime.JSX.Element;
+
+interface PageBreadcrumbItem {
+    label: string;
+    href?: string;
+}
+interface PageHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    description?: string;
+    breadcrumbs?: PageBreadcrumbItem[];
+    actions?: React$1.ReactNode;
+    showSidebarTrigger?: boolean;
+}
+declare function PageHeader({ title, description, breadcrumbs, actions, showSidebarTrigger, className, ...props }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface AppLayoutProps {
+    children: React$1.ReactNode;
+    sidebar?: React$1.ReactNode;
+    workspaces?: Workspace[];
+    activeWorkspace?: string;
+    onWorkspaceChange?: (workspaceId: string) => void;
+    navigation?: NavItem[] | NavSection[];
+    user?: UserData;
+    userMenuItems?: UserMenuItem[];
+    onSignOut?: () => void;
+    helpItems?: HelpMenuItem[];
+    header?: React$1.ReactNode;
+    pageTitle?: string;
+    pageDescription?: string;
+    breadcrumbs?: PageBreadcrumbItem[];
+    pageActions?: React$1.ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    contentClassName?: string;
+    className?: string;
+}
+declare function AppLayout({ children, sidebar, workspaces, activeWorkspace, onWorkspaceChange, navigation, user, userMenuItems, onSignOut, helpItems, header, pageTitle, pageDescription, breadcrumbs, pageActions, defaultOpen, open, onOpenChange, contentClassName, className, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
+
+interface ApiKeyDisplayProps {
+    apiKey: string;
+    label?: string;
+    description?: string;
+    onRegenerate?: () => void;
+    className?: string;
+}
+declare function ApiKeyDisplay({ apiKey, label, description, onRegenerate, className, }: ApiKeyDisplayProps): react_jsx_runtime.JSX.Element;
+
+type MemberRole = "owner" | "administrator" | "agent" | "viewer";
+type MemberStatus = "accepted" | "pending" | "registered";
+interface TeamMember {
+    id: string;
+    name: string;
+    email: string;
+    avatar?: string;
+    role: MemberRole;
+    status: MemberStatus;
+}
+interface TeamMemberListProps {
+    members: TeamMember[];
+    onInvite?: (email: string, role: MemberRole) => void;
+    onRemove?: (memberId: string) => void;
+    onChangeRole?: (memberId: string, role: MemberRole) => void;
+    onResendInvite?: (memberId: string) => void;
+    className?: string;
+}
+declare function TeamMemberList({ members, onInvite, onRemove, onChangeRole, onResendInvite, className, }: TeamMemberListProps): react_jsx_runtime.JSX.Element;
+
+type IntegrationType = "action" | "channel" | "app" | "native";
+interface IntegrationCardProps {
+    icon: React$1.ReactNode;
+    title: string;
+    description: string;
+    type?: IntegrationType;
+    badges?: string[];
+    learnMoreHref?: string;
+    onClick?: () => void;
+    installed?: boolean;
+    className?: string;
+}
+declare function IntegrationCard({ icon, title, description, type, badges, learnMoreHref, onClick, installed, className, }: IntegrationCardProps): react_jsx_runtime.JSX.Element;
+interface SectionHeaderProps {
+    icon?: React$1.ReactNode;
+    title: string;
+    count?: number;
+    description?: string;
+    learnMoreHref?: string;
+    actions?: React$1.ReactNode;
+    className?: string;
+}
+declare function SectionHeader({ icon, title, count, description, learnMoreHref, actions, className, }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
+
+type ProductTag = "support" | "shopping" | "social" | "reviews" | "platform" | "intelligence";
+interface ChangeItem {
+    text: string;
+    product?: ProductTag;
+}
+interface ReleaseHighlight {
+    title: string;
+    description: string;
+    image?: string;
+}
+interface Release {
+    date: string;
+    /** Theme/title for this release (e.g., "Policies Engine"). Falls back to highlight.title if not provided. */
+    title?: string;
+    highlight?: ReleaseHighlight;
+    features?: ChangeItem[];
+    improvements?: ChangeItem[];
+    fixes?: ChangeItem[];
+}
+interface ChangelogSheetProps {
+    releases: Release[];
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    viewAllHref?: string;
+    /** Number of releases to show (default: 2) */
+    maxReleases?: number;
+}
+declare const productConfig: Record<ProductTag, {
+    label: string;
+    dotColor: string;
+}>;
+declare function formatShortDate(dateStr: string): string;
+declare function getReleaseTitle(release: Release): string;
+declare function ProductBadge({ product }: {
+    product: ProductTag;
+}): react_jsx_runtime.JSX.Element;
+declare function ChangelogSheet({ releases, open, onOpenChange, viewAllHref, maxReleases, }: ChangelogSheetProps): react_jsx_runtime.JSX.Element;
+declare const sampleReleases: Release[];
+
+interface HeroProps {
+    label?: string;
+    title: string;
+    titleAccent?: string;
+    description: string;
+    primaryCta: {
+        label: string;
+        href: string;
+    };
+    secondaryCta?: {
+        label: string;
+        href: string;
+    };
+}
+declare function Hero({ label, title, titleAccent, description, primaryCta, secondaryCta, }: HeroProps): react_jsx_runtime.JSX.Element;
+
+interface Feature {
+    icon: React.ReactNode;
+    title: string;
+    description: string;
+}
+interface FeatureGridProps {
+    label?: string;
+    title?: string;
+    description?: string;
+    features: Feature[];
+    columns?: 2 | 3 | 4;
+}
+declare function FeatureGrid({ label, title, description, features, columns, }: FeatureGridProps): react_jsx_runtime.JSX.Element;
+
+interface ProductCardProps {
+    icon: React.ReactNode;
+    name: string;
+    tagline: string;
+    description: string;
+    features: string[];
+    href: string;
+    badge?: string;
+    featured?: boolean;
+    comingSoon?: boolean;
+    accentColor?: "terracotta" | "sage" | "ochre";
+}
+declare function ProductCard({ icon, name, tagline, description, features, href, badge, featured, comingSoon, accentColor, }: ProductCardProps): react_jsx_runtime.JSX.Element;
+
+interface CTASectionProps {
+    title: string;
+    description?: string;
+    primaryCta: {
+        label: string;
+        href: string;
+    };
+    secondaryCta?: {
+        label: string;
+        href: string;
+    };
+    variant?: "default" | "card" | "warm";
+}
+declare function CTASection({ title, description, primaryCta, secondaryCta, variant, }: CTASectionProps): react_jsx_runtime.JSX.Element;
+
+interface LogoCloudProps {
+    title?: string;
+    logos: {
+        name: string;
+        logo: React.ReactNode;
+    }[];
+}
+declare function LogoCloud({ title, logos }: LogoCloudProps): react_jsx_runtime.JSX.Element;
+declare function PlaceholderLogo({ name }: {
+    name: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function useIsMobile(): boolean;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+declare const VERSION = "3.2.7";
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, ApiKeyDisplay, AppLayout, AppSidebar, AspectRatio, type Attachment$1 as Attachment, AttachmentLightbox, type AttachmentLightboxProps, AttachmentMenu, type AttachmentMenuProps, AttachmentPreview, type AttachmentPreviewProps, Avatar, type AvatarColor, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CTASection, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryFilterChips, type ChangeItem, ChangelogSheet, type Channel, ChannelIcons, ChartCard, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatAvatar, type ChatAvatarProps, ChatHeader, type ChatHeaderProps, ChatInput, type ChatInputProps, ChatMessageList, type ChatMessageListProps, ChatPanel, type ChatPanelProps, ChatSidebar, type ChatSidebarProps, ChatWidget, type ChatWidgetProps, ChatWindow, type ChatWindowProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, 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 Conversation, type ConversationActions, type ConversationChannel, type ConversationStatus, DataTable, DataTableColumnHeader, type DatePreset, DateRangePicker, 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, EmailIcon, EmojiPicker, EmptyState, FacebookIcon, FeatureGrid, FilterBar, type FilterChip, FilterDropdown, type FilterOption, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GorgiasIcon, HelpMenu, type HelpMenuItem, Hero, HoverCard, HoverCardContent, HoverCardTrigger, IconSelect, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, InsightReport, type InsightReportData, InstagramIcon, IntegrationCard, type IntegrationType, IntercomIcon, Kbd, Label, LinkedInIcon, LiveChatIcon, LogoCloud, MarkdownRenderer, type MarkdownRendererProps, type MemberRole, type MemberStatus, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, type Message, MessageActions, type MessageActionsProps, MessageBubble, type MessageBubbleProps, MessengerIcon, type Model, ModelSelector, type ModelSelectorProps, type NavItem, NavMain, type NavSection, type NavSubItem, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type PageBreadcrumbItem, PageHeader, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, type Persona, PhoneIcon, PlaceholderLogo, type Playbook, PlaygroundInput, type PlaygroundInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProductBadge, ProductCard, type ProductTag, Progress, RadioGroup, RadioGroupItem, type Recommendation, type Release, type ReleaseHighlight, type Report, ReportCard, ResizableHandle, ResizablePanel, ResizablePanelGroup, ReviewsIcon, ScrollArea, ScrollBar, SearchInput, type SearchInputProps, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ShareDialog, type ShareDialogProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShopifyIcon, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SlackIcon, Slider, SmsIcon, Spinner, StatCard, StreamingText, type StreamingTextProps, SuggestionChips, type SuggestionChipsProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TeamMember, TeamMemberList, Textarea, type TextareaProps, ThemeToggle, TikTokIcon, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type Tool, ToolCallBlock, type ToolCallBlockProps, type ToolProvider, ToolsPanelContent, type ToolsPanelContentProps, ToolsPopover, type ToolsPopoverProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TrendBadge, type TrendData, type TrendSection, TwitterIcon, TypingIndicator, type TypingIndicatorProps, type UserData, UserMenu, type UserMenuItem, VERSION, VoiceInput, type VoiceInputProps, WhatsAppIcon, type Workspace, WorkspaceSelector, YouTubeIcon, ZendeskIcon, badgeVariants, buttonVariants, cn, defaultModels, defaultPlaybooks, formatShortDate, getChannelIcon, getReleaseTitle, inputVariants, navigationMenuTriggerStyle, productConfig, sampleReleases, textareaVariants, toggleVariants, useFormField, useIsMobile, useSidebar };