raft-ui 0.0.1

package/dist/wip.d.mts

@@ -0,0 +1,1238 @@
+import { n as VariantProps, t as StyledProps } from "./styled-props-B3SNekJg.mjs";
+import { ComponentPropsWithRef, ReactNode } from "react";
+import { useRender } from "@base-ui/react/use-render";
+import { Field as Field$1 } from "@base-ui/react/field";
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/components/field/field.d.ts
+declare const field: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string[];
+      label: string[];
+      description: string[];
+      error: string[];
+    };
+    elegant: {
+      label: string[];
+      description: string[];
+      error: string[];
+    };
+  };
+  size: {
+    sm: {
+      label: string;
+    };
+    md: {
+      label: string;
+    };
+  };
+}, {
+  root: string[];
+  item: string[];
+  label: string[];
+  description: string[];
+  error: string[];
+}, undefined, {
+  theme: {
+    brutal: {
+      root: string[];
+      label: string[];
+      description: string[];
+      error: string[];
+    };
+    elegant: {
+      label: string[];
+      description: string[];
+      error: string[];
+    };
+  };
+  size: {
+    sm: {
+      label: string;
+    };
+    md: {
+      label: string;
+    };
+  };
+}, {
+  root: string[];
+  item: string[];
+  label: string[];
+  description: string[];
+  error: string[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string[];
+      label: string[];
+      description: string[];
+      error: string[];
+    };
+    elegant: {
+      label: string[];
+      description: string[];
+      error: string[];
+    };
+  };
+  size: {
+    sm: {
+      label: string;
+    };
+    md: {
+      label: string;
+    };
+  };
+}, {
+  root: string[];
+  item: string[];
+  label: string[];
+  description: string[];
+  error: string[];
+}, undefined, unknown, unknown, undefined>>;
+type FieldProps = StyledProps<Field$1.Root.Props>;
+declare function Field({
+  className,
+  ...props
+}: FieldProps): import("react").JSX.Element;
+type FieldItemProps = StyledProps<Field$1.Item.Props>;
+declare function FieldItem({
+  className,
+  ...props
+}: FieldItemProps): import("react").JSX.Element;
+type LabelMarker = {
+  required?: boolean;
+  optional?: never;
+} | {
+  optional?: boolean;
+  required?: never;
+};
+type FieldLabelProps = StyledProps<Field$1.Label.Props> & Omit<VariantProps<typeof field>, "theme"> & LabelMarker;
+declare function FieldLabel({
+  size,
+  required,
+  optional,
+  className,
+  children,
+  ...props
+}: FieldLabelProps): import("react").JSX.Element;
+type FieldDescriptionProps = StyledProps<Field$1.Description.Props>;
+declare function FieldDescription({
+  className,
+  ...props
+}: FieldDescriptionProps): import("react").JSX.Element;
+type FieldErrorProps = StyledProps<Field$1.Error.Props>;
+declare function FieldError({
+  className,
+  role,
+  ...props
+}: FieldErrorProps): import("react").JSX.Element;
+type FieldControlProps = Field$1.Control.Props;
+declare function FieldControl(props: FieldControlProps): import("react").JSX.Element;
+type FieldValidityProps = Field$1.Validity.Props;
+declare function FieldValidity(props: FieldValidityProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/text/text.d.ts
+declare const heading: import("tailwind-variants/lite").TVReturnType<{
+  level: {
+    1: string[];
+    2: string[];
+    3: string[];
+    4: string[];
+    5: string[];
+    6: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, string[], {
+  level: {
+    1: string[];
+    2: string[];
+    3: string[];
+    4: string[];
+    5: string[];
+    6: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, import("tailwind-variants/lite").TVReturnType<{
+  level: {
+    1: string[];
+    2: string[];
+    3: string[];
+    4: string[];
+    5: string[];
+    6: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+declare const sans: import("tailwind-variants/lite").TVReturnType<{
+  size: {
+    large: string[];
+    body: string[];
+    small: string[];
+    caption: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, string[], {
+  size: {
+    large: string[];
+    body: string[];
+    small: string[];
+    caption: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, import("tailwind-variants/lite").TVReturnType<{
+  size: {
+    large: string[];
+    body: string[];
+    small: string[];
+    caption: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+declare const mono: import("tailwind-variants/lite").TVReturnType<{
+  size: {
+    code: string[];
+    meta: string[];
+    eyebrow: string[];
+    tabular: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, string[], {
+  size: {
+    code: string[];
+    meta: string[];
+    eyebrow: string[];
+    tabular: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, import("tailwind-variants/lite").TVReturnType<{
+  size: {
+    code: string[];
+    meta: string[];
+    eyebrow: string[];
+    tabular: string[];
+  };
+  variant: {
+    default: string[];
+    primary: string[];
+    information: string[];
+    muted: string[];
+    accent: string[];
+    success: string[];
+    warning: string[];
+    danger: string[];
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+type TextHeadingProps = useRender.ComponentProps<"h1"> & VariantProps<typeof heading>;
+declare function TextHeading({
+  level,
+  variant,
+  className,
+  render,
+  ...props
+}: TextHeadingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type TextSansProps = useRender.ComponentProps<"p"> & VariantProps<typeof sans>;
+declare function TextSans({
+  size,
+  variant,
+  className,
+  render,
+  ...props
+}: TextSansProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type TextMonoProps = useRender.ComponentProps<"p"> & VariantProps<typeof mono>;
+declare function TextMono({
+  size,
+  variant,
+  className,
+  render,
+  ...props
+}: TextMonoProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare const Text: {
+  Heading: typeof TextHeading;
+  Sans: typeof TextSans;
+  Mono: typeof TextMono;
+};
+//#endregion
+//#region src/components/toggle-group/toggle-group.d.ts
+declare const toggleGroup: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      item: string[];
+      count: string[];
+    };
+    elegant: {};
+  };
+  disabled: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  item: string[];
+  label: string[];
+  count: string[];
+}, undefined, {
+  theme: {
+    brutal: {
+      item: string[];
+      count: string[];
+    };
+    elegant: {};
+  };
+  disabled: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  item: string[];
+  label: string[];
+  count: string[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      item: string[];
+      count: string[];
+    };
+    elegant: {};
+  };
+  disabled: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  item: string[];
+  label: string[];
+  count: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ToggleGroupProps<T extends string = string> = StyledProps<Omit<ToggleGroup$1.Props<T>, "defaultValue" | "multiple" | "onValueChange" | "value">> & Omit<VariantProps<typeof toggleGroup>, "theme"> & {
+  value: T;
+  onValueChange: (value: T, eventDetails: ToggleGroup$1.ChangeEventDetails) => void;
+  ariaLabel?: string;
+};
+declare function ToggleGroup<T extends string = string>({
+  value,
+  onValueChange,
+  ariaLabel,
+  disabled,
+  className,
+  ...props
+}: ToggleGroupProps<T>): import("react").JSX.Element;
+type ToggleGroupItemProps<T extends string = string> = StyledProps<Toggle.Props<T>>;
+declare function ToggleGroupItem<T extends string = string>({
+  className,
+  ...props
+}: ToggleGroupItemProps<T>): import("react").JSX.Element;
+type ToggleGroupLabelProps = ComponentPropsWithRef<"span">;
+declare function ToggleGroupLabel({
+  className,
+  ...props
+}: ToggleGroupLabelProps): import("react").JSX.Element;
+type ToggleGroupCountProps = ComponentPropsWithRef<"span">;
+declare function ToggleGroupCount({
+  className,
+  ...props
+}: ToggleGroupCountProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/preview-shell/preview-shell.d.ts
+declare const previewShell: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {};
+    elegant: {};
+  };
+  variant: {
+    default: {
+      root: string;
+    };
+    muted: {
+      root: string;
+    };
+  };
+}, {
+  root: never[];
+}, undefined, {
+  theme: {
+    brutal: {};
+    elegant: {};
+  };
+  variant: {
+    default: {
+      root: string;
+    };
+    muted: {
+      root: string;
+    };
+  };
+}, {
+  root: never[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {};
+    elegant: {};
+  };
+  variant: {
+    default: {
+      root: string;
+    };
+    muted: {
+      root: string;
+    };
+  };
+}, {
+  root: never[];
+}, undefined, unknown, unknown, undefined>>;
+type PreviewShellProps = useRender.ComponentProps<"div"> & Omit<VariantProps<typeof previewShell>, "theme"> & {
+  "data-testid"?: string;
+};
+declare function PreviewShell({
+  variant,
+  className,
+  render,
+  ...props
+}: PreviewShellProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/list-item/list-item.d.ts
+declare const listItem: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string[];
+      icon: string[];
+      title: string;
+      description: string;
+      meta: string;
+    };
+    elegant: {
+      root: string[];
+      icon: string[];
+      row: string[];
+      title: string[];
+      description: string[];
+      meta: string[];
+      actionGroup: string[];
+    };
+  };
+  selected: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+  interactive: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  body: string[];
+  icon: string[];
+  row: string[];
+  title: string[];
+  description: string[];
+  meta: string[];
+  actionGroup: string[];
+}, undefined, {
+  theme: {
+    brutal: {
+      root: string[];
+      icon: string[];
+      title: string;
+      description: string;
+      meta: string;
+    };
+    elegant: {
+      root: string[];
+      icon: string[];
+      row: string[];
+      title: string[];
+      description: string[];
+      meta: string[];
+      actionGroup: string[];
+    };
+  };
+  selected: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+  interactive: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  body: string[];
+  icon: string[];
+  row: string[];
+  title: string[];
+  description: string[];
+  meta: string[];
+  actionGroup: string[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string[];
+      icon: string[];
+      title: string;
+      description: string;
+      meta: string;
+    };
+    elegant: {
+      root: string[];
+      icon: string[];
+      row: string[];
+      title: string[];
+      description: string[];
+      meta: string[];
+      actionGroup: string[];
+    };
+  };
+  selected: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+  interactive: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  body: string[];
+  icon: string[];
+  row: string[];
+  title: string[];
+  description: string[];
+  meta: string[];
+  actionGroup: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ListItemProps = useRender.ComponentProps<"div"> & Omit<VariantProps<typeof listItem>, "theme">;
+declare function ListItem({
+  selected,
+  interactive,
+  className,
+  render,
+  ...props
+}: ListItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListItemBodyProps = useRender.ComponentProps<"div">;
+declare function ListItemBody({
+  className,
+  render,
+  ...props
+}: ListItemBodyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListItemIconProps = useRender.ComponentProps<"div">;
+declare function ListItemIcon({
+  className,
+  render,
+  ...props
+}: ListItemIconProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListItemRowProps = useRender.ComponentProps<"div">;
+declare function ListItemRow({
+  className,
+  render,
+  ...props
+}: ListItemRowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListItemTitleProps = useRender.ComponentProps<"div">;
+declare function ListItemTitle({
+  className,
+  render,
+  ...props
+}: ListItemTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListItemDescriptionProps = useRender.ComponentProps<"p">;
+declare function ListItemDescription({
+  className,
+  render,
+  ...props
+}: ListItemDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListItemMetaProps = useRender.ComponentProps<"div">;
+declare function ListItemMeta({
+  className,
+  render,
+  ...props
+}: ListItemMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ListItemActionGroupProps = useRender.ComponentProps<"div">;
+declare function ListItemActionGroup({
+  className,
+  render,
+  ...props
+}: ListItemActionGroupProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/media-list-item/media-list-item.d.ts
+declare const mediaItem: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      title: string;
+      subtitle: string;
+    };
+    elegant: {};
+  };
+  align: {
+    start: {
+      row: string;
+    };
+    center: {
+      row: string;
+    };
+  };
+  interactive: {
+    true: {
+      body: string;
+    };
+    false: {
+      body: string;
+    };
+  };
+}, {
+  row: string[];
+  body: string[];
+  text: string[];
+  textInner: string[];
+  visual: string[];
+  title: string[];
+  subtitle: string[];
+  aside: string[];
+  actionGroup: string[];
+}, undefined, {
+  theme: {
+    brutal: {
+      title: string;
+      subtitle: string;
+    };
+    elegant: {};
+  };
+  align: {
+    start: {
+      row: string;
+    };
+    center: {
+      row: string;
+    };
+  };
+  interactive: {
+    true: {
+      body: string;
+    };
+    false: {
+      body: string;
+    };
+  };
+}, {
+  row: string[];
+  body: string[];
+  text: string[];
+  textInner: string[];
+  visual: string[];
+  title: string[];
+  subtitle: string[];
+  aside: string[];
+  actionGroup: string[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      title: string;
+      subtitle: string;
+    };
+    elegant: {};
+  };
+  align: {
+    start: {
+      row: string;
+    };
+    center: {
+      row: string;
+    };
+  };
+  interactive: {
+    true: {
+      body: string;
+    };
+    false: {
+      body: string;
+    };
+  };
+}, {
+  row: string[];
+  body: string[];
+  text: string[];
+  textInner: string[];
+  visual: string[];
+  title: string[];
+  subtitle: string[];
+  aside: string[];
+  actionGroup: string[];
+}, undefined, unknown, unknown, undefined>>;
+type MediaListItemProps = Pick<VariantProps<typeof mediaItem>, "align"> & Pick<ListItemProps, "selected" | "interactive"> & ComponentPropsWithRef<"div">;
+declare function MediaListItem({
+  align,
+  selected,
+  interactive,
+  className,
+  children,
+  ...props
+}: MediaListItemProps): import("react").JSX.Element;
+type MediaListItemBodyProps = useRender.ComponentProps<"button">;
+declare function MediaListItemBody({
+  render,
+  onClick,
+  className,
+  ...props
+}: MediaListItemBodyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type MediaListItemTextProps = ComponentPropsWithRef<"div">;
+declare function MediaListItemText({
+  className,
+  children,
+  ...props
+}: MediaListItemTextProps): import("react").JSX.Element;
+type MediaListItemVisualProps = ComponentPropsWithRef<"div">;
+declare function MediaListItemVisual({
+  className,
+  ...props
+}: MediaListItemVisualProps): import("react").JSX.Element;
+type MediaListItemTitleProps = ComponentPropsWithRef<"span">;
+declare function MediaListItemTitle({
+  className,
+  ...props
+}: MediaListItemTitleProps): import("react").JSX.Element;
+type MediaListItemSubtitleProps = ComponentPropsWithRef<"span">;
+declare function MediaListItemSubtitle({
+  className,
+  ...props
+}: MediaListItemSubtitleProps): import("react").JSX.Element;
+type MediaListItemAsideProps = ComponentPropsWithRef<"div">;
+declare function MediaListItemAside({
+  className,
+  ...props
+}: MediaListItemAsideProps): import("react").JSX.Element;
+type MediaListItemActionGroupProps = ComponentPropsWithRef<"div">;
+declare function MediaListItemActionGroup({
+  className,
+  ...props
+}: MediaListItemActionGroupProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/panel-header/panel-header.d.ts
+type PanelHeaderProps = useRender.ComponentProps<"div">;
+declare function PanelHeader({
+  className,
+  render,
+  ...props
+}: PanelHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type PanelHeaderIconProps = useRender.ComponentProps<"div">;
+declare function PanelHeaderIcon({
+  className,
+  render,
+  ...props
+}: PanelHeaderIconProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type PanelHeaderVisualProps = useRender.ComponentProps<"div">;
+declare function PanelHeaderVisual({
+  className,
+  render,
+  ...props
+}: PanelHeaderVisualProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type PanelHeaderContentProps = useRender.ComponentProps<"div">;
+declare function PanelHeaderContent({
+  className,
+  render,
+  ...props
+}: PanelHeaderContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type PanelHeaderTitleRowProps = useRender.ComponentProps<"div">;
+declare function PanelHeaderTitleRow({
+  className,
+  render,
+  ...props
+}: PanelHeaderTitleRowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type PanelHeaderTitleProps = useRender.ComponentProps<"h2">;
+declare function PanelHeaderTitle({
+  className,
+  render,
+  ...props
+}: PanelHeaderTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type PanelHeaderSuffixProps = useRender.ComponentProps<"div">;
+declare function PanelHeaderSuffix({
+  className,
+  render,
+  ...props
+}: PanelHeaderSuffixProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type PanelHeaderSubtitleProps = useRender.ComponentProps<"p">;
+declare function PanelHeaderSubtitle({
+  className,
+  render,
+  ...props
+}: PanelHeaderSubtitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type PanelHeaderActionsProps = useRender.ComponentProps<"div">;
+declare function PanelHeaderActions({
+  className,
+  render,
+  ...props
+}: PanelHeaderActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/quoted-message-card/quoted-message-card.d.ts
+type QuotedMessageCardProps = PreviewShellProps;
+declare function QuotedMessageCard({
+  className,
+  "data-testid": testId,
+  ...props
+}: QuotedMessageCardProps): import("react").JSX.Element;
+type QuotedMessageCardBodyProps = useRender.ComponentProps<"div">;
+declare function QuotedMessageCardBody({
+  className,
+  render,
+  ...props
+}: QuotedMessageCardBodyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type QuotedMessageCardUnavailableProps = useRender.ComponentProps<"div">;
+declare function QuotedMessageCardUnavailable({
+  className,
+  render,
+  ...props
+}: QuotedMessageCardUnavailableProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type QuotedMessageCardHeaderProps = useRender.ComponentProps<"div">;
+declare function QuotedMessageCardHeader({
+  className,
+  render,
+  ...props
+}: QuotedMessageCardHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type QuotedMessageCardMetaProps = useRender.ComponentProps<"div">;
+declare function QuotedMessageCardMeta({
+  className,
+  render,
+  ...props
+}: QuotedMessageCardMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type QuotedMessageCardChannelProps = useRender.ComponentProps<"span">;
+declare function QuotedMessageCardChannel({
+  className,
+  render,
+  ...props
+}: QuotedMessageCardChannelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type QuotedMessageCardSeparatorProps = useRender.ComponentProps<"span">;
+declare function QuotedMessageCardSeparator({
+  className,
+  render,
+  ...props
+}: QuotedMessageCardSeparatorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type QuotedMessageCardAuthorProps = useRender.ComponentProps<"span">;
+declare function QuotedMessageCardAuthor({
+  className,
+  render,
+  ...props
+}: QuotedMessageCardAuthorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type QuotedMessageCardAuthorNameProps = useRender.ComponentProps<"span">;
+declare function QuotedMessageCardAuthorName({
+  className,
+  render,
+  ...props
+}: QuotedMessageCardAuthorNameProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type QuotedMessageCardAuthorSubtitleProps = useRender.ComponentProps<"span">;
+declare function QuotedMessageCardAuthorSubtitle({
+  className,
+  render,
+  ...props
+}: QuotedMessageCardAuthorSubtitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type QuotedMessageCardThreadProps = useRender.ComponentProps<"span">;
+declare function QuotedMessageCardThread({
+  className,
+  render,
+  children,
+  ...props
+}: QuotedMessageCardThreadProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type QuotedMessageCardTagProps = useRender.ComponentProps<"span">;
+declare function QuotedMessageCardTag({
+  className,
+  render,
+  ...props
+}: QuotedMessageCardTagProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type QuotedMessageCardTimestampProps = useRender.ComponentProps<"span">;
+declare function QuotedMessageCardTimestamp({
+  className,
+  render,
+  ...props
+}: QuotedMessageCardTimestampProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type QuotedMessageCardContentWrapProps = useRender.ComponentProps<"div">;
+declare function QuotedMessageCardContentWrap({
+  className,
+  render,
+  ...props
+}: QuotedMessageCardContentWrapProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type QuotedMessageCardContentProps = useRender.ComponentProps<"div">;
+declare function QuotedMessageCardContent({
+  className,
+  render,
+  ...props
+}: QuotedMessageCardContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type QuotedMessageCardAttachmentsProps = useRender.ComponentProps<"div">;
+declare function QuotedMessageCardAttachments({
+  className,
+  render,
+  ...props
+}: QuotedMessageCardAttachmentsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/conversation-preview-card/conversation-preview-card.d.ts
+type ConversationPreviewCardProps = useRender.ComponentProps<"button"> & {
+  testId?: string;
+};
+declare function ConversationPreviewCard({
+  onClick,
+  className,
+  render,
+  testId,
+  ...props
+}: ConversationPreviewCardProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ConversationPreviewCardContentProps = useRender.ComponentProps<"div">;
+declare function ConversationPreviewCardContent({
+  className,
+  render,
+  ...props
+}: ConversationPreviewCardContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ConversationPreviewCardMetaProps = useRender.ComponentProps<"div">;
+declare function ConversationPreviewCardMeta({
+  className,
+  render,
+  ...props
+}: ConversationPreviewCardMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ConversationPreviewCardChannelProps = useRender.ComponentProps<"span">;
+declare function ConversationPreviewCardChannel({
+  className,
+  render,
+  ...props
+}: ConversationPreviewCardChannelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ConversationPreviewCardAuthorProps = useRender.ComponentProps<"span">;
+declare function ConversationPreviewCardAuthor({
+  className,
+  render,
+  ...props
+}: ConversationPreviewCardAuthorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ConversationPreviewCardAuthorNameProps = useRender.ComponentProps<"span">;
+declare function ConversationPreviewCardAuthorName({
+  className,
+  render,
+  ...props
+}: ConversationPreviewCardAuthorNameProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ConversationPreviewCardAuthorSubtitleProps = useRender.ComponentProps<"span">;
+declare function ConversationPreviewCardAuthorSubtitle({
+  className,
+  render,
+  ...props
+}: ConversationPreviewCardAuthorSubtitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ConversationPreviewCardTimestampProps = useRender.ComponentProps<"span">;
+declare function ConversationPreviewCardTimestamp({
+  className,
+  render,
+  ...props
+}: ConversationPreviewCardTimestampProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ConversationPreviewCardPreviewProps = useRender.ComponentProps<"p">;
+declare function ConversationPreviewCardPreview({
+  className,
+  render,
+  ...props
+}: ConversationPreviewCardPreviewProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ConversationPreviewCardPreviewLeadingProps = useRender.ComponentProps<"span">;
+declare function ConversationPreviewCardPreviewLeading({
+  className,
+  render,
+  ...props
+}: ConversationPreviewCardPreviewLeadingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ConversationPreviewCardPreviewAuthorProps = useRender.ComponentProps<"span">;
+declare function ConversationPreviewCardPreviewAuthor({
+  className,
+  render,
+  ...props
+}: ConversationPreviewCardPreviewAuthorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ConversationPreviewCardSecondaryPreviewProps = useRender.ComponentProps<"p">;
+declare function ConversationPreviewCardSecondaryPreview({
+  className,
+  render,
+  ...props
+}: ConversationPreviewCardSecondaryPreviewProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ConversationPreviewCardFooterProps = useRender.ComponentProps<"div">;
+declare function ConversationPreviewCardFooter({
+  className,
+  render,
+  ...props
+}: ConversationPreviewCardFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type ConversationPreviewCardActionProps = useRender.ComponentProps<"div">;
+declare function ConversationPreviewCardAction({
+  className,
+  render,
+  ...props
+}: ConversationPreviewCardActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/section-label/section-label.d.ts
+type SectionLabelProps = useRender.ComponentProps<"span">;
+declare function SectionLabel({
+  className,
+  render,
+  ...props
+}: SectionLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/section-header/section-header.d.ts
+type SectionHeaderProps = useRender.ComponentProps<"div">;
+declare function SectionHeader({
+  className,
+  render,
+  ...props
+}: SectionHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type SectionHeaderContentProps = useRender.ComponentProps<"div">;
+declare function SectionHeaderContent({
+  className,
+  render,
+  ...props
+}: SectionHeaderContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type SectionHeaderIconProps = useRender.ComponentProps<"span">;
+declare function SectionHeaderIcon({
+  className,
+  render,
+  ...props
+}: SectionHeaderIconProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type SectionHeaderTitleProps = SectionLabelProps;
+declare function SectionHeaderTitle({
+  render,
+  ...props
+}: SectionHeaderTitleProps): import("react").JSX.Element;
+type SectionHeaderCountProps = useRender.ComponentProps<"span">;
+declare function SectionHeaderCount({
+  className,
+  render,
+  ...props
+}: SectionHeaderCountProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type SectionHeaderActionsProps = useRender.ComponentProps<"div">;
+declare function SectionHeaderActions({
+  className,
+  render,
+  ...props
+}: SectionHeaderActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/description-list/description-list.d.ts
+type DescriptionListProps = useRender.ComponentProps<"dl">;
+declare function DescriptionList({
+  className,
+  render,
+  ...props
+}: DescriptionListProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type DescriptionItemProps = useRender.ComponentProps<"div">;
+declare function DescriptionItem({
+  className,
+  render,
+  ...props
+}: DescriptionItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type DescriptionTermProps = useRender.ComponentProps<"dt">;
+declare function DescriptionTerm({
+  className,
+  render,
+  ...props
+}: DescriptionTermProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type DescriptionDetailsProps = useRender.ComponentProps<"dd">;
+declare function DescriptionDetails({
+  className,
+  render,
+  ...props
+}: DescriptionDetailsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type DescriptionActionProps = useRender.ComponentProps<"span">;
+declare function DescriptionAction({
+  className,
+  render,
+  ...props
+}: DescriptionActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/lightbox/lightbox.d.ts
+type LightboxProps<Payload = unknown> = Omit<Dialog.Root.Props<Payload>, "actionsRef" | "children" | "handle"> & {
+  children?: ReactNode;
+  closeOnModW?: boolean;
+};
+declare function Lightbox<Payload = unknown>({
+  closeOnModW,
+  defaultOpen,
+  modal,
+  onOpenChange,
+  open,
+  children,
+  ...props
+}: LightboxProps<Payload>): import("react").JSX.Element;
+type LightboxTriggerProps = Dialog.Trigger.Props;
+declare function LightboxTrigger(props: LightboxTriggerProps): import("react").JSX.Element;
+type LightboxPortalProps = Dialog.Portal.Props;
+declare function LightboxPortal(props: LightboxPortalProps): import("react").JSX.Element;
+type LightboxContentProps = StyledProps<Dialog.Popup.Props>;
+declare function LightboxContent({
+  className,
+  initialFocus,
+  finalFocus,
+  ...props
+}: LightboxContentProps): import("react").JSX.Element;
+type LightboxHeaderProps = useRender.ComponentProps<"div">;
+declare function LightboxHeader({
+  render,
+  className,
+  ...props
+}: LightboxHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type LightboxTitleProps = useRender.ComponentProps<"div">;
+declare function LightboxTitle({
+  render,
+  className,
+  ...props
+}: LightboxTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type LightboxActionsProps = useRender.ComponentProps<"div">;
+declare function LightboxActions({
+  render,
+  className,
+  ...props
+}: LightboxActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type LightboxStageProps = useRender.ComponentProps<"div">;
+declare function LightboxStage({
+  render,
+  className,
+  ...props
+}: LightboxStageProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type LightboxMediaProps = useRender.ComponentProps<"div">;
+declare function LightboxMedia({
+  render,
+  className,
+  ...props
+}: LightboxMediaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type LightboxCloseProps = StyledProps<Dialog.Close.Props>;
+declare function LightboxClose({
+  className,
+  ...props
+}: LightboxCloseProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/bottom-sheet/bottom-sheet.d.ts
+type BottomSheetProps = Dialog.Root.Props;
+declare function BottomSheet(props: BottomSheetProps): import("react").JSX.Element;
+type BottomSheetTriggerProps = Dialog.Trigger.Props;
+declare function BottomSheetTrigger(props: BottomSheetTriggerProps): import("react").JSX.Element;
+type BottomSheetPortalProps = Dialog.Portal.Props;
+declare function BottomSheetPortal(props: BottomSheetPortalProps): import("react").JSX.Element;
+type BottomSheetContentProps = StyledProps<Dialog.Popup.Props>;
+declare function BottomSheetContent({
+  className,
+  ...props
+}: BottomSheetContentProps): import("react").JSX.Element;
+type BottomSheetCloseProps = Dialog.Close.Props;
+declare function BottomSheetClose(props: BottomSheetCloseProps): import("react").JSX.Element;
+type BottomSheetHeaderProps = useRender.ComponentProps<"div">;
+declare function BottomSheetHeader({
+  className,
+  render,
+  ...props
+}: BottomSheetHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type BottomSheetFooterProps = useRender.ComponentProps<"div">;
+declare function BottomSheetFooter({
+  className,
+  render,
+  ...props
+}: BottomSheetFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type BottomSheetTitleProps = StyledProps<Dialog.Title.Props>;
+declare function BottomSheetTitle({
+  className,
+  ...props
+}: BottomSheetTitleProps): import("react").JSX.Element;
+type BottomSheetDescriptionProps = StyledProps<Dialog.Description.Props>;
+declare function BottomSheetDescription({
+  className,
+  ...props
+}: BottomSheetDescriptionProps): import("react").JSX.Element;
+//#endregion
+export { BottomSheet, BottomSheetClose, type BottomSheetCloseProps, BottomSheetContent, type BottomSheetContentProps, BottomSheetDescription, type BottomSheetDescriptionProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, BottomSheetPortal, type BottomSheetPortalProps, type BottomSheetProps, BottomSheetTitle, type BottomSheetTitleProps, BottomSheetTrigger, type BottomSheetTriggerProps, ConversationPreviewCard, ConversationPreviewCardAction, type ConversationPreviewCardActionProps, ConversationPreviewCardAuthor, ConversationPreviewCardAuthorName, type ConversationPreviewCardAuthorNameProps, type ConversationPreviewCardAuthorProps, ConversationPreviewCardAuthorSubtitle, type ConversationPreviewCardAuthorSubtitleProps, ConversationPreviewCardChannel, type ConversationPreviewCardChannelProps, ConversationPreviewCardContent, type ConversationPreviewCardContentProps, ConversationPreviewCardFooter, type ConversationPreviewCardFooterProps, ConversationPreviewCardMeta, type ConversationPreviewCardMetaProps, ConversationPreviewCardPreview, ConversationPreviewCardPreviewAuthor, type ConversationPreviewCardPreviewAuthorProps, ConversationPreviewCardPreviewLeading, type ConversationPreviewCardPreviewLeadingProps, type ConversationPreviewCardPreviewProps, type ConversationPreviewCardProps, ConversationPreviewCardSecondaryPreview, type ConversationPreviewCardSecondaryPreviewProps, ConversationPreviewCardTimestamp, type ConversationPreviewCardTimestampProps, DescriptionAction, type DescriptionActionProps, DescriptionDetails, type DescriptionDetailsProps, DescriptionItem, type DescriptionItemProps, DescriptionList, type DescriptionListProps, DescriptionTerm, type DescriptionTermProps, Field, FieldControl, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldItem, type FieldItemProps, FieldLabel, type FieldLabelProps, type FieldProps, FieldValidity, type FieldValidityProps, Lightbox, LightboxActions, type LightboxActionsProps, LightboxClose, type LightboxCloseProps, LightboxContent, type LightboxContentProps, LightboxHeader, type LightboxHeaderProps, LightboxMedia, type LightboxMediaProps, LightboxPortal, type LightboxPortalProps, type LightboxProps, LightboxStage, type LightboxStageProps, LightboxTitle, type LightboxTitleProps, LightboxTrigger, type LightboxTriggerProps, ListItem, ListItemActionGroup, type ListItemActionGroupProps, ListItemBody, type ListItemBodyProps, ListItemDescription, type ListItemDescriptionProps, ListItemIcon, type ListItemIconProps, ListItemMeta, type ListItemMetaProps, type ListItemProps, ListItemRow, type ListItemRowProps, ListItemTitle, type ListItemTitleProps, MediaListItem, MediaListItemActionGroup, type MediaListItemActionGroupProps, MediaListItemAside, type MediaListItemAsideProps, MediaListItemBody, type MediaListItemBodyProps, type MediaListItemProps, MediaListItemSubtitle, type MediaListItemSubtitleProps, MediaListItemText, type MediaListItemTextProps, MediaListItemTitle, type MediaListItemTitleProps, MediaListItemVisual, type MediaListItemVisualProps, PanelHeader, PanelHeaderActions, type PanelHeaderActionsProps, PanelHeaderContent, type PanelHeaderContentProps, PanelHeaderIcon, type PanelHeaderIconProps, type PanelHeaderProps, PanelHeaderSubtitle, type PanelHeaderSubtitleProps, PanelHeaderSuffix, type PanelHeaderSuffixProps, PanelHeaderTitle, type PanelHeaderTitleProps, PanelHeaderTitleRow, type PanelHeaderTitleRowProps, PanelHeaderVisual, type PanelHeaderVisualProps, PreviewShell, type PreviewShellProps, QuotedMessageCard, QuotedMessageCardAttachments, type QuotedMessageCardAttachmentsProps, QuotedMessageCardAuthor, QuotedMessageCardAuthorName, type QuotedMessageCardAuthorNameProps, type QuotedMessageCardAuthorProps, QuotedMessageCardAuthorSubtitle, type QuotedMessageCardAuthorSubtitleProps, QuotedMessageCardBody, type QuotedMessageCardBodyProps, QuotedMessageCardChannel, type QuotedMessageCardChannelProps, QuotedMessageCardContent, type QuotedMessageCardContentProps, QuotedMessageCardContentWrap, type QuotedMessageCardContentWrapProps, QuotedMessageCardHeader, type QuotedMessageCardHeaderProps, QuotedMessageCardMeta, type QuotedMessageCardMetaProps, type QuotedMessageCardProps, QuotedMessageCardSeparator, type QuotedMessageCardSeparatorProps, QuotedMessageCardTag, type QuotedMessageCardTagProps, QuotedMessageCardThread, type QuotedMessageCardThreadProps, QuotedMessageCardTimestamp, type QuotedMessageCardTimestampProps, QuotedMessageCardUnavailable, type QuotedMessageCardUnavailableProps, SectionHeader, SectionHeaderActions, type SectionHeaderActionsProps, SectionHeaderContent, type SectionHeaderContentProps, SectionHeaderCount, type SectionHeaderCountProps, SectionHeaderIcon, type SectionHeaderIconProps, type SectionHeaderProps, SectionHeaderTitle, type SectionHeaderTitleProps, SectionLabel, type SectionLabelProps, Text, TextHeading, type TextHeadingProps, TextMono, type TextMonoProps, TextSans, type TextSansProps, ToggleGroup, ToggleGroupCount, type ToggleGroupCountProps, ToggleGroupItem, type ToggleGroupItemProps, ToggleGroupLabel, type ToggleGroupLabelProps, type ToggleGroupProps };