import * as AccordionPrimitive from "@radix-ui/react-accordion"; import * as _$react from "react"; import React$1, { ButtonHTMLAttributes, CSSProperties, HTMLAttributes, ReactElement, ReactNode } from "react"; import * as _$react_jsx_runtime0 from "react/jsx-runtime"; import { AssistantMessage, ChatProviderProps, Message, ToolCall, ToolMessage, UserMessage, useActiveArtifact, useArtifact } from "@openuidev/react-headless"; import * as _$react_day_picker0 from "react-day-picker"; import { DateRange, DayPicker } from "react-day-picker"; import * as SelectPrimitive from "@radix-ui/react-select"; import * as RadixSeparator from "@radix-ui/react-separator"; import * as _$zustand from "zustand"; import { Options } from "react-markdown"; import * as LabelPrimitive from "@radix-ui/react-label"; import * as _$_openuidev_react_lang0 from "@openuidev/react-lang"; import { ComponentGroup, ComponentRenderer, Library, PromptOptions } from "@openuidev/react-lang"; import * as Radio from "@radix-ui/react-radio-group"; import * as SliderPrimitive from "@radix-ui/react-slider"; import * as TabsPrimitive from "@radix-ui/react-tabs"; //#region src/components/Accordion/Accordion.d.ts type AccordionVariant = "clear" | "card" | "sunk"; type AccordionProps = (AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & { variant?: AccordionVariant; }; declare const Accordion: React$1.ForwardRefExoticComponent>; interface AccordionItemProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; value: string; } declare const AccordionItem: React$1.ForwardRefExoticComponent>; interface AccordionTriggerProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; icon?: React$1.ReactNode; text: React$1.ReactNode; } declare const AccordionTrigger: React$1.ForwardRefExoticComponent>; interface AccordionContentProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; children?: React$1.ReactNode; } declare const AccordionContent: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/_shared/artifact/ArtifactOverlay.d.ts /** * Props for {@link ArtifactOverlay}. * * @category Components */ type ArtifactOverlayProps = { /** Additional CSS class name(s) applied to the overlay container. */className?: string; }; /** * Shared overlay wrapper for the artifact portal target. * Used by CopilotShell, BottomTray, and Shell (mobile) layouts. * Renders an absolute-positioned overlay with slide-in/slide-out animations. * * @category Components */ declare const ArtifactOverlay: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/_shared/artifact/ArtifactPanel.d.ts /** * Props for {@link ArtifactPanel}. * * @category Components */ type ArtifactPanelProps = { /** Artifact ID this panel renders content for. Must match the ID passed to `useArtifact(id)`. */artifactId: string; /** Content rendered inside the panel when this artifact is active. */ children: ReactNode; /** Display title for the panel header and aria-label. Defaults to `"Artifact"`. */ title?: string; /** Additional CSS class name(s) applied to the panel container. */ className?: string; /** Fallback UI rendered if children throw during rendering. Defaults to `null`. */ errorFallback?: ReactNode; /** * Controls the panel header. * - `true` (default): built-in header with title + close button * - `false`: no header, raw children only * - `ReactNode`: custom header replacing the built-in one */ header?: boolean | ReactNode; }; /** * Portals artifact content into the nearest {@link ArtifactPortalTarget}. * * Renders nothing when the artifact is inactive or no portal target is mounted. * Wraps children in an error boundary and applies theme-scoped class names. * * Requires `` to be mounted in the layout. * * @category Components */ declare const ArtifactPanel: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/_shared/artifact/ArtifactPortalTarget.d.ts /** * Props for {@link ArtifactPortalTarget}. */ type ArtifactPortalTargetProps = { /** Additional CSS class name(s) applied to the container element. */className?: string; }; /** * Registers a DOM node as the render target for {@link ArtifactPanel} portals. * * Mount exactly one instance in your layout. Renders a `
` with * `display: contents` so it doesn't affect layout flow. * * @category Components */ declare const ArtifactPortalTarget: _$react.ForwardRefExoticComponent>; //#endregion //#region src/artifact/Artifact.d.ts /** * Controls injected into `preview` and `panel` render functions. */ interface ArtifactControls { /** Whether this artifact is the currently active (visible) one. */ isActive: boolean; /** Activates this artifact. */ open: () => void; /** Deactivates this artifact. */ close: () => void; /** Toggles this artifact: opens if closed, closes if open. */ toggle: () => void; } /** * Configuration for {@link Artifact}. */ interface ArtifactConfig

> { /** Panel title — static string or derived from props. */ title: string | ((props: P) => string); /** Renders the inline preview shown in the chat message. */ preview: (props: P, controls: ArtifactControls) => ReactNode; /** Renders the content inside the artifact side panel. */ panel: (props: P, controls: ArtifactControls) => ReactNode; /** Optional props forwarded to the underlying ``. */ panelProps?: Pick; } /** * Factory that returns a `ComponentRenderer

