@sckyzo/cosmos-react 0.0.2 → 0.1.0

package/dist/index.d.cts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, ElementType, ComponentType, ReactElement, LiHTMLAttributes, AnchorHTMLAttributes, ButtonHTMLAttributes, ImgHTMLAttributes, ComponentPropsWithoutRef, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, ChangeEvent } from 'react';
 import { LucideIcon } from 'lucide-react';
@@ -9,112 +8,6 @@ export { toast } from 'sonner';
 import { Command } from 'cmdk';
 import { DayPickerProps } from 'react-day-picker';
 
-/**
- * Deterministic placeholder avatar for stories and docs.
- *
- * Returns a `data:image/svg+xml;…` URL — fully local, no network fetch — that
- * renders the seed's initials over a Cosmos-accent background colour picked
- * deterministically from a stable hash of the seed.
- *
- * Use inside `*.stories.tsx` whenever a face is needed but a real user photo
- * is not desirable: avoids reliance on `i.pravatar.cc` / `images.unsplash.com`,
- * works offline, and produces no licensing concerns. Real apps should plug
- * their own avatar service for production data.
- *
- * @example
- * ```tsx
- * import { placeholderAvatar } from '@sckyzo/cosmos-react';
- *
- * <img src={placeholderAvatar('Aiden Park', 64)} alt="" className="size-8 rounded-full" />
- * ```
- */
-type PlaceholderAvatarOptions = {
-    /** Override the auto-picked accent background (any CSS colour). */
-    bg?: string;
-    /** Override the foreground (initials) colour. */
-    fg?: string;
-};
-/**
- * Build a deterministic placeholder avatar data URL.
- *
- * @param seed   The string used both to derive the initials and to pick the
- *               accent background. Same seed → same avatar.
- * @param size   Square pixel size (default `64`).
- * @param opts   Optional colour overrides.
- */
-declare const placeholderAvatar: (seed: string, size?: number, opts?: PlaceholderAvatarOptions) => string;
-type PlaceholderCoverOptions = {
-    /** Override the two gradient stops. */
-    from?: string;
-    to?: string;
-};
-/**
- * Build a deterministic placeholder landscape cover data URL.
- *
- * Renders a brand-coherent SVG with a seed-derived gradient and two soft
- * decorative circles. Suitable for blog hero images, article tiles, and any
- * other "cover" slot where a real photo is not available.
- *
- * @example
- * ```tsx
- * <img src={placeholderCover('Cosmos release notes', 1600, 700)} alt="" />
- * ```
- */
-declare const placeholderCover: (seed: string, width?: number, height?: number, opts?: PlaceholderCoverOptions) => string;
-
-/**
- * Storybook docs parameters preset for components that render via portals
- * (Modal, Drawer, Popover, NotificationsPanel, UserMenu, DatePicker,
- * CommandPalette, …).
- *
- * Background: Storybook's autodocs renders stories *inline* by default. This
- * means a story whose visible content lives in `document.body` (via React
- * portal) or floats with `position: fixed/absolute` doesn't push the autodocs
- * preview block to the right size — the panel either clips or vanishes.
- *
- * The official Storybook v10 fix is to render the story inside an iframe and
- * reserve a fixed iframe height. This helper bundles that pattern so consumers
- * don't repeat the boilerplate at every meta:
- *
- * @example
- * ```ts
- * const meta = {
- *   title: 'Overlays/Command Palette',
- *   component: CommandPalette,
- *   parameters: portalDocsParams.lg(),
- *   tags: ['autodocs'],
- * } satisfies Meta<typeof CommandPalette>;
- * ```
- *
- * Variants are sized to common portal footprints. Pass a custom number when
- * the preset doesn't fit:
- *
- * @example
- * ```ts
- * parameters: portalDocsParams(720)
- * ```
- */
-declare const buildParams: (height: number) => {
-    layout: "fullscreen";
-    docs: {
-        story: {
-            inline: boolean;
-            iframeHeight: string;
-        };
-    };
-};
-type PortalDocsParams = ((height?: number) => ReturnType<typeof buildParams>) & {
-    /** ~320 px — Tooltip, compact Popover. */
-    sm: () => ReturnType<typeof buildParams>;
-    /** ~480 px — Dropdown, small Modal, Date picker. */
-    md: () => ReturnType<typeof buildParams>;
-    /** ~640 px — Drawer, CommandPalette, large Modal. */
-    lg: () => ReturnType<typeof buildParams>;
-    /** ~800 px — Full-screen Modal, page templates. */
-    full: () => ReturnType<typeof buildParams>;
-};
-declare const portalDocsParams: PortalDocsParams;
-
 type DividerAlign = 'left' | 'center' | 'right';
 type DividerProps = HTMLAttributes<HTMLDivElement> & {
     /**
@@ -152,9 +45,9 @@ type DividerRowProps = HTMLAttributes<HTMLDivElement> & {
      */
     emphasis?: boolean;
 };
