@refraction-ui/react 0.4.1 → 0.5.0

package/dist/internal/react-auth/index.d.cts

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { User, OAuthProvider, AuthConfig } from '../auth/index.cjs';
+export { AuthAdapter, AuthConfig, AuthState, AuthStatus, OAuthProvider, User, canAccessAdmin, canAccessReviewer, getAssignableRoles, getDefaultPortal, hasAllRoles, hasAnyRole, hasRole } from '../auth/index.cjs';
+
+interface AuthContextValue {
+    user: User | null;
+    isLoading: boolean;
+    isAuthenticated: boolean;
+    signIn: (email: string, password: string) => Promise<User>;
+    signInWithOAuth: (provider: OAuthProvider) => Promise<User>;
+    signUp: (email: string, password: string, displayName: string) => Promise<User>;
+    signOut: () => Promise<void>;
+    resetPassword: (email: string) => Promise<void>;
+    getToken: () => Promise<string | null>;
+}
+interface AuthProviderProps extends AuthConfig {
+    children: React.ReactNode;
+}
+/**
+ * AuthProvider — wraps your app with auth context.
+ * You must provide an AuthAdapter implementation.
+ *
+ * ```tsx
+ * import { AuthProvider } from './index.cjs'
+ * import { myCustomAdapter } from './auth'
+ *
+ * <AuthProvider adapter={myCustomAdapter}>
+ *   <App />
+ * </AuthProvider>
+ * ```
+ */
+declare function AuthProvider({ children, ...config }: AuthProviderProps): React.FunctionComponentElement<React.ProviderProps<AuthContextValue | null>>;
+/**
+ * useAuth — access auth state and methods.
+ * Must be used within <AuthProvider>.
+ */
+declare function useAuth(): AuthContextValue;
+
+interface AuthGuardProps {
+    children: React.ReactNode;
+    /** Custom loading UI */
+    fallback?: React.ReactNode;
+    /** URL to redirect to when unauthenticated (if using a router) */
+    redirectTo?: string;
+    /** Roles required (if any) */
+    roles?: string[];
+    /** UI to show when user lacks required roles */
+    unauthorized?: React.ReactNode;
+}
+/**
+ * AuthGuard — wraps content that requires authentication.
+ * Shows loading fallback while auth state resolves.
+ * Optionally restricts by role.
+ */
+declare function AuthGuard({ children, fallback, roles, unauthorized, }: AuthGuardProps): React.FunctionComponentElement<{
+    children?: React.ReactNode | undefined;
+}>;
+
+export { type AuthContextValue, AuthGuard, type AuthGuardProps, AuthProvider, type AuthProviderProps, useAuth };

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

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { User, OAuthProvider, AuthConfig } from '../auth/index.js';
+export { AuthAdapter, AuthConfig, AuthState, AuthStatus, OAuthProvider, User, canAccessAdmin, canAccessReviewer, getAssignableRoles, getDefaultPortal, hasAllRoles, hasAnyRole, hasRole } from '../auth/index.js';
+
+interface AuthContextValue {
+    user: User | null;
+    isLoading: boolean;
+    isAuthenticated: boolean;
+    signIn: (email: string, password: string) => Promise<User>;
+    signInWithOAuth: (provider: OAuthProvider) => Promise<User>;
+    signUp: (email: string, password: string, displayName: string) => Promise<User>;
+    signOut: () => Promise<void>;
+    resetPassword: (email: string) => Promise<void>;
+    getToken: () => Promise<string | null>;
+}
+interface AuthProviderProps extends AuthConfig {
+    children: React.ReactNode;
+}
+/**
+ * AuthProvider — wraps your app with auth context.
+ * You must provide an AuthAdapter implementation.
+ *
+ * ```tsx
+ * import { AuthProvider } from './index.js'
+ * import { myCustomAdapter } from './auth'
+ *
+ * <AuthProvider adapter={myCustomAdapter}>
+ *   <App />
+ * </AuthProvider>
+ * ```
+ */
+declare function AuthProvider({ children, ...config }: AuthProviderProps): React.FunctionComponentElement<React.ProviderProps<AuthContextValue | null>>;
+/**
+ * useAuth — access auth state and methods.
+ * Must be used within <AuthProvider>.
+ */
+declare function useAuth(): AuthContextValue;
+
+interface AuthGuardProps {
+    children: React.ReactNode;
+    /** Custom loading UI */
+    fallback?: React.ReactNode;
+    /** URL to redirect to when unauthenticated (if using a router) */
+    redirectTo?: string;
+    /** Roles required (if any) */
+    roles?: string[];
+    /** UI to show when user lacks required roles */
+    unauthorized?: React.ReactNode;
+}
+/**
+ * AuthGuard — wraps content that requires authentication.
+ * Shows loading fallback while auth state resolves.
+ * Optionally restricts by role.
+ */
+declare function AuthGuard({ children, fallback, roles, unauthorized, }: AuthGuardProps): React.FunctionComponentElement<{
+    children?: React.ReactNode | undefined;
+}>;
+
+export { type AuthContextValue, AuthGuard, type AuthGuardProps, AuthProvider, type AuthProviderProps, useAuth };