` wiring up `useId`, `useArtifact`, * and `` internally. Pass the result as `defineComponent`'s `component`. * * @example * ```tsx * export const ArtifactCodeBlock = defineComponent({ * name: "ArtifactCodeBlock", * props: ArtifactCodeBlockSchema, * description: "Code block that opens in the artifact side panel", * component: Artifact({ * title: (props) => props.title, * preview: (props, { open, isActive }) => ( * * ), * panel: (props) => ( * * ), * }), * }); * ``` */ declare function Artifact

>(config: ArtifactConfig

): ComponentRenderer

; //#endregion //#region src/components/Button/Button.d.ts type ButtonVariant = "primary" | "secondary" | "tertiary"; type ButtonSize = "extra-small" | "small" | "medium" | "large"; type ButtonType = "normal" | "destructive"; interface ButtonProps extends React.ButtonHTMLAttributes { variant?: ButtonVariant; size?: ButtonSize; iconLeft?: ReactNode; iconRight?: ReactNode; buttonType?: ButtonType; } declare const Button: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/IconButton/IconButton.d.ts type IconButtonVariant = "primary" | "secondary" | "tertiary"; type IconButtonSize = "3-extra-small" | "2-extra-small" | "extra-small" | "small" | "medium" | "large"; type IconButtonShape = "square" | "circle"; type IconButtonAppearance = "normal" | "destructive"; interface IconButtonProps extends ButtonHTMLAttributes { icon: ReactNode; variant?: IconButtonVariant; size?: IconButtonSize; shape?: IconButtonShape; className?: string; appearance?: IconButtonAppearance; } declare const IconButton: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/Buttons/Buttons.d.ts type ButtonsVariant = "vertical" | "horizontal"; interface ButtonsProps extends HTMLAttributes { variant?: ButtonsVariant; children: ReactElement | ReactElement[]; className?: string; style?: CSSProperties; } declare const Buttons: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/Calendar/Calendar.d.ts type CalendarProps = React$1.ComponentProps; declare const Calendar: React$1.ForwardRefExoticComponent<_$react_day_picker0.DayPickerProps & React$1.RefAttributes>; //#endregion //#region src/components/Callout/Callout.d.ts type CalloutVariant = "info" | "danger" | "warning" | "success" | "neutral"; interface CalloutProps extends Omit, "title"> { variant?: CalloutVariant; title?: React$1.ReactNode; description?: React$1.ReactNode; /** Auto-dismiss after N milliseconds. CSS-only fade + collapse. */ duration?: number; } declare const Callout: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/Card/Card.d.ts type CardVariant = "clear" | "card" | "sunk"; type CardWidth = "standard" | "full"; interface CardProps extends React$1.HTMLAttributes { variant?: CardVariant; width?: CardWidth; } declare const Card: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/CardHeader/CardHeader.d.ts interface CardHeaderProps extends Omit, "title"> { icon?: ReactNode; title?: ReactNode; subtitle?: ReactNode; actions?: ReactElement | ReactElement[]; className?: string; styles?: CSSProperties; } declare const CardHeader: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/Carousel/Carousel.d.ts interface CarouselProps extends React.HTMLAttributes { itemsToScroll?: number; noSnap?: boolean; showButtons?: boolean; variant?: "card" | "sunk"; onScrollLeftEnabled?: (enabled: boolean) => void; onScrollRightEnabled?: (enabled: boolean) => void; } interface CarouselRef { scroll: (direction: "left" | "right") => void; scrollDivRef: React.RefObject; } declare const Carousel: _$react.ForwardRefExoticComponent>; declare const CarouselContent: _$react.ForwardRefExoticComponent<_$react.HTMLAttributes & _$react.RefAttributes>; declare const CarouselItem: _$react.ForwardRefExoticComponent<_$react.HTMLAttributes & _$react.RefAttributes>; declare const CarouselPrevious: _$react.ForwardRefExoticComponent, "ref"> & _$react.RefAttributes>; declare const CarouselNext: _$react.ForwardRefExoticComponent, "ref"> & _$react.RefAttributes>; //#endregion //#region src/components/Charts/types/XAxisTicks.d.ts type XAxisTickVariant = "singleLine" | "multiLine"; //#endregion //#region src/components/ThemeProvider/types.d.ts /** The active color scheme — determines which set of default tokens is used. */ type ThemeMode = "light" | "dark"; /** * Optional color arrays used by chart components. * Each palette overrides the default for its specific chart type. */ interface ChartColorPalette { defaultChartPalette?: string[]; barChartPalette?: string[]; lineChartPalette?: string[]; areaChartPalette?: string[]; pieChartPalette?: string[]; radarChartPalette?: string[]; radialChartPalette?: string[]; horizontalBarChartPalette?: string[]; } /** * Color-related design tokens: surfaces, text, interactive states, borders, * and chat UI colors. All values are `oklch()` strings. * * Derived from `defaultTheme.ts` via the swatch system; every property is * optional so consumers can override individual tokens. */ interface ColorTheme extends ChartColorPalette { background?: string; foreground?: string; popoverBackground?: string; sunkLight?: string; sunk?: string; sunkDeep?: string; elevatedLight?: string; elevated?: string; elevatedStrong?: string; elevatedIntense?: string; overlay?: string; highlightSubtle?: string; highlight?: string; highlightStrong?: string; highlightIntense?: string; invertedBackground?: string; infoBackground?: string; successBackground?: string; alertBackground?: string; dangerBackground?: string; purpleBackground?: string; pinkBackground?: string; textNeutralPrimary?: string; textNeutralSecondary?: string; textNeutralTertiary?: string; textNeutralLink?: string; textBrand?: string; textWhite?: string; textBlack?: string; textAccentPrimary?: string; textAccentSecondary?: string; textAccentTertiary?: string; textSuccessPrimary?: string; textSuccessInverted?: string; textAlertPrimary?: string; textAlertInverted?: string; textDangerPrimary?: string; textDangerSecondary?: string; textDangerTertiary?: string; textDangerInvertedPrimary?: string; textDangerInvertedSecondary?: string; textDangerInvertedTertiary?: string; textInfoPrimary?: string; textInfoInverted?: string; textPinkPrimary?: string; textPinkInverted?: string; textPurplePrimary?: string; textPurpleInverted?: string; interactiveAccentDefault?: string; interactiveAccentHover?: string; interactiveAccentDisabled?: string; interactiveAccentPressed?: string; interactiveDestructiveDefault?: string; interactiveDestructiveHover?: string; interactiveDestructiveDisabled?: string; interactiveDestructivePressed?: string; interactiveDestructiveAccentDefault?: string; interactiveDestructiveAccentHover?: string; interactiveDestructiveAccentPressed?: string; interactiveDestructiveAccentDisabled?: string; borderDefault?: string; borderInteractive?: string; borderInteractiveEmphasis?: string; borderInteractiveSelected?: string; borderAccent?: string; borderAccentEmphasis?: string; borderAccentSelected?: string; borderInfo?: string; borderInfoEmphasis?: string; borderAlert?: string; borderAlertEmphasis?: string; borderSuccess?: string; borderSuccessEmphasis?: string; borderDanger?: string; borderDangerEmphasis?: string; chatUserResponseBg?: string; chatUserResponseText?: string; } /** * Layout tokens: spacing scale and border-radius scale. * Values are pixel strings (e.g. `"12px"`, `"9999px"`). */ interface LayoutTheme { space000?: string; space3xs?: string; space2xs?: string; spaceXs?: string; spaceS?: string; spaceSM?: string; spaceM?: string; spaceML?: string; spaceL?: string; spaceXl?: string; space2xl?: string; space3xl?: string; radiusNone?: string; radius3xs?: string; radius2xs?: string; radiusXs?: string; radiusS?: string; radiusM?: string; radiusL?: string; radiusXl?: string; radius2xl?: string; radius3xl?: string; radius4xl?: string; radius5xl?: string; radius6xl?: string; radius7xl?: string; radius8xl?: string; radius9xl?: string; radiusFull?: string; } /** * Typography tokens: font families, sizes, weights, line heights, letter * spacing, and compound shorthand `font:` values for every text style. */ interface TypographyTheme { fontBody?: string; fontCode?: string; fontHeading?: string; fontLabel?: string; fontNumbers?: string; fontSize2xs?: string; fontSizeXs?: string; fontSizeSm?: string; fontSizeMd?: string; fontSizeLg?: string; fontSizeXl?: string; fontSize2xl?: string; fontSize3xl?: string; fontSize4xl?: string; fontSize5xl?: string; fontWeightRegular?: string; fontWeightMedium?: string; fontWeightBold?: string; fontWeightHeavy?: string; lineHeightBody?: string; lineHeightHeading?: string; lineHeightHeadingLarge?: string; lineHeightLabel?: string; lineHeightCode?: string; letterSpacingNormal?: string; letterSpacingTight?: string; letterSpacingTighter?: string; textBodyXs?: string; textBodyXsLetterSpacing?: string; textBodyXsHeavy?: string; textBodyXsHeavyLetterSpacing?: string; textBodySm?: string; textBodySmLetterSpacing?: string; textBodySmHeavy?: string; textBodySmHeavyLetterSpacing?: string; textBodyDefault?: string; textBodyDefaultLetterSpacing?: string; textBodyDefaultHeavy?: string; textBodyDefaultHeavyLetterSpacing?: string; textBodyLg?: string; textBodyLgLetterSpacing?: string; textBodyLgHeavy?: string; textBodyLgHeavyLetterSpacing?: string; textHeadingXs?: string; textHeadingXsLetterSpacing?: string; textHeadingSm?: string; textHeadingSmLetterSpacing?: string; textHeadingMd?: string; textHeadingMdLetterSpacing?: string; textHeadingLg?: string; textHeadingLgLetterSpacing?: string; textHeadingXl?: string; textHeadingXlLetterSpacing?: string; textLabelXs?: string; textLabelXsLetterSpacing?: string; textLabelXsHeavy?: string; textLabelXsHeavyLetterSpacing?: string; textLabelSm?: string; textLabelSmLetterSpacing?: string; textLabelSmHeavy?: string; textLabelSmHeavyLetterSpacing?: string; textLabelDefault?: string; textLabelDefaultLetterSpacing?: string; textLabelDefaultHeavy?: string; textLabelDefaultHeavyLetterSpacing?: string; textLabelLg?: string; textLabelLgLetterSpacing?: string; textLabelLgHeavy?: string; textLabelLgHeavyLetterSpacing?: string; textNumbersXs?: string; textNumbersXsLetterSpacing?: string; textNumbersXsHeavy?: string; textNumbersXsHeavyLetterSpacing?: string; textNumbersSm?: string; textNumbersSmLetterSpacing?: string; textNumbersSmHeavy?: string; textNumbersSmHeavyLetterSpacing?: string; textNumbersDefault?: string; textNumbersDefaultLetterSpacing?: string; textNumbersDefaultHeavy?: string; textNumbersDefaultHeavyLetterSpacing?: string; textNumbersLg?: string; textNumbersLgLetterSpacing?: string; textNumbersLgHeavy?: string; textNumbersLgHeavyLetterSpacing?: string; textNumbersHeadingSm?: string; textNumbersHeadingSmLetterSpacing?: string; textNumbersHeadingMd?: string; textNumbersHeadingMdLetterSpacing?: string; textNumbersHeadingLg?: string; textNumbersHeadingLgLetterSpacing?: string; textNumbersHeadingXl?: string; textNumbersHeadingXlLetterSpacing?: string; textCodeSm?: string; textCodeSmLetterSpacing?: string; textCodeSmHeavy?: string; textCodeSmHeavyLetterSpacing?: string; textCodeDefault?: string; textCodeDefaultLetterSpacing?: string; textCodeDefaultHeavy?: string; textCodeDefaultHeavyLetterSpacing?: string; } /** * Effect tokens: box-shadow values at increasing elevation levels. * Light and dark modes use different shadow intensities. */ interface EffectTheme { shadow0?: string; shadowS?: string; shadowM?: string; shadowL?: string; shadowXl?: string; shadow2xl?: string; shadow3xl?: string; } /** * The complete set of design tokens consumed by {@link ThemeProvider}. * Combines color, layout, typography, and effect sub-interfaces. * Every property is optional — omitted keys use the built-in defaults. */ interface Theme extends ColorTheme, LayoutTheme, TypographyTheme, EffectTheme {} //#endregion //#region src/components/ThemeProvider/defaultTheme.d.ts /** * The built-in light theme. Combines the neutral-swatch light color palette, * shared layout and typography tokens, and light-mode shadow values. * * Used as the base when `ThemeProvider` is rendered with `mode="light"`. */ declare const defaultLightTheme: Theme; /** * The built-in dark theme. Uses the neutral-swatch dark color palette with * inverted surface lightness, higher shadow opacity, and shared layout / * typography tokens. * * Used as the base when `ThemeProvider` is rendered with `mode="dark"`. */ declare const defaultDarkTheme: Theme; //#endregion //#region src/components/ThemeProvider/swatches.d.ts type SwatchScale = { 25: string; 50: string; 100: string; 200: string; 300: string; 400: string; 500: string; 600: string; 700: string; 800: string; 900: string; 925: string; 950: string; 1000: string; }; declare const BASE_SWATCHES: { readonly neutral: { readonly 25: "oklch(0.994 0 89.876 / 1)"; readonly 50: "oklch(0.985 0 89.876 / 1)"; readonly 100: "oklch(0.97 0 89.876 / 1)"; readonly 200: "oklch(0.922 0 89.876 / 1)"; readonly 300: "oklch(0.87 0 89.876 / 1)"; readonly 400: "oklch(0.715 0 89.876 / 1)"; readonly 500: "oklch(0.556 0 89.876 / 1)"; readonly 600: "oklch(0.439 0 89.876 / 1)"; readonly 700: "oklch(0.371 0 89.876 / 1)"; readonly 800: "oklch(0.269 0 89.876 / 1)"; readonly 900: "oklch(0.205 0 0 / 1)"; readonly 925: "oklch(0.173 0 0 / 1)"; readonly 950: "oklch(0.145 0 0 / 1)"; readonly 1000: "oklch(0.097 0 0 / 1)"; }; readonly slate: { readonly 25: "oklch(0.994 0.002 247.839 / 1)"; readonly 50: "oklch(0.984 0.003 247.858 / 1)"; readonly 100: "oklch(0.968 0.007 247.896 / 1)"; readonly 200: "oklch(0.929 0.013 255.508 / 1)"; readonly 300: "oklch(0.869 0.02 252.894 / 1)"; readonly 400: "oklch(0.711 0.035 256.788 / 1)"; readonly 500: "oklch(0.554 0.041 257.417 / 1)"; readonly 600: "oklch(0.446 0.037 257.281 / 1)"; readonly 700: "oklch(0.372 0.039 257.287 / 1)"; readonly 800: "oklch(0.279 0.037 260.031 / 1)"; readonly 900: "oklch(0.208 0.04 265.755 / 1)"; readonly 925: "oklch(0.166 0.029 267.188 / 1)"; readonly 950: "oklch(0.129 0.041 264.695 / 1)"; readonly 1000: "oklch(0.091 0.029 268.957 / 1)"; }; readonly gray: { readonly 25: "oklch(0.991 0.001 286.376 / 1)"; readonly 50: "oklch(0.985 0.002 247.839 / 1)"; readonly 100: "oklch(0.967 0.003 264.542 / 1)"; readonly 200: "oklch(0.928 0.006 264.531 / 1)"; readonly 300: "oklch(0.872 0.009 258.338 / 1)"; readonly 400: "oklch(0.714 0.019 261.325 / 1)"; readonly 500: "oklch(0.551 0.023 264.364 / 1)"; readonly 600: "oklch(0.446 0.026 256.802 / 1)"; readonly 700: "oklch(0.373 0.031 259.733 / 1)"; readonly 800: "oklch(0.278 0.03 256.848 / 1)"; readonly 900: "oklch(0.21 0.032 264.665 / 1)"; readonly 925: "oklch(0.171 0.028 267.356 / 1)"; readonly 950: "oklch(0.13 0.027 261.692 / 1)"; readonly 1000: "oklch(0.089 0.024 267.878 / 1)"; }; readonly zinc: { readonly 25: "oklch(0.994 0 89.876 / 1)"; readonly 50: "oklch(0.985 0 89.876 / 1)"; readonly 100: "oklch(0.967 0.001 286.375 / 1)"; readonly 200: "oklch(0.92 0.004 286.32 / 1)"; readonly 300: "oklch(0.871 0.005 286.286 / 1)"; readonly 400: "oklch(0.712 0.013 286.067 / 1)"; readonly 500: "oklch(0.552 0.014 285.938 / 1)"; readonly 600: "oklch(0.442 0.015 285.786 / 1)"; readonly 700: "oklch(0.37 0.012 285.805 / 1)"; readonly 800: "oklch(0.274 0.005 286.033 / 1)"; readonly 900: "oklch(0.21 0.006 285.885 / 1)"; readonly 925: "oklch(0.179 0.004 285.981 / 1)"; readonly 950: "oklch(0.141 0.004 285.823 / 1)"; readonly 1000: "oklch(0.108 0.004 285.762 / 1)"; }; readonly stone: { readonly 25: "oklch(0.994 0.001 106.423 / 1)"; readonly 50: "oklch(0.985 0.001 106.423 / 1)"; readonly 100: "oklch(0.97 0.001 106.424 / 1)"; readonly 200: "oklch(0.923 0.003 48.717 / 1)"; readonly 300: "oklch(0.869 0.004 56.366 / 1)"; readonly 400: "oklch(0.716 0.009 56.259 / 1)"; readonly 500: "oklch(0.553 0.012 58.071 / 1)"; readonly 600: "oklch(0.444 0.01 73.639 / 1)"; readonly 700: "oklch(0.374 0.009 67.558 / 1)"; readonly 800: "oklch(0.268 0.006 34.298 / 1)"; readonly 900: "oklch(0.216 0.006 56.043 / 1)"; readonly 925: "oklch(0.184 0.005 67.497 / 1)"; readonly 950: "oklch(0.147 0.004 49.25 / 1)"; readonly 1000: "oklch(0.108 0.005 71.346 / 1)"; }; readonly blue: { readonly 25: "oklch(0.986 0.007 247.894 / 1)"; readonly 50: "oklch(0.97 0.014 254.604 / 1)"; readonly 100: "oklch(0.932 0.032 255.585 / 1)"; readonly 200: "oklch(0.882 0.057 254.128 / 1)"; readonly 300: "oklch(0.809 0.096 251.813 / 1)"; readonly 400: "oklch(0.714 0.143 254.624 / 1)"; readonly 500: "oklch(0.623 0.188 259.815 / 1)"; readonly 600: "oklch(0.546 0.215 262.881 / 1)"; readonly 700: "oklch(0.488 0.217 264.376 / 1)"; readonly 800: "oklch(0.424 0.181 265.638 / 1)"; readonly 900: "oklch(0.379 0.138 265.522 / 1)"; readonly 925: "oklch(0.328 0.111 266.206 / 1)"; readonly 950: "oklch(0.282 0.087 267.935 / 1)"; readonly 1000: "oklch(0.217 0.066 266.921 / 1)"; }; readonly sky: { readonly 25: "oklch(0.991 0.006 223.454 / 1)"; readonly 50: "oklch(0.977 0.012 236.62 / 1)"; readonly 100: "oklch(0.951 0.025 236.824 / 1)"; readonly 200: "oklch(0.901 0.055 230.902 / 1)"; readonly 300: "oklch(0.828 0.101 230.318 / 1)"; readonly 400: "oklch(0.754 0.139 232.661 / 1)"; readonly 500: "oklch(0.685 0.148 237.323 / 1)"; readonly 600: "oklch(0.588 0.139 241.966 / 1)"; readonly 700: "oklch(0.5 0.119 242.749 / 1)"; readonly 800: "oklch(0.443 0.1 240.79 / 1)"; readonly 900: "oklch(0.391 0.085 240.876 / 1)"; readonly 925: "oklch(0.339 0.07 239.068 / 1)"; readonly 950: "oklch(0.293 0.063 243.157 / 1)"; readonly 1000: "oklch(0.212 0.042 240.144 / 1)"; }; readonly cyan: { readonly 25: "oklch(0.991 0.009 205.897 / 1)"; readonly 50: "oklch(0.984 0.019 200.873 / 1)"; readonly 100: "oklch(0.956 0.044 203.388 / 1)"; readonly 200: "oklch(0.917 0.077 205.041 / 1)"; readonly 300: "oklch(0.865 0.115 207.078 / 1)"; readonly 400: "oklch(0.797 0.134 211.53 / 1)"; readonly 500: "oklch(0.715 0.126 215.221 / 1)"; readonly 600: "oklch(0.609 0.111 221.723 / 1)"; readonly 700: "oklch(0.52 0.094 223.128 / 1)"; readonly 800: "oklch(0.45 0.077 224.283 / 1)"; readonly 900: "oklch(0.398 0.066 227.392 / 1)"; readonly 925: "oklch(0.345 0.057 226.509 / 1)"; readonly 950: "oklch(0.302 0.054 229.695 / 1)"; readonly 1000: "oklch(0.217 0.037 227.615 / 1)"; }; readonly teal: { readonly 25: "oklch(0.992 0.007 174.385 / 1)"; readonly 50: "oklch(0.984 0.014 180.72 / 1)"; readonly 100: "oklch(0.953 0.05 180.801 / 1)"; readonly 200: "oklch(0.91 0.093 180.426 / 1)"; readonly 300: "oklch(0.855 0.125 181.071 / 1)"; readonly 400: "oklch(0.785 0.133 181.912 / 1)"; readonly 500: "oklch(0.704 0.123 182.503 / 1)"; readonly 600: "oklch(0.6 0.104 184.704 / 1)"; readonly 700: "oklch(0.511 0.086 186.391 / 1)"; readonly 800: "oklch(0.437 0.071 188.216 / 1)"; readonly 900: "oklch(0.386 0.059 188.416 / 1)"; readonly 925: "oklch(0.335 0.051 189.115 / 1)"; readonly 950: "oklch(0.277 0.045 192.524 / 1)"; readonly 1000: "oklch(0.206 0.033 191.443 / 1)"; }; readonly emerald: { readonly 25: "oklch(0.99 0.01 164.879 / 1)"; readonly 50: "oklch(0.979 0.021 166.113 / 1)"; readonly 100: "oklch(0.95 0.051 163.051 / 1)"; readonly 200: "oklch(0.905 0.089 164.15 / 1)"; readonly 300: "oklch(0.845 0.13 164.978 / 1)"; readonly 400: "oklch(0.773 0.153 163.223 / 1)"; readonly 500: "oklch(0.696 0.149 162.48 / 1)"; readonly 600: "oklch(0.596 0.127 163.225 / 1)"; readonly 700: "oklch(0.508 0.105 165.612 / 1)"; readonly 800: "oklch(0.432 0.086 166.913 / 1)"; readonly 900: "oklch(0.378 0.073 168.94 / 1)"; readonly 925: "oklch(0.325 0.062 169.847 / 1)"; readonly 950: "oklch(0.262 0.049 172.552 / 1)"; readonly 1000: "oklch(0.188 0.033 177.113 / 1)"; }; readonly lime: { readonly 25: "oklch(0.993 0.018 120.67 / 1)"; readonly 50: "oklch(0.986 0.031 120.757 / 1)"; readonly 100: "oklch(0.967 0.066 122.328 / 1)"; readonly 200: "oklch(0.938 0.122 124.321 / 1)"; readonly 300: "oklch(0.897 0.179 126.665 / 1)"; readonly 400: "oklch(0.849 0.207 128.85 / 1)"; readonly 500: "oklch(0.768 0.204 130.85 / 1)"; readonly 600: "oklch(0.648 0.175 131.684 / 1)"; readonly 700: "oklch(0.532 0.141 131.589 / 1)"; readonly 800: "oklch(0.453 0.113 130.933 / 1)"; readonly 900: "oklch(0.405 0.096 131.063 / 1)"; readonly 925: "oklch(0.341 0.079 131.173 / 1)"; readonly 950: "oklch(0.274 0.069 132.109 / 1)"; readonly 1000: "oklch(0.192 0.046 130.171 / 1)"; }; readonly amber: { readonly 25: "oklch(0.993 0.012 96.417 / 1)"; readonly 50: "oklch(0.987 0.021 95.277 / 1)"; readonly 100: "oklch(0.962 0.058 95.617 / 1)"; readonly 200: "oklch(0.924 0.115 95.746 / 1)"; readonly 300: "oklch(0.879 0.153 91.605 / 1)"; readonly 400: "oklch(0.837 0.164 84.429 / 1)"; readonly 500: "oklch(0.769 0.165 70.08 / 1)"; readonly 600: "oklch(0.666 0.157 58.318 / 1)"; readonly 700: "oklch(0.555 0.146 48.998 / 1)"; readonly 800: "oklch(0.473 0.125 46.201 / 1)"; readonly 900: "oklch(0.414 0.105 45.904 / 1)"; readonly 925: "oklch(0.35 0.087 45.765 / 1)"; readonly 950: "oklch(0.279 0.074 45.635 / 1)"; readonly 1000: "oklch(0.206 0.05 48.704 / 1)"; }; readonly orange: { readonly 25: "oklch(0.987 0.01 72.664 / 1)"; readonly 50: "oklch(0.98 0.016 73.684 / 1)"; readonly 100: "oklch(0.954 0.037 75.164 / 1)"; readonly 200: "oklch(0.901 0.073 70.697 / 1)"; readonly 300: "oklch(0.837 0.117 66.29 / 1)"; readonly 400: "oklch(0.758 0.159 55.934 / 1)"; readonly 500: "oklch(0.705 0.187 47.604 / 1)"; readonly 600: "oklch(0.646 0.194 41.116 / 1)"; readonly 700: "oklch(0.553 0.174 38.402 / 1)"; readonly 800: "oklch(0.47 0.143 37.304 / 1)"; readonly 900: "oklch(0.408 0.116 38.172 / 1)"; readonly 925: "oklch(0.342 0.096 37.716 / 1)"; readonly 950: "oklch(0.266 0.076 36.259 / 1)"; readonly 1000: "oklch(0.197 0.051 37.083 / 1)"; }; readonly green: { readonly 25: "oklch(0.989 0.012 153.679 / 1)"; readonly 50: "oklch(0.982 0.018 155.826 / 1)"; readonly 100: "oklch(0.962 0.043 156.743 / 1)"; readonly 200: "oklch(0.925 0.081 155.995 / 1)"; readonly 300: "oklch(0.871 0.136 154.449 / 1)"; readonly 400: "oklch(0.8 0.182 151.711 / 1)"; readonly 500: "oklch(0.723 0.192 149.579 / 1)"; readonly 600: "oklch(0.627 0.17 149.214 / 1)"; readonly 700: "oklch(0.527 0.137 150.069 / 1)"; readonly 800: "oklch(0.448 0.108 151.328 / 1)"; readonly 900: "oklch(0.393 0.09 152.535 / 1)"; readonly 925: "oklch(0.337 0.076 152.793 / 1)"; readonly 950: "oklch(0.266 0.063 152.934 / 1)"; readonly 1000: "oklch(0.19 0.041 156.904 / 1)"; }; readonly yellow: { readonly 25: "oklch(0.995 0.013 102.007 / 1)"; readonly 50: "oklch(0.987 0.026 102.212 / 1)"; readonly 100: "oklch(0.973 0.069 103.193 / 1)"; readonly 200: "oklch(0.945 0.124 101.54 / 1)"; readonly 300: "oklch(0.905 0.166 98.111 / 1)"; readonly 400: "oklch(0.861 0.173 91.936 / 1)"; readonly 500: "oklch(0.795 0.162 86.047 / 1)"; readonly 600: "oklch(0.681 0.142 75.834 / 1)"; readonly 700: "oklch(0.554 0.121 66.442 / 1)"; readonly 800: "oklch(0.476 0.103 61.907 / 1)"; readonly 900: "oklch(0.421 0.09 57.708 / 1)"; readonly 925: "oklch(0.357 0.075 57.491 / 1)"; readonly 950: "oklch(0.286 0.064 53.813 / 1)"; readonly 1000: "oklch(0.209 0.044 56.227 / 1)"; }; readonly red: { readonly 25: "oklch(0.982 0.009 17.303 / 1)"; readonly 50: "oklch(0.971 0.013 17.38 / 1)"; readonly 100: "oklch(0.936 0.031 17.717 / 1)"; readonly 200: "oklch(0.885 0.059 18.334 / 1)"; readonly 300: "oklch(0.808 0.103 19.571 / 1)"; readonly 400: "oklch(0.711 0.166 22.216 / 1)"; readonly 500: "oklch(0.637 0.208 25.331 / 1)"; readonly 600: "oklch(0.577 0.215 27.325 / 1)"; readonly 700: "oklch(0.505 0.19 27.518 / 1)"; readonly 800: "oklch(0.444 0.161 26.899 / 1)"; readonly 900: "oklch(0.396 0.133 25.723 / 1)"; readonly 925: "oklch(0.332 0.111 25.625 / 1)"; readonly 950: "oklch(0.258 0.089 26.042 / 1)"; readonly 1000: "oklch(0.184 0.058 25.017 / 1)"; }; readonly purple: { readonly 25: "oklch(0.987 0.009 314.783 / 1)"; readonly 50: "oklch(0.977 0.014 308.299 / 1)"; readonly 100: "oklch(0.946 0.033 307.174 / 1)"; readonly 200: "oklch(0.902 0.06 306.703 / 1)"; readonly 300: "oklch(0.827 0.108 306.383 / 1)"; readonly 400: "oklch(0.722 0.177 305.504 / 1)"; readonly 500: "oklch(0.627 0.233 303.9 / 1)"; readonly 600: "oklch(0.558 0.252 302.321 / 1)"; readonly 700: "oklch(0.496 0.237 301.924 / 1)"; readonly 800: "oklch(0.438 0.198 303.724 / 1)"; readonly 900: "oklch(0.381 0.166 304.987 / 1)"; readonly 925: "oklch(0.325 0.142 305.38 / 1)"; readonly 950: "oklch(0.291 0.143 302.717 / 1)"; readonly 1000: "oklch(0.205 0.098 304.68 / 1)"; }; readonly violet: { readonly 25: "oklch(0.98 0.011 297.63 / 1)"; readonly 50: "oklch(0.969 0.016 293.756 / 1)"; readonly 100: "oklch(0.943 0.028 294.588 / 1)"; readonly 200: "oklch(0.894 0.055 293.283 / 1)"; readonly 300: "oklch(0.811 0.101 293.571 / 1)"; readonly 400: "oklch(0.709 0.159 293.541 / 1)"; readonly 500: "oklch(0.606 0.219 292.717 / 1)"; readonly 600: "oklch(0.541 0.247 293.009 / 1)"; readonly 700: "oklch(0.491 0.241 292.581 / 1)"; readonly 800: "oklch(0.432 0.211 292.759 / 1)"; readonly 900: "oklch(0.38 0.178 293.745 / 1)"; readonly 925: "oklch(0.324 0.151 293.976 / 1)"; readonly 950: "oklch(0.283 0.135 291.089 / 1)"; readonly 1000: "oklch(0.203 0.088 292.692 / 1)"; }; readonly fuchsia: { readonly 25: "oklch(0.984 0.012 329.558 / 1)"; readonly 50: "oklch(0.977 0.017 320.058 / 1)"; readonly 100: "oklch(0.952 0.036 318.852 / 1)"; readonly 200: "oklch(0.903 0.073 319.62 / 1)"; readonly 300: "oklch(0.833 0.132 321.434 / 1)"; readonly 400: "oklch(0.748 0.207 322.16 / 1)"; readonly 500: "oklch(0.667 0.259 322.15 / 1)"; readonly 600: "oklch(0.591 0.257 322.896 / 1)"; readonly 700: "oklch(0.518 0.226 323.949 / 1)"; readonly 800: "oklch(0.452 0.192 324.591 / 1)"; readonly 900: "oklch(0.401 0.16 325.612 / 1)"; readonly 925: "oklch(0.341 0.135 326.232 / 1)"; readonly 950: "oklch(0.293 0.131 325.661 / 1)"; readonly 1000: "oklch(0.208 0.091 326.186 / 1)"; }; readonly pink: { readonly 25: "oklch(0.986 0.009 341.798 / 1)"; readonly 50: "oklch(0.971 0.014 343.198 / 1)"; readonly 100: "oklch(0.948 0.028 342.258 / 1)"; readonly 200: "oklch(0.899 0.059 343.231 / 1)"; readonly 300: "oklch(0.823 0.11 346.018 / 1)"; readonly 400: "oklch(0.725 0.175 349.761 / 1)"; readonly 500: "oklch(0.656 0.212 354.308 / 1)"; readonly 600: "oklch(0.592 0.218 0.584 / 1)"; readonly 700: "oklch(0.525 0.199 3.958 / 1)"; readonly 800: "oklch(0.459 0.17 3.815 / 1)"; readonly 900: "oklch(0.408 0.144 2.432 / 1)"; readonly 925: "oklch(0.347 0.124 2.558 / 1)"; readonly 950: "oklch(0.284 0.105 3.907 / 1)"; readonly 1000: "oklch(0.201 0.073 1.239 / 1)"; }; }; type SwatchName = keyof typeof BASE_SWATCHES; type SwatchShade = keyof SwatchScale; /** Absolute black in oklch format. */ declare const black = "oklch(0 0 0 / 1)"; /** Absolute white in oklch format. */ declare const white = "oklch(1 0 89.876 / 1)"; /** * Return a copy of an oklch color string with its alpha channel replaced. * * @param color - An oklch color string with `/ 1` alpha (e.g. `"oklch(0.5 0.1 260 / 1)"`) * @param alpha - New alpha value between 0 and 1 * @returns The color string with the updated alpha * * @example * ```ts * withAlpha("oklch(0.5 0.1 260 / 1)", 0.5) * // => "oklch(0.5 0.1 260 / 0.5)" * ``` */ declare const withAlpha: (color: string, alpha: number) => string; /** Swatch families suitable for neutral/background usage (low chroma). */ type NeutralSwatchName = "neutral" | "slate" | "gray" | "zinc" | "stone"; /** Swatch families that can serve as brand/accent color (excludes semantic-only families). */ type BrandSwatchName = Exclude; /** * Look up a raw oklch color value by swatch family name and shade. * * @param name - One of the 20 swatch families (e.g. `"blue"`, `"neutral"`) * @param shade - Shade step from 25 (lightest) to 1000 (darkest) * @returns The oklch color string * * @example * ```ts * swatch("blue", 600) // => "oklch(0.546 0.215 262.881 / 1)" * ``` */ declare const swatch: (name: SwatchName, shade: SwatchShade) => string; /** * Resolve a flat token key (e.g. `"blue-600"`, `"black-a50"`) to its oklch * color value. Returns `""` for unknown tokens. */ declare const swatchToken: (token: string) => string; /** The complete flat map of all swatch tokens (base shades + alpha variants). */ declare const swatchTokens: Record; //#endregion //#region src/components/ThemeProvider/ThemeProvider.d.ts /** * Props for the {@link ThemeProvider} component. */ type ThemeProps = { /** Active color scheme. @default "light" */mode?: ThemeMode; /** Application content rendered inside the theme context. */ children?: React$1.ReactNode; /** * Partial overrides for **light** mode, merged onto the built-in light * defaults. Omitted keys fall back to the built-in defaults. * Preferred over the deprecated `theme` prop. */ lightTheme?: Theme; /** * Partial overrides for **dark** mode, merged onto the built-in dark * defaults. When omitted, `lightTheme` overrides are applied to both modes * so a single set of brand customizations "just works". */ darkTheme?: Theme; /** * @deprecated Use `lightTheme` instead. Kept for backward compatibility; * mapped to `lightTheme` internally. If both `theme` and `lightTheme` are * provided, `lightTheme` wins. */ theme?: Theme; /** * CSS selector where `--openui-*` custom properties are injected. * Change this when mounting multiple independent theme scopes. * @default "body" */ cssSelector?: string; }; type ThemeContextType = { theme: Theme; mode: ThemeMode; portalThemeClassName: string; }; /** * React context that carries the resolved theme, active mode, and a CSS class * name for portals. Consumed via {@link useTheme}. */ declare const ThemeContext: React$1.Context; /** * Access the current theme, mode, and portal class name from the nearest * {@link ThemeProvider}. * * @returns An object with: * - `theme` – the fully resolved {@link Theme} object * - `mode` – `"light"` or `"dark"` * - `portalThemeClassName` – a unique CSS class name to apply on portal * containers so they inherit the same `--openui-*` custom properties * * Falls back to the default light theme when no provider is present. * * @example * ```tsx * const { theme, mode, portalThemeClassName } = useTheme(); * ``` */ declare const useTheme: () => ThemeContextType; /** * Injects the OpenUI design-token CSS custom properties (`--openui-*`) into the * DOM and provides theme context to all descendant components. * * Supports automatic scoping when nested inside another ThemeProvider: the inner * provider wraps its children in a `