-declare const Divider: (({ inset, align, emphasis, insetBg, className, ...rest }: DividerProps) => react_jsx_runtime.JSX.Element) & {
-    Icon: ({ icon: IconCmp, iconClassName, align, insetBg, className, ...rest }: DividerIconProps) => react_jsx_runtime.JSX.Element;
-    Row: ({ title, actions, emphasis, className, ...rest }: DividerRowProps) => react_jsx_runtime.JSX.Element;
+declare const Divider: (({ inset, align, emphasis, insetBg, className, ...rest }: DividerProps) => react.JSX.Element) & {
+    Icon: ({ icon: IconCmp, iconClassName, align, insetBg, className, ...rest }: DividerIconProps) => react.JSX.Element;
+    Row: ({ title, actions, emphasis, className, ...rest }: DividerRowProps) => react.JSX.Element;
 };
 
 type MediaObjectAlign = 'start' | 'center' | 'bottom' | 'stretch';
@@ -177,10 +70,10 @@ declare const MediaObject: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDi
     Body: react.ForwardRefExoticComponent<MediaObjectBodyProps & react.RefAttributes<HTMLDivElement>>;
     Title: ({ className, children, ...rest }: HTMLAttributes<HTMLHeadingElement> & {
         children?: ReactNode;
-    }) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
     Description: ({ className, children, ...rest }: HTMLAttributes<HTMLParagraphElement> & {
         children?: ReactNode;
-    }) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
 };
 
 type TopbarProps = {
@@ -215,7 +108,7 @@ type TopbarProps = {
  * Height: 72px. Background: `var(--color-bg-panel)` with a 500ms
  * background-color transition (eases the dark/light toggle).
  */
-declare const Topbar: ({ pageTitle, sidebarCollapsed, onToggleSidebar, leftActions, center, rightActions, className, }: TopbarProps) => react_jsx_runtime.JSX.Element;
+declare const Topbar: ({ pageTitle, sidebarCollapsed, onToggleSidebar, leftActions, center, rightActions, className, }: TopbarProps) => react.JSX.Element;
 
 type SidebarProps = {
     /** Whether the sidebar is in collapsed (icons-only) state. */
@@ -239,7 +132,7 @@ type SidebarProps = {
  * is automatically threaded to every subcomponent via React context, so
  * children don't need to receive it as a prop.
  */
-declare const SidebarRoot: ({ collapsed, width, collapsedWidth, children, footer, className, }: SidebarProps) => react_jsx_runtime.JSX.Element;
+declare const SidebarRoot: ({ collapsed, width, collapsedWidth, children, footer, className, }: SidebarProps) => react.JSX.Element;
 type SidebarBrandProps = {
     /** Logo node — typically a small icon, lucide component, or img. */
     logo?: ReactNode;
@@ -254,7 +147,7 @@ type SidebarBrandProps = {
     /** Override the inherited collapsed state (defaults to `useContext`). */
     collapsed?: boolean;
 };
-declare const SidebarBrand: ({ logo, title, subtitle, href, onClick, collapsed: collapsedProp, }: SidebarBrandProps) => react_jsx_runtime.JSX.Element;
+declare const SidebarBrand: ({ logo, title, subtitle, href, onClick, collapsed: collapsedProp, }: SidebarBrandProps) => react.JSX.Element;
 type SidebarItemProps = {
     /** Icon component (lucide-react or any React component accepting className). */
     icon: ComponentType<{
@@ -275,7 +168,7 @@ type SidebarItemProps = {
     /** Indentation depth (for nested items inside groups). Default: 0. */
     depth?: number;
 };
-declare const SidebarItem: ({ icon: Icon, label, active, href, onClick, badge, collapsed: collapsedProp, depth, }: SidebarItemProps) => react_jsx_runtime.JSX.Element;
+declare const SidebarItem: ({ icon: Icon, label, active, href, onClick, badge, collapsed: collapsedProp, depth, }: SidebarItemProps) => react.JSX.Element;
 type SidebarSubMenuProps = {
     icon: ComponentType<{
         className?: string;
@@ -292,20 +185,20 @@ type SidebarSubMenuProps = {
     /** Nested items — typically `Sidebar.Item` with `depth={1}`. */
     children: ReactNode;
 };
-declare const SidebarSubMenu: ({ icon: Icon, label, defaultOpen, collapsed: collapsedProp, active, badge, children, }: SidebarSubMenuProps) => react_jsx_runtime.JSX.Element;
+declare const SidebarSubMenu: ({ icon: Icon, label, defaultOpen, collapsed: collapsedProp, active, badge, children, }: SidebarSubMenuProps) => react.JSX.Element;
 type SidebarGroupProps = {
     label: string;
     defaultOpen?: boolean;
     collapsed?: boolean;
     children: ReactNode;
 };
-declare const SidebarGroup: ({ label, defaultOpen, collapsed: collapsedProp, children, }: SidebarGroupProps) => react_jsx_runtime.JSX.Element;
+declare const SidebarGroup: ({ label, defaultOpen, collapsed: collapsedProp, children, }: SidebarGroupProps) => react.JSX.Element;
 type SidebarSectionProps = {
     label?: string;
     collapsed?: boolean;
     children: ReactNode;
 };
-declare const SidebarSection: ({ label, collapsed: collapsedProp, children }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
+declare const SidebarSection: ({ label, collapsed: collapsedProp, children }: SidebarSectionProps) => react.JSX.Element;
 type SidebarComponent = typeof SidebarRoot & {
     Brand: typeof SidebarBrand;
     Item: typeof SidebarItem;
@@ -359,7 +252,7 @@ type ShellProps = {
  *       …
  *     </Shell>
  */
-declare const Shell: ({ topbar, sidebar, children, secondary, secondaryWidthClassName, defaultSidebarCollapsed, sidebarCollapsed: controlledCollapsed, onSidebarToggle, className, }: ShellProps) => react_jsx_runtime.JSX.Element;
+declare const Shell: ({ topbar, sidebar, children, secondary, secondaryWidthClassName, defaultSidebarCollapsed, sidebarCollapsed: controlledCollapsed, onSidebarToggle, className, }: ShellProps) => react.JSX.Element;
 
 type PageBreadcrumbItem = {
     label: string;
@@ -378,7 +271,7 @@ type PageBreadcrumbProps = {
  * page (rendered as plain text, not a link). Items in between are clickable
  * (either via `href` or `onClick`).
  */
-declare const PageBreadcrumb: ({ items, className }: PageBreadcrumbProps) => react_jsx_runtime.JSX.Element;
+declare const PageBreadcrumb: ({ items, className }: PageBreadcrumbProps) => react.JSX.Element;
 
 type PageHeaderProps = {
     /** Main page title (h2) */
@@ -406,8 +299,8 @@ type PageHeaderMetaItemProps = {
     }>;
     children: ReactNode;
 };
-declare const PageHeader: (({ title, description, breadcrumb, meta, actions, className }: PageHeaderProps) => react_jsx_runtime.JSX.Element) & {
-    MetaItem: ({ icon: Icon, children }: PageHeaderMetaItemProps) => react_jsx_runtime.JSX.Element;
+declare const PageHeader: (({ title, description, breadcrumb, meta, actions, className }: PageHeaderProps) => react.JSX.Element) & {
+    MetaItem: ({ icon: Icon, children }: PageHeaderMetaItemProps) => react.JSX.Element;
 };
 
 type SectionCardIconTone = 'brand' | 'blue' | 'violet' | 'green' | 'amber' | 'red' | 'gray';
@@ -436,7 +329,7 @@ type SectionCardProps = {
  * The de-facto building block for grouped content in a page. Use multiple
  * SectionCards stacked vertically (with `space-y-6`) or in a grid.
  */
-declare const SectionCard: ({ title, desc, icon: Icon, iconTone, iconColor, iconBg, children, className, }: SectionCardProps) => react_jsx_runtime.JSX.Element;
+declare const SectionCard: ({ title, desc, icon: Icon, iconTone, iconColor, iconBg, children, className, }: SectionCardProps) => react.JSX.Element;
 
 type PageCardProps = {
     children: ReactNode;
@@ -451,7 +344,7 @@ type PageCardProps = {
  *
  * Combine with `<ContentNarrow>` inside for a centered constrained column.
  */
-declare const PageCard: ({ children, className }: PageCardProps) => react_jsx_runtime.JSX.Element;
+declare const PageCard: ({ children, className }: PageCardProps) => react.JSX.Element;
 
 type ContentNarrowProps = {
     children: ReactNode;
@@ -465,7 +358,7 @@ type ContentNarrowProps = {
  * Use inside PageCard or anywhere you want a readable column of content
  * (settings forms, prose, profile pages…). Default width is 680px.
  */
-declare const ContentNarrow: ({ children, maxWidth, className }: ContentNarrowProps) => react_jsx_runtime.JSX.Element;
+declare const ContentNarrow: ({ children, maxWidth, className }: ContentNarrowProps) => react.JSX.Element;
 
 type ColBoxProps = {
     /** Label shown centered (typically a percentage like "50%") */
@@ -481,7 +374,7 @@ type ColBoxProps = {
  * (e.g. "20% / 60% / 20%"). Same visual treatment as SectionCard but
  * with a centered monospace label.
  */
-declare const ColBox: ({ label, height, className }: ColBoxProps) => react_jsx_runtime.JSX.Element;
+declare const ColBox: ({ label, height, className }: ColBoxProps) => react.JSX.Element;
 
 type LoadingStateProps = {
     /** Message shown below the spinner. Default: 'Loading…' */
@@ -494,7 +387,7 @@ type LoadingStateProps = {
  * Use inside a SectionCard or any container while data is being fetched.
  * Fills available height with vertical centering.
  */
-declare const LoadingState: ({ message, className }: LoadingStateProps) => react_jsx_runtime.JSX.Element;
+declare const LoadingState: ({ message, className }: LoadingStateProps) => react.JSX.Element;
 
 type EmptyStateProps = {
     /** Title (typically "No data" or domain-specific) */
@@ -511,7 +404,7 @@ type EmptyStateProps = {
  * Use when an API call returns no results. Always show a description
  * if there's an action the user can take to populate the list.
  */
-declare const EmptyState: ({ title, description, action, className, }: EmptyStateProps) => react_jsx_runtime.JSX.Element;
+declare const EmptyState: ({ title, description, action, className, }: EmptyStateProps) => react.JSX.Element;
 
 type ErrorStateProps = {
     /** Error message. Default: 'Something went wrong.' */
@@ -527,7 +420,7 @@ type ErrorStateProps = {
  * Pair with `<EmptyState>` when the error is "no data found" rather
  * than a real failure.
  */
-declare const ErrorState: ({ message, onRetry, className, }: ErrorStateProps) => react_jsx_runtime.JSX.Element;
+declare const ErrorState: ({ message, onRetry, className, }: ErrorStateProps) => react.JSX.Element;
 
 type SkProps = {
     /** Tailwind height class — default `h-4`. */
@@ -543,24 +436,24 @@ type SkProps = {
  * the Skeleton presets (SkeletonText / SkeletonTable / SkeletonList) or
  * use directly for custom placeholders.
  */
-declare const Sk: ({ h, w, round, className }: SkProps) => react_jsx_runtime.JSX.Element;
+declare const Sk: ({ h, w, round, className }: SkProps) => react.JSX.Element;
 type SkeletonTextProps = {
     lines?: number;
     className?: string;
 };
-declare const SkeletonText: ({ lines, className }: SkeletonTextProps) => react_jsx_runtime.JSX.Element;
+declare const SkeletonText: ({ lines, className }: SkeletonTextProps) => react.JSX.Element;
 type SkeletonTableProps = {
     rows?: number;
     cols?: number;
     className?: string;
 };
-declare const SkeletonTable: ({ rows, cols, className }: SkeletonTableProps) => react_jsx_runtime.JSX.Element;
+declare const SkeletonTable: ({ rows, cols, className }: SkeletonTableProps) => react.JSX.Element;
 type SkeletonListProps = {
     rows?: number;
     showAction?: boolean;
     className?: string;
 };
-declare const SkeletonList: ({ rows, showAction, className }: SkeletonListProps) => react_jsx_runtime.JSX.Element;
+declare const SkeletonList: ({ rows, showAction, className }: SkeletonListProps) => react.JSX.Element;
 
 /** Health status — used by StatusBadge, HealthDot, HealthBadge, and lists. */
 type HealthStatus = 'OK' | 'WARN' | 'CRIT' | 'UNKNOWN' | 'INFO';
@@ -580,7 +473,7 @@ type StatusBadgeProps = {
  *
  * Three sizes: sm (inline in tables), md (default), lg (prominent display).
  */
-declare const StatusBadge: ({ status, size, label, className }: StatusBadgeProps) => react_jsx_runtime.JSX.Element;
+declare const StatusBadge: ({ status, size, label, className }: StatusBadgeProps) => react.JSX.Element;
 
 type HealthDotProps = {
     status: HealthStatus;
@@ -594,7 +487,7 @@ type HealthDotProps = {
  * Use for compact status displays (next to a label, in a row, in a chart legend).
  * Set `pulse` to draw attention (recommended for CRIT).
  */
-declare const HealthDot: ({ status, pulse, className }: HealthDotProps) => react_jsx_runtime.JSX.Element;
+declare const HealthDot: ({ status, pulse, className }: HealthDotProps) => react.JSX.Element;
 
 type HealthBadgeProps = {
     status: HealthStatus;
@@ -608,7 +501,7 @@ type HealthBadgeProps = {
  * Larger and more visible than StatusBadge — use for hero status displays
  * (e.g. "System Health" page, dashboard summary cards).
  */
-declare const HealthBadge: ({ status, label, className }: HealthBadgeProps) => react_jsx_runtime.JSX.Element;
+declare const HealthBadge: ({ status, label, className }: HealthBadgeProps) => react.JSX.Element;
 
 type StackedListProps = Omit<HTMLAttributes<HTMLUListElement>, 'children'> & {
     children: ReactNode;
@@ -766,7 +659,7 @@ type SimpleRowProps = {
  *     </div>
  *   </SectionCard>
  */
-declare const SimpleRow: ({ label, value, mono, className }: SimpleRowProps) => react_jsx_runtime.JSX.Element;
+declare const SimpleRow: ({ label, value, mono, className }: SimpleRowProps) => react.JSX.Element;
 
 type ClickableRowProps = {
     /** Optional leading icon (lucide-react or any icon component) */
@@ -789,7 +682,7 @@ type ClickableRowProps = {
  * Use for navigable lists: racks, servers, exporters, articles…
  * Pair with `<StatusRow>` when you need a status badge on the right.
  */
-declare const ClickableRow: ({ icon: Icon, title, subtitle, onClick, href, className, }: ClickableRowProps) => react_jsx_runtime.JSX.Element;
+declare const ClickableRow: ({ icon: Icon, title, subtitle, onClick, href, className, }: ClickableRowProps) => react.JSX.Element;
 
 type StatusRowProps = {
     icon?: ComponentType<{
@@ -805,7 +698,7 @@ type StatusRowProps = {
 /**
  * StatusRow — same as ClickableRow but ends with a status badge instead of a chevron.
  */
-declare const StatusRow: ({ icon: Icon, title, subtitle, status, onClick, href, className, }: StatusRowProps) => react_jsx_runtime.JSX.Element;
+declare const StatusRow: ({ icon: Icon, title, subtitle, status, onClick, href, className, }: StatusRowProps) => react.JSX.Element;
 
 type ActivityFeedIntent = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
 type ActivityFeedItemProps = LiHTMLAttributes<HTMLLIElement> & {
@@ -903,7 +796,7 @@ type BreadcrumbProps = {
  * page headers with the Home icon. This Breadcrumb is bigger and supports
  * an icon per item.
  */
-declare const Breadcrumb: ({ items, separator, className }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
+declare const Breadcrumb: ({ items, separator, className }: BreadcrumbProps) => react.JSX.Element;
 
 type NavbarTheme = 'light' | 'dark';
 type NavbarProps = HTMLAttributes<HTMLElement> & {
@@ -930,11 +823,11 @@ declare const Navbar: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement
     heightClassName?: string;
     children: ReactNode;
 } & react.RefAttributes<HTMLElement>> & {
-    Brand: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-    Items: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-    Item: ({ active, theme, className, children, ...rest }: NavbarItemProps) => react_jsx_runtime.JSX.Element;
-    Actions: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-    MobileMenuButton: ({ theme, className, children, ...rest }: NavbarMobileMenuButtonProps) => react_jsx_runtime.JSX.Element;
+    Brand: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
+    Items: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
+    Item: ({ active, theme, className, children, ...rest }: NavbarItemProps) => react.JSX.Element;
+    Actions: ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
+    MobileMenuButton: ({ theme, className, children, ...rest }: NavbarMobileMenuButtonProps) => react.JSX.Element;
 };
 
 type PaginationVariant = 'text' | 'compact';
@@ -953,7 +846,7 @@ type PaginationProps = {
     size?: PaginationSize;
     className?: string;
 };
-declare const Pagination: ({ page, totalPages, onPageChange, showInfo, pageSize, total, variant, size, className, }: PaginationProps) => react_jsx_runtime.JSX.Element;
+declare const Pagination: ({ page, totalPages, onPageChange, showInfo, pageSize, total, variant, size, className, }: PaginationProps) => react.JSX.Element;
 
 type StepperOrientation = 'horizontal' | 'vertical';
 type StepperSize = 'sm' | 'md';
@@ -1009,9 +902,9 @@ type StepperProps = {
     className?: string;
     children: ReactNode;
 };
-declare const StepperRoot: ({ current, orientation, size, variant, clickable, onStepClick, className, children, }: StepperProps) => react_jsx_runtime.JSX.Element;
-declare const Stepper: (({ current, orientation, size, variant, clickable, onStepClick, className, children, }: StepperProps) => react_jsx_runtime.JSX.Element) & {
-    Step: ({ children, description, icon: Icon, disabled, __index, __status, __orientation, __size, __variant, __clickable, __onClick, __isLast, }: StepperStepProps) => react_jsx_runtime.JSX.Element;
+declare const StepperRoot: ({ current, orientation, size, variant, clickable, onStepClick, className, children, }: StepperProps) => react.JSX.Element;
+declare const Stepper: (({ current, orientation, size, variant, clickable, onStepClick, className, children, }: StepperProps) => react.JSX.Element) & {
+    Step: ({ children, description, icon: Icon, disabled, __index, __status, __orientation, __size, __variant, __clickable, __onClick, __isLast, }: StepperStepProps) => react.JSX.Element;
 };
 
 type VerticalNavigationItemProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
@@ -1048,7 +941,7 @@ declare const VerticalNavigation: react.ForwardRefExoticComponent<HTMLAttributes
         badge?: ReactNode;
         active?: boolean;
     } & react.RefAttributes<HTMLAnchorElement>>;
-    Section: ({ label, children, className, ...rest }: VerticalNavigationSectionProps) => react_jsx_runtime.JSX.Element;
+    Section: ({ label, children, className, ...rest }: VerticalNavigationSectionProps) => react.JSX.Element;
 };
 
 type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'soft';
@@ -1068,7 +961,7 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     loading?: boolean;
     children?: ReactNode;
 };
-declare const Button: ({ variant, size, shape, icon: Icon, iconPosition, loading, disabled, className, children, type, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ variant, size, shape, icon: Icon, iconPosition, loading, disabled, className, children, type, ...rest }: ButtonProps) => react.JSX.Element;
 
 type CardProps = {
     children: ReactNode;
@@ -1090,20 +983,20 @@ type CardImageProps = ImgHTMLAttributes<HTMLImageElement> & {
     /** Wrapper className (the `<img>` is inside). */
     wrapperClassName?: string;
 };
-declare const Card: (({ children, className, padding, interactive, edgeToEdgeMobile, }: CardProps) => react_jsx_runtime.JSX.Element) & {
+declare const Card: (({ children, className, padding, interactive, edgeToEdgeMobile, }: CardProps) => react.JSX.Element) & {
     Header: ({ children, className }: {
         children: ReactNode;
         className?: string;
-    }) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
     Body: ({ children, className }: {
         children: ReactNode;
         className?: string;
-    }) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
     Footer: ({ children, className }: {
         children: ReactNode;
         className?: string;
-    }) => react_jsx_runtime.JSX.Element;
-    Image: ({ aspectRatio, wrapperClassName, className, alt, ...rest }: CardImageProps) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
+    Image: ({ aspectRatio, wrapperClassName, className, alt, ...rest }: CardImageProps) => react.JSX.Element;
 };
 
 type BadgeVariant = 'neutral' | 'brand' | 'success' | 'warning' | 'danger' | 'info';
@@ -1120,7 +1013,7 @@ type BadgeProps = {
     iconPosition?: 'left' | 'right';
     className?: string;
 };
-declare const Badge: ({ children, variant, size, appearance, icon: Icon, iconPosition, className, }: BadgeProps) => react_jsx_runtime.JSX.Element;
+declare const Badge: ({ children, variant, size, appearance, icon: Icon, iconPosition, className, }: BadgeProps) => react.JSX.Element;
 
 type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
 type AvatarProps = {
@@ -1131,7 +1024,7 @@ type AvatarProps = {
     size?: AvatarSize;
     className?: string;
 };
-declare const Avatar: ({ src, alt, name, size, className }: AvatarProps) => react_jsx_runtime.JSX.Element;
+declare const Avatar: ({ src, alt, name, size, className }: AvatarProps) => react.JSX.Element;
 
 type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
 type TooltipVariant = 'dark' | 'white' | 'brand';
@@ -1143,12 +1036,12 @@ type TooltipProps = {
     /** Tailwind max-width class — default `max-w-xs` (320px) */
     maxWidth?: string;
 };
-declare const Tooltip: ({ content, children, position, variant, maxWidth, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+declare const Tooltip: ({ content, children, position, variant, maxWidth, }: TooltipProps) => react.JSX.Element;
 declare const TooltipHelp: ({ text, position, variant, }: {
     text: string;
     position?: TooltipPosition;
     variant?: TooltipVariant;
-}) => react_jsx_runtime.JSX.Element;
+}) => react.JSX.Element;
 
 type DropdownOption = {
     value: string;
@@ -1171,7 +1064,7 @@ type DropdownProps = {
     disabled?: boolean;
     className?: string;
 };
-declare const Dropdown: ({ label, icon: TriggerIcon, options, value, onChange, placeholder, align, disabled, className, }: DropdownProps) => react_jsx_runtime.JSX.Element;
+declare const Dropdown: ({ label, icon: TriggerIcon, options, value, onChange, placeholder, align, disabled, className, }: DropdownProps) => react.JSX.Element;
 
 type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
 type ModalProps = {
@@ -1179,6 +1072,12 @@ type ModalProps = {
     onClose: () => void;
     size?: ModalSize;
     className?: string;
+    /**
+     * Accessible name for the dialog when it has no `Modal.Header` title to point
+     * at. When a `Modal.Header title=…` is present, the dialog is labelled by it
+     * automatically and this is unnecessary.
+     */
+    ariaLabel?: string;
     children: ReactNode;
 };
 type ModalHeaderProps = {
@@ -1220,17 +1119,17 @@ type ModalAlertProps = {
      */
     fullWidthAction?: boolean;
 };
-declare const Modal: (({ open, onClose, size, className, children }: ModalProps) => react.ReactPortal | null) & {
-    Header: ({ title, description, onClose, className, children }: ModalHeaderProps) => react_jsx_runtime.JSX.Element;
+declare const Modal: (({ open, onClose, size, className, ariaLabel, children }: ModalProps) => react.ReactPortal | null) & {
+    Header: ({ title, description, onClose, className, children }: ModalHeaderProps) => react.JSX.Element;
     Body: ({ children, className }: {
         children: ReactNode;
         className?: string;
-    }) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
     Footer: ({ children, className }: {
         children: ReactNode;
         className?: string;
-    }) => react_jsx_runtime.JSX.Element;
-    Alert: ({ open, onClose, intent, title, message, confirmLabel, cancelLabel, onConfirm, onCancel, loading, layout, fullWidthAction, }: ModalAlertProps) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
+    Alert: ({ open, onClose, intent, title, message, confirmLabel, cancelLabel, onConfirm, onCancel, loading, layout, fullWidthAction, }: ModalAlertProps) => react.JSX.Element;
 };
 
 type DrawerSide = 'left' | 'right';
@@ -1254,6 +1153,12 @@ type DrawerProps = {
      * Has no effect when `withBackdrop` is `false`.
      */
     closeOutside?: boolean;
+    /**
+     * Accessible name for the drawer when it has no `Drawer.Header` title to
+     * point at. With a `Drawer.Header title=…` present the drawer is labelled by
+     * it automatically and this is unnecessary.
+     */
+    ariaLabel?: string;
     className?: string;
     children: ReactNode;
 };
@@ -1265,16 +1170,16 @@ type DrawerHeaderProps = {
     className?: string;
     children?: ReactNode;
 };
-declare const Drawer: (({ open, onClose, side, size, withBackdrop, closeOutside, className, children, }: DrawerProps) => react.ReactPortal) & {
-    Header: ({ title, icon: Icon, description, onClose, className, children, }: DrawerHeaderProps) => react_jsx_runtime.JSX.Element;
+declare const Drawer: (({ open, onClose, side, size, withBackdrop, closeOutside, ariaLabel, className, children, }: DrawerProps) => react.ReactPortal) & {
+    Header: ({ title, icon: Icon, description, onClose, className, children, }: DrawerHeaderProps) => react.JSX.Element;
     Body: ({ children, className }: {
         children: ReactNode;
         className?: string;
-    }) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
     Footer: ({ children, className }: {
         children: ReactNode;
         className?: string;
-    }) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
 };
 
 type TabsOrientation = 'horizontal' | 'vertical';
@@ -1294,17 +1199,17 @@ type TabProps = {
     disabled?: boolean;
     className?: string;
 };
-declare const Tabs: (({ value, onChange, orientation, children, className }: TabsProps) => react_jsx_runtime.JSX.Element) & {
+declare const Tabs: (({ value, onChange, orientation, children, className }: TabsProps) => react.JSX.Element) & {
     List: ({ children, className }: {
         children: ReactNode;
         className?: string;
-    }) => react_jsx_runtime.JSX.Element;
-    Trigger: ({ value, children, icon: Icon, badge, disabled, className }: TabProps) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
+    Trigger: ({ value, children, icon: Icon, badge, disabled, className }: TabProps) => react.JSX.Element;
     Panel: ({ value, children, className, }: {
         value: string;
         children: ReactNode;
         className?: string;
-    }) => react_jsx_runtime.JSX.Element | null;
+    }) => react.JSX.Element | null;
 };
 
 type CodeBlockProps = {
@@ -1314,7 +1219,7 @@ type CodeBlockProps = {
     showCopy?: boolean;
     className?: string;
 };
-declare const CodeBlock: ({ code, language, showCopy, className }: CodeBlockProps) => react_jsx_runtime.JSX.Element;
+declare const CodeBlock: ({ code, language, showCopy, className }: CodeBlockProps) => react.JSX.Element;
 
 type PageActionVariant = 'outline' | 'primary' | 'brand-outline' | 'danger-outline';
 type PageActionButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
@@ -1322,12 +1227,12 @@ type PageActionButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     variant?: PageActionVariant;
     children?: ReactNode;
 };
-declare const PageActionButton: ({ icon: Icon, variant, className, children, type, ...rest }: PageActionButtonProps) => react_jsx_runtime.JSX.Element;
+declare const PageActionButton: ({ icon: Icon, variant, className, children, type, ...rest }: PageActionButtonProps) => react.JSX.Element;
 type PageActionIconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {
     icon: ElementType;
     variant?: PageActionVariant;
 };
-declare const PageActionIconButton: ({ icon: Icon, variant, className, type, ...rest }: PageActionIconButtonProps) => react_jsx_runtime.JSX.Element;
+declare const PageActionIconButton: ({ icon: Icon, variant, className, type, ...rest }: PageActionIconButtonProps) => react.JSX.Element;
 
 type RefreshOption = {
     label: string;
@@ -1350,7 +1255,7 @@ type RefreshButtonProps = {
     options?: RefreshOption[];
     className?: string;
 };
-declare const RefreshButton: ({ refreshing, autoRefreshMs, onRefresh, onIntervalChange, options, className, }: RefreshButtonProps) => react_jsx_runtime.JSX.Element;
+declare const RefreshButton: ({ refreshing, autoRefreshMs, onRefresh, onIntervalChange, options, className, }: RefreshButtonProps) => react.JSX.Element;
 
 type RowActionButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     children?: ReactNode;
@@ -1360,14 +1265,14 @@ type RowActionButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
  * RowActionButton — compact action button for the right edge of table rows
  * or list items. Defaults to a chevron-right indicator suggesting navigation.
  */
-declare const RowActionButton: ({ children, hideChevron, className, type, ...rest }: RowActionButtonProps) => react_jsx_runtime.JSX.Element;
+declare const RowActionButton: ({ children, hideChevron, className, type, ...rest }: RowActionButtonProps) => react.JSX.Element;
 
 type SpinnerSize = 'sm' | 'md' | 'lg' | 'xl';
 type SpinnerProps = {
     size?: SpinnerSize;
     className?: string;
 };
-declare const Spinner: ({ size, className }: SpinnerProps) => react_jsx_runtime.JSX.Element;
+declare const Spinner: ({ size, className }: SpinnerProps) => react.JSX.Element;
 
 type SectionLabelProps = {
     children: ReactNode;
@@ -1377,7 +1282,7 @@ type SectionLabelProps = {
  * SectionLabel — small upper-cased label used as a quiet section divider
  * inside drawers, settings panels, and form groups.
  */
-declare const SectionLabel: ({ children, className }: SectionLabelProps) => react_jsx_runtime.JSX.Element;
+declare const SectionLabel: ({ children, className }: SectionLabelProps) => react.JSX.Element;
 
 type IconBoxSize = 'sm' | 'md' | 'lg';
 type IconBoxProps = {
@@ -1393,7 +1298,7 @@ type IconBoxProps = {
  * IconBox — icon wrapped in a rounded square with configurable color theme.
  * Useful for resource avatars in lists and cards.
  */
-declare const IconBox: ({ icon: Icon, size, bg, color, className, }: IconBoxProps) => react_jsx_runtime.JSX.Element;
+declare const IconBox: ({ icon: Icon, size, bg, color, className, }: IconBoxProps) => react.JSX.Element;
 
 type AlertVariant = 'success' | 'error' | 'warning' | 'info';
 type AlertBannerProps = {
@@ -1401,7 +1306,7 @@ type AlertBannerProps = {
     children: ReactNode;
     className?: string;
 };
-declare const AlertBanner: ({ variant, children, className }: AlertBannerProps) => react_jsx_runtime.JSX.Element;
+declare const AlertBanner: ({ variant, children, className }: AlertBannerProps) => react.JSX.Element;
 
 type SelectInputOption = {
     label: string;
@@ -1421,7 +1326,7 @@ type SelectInputProps = {
  * non-native menu). Use this when you want a pure value-changing native select
  * with the Cosmos look.
  */
-declare const SelectInput: ({ value, onChange, options, placeholder, disabled, className, }: SelectInputProps) => react_jsx_runtime.JSX.Element;
+declare const SelectInput: ({ value, onChange, options, placeholder, disabled, className, }: SelectInputProps) => react.JSX.Element;
 
 type BackdropProps = {
     onClick?: () => void;
@@ -1433,7 +1338,7 @@ type BackdropProps = {
  * Backdrop — primitive overlay layer (fixed inset-0 with semi-opaque black).
  * Reusable building block for Modal, Drawer, Lightbox, command palette, etc.
  */
-declare const Backdrop: ({ onClick, zIndex, blur, className }: BackdropProps) => react_jsx_runtime.JSX.Element;
+declare const Backdrop: ({ onClick, zIndex, blur, className }: BackdropProps) => react.JSX.Element;
 
 type SaveState = 'idle' | 'dirty' | 'saving' | 'saved' | 'error';
 type StatefulSaveButtonProps = {
@@ -1449,7 +1354,7 @@ type StatefulSaveButtonProps = {
  * StatefulSaveButton — save button with 5 visual states cycling
  * idle → dirty → saving → saved → idle (or error on failure).
  */
-declare const StatefulSaveButton: ({ state, onClick, label, savedLabel, className, }: StatefulSaveButtonProps) => react_jsx_runtime.JSX.Element;
+declare const StatefulSaveButton: ({ state, onClick, label, savedLabel, className, }: StatefulSaveButtonProps) => react.JSX.Element;
 
 type UnsavedIndicatorProps = {
     visible: boolean;
@@ -1460,7 +1365,7 @@ type UnsavedIndicatorProps = {
  * UnsavedIndicator — small amber label shown when a form has unsaved changes.
  * Pair with StatefulSaveButton in a header or toolbar.
  */
-declare const UnsavedIndicator: ({ visible, label, className, }: UnsavedIndicatorProps) => react_jsx_runtime.JSX.Element | null;
+declare const UnsavedIndicator: ({ visible, label, className, }: UnsavedIndicatorProps) => react.JSX.Element | null;
 
 type ConfirmationModalProps = {
     open: boolean;
@@ -1557,7 +1462,7 @@ type NotificationsPanelFooterProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     /** When true, the panel auto-closes after the footer is clicked. Default true. */
     closeOnClick?: boolean;
 };
-declare const NotificationsPanel: (({ open: openProp, defaultOpen, onOpenChange, align, children, }: NotificationsPanelProps) => react_jsx_runtime.JSX.Element) & {
+declare const NotificationsPanel: (({ open: openProp, defaultOpen, onOpenChange, align, children, }: NotificationsPanelProps) => react.JSX.Element) & {
     Trigger: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "onClick"> & {
         /** Number to show in the badge. 0 hides the badge. Values > 9999 render as "9999+". */
         count?: number;
@@ -1567,15 +1472,15 @@ declare const NotificationsPanel: (({ open: openProp, defaultOpen, onOpenChange,
         ping?: boolean;
     } & react.RefAttributes<HTMLButtonElement>>;
     Content: ({ width, className, children, }: NotificationsPanelContentProps) => react.ReactPortal | null;
-    Header: ({ title, children, className, }: NotificationsPanelHeaderProps) => react_jsx_runtime.JSX.Element;
-    Counters: ({ crit, warn, info }: NotificationsPanelCountersProps) => react_jsx_runtime.JSX.Element;
+    Header: ({ title, children, className, }: NotificationsPanelHeaderProps) => react.JSX.Element;
+    Counters: ({ crit, warn, info }: NotificationsPanelCountersProps) => react.JSX.Element;
     HeaderAction: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
         icon: ComponentType<{
             className?: string;
         }>;
         active?: boolean;
     } & react.RefAttributes<HTMLButtonElement>>;
-    List: ({ maxHeight, className, children, }: NotificationsPanelListProps) => react_jsx_runtime.JSX.Element;
+    List: ({ maxHeight, className, children, }: NotificationsPanelListProps) => react.JSX.Element;
     Item: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
         severity: NotificationSeverity;
         title: string;
@@ -1587,8 +1492,8 @@ declare const NotificationsPanel: (({ open: openProp, defaultOpen, onOpenChange,
         /** When true, the panel auto-closes after the item is clicked. Default true. */
         closeOnClick?: boolean;
     } & react.RefAttributes<HTMLButtonElement>>;
-    Empty: ({ title, subtitle, icon: Icon, }: NotificationsPanelEmptyProps) => react_jsx_runtime.JSX.Element;
-    Footer: ({ children, closeOnClick, onClick, className, ...rest }: NotificationsPanelFooterProps) => react_jsx_runtime.JSX.Element;
+    Empty: ({ title, subtitle, icon: Icon, }: NotificationsPanelEmptyProps) => react.JSX.Element;
+    Footer: ({ children, closeOnClick, onClick, className, ...rest }: NotificationsPanelFooterProps) => react.JSX.Element;
 };
 
 type NotificationIntent = 'success' | 'info' | 'error';
@@ -1616,9 +1521,9 @@ type NotificationCardCondensedProps = {
     onDismiss?: () => void;
     className?: string;
 };
-declare const NotificationCard: (({ title, description, intent, icon, onDismiss, className, }: NotificationCardSimpleProps) => react_jsx_runtime.JSX.Element) & {
-    Simple: ({ title, description, intent, icon, onDismiss, className, }: NotificationCardSimpleProps) => react_jsx_runtime.JSX.Element;
-    Condensed: ({ title, actionLabel, onAction, onDismiss, className, }: NotificationCardCondensedProps) => react_jsx_runtime.JSX.Element;
+declare const NotificationCard: (({ title, description, intent, icon, onDismiss, className, }: NotificationCardSimpleProps) => react.JSX.Element) & {
+    Simple: ({ title, description, intent, icon, onDismiss, className, }: NotificationCardSimpleProps) => react.JSX.Element;
+    Condensed: ({ title, actionLabel, onAction, onDismiss, className, }: NotificationCardCondensedProps) => react.JSX.Element;
 };
 
 type UserMenuProps = {
@@ -1658,7 +1563,7 @@ type UserMenuItemProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     /** Auto-close the menu after click. Default true. */
     closeOnClick?: boolean;
 };
-declare const UserMenu: (({ open: openProp, defaultOpen, onOpenChange, align, children, }: UserMenuProps) => react_jsx_runtime.JSX.Element) & {
+declare const UserMenu: (({ open: openProp, defaultOpen, onOpenChange, align, children, }: UserMenuProps) => react.JSX.Element) & {
     Trigger: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "onClick"> & {
         /** Display name shown next to the avatar. Also used for initials fallback. */
         name: string;
@@ -1668,10 +1573,10 @@ declare const UserMenu: (({ open: openProp, defaultOpen, onOpenChange, align, ch
         hideName?: boolean;
     } & react.RefAttributes<HTMLButtonElement>>;
     Content: ({ width, className, children }: UserMenuContentProps) => react.ReactPortal | null;
-    Header: ({ name, email, avatarSrc, className }: UserMenuHeaderProps) => react_jsx_runtime.JSX.Element;
+    Header: ({ name, email, avatarSrc, className }: UserMenuHeaderProps) => react.JSX.Element;
     Items: ({ children }: {
         children: ReactNode;
-    }) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
     Item: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
         icon?: ComponentType<{
             className?: string;
@@ -1680,7 +1585,7 @@ declare const UserMenu: (({ open: openProp, defaultOpen, onOpenChange, align, ch
         /** Auto-close the menu after click. Default true. */
         closeOnClick?: boolean;
     } & react.RefAttributes<HTMLButtonElement>>;
-    Separator: () => react_jsx_runtime.JSX.Element;
+    Separator: () => react.JSX.Element;
 };
 
 type ThemeToggleSize = 'sm' | 'md';
@@ -1708,11 +1613,11 @@ declare const ThemeToggle: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttrib
 } & react.RefAttributes<HTMLButtonElement>>;
 
 type ThemeToggleTriSize = 'sm' | 'md';
-type ThemeMode = 'light' | 'dark' | 'oled';
+type ThemeMode = 'light' | 'dark' | 'deep-blue';
 type ThemeToggleTriProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange'> & {
     /** Current theme. */
     theme: ThemeMode;
-    /** Called with the next theme in the cycle (light → dark → oled → light). */
+    /** Called with the next theme in the cycle (light → dark → deep-blue → light). */
     onChange: (next: ThemeMode) => void;
     /** Visual size. `md` (default) = 40px, `sm` = 32px. */
     size?: ThemeToggleTriSize;
@@ -1720,13 +1625,19 @@ type ThemeToggleTriProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClic
     lightLabel?: string;
     /** Label used when the next click will switch to dark mode. */
     darkLabel?: string;
-    /** Label used when the next click will switch to OLED mode. */
-    oledLabel?: string;
+    /** Label used when the next click will switch to deep blue mode. */
+    deepBlueLabel?: string;
 };
+/**
+ * ThemeToggleTri — icon button that cycles light → dark → deep-blue. It is
+ * controlled: a click calls `onChange` with the next mode and changes nothing
+ * else, so apply the theme there (for example with `applyAppearance`). To
+ * offer all four themes, sand included, use `AppearanceSettings`.
+ */
 declare const ThemeToggleTri: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onClick"> & {
     /** Current theme. */
     theme: ThemeMode;
-    /** Called with the next theme in the cycle (light → dark → oled → light). */
+    /** Called with the next theme in the cycle (light → dark → deep-blue → light). */
     onChange: (next: ThemeMode) => void;
     /** Visual size. `md` (default) = 40px, `sm` = 32px. */
     size?: ThemeToggleTriSize;
@@ -1734,8 +1645,8 @@ declare const ThemeToggleTri: react.ForwardRefExoticComponent<Omit<ButtonHTMLAtt
     lightLabel?: string;
     /** Label used when the next click will switch to dark mode. */
     darkLabel?: string;
-    /** Label used when the next click will switch to OLED mode. */
-    oledLabel?: string;
+    /** Label used when the next click will switch to deep blue mode. */
+    deepBlueLabel?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
 
 type ButtonGroupOrientation = 'horizontal' | 'vertical';
@@ -1757,7 +1668,7 @@ type ButtonGroupProps = {
  * Patterns: period selectors (Day/Week/Month), toolbars, paginators,
  * grouped actions (Save/Delete).
  */
-declare const ButtonGroup: ({ orientation, attached, gap, className, children, }: ButtonGroupProps) => react_jsx_runtime.JSX.Element;
+declare const ButtonGroup: ({ orientation, attached, gap, className, children, }: ButtonGroupProps) => react.JSX.Element;
 
 type CarouselOptions = Parameters<typeof useEmblaCarousel>[0];
 type CarouselProps = {
@@ -1770,7 +1681,7 @@ type CarouselProps = {
     className?: string;
     children: ReactNode;
 };
-declare const CarouselRoot: ({ options, autoplay, stopOnInteraction, className, children, }: CarouselProps) => react_jsx_runtime.JSX.Element;
+declare const CarouselRoot: ({ options, autoplay, stopOnInteraction, className, children, }: CarouselProps) => react.JSX.Element;
 type CarouselViewportProps = {
     children: ReactNode;
     className?: string;
@@ -1791,14 +1702,16 @@ type CarouselControlsProps = {
 type CarouselIndicatorsProps = {
     className?: string;
 };
-declare const Carousel: (({ options, autoplay, stopOnInteraction, className, children, }: CarouselProps) => react_jsx_runtime.JSX.Element) & {
-    Viewport: ({ children, className }: CarouselViewportProps) => react_jsx_runtime.JSX.Element;
-    Slide: ({ basis, className, children }: CarouselSlideProps) => react_jsx_runtime.JSX.Element;
-    Controls: ({ position, className, prevLabel, nextLabel, }: CarouselControlsProps) => react_jsx_runtime.JSX.Element;
-    Indicators: ({ className }: CarouselIndicatorsProps) => react_jsx_runtime.JSX.Element;
+declare const Carousel: (({ options, autoplay, stopOnInteraction, className, children, }: CarouselProps) => react.JSX.Element) & {
+    Viewport: ({ children, className }: CarouselViewportProps) => react.JSX.Element;
+    Slide: ({ basis, className, children }: CarouselSlideProps) => react.JSX.Element;
+    Controls: ({ position, className, prevLabel, nextLabel, }: CarouselControlsProps) => react.JSX.Element;
+    Indicators: ({ className }: CarouselIndicatorsProps) => react.JSX.Element;
 };
 
 type PopoverPosition = 'top' | 'bottom' | 'left' | 'right';
+/** Horizontal alignment with the trigger, for `top` / `bottom` positions. */
+type PopoverAlign = 'center' | 'end';
 type PopoverProps = {
     open?: boolean;
     defaultOpen?: boolean;
@@ -1808,6 +1721,15 @@ type PopoverProps = {
 type PopoverTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;
 type PopoverContentProps = {
     position?: PopoverPosition;
+    /**
+     * Horizontal alignment with the trigger for `top` / `bottom`: `center`
+     * (default) or `end`, flush with its right edge — for triggers near the
+     * right of the screen. `end` also caps the width so the panel keeps 16px
+     * from the left of the screen. Ignored for `left` / `right`.
+     */
+    align?: PopoverAlign;
+    /** Accessible name of the dialog. */
+    'aria-label'?: string;
     /** Distance from the trigger edge in px. Default 8. */
     offset?: number;
     /** Show a small arrow pointing to the trigger. Default false. */
@@ -1817,9 +1739,9 @@ type PopoverContentProps = {
     className?: string;
     children: ReactNode;
 };
-declare const Popover: (({ open: openProp, defaultOpen, onOpenChange, children, }: PopoverProps) => react_jsx_runtime.JSX.Element) & {
+declare const Popover: (({ open: openProp, defaultOpen, onOpenChange, children, }: PopoverProps) => react.JSX.Element) & {
     Trigger: react.ForwardRefExoticComponent<PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-    Content: ({ position, offset, arrow, width, className, children, }: PopoverContentProps) => react.ReactPortal | null;
+    Content: ({ position, align, "aria-label": ariaLabel, offset, arrow, width, className, children, }: PopoverContentProps) => react.ReactPortal | null;
 };
 
 type ProgressBarSize = 'xs' | 'sm' | 'md' | 'lg';
@@ -1840,7 +1762,7 @@ type ProgressBarProps = {
     indeterminate?: boolean;
     className?: string;
 };
-declare const ProgressBar: ({ value, max, size, intent, label, labelContent, striped, indeterminate, className, }: ProgressBarProps) => react_jsx_runtime.JSX.Element;
+declare const ProgressBar: ({ value, max, size, intent, label, labelContent, striped, indeterminate, className, }: ProgressBarProps) => react.JSX.Element;
 
 type RibbonPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 type RibbonIntent = 'brand' | 'success' | 'warning' | 'danger' | 'neutral';
@@ -1854,7 +1776,7 @@ type RibbonProps = {
     children: ReactNode;
     className?: string;
 };
-declare const Ribbon: ({ position, intent, shape, children, className, }: RibbonProps) => react_jsx_runtime.JSX.Element;
+declare const Ribbon: ({ position, intent, shape, children, className, }: RibbonProps) => react.JSX.Element;
 
 type LinkVariant = 'colored' | 'underline' | 'opacity' | 'opacity-hover' | 'subtle';
 type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
@@ -1897,8 +1819,8 @@ type ListItemProps = {
     className?: string;
     children: ReactNode;
 };
-declare const List: (({ variant, marker, spacing, orientation, className, children, }: ListProps) => react_jsx_runtime.JSX.Element) & {
-    Item: ({ icon, iconColor, className, children }: ListItemProps) => react_jsx_runtime.JSX.Element;
+declare const List: (({ variant, marker, spacing, orientation, className, children, }: ListProps) => react.JSX.Element) & {
+    Item: ({ icon, iconColor, className, children }: ListItemProps) => react.JSX.Element;
 };
 
 type AccordionProps = ComponentPropsWithoutRef<typeof RadixAccordion.Root> & {
@@ -1939,7 +1861,7 @@ type ImageGridProps = {
     className?: string;
     children: ReactNode;
 };
-declare const ImageGrid: ({ columns, gap, aspectRatio, rounded, className, children, }: ImageGridProps) => react_jsx_runtime.JSX.Element;
+declare const ImageGrid: ({ columns, gap, aspectRatio, rounded, className, children, }: ImageGridProps) => react.JSX.Element;
 
 type VideoEmbedAspect = '16:9' | '4:3' | '1:1' | '21:9' | (string & {});
 type VideoEmbedProps = {
@@ -1961,7 +1883,7 @@ type VideoEmbedProps = {
     poster?: string;
     className?: string;
 };
-declare const VideoEmbed: ({ src, title, aspectRatio, rounded, type, allow, muted, autoPlay, loop, controls, poster, className, }: VideoEmbedProps) => react_jsx_runtime.JSX.Element;
+declare const VideoEmbed: ({ src, title, aspectRatio, rounded, type, allow, muted, autoPlay, loop, controls, poster, className, }: VideoEmbedProps) => react.JSX.Element;
 
 /**
  * Cosmos toast — thin wrapper around sonner.
@@ -1973,7 +1895,7 @@ declare const VideoEmbed: ({ src, title, aspectRatio, rounded, type, allow, mute
  * Override per-instance by passing props.
  */
 type CosmosToasterProps = ToasterProps;
-declare const Toaster: (props: CosmosToasterProps) => react_jsx_runtime.JSX.Element;
+declare const Toaster: (props: CosmosToasterProps) => react.JSX.Element;
 
 type AnnouncementBarIntent = 'info' | 'success' | 'warning' | 'danger' | 'brand';
 type AnnouncementBarProps = {
@@ -1991,7 +1913,7 @@ type AnnouncementBarProps = {
     sticky?: boolean;
     className?: string;
 };
-declare const AnnouncementBar: ({ intent, icon, message, action, dismissible, onDismiss, sticky, className, }: AnnouncementBarProps) => react_jsx_runtime.JSX.Element | null;
+declare const AnnouncementBar: ({ intent, icon, message, action, dismissible, onDismiss, sticky, className, }: AnnouncementBarProps) => react.JSX.Element | null;
 
 type CookieBannerPosition = 'bottom' | 'top' | 'floating';
 type CookieBannerProps = {
@@ -2014,7 +1936,7 @@ type CookieBannerProps = {
     showIcon?: boolean;
     className?: string;
 };
-declare const CookieBanner: ({ open: openProp, defaultOpen, onOpenChange, position, title, message, onSettings, settingsLabel, onDeny, denyLabel, onAccept, acceptLabel, showIcon, className, }: CookieBannerProps) => react_jsx_runtime.JSX.Element | null;
+declare const CookieBanner: ({ open: openProp, defaultOpen, onOpenChange, position, title, message, onSettings, settingsLabel, onDeny, denyLabel, onAccept, acceptLabel, showIcon, className, }: CookieBannerProps) => react.JSX.Element | null;
 
 type CommandPaletteProps = ComponentPropsWithoutRef<typeof Command.Dialog> & {
     /**
@@ -2038,7 +1960,7 @@ type CommandPaletteFooterProps = {
     className?: string;
     children: ReactNode;
 };
-declare const CommandPalette: (({ hotkey, open, onOpenChange, className, overlayClassName, contentClassName, children, label, ...rest }: CommandPaletteProps) => react_jsx_runtime.JSX.Element) & {
+declare const CommandPalette: (({ hotkey, open, onOpenChange, className, overlayClassName, contentClassName, children, label, ...rest }: CommandPaletteProps) => react.JSX.Element) & {
     Input: react.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof react.InputHTMLAttributes<HTMLInputElement>> & {
         ref?: React.Ref<HTMLInputElement>;
     } & {
@@ -2109,7 +2031,7 @@ declare const CommandPalette: (({ hotkey, open, onOpenChange, className, overlay
         progress?: number;
         label?: string;
     } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    Footer: ({ className, children }: CommandPaletteFooterProps) => react_jsx_runtime.JSX.Element;
+    Footer: ({ className, children }: CommandPaletteFooterProps) => react.JSX.Element;
 };
 
 type ClipboardVariant = 'icon' | 'button';
@@ -2176,7 +2098,7 @@ type BackToTopFabProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'
     offset?: number;
     ariaLabel?: string;
 };
-declare const BackToTopFab: ({ threshold, position, smoothScroll, icon: Icon, intent, onActivate, offset, ariaLabel, className, style, ...rest }: BackToTopFabProps) => react_jsx_runtime.JSX.Element;
+declare const BackToTopFab: ({ threshold, position, smoothScroll, icon: Icon, intent, onActivate, offset, ariaLabel, className, style, ...rest }: BackToTopFabProps) => react.JSX.Element;
 
 type HelpOverlayProps = {
     /** Controlled open state. Omit to use the internal hotkey-driven state. */
@@ -2212,9 +2134,9 @@ type HelpOverlayShortcutProps = {
     description: ReactNode;
     className?: string;
 };
-declare const HelpOverlay: (({ open: controlledOpen, onOpenChange, hotkey, title, description, footer, className, children, }: HelpOverlayProps) => react_jsx_runtime.JSX.Element | null) & {
-    Section: ({ title, className, children }: HelpOverlaySectionProps) => react_jsx_runtime.JSX.Element;
-    Shortcut: ({ keys, description, className }: HelpOverlayShortcutProps) => react_jsx_runtime.JSX.Element;
+declare const HelpOverlay: (({ open: controlledOpen, onOpenChange, hotkey, title, description, footer, className, children, }: HelpOverlayProps) => react.JSX.Element | null) & {
+    Section: ({ title, className, children }: HelpOverlaySectionProps) => react.JSX.Element;
+    Shortcut: ({ keys, description, className }: HelpOverlayShortcutProps) => react.JSX.Element;
 };
 
 type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {
@@ -2254,7 +2176,7 @@ type SearchInputProps = {
     placeholder?: string;
     className?: string;
 };
-declare const SearchInput: ({ value, onChange, placeholder, className, }: SearchInputProps) => react_jsx_runtime.JSX.Element;
+declare const SearchInput: ({ value, onChange, placeholder, className, }: SearchInputProps) => react.JSX.Element;
 
 type SelectOption = {
     value: string;
@@ -2281,7 +2203,7 @@ type ToggleProps = {
     label?: string;
     description?: string;
 };
-declare const Toggle: ({ checked, onChange, disabled, label, description, }: ToggleProps) => react_jsx_runtime.JSX.Element;
+declare const Toggle: ({ checked, onChange, disabled, label, description, }: ToggleProps) => react.JSX.Element;
 
 type FilterOption<T extends string = string> = {
     label: string;
@@ -2299,7 +2221,7 @@ type FilterPillsProps<T extends string = string> = {
     fullWidth?: boolean;
     className?: string;
 };
-declare const FilterPills: <T extends string = string>({ options, value, onChange, icon: Icon, fullWidth, className, }: FilterPillsProps<T>) => react_jsx_runtime.JSX.Element;
+declare const FilterPills: <T extends string = string>({ options, value, onChange, icon: Icon, fullWidth, className, }: FilterPillsProps<T>) => react.JSX.Element;
 
 type SegmentOption<T extends string> = {
     label: string;
@@ -2312,7 +2234,7 @@ type SegmentedControlProps<T extends string> = {
     onChange: (v: T) => void;
     className?: string;
 };
-declare const SegmentedControl: <T extends string>({ options, value, onChange, className, }: SegmentedControlProps<T>) => react_jsx_runtime.JSX.Element;
+declare const SegmentedControl: <T extends string>({ options, value, onChange, className, }: SegmentedControlProps<T>) => react.JSX.Element;
 
 type StepperInputProps = {
     value: number;
@@ -2335,7 +2257,7 @@ type StepperInputProps = {
  * StepperInput — number field with stacked ↑ / ↓ arrows embedded inside the
  * right edge. Compact alternative to NumberInput for settings panels.
  */
-declare const StepperInput: ({ value, onChange, min, max, step, unit, width, fullWidth, disabled, className, }: StepperInputProps) => react_jsx_runtime.JSX.Element;
+declare const StepperInput: ({ value, onChange, min, max, step, unit, width, fullWidth, disabled, className, }: StepperInputProps) => react.JSX.Element;
 
 type NumberInputProps = {
     value: number;
@@ -2360,7 +2282,7 @@ type NumberInputProps = {
  * Replaces native `<input type="number">` spinners for cross-browser
  * consistency.
  */
-declare const NumberInput: ({ value, onChange, min, max, step, unit, width, fullWidth, disabled, className, }: NumberInputProps) => react_jsx_runtime.JSX.Element;
+declare const NumberInput: ({ value, onChange, min, max, step, unit, width, fullWidth, disabled, className, }: NumberInputProps) => react.JSX.Element;
 
 type ZoomBarProps = {
     zoom: number;
@@ -2380,7 +2302,7 @@ type ZoomBarProps = {
  * ZoomBar — inline zoom control group: [−] [xx%] [+] [fit] [reset].
  * Use for canvas, map, and visualization views.
  */
-declare const ZoomBar: ({ zoom, onZoomOut, onZoomIn, onFit, onReset, fullWidth, className, }: ZoomBarProps) => react_jsx_runtime.JSX.Element;
+declare const ZoomBar: ({ zoom, onZoomOut, onZoomIn, onFit, onReset, fullWidth, className, }: ZoomBarProps) => react.JSX.Element;
 
 type FormRowProps = {
     label: string;
@@ -2395,7 +2317,7 @@ type FormRowProps = {
  * on the left, control on the right. Pair multiple FormRows inside a
  * `divide-y` container to build settings panels.
  */
-declare const FormRow: ({ label, description, tooltip, children, className }: FormRowProps) => react_jsx_runtime.JSX.Element;
+declare const FormRow: ({ label, description, tooltip, children, className }: FormRowProps) => react.JSX.Element;
 
 type AvatarUploaderSize = 'md' | 'lg';
 type AvatarUploaderProps = {
@@ -2425,7 +2347,7 @@ type AvatarUploaderProps = {
     removeLabel?: string;
     className?: string;
 };
-declare const AvatarUploader: ({ src, name, size, onUpload, onRemove, loading: loadingProp, error: errorProp, helperText, maxSizeMB, accept, disabled, uploadLabel, removeLabel, className, }: AvatarUploaderProps) => react_jsx_runtime.JSX.Element;
+declare const AvatarUploader: ({ src, name, size, onUpload, onRemove, loading: loadingProp, error: errorProp, helperText, maxSizeMB, accept, disabled, uploadLabel, removeLabel, className, }: AvatarUploaderProps) => react.JSX.Element;
 
 type PasswordInputProps = Omit<InputProps, 'type' | 'icon' | 'rightSlot' | 'labelTrailing'> & {
     /** Tooltip text shown next to the label (uses TooltipHelp). */
@@ -2452,7 +2374,7 @@ type PasswordPolicyCheckerProps = {
     title?: string | null;
     className?: string;
 };
-declare const PasswordPolicyChecker: ({ rules, title, className, }: PasswordPolicyCheckerProps) => react_jsx_runtime.JSX.Element;
+declare const PasswordPolicyChecker: ({ rules, title, className, }: PasswordPolicyCheckerProps) => react.JSX.Element;
 /**
  * Sensible default password policy. Override per-app if stricter/looser
  * rules are needed (i18n, custom min length, blocklists, …).
@@ -2522,7 +2444,7 @@ type CheckboxGroupProps = {
     size?: CheckboxSize;
     className?: string;
 };
-declare const CheckboxGroup: ({ legend, description, value, defaultValue, onChange, options, orientation, error, name, size, className, }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
+declare const CheckboxGroup: ({ legend, description, value, defaultValue, onChange, options, orientation, error, name, size, className, }: CheckboxGroupProps) => react.JSX.Element;
 
 type RadioSize = 'sm' | 'md';
 type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onChange' | 'children'> & {
@@ -2559,7 +2481,7 @@ type RadioGroupProps = {
     size?: RadioSize;
     className?: string;
 };
-declare const RadioGroup: ({ legend, description, value, defaultValue, onChange, options, orientation, error, name, size, className, }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
+declare const RadioGroup: ({ legend, description, value, defaultValue, onChange, options, orientation, error, name, size, className, }: RadioGroupProps) => react.JSX.Element;
 
 type FileInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'value'> & {
     label?: string;
@@ -2609,7 +2531,7 @@ type DropzoneProps = {
     hideFileList?: boolean;
     className?: string;
 };
-declare const Dropzone: ({ label, description, error: errorProp, multiple, accept, disabled, onChange, value, maxFiles, maxSize, children, hideFileList, className, }: DropzoneProps) => react_jsx_runtime.JSX.Element;
+declare const Dropzone: ({ label, description, error: errorProp, multiple, accept, disabled, onChange, value, maxFiles, maxSize, children, hideFileList, className, }: DropzoneProps) => react.JSX.Element;
 
 type FormFooterAlign = 'right' | 'between';
 type FormFooterProps = {
@@ -2636,7 +2558,7 @@ type FormFooterProps = {
     children?: ReactNode;
     className?: string;
 };
-declare const FormFooter: ({ onCancel, cancelLabel, submitLabel, submitting, submitDisabled, submitVariant, formId, align, bordered, extra, children, className, }: FormFooterProps) => react_jsx_runtime.JSX.Element;
+declare const FormFooter: ({ onCancel, cancelLabel, submitLabel, submitting, submitDisabled, submitVariant, formId, align, bordered, extra, children, className, }: FormFooterProps) => react.JSX.Element;
 
 type CalendarProps = DayPickerProps & {
     className?: string;
@@ -2647,7 +2569,7 @@ type CalendarProps = DayPickerProps & {
  * Tailwind class names on top of the defaults so the calendar matches the
  * rest of the design system.
  */
-declare const Calendar: ({ classNames, components, className, ...rest }: CalendarProps) => react_jsx_runtime.JSX.Element;
+declare const Calendar: ({ classNames, components, className, ...rest }: CalendarProps) => react.JSX.Element;
 
 type DateRange = {
     from: Date | undefined;
@@ -2697,7 +2619,7 @@ type CommonProps = {
     className?: string;
 };
 type DatePickerProps = (SingleProps | RangeProps) & CommonProps;
-declare const DatePicker: (props: DatePickerProps) => react_jsx_runtime.JSX.Element;
+declare const DatePicker: (props: DatePickerProps) => react.JSX.Element;
 
 type TimePickerProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'> & {
     label?: string;
@@ -2762,7 +2684,7 @@ type OtpInputProps = {
     className?: string;
     ariaLabel?: string;
 };
-declare const OtpInput: ({ length, value, onChange, onComplete, disabled, error, alphanumeric, mask, autoFocus, name, className, ariaLabel, }: OtpInputProps) => react_jsx_runtime.JSX.Element;
+declare const OtpInput: ({ length, value, onChange, onComplete, disabled, error, alphanumeric, mask, autoFocus, name, className, ariaLabel, }: OtpInputProps) => react.JSX.Element;
 
 type ActionPanelLayout = 'stacked' | 'inline';
 type ActionPanelProps = HTMLAttributes<HTMLDivElement> & {
@@ -2827,7 +2749,7 @@ type ComboboxProps = {
     error?: string;
     className?: string;
 };
-declare const Combobox: ({ label, value, onChange, options, placeholder, emptyMessage, disabled, helperText, error, className, }: ComboboxProps) => react_jsx_runtime.JSX.Element;
+declare const Combobox: ({ label, value, onChange, options, placeholder, emptyMessage, disabled, helperText, error, className, }: ComboboxProps) => react.JSX.Element;
 
 type DescriptionListItemProps = HTMLAttributes<HTMLDivElement> & {
     /** Label (`<dt>`). */
@@ -2888,7 +2810,7 @@ type KpiCardProps = {
  * KpiCard — single key metric card : label + large value + optional sub-text.
  * Use in dashboards as the top-row at-a-glance panel.
  */
-declare const KpiCard: ({ label, value, sub, className }: KpiCardProps) => react_jsx_runtime.JSX.Element;
+declare const KpiCard: ({ label, value, sub, className }: KpiCardProps) => react.JSX.Element;
 
 type TimelineItem = {
     id: string;
@@ -2929,7 +2851,7 @@ type TimelineProps = {
     variant?: TimelineVariant;
     className?: string;
 };
-declare const Timeline: ({ items, variant, className }: TimelineProps) => react_jsx_runtime.JSX.Element;
+declare const Timeline: ({ items, variant, className }: TimelineProps) => react.JSX.Element;
 
 type MiniCalendarProps = {
     today?: Date;
@@ -2943,7 +2865,7 @@ type MiniCalendarProps = {
  * MiniCalendar — compact ISO-week month picker with optional event dots.
  * Click the month title to jump back to today's month.
  */
-declare const MiniCalendar: ({ today, selected, onSelect, eventDays, className, }: MiniCalendarProps) => react_jsx_runtime.JSX.Element;
+declare const MiniCalendar: ({ today, selected, onSelect, eventDays, className, }: MiniCalendarProps) => react.JSX.Element;
 
 type SortDirection = 'asc' | 'desc';
 type ColumnDef<T> = {
@@ -2999,7 +2921,7 @@ type DataTableProps<T> = {
  * empty states, optional row selection with bulk actions, and an optional
  * global search bar.
  */
-declare const DataTable: <T>({ rows, columns, rowKey, renderRowAction, pageSize, loading, error, onRetry, emptyTitle, emptyDescription, selectable, selection: selectionProp, defaultSelection, onSelectionChange, bulkActions, searchValue: searchValueProp, defaultSearchValue, onSearchChange, searchPlaceholder, className, }: DataTableProps<T>) => react_jsx_runtime.JSX.Element;
+declare const DataTable: <T>({ rows, columns, rowKey, renderRowAction, pageSize, loading, error, onRetry, emptyTitle, emptyDescription, selectable, selection: selectionProp, defaultSelection, onSelectionChange, bulkActions, searchValue: searchValueProp, defaultSearchValue, onSearchChange, searchPlaceholder, className, }: DataTableProps<T>) => react.JSX.Element;
 
 type ColumnHeaderProps = {
     label: ReactNode;
@@ -3016,7 +2938,7 @@ type ColumnHeaderProps = {
     onFilterClear?: () => void;
     className?: string;
 };
-declare const ColumnHeader: ({ label, align, sortable, filterable, sortDir, onSortToggle, filterValues, filterSelected, onFilterToggle, onFilterClear, className, }: ColumnHeaderProps) => react_jsx_runtime.JSX.Element;
+declare const ColumnHeader: ({ label, align, sortable, filterable, sortDir, onSortToggle, filterValues, filterSelected, onFilterToggle, onFilterClear, className, }: ColumnHeaderProps) => react.JSX.Element;
 
 type ColumnFilterDropdownProps = {
     values: string[];
@@ -3030,7 +2952,7 @@ type ColumnFilterDropdownProps = {
  * ColumnFilterDropdown — popover with multi-select checkboxes for filtering
  * a column. Optional search input filters the visible options.
  */
-declare const ColumnFilterDropdown: ({ values, selected, searchable, onToggle, onClear, className, }: ColumnFilterDropdownProps) => react_jsx_runtime.JSX.Element;
+declare const ColumnFilterDropdown: ({ values, selected, searchable, onToggle, onClear, className, }: ColumnFilterDropdownProps) => react.JSX.Element;
 
 type ActiveFilter = {
     key: string;
@@ -3048,7 +2970,39 @@ type ActiveFiltersBarProps = {
  * ActiveFiltersBar — chips row showing current column filters with per-chip
  * dismiss + a "Clear all" action. Renders nothing when there are no filters.
  */
-declare const ActiveFiltersBar: ({ filters, onClearOne, onClearAll, className, }: ActiveFiltersBarProps) => react_jsx_runtime.JSX.Element | null;
+declare const ActiveFiltersBar: ({ filters, onClearOne, onClearAll, className, }: ActiveFiltersBarProps) => react.JSX.Element | null;
+
+type AuthLayoutProps = {
+    /** Brand icon component (lucide). Renders inside a brand-colored square above the title. */
+    logo?: ComponentType<{
+        className?: string;
+    }>;
+    /** Brand name shown below the logo. */
+    title?: string;
+    /** Tagline shown below the title. */
+    subtitle?: string;
+    /**
+     * Override the entire brand block (logo + title + subtitle).
+     * Pass `null` to render no brand block.
+     */
+    brand?: ReactNode;
+    /** Form content rendered inside the card, below the brand block. */
+    children: ReactNode;
+    className?: string;
+};
+/**
+ * AuthLayout — single-card centered layout for authentication pages.
+ *
+ * The card sits on a muted page background (gray-50 light / gray-950 dark)
+ * with a small shadow and a soft border. The brand block (logo + title +
+ * subtitle) is rendered *inside* the card, above the form children.
+ *
+ *   - No props or only `children`        → form-only card.
+ *   - `logo` / `title` / `subtitle`      → built-in centered brand block.
+ *   - `brand={...}`                      → fully custom brand block.
+ *   - `brand={null}`                     → no brand block (form only).
+ */
+declare const AuthLayout: ({ logo: Logo, title, subtitle, brand, children, className, }: AuthLayoutProps) => react.JSX.Element;
 
 type ErrorPageProps = {
     /** Big numeric code displayed prominently — e.g. `404`, `500`, `503`. */
@@ -3079,7 +3033,120 @@ type ErrorPageProps = {
  *     }
  *   />
  */
-declare const ErrorPage: ({ code, title, description, illustration, actions, className, }: ErrorPageProps) => react_jsx_runtime.JSX.Element;
+declare const ErrorPage: ({ code, title, description, illustration, actions, className, }: ErrorPageProps) => react.JSX.Element;
+
+type IntegrationStatus = 'connected' | 'available' | 'error' | 'pending';
+type IntegrationCardProps = {
+    /** SVG element or `<img>` for the provider logo. Rendered inside a 48 px square. */
+    logo: ReactNode;
+    name: string;
+    description?: string;
+    status?: IntegrationStatus;
+    /** Optional small label rendered above the name (e.g. "Communication"). */
+    category?: string;
+    /** Primary action button label. */
+    actionLabel?: string;
+    actionVariant?: ButtonVariant;
+    onAction?: () => void;
+    /** Secondary action button label. */
+    secondaryLabel?: string;
+    onSecondary?: () => void;
+    loading?: boolean;
+    className?: string;
+};
+declare const IntegrationCard: ({ logo, name, description, status, category, actionLabel, actionVariant, onAction, secondaryLabel, onSecondary, loading, className, }: IntegrationCardProps) => react.JSX.Element;
+
+type ResetPasswordFormProps = {
+    onSubmit: (email: string) => void | Promise<void>;
+    signInHref?: string;
+    signInLabel?: string;
+    /** Switch to the post-submit confirmation view. Default `false`. */
+    sent?: boolean;
+    /** Email displayed in the `sent` view. Falls back to the form's last value. */
+    sentEmail?: string;
+    loading?: boolean;
+    error?: string;
+    title?: string;
+    description?: string;
+    submitLabel?: string;
+    /** Resend handler in the `sent` view. Hidden if not provided. */
+    onResend?: () => void;
+    resendLabel?: string;
+    className?: string;
+};
+declare const ResetPasswordForm: ({ onSubmit, signInHref, signInLabel, sent, sentEmail, loading, error, title, description, submitLabel, onResend, resendLabel, className, }: ResetPasswordFormProps) => react.JSX.Element;
+
+type SignInFormValues = {
+    email: string;
+    password: string;
+    remember: boolean;
+};
+type SignInFormProps = {
+    onSubmit: (values: SignInFormValues) => void | Promise<void>;
+    onForgotPassword?: () => void;
+    /** Sign-up CTA target (router link href). Hidden if not provided. */
+    signUpHref?: string;
+    signUpLabel?: string;
+    title?: string;
+    description?: string;
+    emailLabel?: string;
+    passwordLabel?: string;
+    rememberLabel?: string;
+    submitLabel?: string;
+    forgotLabel?: string;
+    loading?: boolean;
+    error?: string;
+    /** Slot rendered above the form (e.g. social provider buttons). */
+    extraTop?: ReactNode;
+    className?: string;
+};
+declare const SignInForm: ({ onSubmit, onForgotPassword, signUpHref, signUpLabel, title, description, emailLabel, passwordLabel, rememberLabel, submitLabel, forgotLabel, loading, error, extraTop, className, }: SignInFormProps) => react.JSX.Element;
+
+type SignUpFormValues = {
+    firstName: string;
+    lastName: string;
+    email: string;
+    password: string;
+    agreedToTerms: boolean;
+};
+type SignUpFormProps = {
+    onSubmit: (values: SignUpFormValues) => void | Promise<void>;
+    signInHref?: string;
+    signInLabel?: string;
+    termsHref?: string;
+    privacyHref?: string;
+    /** Show PasswordPolicyChecker live below the password field. Default `true`. */
+    showPolicy?: boolean;
+    loading?: boolean;
+    error?: string;
+    title?: string;
+    description?: string;
+    submitLabel?: string;
+    /** Slot rendered above the form (e.g. social provider buttons). */
+    extraTop?: ReactNode;
+    className?: string;
+};
+declare const SignUpForm: ({ onSubmit, signInHref, signInLabel, termsHref, privacyHref, showPolicy, loading, error, title, description, submitLabel, extraTop, className, }: SignUpFormProps) => react.JSX.Element;
+
+type SocialProvider = 'google' | 'github' | 'x' | 'facebook' | 'apple' | 'microsoft';
+type SocialAuthButtonsLayout = 'stacked' | 'grid';
+type SocialAuthButtonsProps = {
+    providers: SocialProvider[];
+    onProviderClick: (provider: SocialProvider) => void;
+    /** Provider currently loading (shows spinner + disables all buttons). */
+    loading?: SocialProvider | null;
+    /** Render a "OR continue with" divider below the buttons. Default `true`. */
+    divider?: boolean;
+    dividerLabel?: string;
+    /** `stacked` (1 per row) or `grid` (2 cols). Default `stacked`. */
+    layout?: SocialAuthButtonsLayout;
+    /** Customize button label. Default `Continue with {Provider}`. */
+    labelFor?: (provider: SocialProvider) => string;
+    /** Render at the top (above divider) or below (between form & nothing). */
+    position?: 'above' | 'below';
+    className?: string;
+};
+declare const SocialAuthButtons: ({ providers, onProviderClick, loading, divider, dividerLabel, layout, labelFor, position, className, }: SocialAuthButtonsProps) => react.JSX.Element | null;
 
 type StickyScrollNavSection = {
     id: string;
@@ -3097,7 +3164,26 @@ type StickyScrollNavProps = {
  * StickyScrollNav — sticky horizontal nav row that scrolls to in-page
  * sections by id. Useful for long template gallery pages and docs.
  */
-declare const StickyScrollNav: ({ sections, onNavigate, topOffset, className, }: StickyScrollNavProps) => react_jsx_runtime.JSX.Element;
+declare const StickyScrollNav: ({ sections, onNavigate, topOffset, className, }: StickyScrollNavProps) => react.JSX.Element;
+
+type TwoStepVerificationFormProps = {
+    onSubmit: (code: string) => void | Promise<void>;
+    onResend?: () => void;
+    /** Email/phone where the code was sent — shown in the description. */
+    sentTo?: string;
+    length?: number;
+    loading?: boolean;
+    error?: string;
+    /** Trigger onSubmit automatically when the user fills the last cell. Default `true`. */
+    autoSubmit?: boolean;
+    cancelHref?: string;
+    cancelLabel?: string;
+    title?: string;
+    submitLabel?: string;
+    resendLabel?: string;
+    className?: string;
+};
+declare const TwoStepVerificationForm: ({ onSubmit, onResend, sentTo, length, loading, error, autoSubmit, cancelHref, cancelLabel, title, submitLabel, resendLabel, className, }: TwoStepVerificationFormProps) => react.JSX.Element;
 
 type ColorSwatchProps = {
     /** Color hex (e.g. `#465fff`). */
@@ -3113,7 +3199,7 @@ type ColorSwatchProps = {
  * ColorSwatch — single colour pick button. A filled rectangle with the
  * colour, an optional checkmark when active, and a small caption below.
  */
-declare const ColorSwatch: ({ hex, label, active, onClick, className, }: ColorSwatchProps) => react_jsx_runtime.JSX.Element;
+declare const ColorSwatch: ({ hex, label, active, onClick, className, }: ColorSwatchProps) => react.JSX.Element;
 
 type AccentColor = {
     /** Stable identifier (used as React key + value). */
@@ -3139,7 +3225,7 @@ type AccentPickerProps = {
  * AccentPicker — grid of `<ColorSwatch>` buttons. Use to let the user
  * pick the primary brand colour. Inspired by rackscope's appearance settings.
  */
-declare const AccentPicker: ({ colors, value, onChange, cols, smCols, className, }: AccentPickerProps) => react_jsx_runtime.JSX.Element;
+declare const AccentPicker: ({ colors, value, onChange, cols, smCols, className, }: AccentPickerProps) => react.JSX.Element;
 
 type PalettePreview = {
     /** Page background. */
@@ -3148,6 +3234,11 @@ type PalettePreview = {
     surface: string;
     /** Borders and faint dividers. */
     border: string;
+    /**
+     * Label color on `surface`. Set it when the palettes in one picker mix light
+     * and dark surfaces: the default gray only reads on light ones.
+     */
+    text?: string;
 };
 type PaletteMeta = {
     /** Stable identifier. */
@@ -3170,7 +3261,7 @@ type PaletteCardProps = {
  * of a palette plus its label. Use inside `<PalettePicker>` to let the
  * user pick a light/dark theme palette.
  */
-declare const PaletteCard: ({ meta, active, onClick, className }: PaletteCardProps) => react_jsx_runtime.JSX.Element;
+declare const PaletteCard: ({ meta, active, onClick, className }: PaletteCardProps) => react.JSX.Element;
 
 type PalettePickerProps = {
     palettes: PaletteMeta[];
@@ -3184,7 +3275,7 @@ type PalettePickerProps = {
  * PalettePicker — responsive grid of `<PaletteCard>` previews. Use one for
  * the light theme set and another for the dark theme set.
  */
-declare const PalettePicker: ({ palettes, value, onChange, cols, className, }: PalettePickerProps) => react_jsx_runtime.JSX.Element;
+declare const PalettePicker: ({ palettes, value, onChange, cols, className, }: PalettePickerProps) => react.JSX.Element;
 
 type OptionCardProps = {
     /** Stable identifier (used as React key + value). */
@@ -3204,7 +3295,7 @@ type OptionCardProps = {
  * optional description. Use to build pickers for icon styles, view modes,
  * layout variants, etc.
  */
-declare const OptionCard: ({ label, desc, preview, active, onClick, className, }: OptionCardProps) => react_jsx_runtime.JSX.Element;
+declare const OptionCard: ({ label, desc, preview, active, onClick, className, }: OptionCardProps) => react.JSX.Element;
 
 type OptionItem = Pick<OptionCardProps, 'id' | 'label' | 'desc' | 'preview'>;
 type OptionPickerProps = {
@@ -3219,7 +3310,82 @@ type OptionPickerProps = {
  * OptionPicker — responsive grid of `<OptionCard>` previews. Use for
  * generic single-select pickers (icon styles, view modes, density, etc.).
  */
-declare const OptionPicker: ({ options, value, onChange, cols, className, }: OptionPickerProps) => react_jsx_runtime.JSX.Element;
+declare const OptionPicker: ({ options, value, onChange, cols, className, }: OptionPickerProps) => react.JSX.Element;
+
+/** A Cosmos theme: one class on `<html>`, none for `light`. */
+type CosmosTheme = 'light' | 'sand' | 'dark' | 'deep-blue';
+/** A Cosmos accent: the `data-accent` attribute on `<html>`, none for `blue`. */
+type CosmosAccent = 'blue' | 'indigo' | 'violet' | 'purple' | 'rose' | 'teal' | 'cyan' | 'graphite' | 'red' | 'orange' | 'amber' | 'green';
+type CosmosThemeMeta = PaletteMeta & {
+    id: CosmosTheme;
+    dark: boolean;
+};
+type CosmosAccentMeta = AccentColor & {
+    id: CosmosAccent;
+};
+type CosmosAppearance = {
+    theme: CosmosTheme;
+    accent: CosmosAccent;
+};
+/** The four themes shipped by `@sckyzo/cosmos-theme`, ready for `<PalettePicker>`. */
+declare const COSMOS_THEMES: CosmosThemeMeta[];
+/**
+ * The twelve accents, ready for `<AccentPicker>`. `hex` is the accent's
+ * `brand-500`. Red, orange, amber and green look like the status colors, so
+ * they come last.
+ */
+declare const COSMOS_ACCENTS: CosmosAccentMeta[];
+/** `true` for the themes that enable Tailwind's `dark:` variant. */
+declare const isDarkTheme: (theme: CosmosTheme) => boolean;
+/**
+ * Apply a theme and an accent to `root` (default `<html>`): swaps the theme
+ * class and sets `data-accent`, removing it for `blue`. No-op during SSR.
+ */
+declare const applyAppearance: ({ theme, accent }: CosmosAppearance, root?: HTMLElement) => void;
+
+type AppearanceSettingsProps = {
+    /** Selected theme. */
+    theme: CosmosTheme;
+    /** Selected accent. */
+    accent: CosmosAccent;
+    onThemeChange: (theme: CosmosTheme) => void;
+    onAccentChange: (accent: CosmosAccent) => void;
+    /** Heading of the theme group. Default `'Theme'`. */
+    themeLabel?: string;
+    /** Heading of the accent group. Default `'Accent color'`. */
+    accentLabel?: string;
+    /** Themes to offer. Default: all of `COSMOS_THEMES`. */
+    themes?: CosmosThemeMeta[];
+    /** Accents to offer. Default: all of `COSMOS_ACCENTS`. */
+    accents?: CosmosAccentMeta[];
+    /** Columns of the theme grid. Default 4; use 2 in narrow containers. */
+    themeColumns?: number;
+    className?: string;
+};
+/**
+ * AppearanceSettings — theme and accent pickers for the Cosmos themes, built
+ * on `<PalettePicker>` and `<AccentPicker>`. Controlled: pass the result to
+ * `applyAppearance` (or your own theme switcher) to update the page.
+ */
+declare const AppearanceSettings: ({ theme, accent, onThemeChange, onAccentChange, themeLabel, accentLabel, themes, accents, themeColumns, className, }: AppearanceSettingsProps) => react.JSX.Element;
+
+type AppearanceMenuSize = 'sm' | 'md';
+type AppearanceMenuProps = Omit<AppearanceSettingsProps, 'className'> & {
+    /** Trigger label (title + aria-label), also the panel's name. Default `'Appearance'`. */
+    label?: string;
+    /** Trigger size, as `ThemeToggle`. `md` (default) = 40px, `sm` = 32px. */
+    size?: AppearanceMenuSize;
+    /** Class for the trigger button. */
+    className?: string;
+};
+/**
+ * AppearanceMenu — icon button for a top bar that opens `<AppearanceSettings>`
+ * in a panel flush with its right edge. Controlled like AppearanceSettings:
+ * apply the choice in the callbacks (for example with `applyAppearance`). The
+ * panel stays open while the user tries combinations; Escape, a click
+ * outside or the button close it.
+ */
+declare const AppearanceMenu: ({ label, size, className, ...settings }: AppearanceMenuProps) => react.JSX.Element;
 
 type BlockquoteVariant = 'plain' | 'solid' | 'icon' | 'testimonial';
 type BlockquoteSize = 'sm' | 'md' | 'lg';
@@ -3244,7 +3410,7 @@ type BlockquoteProps = {
     authorAvatar?: string;
     className?: string;
 };
-declare const Blockquote: ({ children, variant, size, align, author, role, authorAvatar, className, }: BlockquoteProps) => react_jsx_runtime.JSX.Element;
+declare const Blockquote: ({ children, variant, size, align, author, role, authorAvatar, className, }: BlockquoteProps) => react.JSX.Element;
 
 type KbdSize = 'sm' | 'md';
 type KbdProps = {
@@ -3262,7 +3428,7 @@ type KbdProps = {
  * The component intentionally stays passive — no state, no overlay — so it can
  * sit inside tooltips, help screens, paragraphs and badges without coupling.
  */
-declare const Kbd: ({ children, size, className }: KbdProps) => react_jsx_runtime.JSX.Element;
+declare const Kbd: ({ children, size, className }: KbdProps) => react.JSX.Element;
 
 type FigureAlign = 'left' | 'center' | 'right';
 type FigureSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
@@ -3287,6 +3453,6 @@ type FigureProps = Omit<ImgHTMLAttributes<HTMLImageElement>, 'children'> & {
  * common visual knobs (alignment, size, rounding, shadow) without re-doing
  * the Tailwind tetris each time.
  */
-declare const Figure: ({ src, alt, caption, align, size, radius, shadow, className, wrapperClassName, ...rest }: FigureProps) => react_jsx_runtime.JSX.Element;
+declare const Figure: ({ src, alt, caption, align, size, radius, shadow, className, wrapperClassName, ...rest }: FigureProps) => react.JSX.Element;
 
-export { type AccentColor, AccentPicker, type AccentPickerProps, Accordion, type AccordionContentProps, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, ActionPanel, type ActionPanelLayout, type ActionPanelProps, type ActiveFilter, ActiveFiltersBar, type ActiveFiltersBarProps, ActivityFeed, type ActivityFeedIntent, type ActivityFeedItemProps, type ActivityFeedProps, AlertBanner, type AlertBannerProps, type AlertVariant, AnnouncementBar, type AnnouncementBarIntent, type AnnouncementBarProps, Avatar, type AvatarProps, type AvatarSize, AvatarUploader, type AvatarUploaderProps, type AvatarUploaderSize, BackToTopFab, type BackToTopFabIntent, type BackToTopFabPosition, type BackToTopFabProps, Backdrop, type BackdropProps, Badge, type BadgeAppearance, type BadgeProps, type BadgeSize, type BadgeVariant, Blockquote, type BlockquoteAlign, type BlockquoteProps, type BlockquoteSize, type BlockquoteVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, Card, type CardImageProps, type CardProps, Carousel, type CarouselControlsProps, type CarouselIndicatorsProps, type CarouselOptions, type CarouselProps, CarouselRoot, type CarouselSlideProps, type CarouselViewportProps, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ClickableRow, type ClickableRowProps, Clipboard, type ClipboardProps, type ClipboardSize, type ClipboardVariant, CodeBlock, type CodeBlockProps, ColBox, type ColBoxProps, ColorSwatch, type ColorSwatchProps, type ColumnDef, ColumnFilterDropdown, type ColumnFilterDropdownProps, ColumnHeader, type ColumnHeaderProps, Combobox, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteFooterProps, type CommandPaletteGroupProps, type CommandPaletteInputProps, type CommandPaletteItemProps, type CommandPaletteListProps, type CommandPaletteProps, ConfirmationModal, type ConfirmationModalProps, ContentNarrow, type ContentNarrowProps, ContentStackedList, type ContentStackedListItemProps, type ContentStackedListProps, CookieBanner, type CookieBannerPosition, type CookieBannerProps, type CosmosToasterProps, DataTable, type DataTableProps, DatePicker, type DatePickerMode, type DatePickerProps, type DateRange, DescriptionList, type DescriptionListItemProps, type DescriptionListProps, Divider, type DividerAlign, type DividerIconProps, type DividerProps, type DividerRowProps, Drawer, type DrawerHeaderProps, type DrawerProps, type DrawerSide, type DrawerSize, Dropdown, type DropdownDivider, type DropdownItem, type DropdownOption, type DropdownProps, Dropzone, type DropzoneProps, EmptyState, type EmptyStateProps, ErrorPage, type ErrorPageProps, ErrorState, type ErrorStateProps, Figure, type FigureAlign, type FigureProps, type FigureRadius, type FigureSize, FileInput, type FileInputProps, type FilterOption, FilterPills, type FilterPillsProps, FormFooter, type FormFooterAlign, type FormFooterProps, FormRow, type FormRowProps, GridList, type GridListCardProps, type GridListCols, type GridListFooterActionProps, type GridListFooterProps, type GridListProps, HealthBadge, type HealthBadgeProps, HealthDot, type HealthDotProps, type HealthStatus, HelpOverlay, type HelpOverlayProps, type HelpOverlaySectionProps, type HelpOverlayShortcutProps, IconBox, type IconBoxProps, type IconBoxSize, ImageGrid, type ImageGridColumns, type ImageGridGap, type ImageGridProps, Input, type InputProps, Kbd, type KbdProps, type KbdSize, KpiCard, type KpiCardProps, Link, type LinkProps, type LinkVariant, List, type ListItemProps, type ListMarker, type ListOrientation, type ListProps, type ListSpacing, type ListVariant, LoadingState, type LoadingStateProps, MediaObject, type MediaObjectAlign, type MediaObjectBodyProps, type MediaObjectImageProps, type MediaObjectPosition, type MediaObjectProps, MiniCalendar, type MiniCalendarProps, Modal, type ModalAlertIntent, type ModalAlertLayout, type ModalAlertProps, type ModalHeaderProps, type ModalProps, type ModalSize, NarrowStackedList, type NarrowStackedListHeaderProps, type NarrowStackedListItemProps, type NarrowStackedListProps, Navbar, type NavbarItemProps, type NavbarMobileMenuButtonProps, type NavbarProps, type NavbarTheme, NotificationCard, type NotificationCardCondensedProps, type NotificationCardSimpleProps, type NotificationIntent, type NotificationSeverity, NotificationsPanel, type NotificationsPanelContentProps, type NotificationsPanelCountersProps, type NotificationsPanelEmptyProps, type NotificationsPanelFooterProps, type NotificationsPanelHeaderActionProps, type NotificationsPanelHeaderProps, type NotificationsPanelItemProps, type NotificationsPanelListProps, type NotificationsPanelProps, type NotificationsPanelTriggerProps, NumberInput, type NumberInputProps, OptionCard, type OptionCardProps, type OptionItem, OptionPicker, type OptionPickerProps, OtpInput, type OtpInputProps, PageActionButton, type PageActionButtonProps, PageActionIconButton, type PageActionIconButtonProps, type PageActionVariant, PageBreadcrumb, type PageBreadcrumbItem, type PageBreadcrumbProps, PageCard, type PageCardProps, PageHeader, type PageHeaderMetaItemProps, type PageHeaderProps, Pagination, type PaginationProps, type PaginationSize, type PaginationVariant, PaletteCard, type PaletteCardProps, type PaletteMeta, PalettePicker, type PalettePickerProps, type PalettePreview, PasswordInput, type PasswordInputProps, PasswordPolicyChecker, type PasswordPolicyCheckerProps, type PasswordRule, type PlaceholderAvatarOptions, type PlaceholderCoverOptions, Popover, type PopoverContentProps, type PopoverPosition, type PopoverProps, type PopoverTriggerProps, ProgressBar, type ProgressBarIntent, type ProgressBarLabel, type ProgressBarProps, type ProgressBarSize, REFRESH_OPTIONS, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RadioSize, RefreshButton, type RefreshButtonProps, type RefreshOption, Ribbon, type RibbonIntent, type RibbonPosition, type RibbonProps, type RibbonShape, RowActionButton, type RowActionButtonProps, STATUS_COLOR, STATUS_PILL, type SaveState, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, SectionLabel, type SectionLabelProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectInput, type SelectInputOption, type SelectInputProps, type SelectOption, type SelectProps, Shell, type ShellProps, Sidebar, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSectionProps, SimpleRow, type SimpleRowProps, Sk, type SkProps, SkeletonList, type SkeletonListProps, SkeletonTable, type SkeletonTableProps, SkeletonText, type SkeletonTextProps, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, StackedList, StackedListInCard, type StackedListInCardProps, type StackedListItemProps, type StackedListProps, StatefulSaveButton, type StatefulSaveButtonProps, StatusBadge, type StatusBadgeProps, StatusRow, type StatusRowProps, type StepStatus, Stepper, StepperInput, type StepperInputProps, type StepperOrientation, type StepperProps, StepperRoot, type StepperSize, type StepperStepProps, type StepperVariant, StickyScrollNav, type StickyScrollNavProps, type StickyScrollNavSection, type TabProps, Tabs, type TabsOrientation, type TabsProps, Textarea, type TextareaProps, type TextareaResize, type ThemeMode, ThemeToggle, type ThemeToggleProps, type ThemeToggleSize, ThemeToggleTri, type ThemeToggleTriProps, type ThemeToggleTriSize, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineProps, type TimelineTone, type TimelineVariant, Toaster, Toggle, type ToggleProps, Tooltip, TooltipHelp, type TooltipPosition, type TooltipProps, type TooltipVariant, Topbar, type TopbarProps, UnsavedIndicator, type UnsavedIndicatorProps, UserMenu, type UserMenuContentProps, type UserMenuHeaderProps, type UserMenuItemProps, type UserMenuItemVariant, type UserMenuProps, type UserMenuTriggerProps, VerticalNavigation, type VerticalNavigationItemProps, type VerticalNavigationProps, type VerticalNavigationSectionProps, VideoEmbed, type VideoEmbedAspect, type VideoEmbedProps, ZoomBar, type ZoomBarProps, defaultPasswordRules, placeholderAvatar, placeholderCover, portalDocsParams, useAutoRefresh };
+export { type AccentColor, AccentPicker, type AccentPickerProps, Accordion, type AccordionContentProps, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, ActionPanel, type ActionPanelLayout, type ActionPanelProps, type ActiveFilter, ActiveFiltersBar, type ActiveFiltersBarProps, ActivityFeed, type ActivityFeedIntent, type ActivityFeedItemProps, type ActivityFeedProps, AlertBanner, type AlertBannerProps, type AlertVariant, AnnouncementBar, type AnnouncementBarIntent, type AnnouncementBarProps, AppearanceMenu, type AppearanceMenuProps, type AppearanceMenuSize, AppearanceSettings, type AppearanceSettingsProps, AuthLayout, type AuthLayoutProps, Avatar, type AvatarProps, type AvatarSize, AvatarUploader, type AvatarUploaderProps, type AvatarUploaderSize, BackToTopFab, type BackToTopFabIntent, type BackToTopFabPosition, type BackToTopFabProps, Backdrop, type BackdropProps, Badge, type BadgeAppearance, type BadgeProps, type BadgeSize, type BadgeVariant, Blockquote, type BlockquoteAlign, type BlockquoteProps, type BlockquoteSize, type BlockquoteVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, COSMOS_ACCENTS, COSMOS_THEMES, Calendar, type CalendarProps, Card, type CardImageProps, type CardProps, Carousel, type CarouselControlsProps, type CarouselIndicatorsProps, type CarouselOptions, type CarouselProps, CarouselRoot, type CarouselSlideProps, type CarouselViewportProps, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ClickableRow, type ClickableRowProps, Clipboard, type ClipboardProps, type ClipboardSize, type ClipboardVariant, CodeBlock, type CodeBlockProps, ColBox, type ColBoxProps, ColorSwatch, type ColorSwatchProps, type ColumnDef, ColumnFilterDropdown, type ColumnFilterDropdownProps, ColumnHeader, type ColumnHeaderProps, Combobox, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteFooterProps, type CommandPaletteGroupProps, type CommandPaletteInputProps, type CommandPaletteItemProps, type CommandPaletteListProps, type CommandPaletteProps, ConfirmationModal, type ConfirmationModalProps, ContentNarrow, type ContentNarrowProps, ContentStackedList, type ContentStackedListItemProps, type ContentStackedListProps, CookieBanner, type CookieBannerPosition, type CookieBannerProps, type CosmosAccent, type CosmosAccentMeta, type CosmosAppearance, type CosmosTheme, type CosmosThemeMeta, type CosmosToasterProps, DataTable, type DataTableProps, DatePicker, type DatePickerMode, type DatePickerProps, type DateRange, DescriptionList, type DescriptionListItemProps, type DescriptionListProps, Divider, type DividerAlign, type DividerIconProps, type DividerProps, type DividerRowProps, Drawer, type DrawerHeaderProps, type DrawerProps, type DrawerSide, type DrawerSize, Dropdown, type DropdownDivider, type DropdownItem, type DropdownOption, type DropdownProps, Dropzone, type DropzoneProps, EmptyState, type EmptyStateProps, ErrorPage, type ErrorPageProps, ErrorState, type ErrorStateProps, Figure, type FigureAlign, type FigureProps, type FigureRadius, type FigureSize, FileInput, type FileInputProps, type FilterOption, FilterPills, type FilterPillsProps, FormFooter, type FormFooterAlign, type FormFooterProps, FormRow, type FormRowProps, GridList, type GridListCardProps, type GridListCols, type GridListFooterActionProps, type GridListFooterProps, type GridListProps, HealthBadge, type HealthBadgeProps, HealthDot, type HealthDotProps, type HealthStatus, HelpOverlay, type HelpOverlayProps, type HelpOverlaySectionProps, type HelpOverlayShortcutProps, IconBox, type IconBoxProps, type IconBoxSize, ImageGrid, type ImageGridColumns, type ImageGridGap, type ImageGridProps, Input, type InputProps, IntegrationCard, type IntegrationCardProps, type IntegrationStatus, Kbd, type KbdProps, type KbdSize, KpiCard, type KpiCardProps, Link, type LinkProps, type LinkVariant, List, type ListItemProps, type ListMarker, type ListOrientation, type ListProps, type ListSpacing, type ListVariant, LoadingState, type LoadingStateProps, MediaObject, type MediaObjectAlign, type MediaObjectBodyProps, type MediaObjectImageProps, type MediaObjectPosition, type MediaObjectProps, MiniCalendar, type MiniCalendarProps, Modal, type ModalAlertIntent, type ModalAlertLayout, type ModalAlertProps, type ModalHeaderProps, type ModalProps, type ModalSize, NarrowStackedList, type NarrowStackedListHeaderProps, type NarrowStackedListItemProps, type NarrowStackedListProps, Navbar, type NavbarItemProps, type NavbarMobileMenuButtonProps, type NavbarProps, type NavbarTheme, NotificationCard, type NotificationCardCondensedProps, type NotificationCardSimpleProps, type NotificationIntent, type NotificationSeverity, NotificationsPanel, type NotificationsPanelContentProps, type NotificationsPanelCountersProps, type NotificationsPanelEmptyProps, type NotificationsPanelFooterProps, type NotificationsPanelHeaderActionProps, type NotificationsPanelHeaderProps, type NotificationsPanelItemProps, type NotificationsPanelListProps, type NotificationsPanelProps, type NotificationsPanelTriggerProps, NumberInput, type NumberInputProps, OptionCard, type OptionCardProps, type OptionItem, OptionPicker, type OptionPickerProps, OtpInput, type OtpInputProps, PageActionButton, type PageActionButtonProps, PageActionIconButton, type PageActionIconButtonProps, type PageActionVariant, PageBreadcrumb, type PageBreadcrumbItem, type PageBreadcrumbProps, PageCard, type PageCardProps, PageHeader, type PageHeaderMetaItemProps, type PageHeaderProps, Pagination, type PaginationProps, type PaginationSize, type PaginationVariant, PaletteCard, type PaletteCardProps, type PaletteMeta, PalettePicker, type PalettePickerProps, type PalettePreview, PasswordInput, type PasswordInputProps, PasswordPolicyChecker, type PasswordPolicyCheckerProps, type PasswordRule, Popover, type PopoverAlign, type PopoverContentProps, type PopoverPosition, type PopoverProps, type PopoverTriggerProps, ProgressBar, type ProgressBarIntent, type ProgressBarLabel, type ProgressBarProps, type ProgressBarSize, REFRESH_OPTIONS, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RadioSize, RefreshButton, type RefreshButtonProps, type RefreshOption, ResetPasswordForm, type ResetPasswordFormProps, Ribbon, type RibbonIntent, type RibbonPosition, type RibbonProps, type RibbonShape, RowActionButton, type RowActionButtonProps, STATUS_COLOR, STATUS_PILL, type SaveState, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, SectionLabel, type SectionLabelProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectInput, type SelectInputOption, type SelectInputProps, type SelectOption, type SelectProps, Shell, type ShellProps, Sidebar, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSectionProps, SignInForm, type SignInFormProps, type SignInFormValues, SignUpForm, type SignUpFormProps, type SignUpFormValues, SimpleRow, type SimpleRowProps, Sk, type SkProps, SkeletonList, type SkeletonListProps, SkeletonTable, type SkeletonTableProps, SkeletonText, type SkeletonTextProps, SocialAuthButtons, type SocialAuthButtonsLayout, type SocialAuthButtonsProps, type SocialProvider, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, StackedList, StackedListInCard, type StackedListInCardProps, type StackedListItemProps, type StackedListProps, StatefulSaveButton, type StatefulSaveButtonProps, StatusBadge, type StatusBadgeProps, StatusRow, type StatusRowProps, type StepStatus, Stepper, StepperInput, type StepperInputProps, type StepperOrientation, type StepperProps, StepperRoot, type StepperSize, type StepperStepProps, type StepperVariant, StickyScrollNav, type StickyScrollNavProps, type StickyScrollNavSection, type TabProps, Tabs, type TabsOrientation, type TabsProps, Textarea, type TextareaProps, type TextareaResize, type ThemeMode, ThemeToggle, type ThemeToggleProps, type ThemeToggleSize, ThemeToggleTri, type ThemeToggleTriProps, type ThemeToggleTriSize, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineProps, type TimelineTone, type TimelineVariant, Toaster, Toggle, type ToggleProps, Tooltip, TooltipHelp, type TooltipPosition, type TooltipProps, type TooltipVariant, Topbar, type TopbarProps, TwoStepVerificationForm, type TwoStepVerificationFormProps, UnsavedIndicator, type UnsavedIndicatorProps, UserMenu, type UserMenuContentProps, type UserMenuHeaderProps, type UserMenuItemProps, type UserMenuItemVariant, type UserMenuProps, type UserMenuTriggerProps, VerticalNavigation, type VerticalNavigationItemProps, type VerticalNavigationProps, type VerticalNavigationSectionProps, VideoEmbed, type VideoEmbedAspect, type VideoEmbedProps, ZoomBar, type ZoomBarProps, applyAppearance, defaultPasswordRules, isDarkTheme, useAutoRefresh };