package/dist/internal/react-avatar/index.d.cts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { AvatarSize } from '../avatar/index.cjs';
+export { AvatarAPI, AvatarLoadingStatus, AvatarSize, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, getInitials } from '../avatar/index.cjs';
+
+interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {
+    size?: AvatarSize;
+}
+/**
+ * Avatar -- circular image with fallback support.
+ * Compound component: use Avatar > AvatarImage + AvatarFallback.
+ */
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+}
+declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
+interface AvatarFallbackProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps };

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { AvatarSize } from '../avatar/index.js';
+export { AvatarAPI, AvatarLoadingStatus, AvatarSize, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, getInitials } from '../avatar/index.js';
+
+interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {
+    size?: AvatarSize;
+}
+/**
+ * Avatar -- circular image with fallback support.
+ * Compound component: use Avatar > AvatarImage + AvatarFallback.
+ */
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+}
+declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
+interface AvatarFallbackProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps };

package/dist/internal/react-avatar-group/index.d.cts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { AvatarUser, AvatarSize } from '../avatar-group/index.cjs';
+export { AvatarGroupAPI, AvatarSize, AvatarUser, AvatarGroupProps as CoreAvatarGroupProps, PresenceStatus, avatarGroupStyles, avatarImageStyles, avatarOverflowBadgeVariants, avatarPresenceDotVariants, avatarVariants } from '../avatar-group/index.cjs';
+
+interface AvatarGroupProps {
+    users: AvatarUser[];
+    max?: number;
+    size?: AvatarSize;
+    className?: string;
+}
+declare function AvatarGroup({ users, max, size, className }: AvatarGroupProps): React.DetailedReactHTMLElement<{
+    className: string;
+    role?: string | undefined;
+    tabIndex?: number | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-selected'?: boolean | undefined;
+    'aria-hidden'?: boolean | undefined;
+    'aria-disabled'?: boolean | undefined;
+    'aria-pressed'?: boolean | "mixed" | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined;
+    'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-atomic'?: boolean | undefined;
+}, HTMLElement>;
+declare namespace AvatarGroup {
+    var displayName: string;
+}
+
+export { AvatarGroup, type AvatarGroupProps };

package/dist/internal/react-avatar-group/index.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { AvatarUser, AvatarSize } from '../avatar-group/index.js';
+export { AvatarGroupAPI, AvatarSize, AvatarUser, AvatarGroupProps as CoreAvatarGroupProps, PresenceStatus, avatarGroupStyles, avatarImageStyles, avatarOverflowBadgeVariants, avatarPresenceDotVariants, avatarVariants } from '../avatar-group/index.js';
+
+interface AvatarGroupProps {
+    users: AvatarUser[];
+    max?: number;
+    size?: AvatarSize;
+    className?: string;
+}
+declare function AvatarGroup({ users, max, size, className }: AvatarGroupProps): React.DetailedReactHTMLElement<{
+    className: string;
+    role?: string | undefined;
+    tabIndex?: number | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-selected'?: boolean | undefined;
+    'aria-hidden'?: boolean | undefined;
+    'aria-disabled'?: boolean | undefined;
+    'aria-pressed'?: boolean | "mixed" | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined;
+    'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-atomic'?: boolean | undefined;
+}, HTMLElement>;
+declare namespace AvatarGroup {
+    var displayName: string;
+}
+
+export { AvatarGroup, type AvatarGroupProps };

