@refraction-ui/react 0.4.2 → 0.5.0

package/dist/internal/popover/index.d.ts

@@ -0,0 +1,46 @@
+import { AccessibilityProps, Side, KeyboardHandlerMap } from '../shared/index.js';
+
+interface PopoverProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: Side;
+}
+interface PopoverAPI {
+    /** Current open state */
+    state: {
+        open: boolean;
+    };
+    /** Props to spread on the trigger element */
+    triggerProps: Partial<AccessibilityProps> & {
+        'aria-expanded': boolean;
+        'aria-controls': string;
+        'aria-haspopup': 'dialog';
+    };
+    /** Props to spread on the content element */
+    contentProps: {
+        role: 'dialog';
+        id: string;
+    };
+    /** Resolved placement */
+    placement: Side;
+    /** Open the popover */
+    open: () => void;
+    /** Close the popover */
+    close: () => void;
+    /** Toggle the popover */
+    toggle: () => void;
+    /** Keyboard handler map (Escape to close) */
+    keyboardHandlers: KeyboardHandlerMap;
+    /** Pre-built keyboard event handler */
+    handleKeyDown: (event: KeyboardEvent) => void;
+}
+declare function createPopover(props?: PopoverProps): PopoverAPI;
+
+declare const popoverContentVariants: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+
+export { type PopoverAPI, type PopoverProps, createPopover, popoverContentVariants };

package/dist/internal/presence-indicator/index.d.cts