` with `display: contents` and injects * a scoped style rule instead of targeting `body`. * * @example * ```tsx * * * * ``` */ declare const ThemeProvider: ({ mode, children, lightTheme, darkTheme, theme: deprecatedTheme, cssSelector }: ThemeProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/ThemeProvider/utils.d.ts /** * Validate a partial theme object in development and return it as-is. * * Works for both light and dark overrides — call it once per theme object: * * ```tsx * * ``` * * In non-production builds this checks every key against the known theme keys * and emits a `console.warn` with a "did you mean …?" suggestion for typos. * In production the validation code is stripped by bundlers. * * @param theme - A partial {@link Theme} to validate (light or dark overrides). * @returns The same `theme` object, unmodified. */ declare function createTheme(theme: Theme): Theme; //#endregion //#region src/components/Charts/utils/PalletUtils.d.ts type PaletteName = "ocean" | "orchid" | "emerald" | "spectrum" | "sunset" | "vivid"; //#endregion //#region src/components/Charts/AreaChart/types/index.d.ts type AreaChartVariant = "linear" | "natural" | "step"; type AreaChartData = Array>; //#endregion //#region src/components/Charts/AreaChart/AreaChart.d.ts interface AreaChartProps { data: T; categoryKey: keyof T[number]; theme?: PaletteName; customPalette?: string[]; variant?: AreaChartVariant; tickVariant?: XAxisTickVariant; grid?: boolean; legend?: boolean; icons?: Partial>; isAnimationActive?: boolean; showYAxis?: boolean; xAxisLabel?: React$1.ReactNode; yAxisLabel?: React$1.ReactNode; className?: string; height?: number; width?: number; } declare const AreaChartComponent: ({ data, categoryKey, theme, customPalette, variant: areaChartVariant, tickVariant, grid, icons, isAnimationActive, showYAxis, xAxisLabel, yAxisLabel, legend, className, height, width }: AreaChartProps) => _$react_jsx_runtime0.JSX.Element; declare const AreaChart: typeof AreaChartComponent; //#endregion //#region src/components/Charts/shared/SVGXAxisTick/SVGXAxisTick.d.ts type SVGXAxisTickVariant = "singleLine" | "angled"; //#endregion //#region src/components/Charts/AreaChartCondensed/AreaChartCondensed.d.ts interface AreaChartCondensedProps { data: T; categoryKey: keyof T[number]; theme?: PaletteName; customPalette?: string[]; variant?: AreaChartVariant; tickVariant?: SVGXAxisTickVariant; grid?: boolean; icons?: Partial>; isAnimationActive?: boolean; showYAxis?: boolean; xAxisLabel?: React$1.ReactNode; yAxisLabel?: React$1.ReactNode; legend?: boolean; className?: string; height?: number; width?: number; } declare const AreaChartCondensedComponent: ({ data, categoryKey, theme, customPalette, variant: areaChartVariant, tickVariant, grid, icons, isAnimationActive, showYAxis, xAxisLabel, yAxisLabel, legend, className, height, width }: AreaChartCondensedProps) => _$react_jsx_runtime0.JSX.Element; declare const AreaChartCondensed: typeof AreaChartCondensedComponent; //#endregion //#region src/components/Charts/BarChart/types/index.d.ts type BarChartVariant = "grouped" | "stacked"; type BarChartData = Array>; //#endregion //#region src/components/Charts/BarChart/BarChart.d.ts interface BarChartProps { data: T; categoryKey: keyof T[number]; theme?: PaletteName; customPalette?: string[]; variant?: BarChartVariant; tickVariant?: XAxisTickVariant; grid?: boolean; radius?: number; icons?: Partial>; isAnimationActive?: boolean; showYAxis?: boolean; xAxisLabel?: React$1.ReactNode; yAxisLabel?: React$1.ReactNode; legend?: boolean; className?: string; height?: number; width?: number; } declare const BarChartComponent: ({ data, categoryKey, theme, customPalette, variant, tickVariant, grid, icons, radius, isAnimationActive, showYAxis, xAxisLabel, yAxisLabel, legend, className, height, width }: BarChartProps) => _$react_jsx_runtime0.JSX.Element; declare const BarChart: typeof BarChartComponent; //#endregion //#region src/components/Charts/BarChartCondensed/BarChartCondensed.d.ts interface BarChartCondensedProps { data: T; categoryKey: keyof T[number]; theme?: PaletteName; customPalette?: string[]; variant?: BarChartVariant; tickVariant?: SVGXAxisTickVariant; grid?: boolean; radius?: number; icons?: Partial>; isAnimationActive?: boolean; showYAxis?: boolean; xAxisLabel?: React$1.ReactNode; yAxisLabel?: React$1.ReactNode; legend?: boolean; className?: string; height?: number; width?: number; /** Maximum bar width in pixels. Prevents bars from becoming too wide. Default: 12 */ maxBarWidth?: number; } declare const BarChartCondensedComponent: ({ data, categoryKey, theme, customPalette, variant, tickVariant, grid, icons, radius, isAnimationActive, showYAxis, xAxisLabel, yAxisLabel, legend, className, height, width, maxBarWidth }: BarChartCondensedProps) => _$react_jsx_runtime0.JSX.Element; declare const BarChartCondensed: typeof BarChartCondensedComponent; //#endregion //#region src/components/Charts/HorizontalBarChart/types/index.d.ts type HorizontalBarChartVariant = "grouped" | "stacked"; type HorizontalBarChartData = Array>; //#endregion //#region src/components/Charts/HorizontalBarChart/HorizontalBarChart.d.ts interface HorizontalBarChartProps { data: T; categoryKey: keyof T[number]; theme?: PaletteName; customPalette?: string[]; variant?: HorizontalBarChartVariant; grid?: boolean; radius?: number; icons?: Partial>; isAnimationActive?: boolean; showXAxis?: boolean; xAxisLabel?: React$1.ReactNode; yAxisLabel?: React$1.ReactNode; legend?: boolean; className?: string; height?: number; width?: number; } declare const HorizontalBarChartComponent: ({ data, categoryKey, theme, customPalette, variant, grid, icons, radius, isAnimationActive, showXAxis, xAxisLabel, yAxisLabel, legend, className, height, width }: HorizontalBarChartProps) => _$react_jsx_runtime0.JSX.Element; declare const HorizontalBarChart: typeof HorizontalBarChartComponent; //#endregion //#region src/components/Charts/LineChart/types/index.d.ts type LineChartData = Array>; type LineChartVariant = "linear" | "natural" | "step"; //#endregion //#region src/components/Charts/LineChart/LineChart.d.ts interface LineChartProps { data: T; categoryKey: keyof T[number]; theme?: PaletteName; customPalette?: string[]; variant?: LineChartVariant; tickVariant?: XAxisTickVariant; grid?: boolean; legend?: boolean; icons?: Partial>; isAnimationActive?: boolean; showYAxis?: boolean; xAxisLabel?: React$1.ReactNode; yAxisLabel?: React$1.ReactNode; className?: string; height?: number; width?: number; strokeWidth?: number; } declare const LineChart: ({ data, categoryKey, theme, customPalette, variant: lineChartVariant, tickVariant, grid, icons, isAnimationActive, showYAxis, xAxisLabel, yAxisLabel, legend, className, height, width, strokeWidth }: LineChartProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Charts/LineChartCondensed/LineChartCondensed.d.ts interface LineChartCondensedProps { data: T; categoryKey: keyof T[number]; theme?: PaletteName; customPalette?: string[]; variant?: LineChartVariant; tickVariant?: SVGXAxisTickVariant; grid?: boolean; icons?: Partial>; isAnimationActive?: boolean; showYAxis?: boolean; xAxisLabel?: React$1.ReactNode; yAxisLabel?: React$1.ReactNode; legend?: boolean; className?: string; height?: number; width?: number; strokeWidth?: number; } declare const LineChartCondensedComponent: ({ data, categoryKey, theme, customPalette, variant: lineChartVariant, tickVariant, grid, icons, isAnimationActive, showYAxis, xAxisLabel, yAxisLabel, legend, className, height, width, strokeWidth }: LineChartCondensedProps) => _$react_jsx_runtime0.JSX.Element; declare const LineChartCondensed: typeof LineChartCondensedComponent; //#endregion //#region src/components/Charts/MiniAreaChart/types/index.d.ts type MiniAreaChartData = Array | Array<{ value: number; label?: string; }>; //#endregion //#region src/components/Charts/MiniAreaChart/MiniAreaChart.d.ts interface MiniAreaChartProps { data: MiniAreaChartData; theme?: PaletteName; customPalette?: string[]; variant?: AreaChartVariant; opacity?: number; isAnimationActive?: boolean; onAreaClick?: (data: any) => void; size?: number | string; className?: string; areaColor?: string; useGradient?: boolean; } declare const MiniAreaChart: ({ data, theme, customPalette, variant: areaChartVariant, opacity, isAnimationActive, onAreaClick, size, className, areaColor, useGradient }: MiniAreaChartProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Charts/MiniBarChart/types/index.d.ts type MiniBarChartData = Array | Array<{ value: number; label?: string; }>; //#endregion //#region src/components/Charts/MiniBarChart/MiniBarChart.d.ts interface MiniBarChartProps { data: MiniBarChartData; theme?: PaletteName; customPalette?: string[]; radius?: number; isAnimationActive?: boolean; onBarsClick?: (data: any) => void; size?: number | string; className?: string; barColor?: string; } declare const MiniBarChart: ({ data, theme, customPalette, radius, isAnimationActive, onBarsClick, size, className, barColor }: MiniBarChartProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Charts/MiniLineChart/types/index.d.ts type MiniLineChartData = Array | Array<{ value: number; label?: string; }>; //#endregion //#region src/components/Charts/MiniLineChart/MiniLineChart.d.ts interface MiniLineChartProps { data: MiniLineChartData; theme?: PaletteName; customPalette?: string[]; variant?: LineChartVariant; strokeWidth?: number; isAnimationActive?: boolean; onLineClick?: (data: any) => void; size?: number | string; className?: string; lineColor?: string; } declare const MiniLineChart: ({ data, theme, customPalette, variant: lineChartVariant, strokeWidth, isAnimationActive, onLineClick, size, className, lineColor }: MiniLineChartProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Charts/PieChart/types/index.d.ts type PieChartData = Array>; //#endregion //#region src/components/Charts/PieChart/PieChart.d.ts interface PieChartProps { data: T; categoryKey: keyof T[number]; dataKey: keyof T[number]; theme?: PaletteName; customPalette?: string[]; variant?: "pie" | "donut"; format?: "percentage" | "number"; legend?: boolean; legendVariant?: "default" | "stacked"; isAnimationActive?: boolean; appearance?: "circular" | "semiCircular"; cornerRadius?: number; paddingAngle?: number; onMouseEnter?: (data: any, index: number) => void; onMouseLeave?: () => void; onClick?: (data: any, index: number) => void; className?: string; maxChartSize?: number; minChartSize?: number; height?: number | string; width?: number | string; } declare const PieChart: _$react.MemoExoticComponent<(({ data, categoryKey, dataKey, theme, customPalette, variant, format, legend, legendVariant, isAnimationActive, appearance, cornerRadius, paddingAngle, onMouseEnter, onMouseLeave, onClick, className, maxChartSize, minChartSize, height, width }: PieChartProps) => _$react_jsx_runtime0.JSX.Element)>; //#endregion //#region src/components/Charts/RadarChart/types/index.d.ts type RadarChartData = Array>; //#endregion //#region src/components/Charts/RadarChart/RadarChart.d.ts interface RadarChartProps { data: T; categoryKey: keyof T[number]; theme?: "ocean" | "orchid" | "emerald" | "sunset" | "spectrum" | "vivid"; customPalette?: string[]; variant?: "line" | "area"; grid?: boolean; legend?: boolean; strokeWidth?: number; areaOpacity?: number; icons?: Partial>; isAnimationActive?: boolean; height?: number; width?: number; } declare const RadarChart: React$1.MemoExoticComponent<(({ data, categoryKey, theme, customPalette, variant, grid, legend, strokeWidth, areaOpacity, icons, isAnimationActive, height, width }: RadarChartProps) => _$react_jsx_runtime0.JSX.Element)>; //#endregion //#region src/components/Charts/RadialChart/types/index.d.ts type RadialChartData = Array>; //#endregion //#region src/components/Charts/RadialChart/RadialChart.d.ts interface RadialChartProps { data: T; categoryKey: keyof T[number]; dataKey: keyof T[number]; theme?: PaletteName; customPalette?: string[]; variant?: "semicircle" | "circular"; format?: "percentage" | "number"; legend?: boolean; legendVariant?: "default" | "stacked"; grid?: boolean; isAnimationActive?: boolean; cornerRadius?: number; onMouseEnter?: (data: any, index: number) => void; onMouseLeave?: () => void; onClick?: (data: any, index: number) => void; className?: string; maxChartSize?: number; minChartSize?: number; height?: number | string; width?: number | string; } declare const RadialChart: ({ data, categoryKey, dataKey, theme, customPalette, variant, format, legend, legendVariant, grid, isAnimationActive, cornerRadius, onMouseEnter, onMouseLeave, onClick, className, maxChartSize, minChartSize, height, width }: RadialChartProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Charts/ScatterChart/types/index.d.ts interface ScatterPoint { x: number; y: number; z?: number; [key: string]: string | number | undefined; } interface ScatterDataset { name: string; data: ScatterPoint[]; } type ScatterChartData = ScatterDataset[]; //#endregion //#region src/components/Charts/ScatterChart/ScatterChart.d.ts interface ScatterChartProps { data: ScatterChartData; xAxisDataKey?: string; yAxisDataKey?: string; theme?: PaletteName; customPalette?: string[]; grid?: boolean; legend?: boolean; isAnimationActive?: boolean; xAxisLabel?: React$1.ReactNode; yAxisLabel?: React$1.ReactNode; className?: string; height?: number | string; width?: number | string; shape?: "circle" | "square"; } declare const ScatterChart: ({ data, xAxisDataKey, yAxisDataKey, theme, customPalette, grid, xAxisLabel, yAxisLabel, legend, isAnimationActive, className, height, width, shape }: ScatterChartProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Charts/ScatterChart/utils/ScatterChartUtils.d.ts /** * Extracts dataset names from scatter chart data * @param data - The scatter chart data (array of datasets) * @returns Array of dataset names */ declare const getScatterDatasets: (data: ScatterChartData) => string[]; /** * Transforms scatter chart data for recharts consumption * @param data - The scatter chart data (array of datasets) * @param datasets - Array of dataset names to include * @param colors - Array of colors for datasets * @returns Flattened array of all points with color and dataset info */ declare const transformScatterData: (data: ScatterChartData, datasets: string[], colors: string[]) => (ScatterPoint & { color: string; dataset: string; })[]; /** * Calculates the domain for scatter chart axes * @param data - The scatter chart data (array of datasets) * @param axis - Which axis ('x' or 'y') * @returns Domain array [min, max] with padding */ declare const calculateScatterDomain: (data: ScatterChartData, axis: "x" | "y") => [number, number]; /** * Formats scatter chart data for tooltip display * @param dataKey - The data key being displayed * @param value - The value to format * @param unit - Optional unit to append * @returns Formatted string */ declare const formatScatterTooltipValue: (value: number | string, unit?: string) => string; //#endregion //#region src/components/Charts/SingleStackedBarChart/types/index.d.ts type SingleStackedBarData = Array>; //#endregion //#region src/components/Charts/SingleStackedBarChart/SingleStackedBarChart.d.ts interface SingleStackedBarProps { data: T; categoryKey: keyof T[number]; dataKey: keyof T[number]; theme?: PaletteName; customPalette?: string[]; legend?: boolean; legendVariant?: "default" | "stacked"; className?: string; style?: React.CSSProperties; animated?: boolean; } declare const SingleStackedBar: ({ data, categoryKey, dataKey, theme, customPalette, legend, legendVariant, className, style, animated }: SingleStackedBarProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Charts/Charts.d.ts /** * Data structure for chart export (e.g., to PPTX) */ type ExportChartData = { type: "line" | "bar" | "area" | "pie" | "radar" | "scatter"; data: { name: string; labels?: string[]; values?: number[]; x?: number[]; y?: number[]; }[]; options?: { chartColors?: string[]; showLegend?: boolean; legendPos?: "b" | "t" | "l" | "r"; title?: string; showTitle?: boolean; catAxisTitle?: string; showCatAxisTitle?: boolean; valAxisTitle?: string; showValAxisTitle?: boolean; lineSize?: number; barDir?: "bar" | "col"; barGrouping?: "stacked" | "clustered" | "percent" | "standard"; }; }; //#endregion //#region src/components/CheckBoxItem/CheckBoxItem.d.ts interface CheckBoxItemProps { label?: ReactNode; description?: ReactNode; className?: string; style?: CSSProperties; checked?: boolean; defaultChecked?: boolean; disabled?: boolean; required?: boolean; name?: string; value?: string; onChange?: (checked: boolean) => void; } declare const CheckBoxItem: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/CheckBoxGroup/CheckBoxGroup.d.ts type CheckBoxGroupVariant = "clear" | "card" | "sunk"; interface CheckBoxGroupProps { children: React$1.ReactElement | React$1.ReactElement[]; className?: string; style?: React$1.CSSProperties; variant?: CheckBoxGroupVariant; } declare const CheckBoxGroup: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/CodeBlock/CodeBlock.d.ts interface CodeBlockProps { language: string; codeString: string; theme?: { [key: string]: React.CSSProperties; }; } declare const CodeBlock: ({ language, codeString, theme }: CodeBlockProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/CopilotShell/Container.d.ts interface ContainerProps$1 { children?: React.ReactNode; logoUrl: string; agentName: string; className?: string; showAssistantLogo?: boolean; } declare const Container$1: ({ children, logoUrl, agentName, className, showAssistantLogo }: ContainerProps$1) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/types/ConversationStarter.d.ts /** * Icon type for conversation starters * - undefined: Show default lightbulb icon * - ReactNode: Show the provided icon (use <> or React.Fragment for no icon) */ type ConversationStarterIcon = ReactNode; interface ConversationStarterProps { displayText: string; prompt: string; /** * Optional icon to display * - If not provided (undefined): shows default lightbulb icon * - If provided: shows the provided React element * - For no icon: pass an empty fragment (<> or React.Fragment) */ icon?: ConversationStarterIcon; } //#endregion //#region src/components/CopilotShell/ConversationStarter.d.ts type ConversationStarterVariant$2 = "short" | "long"; interface ConversationStarterContainerProps$1 { starters: ConversationStarterProps[]; className?: string; /** * Variant of the conversation starter * - "short": Pill-style horizontal buttons (default) * - "long": List items with icons and hover arrow */ variant?: ConversationStarterVariant$2; } declare const ConversationStarter$1: ({ starters, className, variant }: ConversationStarterContainerProps$1) => _$react_jsx_runtime0.JSX.Element | null; //#endregion //#region src/components/CopilotShell/Header.d.ts declare const CopilotNewChatButton: () => _$react_jsx_runtime0.JSX.Element; interface HeaderProps { className?: string; /** Custom content to render on the rightmost side of the logo container */ rightChildren?: ReactNode; /** Hide the new chat button */ hideNewChatButton?: boolean; /** Hide the thread list container */ hideThreadListContainer?: boolean; } declare const Header: ({ className, rightChildren, hideNewChatButton, hideThreadListContainer }: HeaderProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/hooks/useScrollToBottom.d.ts type ScrollVariant = "always" | "once" | "user-message-anchor"; //#endregion //#region src/components/_shared/types/index.d.ts /** * Custom component for rendering assistant messages. * When provided, replaces the default assistant message rendering entirely * (including the container with avatar). * * @example * const MyAssistantMessage: AssistantMessageComponent = ({ message }) => ( *
* {message.content ?? ""} *
* ); */ type AssistantMessageComponent = React.ComponentType<{ message: AssistantMessage; isStreaming: boolean; }>; /** * Custom component for rendering user messages. * When provided, replaces the default user message rendering entirely * (including the container). * * @example * const MyUserMessage: UserMessageComponent = ({ message }) => ( *
* {typeof message.content === "string" ? message.content : "..."} *
* ); */ type UserMessageComponent = React.ComponentType<{ message: UserMessage; }>; //#endregion //#region src/components/CopilotShell/components/Composer.d.ts interface ComposerProps$2 { className?: string; placeholder?: string; } declare const Composer$1: ({ className, placeholder }: ComposerProps$2) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/CopilotShell/Thread.d.ts declare const ThreadContainer$1: ({ children, className }: { children?: React$1.ReactNode; className?: string; }) => _$react_jsx_runtime0.JSX.Element; declare const ScrollArea$1: ({ children, className, scrollVariant, userMessageSelector }: { children?: React$1.ReactNode; className?: string; /** * Scroll to bottom once the last message is added */ scrollVariant?: ScrollVariant; /** * Selector for the user message */ userMessageSelector?: string; }) => _$react_jsx_runtime0.JSX.Element; declare const AssistantMessageContainer$1: ({ children, className }: { children?: React$1.ReactNode; className?: string; }) => _$react_jsx_runtime0.JSX.Element; declare const UserMessageContainer$1: ({ children, className }: { children?: React$1.ReactNode; className?: string; }) => _$react_jsx_runtime0.JSX.Element; declare const RenderMessage$1: React$1.MemoExoticComponent<({ message, className, allMessages, assistantMessage: CustomAssistantMessage, userMessage: CustomUserMessage, isStreaming }: { message: Message; className?: string; allMessages: Message[]; assistantMessage?: AssistantMessageComponent; userMessage?: UserMessageComponent; isStreaming: boolean; }) => _$react_jsx_runtime0.JSX.Element | null>; declare const MessageLoading$2: () => _$react_jsx_runtime0.JSX.Element; declare const Messages$1: ({ className, loader, assistantMessage, userMessage }: { className?: string; loader?: React$1.ReactNode; assistantMessage?: AssistantMessageComponent; userMessage?: UserMessageComponent; }) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/CopilotShell/WelcomeScreen.d.ts interface WelcomeScreenBaseProps$1 { /** * Additional CSS class name */ className?: string; } interface WelcomeScreenWithContentProps$1 extends WelcomeScreenBaseProps$1 { /** * The greeting/title text to display */ title?: string; /** * Optional description text to add more context */ description?: string; /** * Image to display - can be a URL object or a ReactNode * - { url: string }: Renders an tag with default styling (64x64, object-fit: cover, rounded) * - ReactNode: Renders the provided element directly (for custom icons, styled images, etc.) */ image?: { url: string; } | ReactNode; /** * Children are not allowed when using props-based content */ children?: never; } interface WelcomeScreenWithChildrenProps$1 extends WelcomeScreenBaseProps$1 { /** * Custom content to render inside the welcome screen * When children are provided, title, description, and image are ignored */ children: ReactNode; title?: never; description?: never; image?: never; } type WelcomeScreenProps$1 = WelcomeScreenWithContentProps$1 | WelcomeScreenWithChildrenProps$1; declare const WelcomeScreen$1: (props: WelcomeScreenProps$1) => _$react_jsx_runtime0.JSX.Element | null; declare namespace index_d_exports { export { AssistantMessageContainer$1 as AssistantMessageContainer, Composer$1 as Composer, Container$1 as Container, ConversationStarter$1 as ConversationStarter, ConversationStarterContainerProps$1 as ConversationStarterContainerProps, ConversationStarterVariant$2 as ConversationStarterVariant, CopilotNewChatButton, Header, MessageLoading$2 as MessageLoading, Messages$1 as Messages, RenderMessage$1 as RenderMessage, ScrollArea$1 as ScrollArea, ThreadContainer$1 as ThreadContainer, UserMessageContainer$1 as UserMessageContainer, WelcomeScreen$1 as WelcomeScreen, WelcomeScreenProps$1 as WelcomeScreenProps }; } //#endregion //#region src/components/DatePicker/DatePicker.d.ts interface DatePickerProps { mode?: "single" | "range"; selectedSingleDate?: Date; selectedRangeDates?: DateRange; setSelectedSingleDate?: (date?: Date) => void; setSelectedRangeDates?: (range?: DateRange) => void; isOpen?: boolean; setIsOpen?: (isOpen: boolean) => void; className?: string; style?: React.CSSProperties; } declare const DatePicker: (props: DatePickerProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/FollowUpItem/FollowUpItem.d.ts interface FollowUpItemProps extends ButtonHTMLAttributes { text: ReactNode; icon?: ReactNode; className?: string; } declare const FollowUpItem: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/FollowUpBlock/FollowUpBlock.d.ts interface FollowUpBlockProps extends React.HTMLAttributes { children: ReactElement | ReactElement[]; className?: string; style?: CSSProperties; } declare const FollowUpBlock: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/FormControl/FormControl.d.ts interface FormControlProps { children: React$1.ReactNode; className?: string; style?: React$1.CSSProperties; hasError?: boolean; } declare const FormControl: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/FormControl/Hint/Hint.d.ts interface HintProps extends React$1.ComponentPropsWithoutRef<"div"> { children: React$1.ReactNode; className?: string; style?: React$1.CSSProperties; hasError?: boolean; } declare const Hint: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/Image/Image.d.ts type AspectRatioType = "1:1" | "3:2" | "3:4" | "4:3" | "16:9"; type ScaleType = "fit" | "fill"; interface ImageProps extends React$1.ImgHTMLAttributes { src: string; alt?: string; styles?: React$1.CSSProperties; className?: string; aspectRatio?: AspectRatioType; scale?: ScaleType; } declare const Image: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/ImageBlock/ImageBlock.d.ts interface ImageBlockProps extends React$1.HTMLAttributes { src: string; alt?: string; imageLoading?: boolean; } declare const ImageBlock: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/ImageGallery/ImageGallery.d.ts interface ImageItem { src: string; alt?: string; details?: string; } interface OpenUIGalleryProps { images: ImageItem[]; } declare const ImageGallery: React$1.FC; //#endregion //#region src/components/ImageGallery/GalleryModal.d.ts interface GalleryModalProps { images: ImageItem[]; selectedImageIndex: number; setSelectedImageIndex: (index: number) => void; onClose: () => void; } declare const GalleryModal: React$1.FC; //#endregion //#region src/components/Input/Input.d.ts interface InputProps extends Omit, "size"> { styles?: React$1.CSSProperties; className?: string; size?: "small" | "medium" | "large"; hasError?: boolean; } declare const Input: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/Label/Label.d.ts interface LabelProps extends React$1.ComponentPropsWithoutRef { children: React$1.ReactNode; className?: string; style?: React$1.CSSProperties; disabled?: boolean; required?: boolean; } declare const Label: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/ListItem/ListItem.d.ts type ListItemVariant = "icon" | "image" | "number"; interface ListItemProps { className?: string; style?: CSSProperties; title?: ReactNode; subtitle?: ReactNode; variant?: ListItemVariant; icon?: ReactNode; image?: { src?: string; alt: string; }; index?: number; listHasSubtitle?: boolean; actionLabel?: ReactNode; actionIcon?: ReactNode; onClick?: () => void; } declare const ListItem: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/ListBlock/ListBlock.d.ts interface ListBlockProps { /** Controls the indicator shown on every ListItem. Defaults to "number". */ variant?: ListItemVariant; children: ReactElement | ReactElement[]; className?: string; style?: CSSProperties; } declare const ListBlock: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/MarkDownRenderer/MarkDownRenderer.d.ts interface MarkDownRendererProps { variant?: "clear" | "card" | "sunk"; textMarkdown: string; options?: Options; className?: string; } declare const MarkDownRenderer: _$react.MemoExoticComponent<(props: MarkDownRendererProps) => _$react_jsx_runtime0.JSX.Element>; //#endregion //#region src/components/MessageLoading/MessageLoading.d.ts declare const MessageLoading: ({ className }: { className?: string; }) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/OpenUIChat/types.d.ts /** * Welcome message configuration for OpenUIChat. * * Can be either: * - A custom React component that will be wrapped with WelcomeScreen for styling * - An object with title, description, and optional image * * @example * // Props-based configuration * const welcomeMessage: WelcomeMessageConfig = { * title: "Hi, I'm AI Assistant", * description: "I can help you with your questions.", * image: { url: "/logo.png" }, // or a ReactNode for custom styling * }; * * @example * // Custom component * const MyCustomWelcome = () =>
Custom welcome content
; * const welcomeMessage: WelcomeMessageConfig = MyCustomWelcome; */ type WelcomeMessageConfig = React.ComponentType | { /** Title text displayed in the welcome screen */title?: string; /** Description text displayed below the title */ description?: string; /** * Image to display in the welcome screen. * - `{ url: string }` - Renders with default 64x64 size, rounded corners * - `ReactNode` - Full control over styling (e.g., ``, ``) */ image?: { url: string; } | ReactNode; }; /** * Configuration for conversation starters in OpenUIChat. * * Conversation starters are clickable prompts shown when the thread is empty, * helping users begin a conversation with predefined options. * * @example * const starters: ConversationStartersConfig = { * variant: "short", // "short" for pill buttons, "long" for list items * options: [ * { displayText: "Help me get started", prompt: "Help me get started" }, * { displayText: "What can you do?", prompt: "What can you do?", icon: }, * ], * }; */ interface ConversationStartersConfig { /** * Visual variant for the conversation starters. * - `"short"` - Pill-style buttons that wrap horizontally (default) * - `"long"` - Vertical list with separators and hover arrows */ variant?: "short" | "long"; /** * Array of conversation starter options. * Each option has displayText, prompt, and optional icon. */ options: ConversationStarterProps[]; } /** * Props passed to a custom composer component. */ type ComposerProps = { onSend: (message: string) => void; onCancel: () => void; isRunning: boolean; isLoadingMessages: boolean; }; /** * Custom component for the message input area. * When provided, replaces the default composer entirely. */ type ComposerComponent = React.ComponentType; /** * Shared UI props for all chat layout variants (FullScreen, Copilot, BottomTray). */ interface SharedChatUIProps { logoUrl?: string; agentName?: string; showAssistantLogo?: boolean; messageLoading?: React.ComponentType; scrollVariant?: ScrollVariant; welcomeMessage?: WelcomeMessageConfig; conversationStarters?: ConversationStartersConfig; assistantMessage?: AssistantMessageComponent; userMessage?: UserMessageComponent; composer?: ComposerComponent; /** * Component library created via `createLibrary()` from `@openuidev/react-lang`. * When provided, assistant messages are rendered using the GenUI `Renderer` * instead of the default markdown renderer. If `assistantMessage` is also * provided, `assistantMessage` takes priority. */ componentLibrary?: Library; /** * Async function that receives the selected threadId and returns a shareable URL. * When provided, a share button appears in the chat header. */ generateShareLink?: (threadId: string) => Promise; } //#endregion //#region src/components/OpenUIChat/withChatProvider.d.ts type ThemeWrapperProps = { theme?: ThemeProps; disableThemeProvider?: boolean; }; type ChatLayoutProps = Omit & SharedChatUIProps & ThemeWrapperProps & Extra; //#endregion //#region src/components/OpenUIChat/ComposedBottomTray.d.ts declare const BottomTray: { (props: ChatLayoutProps<{ isOpen?: boolean; onOpenChange?: (isOpen: boolean) => void; defaultOpen?: boolean; headerActions?: React.ReactNode; }>): _$react_jsx_runtime0.JSX.Element; displayName: string; }; //#endregion //#region src/components/OpenUIChat/ComposedCopilot.d.ts declare const Copilot: { (props: ChatLayoutProps<{ headerActions?: React.ReactNode; }>): _$react_jsx_runtime0.JSX.Element; displayName: string; }; //#endregion //#region src/components/OpenUIChat/ComposedStandalone.d.ts declare const FullScreen: { (props: ChatLayoutProps<{ threadHeader?: React.ReactNode; mobileHeaderActions?: React.ReactNode; }>): _$react_jsx_runtime0.JSX.Element; displayName: string; }; //#endregion //#region src/components/OpenUIChat/GenUIUserMessage.d.ts /** * Renders a user message, handling both plain text messages and * XML-formatted messages from form submissions (which contain and tags). */ declare const GenUIUserMessage: ({ message }: { message: UserMessage; }) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/OpenUIChat/ShareThread.d.ts /** * Props for {@link ShareThread}. * * @category Components */ interface ShareThreadProps { /** Async function that receives the threadId and returns a shareable URL. */ generateShareLink: (threadId: string) => Promise; /** Title for the share modal. Defaults to `"Share chat"`. */ modalTitle?: string; /** Custom trigger element. When omitted, a default share button is rendered. */ customTrigger?: ReactNode; } /** * Share button that opens a modal for generating and copying a shareable link. * Renders nothing when there are no messages to share. * * @category Components */ declare const ShareThread: { ({ generateShareLink, modalTitle, customTrigger }: ShareThreadProps): _$react_jsx_runtime0.JSX.Element | null; displayName: string; }; //#endregion //#region src/components/OpenUIChat/ShareThreadModal.d.ts /** * Props for {@link ShareThreadModal}. * * @category Components */ interface ShareThreadModalProps { /** Modal title. Defaults to `"Share chat"`. */ title?: string; /** The trigger element that opens the modal. */ trigger: ReactNode; /** Async function that returns a shareable URL. */ generateLink: () => Promise; /** Theme class name for portal targeting. */ themeClassName?: string; } /** * Modal dialog for generating and copying a shareable link. * * @category Components */ declare const ShareThreadModal: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/_shared/utils/index.d.ts declare const isChatEmpty: ({ isLoadingMessages, messages }: { isLoadingMessages: boolean | undefined; messages: Message[]; }) => boolean; //#endregion //#region src/components/OpenUIChat/utils/index.d.ts /** * Type guard to check if a WelcomeMessageConfig is a custom React component. * * Use this to differentiate between a custom component and a props-based * configuration when rendering the welcome message. * * @param config - The welcome message configuration to check * @returns `true` if config is a React component, `false` if it's a props object * * @example * if (isWelcomeComponent(welcomeMessage)) { * // welcomeMessage is a React.ComponentType * const CustomWelcome = welcomeMessage; * return ; * } else { * // welcomeMessage is { title?, description?, image? } * return ; * } */ declare const isWelcomeComponent: (config: WelcomeMessageConfig) => config is React.ComponentType; //#endregion //#region src/components/RadioItem/RadioItem.d.ts interface RadioItemProps { label?: ReactNode; description?: ReactNode; className?: string; style?: CSSProperties; disabled?: boolean; required?: boolean; value: string; } declare const RadioItem: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/RadioGroup/RadioGroup.d.ts type RadioGroupVariant = "clear" | "card" | "sunk"; interface RadioGroupProps extends Radio.RadioGroupProps { children: ReactElement | ReactElement[]; variant?: RadioGroupVariant; className?: string; style?: CSSProperties; } declare const RadioGroup: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/SectionBlock/FoldableSection.d.ts type FoldableSectionRootProps = AccordionPrimitive.AccordionMultipleProps; declare const FoldableSectionRoot: React$1.ForwardRefExoticComponent>; interface FoldableSectionItemProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; value: string; } declare const FoldableSectionItem: React$1.ForwardRefExoticComponent>; interface FoldableSectionTriggerProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; text: React$1.ReactNode; } declare const FoldableSectionTrigger: React$1.ForwardRefExoticComponent>; interface FoldableSectionContentProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; children?: React$1.ReactNode; } declare const FoldableSectionContent: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/SectionBlock/SectionV2.d.ts interface SectionV2Props { trigger: string; children?: React$1.ReactNode; } declare const SectionV2: ({ trigger, children }: SectionV2Props) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Select/Select.d.ts type SelectSize = "sm" | "md" | "lg"; interface SelectProps extends React$1.ComponentPropsWithoutRef { size?: SelectSize; } declare const Select: ({ size, ...props }: SelectProps) => _$react_jsx_runtime0.JSX.Element; interface SelectGroupProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; } declare const SelectGroup: React$1.ForwardRefExoticComponent>; declare const SelectValue: React$1.ForwardRefExoticComponent>; interface SelectTriggerProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; children?: React$1.ReactNode; hideDropdownIcon?: boolean; size?: SelectSize; } declare const SelectTrigger: React$1.ForwardRefExoticComponent>; interface SelectContentProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; children?: React$1.ReactNode; position?: "item-aligned" | "popper"; } declare const SelectContent: React$1.ForwardRefExoticComponent>; interface SelectLabelProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; } declare const SelectLabel: React$1.ForwardRefExoticComponent>; interface SelectItemProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; children?: React$1.ReactNode; textValue?: string; showTick?: boolean; } declare const SelectItem: React$1.ForwardRefExoticComponent>; interface SelectSeparatorProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; } declare const SelectSeparator: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/Separator/Separator.d.ts declare const Separator: ({ className, ...props }: React.ComponentProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/_shared/store/store.d.ts interface ShellState { isSidebarOpen: boolean; agentName: string; logoUrl: string; showAssistantLogo: boolean; setIsSidebarOpen: (isOpen: boolean) => void; setAgentName: (name: string) => void; setLogoUrl: (url: string) => void; setShowAssistantLogo: (show: boolean) => void; } declare const createShellStore: ({ logoUrl, agentName, showAssistantLogo }: { logoUrl: string; agentName: string; showAssistantLogo: boolean; }) => _$zustand.UseBoundStore<_$zustand.StoreApi>; declare const ShellStoreContext: _$react.Context<_$zustand.UseBoundStore<_$zustand.StoreApi> | null>; declare const useShellStore: (selector: (state: ShellState) => T) => T; declare const ShellStoreProvider: ({ children, agentName, logoUrl, showAssistantLogo }: { children: React.ReactNode; logoUrl: string; agentName: string; showAssistantLogo?: boolean; }) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Shell/components/Composer.d.ts interface ComposerProps$1 { className?: string; placeholder?: string; } declare const Composer: ({ className, placeholder }: ComposerProps$1) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Shell/components/DesktopWelcomeComposer.d.ts interface DesktopWelcomeComposerProps { className?: string; placeholder?: string; } declare const DesktopWelcomeComposer: ({ className, placeholder }: DesktopWelcomeComposerProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Shell/Container.d.ts interface ContainerProps { children?: React.ReactNode; logoUrl: string; agentName: string; className?: string; showAssistantLogo?: boolean; } declare const Container: ({ children, logoUrl, agentName, className, showAssistantLogo }: ContainerProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Shell/ConversationStarter.d.ts type ConversationStarterVariant$1 = "short" | "long"; interface ConversationStarterContainerProps { starters: ConversationStarterProps[]; className?: string; /** * Variant of the conversation starter * - "short": Pill-style buttons that wrap (default) * - "long": Vertical list items with icons and hover arrow */ variant?: ConversationStarterVariant$1; } declare const ConversationStarter: ({ starters, className, variant }: ConversationStarterContainerProps) => _$react_jsx_runtime0.JSX.Element | null; //#endregion //#region src/components/Shell/MobileHeader.d.ts interface MobileHeaderProps { className?: string; rightChildren?: ReactNode; } declare const MobileHeader: ({ className, rightChildren }: MobileHeaderProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Shell/NewChatButton.d.ts declare const NewChatButton: ({ className }: { className?: string; }) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Shell/Sidebar.d.ts type SidebarVisualState = "expanded" | "collapsing" | "collapsed" | "expanding"; declare const useOptionalSidebarVisualState: () => { isCollapsedLayout: boolean; visualState: SidebarVisualState; } | null; declare const SidebarContainer: ({ children, className }: { children?: React.ReactNode; className?: string; }) => _$react_jsx_runtime0.JSX.Element; declare const SidebarHeader: ({ children, className }: { children?: React.ReactNode; className?: string; }) => _$react_jsx_runtime0.JSX.Element; declare const SidebarContent: ({ children, className }: { children?: React.ReactNode; className?: string; }) => _$react_jsx_runtime0.JSX.Element; declare const SidebarSeparator: () => null; //#endregion //#region src/components/Shell/Thread.d.ts declare const ThreadContainer: ({ children, className }: { children?: React$1.ReactNode; className?: string; }) => _$react_jsx_runtime0.JSX.Element; declare const ScrollArea: ({ children, className, scrollVariant, userMessageSelector }: { children?: React$1.ReactNode; className?: string; /** * Scroll to bottom once the last message is added */ scrollVariant?: ScrollVariant; /** * Selector for the user message */ userMessageSelector?: string; }) => _$react_jsx_runtime0.JSX.Element; declare const AssistantMessageContainer: ({ children, className }: { children?: React$1.ReactNode; className?: string; }) => _$react_jsx_runtime0.JSX.Element; declare const UserMessageContainer: ({ children, className }: { children?: React$1.ReactNode; className?: string; }) => _$react_jsx_runtime0.JSX.Element; declare const RenderMessage: React$1.MemoExoticComponent<({ message, className, allMessages, assistantMessage: CustomAssistantMessage, userMessage: CustomUserMessage, isStreaming }: { message: Message; className?: string; allMessages: Message[]; assistantMessage?: AssistantMessageComponent; userMessage?: UserMessageComponent; isStreaming: boolean; }) => _$react_jsx_runtime0.JSX.Element | null>; declare const MessageLoading$1: () => _$react_jsx_runtime0.JSX.Element; declare const ThreadError: () => _$react_jsx_runtime0.JSX.Element | null; declare const Messages: ({ className, loader, assistantMessage, userMessage }: { className?: string; loader?: React$1.ReactNode; assistantMessage?: AssistantMessageComponent; userMessage?: UserMessageComponent; }) => _$react_jsx_runtime0.JSX.Element; declare const ThreadHeader: ({ children, className }: { children?: React$1.ReactNode; className?: string; }) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Shell/ThreadList.d.ts declare const ThreadButton: ({ id, title, className }: { id: string; title: string; className?: string; }) => _$react_jsx_runtime0.JSX.Element; declare const ThreadList: ({ className }: { className?: string; }) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Shell/WelcomeScreen.d.ts interface WelcomeScreenBaseProps { /** * Additional CSS class name */ className?: string; } interface WelcomeScreenWithContentProps extends WelcomeScreenBaseProps { /** * The greeting/title text to display */ title?: string; /** * Optional description text to add more context */ description?: string; /** * Image to display - can be a URL object or a ReactNode * - { url: string }: Renders an tag with default styling (64x64, object-fit: cover, rounded) * - ReactNode: Renders the provided element directly (for custom icons, styled images, etc.) */ image?: { url: string; } | ReactNode; /** * Conversation starters to show below the composer */ starters?: ConversationStarterProps[]; /** * Variant of the conversation starters */ starterVariant?: ConversationStarterVariant$1; /** * Children are not allowed when using props-based content */ children?: never; } interface WelcomeScreenWithChildrenProps extends WelcomeScreenBaseProps { /** * Custom content to render inside the welcome screen * When children are provided, title, description, and image are ignored */ children: ReactNode; title?: never; description?: never; image?: never; starters?: never; starterVariant?: never; } type WelcomeScreenProps = WelcomeScreenWithContentProps | WelcomeScreenWithChildrenProps; declare const WelcomeScreen: (props: WelcomeScreenProps) => _$react_jsx_runtime0.JSX.Element | null; declare namespace index_d_exports$1 { export { ArtifactOverlay, ArtifactOverlayProps, ArtifactPanel, ArtifactPanelProps, ArtifactPortalTarget, ArtifactPortalTargetProps, AssistantMessageContainer, Composer, ComposerProps$1 as ComposerProps, Container, ConversationStarter, ConversationStarterContainerProps, ConversationStarterVariant$1 as ConversationStarterVariant, DesktopWelcomeComposer, DesktopWelcomeComposerProps, MessageLoading$1 as MessageLoading, Messages, MobileHeader, NewChatButton, RenderMessage, ScrollArea, ShellStoreContext, ShellStoreProvider, SidebarContainer, SidebarContent, SidebarHeader, SidebarSeparator, ThreadButton, ThreadContainer, ThreadError, ThreadHeader, ThreadList, UserMessageContainer, WelcomeScreen, WelcomeScreenProps, createShellStore, useOptionalSidebarVisualState, useShellStore }; } //#endregion //#region src/components/Skeleton/Skeleton.d.ts declare function Skeleton({ count, height, width, borderRadius, className }: { count?: number; height?: string; width?: string; borderRadius?: string; className?: string; }): _$react_jsx_runtime0.JSX.Element; declare function PieChartSkeleton({ size, legendItems, variant, appearance }: { size?: number; legendItems?: number; variant?: "pie" | "donut"; appearance?: "circular" | "semiCircular"; }): _$react_jsx_runtime0.JSX.Element; declare function TableSkeleton({ rows, columns }: { rows?: number; columns?: number; }): _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Slider/Slider.d.ts interface SliderProps extends Omit, "value" | "defaultValue"> { variant: "continuous" | "discrete"; min: number; max: number; step?: number; disabled?: boolean; value?: number[]; defaultValue?: number[]; className?: string; style?: React.CSSProperties; leftContent?: ReactNode; rightContent?: ReactNode; } declare const Slider: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/Slider/SliderBlock.d.ts interface SliderBlockProps extends Omit { label: string; defaultValue?: number[]; } declare const SliderBlock: (props: SliderBlockProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/Steps/Steps.d.ts interface StepsItemProps { title: React$1.ReactNode; details: React$1.ReactNode; number?: number; } interface StepsProps { children: React$1.ReactNode; } declare const Steps: React$1.FC; declare const StepsItem: React$1.FC; //#endregion //#region src/components/SwitchItem/SwitchItem.d.ts interface SwitchItemProps { label?: ReactNode; description?: ReactNode; className?: string; style?: CSSProperties; checked?: boolean; disabled?: boolean; defaultChecked?: boolean; required?: boolean; name?: string; value?: string; onChange?: (value: boolean) => void; } declare const SwitchItem: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/SwitchGroup/SwitchGroup.d.ts type SwitchGroupVariant = "clear" | "card" | "sunk"; interface SwitchGroupProps { children: ReactElement | ReactElement[]; className?: string; style?: CSSProperties; variant?: SwitchGroupVariant; } declare const SwitchGroup: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/Table/Table.d.ts type TableAlignment = "left" | "center" | "right"; declare const Table: React$1.ForwardRefExoticComponent & { containerRef?: React$1.RefObject; containerClassName?: string; containerStyle?: React$1.CSSProperties; } & React$1.RefAttributes>; declare const TableHeader: React$1.ForwardRefExoticComponent & React$1.RefAttributes>; declare const TableBody: React$1.ForwardRefExoticComponent & React$1.RefAttributes>; declare const TableFooter: React$1.ForwardRefExoticComponent & React$1.RefAttributes>; declare const TableRow: React$1.ForwardRefExoticComponent & React$1.RefAttributes>; interface TableHeadProps extends React$1.ThHTMLAttributes { icon?: React$1.ReactNode; align?: TableAlignment; } declare const TableHead: React$1.ForwardRefExoticComponent>; interface TableCellProps extends React$1.TdHTMLAttributes { align?: TableAlignment; } declare const TableCell: React$1.ForwardRefExoticComponent>; interface ScrollableTableProps extends React$1.HTMLAttributes { containerClassName?: string; containerStyle?: React$1.CSSProperties; } declare const ScrollableTable: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/Tabs/Tabs.d.ts type TabsVariant = "clear"; interface TabsProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; variant?: TabsVariant; } declare const Tabs: React$1.ForwardRefExoticComponent>; type TabsListVariant = "title" | "iconTitle" | "iconTitleSubtext" | "imageTitle" | "imageTitleSubtext"; interface TabsListProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; variant?: TabsListVariant; } declare const TabsList: React$1.ForwardRefExoticComponent>; interface TabsTriggerProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; value: string; icon?: React$1.ReactNode; text: React$1.ReactNode; subtext?: React$1.ReactNode; image?: string; } declare const TabsTrigger: React$1.ForwardRefExoticComponent>; interface TabsContentProps extends React$1.ComponentPropsWithoutRef { className?: string; style?: React$1.CSSProperties; children?: React$1.ReactNode; } declare const TabsContent: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/Tag/Tag.d.ts type TagSize = "sm" | "md" | "lg"; type TagVariant = "neutral" | "info" | "success" | "warning" | "danger"; interface TagProps { className?: string; styles?: CSSProperties; icon?: ReactNode; text: ReactNode; size?: TagSize; variant?: TagVariant; } declare const Tag: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/TagBlock/TagBlock.d.ts interface TagBlockProps { children: ReactElement | ReactElement[]; styles?: CSSProperties; className?: string; } declare const TagBlock: _$react.ForwardRefExoticComponent>; //#endregion //#region src/components/TextArea/TextArea.d.ts interface TextAreaProps extends Omit, "size"> { className?: string; placeholder?: string; rows?: number; hasError?: boolean; } declare const TextArea: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/TextCallout/TextCallout.d.ts type TextCalloutVariant = "neutral" | "info" | "warning" | "success" | "danger"; interface TextCalloutProps extends Omit, "title"> { variant?: TextCalloutVariant; title?: React$1.ReactNode; description?: React$1.ReactNode; } declare const TextCallout: React$1.ForwardRefExoticComponent>; //#endregion //#region src/components/TextContent/TextContent.d.ts type TextContentVariant = "clear" | "card" | "sunk"; interface TextContentProps { children: ReactNode; variant?: TextContentVariant; className?: string; style?: CSSProperties; } declare const TextContent: (props: TextContentProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/ToolCall/BehindTheScenes.d.ts interface BehindTheScenesProps { /** True while the overall message is still streaming */ isStreaming?: boolean; /** True once all tool calls have received their arguments back */ toolCallsComplete?: boolean; children: React.ReactNode; } declare const BehindTheScenes: ({ isStreaming, toolCallsComplete, children }: BehindTheScenesProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/ToolCall/ToolCall.d.ts interface ToolCallProps { toolCall: ToolCall; isStreaming?: boolean; /** True once tool work is done (e.g. text content has started rendering) */ toolsDone?: boolean; isLast?: boolean; className?: string; } declare const ToolCallComponent: ({ toolCall, isStreaming, toolsDone, isLast, className }: ToolCallProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/ToolResult/ToolResult.d.ts interface ToolResultProps { message: ToolMessage; /** The name of the tool that was called (resolved from the parent assistant message's toolCalls) */ toolName?: string; className?: string; } declare const ToolResult: ({ message, toolName, className }: ToolResultProps) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/genui-lib/openuiLibrary.d.ts declare const openuiComponentGroups: ComponentGroup[]; declare const openuiExamples: string[]; declare const openuiAdditionalRules: string[]; declare const openuiPromptOptions: PromptOptions; declare const openuiLibrary: _$_openuidev_react_lang0.Library; //#endregion //#region src/genui-lib/openuiChatLibrary.d.ts declare const openuiChatComponentGroups: ComponentGroup[]; declare const openuiChatExamples: string[]; declare const openuiChatAdditionalRules: string[]; declare const openuiChatPromptOptions: PromptOptions; declare const openuiChatLibrary: _$_openuidev_react_lang0.Library; //#endregion //#region src/context/LayoutContext.d.ts declare const LayoutContext: _$react.Context<{ layout: "mobile" | "fullscreen" | "tray" | "copilot"; }>; declare const LayoutContextProvider: ({ children, layout }: { children: React.ReactNode; layout: "mobile" | "fullscreen" | "tray" | "copilot"; }) => _$react_jsx_runtime0.JSX.Element; declare const useLayoutContext: () => { layout: "mobile" | "fullscreen" | "tray" | "copilot"; }; //#endregion //#region src/context/PrintContext.d.ts type PrintContextType = {} | null; declare const PrintContext: _$react.Context; declare const usePrintContext: () => PrintContextType; declare const PrintContextProvider: ({ children }: { children: React.ReactNode; }) => _$react_jsx_runtime0.JSX.Element; //#endregion //#region src/components/BottomTray/ConversationStarter.d.ts type ConversationStarterVariant = "short" | "long"; //#endregion export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, AccordionTriggerProps, AreaChart, AreaChartCondensed, AreaChartCondensedProps, AreaChartData, AreaChartProps, AreaChartVariant, Artifact, type ArtifactConfig, type ArtifactControls, ArtifactOverlay, type ArtifactOverlayProps, ArtifactPanel, type ArtifactPanelProps, ArtifactPortalTarget, type ArtifactPortalTargetProps, type AssistantMessageComponent, BarChart, BarChartCondensed, BarChartCondensedProps, BarChartData, BarChartProps, BarChartVariant, BehindTheScenes, type BehindTheScenesProps, BottomTray, BrandSwatchName, Button, ButtonProps, Buttons, ButtonsProps, Calendar, CalendarProps, Callout, CalloutProps, Card, CardHeader, CardHeaderProps, CardProps, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CarouselProps, CarouselRef, ChartColorPalette, CheckBoxGroup, type CheckBoxGroupProps, CheckBoxItem, CheckBoxItemProps, CodeBlock, CodeBlockProps, ColorTheme, type ComposerComponent, type ComposerProps, type ConversationStarterIcon, type ConversationStarterProps, type ConversationStarterVariant, type ConversationStartersConfig, Copilot, index_d_exports as CopilotShell, DatePicker, DatePickerProps, EffectTheme, type ExportChartData, FoldableSectionContent, FoldableSectionContentProps, FoldableSectionItem, FoldableSectionItemProps, FoldableSectionRoot, FoldableSectionRootProps, FoldableSectionTrigger, FoldableSectionTriggerProps, FollowUpBlock, FollowUpBlockProps, FollowUpItem, FollowUpItemProps, FormControl, FormControlProps, FullScreen, GalleryModal, GalleryModalProps, GenUIUserMessage, Hint, HintProps, HorizontalBarChart, HorizontalBarChartData, HorizontalBarChartProps, HorizontalBarChartVariant, IconButton, IconButtonProps, Image, ImageBlock, ImageBlockProps, ImageGallery, ImageItem, ImageProps, Input, InputProps, Label, LabelProps, LayoutContext, LayoutContextProvider, LayoutTheme, LineChart, LineChartCondensed, LineChartCondensedProps, LineChartData, LineChartProps, LineChartVariant, ListBlock, ListBlockProps, ListItem, ListItemProps, ListItemVariant, MarkDownRenderer, MarkDownRendererProps, MessageLoading, MiniAreaChart, MiniAreaChartData, MiniAreaChartProps, MiniBarChart, MiniBarChartData, MiniBarChartProps, MiniLineChart, MiniLineChartData, MiniLineChartProps, NeutralSwatchName, OpenUIGalleryProps, PieChart, PieChartData, PieChartProps, PieChartSkeleton, PrintContext, PrintContextProvider, RadarChart, RadarChartData, RadarChartProps, RadialChart, RadialChartData, RadialChartProps, RadioGroup, type RadioGroupProps, RadioItem, RadioItemProps, ScatterChart, ScatterChartData, type ScatterChartProps, ScatterDataset, ScatterPoint, ScrollableTable, ScrollableTableProps, SectionV2, Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupProps, SelectItem, SelectItemProps, SelectLabel, SelectLabelProps, SelectProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, Separator, ShareThread, ShareThreadModal, type ShareThreadModalProps, type ShareThreadProps, type SharedChatUIProps, index_d_exports$1 as Shell, SingleStackedBar, type SingleStackedBarData, type SingleStackedBarProps, Skeleton, Slider, SliderBlock, SliderBlockProps, SliderProps, Steps, StepsItem, StepsItemProps, StepsProps, SwitchGroup, SwitchGroupProps, SwitchItem, type SwitchItemProps, Table, TableBody, TableCell, TableCellProps, TableFooter, TableHead, TableHeadProps, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, Tag, TagBlock, TagBlockProps, TagProps, TagSize, TagVariant, TextArea, TextAreaProps, TextCallout, TextCalloutProps, TextContent, TextContentProps, TextContentVariant, Theme, ThemeContext, ThemeMode, ThemeProps, ThemeProvider, ToolCallComponent, type ToolCallProps, ToolResult, type ToolResultProps, TypographyTheme, type UserMessageComponent, type WelcomeMessageConfig, black, calculateScatterDomain, createTheme, defaultDarkTheme, defaultLightTheme, formatScatterTooltipValue, getScatterDatasets, isChatEmpty, isWelcomeComponent, openuiAdditionalRules, openuiChatAdditionalRules, openuiChatComponentGroups, openuiChatExamples, openuiChatLibrary, openuiChatPromptOptions, openuiComponentGroups, openuiExamples, openuiLibrary, openuiPromptOptions, swatch, swatchToken, swatchTokens, transformScatterData, useActiveArtifact, useArtifact, useLayoutContext, usePrintContext, useTheme, white, withAlpha }; //# sourceMappingURL=index.d.mts.map