package/dist/internal/react-badge/index.d.cts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { BadgeVariant, BadgeSize } from '../badge/index.cjs';
+export { BadgeSize, BadgeVariant, badgeVariants } from '../badge/index.cjs';
+
+interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+}
+/**
+ * Badge component — renders a styled badge with variant and size support.
+ *
+ * Uses the headless @refraction-ui/badge core for state and ARIA attributes.
+ * Styling via Tailwind utility classes (no external CSS-in-JS).
+ */
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Badge, type BadgeProps };

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { BadgeVariant, BadgeSize } from '../badge/index.js';
+export { BadgeSize, BadgeVariant, badgeVariants } from '../badge/index.js';
+
+interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+}
+/**
+ * Badge component — renders a styled badge with variant and size support.
+ *
+ * Uses the headless @refraction-ui/badge core for state and ARIA attributes.
+ * Styling via Tailwind utility classes (no external CSS-in-JS).
+ */
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Badge, type BadgeProps };

package/dist/internal/react-bottom-nav/index.d.cts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { NavTab } from '../bottom-nav/index.cjs';
+export { NavTab, bottomNavTabVariants, bottomNavVariants } from '../bottom-nav/index.cjs';
+
+interface BottomNavProps extends React.HTMLAttributes<HTMLElement> {
+    /** Tab items */
+    tabs?: NavTab[];
+    /** Current pathname for active state */
+    currentPath?: string;
+}
+/**
+ * BottomNav component — renders a fixed bottom navigation bar with tab buttons.
+ *
+ * Uses the headless @refraction-ui/bottom-nav core for state and ARIA attributes.
+ * Visible on mobile only (md:hidden via styles).
+ */
+declare const BottomNav: React.ForwardRefExoticComponent<BottomNavProps & React.RefAttributes<HTMLElement>>;
+
+export { BottomNav, type BottomNavProps };

package/dist/internal/react-bottom-nav/index.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { NavTab } from '../bottom-nav/index.js';
+export { NavTab, bottomNavTabVariants, bottomNavVariants } from '../bottom-nav/index.js';
+
+interface BottomNavProps extends React.HTMLAttributes<HTMLElement> {
+    /** Tab items */
+    tabs?: NavTab[];
+    /** Current pathname for active state */
+    currentPath?: string;
+}
+/**
+ * BottomNav component — renders a fixed bottom navigation bar with tab buttons.
+ *
+ * Uses the headless @refraction-ui/bottom-nav core for state and ARIA attributes.
+ * Visible on mobile only (md:hidden via styles).
+ */
+declare const BottomNav: React.ForwardRefExoticComponent<BottomNavProps & React.RefAttributes<HTMLElement>>;
+
+export { BottomNav, type BottomNavProps };

package/dist/internal/react-breadcrumbs/index.d.cts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { BreadcrumbItem } from '../breadcrumbs/index.cjs';
+export { BreadcrumbItem, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants } from '../breadcrumbs/index.cjs';
+
+interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
+    /** Current pathname to auto-generate breadcrumbs from */
+    pathname?: string;
+    /** Manual breadcrumb items (overrides pathname) */
+    items?: BreadcrumbItem[];
+    /** Custom label map for pathname segments */
+    labels?: Record<string, string>;
+    /** Separator character. Default: '/' */
+    separator?: string;
+    /** Max items before truncation */
+    maxItems?: number;
+}
+/**
+ * Breadcrumbs component — renders a breadcrumb navigation trail.
+ *
+ * Uses the headless @refraction-ui/breadcrumbs core for state and ARIA attributes.
+ */
+declare const Breadcrumbs: React.ForwardRefExoticComponent<BreadcrumbsProps & React.RefAttributes<HTMLElement>>;
+
+export { Breadcrumbs, type BreadcrumbsProps };

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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { BreadcrumbItem } from '../breadcrumbs/index.js';
+export { BreadcrumbItem, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants } from '../breadcrumbs/index.js';
+
+interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
+    /** Current pathname to auto-generate breadcrumbs from */
+    pathname?: string;
+    /** Manual breadcrumb items (overrides pathname) */
+    items?: BreadcrumbItem[];
+    /** Custom label map for pathname segments */
+    labels?: Record<string, string>;
+    /** Separator character. Default: '/' */
+    separator?: string;
+    /** Max items before truncation */
+    maxItems?: number;
+}
+/**
+ * Breadcrumbs component — renders a breadcrumb navigation trail.
+ *
+ * Uses the headless @refraction-ui/breadcrumbs core for state and ARIA attributes.
+ */
+declare const Breadcrumbs: React.ForwardRefExoticComponent<BreadcrumbsProps & React.RefAttributes<HTMLElement>>;
+
+export { Breadcrumbs, type BreadcrumbsProps };