@@ -0,0 +1,38 @@
+import { AccessibilityProps } from '../shared/index.cjs';
+
+type PresenceStatus = 'online' | 'offline' | 'away' | 'busy' | 'dnd';
+interface PresenceProps {
+    /** The presence status to display */
+    status: PresenceStatus;
+    /** Show a text label alongside the indicator */
+    showLabel?: boolean;
+    /** Custom label override */
+    label?: string;
+}
+interface PresenceAPI {
+    /** ARIA attributes for the indicator */
+    ariaProps: Partial<AccessibilityProps> & Record<string, unknown>;
+    /** CSS color for the status dot */
+    color: string;
+    /** Human-readable label for the status */
+    label: string;
+    /** Whether to show the label text */
+    showLabel: boolean;
+    /** The current status */
+    status: PresenceStatus;
+}
+declare const STATUS_COLORS: Record<PresenceStatus, string>;
+declare const STATUS_LABELS: Record<PresenceStatus, string>;
+
+declare function createPresence(props: PresenceProps): PresenceAPI;
+
+declare const presenceDotVariants: (props?: ({
+    status?: "online" | "offline" | "away" | "busy" | "dnd" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const presenceContainerStyles = "inline-flex items-center gap-1.5";
+declare const presenceLabelStyles = "text-sm text-muted-foreground";
+
+export { type PresenceAPI, type PresenceProps, type PresenceStatus, STATUS_COLORS, STATUS_LABELS, createPresence, presenceContainerStyles, presenceDotVariants, presenceLabelStyles };

package/dist/internal/presence-indicator/index.d.ts

@@ -0,0 +1,38 @@
+import { AccessibilityProps } from '../shared/index.js';
+
+type PresenceStatus = 'online' | 'offline' | 'away' | 'busy' | 'dnd';
+interface PresenceProps {
+    /** The presence status to display */
+    status: PresenceStatus;
+    /** Show a text label alongside the indicator */
+    showLabel?: boolean;
+    /** Custom label override */
+    label?: string;
+}
+interface PresenceAPI {
+    /** ARIA attributes for the indicator */
+    ariaProps: Partial<AccessibilityProps> & Record<string, unknown>;
+    /** CSS color for the status dot */
+    color: string;
+    /** Human-readable label for the status */
+    label: string;
+    /** Whether to show the label text */
+    showLabel: boolean;
+    /** The current status */
+    status: PresenceStatus;
+}
+declare const STATUS_COLORS: Record<PresenceStatus, string>;
+declare const STATUS_LABELS: Record<PresenceStatus, string>;
+
+declare function createPresence(props: PresenceProps): PresenceAPI;
+
+declare const presenceDotVariants: (props?: ({
+    status?: "online" | "offline" | "away" | "busy" | "dnd" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const presenceContainerStyles = "inline-flex items-center gap-1.5";
+declare const presenceLabelStyles = "text-sm text-muted-foreground";
+
+export { type PresenceAPI, type PresenceProps, type PresenceStatus, STATUS_COLORS, STATUS_LABELS, createPresence, presenceContainerStyles, presenceDotVariants, presenceLabelStyles };

package/dist/internal/progress-display/index.d.cts

@@ -0,0 +1,60 @@
+import { AccessibilityProps } from '../shared/index.cjs';
+
+interface StatCardData {
+    label: string;
+    value: number;
+    icon?: string;
+    color?: string;
+}
+interface BadgeData {
+    name: string;
+    description: string;
+    icon: string;
+    unlockedAt?: string;
+    isUnlocked: boolean;
+}
+interface ProgressDisplayProps {
+    stats: StatCardData[];
+    badges: BadgeData[];
+    level?: number;
+    accuracy?: number;
+}
+interface ProgressDisplayAPI {
+    /** The computed stats array */
+    stats: StatCardData[];
+    /** The badges array */
+    badges: BadgeData[];
+    /** ARIA props for the stats region */
+    ariaProps: Partial<AccessibilityProps>;
+    /** Get ARIA props for a specific badge */
+    getBadgeAriaProps: (badge: BadgeData) => Partial<AccessibilityProps>;
+}
+declare function createProgressDisplay(props: ProgressDisplayProps): ProgressDisplayAPI;
+
+declare const statsGridVariants: (props?: ({
+    columns?: "2" | "3" | "4" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const statCardVariants: (props?: ({
+    color?: "default" | "primary" | "success" | "warning" | "destructive" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const badgeGridVariants: (props?: ({
+    columns?: "3" | "4" | "5" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const badgeItemVariants: (props?: ({
+    state?: "unlocked" | "locked" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const progressBarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+
+export { type BadgeData, type ProgressDisplayAPI, type ProgressDisplayProps, type StatCardData, badgeGridVariants, badgeItemVariants, createProgressDisplay, progressBarVariants, statCardVariants, statsGridVariants };

package/dist/internal/progress-display/index.d.ts

@@ -0,0 +1,60 @@
+import { AccessibilityProps } from '../shared/index.js';
+
+interface StatCardData {
+    label: string;
+    value: number;
+    icon?: string;
+    color?: string;
+}
+interface BadgeData {
+    name: string;
+    description: string;
+    icon: string;
+    unlockedAt?: string;
+    isUnlocked: boolean;
+}
+interface ProgressDisplayProps {
+    stats: StatCardData[];
+    badges: BadgeData[];
+    level?: number;
+    accuracy?: number;
+}
+interface ProgressDisplayAPI {
+    /** The computed stats array */
+    stats: StatCardData[];
+    /** The badges array */
+    badges: BadgeData[];
+    /** ARIA props for the stats region */
+    ariaProps: Partial<AccessibilityProps>;
+    /** Get ARIA props for a specific badge */
+    getBadgeAriaProps: (badge: BadgeData) => Partial<AccessibilityProps>;
+}
+declare function createProgressDisplay(props: ProgressDisplayProps): ProgressDisplayAPI;
+
+declare const statsGridVariants: (props?: ({
+    columns?: "2" | "3" | "4" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const statCardVariants: (props?: ({
+    color?: "default" | "primary" | "success" | "warning" | "destructive" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const badgeGridVariants: (props?: ({
+    columns?: "3" | "4" | "5" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const badgeItemVariants: (props?: ({
+    state?: "unlocked" | "locked" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const progressBarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+
+export { type BadgeData, type ProgressDisplayAPI, type ProgressDisplayProps, type StatCardData, badgeGridVariants, badgeItemVariants, createProgressDisplay, progressBarVariants, statCardVariants, statsGridVariants };

package/dist/internal/radio/index.d.ts

@@ -0,0 +1,43 @@
+import { AccessibilityProps } from '../shared/index.js';
+
+interface RadioOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface RadioGroupProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    name?: string;
+    disabled?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+}
+interface RadioGroupAPI {
+    state: {
+        selectedValue: string | undefined;
+    };
+    groupProps: Partial<AccessibilityProps> & Record<string, unknown>;
+    getItemProps(value: string, disabled?: boolean): Partial<AccessibilityProps> & Record<string, unknown>;
+    select(value: string): void;
+    keyboardHandlers: Record<string, (e: KeyboardEvent) => void>;
+}
+declare function createRadioGroup(props?: RadioGroupProps): RadioGroupAPI;
+
+declare const radioGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const radioItemVariants: (props?: ({
+    disabled?: "true" | "false" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const radioCircleVariants: (props?: ({
+    checked?: "true" | "false" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+
+export { type RadioGroupAPI, type RadioGroupProps, type RadioOption, createRadioGroup, radioCircleVariants, radioGroupVariants, radioItemVariants };

package/dist/internal/react-accordion/index.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'> {
+    type?: 'single' | 'multiple';
+    collapsible?: boolean;
+    defaultValue?: string | string[];
+    value?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+}
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+}
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };

package/dist/internal/react-animated-text/index.d.cts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { AnimatedTextProps as AnimatedTextProps$1, TypewriterProps } from '../animated-text/index.cjs';
+export { AnimatedTextAPI, AnimatedTextState, TypewriterAPI, TypewriterState, animatedTextVariants, typewriterVariants } from '../animated-text/index.cjs';
+
+interface AnimatedTextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>, AnimatedTextProps$1 {
+}
+declare const AnimatedText: React.ForwardRefExoticComponent<AnimatedTextProps & React.RefAttributes<HTMLSpanElement>>;
+interface TypewriterTextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>, TypewriterProps {
+}
+declare const TypewriterText: React.ForwardRefExoticComponent<TypewriterTextProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { AnimatedText, type AnimatedTextProps, TypewriterText, type TypewriterTextProps };

package/dist/internal/react-animated-text/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { AnimatedTextProps as AnimatedTextProps$1, TypewriterProps } from '../animated-text/index.js';
+export { AnimatedTextAPI, AnimatedTextState, TypewriterAPI, TypewriterState, animatedTextVariants, typewriterVariants } from '../animated-text/index.js';
+
+interface AnimatedTextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>, AnimatedTextProps$1 {
+}
+declare const AnimatedText: React.ForwardRefExoticComponent<AnimatedTextProps & React.RefAttributes<HTMLSpanElement>>;
+interface TypewriterTextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>, TypewriterProps {
+}
+declare const TypewriterText: React.ForwardRefExoticComponent<TypewriterTextProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { AnimatedText, type AnimatedTextProps, TypewriterText, type TypewriterTextProps };

package/dist/internal/react-app-shell/index.d.cts

@@ -0,0 +1,169 @@
+import * as React from 'react';
+import { AppShellConfig, AppShellAPI, AppShellState, PageShellConfig, PageShellAPI, SectionConfig, AuthShellConfig, AuthShellAPI } from '../app-shell/index.cjs';
+export { AppShellAPI, AppShellConfig, AppShellState, AppShellSubscriber, AuthShellAPI, AuthShellConfig, BreakpointName, PageShellAPI, PageShellConfig, SectionConfig, createAppShell, createAuthShell, createPageShell, resolveBreakpoint } from '../app-shell/index.cjs';
+
+interface AppShellContextValue {
+    api: AppShellAPI;
+    state: AppShellState;
+}
+declare function useAppShell(): AppShellContextValue;
+interface AppShellProps {
+    config?: AppShellConfig;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function AppShellRoot({ config, children, className }: AppShellProps): React.FunctionComponentElement<React.ProviderProps<AppShellContextValue | null>>;
+declare namespace AppShellRoot {
+    var displayName: string;
+}
+interface AppShellSidebarProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function Sidebar({ children, className }: AppShellSidebarProps): React.DetailedReactHTMLElement<{
+    className: string;
+    'data-collapsed': string | undefined;
+    'data-open': string | undefined;
+}, HTMLElement>;
+declare namespace Sidebar {
+    var displayName: string;
+}
+interface AppShellMainProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function Main({ children, className }: AppShellMainProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace Main {
+    var displayName: string;
+}
+interface AppShellHeaderProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function Header({ children, className }: AppShellHeaderProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace Header {
+    var displayName: string;
+}
+interface AppShellContentProps {
+    children?: React.ReactNode;
+    className?: string;
+    /** Tailwind max-width class suffix, e.g. '6xl' -> max-w-6xl */
+    maxWidth?: string;
+}
+declare function Content({ children, className, maxWidth }: AppShellContentProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace Content {
+    var displayName: string;
+}
+interface AppShellMobileNavProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function MobileNav({ children, className }: AppShellMobileNavProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement> | null;
+declare namespace MobileNav {
+    var displayName: string;
+}
+interface AppShellOverlayProps {
+    className?: string;
+}
+declare function Overlay({ className }: AppShellOverlayProps): React.DetailedReactHTMLElement<{
+    className: string;
+    onClick: () => void;
+    'data-shell-overlay': string;
+}, HTMLElement> | null;
+declare namespace Overlay {
+    var displayName: string;
+}
+declare const AppShell: typeof AppShellRoot & {
+    Sidebar: typeof Sidebar;
+    Main: typeof Main;
+    Header: typeof Header;
+    Content: typeof Content;
+    MobileNav: typeof MobileNav;
+    Overlay: typeof Overlay;
+};
+
+interface PageShellContextValue {
+    api: PageShellAPI;
+}
+interface PageShellProps {
+    config?: PageShellConfig;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function PageShellRoot({ config, children, className }: PageShellProps): React.FunctionComponentElement<React.ProviderProps<PageShellContextValue | null>>;
+declare namespace PageShellRoot {
+    var displayName: string;
+}
+interface PageShellNavProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function Nav({ children, className }: PageShellNavProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace Nav {
+    var displayName: string;
+}
+interface PageShellSectionProps extends SectionConfig {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function Section({ children, className, fullWidth, maxWidth, padding, background, }: PageShellSectionProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace Section {
+    var displayName: string;
+}
+interface PageShellFooterProps {
+    children?: React.ReactNode;
+    className?: string;
+    columns?: number;
+}
+declare function Footer({ children, className, columns }: PageShellFooterProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace Footer {
+    var displayName: string;
+}
+declare const PageShell: typeof PageShellRoot & {
+    Nav: typeof Nav;
+    Section: typeof Section;
+    Footer: typeof Footer;
+};
+
+interface AuthShellContextValue {
+    api: AuthShellAPI;
+}
+interface AuthShellProps {
+    config?: AuthShellConfig;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function AuthShellRoot({ config, children, className }: AuthShellProps): React.FunctionComponentElement<React.ProviderProps<AuthShellContextValue | null>>;
+declare namespace AuthShellRoot {
+    var displayName: string;
+}
+interface AuthShellCardProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function AuthShellCard({ children, className }: AuthShellCardProps): React.DetailedReactHTMLElement<{
+    className: string;
+    'data-auth-card': string;
+}, HTMLElement>;
+declare namespace AuthShellCard {
+    var displayName: string;
+}
+declare const AuthShell: typeof AuthShellRoot & {
+    Card: typeof AuthShellCard;
+};
+
+export { AppShell, type AppShellContentProps, type AppShellHeaderProps, type AppShellMainProps, type AppShellMobileNavProps, type AppShellOverlayProps, type AppShellProps, type AppShellSidebarProps, AuthShell, type AuthShellCardProps, type AuthShellProps, PageShell, type PageShellFooterProps, type PageShellNavProps, type PageShellProps, type PageShellSectionProps, useAppShell };

package/dist/internal/react-app-shell/index.d.ts

@@ -0,0 +1,169 @@
+import * as React from 'react';
+import { AppShellConfig, AppShellAPI, AppShellState, PageShellConfig, PageShellAPI, SectionConfig, AuthShellConfig, AuthShellAPI } from '../app-shell/index.js';
+export { AppShellAPI, AppShellConfig, AppShellState, AppShellSubscriber, AuthShellAPI, AuthShellConfig, BreakpointName, PageShellAPI, PageShellConfig, SectionConfig, createAppShell, createAuthShell, createPageShell, resolveBreakpoint } from '../app-shell/index.js';
+
+interface AppShellContextValue {
+    api: AppShellAPI;
+    state: AppShellState;
+}
+declare function useAppShell(): AppShellContextValue;
+interface AppShellProps {
+    config?: AppShellConfig;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function AppShellRoot({ config, children, className }: AppShellProps): React.FunctionComponentElement<React.ProviderProps<AppShellContextValue | null>>;
+declare namespace AppShellRoot {
+    var displayName: string;
+}
+interface AppShellSidebarProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function Sidebar({ children, className }: AppShellSidebarProps): React.DetailedReactHTMLElement<{
+    className: string;
+    'data-collapsed': string | undefined;
+    'data-open': string | undefined;
+}, HTMLElement>;
+declare namespace Sidebar {
+    var displayName: string;
+}
+interface AppShellMainProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function Main({ children, className }: AppShellMainProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace Main {
+    var displayName: string;
+}
+interface AppShellHeaderProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function Header({ children, className }: AppShellHeaderProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace Header {
+    var displayName: string;
+}
+interface AppShellContentProps {
+    children?: React.ReactNode;
+    className?: string;
+    /** Tailwind max-width class suffix, e.g. '6xl' -> max-w-6xl */
+    maxWidth?: string;
+}
+declare function Content({ children, className, maxWidth }: AppShellContentProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace Content {
+    var displayName: string;
+}
+interface AppShellMobileNavProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function MobileNav({ children, className }: AppShellMobileNavProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement> | null;
+declare namespace MobileNav {
+    var displayName: string;
+}
+interface AppShellOverlayProps {
+    className?: string;
+}
+declare function Overlay({ className }: AppShellOverlayProps): React.DetailedReactHTMLElement<{
+    className: string;
+    onClick: () => void;
+    'data-shell-overlay': string;
+}, HTMLElement> | null;
+declare namespace Overlay {
+    var displayName: string;
+}
+declare const AppShell: typeof AppShellRoot & {
+    Sidebar: typeof Sidebar;
+    Main: typeof Main;
+    Header: typeof Header;
+    Content: typeof Content;
+    MobileNav: typeof MobileNav;
+    Overlay: typeof Overlay;
+};
+
+interface PageShellContextValue {
+    api: PageShellAPI;
+}
+interface PageShellProps {
+    config?: PageShellConfig;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function PageShellRoot({ config, children, className }: PageShellProps): React.FunctionComponentElement<React.ProviderProps<PageShellContextValue | null>>;
+declare namespace PageShellRoot {
+    var displayName: string;
+}
+interface PageShellNavProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function Nav({ children, className }: PageShellNavProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace Nav {
+    var displayName: string;
+}
+interface PageShellSectionProps extends SectionConfig {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function Section({ children, className, fullWidth, maxWidth, padding, background, }: PageShellSectionProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace Section {
+    var displayName: string;
+}
+interface PageShellFooterProps {
+    children?: React.ReactNode;
+    className?: string;
+    columns?: number;
+}
+declare function Footer({ children, className, columns }: PageShellFooterProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace Footer {
+    var displayName: string;
+}
+declare const PageShell: typeof PageShellRoot & {
+    Nav: typeof Nav;
+    Section: typeof Section;
+    Footer: typeof Footer;
+};
+
+interface AuthShellContextValue {
+    api: AuthShellAPI;
+}
+interface AuthShellProps {
+    config?: AuthShellConfig;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function AuthShellRoot({ config, children, className }: AuthShellProps): React.FunctionComponentElement<React.ProviderProps<AuthShellContextValue | null>>;
+declare namespace AuthShellRoot {
+    var displayName: string;
+}
+interface AuthShellCardProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function AuthShellCard({ children, className }: AuthShellCardProps): React.DetailedReactHTMLElement<{
+    className: string;
+    'data-auth-card': string;
+}, HTMLElement>;
+declare namespace AuthShellCard {
+    var displayName: string;
+}
+declare const AuthShell: typeof AuthShellRoot & {
+    Card: typeof AuthShellCard;
+};
+
+export { AppShell, type AppShellContentProps, type AppShellHeaderProps, type AppShellMainProps, type AppShellMobileNavProps, type AppShellOverlayProps, type AppShellProps, type AppShellSidebarProps, AuthShell, type AuthShellCardProps, type AuthShellProps, PageShell, type PageShellFooterProps, type PageShellNavProps, type PageShellProps, type PageShellSectionProps, useAppShell };