raft-ui 0.0.1

package/dist/index.d.mts

@@ -0,0 +1,2710 @@
+import { n as VariantProps, t as StyledProps } from "./styled-props-B3SNekJg.mjs";
+import { cn } from "./cn.mjs";
+import { Button as Button$1 } from "@base-ui/react/button";
+import { ComponentPropsWithRef, ReactNode } from "react";
+import { useRender } from "@base-ui/react/use-render";
+import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
+import { Avatar as Avatar$1, ContextMenu as ContextMenu$1 } from "@base-ui/react";
+import { Menu } from "@base-ui/react/menu";
+import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
+import { Popover as Popover$1 } from "@base-ui/react/popover";
+import { Input as Input$1 } from "@base-ui/react/input";
+import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
+import { Select as Select$1 } from "@base-ui/react/select";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
+import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
+
+//#region src/components/button/button.d.ts
+declare const buttonVariants: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string[];
+    };
+    elegant: {
+      root: string[];
+    };
+  };
+  variant: {
+    primary: {
+      root: string[];
+    };
+    default: {
+      root: string[];
+    };
+    information: {
+      root: string[];
+    };
+    muted: {
+      root: string[];
+    };
+    accent: {
+      root: string[];
+    };
+    warning: {
+      root: string[];
+    };
+    outline: {
+      root: string[];
+    };
+    ghost: {
+      root: string[];
+    };
+    link: {
+      root: string[];
+    };
+    "danger-secondary": {
+      root: string[];
+    };
+    danger: {
+      root: string[];
+    };
+    "danger-outline": {
+      root: string[];
+    };
+  };
+  size: {
+    xs: {
+      root: string[];
+    };
+    sm: {
+      root: string[];
+    };
+    md: {
+      root: string[];
+    };
+    lg: {
+      root: string[];
+    };
+    "icon-xs": {
+      root: string[];
+    };
+    "icon-sm": {
+      root: string[];
+    };
+    "icon-md": {
+      root: string[];
+    };
+    "icon-lg": {
+      root: string[];
+    };
+  };
+}, {
+  root: string[];
+  content: string;
+  loadingIndicator: string;
+}, undefined, {
+  theme: {
+    brutal: {
+      root: string[];
+    };
+    elegant: {
+      root: string[];
+    };
+  };
+  variant: {
+    primary: {
+      root: string[];
+    };
+    default: {
+      root: string[];
+    };
+    information: {
+      root: string[];
+    };
+    muted: {
+      root: string[];
+    };
+    accent: {
+      root: string[];
+    };
+    warning: {
+      root: string[];
+    };
+    outline: {
+      root: string[];
+    };
+    ghost: {
+      root: string[];
+    };
+    link: {
+      root: string[];
+    };
+    "danger-secondary": {
+      root: string[];
+    };
+    danger: {
+      root: string[];
+    };
+    "danger-outline": {
+      root: string[];
+    };
+  };
+  size: {
+    xs: {
+      root: string[];
+    };
+    sm: {
+      root: string[];
+    };
+    md: {
+      root: string[];
+    };
+    lg: {
+      root: string[];
+    };
+    "icon-xs": {
+      root: string[];
+    };
+    "icon-sm": {
+      root: string[];
+    };
+    "icon-md": {
+      root: string[];
+    };
+    "icon-lg": {
+      root: string[];
+    };
+  };
+}, {
+  root: string[];
+  content: string;
+  loadingIndicator: string;
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string[];
+    };
+    elegant: {
+      root: string[];
+    };
+  };
+  variant: {
+    primary: {
+      root: string[];
+    };
+    default: {
+      root: string[];
+    };
+    information: {
+      root: string[];
+    };
+    muted: {
+      root: string[];
+    };
+    accent: {
+      root: string[];
+    };
+    warning: {
+      root: string[];
+    };
+    outline: {
+      root: string[];
+    };
+    ghost: {
+      root: string[];
+    };
+    link: {
+      root: string[];
+    };
+    "danger-secondary": {
+      root: string[];
+    };
+    danger: {
+      root: string[];
+    };
+    "danger-outline": {
+      root: string[];
+    };
+  };
+  size: {
+    xs: {
+      root: string[];
+    };
+    sm: {
+      root: string[];
+    };
+    md: {
+      root: string[];
+    };
+    lg: {
+      root: string[];
+    };
+    "icon-xs": {
+      root: string[];
+    };
+    "icon-sm": {
+      root: string[];
+    };
+    "icon-md": {
+      root: string[];
+    };
+    "icon-lg": {
+      root: string[];
+    };
+  };
+}, {
+  root: string[];
+  content: string;
+  loadingIndicator: string;
+}, undefined, unknown, unknown, undefined>>;
+type ButtonProps = StyledProps<Button$1.Props> & Omit<VariantProps<typeof buttonVariants>, "theme"> & {
+  loading?: boolean;
+  loadingLabel?: string;
+};
+declare function Button({
+  variant,
+  size,
+  loading,
+  loadingLabel,
+  disabled,
+  className,
+  children,
+  render,
+  nativeButton,
+  ...props
+}: ButtonProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/checkbox/checkbox.d.ts
+declare const checkbox: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {};
+    elegant: {
+      root: string[];
+      graphic: string[];
+    };
+  };
+  variant: {
+    default: {};
+    primary: {};
+  };
+  color: {
+    default: {};
+    primary: {};
+  };
+  size: {
+    sm: {
+      root: string;
+    };
+    md: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  indicator: string[];
+  graphic: string[];
+  outerRect: string[];
+  overlayRect: string[];
+  mark: string[];
+  checkMark: string[];
+  indeterminateMark: string[];
+}, undefined, {
+  theme: {
+    brutal: {};
+    elegant: {
+      root: string[];
+      graphic: string[];
+    };
+  };
+  variant: {
+    default: {};
+    primary: {};
+  };
+  color: {
+    default: {};
+    primary: {};
+  };
+  size: {
+    sm: {
+      root: string;
+    };
+    md: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  indicator: string[];
+  graphic: string[];
+  outerRect: string[];
+  overlayRect: string[];
+  mark: string[];
+  checkMark: string[];
+  indeterminateMark: string[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {};
+    elegant: {
+      root: string[];
+      graphic: string[];
+    };
+  };
+  variant: {
+    default: {};
+    primary: {};
+  };
+  color: {
+    default: {};
+    primary: {};
+  };
+  size: {
+    sm: {
+      root: string;
+    };
+    md: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  indicator: string[];
+  graphic: string[];
+  outerRect: string[];
+  overlayRect: string[];
+  mark: string[];
+  checkMark: string[];
+  indeterminateMark: string[];
+}, undefined, unknown, unknown, undefined>>;
+type CheckboxProps = StyledProps<Checkbox$1.Root.Props> & Omit<VariantProps<typeof checkbox>, "theme">;
+declare function Checkbox({
+  size,
+  color,
+  variant,
+  className,
+  ...props
+}: CheckboxProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/kbd/kbd.d.ts
+type KbdProps = ComponentPropsWithRef<"kbd">;
+declare function Kbd({
+  className,
+  ...props
+}: KbdProps): import("react").JSX.Element;
+type KbdGroupProps = ComponentPropsWithRef<"span">;
+declare function KbdGroup({
+  className,
+  ...props
+}: KbdGroupProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/context-menu/context-menu.d.ts
+type ContextMenuProps = ContextMenu$1.Root.Props;
+declare function ContextMenu(props: ContextMenuProps): import("react").JSX.Element;
+type ContextMenuSubmenuProps = ContextMenu$1.SubmenuRoot.Props;
+declare function ContextMenuSubmenu(props: ContextMenuSubmenuProps): import("react").JSX.Element;
+type ContextMenuTriggerProps = StyledProps<ContextMenu$1.Trigger.Props>;
+declare function ContextMenuTrigger({
+  className,
+  ...props
+}: ContextMenuTriggerProps): import("react").JSX.Element;
+type ContextMenuPortalProps = ContextMenu$1.Portal.Props;
+declare function ContextMenuPortal(props: ContextMenuPortalProps): import("react").JSX.Element;
+type ContextMenuContentProps = StyledProps<ContextMenu$1.Popup.Props> & Partial<Pick<ContextMenu$1.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky">> & {
+  portalProps?: ContextMenuPortalProps;
+};
+declare function ContextMenuContent({
+  align,
+  alignOffset,
+  anchor,
+  arrowPadding,
+  collisionAvoidance,
+  collisionBoundary,
+  collisionPadding,
+  disableAnchorTracking,
+  positionMethod,
+  side,
+  sideOffset,
+  sticky,
+  portalProps,
+  className,
+  ...props
+}: ContextMenuContentProps): import("react").JSX.Element;
+type ContextMenuItemProps = StyledProps<ContextMenu$1.Item.Props>;
+declare function ContextMenuItem({
+  className,
+  ...props
+}: ContextMenuItemProps): import("react").JSX.Element;
+type ContextMenuSubmenuTriggerProps = StyledProps<ContextMenu$1.SubmenuTrigger.Props>;
+declare function ContextMenuSubmenuTrigger({
+  className,
+  ...props
+}: ContextMenuSubmenuTriggerProps): import("react").JSX.Element;
+type ContextMenuLabelProps = StyledProps<ComponentPropsWithRef<"div">>;
+declare function ContextMenuLabel({
+  className,
+  ...props
+}: ContextMenuLabelProps): import("react").JSX.Element;
+type ContextMenuShortcutProps = KbdProps;
+declare function ContextMenuShortcut({
+  className,
+  ...props
+}: ContextMenuShortcutProps): import("react").JSX.Element;
+type ContextMenuSeparatorProps = StyledProps<ContextMenu$1.Separator.Props>;
+declare function ContextMenuSeparator({
+  className,
+  ...props
+}: ContextMenuSeparatorProps): import("react").JSX.Element;
+type ContextMenuRadioGroupProps = StyledProps<ContextMenu$1.RadioGroup.Props>;
+declare function ContextMenuRadioGroup({
+  ...props
+}: ContextMenuRadioGroupProps): import("react").JSX.Element;
+type ContextMenuRadioItemProps = StyledProps<ContextMenu$1.RadioItem.Props>;
+declare function ContextMenuRadioItem({
+  className,
+  children,
+  ...props
+}: ContextMenuRadioItemProps): import("react").JSX.Element;
+type ContextMenuRadioItemIndicatorProps = StyledProps<ContextMenu$1.RadioItemIndicator.Props>;
+declare function ContextMenuRadioItemIndicator({
+  className,
+  ...props
+}: ContextMenuRadioItemIndicatorProps): import("react").JSX.Element;
+type ContextMenuCheckboxItemProps = StyledProps<ContextMenu$1.CheckboxItem.Props>;
+declare function ContextMenuCheckboxItem({
+  className,
+  children,
+  ...props
+}: ContextMenuCheckboxItemProps): import("react").JSX.Element;
+type ContextMenuCheckboxItemIndicatorProps = StyledProps<ContextMenu$1.CheckboxItemIndicator.Props>;
+declare function ContextMenuCheckboxItemIndicator({
+  className,
+  ...props
+}: ContextMenuCheckboxItemIndicatorProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/badge/badge.d.ts
+declare const badge: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string[];
+    };
+    elegant: {
+      root: string[];
+    };
+  };
+  appearance: {
+    solid: {
+      root: string;
+    };
+    soft: {
+      root: string;
+    };
+    outline: {
+      root: string;
+    };
+  };
+  variant: {
+    default: {
+      root: string;
+    };
+    primary: {
+      root: string;
+    };
+    information: {
+      root: string;
+    };
+    muted: {
+      root: string;
+    };
+    accent: {
+      root: string;
+    };
+    success: {
+      root: string;
+    };
+    warning: {
+      root: string;
+    };
+    danger: {
+      root: string;
+    };
+  };
+  uppercase: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+}, undefined, {
+  theme: {
+    brutal: {
+      root: string[];
+    };
+    elegant: {
+      root: string[];
+    };
+  };
+  appearance: {
+    solid: {
+      root: string;
+    };
+    soft: {
+      root: string;
+    };
+    outline: {
+      root: string;
+    };
+  };
+  variant: {
+    default: {
+      root: string;
+    };
+    primary: {
+      root: string;
+    };
+    information: {
+      root: string;
+    };
+    muted: {
+      root: string;
+    };
+    accent: {
+      root: string;
+    };
+    success: {
+      root: string;
+    };
+    warning: {
+      root: string;
+    };
+    danger: {
+      root: string;
+    };
+  };
+  uppercase: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string[];
+    };
+    elegant: {
+      root: string[];
+    };
+  };
+  appearance: {
+    solid: {
+      root: string;
+    };
+    soft: {
+      root: string;
+    };
+    outline: {
+      root: string;
+    };
+  };
+  variant: {
+    default: {
+      root: string;
+    };
+    primary: {
+      root: string;
+    };
+    information: {
+      root: string;
+    };
+    muted: {
+      root: string;
+    };
+    accent: {
+      root: string;
+    };
+    success: {
+      root: string;
+    };
+    warning: {
+      root: string;
+    };
+    danger: {
+      root: string;
+    };
+  };
+  uppercase: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+}, undefined, unknown, unknown, undefined>>;
+type BadgeProps = useRender.ComponentProps<"span"> & Omit<VariantProps<typeof badge>, "theme">;
+declare function BadgeRoot({
+  appearance,
+  variant,
+  uppercase,
+  className,
+  render,
+  ...props
+}: BadgeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function Experimental(props: Omit<BadgeProps, "appearance" | "variant" | "uppercase">): import("react").JSX.Element;
+declare const Badge: typeof BadgeRoot & {
+  Experimental: typeof Experimental;
+};
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu.d.ts
+type DropdownMenuProps = Menu.Root.Props;
+declare function DropdownMenu(props: DropdownMenuProps): import("react").JSX.Element;
+type DropdownMenuSubmenuProps = Menu.SubmenuRoot.Props;
+declare function DropdownMenuSubmenu(props: DropdownMenuSubmenuProps): import("react").JSX.Element;
+type DropdownMenuTriggerProps = StyledProps<Menu.Trigger.Props>;
+declare function DropdownMenuTrigger({
+  className,
+  ...props
+}: DropdownMenuTriggerProps): import("react").JSX.Element;
+type DropdownMenuPortalProps = Menu.Portal.Props;
+declare function DropdownMenuPortal(props: DropdownMenuPortalProps): import("react").JSX.Element;
+type DropdownMenuPopupProps = ComponentPropsWithRef<"div">;
+declare function DropdownMenuPopup({
+  className,
+  ...props
+}: DropdownMenuPopupProps): import("react").JSX.Element;
+type DropdownMenuContentProps = StyledProps<Menu.Popup.Props> & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & {
+  portalProps?: DropdownMenuPortalProps;
+};
+declare function DropdownMenuContent({
+  align,
+  alignOffset,
+  anchor,
+  arrowPadding,
+  collisionAvoidance,
+  collisionBoundary,
+  collisionPadding,
+  disableAnchorTracking,
+  positionMethod,
+  side,
+  sideOffset,
+  sticky,
+  portalProps,
+  className,
+  ...props
+}: DropdownMenuContentProps): import("react").JSX.Element;
+type DropdownMenuItemProps = StyledProps<Menu.Item.Props>;
+declare function DropdownMenuItem({
+  className,
+  ...props
+}: DropdownMenuItemProps): import("react").JSX.Element;
+type DropdownMenuSubmenuTriggerProps = StyledProps<Menu.SubmenuTrigger.Props>;
+declare function DropdownMenuSubmenuTrigger({
+  className,
+  ...props
+}: DropdownMenuSubmenuTriggerProps): import("react").JSX.Element;
+type DropdownMenuLabelProps = StyledProps<ComponentPropsWithRef<"div">>;
+declare function DropdownMenuLabel({
+  className,
+  ...props
+}: DropdownMenuLabelProps): import("react").JSX.Element;
+type DropdownMenuShortcutProps = KbdProps;
+declare function DropdownMenuShortcut({
+  className,
+  ...props
+}: DropdownMenuShortcutProps): import("react").JSX.Element;
+type DropdownMenuItemCountProps = BadgeProps;
+declare function DropdownMenuItemCount({
+  className,
+  ...props
+}: DropdownMenuItemCountProps): import("react").JSX.Element;
+type DropdownMenuSeparatorProps = StyledProps<Menu.Separator.Props>;
+declare function DropdownMenuSeparator({
+  className,
+  ...props
+}: DropdownMenuSeparatorProps): import("react").JSX.Element;
+type DropdownMenuRadioGroupProps = StyledProps<Menu.RadioGroup.Props>;
+declare function DropdownMenuRadioGroup({
+  ...props
+}: DropdownMenuRadioGroupProps): import("react").JSX.Element;
+type DropdownMenuRadioItemProps = StyledProps<Menu.RadioItem.Props>;
+declare function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}: DropdownMenuRadioItemProps): import("react").JSX.Element;
+type DropdownMenuRadioItemIndicatorProps = StyledProps<Menu.RadioItemIndicator.Props>;
+declare function DropdownMenuRadioItemIndicator({
+  className,
+  ...props
+}: DropdownMenuRadioItemIndicatorProps): import("react").JSX.Element;
+type DropdownMenuCheckboxItemProps = StyledProps<Menu.CheckboxItem.Props>;
+declare function DropdownMenuCheckboxItem({
+  className,
+  children,
+  ...props
+}: DropdownMenuCheckboxItemProps): import("react").JSX.Element;
+type DropdownMenuCheckboxItemIndicatorProps = StyledProps<Menu.CheckboxItemIndicator.Props>;
+declare function DropdownMenuCheckboxItemIndicator({
+  className,
+  ...props
+}: DropdownMenuCheckboxItemIndicatorProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/tooltip/tooltip.d.ts
+type TooltipProviderProps = Tooltip$1.Provider.Props;
+declare function TooltipProvider({
+  delay,
+  ...props
+}: TooltipProviderProps): import("react").JSX.Element;
+type TooltipProps = Tooltip$1.Root.Props;
+declare function Tooltip(props: TooltipProps): import("react").JSX.Element;
+type TooltipTriggerProps = StyledProps<Tooltip$1.Trigger.Props>;
+declare function TooltipTrigger({
+  className,
+  ...props
+}: TooltipTriggerProps): import("react").JSX.Element;
+type TooltipPortalProps = Tooltip$1.Portal.Props;
+declare function TooltipPortal(props: TooltipPortalProps): import("react").JSX.Element;
+type TooltipContentProps = StyledProps<Tooltip$1.Popup.Props> & Pick<Tooltip$1.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & {
+  portalProps?: TooltipPortalProps;
+};
+declare function TooltipContent({
+  align,
+  alignOffset,
+  anchor,
+  arrowPadding,
+  collisionAvoidance,
+  collisionBoundary,
+  collisionPadding,
+  disableAnchorTracking,
+  positionMethod,
+  side,
+  sideOffset,
+  sticky,
+  portalProps,
+  className,
+  children,
+  ...props
+}: TooltipContentProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/popover/popover.d.ts
+type PopoverProps = Popover$1.Root.Props;
+declare function Popover(props: PopoverProps): import("react").JSX.Element;
+type PopoverTriggerProps = StyledProps<Popover$1.Trigger.Props>;
+declare function PopoverTrigger({
+  className,
+  ...props
+}: PopoverTriggerProps): import("react").JSX.Element;
+type PopoverPortalProps = Popover$1.Portal.Props;
+declare function PopoverPortal(props: PopoverPortalProps): import("react").JSX.Element;
+type PopoverPopupProps = ComponentPropsWithRef<"div">;
+declare function PopoverPopup({
+  className,
+  ...props
+}: PopoverPopupProps): import("react").JSX.Element;
+type PopoverContentProps = StyledProps<Popover$1.Popup.Props> & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & {
+  portalProps?: PopoverPortalProps;
+};
+declare function PopoverContent({
+  align,
+  alignOffset,
+  anchor,
+  arrowPadding,
+  collisionAvoidance,
+  collisionBoundary,
+  collisionPadding,
+  disableAnchorTracking,
+  positionMethod,
+  side,
+  sideOffset,
+  sticky,
+  portalProps,
+  className,
+  ...props
+}: PopoverContentProps): import("react").JSX.Element;
+type PopoverViewportProps = StyledProps<Popover$1.Viewport.Props>;
+declare function PopoverViewport({
+  className,
+  ...props
+}: PopoverViewportProps): import("react").JSX.Element;
+type PopoverHeaderProps = ComponentPropsWithRef<"div">;
+declare function PopoverHeader({
+  className,
+  ...props
+}: PopoverHeaderProps): import("react").JSX.Element;
+type PopoverSeparatorProps = StyledProps<ComponentPropsWithRef<"div">>;
+declare function PopoverSeparator({
+  className,
+  ...props
+}: PopoverSeparatorProps): import("react").JSX.Element;
+type PopoverTitleProps = StyledProps<Popover$1.Title.Props>;
+declare function PopoverTitle({
+  className,
+  ...props
+}: PopoverTitleProps): import("react").JSX.Element;
+type PopoverDescriptionProps = StyledProps<Popover$1.Description.Props>;
+declare function PopoverDescription({
+  className,
+  ...props
+}: PopoverDescriptionProps): import("react").JSX.Element;
+type PopoverCloseProps = StyledProps<Popover$1.Close.Props>;
+declare function PopoverClose({
+  className,
+  ...props
+}: PopoverCloseProps): import("react").JSX.Element;
+type PopoverArrowProps = StyledProps<Popover$1.Arrow.Props>;
+declare function PopoverArrow({
+  className,
+  ...props
+}: PopoverArrowProps): import("react").JSX.Element;
+type PopoverBackdropProps = StyledProps<Popover$1.Backdrop.Props>;
+declare function PopoverBackdrop({
+  className,
+  ...props
+}: PopoverBackdropProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/label/label.d.ts
+declare const label: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string;
+      sub: string;
+    };
+    elegant: {
+      root: string;
+      sub: string;
+    };
+  };
+  size: {
+    sm: {
+      root: string;
+    };
+    md: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  asterisk: string[];
+  sub: string[];
+}, undefined, {
+  theme: {
+    brutal: {
+      root: string;
+      sub: string;
+    };
+    elegant: {
+      root: string;
+      sub: string;
+    };
+  };
+  size: {
+    sm: {
+      root: string;
+    };
+    md: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  asterisk: string[];
+  sub: string[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string;
+      sub: string;
+    };
+    elegant: {
+      root: string;
+      sub: string;
+    };
+  };
+  size: {
+    sm: {
+      root: string;
+    };
+    md: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  asterisk: string[];
+  sub: string[];
+}, undefined, unknown, unknown, undefined>>;
+type LabelProps = useRender.ComponentProps<"label"> & Omit<VariantProps<typeof label>, "theme"> & {
+  disabled?: boolean;
+};
+declare function LabelRoot({
+  size,
+  disabled,
+  className,
+  render,
+  ...props
+}: LabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type LabelAsteriskProps = ComponentPropsWithRef<"span">;
+declare function LabelAsterisk({
+  className,
+  children,
+  ...props
+}: LabelAsteriskProps): import("react").JSX.Element;
+type LabelSubProps = ComponentPropsWithRef<"span">;
+declare function LabelSub({
+  className,
+  ...props
+}: LabelSubProps): import("react").JSX.Element;
+type LabelOptionalProps = LabelSubProps;
+declare function LabelOptional({
+  children,
+  ...props
+}: LabelOptionalProps): import("react").JSX.Element;
+declare const Label: typeof LabelRoot & {
+  Asterisk: typeof LabelAsterisk;
+  Optional: typeof LabelOptional;
+  Sub: typeof LabelSub;
+};
+//#endregion
+//#region src/lib/without-children.d.ts
+/**
+ * Element props without `children` — for leaf components (dots, markers) that
+ * render no caller content. React ships `ComponentPropsWithoutRef` but no
+ * equivalent that subtracts children, so this names the one-off `Omit`.
+ */
+type WithoutChildren<P> = Omit<P, "children">;
+//#endregion
+//#region src/components/input/input.d.ts
+type InputBehaviorProps = {
+  /**
+   * Add common password-manager ignore hints for non-credential fields where
+   * extension overlays would obscure custom UI.
+   */
+  suppressPasswordManager?: boolean;
+};
+type InputProps = WithoutChildren<StyledProps<Input$1.Props>> & InputBehaviorProps;
+declare function Input({
+  suppressPasswordManager,
+  className,
+  ...props
+}: InputProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/input-group/input-group.d.ts
+declare const inputGroup: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string[];
+      addon: string[];
+      text: string[];
+      control: string[];
+    };
+    elegant: {
+      root: string[];
+      addon: string[];
+      text: string[];
+      control: string[];
+    };
+  };
+  align: {
+    "inline-start": {
+      addon: string;
+      text: string;
+    };
+    "inline-end": {
+      addon: string;
+      text: string;
+    };
+  };
+  variant: {
+    default: {};
+    container: {
+      addon: string[];
+      text: string[];
+    };
+  };
+}, {
+  root: string[];
+  addon: string[];
+  text: string[];
+  control: string[];
+}, undefined, {
+  theme: {
+    brutal: {
+      root: string[];
+      addon: string[];
+      text: string[];
+      control: string[];
+    };
+    elegant: {
+      root: string[];
+      addon: string[];
+      text: string[];
+      control: string[];
+    };
+  };
+  align: {
+    "inline-start": {
+      addon: string;
+      text: string;
+    };
+    "inline-end": {
+      addon: string;
+      text: string;
+    };
+  };
+  variant: {
+    default: {};
+    container: {
+      addon: string[];
+      text: string[];
+    };
+  };
+}, {
+  root: string[];
+  addon: string[];
+  text: string[];
+  control: string[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string[];
+      addon: string[];
+      text: string[];
+      control: string[];
+    };
+    elegant: {
+      root: string[];
+      addon: string[];
+      text: string[];
+      control: string[];
+    };
+  };
+  align: {
+    "inline-start": {
+      addon: string;
+      text: string;
+    };
+    "inline-end": {
+      addon: string;
+      text: string;
+    };
+  };
+  variant: {
+    default: {};
+    container: {
+      addon: string[];
+      text: string[];
+    };
+  };
+}, {
+  root: string[];
+  addon: string[];
+  text: string[];
+  control: string[];
+}, undefined, unknown, unknown, undefined>>;
+type InputGroupProps = ComponentPropsWithRef<"div">;
+declare function InputGroup({
+  className,
+  ...props
+}: InputGroupProps): import("react").JSX.Element;
+type InputGroupAddonProps = ComponentPropsWithRef<"div"> & Pick<VariantProps<typeof inputGroup>, "align" | "variant">;
+declare function InputGroupAddonRoot({
+  align,
+  variant,
+  className,
+  ...props
+}: InputGroupAddonProps): import("react").JSX.Element;
+type InputGroupAddonTextProps = ComponentPropsWithRef<"span"> & Pick<VariantProps<typeof inputGroup>, "align" | "variant">;
+declare function TextAddon({
+  align,
+  variant,
+  className,
+  ...props
+}: InputGroupAddonTextProps): import("react").JSX.Element;
+declare const InputGroupAddon: typeof InputGroupAddonRoot & {
+  Text: typeof TextAddon;
+};
+type InputGroupInputProps = WithoutChildren<StyledProps<Input$1.Props>> & InputBehaviorProps;
+declare function InputGroupInput({
+  className,
+  suppressPasswordManager,
+  ...props
+}: InputGroupInputProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox.d.ts
+type ComboboxProps<Value, Multiple extends boolean | undefined = false> = Combobox$1.Root.Props<Value, Multiple>;
+declare function Combobox<Value, Multiple extends boolean | undefined = false>({
+  defaultInputValue,
+  defaultValue,
+  inputValue,
+  onInputValueChange,
+  onValueChange,
+  value,
+  ...props
+}: ComboboxProps<Value, Multiple>): import("react").JSX.Element;
+type ComboboxLabelProps = StyledProps<Combobox$1.Label.Props>;
+declare function ComboboxLabel({
+  className,
+  ...props
+}: ComboboxLabelProps): import("react").JSX.Element;
+type ComboboxValueProps = Combobox$1.Value.Props;
+declare function ComboboxValue(props: ComboboxValueProps): import("react").JSX.Element;
+type ComboboxTriggerProps = StyledProps<Combobox$1.Trigger.Props>;
+declare function ComboboxTrigger({
+  className,
+  children,
+  render,
+  ...props
+}: ComboboxTriggerProps): import("react").JSX.Element;
+type ComboboxTriggerIndicatorProps = StyledProps<ComponentPropsWithRef<"span">>;
+declare function ComboboxTriggerIndicator({
+  className,
+  ...props
+}: ComboboxTriggerIndicatorProps): import("react").JSX.Element;
+type ComboboxInputGroupProps = StyledProps<Combobox$1.InputGroup.Props>;
+declare function ComboboxInputGroup({
+  className,
+  ...props
+}: ComboboxInputGroupProps): import("react").JSX.Element;
+type ComboboxControlProps = StyledProps<Combobox$1.InputGroup.Props>;
+declare function ComboboxControl({
+  className,
+  ...props
+}: ComboboxControlProps): import("react").JSX.Element;
+type ComboboxInputProps = StyledProps<Combobox$1.Input.Props> & {
+  suppressPasswordManager?: boolean;
+};
+declare function ComboboxInput({
+  suppressPasswordManager,
+  className,
+  ...props
+}: ComboboxInputProps): import("react").JSX.Element;
+type ComboboxPortalProps = Combobox$1.Portal.Props;
+declare function ComboboxPortal(props: ComboboxPortalProps): import("react").JSX.Element;
+type ComboboxPopupProps = ComponentPropsWithRef<"div">;
+declare function ComboboxPopup({
+  className,
+  ...props
+}: ComboboxPopupProps): import("react").JSX.Element;
+type ComboboxHeaderProps = ComponentPropsWithRef<"div">;
+declare function ComboboxHeader({
+  className,
+  ...props
+}: ComboboxHeaderProps): import("react").JSX.Element;
+type ComboboxSeparatorProps = StyledProps<ComponentPropsWithRef<"div">>;
+declare function ComboboxSeparator({
+  className,
+  ...props
+}: ComboboxSeparatorProps): import("react").JSX.Element;
+type ComboboxContentProps = StyledProps<Combobox$1.Popup.Props> & Pick<Combobox$1.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & {
+  portalProps?: ComboboxPortalProps;
+};
+declare function ComboboxContent({
+  align,
+  alignOffset,
+  anchor,
+  arrowPadding,
+  collisionAvoidance,
+  collisionBoundary,
+  collisionPadding,
+  disableAnchorTracking,
+  positionMethod,
+  side,
+  sideOffset,
+  sticky,
+  portalProps,
+  className,
+  initialFocus,
+  finalFocus,
+  ...props
+}: ComboboxContentProps): import("react").JSX.Element;
+type ComboboxListProps = StyledProps<Combobox$1.List.Props>;
+declare function ComboboxList({
+  className,
+  ...props
+}: ComboboxListProps): import("react").JSX.Element;
+type ComboboxItemProps = StyledProps<Combobox$1.Item.Props>;
+declare function ComboboxItem({
+  className,
+  ...props
+}: ComboboxItemProps): import("react").JSX.Element;
+type ComboboxItemIndicatorProps = StyledProps<Combobox$1.ItemIndicator.Props>;
+declare function ComboboxItemIndicator({
+  className,
+  children,
+  ...props
+}: ComboboxItemIndicatorProps): import("react").JSX.Element;
+type ComboboxClearProps = StyledProps<Combobox$1.Clear.Props>;
+declare function ComboboxClear({
+  className,
+  children,
+  keepMounted,
+  ...props
+}: ComboboxClearProps): import("react").JSX.Element;
+type ComboboxEmptyProps = StyledProps<Combobox$1.Empty.Props>;
+declare function ComboboxEmpty({
+  className,
+  children,
+  ...props
+}: ComboboxEmptyProps): import("react").JSX.Element;
+type ComboboxGroupProps = StyledProps<Combobox$1.Group.Props>;
+declare function ComboboxGroup({
+  className,
+  ...props
+}: ComboboxGroupProps): import("react").JSX.Element;
+type ComboboxGroupLabelProps = StyledProps<Combobox$1.GroupLabel.Props>;
+declare function ComboboxGroupLabel({
+  className,
+  ...props
+}: ComboboxGroupLabelProps): import("react").JSX.Element;
+type ComboboxRowProps = StyledProps<Combobox$1.Row.Props>;
+declare function ComboboxRow({
+  className,
+  ...props
+}: ComboboxRowProps): import("react").JSX.Element;
+type ComboboxCollectionProps = Combobox$1.Collection.Props;
+declare function ComboboxCollection(props: ComboboxCollectionProps): import("react").JSX.Element;
+type ComboboxChipsProps = StyledProps<Combobox$1.Chips.Props>;
+declare function ComboboxChips({
+  className,
+  ...props
+}: ComboboxChipsProps): import("react").JSX.Element;
+type ComboboxChipProps = StyledProps<Combobox$1.Chip.Props>;
+declare function ComboboxChip({
+  className,
+  ...props
+}: ComboboxChipProps): import("react").JSX.Element;
+type ComboboxChipRemoveProps = StyledProps<Combobox$1.ChipRemove.Props>;
+declare function ComboboxChipRemove({
+  className,
+  children,
+  ...props
+}: ComboboxChipRemoveProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/select/select.d.ts
+type SelectProps<Value, Multiple extends boolean | undefined = false> = Select$1.Root.Props<Value, Multiple>;
+declare function Select<Value, Multiple extends boolean | undefined = false>(props: SelectProps<Value, Multiple>): import("react").JSX.Element;
+type SelectTriggerProps = StyledProps<Select$1.Trigger.Props>;
+declare function SelectTrigger({
+  className,
+  children,
+  render,
+  ...props
+}: SelectTriggerProps): import("react").JSX.Element;
+type SelectValueProps = StyledProps<Select$1.Value.Props>;
+declare function SelectValue({
+  className,
+  ...props
+}: SelectValueProps): import("react").JSX.Element;
+type SelectIconProps = StyledProps<Select$1.Icon.Props>;
+declare function SelectIcon({
+  className,
+  children,
+  ...props
+}: SelectIconProps): import("react").JSX.Element;
+type SelectPortalProps = Select$1.Portal.Props;
+declare function SelectPortal(props: SelectPortalProps): import("react").JSX.Element;
+type SelectPopupProps = ComponentPropsWithRef<"div">;
+declare function SelectPopup({
+  className,
+  ...props
+}: SelectPopupProps): import("react").JSX.Element;
+type SelectContentProps = StyledProps<Select$1.Popup.Props> & Pick<Select$1.Positioner.Props, "align" | "alignItemWithTrigger" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & {
+  portalProps?: SelectPortalProps;
+};
+declare function SelectContent({
+  align,
+  alignItemWithTrigger,
+  alignOffset,
+  anchor,
+  arrowPadding,
+  collisionAvoidance,
+  collisionBoundary,
+  collisionPadding,
+  disableAnchorTracking,
+  positionMethod,
+  side,
+  sideOffset,
+  sticky,
+  portalProps,
+  className,
+  ...props
+}: SelectContentProps): import("react").JSX.Element;
+type SelectListProps = StyledProps<Select$1.List.Props>;
+declare function SelectList({
+  className,
+  ...props
+}: SelectListProps): import("react").JSX.Element;
+type SelectItemProps = StyledProps<Select$1.Item.Props>;
+declare function SelectItem({
+  className,
+  ...props
+}: SelectItemProps): import("react").JSX.Element;
+type SelectItemIndicatorProps = StyledProps<Select$1.ItemIndicator.Props>;
+declare function SelectItemIndicator({
+  className,
+  children,
+  ...props
+}: SelectItemIndicatorProps): import("react").JSX.Element;
+type SelectItemTextProps = StyledProps<Select$1.ItemText.Props>;
+declare function SelectItemText({
+  className,
+  ...props
+}: SelectItemTextProps): import("react").JSX.Element;
+type SelectLabelProps = StyledProps<Select$1.Label.Props>;
+declare function SelectLabel({
+  className,
+  ...props
+}: SelectLabelProps): import("react").JSX.Element;
+type SelectGroupProps = StyledProps<Select$1.Group.Props>;
+declare function SelectGroup({
+  className,
+  ...props
+}: SelectGroupProps): import("react").JSX.Element;
+type SelectGroupLabelProps = StyledProps<Select$1.GroupLabel.Props>;
+declare function SelectGroupLabel({
+  className,
+  ...props
+}: SelectGroupLabelProps): import("react").JSX.Element;
+type SelectSeparatorProps = StyledProps<ComponentPropsWithRef<"div">>;
+declare function SelectSeparator({
+  className,
+  ...props
+}: SelectSeparatorProps): import("react").JSX.Element;
+type SelectScrollUpArrowProps = StyledProps<Select$1.ScrollUpArrow.Props>;
+declare function SelectScrollUpArrow({
+  className,
+  children,
+  ...props
+}: SelectScrollUpArrowProps): import("react").JSX.Element;
+type SelectScrollDownArrowProps = StyledProps<Select$1.ScrollDownArrow.Props>;
+declare function SelectScrollDownArrow({
+  className,
+  children,
+  ...props
+}: SelectScrollDownArrowProps): import("react").JSX.Element;
+type SelectArrowProps = StyledProps<Select$1.Arrow.Props>;
+declare function SelectArrow({
+  className,
+  ...props
+}: SelectArrowProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/radio-group/radio-group.d.ts
+type RadioGroupProps<T extends string = string> = StyledProps<Omit<RadioGroup$1.Props<T>, "aria-label">> & {
+  ariaLabel?: string;
+};
+declare function RadioGroup<T extends string = string>({
+  ariaLabel,
+  className,
+  ...props
+}: RadioGroupProps<T>): import("react").JSX.Element;
+type RadioGroupIndicatorProps = StyledProps<Radio.Indicator.Props>;
+declare function RadioGroupIndicator({
+  className,
+  children,
+  ...props
+}: RadioGroupIndicatorProps): import("react").JSX.Element;
+type RadioGroupItemProps<T extends string = string> = StyledProps<Radio.Root.Props<T>> & {
+  appearance?: "default" | "none";
+};
+declare function RadioGroupItem<T extends string = string>({
+  appearance,
+  className,
+  children,
+  ...props
+}: RadioGroupItemProps<T>): import("react").JSX.Element;
+//#endregion
+//#region src/components/segmented-control/segmented-control.d.ts
+declare const segmentedControl: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      item: string[];
+      count: string[];
+    };
+    elegant: {
+      root: string[];
+      item: string[];
+      count: string[];
+    };
+  };
+  disabled: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  item: string[];
+  label: string[];
+  count: string[];
+}, undefined, {
+  theme: {
+    brutal: {
+      item: string[];
+      count: string[];
+    };
+    elegant: {
+      root: string[];
+      item: string[];
+      count: string[];
+    };
+  };
+  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: {
+      root: string[];
+      item: string[];
+      count: string[];
+    };
+  };
+  disabled: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  item: string[];
+  label: string[];
+  count: string[];
+}, undefined, unknown, unknown, undefined>>;
+type SegmentedControlProps<T extends string = string> = StyledProps<Omit<RadioGroup$1.Props<T>, "aria-label">> & Omit<VariantProps<typeof segmentedControl>, "theme"> & {
+  ariaLabel?: string;
+};
+declare function SegmentedControl<T extends string = string>({
+  ariaLabel,
+  disabled,
+  className,
+  ...props
+}: SegmentedControlProps<T>): import("react").JSX.Element;
+type SegmentedControlItemProps<T extends string = string> = StyledProps<Radio.Root.Props<T>>;
+declare function SegmentedControlItem<T extends string = string>({
+  className,
+  ...props
+}: SegmentedControlItemProps<T>): import("react").JSX.Element;
+type SegmentedControlLabelProps = ComponentPropsWithRef<"span">;
+declare function SegmentedControlLabel({
+  className,
+  ...props
+}: SegmentedControlLabelProps): import("react").JSX.Element;
+type SegmentedControlCountProps = ComponentPropsWithRef<"span">;
+declare function SegmentedControlCount({
+  className,
+  ...props
+}: SegmentedControlCountProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/textarea/textarea.d.ts
+type TextareaProps = WithoutChildren<ComponentPropsWithRef<"textarea">>;
+type TextareaGroupProps = ComponentPropsWithRef<"div">;
+declare function TextareaGroup({
+  className,
+  ...props
+}: TextareaGroupProps): import("react").JSX.Element;
+declare function Textarea({
+  className,
+  ...props
+}: TextareaProps): import("react").JSX.Element;
+interface TextareaCounterProps extends WithoutChildren<ComponentPropsWithRef<"span">> {
+  value?: string;
+  count?: number;
+  limit: number;
+  getLength?: (value: string) => number;
+}
+declare function TextareaCounter({
+  value,
+  count,
+  limit,
+  getLength,
+  className,
+  ...props
+}: TextareaCounterProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/avatar/avatar.d.ts
+declare const avatar: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string;
+      fallback: string;
+      badge: string[];
+      group: string[];
+    };
+    elegant: {
+      root: string[];
+      image: string[];
+      fallback: string[];
+      badge: string[];
+      group: string[];
+    };
+  };
+  type: {
+    agent: {};
+    human: {};
+  };
+  size: {
+    xl: {
+      root: string;
+    };
+    lg: {
+      root: string;
+    };
+    md: {
+      root: string;
+    };
+    sm: {
+      root: string;
+    };
+    xs: {
+      root: string;
+    };
+    "2xs": {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  image: string[];
+  fallback: string[];
+  badge: string[];
+  group: string[];
+}, undefined, {
+  theme: {
+    brutal: {
+      root: string;
+      fallback: string;
+      badge: string[];
+      group: string[];
+    };
+    elegant: {
+      root: string[];
+      image: string[];
+      fallback: string[];
+      badge: string[];
+      group: string[];
+    };
+  };
+  type: {
+    agent: {};
+    human: {};
+  };
+  size: {
+    xl: {
+      root: string;
+    };
+    lg: {
+      root: string;
+    };
+    md: {
+      root: string;
+    };
+    sm: {
+      root: string;
+    };
+    xs: {
+      root: string;
+    };
+    "2xs": {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  image: string[];
+  fallback: string[];
+  badge: string[];
+  group: string[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string;
+      fallback: string;
+      badge: string[];
+      group: string[];
+    };
+    elegant: {
+      root: string[];
+      image: string[];
+      fallback: string[];
+      badge: string[];
+      group: string[];
+    };
+  };
+  type: {
+    agent: {};
+    human: {};
+  };
+  size: {
+    xl: {
+      root: string;
+    };
+    lg: {
+      root: string;
+    };
+    md: {
+      root: string;
+    };
+    sm: {
+      root: string;
+    };
+    xs: {
+      root: string;
+    };
+    "2xs": {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  image: string[];
+  fallback: string[];
+  badge: string[];
+  group: string[];
+}, undefined, unknown, unknown, undefined>>;
+type AvatarSize = NonNullable<VariantProps<typeof avatar>["size"]>;
+type AvatarProps = StyledProps<Avatar$1.Root.Props> & Required<Pick<VariantProps<typeof avatar>, "size" | "type">>;
+declare function Avatar({
+  size,
+  type,
+  className,
+  children,
+  ...props
+}: AvatarProps): import("react").JSX.Element;
+type AvatarImageProps = StyledProps<Avatar$1.Image.Props>;
+declare function AvatarImage({
+  className,
+  ...props
+}: AvatarImageProps): import("react").JSX.Element;
+type AvatarFallbackProps = StyledProps<Avatar$1.Fallback.Props>;
+declare function AvatarFallback({
+  className,
+  children,
+  ...props
+}: AvatarFallbackProps): import("react").JSX.Element;
+type AvatarBadgeProps = ComponentPropsWithRef<"span">;
+declare function AvatarBadge({
+  className,
+  ...props
+}: AvatarBadgeProps): import("react").JSX.Element;
+type AvatarGroupProps = ComponentPropsWithRef<"div">;
+declare function AvatarGroup({
+  className,
+  ...props
+}: AvatarGroupProps): import("react").JSX.Element;
+type AvatarGroupCountProps = ComponentPropsWithRef<"span"> & {
+  /** Matches the frame scale of the sibling avatars. */size: AvatarSize;
+};
+declare function AvatarGroupCount({
+  size,
+  className,
+  ...props
+}: AvatarGroupCountProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/inline-code/inline-code.d.ts
+type InlineCodeProps = ComponentPropsWithRef<"code">;
+declare function InlineCode({
+  className,
+  ...props
+}: InlineCodeProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/status/status.d.ts
+declare const status$1: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {};
+    elegant: {};
+  };
+  size: {
+    xs: {
+      root: string;
+    };
+    sm: {
+      root: string;
+    };
+    md: {
+      root: string;
+    };
+    lg: {
+      root: string;
+    };
+  };
+  pulse: {
+    true: {
+      root: string;
+    };
+    false: {
+      root: string;
+    };
+  };
+}, undefined, undefined, {
+  theme: {
+    brutal: {
+      root: string;
+    };
+    elegant: {};
+  };
+  variant: {
+    default: {
+      root: string;
+    };
+    primary: {
+      root: string;
+    };
+    information: {
+      root: string;
+    };
+    muted: {
+      root: string;
+    };
+    accent: {
+      root: string;
+    };
+    success: {
+      root: string;
+    };
+    warning: {
+      root: string;
+    };
+    danger: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string;
+    };
+    elegant: {};
+  };
+  variant: {
+    default: {
+      root: string;
+    };
+    primary: {
+      root: string;
+    };
+    information: {
+      root: string;
+    };
+    muted: {
+      root: string;
+    };
+    accent: {
+      root: string;
+    };
+    success: {
+      root: string;
+    };
+    warning: {
+      root: string;
+    };
+    danger: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+}, undefined, {
+  theme: {
+    brutal: {
+      root: string;
+    };
+    elegant: {};
+  };
+  variant: {
+    default: {
+      root: string;
+    };
+    primary: {
+      root: string;
+    };
+    information: {
+      root: string;
+    };
+    muted: {
+      root: string;
+    };
+    accent: {
+      root: string;
+    };
+    success: {
+      root: string;
+    };
+    warning: {
+      root: string;
+    };
+    danger: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string;
+    };
+    elegant: {};
+  };
+  variant: {
+    default: {
+      root: string;
+    };
+    primary: {
+      root: string;
+    };
+    information: {
+      root: string;
+    };
+    muted: {
+      root: string;
+    };
+    accent: {
+      root: string;
+    };
+    success: {
+      root: string;
+    };
+    warning: {
+      root: string;
+    };
+    danger: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+}, undefined, unknown, unknown, undefined>>>;
+type StatusProps = Omit<useRender.ComponentProps<"span">, "children"> & Omit<VariantProps<typeof status$1>, "theme">;
+declare function StatusRoot({
+  size,
+  variant,
+  pulse,
+  className,
+  render,
+  ...props
+}: StatusProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare const Status: typeof StatusRoot;
+//#endregion
+//#region src/components/spinner/spinner.d.ts
+declare const spinner: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {};
+    elegant: {};
+  };
+  size: {
+    sm: {};
+    lg: {};
+  };
+}, {
+  root: string[];
+  glyph: string;
+  ring: string;
+}, undefined, {
+  theme: {
+    brutal: {};
+    elegant: {};
+  };
+  size: {
+    sm: {};
+    lg: {};
+  };
+}, {
+  root: string[];
+  glyph: string;
+  ring: string;
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {};
+    elegant: {};
+  };
+  size: {
+    sm: {};
+    lg: {};
+  };
+}, {
+  root: string[];
+  glyph: string;
+  ring: string;
+}, undefined, unknown, unknown, undefined>>;
+type SpinnerProps = WithoutChildren<useRender.ComponentProps<"span">> & Omit<VariantProps<typeof spinner>, "theme">;
+declare function Spinner({
+  size,
+  className,
+  render,
+  ...props
+}: SpinnerProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/banner/banner.d.ts
+declare const banner: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string[];
+      title: string[];
+      description: string[];
+      action: string[];
+    };
+    elegant: {
+      root: string[];
+      title: string[];
+      description: string[];
+      action: string[];
+    };
+  };
+  status: {
+    default: {};
+    destructive: {};
+    warning: {};
+    info: {};
+    success: {};
+  };
+  size: {
+    sm: {};
+    md: {};
+    lg: {};
+  };
+  align: {
+    top: {
+      action: string;
+    };
+    middle: {
+      action: string;
+    };
+  };
+}, {
+  root: string[];
+  title: string[];
+  description: string[];
+  action: string[];
+}, undefined, {
+  theme: {
+    brutal: {
+      root: string[];
+      title: string[];
+      description: string[];
+      action: string[];
+    };
+    elegant: {
+      root: string[];
+      title: string[];
+      description: string[];
+      action: string[];
+    };
+  };
+  status: {
+    default: {};
+    destructive: {};
+    warning: {};
+    info: {};
+    success: {};
+  };
+  size: {
+    sm: {};
+    md: {};
+    lg: {};
+  };
+  align: {
+    top: {
+      action: string;
+    };
+    middle: {
+      action: string;
+    };
+  };
+}, {
+  root: string[];
+  title: string[];
+  description: string[];
+  action: string[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      root: string[];
+      title: string[];
+      description: string[];
+      action: string[];
+    };
+    elegant: {
+      root: string[];
+      title: string[];
+      description: string[];
+      action: string[];
+    };
+  };
+  status: {
+    default: {};
+    destructive: {};
+    warning: {};
+    info: {};
+    success: {};
+  };
+  size: {
+    sm: {};
+    md: {};
+    lg: {};
+  };
+  align: {
+    top: {
+      action: string;
+    };
+    middle: {
+      action: string;
+    };
+  };
+}, {
+  root: string[];
+  title: string[];
+  description: string[];
+  action: string[];
+}, undefined, unknown, unknown, undefined>>;
+type BannerStatus = NonNullable<VariantProps<typeof banner>["status"]>;
+type BannerProps = useRender.ComponentProps<"div"> & Omit<VariantProps<typeof banner>, "theme" | "align"> & {
+  status: BannerStatus;
+};
+declare function Banner({
+  status,
+  size,
+  className,
+  render,
+  ...props
+}: BannerProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type BannerTitleProps = useRender.ComponentProps<"div">;
+declare function BannerTitle({
+  render,
+  className,
+  ...props
+}: BannerTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type BannerDescriptionProps = useRender.ComponentProps<"div">;
+declare function BannerDescription({
+  render,
+  className,
+  ...props
+}: BannerDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type BannerActionProps = Omit<useRender.ComponentProps<"div">, "align"> & Pick<VariantProps<typeof banner>, "align">;
+declare function BannerAction({
+  align,
+  render,
+  className,
+  ...props
+}: BannerActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/empty-state/empty-state.d.ts
+type EmptyStateProps = useRender.ComponentProps<"div">;
+declare function EmptyState({
+  render,
+  className,
+  ...props
+}: EmptyStateProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type EmptyStateContentProps = useRender.ComponentProps<"div">;
+declare function EmptyStateContent({
+  render,
+  className,
+  ...props
+}: EmptyStateContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type EmptyStateIconProps = useRender.ComponentProps<"div">;
+declare function EmptyStateIcon({
+  render,
+  className,
+  ...props
+}: EmptyStateIconProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type EmptyStateTitleProps = useRender.ComponentProps<"div">;
+declare function EmptyStateTitle({
+  render,
+  className,
+  ...props
+}: EmptyStateTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type EmptyStateDescriptionProps = useRender.ComponentProps<"div">;
+declare function EmptyStateDescription({
+  render,
+  className,
+  ...props
+}: EmptyStateDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type EmptyStateActionsProps = useRender.ComponentProps<"div">;
+declare function EmptyStateActions({
+  render,
+  className,
+  ...props
+}: EmptyStateActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/notification-center/notification-center.d.ts
+declare const notificationCenter: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      popup: string[];
+      header: string[];
+      title: string[];
+      count: string[];
+      list: string[];
+      itemRow: string[];
+      itemIcon: string[];
+      itemTitle: string[];
+      actionButton: never[];
+    };
+    elegant: {
+      popup: string[];
+      header: string[];
+      title: string[];
+      count: string[];
+      list: string[];
+      itemRow: string[];
+      itemIcon: string[];
+      itemTitle: string[];
+      itemBody: string[];
+      actionButton: string[];
+    };
+  };
+  viewport: {
+    desktop: {
+      popup: string;
+    };
+    mobile: {
+      popup: string;
+    };
+  };
+  size: {
+    sm: {
+      popup: string;
+    };
+    md: {
+      popup: string;
+    };
+    lg: {
+      popup: string;
+    };
+  };
+  read: {
+    true: {
+      item: string;
+    };
+    false: {
+      item: string;
+    };
+  };
+  status: {
+    error: {};
+    warning: {};
+    info: {};
+    success: {};
+  };
+  actionVariant: {
+    primary: {};
+    secondary: {};
+  };
+}, {
+  popup: string[];
+  header: string[];
+  title: string[];
+  count: string[];
+  scroller: string[];
+  list: string[];
+  item: string[];
+  itemRow: string[];
+  itemIcon: string[];
+  itemContent: string[];
+  itemTitle: string[];
+  itemBody: string[];
+  itemActions: string[];
+  actionButton: never[];
+}, undefined, {
+  theme: {
+    brutal: {
+      popup: string[];
+      header: string[];
+      title: string[];
+      count: string[];
+      list: string[];
+      itemRow: string[];
+      itemIcon: string[];
+      itemTitle: string[];
+      actionButton: never[];
+    };
+    elegant: {
+      popup: string[];
+      header: string[];
+      title: string[];
+      count: string[];
+      list: string[];
+      itemRow: string[];
+      itemIcon: string[];
+      itemTitle: string[];
+      itemBody: string[];
+      actionButton: string[];
+    };
+  };
+  viewport: {
+    desktop: {
+      popup: string;
+    };
+    mobile: {
+      popup: string;
+    };
+  };
+  size: {
+    sm: {
+      popup: string;
+    };
+    md: {
+      popup: string;
+    };
+    lg: {
+      popup: string;
+    };
+  };
+  read: {
+    true: {
+      item: string;
+    };
+    false: {
+      item: string;
+    };
+  };
+  status: {
+    error: {};
+    warning: {};
+    info: {};
+    success: {};
+  };
+  actionVariant: {
+    primary: {};
+    secondary: {};
+  };
+}, {
+  popup: string[];
+  header: string[];
+  title: string[];
+  count: string[];
+  scroller: string[];
+  list: string[];
+  item: string[];
+  itemRow: string[];
+  itemIcon: string[];
+  itemContent: string[];
+  itemTitle: string[];
+  itemBody: string[];
+  itemActions: string[];
+  actionButton: never[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      popup: string[];
+      header: string[];
+      title: string[];
+      count: string[];
+      list: string[];
+      itemRow: string[];
+      itemIcon: string[];
+      itemTitle: string[];
+      actionButton: never[];
+    };
+    elegant: {
+      popup: string[];
+      header: string[];
+      title: string[];
+      count: string[];
+      list: string[];
+      itemRow: string[];
+      itemIcon: string[];
+      itemTitle: string[];
+      itemBody: string[];
+      actionButton: string[];
+    };
+  };
+  viewport: {
+    desktop: {
+      popup: string;
+    };
+    mobile: {
+      popup: string;
+    };
+  };
+  size: {
+    sm: {
+      popup: string;
+    };
+    md: {
+      popup: string;
+    };
+    lg: {
+      popup: string;
+    };
+  };
+  read: {
+    true: {
+      item: string;
+    };
+    false: {
+      item: string;
+    };
+  };
+  status: {
+    error: {};
+    warning: {};
+    info: {};
+    success: {};
+  };
+  actionVariant: {
+    primary: {};
+    secondary: {};
+  };
+}, {
+  popup: string[];
+  header: string[];
+  title: string[];
+  count: string[];
+  scroller: string[];
+  list: string[];
+  item: string[];
+  itemRow: string[];
+  itemIcon: string[];
+  itemContent: string[];
+  itemTitle: string[];
+  itemBody: string[];
+  itemActions: string[];
+  actionButton: never[];
+}, undefined, unknown, unknown, undefined>>;
+type NotificationCenterProps = Popover$1.Root.Props;
+declare function NotificationCenter({
+  modal,
+  ...props
+}: NotificationCenterProps): import("react").JSX.Element;
+type NotificationCenterTriggerProps = Popover$1.Trigger.Props;
+declare function NotificationCenterTrigger(props: NotificationCenterTriggerProps): import("react").JSX.Element;
+type NotificationCenterPortalProps = Popover$1.Portal.Props;
+type NotificationCenterPopupProps = StyledProps<Popover$1.Popup.Props> & Pick<VariantProps<typeof notificationCenter>, "size" | "viewport"> & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> & {
+  portalProps?: NotificationCenterPortalProps;
+};
+declare function NotificationCenterPopup({
+  viewport,
+  size,
+  className,
+  initialFocus,
+  "aria-label": ariaLabel,
+  align,
+  alignOffset,
+  anchor,
+  arrowPadding,
+  collisionAvoidance,
+  collisionBoundary,
+  collisionPadding,
+  disableAnchorTracking,
+  positionMethod,
+  side,
+  sideOffset,
+  sticky,
+  portalProps,
+  ...props
+}: NotificationCenterPopupProps): import("react").JSX.Element;
+type NotificationCenterHeaderProps = useRender.ComponentProps<"div">;
+declare function NotificationCenterHeader({
+  render,
+  className,
+  ...props
+}: NotificationCenterHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type NotificationCenterTitleProps = useRender.ComponentProps<"span">;
+declare function NotificationCenterTitle({
+  render,
+  className,
+  ...props
+}: NotificationCenterTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type NotificationCenterCountProps = useRender.ComponentProps<"span">;
+declare function NotificationCenterCount({
+  render,
+  className,
+  ...props
+}: NotificationCenterCountProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type NotificationCenterScrollerProps = useRender.ComponentProps<"div">;
+declare function NotificationCenterScroller({
+  render,
+  className,
+  ...props
+}: NotificationCenterScrollerProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type NotificationCenterListProps = useRender.ComponentProps<"ul">;
+declare function NotificationCenterList({
+  render,
+  className,
+  "aria-label": ariaLabel,
+  ...props
+}: NotificationCenterListProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type NotificationCenterItemProps = useRender.ComponentProps<"li"> & Pick<VariantProps<typeof notificationCenter>, "read">;
+declare function NotificationCenterItem({
+  read,
+  render,
+  className,
+  ...props
+}: NotificationCenterItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type NotificationCenterItemRowProps = useRender.ComponentProps<"div">;
+declare function NotificationCenterItemRow({
+  render,
+  className,
+  ...props
+}: NotificationCenterItemRowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type NotificationCenterItemIconProps = useRender.ComponentProps<"div"> & Pick<VariantProps<typeof notificationCenter>, "status">;
+declare function NotificationCenterItemIcon({
+  status,
+  render,
+  className,
+  children,
+  "aria-label": ariaLabel,
+  ...props
+}: NotificationCenterItemIconProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type NotificationCenterItemContentProps = useRender.ComponentProps<"div">;
+declare function NotificationCenterItemContent({
+  render,
+  className,
+  ...props
+}: NotificationCenterItemContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type NotificationCenterItemTitleProps = useRender.ComponentProps<"div">;
+declare function NotificationCenterItemTitle({
+  render,
+  className,
+  ...props
+}: NotificationCenterItemTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type NotificationCenterItemBodyProps = useRender.ComponentProps<"div">;
+declare function NotificationCenterItemBody({
+  render,
+  className,
+  ...props
+}: NotificationCenterItemBodyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type NotificationCenterItemActionsProps = useRender.ComponentProps<"div">;
+declare function NotificationCenterItemActions({
+  render,
+  className,
+  ...props
+}: NotificationCenterItemActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type NotificationCenterActionButtonProps = Omit<ButtonProps, "className" | "size" | "variant"> & {
+  className?: string;
+  variant?: VariantProps<typeof notificationCenter>["actionVariant"];
+};
+declare function NotificationCenterActionButton({
+  variant,
+  className,
+  ...props
+}: NotificationCenterActionButtonProps): import("react").JSX.Element;
+type NotificationCenterEmptyStateProps = EmptyStateProps;
+declare function NotificationCenterEmptyState(props: NotificationCenterEmptyStateProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/tabs/tabs.d.ts
+declare const tabs: import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      list: string[];
+      background: string;
+      tab: string[];
+    };
+    elegant: {};
+  };
+  variant: {
+    default: {};
+    underline: {};
+  };
+}, {
+  root: string[];
+  list: string[];
+  background: string[];
+  tab: string[];
+  content: string[];
+  label: string[];
+  panel: string[];
+  indicator: string[];
+}, undefined, {
+  theme: {
+    brutal: {
+      list: string[];
+      background: string;
+      tab: string[];
+    };
+    elegant: {};
+  };
+  variant: {
+    default: {};
+    underline: {};
+  };
+}, {
+  root: string[];
+  list: string[];
+  background: string[];
+  tab: string[];
+  content: string[];
+  label: string[];
+  panel: string[];
+  indicator: string[];
+}, import("tailwind-variants/lite").TVReturnType<{
+  theme: {
+    brutal: {
+      list: string[];
+      background: string;
+      tab: string[];
+    };
+    elegant: {};
+  };
+  variant: {
+    default: {};
+    underline: {};
+  };
+}, {
+  root: string[];
+  list: string[];
+  background: string[];
+  tab: string[];
+  content: string[];
+  label: string[];
+  panel: string[];
+  indicator: string[];
+}, undefined, unknown, unknown, undefined>>;
+type TabsListVariant = "default" | "underline";
+type TabsProps<T extends string = string> = StyledProps<Omit<Tabs$1.Root.Props, "defaultValue" | "onValueChange" | "value">> & Omit<VariantProps<typeof tabs>, "theme"> & {
+  value?: T;
+  defaultValue?: T;
+  onValueChange?: (value: T, eventDetails: Tabs$1.Root.ChangeEventDetails) => void;
+};
+declare function Tabs<T extends string = string>({
+  value,
+  defaultValue,
+  onValueChange,
+  className,
+  ...props
+}: TabsProps<T>): import("react").JSX.Element;
+type TabsListProps = StyledProps<Tabs$1.List.Props> & {
+  variant?: TabsListVariant;
+};
+declare function TabsList({
+  className,
+  children,
+  variant,
+  ...props
+}: TabsListProps): import("react").JSX.Element;
+type SortableTabsListProps<T extends string = string> = TabsListProps & {
+  value: readonly T[];
+  onReorder: (value: T[]) => void;
+};
+declare function SortableTabsList<T extends string = string>({
+  value,
+  onReorder,
+  children,
+  variant,
+  ...props
+}: SortableTabsListProps<T>): import("react").JSX.Element;
+type TabsTabProps<T extends string = string> = StyledProps<Tabs$1.Tab.Props> & {
+  value: T;
+};
+declare function TabsTab<T extends string = string>({
+  value,
+  ...props
+}: TabsTabProps<T>): import("react").JSX.Element;
+type SortableTabsTabProps<T extends string = string> = TabsTabProps<T>;
+declare function SortableTabsTab<T extends string = string>({
+  value,
+  ...props
+}: SortableTabsTabProps<T>): import("react").JSX.Element;
+type TabsLabelProps = ComponentPropsWithRef<"span">;
+declare function TabsLabel({
+  className,
+  ...props
+}: TabsLabelProps): import("react").JSX.Element;
+type TabsPanelProps = StyledProps<Tabs$1.Panel.Props>;
+declare function TabsPanel({
+  className,
+  ...props
+}: TabsPanelProps): import("react").JSX.Element;
+type TabsBackgroundProps = ComponentPropsWithRef<"span">;
+declare function TabsBackground({
+  className,
+  ...props
+}: TabsBackgroundProps): import("react").JSX.Element;
+type TabsIndicatorProps = StyledProps<Tabs$1.Indicator.Props>;
+declare function TabsIndicator({
+  className,
+  ...props
+}: TabsIndicatorProps): import("react").JSX.Element;
+type OrderedTabItem<T extends string = string> = {
+  id: T;
+};
+declare function useOrderedTabs<T extends OrderedTabItem<string>>(items: readonly T[], storedOrder: readonly string[]): T[];
+//#endregion
+//#region src/lib/theme/theme-context.d.ts
+/** Visual style family. Mode (light/dark/system) is a separate axis. */
+type Theme = "brutal" | "elegant";
+type ThemeMode = "light" | "dark" | "system";
+type ResolvedThemeMode = Exclude<ThemeMode, "system">;
+type SetThemeOptions = {
+  mode?: ThemeMode;
+};
+type SetTheme = {
+  (theme: "brutal"): void;
+  (theme: "elegant", options?: SetThemeOptions): void;
+};
+type ThemeState = {
+  theme: Theme;
+  setTheme: SetTheme;
+  mode: ThemeMode;
+  resolvedMode: ResolvedThemeMode;
+};
+//#endregion
+//#region src/lib/theme/theme-provider.d.ts
+interface ThemeProviderProps {
+  /**
+   * Controlled visual style family. Keep using this for isolated previews and
+   * component matrix surfaces that should not own global DOM state.
+   */
+  theme?: Theme;
+  defaultTheme?: Theme;
+  onThemeChange?: (theme: Theme) => void;
+  /** Controlled light/dark behavior for the elegant family. */
+  mode?: ThemeMode;
+  defaultMode?: ThemeMode;
+  onModeChange?: (mode: ThemeMode) => void;
+  /**
+   * Persist uncontrolled family and mode selections. The mode key appends
+   * "-mode" unless `modeStorageKey` is provided.
+   */
+  storageKey?: string;
+  modeStorageKey?: string;
+  /**
+   * Sync the active family/mode onto `document.documentElement`.
+   * Defaults to true for app-level providers. Set to false for nested previews
+   * or component islands that should not mutate the app root.
+   */
+  syncDom?: boolean;
+  children: ReactNode;
+}
+declare function ThemeProvider({
+  theme,
+  defaultTheme,
+  onThemeChange,
+  mode,
+  defaultMode,
+  onModeChange,
+  storageKey,
+  modeStorageKey,
+  syncDom,
+  children
+}: ThemeProviderProps): import("react").JSX.Element;
+//#endregion
+//#region src/lib/theme/use-theme.d.ts
+/** Read the active style family for theme-aware component recipes. */
+declare function useThemeFamily(): Theme;
+/** Read and update the application-level RUI theme selection. */
+declare function useTheme(): ThemeState;
+//#endregion
+export { Avatar, AvatarBadge, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarSize, Badge, type BadgeProps, Banner, BannerAction, type BannerActionProps, BannerDescription, type BannerDescriptionProps, type BannerProps, type BannerStatus, BannerTitle, type BannerTitleProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Combobox, ComboboxChip, type ComboboxChipProps, ComboboxChipRemove, type ComboboxChipRemoveProps, ComboboxChips, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxContent, type ComboboxContentProps, ComboboxControl, type ComboboxControlProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxHeader, type ComboboxHeaderProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, type ComboboxPortalProps, type ComboboxProps, ComboboxRow, type ComboboxRowProps, ComboboxSeparator, type ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerIndicator, type ComboboxTriggerIndicatorProps, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, type ContextMenuCheckboxItemIndicatorProps, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuPortalProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, ContextMenuRadioItemIndicator, type ContextMenuRadioItemIndicatorProps, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSubmenu, type ContextMenuSubmenuProps, ContextMenuSubmenuTrigger, type ContextMenuSubmenuTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, type DropdownMenuCheckboxItemIndicatorProps, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, DropdownMenuItemCount, type DropdownMenuItemCountProps, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, type DropdownMenuRadioItemIndicatorProps, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSubmenu, type DropdownMenuSubmenuProps, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, EmptyState, EmptyStateActions, type EmptyStateActionsProps, EmptyStateContent, type EmptyStateContentProps, EmptyStateDescription, type EmptyStateDescriptionProps, EmptyStateIcon, type EmptyStateIconProps, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, InlineCode, type InlineCodeProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupAddonTextProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, type InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, LabelAsterisk, type LabelAsteriskProps, LabelOptional, type LabelOptionalProps, type LabelProps, LabelSub, type LabelSubProps, NotificationCenter, NotificationCenterActionButton, type NotificationCenterActionButtonProps, NotificationCenterCount, type NotificationCenterCountProps, NotificationCenterEmptyState, type NotificationCenterEmptyStateProps, NotificationCenterHeader, type NotificationCenterHeaderProps, NotificationCenterItem, NotificationCenterItemActions, type NotificationCenterItemActionsProps, NotificationCenterItemBody, type NotificationCenterItemBodyProps, NotificationCenterItemContent, type NotificationCenterItemContentProps, NotificationCenterItemIcon, type NotificationCenterItemIconProps, type NotificationCenterItemProps, NotificationCenterItemRow, type NotificationCenterItemRowProps, NotificationCenterItemTitle, type NotificationCenterItemTitleProps, NotificationCenterList, type NotificationCenterListProps, NotificationCenterPopup, type NotificationCenterPopupProps, type NotificationCenterPortalProps, type NotificationCenterProps, NotificationCenterScroller, type NotificationCenterScrollerProps, NotificationCenterTitle, type NotificationCenterTitleProps, NotificationCenterTrigger, type NotificationCenterTriggerProps, type OrderedTabItem, Popover, PopoverArrow, type PopoverArrowProps, PopoverBackdrop, type PopoverBackdropProps, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, PopoverPopup, type PopoverPopupProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverSeparator, type PopoverSeparatorProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, PopoverViewport, type PopoverViewportProps, RadioGroup, RadioGroupIndicator, type RadioGroupIndicatorProps, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type ResolvedThemeMode, SegmentedControl, SegmentedControlCount, type SegmentedControlCountProps, SegmentedControlItem, type SegmentedControlItemProps, SegmentedControlLabel, type SegmentedControlLabelProps, type SegmentedControlProps, Select, SelectArrow, type SelectArrowProps, SelectContent, type SelectContentProps, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectList, type SelectListProps, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, type SelectProps, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, type SetTheme, type SetThemeOptions, SortableTabsList, type SortableTabsListProps, SortableTabsTab, type SortableTabsTabProps, Spinner, type SpinnerProps, Status, type StatusProps, Tabs, TabsBackground, type TabsBackgroundProps, TabsIndicator, type TabsIndicatorProps, TabsLabel, type TabsLabelProps, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, TabsTab, type TabsTabProps, Textarea, TextareaCounter, type TextareaCounterProps, TextareaGroup, type TextareaGroupProps, type TextareaProps, type Theme, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeState, Tooltip, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipPortalProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, buttonVariants, cn, useOrderedTabs, useTheme, useThemeFamily };