package/dist/internal/react-button/index.d.cts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { ButtonVariant, ButtonSize } from '../button/index.cjs';
+export { ButtonSize, ButtonVariant, buttonTokens, buttonVariants } from '../button/index.cjs';
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    asChild?: boolean;
+    shortcut?: string;
+    action?: string;
+}
+/**
+ * Button component — renders a styled button with variant and size support.
+ *
+ * Uses the headless @refraction-ui/button core for state, ARIA, and keyboard handling.
+ * Styling via Tailwind utility classes (no external CSS-in-JS).
+ */
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { ButtonVariant, ButtonSize } from '../button/index.js';
+export { ButtonSize, ButtonVariant, buttonTokens, buttonVariants } from '../button/index.js';
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    asChild?: boolean;
+    shortcut?: string;
+    action?: string;
+}
+/**
+ * Button component — renders a styled button with variant and size support.
+ *
+ * Uses the headless @refraction-ui/button core for state, ARIA, and keyboard handling.
+ * Styling via Tailwind utility classes (no external CSS-in-JS).
+ */
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

package/dist/internal/react-calendar/index.d.cts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { CalendarProps as CalendarProps$1 } from '../calendar/index.cjs';
+export { CalendarAPI, CalendarDay, CalendarState, CalendarProps as CoreCalendarProps, calendarVariants, dayVariants } from '../calendar/index.cjs';
+
+interface CalendarProps extends CalendarProps$1 {
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function Calendar({ className, value, defaultValue, onSelect, month, onMonthChange, minDate, maxDate, disabledDates, }: CalendarProps): React.DetailedReactHTMLElement<{
+    role?: string | undefined;
+    tabIndex?: number | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-selected'?: boolean | undefined;
+    'aria-hidden'?: boolean | undefined;
+    'aria-disabled'?: boolean | undefined;
+    'aria-pressed'?: boolean | "mixed" | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined;
+    'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-atomic'?: boolean | undefined;
+    className: string;
+}, HTMLElement>;
+declare namespace Calendar {
+    var displayName: string;
+}
+interface CalendarHeaderProps {
+    label: string;
+    labelId: string;
+    onPrevMonth: () => void;
+    onNextMonth: () => void;
+    className?: string;
+}
+declare function CalendarHeader({ label, labelId, onPrevMonth, onNextMonth, className, }: CalendarHeaderProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace CalendarHeader {
+    var displayName: string;
+}
+
+export { Calendar, CalendarHeader, type CalendarHeaderProps, type CalendarProps };

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

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { CalendarProps as CalendarProps$1 } from '../calendar/index.js';
+export { CalendarAPI, CalendarDay, CalendarState, CalendarProps as CoreCalendarProps, calendarVariants, dayVariants } from '../calendar/index.js';
+
+interface CalendarProps extends CalendarProps$1 {
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function Calendar({ className, value, defaultValue, onSelect, month, onMonthChange, minDate, maxDate, disabledDates, }: CalendarProps): React.DetailedReactHTMLElement<{
+    role?: string | undefined;
+    tabIndex?: number | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-selected'?: boolean | undefined;
+    'aria-hidden'?: boolean | undefined;
+    'aria-disabled'?: boolean | undefined;
+    'aria-pressed'?: boolean | "mixed" | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined;
+    'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-atomic'?: boolean | undefined;
+    className: string;
+}, HTMLElement>;
+declare namespace Calendar {
+    var displayName: string;
+}
+interface CalendarHeaderProps {
+    label: string;
+    labelId: string;
+    onPrevMonth: () => void;
+    onNextMonth: () => void;
+    className?: string;
+}
+declare function CalendarHeader({ label, labelId, onPrevMonth, onNextMonth, className, }: CalendarHeaderProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace CalendarHeader {
+    var displayName: string;
+}
+
+export { Calendar, CalendarHeader, type CalendarHeaderProps, type CalendarProps };

package/dist/internal/react-callout/index.d.cts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface CalloutProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: 'default' | 'destructive' | 'success' | 'warning' | 'info';
+}
+declare const Callout: React.ForwardRefExoticComponent<CalloutProps & React.RefAttributes<HTMLDivElement>>;
+declare const CalloutIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CalloutContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CalloutTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const CalloutDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Callout, CalloutContent, CalloutDescription, CalloutIcon, type CalloutProps, CalloutTitle };

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface CalloutProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: 'default' | 'destructive' | 'success' | 'warning' | 'info';
+}
+declare const Callout: React.ForwardRefExoticComponent<CalloutProps & React.RefAttributes<HTMLDivElement>>;
+declare const CalloutIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CalloutContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CalloutTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const CalloutDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Callout, CalloutContent, CalloutDescription, CalloutIcon, type CalloutProps, CalloutTitle };

package/dist/internal/react-card/index.d.cts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export { CardAPI, CardProps, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants } from '../card/index.cjs';
+
+/**
+ * Card -- a container with rounded corners, border, and shadow.
+ */
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardHeader -- top section of a card, typically contains title and description.
+ */
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardTitle -- heading within a card header.
+ */
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * CardDescription -- subtext within a card header.
+ */
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * CardContent -- main body content area of a card.
+ */
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardFooter -- bottom section of a card, typically contains actions.
+ */
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export { CardAPI, CardProps, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants } from '../card/index.js';
+
+/**
+ * Card -- a container with rounded corners, border, and shadow.
+ */
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardHeader -- top section of a card, typically contains title and description.
+ */
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardTitle -- heading within a card header.
+ */
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * CardDescription -- subtext within a card header.
+ */
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * CardContent -- main body content area of a card.
+ */
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardFooter -- bottom section of a card, typically contains actions.
+ */
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/internal/react-card-grid/index.d.cts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { CardGridProps } from '../card-grid/index.cjs';
+
+interface ReactCardGridProps extends React.HTMLAttributes<HTMLDivElement>, CardGridProps {
+}
+declare const CardGrid: React.ForwardRefExoticComponent<ReactCardGridProps & React.RefAttributes<HTMLDivElement>>;
+
+export { CardGrid, type ReactCardGridProps };

package/dist/internal/react-card-grid/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { CardGridProps } from '../card-grid/index.js';
+
+interface ReactCardGridProps extends React.HTMLAttributes<HTMLDivElement>, CardGridProps {
+}
+declare const CardGrid: React.ForwardRefExoticComponent<ReactCardGridProps & React.RefAttributes<HTMLDivElement>>;
+
+export { CardGrid, type ReactCardGridProps };

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+interface CarouselProps 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 Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
+interface CarouselItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+}
+declare const CarouselItem: React.ForwardRefExoticComponent<CarouselItemProps & React.RefAttributes<HTMLDivElement>>;
+interface CarouselTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const CarouselTrigger: React.ForwardRefExoticComponent<CarouselTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface CarouselContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CarouselContent: React.ForwardRefExoticComponent<CarouselContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Carousel, CarouselContent, type CarouselContentProps, CarouselItem, type CarouselItemProps, type CarouselProps, CarouselTrigger, type CarouselTriggerProps };

package/dist/internal/react-checkbox/index.d.cts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { CheckedState } from '../checkbox/index.cjs';
+export { CheckboxAPI, CheckedState, checkIconPath, checkboxTokens, checkboxVariants, indeterminateIconPath } from '../checkbox/index.cjs';
+
+interface CheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    checked?: CheckedState;
+    onCheckedChange?: (checked: CheckedState) => void;
+    disabled?: boolean;
+    size?: 'sm' | 'default' | 'lg';
+}
+/**
+ * Checkbox component -- renders a styled checkbox with check/indeterminate icons.
+ *
+ * Uses the headless @refraction-ui/checkbox core for state, ARIA, and keyboard handling.
+ */
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Checkbox, type CheckboxProps };