@caffeinebounce/ui 0.62.2

package/dist/index.d.ts

@@ -0,0 +1,3141 @@
+import { ToasterProps } from 'sonner';
+export { toast } from 'sonner';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { z } from 'zod';
+import * as React$1 from 'react';
+import { ComponentProps, ReactNode, ComponentType, ElementType, CSSProperties, ComponentPropsWithoutRef, ReactElement } from 'react';
+import { B as Button, c as ButtonProps } from './button-BHnoRUkF.js';
+export { a as ButtonCorners, b as ButtonHoverEffect, d as buttonVariants } from './button-BHnoRUkF.js';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+export { B as BALANCE_SHEET_CONFIG, a as ComparisonSelector, F as FinancialStatementConfig, c as FinancialStatementEntry, d as FinancialStatementKind, e as FinancialStatementRowImportance, f as FinancialStatementRowImportanceResolver, g as FinancialStatementSection, h as FinancialStatementTable, i as FinancialStatementTableProps, j as FinancialStatementTotal, k as FlatExportRow, I as INCOME_STATEMENT_CONFIG, m as PeriodSelector, S as StatementRow, p as SubtotalRule, q as SubtotalRulesConfig, T as TimeUnit, r as buildFinancialStatementData, t as createFinancialStatementRowImportanceResolver, u as flattenStatementForExport, v as getFinancialStatementRowImportanceClassName } from './FinancialStatementTable-BNUrdTU4.js';
+export { C as CASH_FLOW_CHART_CONFIG, c as ColumnDataType, d as ColumnSummaryConfig, e as ColumnType, g as CurrencySignDisplay, D as DataTable, h as DataTableAddButton, i as DataTableAddButtonProps, j as DataTableColumnFilter, l as DataTableColumnFilterProps, m as DataTableColumnHeader, n as DataTableColumnHeaderProps, o as DataTableColumnMeta, r as DataTableCurrencyCell, s as DataTableCurrencyCellProps, u as DataTableExportButton, v as DataTableExportButtonProps, w as DataTableFilter, x as DataTableFilterBadges, y as DataTableFilterBadgesProps, B as DataTablePagination, E as DataTablePaginationProps, F as DataTableProps, G as DataTableRowAction, H as DataTableRowActions, I as DataTableRowActionsProps, J as DataTableSearch, K as DataTableSettingDef, L as DataTableSettings, M as DataTableSettingsProps, N as DataTableSkeleton, O as DataTableSkeletonProps, P as DataTableSummary, Q as DataTableSummaryProps, R as DataTableTab, S as DataTableToolbar, T as DataTableToolbarProps, U as DataTableTopper, V as DataTableTopperProps, W as DataTableView, X as DataTableViewOptions, Y as DataTableViewOptionsProps, Z as DataTableViewState, _ as DataTableViews, $ as DataTableViewsProps, a0 as DisplayUnits, a5 as FilterOption, a6 as FilterType, a7 as FinanceDecimalsProvider, a8 as FinanceDisplayProvider, aa as FinancialStatementControls, ab as FinancialStatementControlsProps, ac as FinancialSummaryChart, ad as FinancialSummaryChartConfig, ae as FinancialSummaryChartProps, af as FinancialSummaryChartSeries, ag as INCOME_STATEMENT_CHART_CONFIG, ah as MobilePeriodStepper, ai as MobilePeriodStepperProps, aj as MobileStatementActionExport, ak as MobileStatementActionSetting, al as MobileStatementActions, am as MobileStatementActionsProps, an as MobileStatementFilters, ao as MobileStatementFiltersProps, aq as RowSelectionStyle, A as SummaryAreaChart, b as SummaryBarChart, ar as SummaryChartDataPoint, as as SummaryChartSeries, at as SummaryChartType, au as SummaryMetric, av as SummaryPanel, aw as SummaryPanelProps, ap as SummaryPieChart, ax as SummaryType, ay as UnifiedTableControl, az as UnifiedTableControlKind, aA as UnifiedTableControls, aB as UnifiedTableControlsProps, aC as UnifiedTableSettingsControl, aD as UnifiedTableSettingsItem, aE as createFinanceTableSettingsItems, aF as exportToCsv, aG as exportToExcel, aH as formatCurrencyValue, aI as getUnitDivisor, aJ as getUnitLabel, aK as getUnitSuffix, aL as normalizeUnifiedTableControls, aM as unifiedTableControlOrder, aN as useDataTableContext, aO as useDataTableSettings, aP as useFinanceDecimals, aQ as useFinanceDecimalsSetting, aR as useFinanceDisplay, aS as useUnifiedTableSettings } from './UnifiedTableControls-CG299y9h.js';
+export { StudioBlock, StudioBlockCategory, StudioEditor, StudioEditorProps, StudioProjectType, StudioTheme } from './editor.js';
+import { c as SessionError } from './hooks-B2jU1GVT.js';
+export { F as FieldMeta, a as FormSubmitHandlerOptions, b as FormWithSetFieldValue, K as KeyboardShortcutDefinition, S as ScrollDirection, T as ToastOptions, U as UseKeyboardShortcutOptions, d as UseScrollDirectionOptions, e as UseSessionErrorsOptions, f as UseWizardFormOptions, g as UseWizardFormReturn, W as WizardFormInstance, h as WizardStep, j as createDataRestorationHandler, k as createFormResetHandler, l as createFormSubmitHandler, m as createStepHasFieldErrors, n as extractZodErrors, o as formatShortcut, p as getDefaultLtmRange, q as matchesShortcut, i as mediaBreakpoints, u as useBreakpoints, r as useComparisonData, s as useCopyToClipboard, t as useDebounce, v as useFinancialStatementState, w as useKeyboardShortcut, x as useLocalStorage, y as useMediaQuery, z as useScrollDirection, A as useSessionErrors, B as useStatementExport, C as useStatementMobileMode, D as useToast, E as useWizardForm } from './hooks-B2jU1GVT.js';
+export { FormWizard, FormWizardNavigation, FormWizardProps, FormWizardStep, GetStepStatus, GetStepTooltip, StepStatus, StepStatusStyles, useFormWizardNavigation } from './forms.js';
+export { A as AdminPageLayout, a as AdminPageLayoutBackLink, b as AdminPageLayoutProps, c as AppFooter, d as AppFooterProps, e as AppHeader, f as AppHeaderProps, g as AppLayout, h as AppLayoutProps, i as AppSidebar, j as AppSidebarProps, k as AppSidebarUser, l as AutoSaveIndicator, B as BasePageLayout, m as BasePageLayoutProps, D as DashboardGrid, n as DashboardGridProps, F as FloatingUserMenu, o as FloatingUserMenuProps, p as FloatingUserMenuUser, H as HeaderLink, q as HelpBreadcrumb, r as HelpLayout, s as HelpLayoutProps, t as HelpPageLayout, u as HelpPageLayoutProps, v as HelpPanelLayout, w as HelpPanelLayoutProps, L as LegalLayout, x as LegalLayoutProps, y as LegalSection, z as LegalSectionProps, M as MarketingLayout, C as MarketingLayoutProps, N as NavDivider, E as NavElement, G as NavItem, I as NavSection, R as RootLayout, J as RootLayoutAnalytics, K as RootLayoutFont, O as RootLayoutProps, P as RootLayoutToast, S as SaveStatus, Q as Stepper, T as StepperProps, U as StepperStep, V as UserAvatarMenu, W as UserAvatarMenuItem, X as UserAvatarMenuProps, Y as UserAvatarMenuUser, Z as UserPageLayout, _ as UserPageLayoutBackLink, $ as UserPageLayoutProps, a0 as WizardLayout, a1 as WizardLayoutProps, a2 as isNavDivider, a3 as isNavItem, a4 as isNavSection, a5 as themeScript } from './layouts-DPfDDF53.js';
+export { A as ActionCard, a as AppleCard, b as AppleCardProps, c as AppleCardsCarousel, d as AppleCardsCarouselCard, e as AppleCardsCarouselProps, B as Benefit, f as BenefitsSection, g as BenefitsSectionProps, C as CTAWithDashedGridLines, h as CTAWithDashedGridLinesProps, i as Carousel, j as CarouselControlPlacement, k as CarouselNavigationMode, l as CarouselProps, m as CarouselRenderContext, n as CarouselSlide, o as CarouselSlideImage, q as Container, r as ContainerProps, s as ContainerSize, t as CtaWithDashedGridLines, u as CtaWithDashedGridLinesProps, E as EditorialHero, v as EditorialHeroProps, F as FaqAccordion, w as FaqAccordionItem, x as FaqAccordionProps, G as GlowingEffect, y as GlowingEffectCorners, z as GlowingEffectProps, D as GlowingEffectVariant, H as HeroSection, I as HeroSectionProps, J as HeroSectionWithRipple, K as HeroSectionWithRippleProps, L as ImpactSection, M as ImpactSectionProps, N as LampColorTheme, O as LampContainer, P as LampContainerProps, Q as LampHero, R as LampHeroProps, S as LampHeroSocialLink, T as LocationCard, X as MarketingProse, Y as MarketingProseProps, Z as MediaTextHero, _ as MediaTextHeroProps, $ as MetricStory, a0 as MetricStoryProps, a1 as MissionSection, a2 as MissionSectionProps, a3 as NextStepsSection, a4 as NextStepsSectionProps, a5 as Outcome, a6 as PageHero, a7 as PageHeroAction, a8 as PageHeroMedia, a9 as PageHeroProps, aa as PartnerLogoGrid, ab as PartnerLogoGridGroup, ac as PartnerLogoGridProps, ad as PixelatedCanvas, ae as PixelatedCanvasProps, af as Program, ag as ProgramCard, ah as ProgramCardProps, ai as SectionShell, aj as SectionShellProps, an as StackedIsometricFeatureItem, ao as StackedIsometricFeatures, ap as StackedIsometricFeaturesProps, aq as Stat, ar as TeamCard, as as TeamCardLink, at as TeamCardProps, au as Testimonial, av as TestimonialsSection, aw as TestimonialsSectionProps } from './TestimonialsSection-DtPu2OeR.js';
+export { N as NewsletterSignup, a as NewsletterSignupProps } from './NewsletterSignup-BPreFi5W.js';
+export { AppDefinition, AppSwitcher, AppSwitcherProps, ComingSoonButton, ComingSoonButtonProps, Entity, EntitySwitcher, EntitySwitcherProps, EntitySwitcherShortcut, Footer, FooterLinkGroup, FooterProps, MarketingHeaderPreset, MarketingHeaderPresetCta, MarketingHeaderPresetProps, NavLink, Navbar, NavbarLogo, NavbarLogoProps, NavbarMenuClassNames, NavbarMenuGroup, NavbarProps, NavbarUser, NavbarUserMenu, NavbarUserMenuItem, NavbarUserMenuProps, NavbarUserProfile, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NavigationMenuViewportPrimitive, NonprofitFooterPreset, NonprofitFooterPresetLink, NonprofitFooterPresetProps, RouteSegmentedSwitcher, RouteSegmentedSwitcherItem, RouteSegmentedSwitcherProps, SegmentedSwitcher, SegmentedSwitcherItem, SegmentedSwitcherMatchMode, SegmentedSwitcherProps, navigationMenuTriggerStyle } from './navigation.js';
+export { SettingsLayout, SettingsLayoutProps, SettingsPage, SettingsRow, SettingsRowProps, SettingsSection, SettingsSectionProps, SettingsTab, SettingsTabContent, SettingsTabContentProps, SettingsTabs, SettingsTabsProps } from './settings.js';
+export { ThemeProvider, ThemeProviderProps } from 'next-themes';
+import { Dialog, InputProps, Tooltip, TooltipContent as TooltipContent$1 } from './primitives.js';
+export { Alert, AlertDescription, AlertTitle, Badge, BadgeProps, BadgeShape, BadgeSize, Card, CardAction, CardBorder, CardContent, CardDescription, CardElevation, CardFooter, CardHeader, CardProps, CardTitle, Checkbox, CheckboxProps, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputVariant, Label, PasswordInput, PasswordRequirements, PasswordRule, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, SpinnerProps, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TooltipProvider, TooltipTrigger, VerificationCodeInput, VerificationCodeInputProps, badgeVariants, cn, defaultPasswordRules, extendedPasswordRules, inputVariants, spinnerVariants } from './primitives.js';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { DayPicker, DateRange } from 'react-day-picker';
+export { ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent } from './charts.js';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { Command as Command$1 } from 'cmdk';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { PreventWidowsOptions } from '@caffeinebounce/shared-utils';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+export { NavigationMenuPrimitive };
+import '@tanstack/react-table';
+import 'lucide-react';
+import 'grapesjs';
+import './shared-Dqn36QHZ.js';
+import '@radix-ui/react-label';
+import 'input-otp';
+import '@radix-ui/react-select';
+import '@radix-ui/react-tabs';
+import 'clsx';
+import 'recharts/types/chart/types';
+import 'recharts/types/util/payload/getUniqPayload';
+import 'recharts/types/state/tooltipSlice';
+import 'recharts/types/component/Cursor';
+import 'recharts/types/component/Tooltip';
+import 'recharts/types/util/types';
+import 'recharts/types/component/DefaultTooltipContent';
+import 'recharts';
+
+interface CompanyNameEditableCellProps {
+    name: string;
+    dbaName: string | null | undefined;
+    rowId: string;
+    endpoint: string;
+    onSuccess?: (name: string, dbaName: string | null) => void;
+}
+declare function CompanyNameEditableCell({ name: initialName, dbaName: initialDbaName, rowId, endpoint, onSuccess, }: CompanyNameEditableCellProps): react_jsx_runtime.JSX.Element;
+
+interface BaseEditableCellProps {
+    value: string | number | boolean | null | undefined;
+    rowId: string;
+    columnId: string;
+    endpoint: string;
+    schema?: z.ZodType<unknown>;
+    onSuccess?: (newValue: string | number | boolean) => void;
+}
+type EditableCellProps = BaseEditableCellProps & ({
+    type?: "text" | "number" | "email" | "url" | "textarea" | "boolean";
+    options?: never;
+} | {
+    type: "select";
+    options: {
+        label: string;
+        value: string;
+    }[];
+});
+declare function EditableCell({ value: initialValue, rowId, columnId, endpoint, schema, onSuccess, type, options, }: EditableCellProps): react_jsx_runtime.JSX.Element;
+
+interface UserNameEditableCellProps {
+    firstName: string | null | undefined;
+    lastName: string | null | undefined;
+    rowId: string;
+    endpoint: string;
+    onSuccess?: (firstName: string, lastName: string) => void;
+}
+declare function UserNameEditableCell({ firstName: initialFirstName, lastName: initialLastName, rowId, endpoint, onSuccess, }: UserNameEditableCellProps): react_jsx_runtime.JSX.Element;
+
+declare global {
+    interface Window {
+        clarity?: (...args: unknown[]) => void;
+    }
+}
+interface ClarityAnalyticsProps {
+    /**
+     * Microsoft Clarity project ID.
+     * Get your project ID from https://clarity.microsoft.com/
+     */
+    projectId?: string;
+    /**
+     * Whether the Clarity script should load.
+     * @default true
+     */
+    enabled?: boolean;
+}
+/**
+ * Microsoft Clarity Analytics Component
+ *
+ * Loads the Microsoft Clarity script for user behavior analytics including:
+ * - Session recordings
+ * - Heatmaps
+ * - User interaction insights
+ *
+ * @example
+ * ```tsx
+ * // In your root layout
+ * import { ClarityAnalytics } from "@caffeinebounce/ui";
+ *
+ * <ClarityAnalytics projectId={process.env.NEXT_PUBLIC_CLARITY_PROJECT_ID} />
+ * ```
+ */
+declare function ClarityAnalytics({ projectId, enabled, }: ClarityAnalyticsProps): null;
+
+declare global {
+    interface Window {
+        gtag?: (...args: unknown[]) => void;
+        dataLayer?: unknown[];
+    }
+}
+interface GoogleAnalyticsProps {
+    /**
+     * Google Analytics (GA4) measurement ID.
+     * Get your measurement ID from https://analytics.google.com/
+     */
+    measurementId?: string;
+}
+/**
+ * Google Analytics (GA4) Component
+ *
+ * Loads the Google Analytics gtag.js script for web analytics including:
+ * - Page views
+ * - User engagement metrics
+ * - Conversion tracking
+ * - Custom events
+ *
+ * @example
+ * ```tsx
+ * // In your root layout
+ * import { GoogleAnalytics } from "@caffeinebounce/ui";
+ *
+ * <GoogleAnalytics measurementId={process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID} />
+ * ```
+ */
+declare function GoogleAnalytics({ measurementId }: GoogleAnalyticsProps): null;
+
+declare global {
+    interface Window {
+        dataLayer?: unknown[];
+    }
+}
+interface GoogleTagManagerProps {
+    /**
+     * Google Tag Manager container ID.
+     * @example "GTM-XXXXXXX"
+     */
+    containerId?: string;
+    /**
+     * Whether the GTM script should load.
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Data layer name.
+     * @default "dataLayer"
+     */
+    dataLayerName?: string;
+}
+/**
+ * Google Tag Manager component for controlled marketing tag orchestration.
+ */
+declare function GoogleTagManager({ containerId, dataLayerName, enabled, }: GoogleTagManagerProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * MFA factor type definition
+ */
+interface MFAFactor {
+    /** Unique identifier for the factor */
+    id: string;
+    /** Type of MFA factor */
+    type: "totp" | "phone" | "email";
+    /** User-friendly name for the factor */
+    friendlyName?: string;
+    /** Phone number (for phone type) */
+    phone?: string;
+    /** Email address (for email type) */
+    email?: string;
+}
+/**
+ * Props for the MFAChallenge component
+ */
+interface MFAChallengeProps {
+    /** Available MFA factors */
+    factors: MFAFactor[];
+    /** Callback when verification is submitted */
+    onVerify: (factorId: string, code: string) => Promise<void>;
+    /** Optional callback when cancel is clicked */
+    onCancel?: () => void;
+    /** Optional callback to resend verification code */
+    onResend?: (factorId: string) => Promise<void>;
+    /** Optional callback when user needs recovery (lost access to 2FA device) */
+    onRecovery?: () => void;
+    /** Loading state */
+    loading?: boolean;
+    /** Error message to display */
+    error?: string;
+    /** Optional className for styling */
+    className?: string;
+}
+/**
+ * MFAChallenge - A reusable multi-factor authentication challenge component
+ *
+ * Supports multiple factor types (TOTP, phone, email) with factor selection,
+ * verification code input, and resend functionality. Works with any MFA provider
+ * through callback-based API.
+ *
+ * @example
+ * ```tsx
+ * <MFAChallenge
+ *   factors={[
+ *     { id: '1', type: 'totp', friendlyName: 'Authenticator App' },
+ *     { id: '2', type: 'phone', phone: '+1234567890' }
+ *   ]}
+ *   onVerify={async (factorId, code) => {
+ *     await verifyMFA(factorId, code);
+ *   }}
+ *   onResend={async (factorId) => {
+ *     await sendNewCode(factorId);
+ *   }}
+ *   onCancel={() => router.push('/login')}
+ * />
+ * ```
+ */
+declare function MFAChallenge({ factors, onVerify, onCancel, onResend, onRecovery, loading, error, className, }: MFAChallengeProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Recovery method type
+ */
+type RecoveryMethod = "backup_code" | "magic_link";
+/**
+ * Device info for verification
+ */
+interface DeviceInfo {
+    browser?: string;
+    os?: string;
+    city?: string;
+    region?: string;
+    country?: string;
+    latitude?: number;
+    longitude?: number;
+}
+/**
+ * Props for the MFARecovery component
+ */
+interface MFARecoveryProps {
+    /** Callback when backup code verification is submitted */
+    onVerifyBackupCode?: (code: string) => Promise<void>;
+    /** Callback to request magic link */
+    onRequestMagicLink?: () => Promise<void>;
+    /** Callback when user wants to go back to MFA challenge */
+    onBack?: () => void;
+    /** Callback when cancel is clicked */
+    onCancel?: () => void;
+    /** Device info for verification display */
+    deviceInfo?: DeviceInfo;
+    /** Loading state */
+    loading?: boolean;
+    /** Error message to display */
+    error?: string;
+    /** Optional className for styling */
+    className?: string;
+}
+/**
+ * MFARecovery - Multi-factor authentication recovery component
+ *
+ * Handles account recovery when users lose access to their 2FA device.
+ * Supports backup codes and magic link fallback.
+ *
+ * @example
+ * ```tsx
+ * <MFARecovery
+ *   onVerifyBackupCode={async (code) => {
+ *     await verifyRecoveryCode(code);
+ *   }}
+ *   onRequestMagicLink={async () => {
+ *     await sendRecoveryLink();
+ *   }}
+ *   onBack={() => router.push('/mfa-challenge')}
+ *   deviceInfo={{
+ *     browser: 'Chrome',
+ *     os: 'Windows',
+ *     city: 'Lisbon',
+ *     country: 'Portugal'
+ *   }}
+ * />
+ * ```
+ */
+declare function MFARecovery({ onVerifyBackupCode, onRequestMagicLink, onBack, onCancel, deviceInfo, loading, error, className, }: MFARecoveryProps): react_jsx_runtime.JSX.Element;
+
+interface SignOutButtonProps extends Omit<ComponentProps<typeof Button>, "onClick"> {
+    /** Handler called when sign out is clicked */
+    onSignOut: () => void | Promise<void>;
+    /** Button text */
+    children?: React.ReactNode;
+}
+/**
+ * Sign out button component.
+ * Accepts an onSignOut handler for app-specific auth implementation.
+ *
+ * @example
+ * ```tsx
+ * <SignOutButton
+ *   onSignOut={async () => {
+ *     await supabase.auth.signOut();
+ *     router.push("/");
+ *   }}
+ * />
+ * ```
+ */
+declare function SignOutButton({ onSignOut, children, variant, ...props }: SignOutButtonProps): react_jsx_runtime.JSX.Element;
+
+declare const cohortCardVariants: (props?: ({
+    variant?: "default" | "success" | "accent" | "warning" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CohortEligibility = "eligible" | "not-eligible" | "pending" | "applied";
+interface CohortCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cohortCardVariants> {
+    /** Name of the cohort */
+    name: string;
+    /** Type/category of the cohort */
+    type: string;
+    /** Optional tagline (short summary, max 150 chars) */
+    tagline?: string;
+    /** Eligibility status */
+    eligibility?: CohortEligibility;
+    /** Optional background image URL */
+    backgroundImage?: string;
+    /** Optional background gradient overlay */
+    showGradientOverlay?: boolean;
+    /** Application deadline */
+    deadline?: string;
+    /** Number of spots available */
+    spotsAvailable?: number;
+}
+/**
+ * CohortCard - Aesthetic card component for displaying cohort information
+ *
+ * Features:
+ * - Gradient backgrounds with hover effects
+ * - Optional background images
+ * - Eligibility status badge
+ * - Cohort type badge
+ * - Deadline and spots available info
+ *
+ * @example
+ * ```tsx
+ * <CohortCard
+ *   name="Accelerator Cohort 2024"
+ *   type="Accelerator"
+ *   eligibility="eligible"
+ *   tagline="Join our flagship accelerator program"
+ *   deadline="March 15, 2024"
+ *   spotsAvailable={20}
+ * />
+ * ```
+ */
+declare function CohortCard({ name, type, tagline, eligibility, backgroundImage, showGradientOverlay, deadline, spotsAvailable, variant, size, className, ...props }: CohortCardProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Props for the BackgroundRippleEffect component
+ */
+interface BackgroundRippleEffectProps {
+    /** Number of rows in the grid */
+    rows?: number;
+    /** Number of columns in the grid. If omitted, auto-calculates to fill viewport width. */
+    cols?: number;
+    /** Size of each cell in pixels */
+    cellSize?: number;
+    /** Additional className for the container */
+    className?: string;
+    /** Whether to apply the radial mask (fades out edges). Default: true */
+    mask?: boolean;
+}
+/**
+ * An interactive grid background with ripple animation on click.
+ * Creates a visual effect where cells animate outward from the click point.
+ *
+ * @example
+ * ```tsx
+ * <div className="relative h-96">
+ *   <BackgroundRippleEffect rows={8} cols={20} />
+ *   <div className="relative z-10">Content on top</div>
+ * </div>
+ * ```
+ */
+declare function BackgroundRippleEffect({ rows, // No default - undefined means "auto-calculate based on viewport"
+cols, // No default - undefined means "auto-calculate based on viewport"
+cellSize, className, mask, }: BackgroundRippleEffectProps): react_jsx_runtime.JSX.Element;
+
+interface RollingBackgroundProps {
+    /** Primary accent color. Default: "#FF4628" */
+    accentColor?: string;
+    /** Muted accent color for decorative circle. Default: "#D9563F" */
+    mutedAccentColor?: string;
+    /** Logo element to display after animation completes */
+    logo?: ReactNode;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * RollingBackground - Animated background for the "rolling" auth variant.
+ *
+ * Animation sequence:
+ * 1. Orange dot enters from left edge at ~15% from top
+ * 2. Dot moves rightward with subtle bounce oscillation
+ * 3. Orange line trails behind, drawing left-to-right
+ * 4. Dot settles ~40px from right edge
+ * 5. Large decorative circle fades in at bottom-right
+ * 6. Logo watermark fades in at bottom-left
+ */
+declare function RollingBackground({ accentColor, mutedAccentColor, logo, className, }: RollingBackgroundProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Data structure for feedback submission
+ */
+interface FeedbackSubmission {
+    /** The user's feedback text */
+    feedback: string;
+    /** Current page path */
+    page: string;
+    /** Base64 encoded screenshot (JPEG) or null if capture failed/disabled */
+    screenshot: string | null;
+    /** Viewport dimensions at time of submission */
+    viewport: {
+        width: number;
+        height: number;
+    };
+    /** Browser user agent string */
+    userAgent: string;
+    /** Session errors captured during the session, or null if none/disabled */
+    sessionErrors: SessionError[] | null;
+    /** User information if provided */
+    user?: {
+        email: string;
+    };
+    /** ISO timestamp of submission */
+    timestamp: string;
+}
+interface FeedbackDialogProps {
+    /** Whether the dialog is open */
+    open: boolean;
+    /** Callback when dialog open state changes */
+    onOpenChange: (open: boolean) => void;
+    /** Callback when feedback is submitted with full submission data */
+    onSubmit: (data: FeedbackSubmission) => Promise<void>;
+    /** Optional user information to include with feedback */
+    user?: {
+        email: string;
+    };
+    /** Current page path (optional, will be passed to onSubmit) */
+    currentPath?: string;
+    /** Whether to capture a screenshot when dialog opens (default: true) */
+    captureScreenshot?: boolean;
+    /** Whether to include session errors in submission (default: true) */
+    includeSessionErrors?: boolean;
+    /** Callback on successful submission (after onSubmit resolves) */
+    onSuccess?: () => void;
+    /** Callback on submission error */
+    onError?: (error: Error) => void;
+    /** Session storage key for errors (default: "session_errors") */
+    sessionErrorsStorageKey?: string;
+}
+/**
+ * FeedbackDialog - A full-featured feedback dialog with screenshot capture
+ *
+ * Features:
+ * - Automatic screenshot capture when dialog opens (using html2canvas-pro)
+ * - Session error tracking (captures window errors and unhandled rejections)
+ * - Viewport and user agent information
+ * - Configurable callbacks for submission, success, and error handling
+ *
+ * @example
+ * ```tsx
+ * const [open, setOpen] = useState(false);
+ *
+ * <FeedbackDialog
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   onSubmit={async (data) => {
+ *     await fetch('/api/feedback', {
+ *       method: 'POST',
+ *       headers: { 'Content-Type': 'application/json' },
+ *       body: JSON.stringify(data),
+ *     });
+ *   }}
+ *   user={{ email: user?.email }}
+ *   currentPath={pathname}
+ *   onSuccess={() => toast.success('Feedback submitted')}
+ *   onError={(err) => toast.error(err.message)}
+ * />
+ * ```
+ */
+declare function FeedbackDialog({ open, onOpenChange, onSubmit, user, currentPath, captureScreenshot, includeSessionErrors, onSuccess, onError, sessionErrorsStorageKey, }: FeedbackDialogProps): react_jsx_runtime.JSX.Element;
+
+interface FeedbackButtonProps {
+    /** Callback when feedback is submitted */
+    onSubmit: (data: FeedbackSubmission) => Promise<void>;
+    /** Keyboard shortcut key to open dialog (default: "f") */
+    keyboardShortcut?: string;
+    /** Whether to show the keyboard shortcut hint (default: true) */
+    showKeyboardHint?: boolean;
+    /** Button text (default: "Feedback") */
+    buttonText?: string;
+    /** Button variant (default: "ghost") */
+    buttonVariant?: ButtonProps["variant"];
+    /** Button size (default: "sm") */
+    buttonSize?: ButtonProps["size"];
+    /** Additional className for the button */
+    buttonClassName?: string;
+    /** User information to include with feedback */
+    user?: {
+        email: string;
+    };
+    /** Current page path */
+    currentPath?: string;
+    /** Whether to capture screenshots (default: true) */
+    captureScreenshot?: boolean;
+    /** Whether to include session errors (default: true) */
+    includeSessionErrors?: boolean;
+    /** Session storage key for errors */
+    sessionErrorsStorageKey?: string;
+    /** Callback on successful submission */
+    onSuccess?: () => void;
+    /** Callback on submission error */
+    onError?: (error: Error) => void;
+    /** Optional component for displaying keyboard shortcut (e.g., Kbd) */
+    ShortcutComponent?: ComponentType<{
+        className?: string;
+        children: ReactNode;
+    }>;
+    /** Whether keyboard shortcuts are visible based on user preference */
+    shortcutsVisible?: boolean;
+    /** Custom icon (default: MessageSquare) */
+    icon?: ReactNode;
+    /** Use pill/rounded-full styling (default: false) */
+    pillStyle?: boolean;
+}
+/**
+ * FeedbackButton - A button that opens the FeedbackDialog with keyboard shortcut support
+ *
+ * Features:
+ * - Configurable keyboard shortcut (default: F key)
+ * - Optional keyboard hint display
+ * - Customizable styling including pill variant
+ * - All FeedbackDialog features (screenshot capture, session errors, etc.)
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <FeedbackButton
+ *   onSubmit={async (data) => {
+ *     await fetch('/api/feedback', { method: 'POST', body: JSON.stringify(data) });
+ *   }}
+ *   user={{ email: user?.email }}
+ *   currentPath={pathname}
+ * />
+ *
+ * // With keyboard shortcut display
+ * import { Kbd } from "@caffeinebounce/ui";
+ *
+ * <FeedbackButton
+ *   onSubmit={handleSubmit}
+ *   ShortcutComponent={Kbd}
+ *   shortcutsVisible={showShortcuts}
+ *   onSuccess={() => toast.success('Feedback submitted')}
+ *   onError={(err) => toast.error(err.message)}
+ * />
+ *
+ * // Pill style variant
+ * <FeedbackButton
+ *   onSubmit={handleSubmit}
+ *   pillStyle
+ *   buttonClassName="border border-border hover:bg-transparent hover:text-foreground text-muted-foreground"
+ * />
+ * ```
+ */
+declare function FeedbackButton({ onSubmit, keyboardShortcut, showKeyboardHint, buttonText, buttonVariant, buttonSize, buttonClassName, user, currentPath, captureScreenshot, includeSessionErrors, sessionErrorsStorageKey, onSuccess, onError, ShortcutComponent, shortcutsVisible, icon, pillStyle, }: FeedbackButtonProps): react_jsx_runtime.JSX.Element;
+
+declare function Kbd({ className, ...props }: React$1.ComponentProps<"kbd">): react_jsx_runtime.JSX.Element;
+declare function KbdGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+interface KeyboardShortcutProps extends ComponentProps<typeof Kbd> {
+    /** Whether shortcuts are visible (respects user preference) */
+    visible?: boolean;
+    /** Force show regardless of visibility setting */
+    forceShow?: boolean;
+}
+/**
+ * Keyboard shortcut indicator that can respect user accessibility preferences.
+ * Use `visible` prop to control based on user settings, or `forceShow` to always display.
+ */
+declare function KeyboardShortcut({ visible, forceShow, ...props }: KeyboardShortcutProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Props for the ContactInfo component
+ */
+interface ContactInfoProps {
+    /** Organization name */
+    organizationName: string;
+    /** Contact email address */
+    email: string;
+    /** Website URL */
+    website?: string;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * A styled contact information card for legal pages.
+ * Displays organization name, email, and optional website with icons.
+ *
+ * @example
+ * ```tsx
+ * <ContactInfo
+ *   organizationName="The Capital Collective"
+ *   email="privacy@thecapitalcollective.org"
+ *   website="https://thecapitalcollective.org"
+ * />
+ * ```
+ */
+declare function ContactInfo({ organizationName, email, website, className, }: ContactInfoProps): react_jsx_runtime.JSX.Element;
+
+interface DisclosureItem {
+    /** Anchor id for deep-linking from deal pages */
+    id: string;
+    /** Short label — e.g. "1", "2", "†" */
+    label?: string;
+    /** The disclosure copy */
+    text: string;
+    /** Opt-in hide — defaults to false (shown). Set true to suppress this item. */
+    hidden?: boolean;
+}
+interface DisclosureFootnotesProps {
+    disclosures: DisclosureItem[];
+    /** "compact" collapses to first 3 on mobile with a "Show all" toggle. "full" shows everything. Default: "compact" */
+    variant?: "compact" | "full";
+    /** "tray" renders a collapsed disclosure tray on mobile and uses inline disclosures from sm+ upward. Default: "inline" */
+    mobileBehavior?: "inline" | "tray";
+    className?: string;
+}
+declare function DisclosureFootnotes({ disclosures, variant, mobileBehavior, className, }: DisclosureFootnotesProps): react_jsx_runtime.JSX.Element | null;
+
+type ThemeMode = "light" | "dark";
+/**
+ * Hook to get the current theme.
+ * Uses next-themes under the hood.
+ */
+declare function useTheme(): ThemeMode;
+interface ShortcutDefinition {
+    /** Key to press (case-sensitive for letters) */
+    key: string;
+    /** Require Ctrl/Cmd key */
+    ctrl?: boolean;
+    /** Require Shift key */
+    shift?: boolean;
+    /** Require Alt/Option key */
+    alt?: boolean;
+    /** Require Meta/Cmd key (Mac) */
+    meta?: boolean;
+}
+interface ThemeToggleProps {
+    /** Whether to include a system theme option in the toggle cycle */
+    includeSystem?: boolean;
+    /** Keyboard shortcut definition */
+    shortcut?: ShortcutDefinition;
+    /** Display string for the keyboard shortcut (e.g., "⌃⇧L") */
+    shortcutDisplay?: string;
+    /** Whether to show the keyboard shortcut in tooltip (default: true, can be overridden by shortcutsVisible) */
+    showShortcut?: boolean;
+    /** Whether shortcuts are visible based on user preference (overrides showShortcut when provided) */
+    shortcutsVisible?: boolean;
+    /** Custom tooltip content (overrides default) */
+    tooltip?: ReactNode;
+    /** Class name for styling */
+    className?: string;
+}
+/**
+ * Theme toggle component with light/dark switching, plus optional system mode.
+ * Uses next-themes for persistence and DOM updates.
+ */
+declare function ThemeToggle({ includeSystem, shortcut, shortcutDisplay, showShortcut, shortcutsVisible, tooltip, className, }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
+
+interface HelpArticle {
+    slug: string;
+    title: string;
+    description: string;
+    category: string;
+    subcategory?: string;
+    tags?: string[];
+    [key: string]: unknown;
+}
+interface HelpSearchResult {
+    slug: string;
+    title: string;
+    description: string;
+    category: string;
+    subcategory?: string;
+    tags?: string[];
+    [key: string]: unknown;
+}
+interface HelpContextValue {
+    /** Whether the help panel is open */
+    isOpen: boolean;
+    /** Open the help panel */
+    openHelp: (articleSlug?: string) => void;
+    /** Close the help panel */
+    closeHelp: () => void;
+    /** Toggle the help panel */
+    toggleHelp: () => void;
+    /** Currently displayed article */
+    activeArticle: HelpArticle | null;
+    /** Set the active article by slug */
+    setActiveArticle: (slug: string | null) => void;
+    /** Current help context (e.g. admin or user) */
+    helpContext: string;
+    /** Search query */
+    searchQuery: string;
+    /** Set search query */
+    setSearchQuery: (query: string) => void;
+    /** Perform a search and open the panel */
+    performSearch: (query: string) => void;
+    /** Search results */
+    searchResults: HelpSearchResult[];
+    /** Open help for a specific feature */
+    openFeatureHelp: (featureKey: string) => void;
+    /** Navigate to an article */
+    navigateToArticle: (slug: string) => void;
+    /** Go back in history */
+    goBack: () => void;
+    /** Navigation history */
+    history: string[];
+    /** Can go back */
+    canGoBack: boolean;
+}
+interface HelpProviderProps {
+    children: ReactNode;
+    /** Function to get an article by slug */
+    getArticle: (slug: string) => HelpArticle | null;
+    /** Function to search articles */
+    searchArticles: (query: string) => HelpSearchResult[];
+    /** Function to get help article slug for a feature key */
+    getArticleForFeature: (featureKey: string) => string | null;
+    /** Function to get help article slug for a route */
+    getArticleForRoute: (pathname: string) => string | null;
+    /** Function to get help context for a route */
+    getContextForRoute: (pathname: string) => string;
+    /** Current pathname (pass from usePathname in app) */
+    pathname: string;
+    /** Whether this is the admin help context (overrides route context) */
+    isAdmin?: boolean;
+}
+declare function HelpProvider({ children, getArticle, searchArticles, getArticleForFeature, getArticleForRoute, getContextForRoute, pathname, isAdmin, }: HelpProviderProps): react_jsx_runtime.JSX.Element;
+declare function useHelp(): HelpContextValue;
+
+interface HelpArticleGroup {
+    title: string;
+    icon?: ReactNode;
+    articles: HelpArticle[];
+}
+interface HelpArticleIndexProps {
+    groups: HelpArticleGroup[];
+    onSelect: (slug: string) => void;
+}
+declare function HelpArticleIndex({ groups, onSelect }: HelpArticleIndexProps): react_jsx_runtime.JSX.Element;
+
+interface HelpArticleViewProps {
+    article: HelpArticle;
+    onNavigate: (slug: string) => void;
+    onBackToIndex: () => void;
+    relatedArticles?: HelpArticle[];
+    isLoading?: boolean;
+    children?: ReactNode;
+}
+declare function HelpArticleView({ article, onNavigate, onBackToIndex, relatedArticles, isLoading, children, }: HelpArticleViewProps): react_jsx_runtime.JSX.Element;
+
+interface HelpButtonProps {
+    /** Optional feature key to show specific help */
+    featureKey?: string;
+    /** Button variant */
+    variant?: "default" | "ghost" | "outline";
+    /** Button size */
+    size?: "default" | "sm" | "lg" | "icon";
+    /** Additional class name */
+    className?: string;
+    /** Custom label */
+    label?: string;
+    /** Show label or just icon */
+    showLabel?: boolean;
+}
+/**
+ * Help button component that opens the help panel.
+ *
+ * Can be used standalone or with a specific feature key to show
+ * contextual help for a specific feature.
+ */
+declare function HelpButton({ featureKey, variant, size, className, label, showLabel, }: HelpButtonProps): react_jsx_runtime.JSX.Element;
+
+interface HelpSearchResultsProps {
+    results: HelpSearchResult[];
+    query: string;
+    onSelect: (slug: string) => void;
+    categoryIcons?: Record<string, ComponentType<{
+        className?: string;
+    }>>;
+}
+declare function HelpSearchResults({ results, query, onSelect, categoryIcons, }: HelpSearchResultsProps): react_jsx_runtime.JSX.Element;
+
+interface HelpTooltipProps {
+    /** Content to display in the tooltip */
+    content: string;
+    /** Optional feature key to link to more help */
+    featureKey?: string;
+    /** Size of the help icon */
+    size?: "sm" | "md";
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * Inline help tooltip that shows a small "?" icon with hover content.
+ */
+declare function HelpTooltip({ content, featureKey, size, className, }: HelpTooltipProps): react_jsx_runtime.JSX.Element;
+
+interface AutocompleteOption {
+    /** Unique identifier for the option */
+    value: string;
+    /** Display label */
+    label: string;
+    /** Optional description shown below the label */
+    description?: string;
+    /** Whether this option is disabled */
+    disabled?: boolean;
+}
+interface AutocompleteProps {
+    /** Array of options to display */
+    options: AutocompleteOption[];
+    /** Currently selected value */
+    value?: string;
+    /** Callback when selection changes */
+    onValueChange?: (value: string) => void;
+    /** Placeholder text when no selection */
+    placeholder?: string;
+    /** Text to show when no options match the search */
+    emptyText?: string;
+    /** Whether the autocomplete is disabled */
+    disabled?: boolean;
+    /** Whether to allow creating new options */
+    allowCreate?: boolean;
+    /** Label for the create new option (e.g., "Create new type") */
+    createLabel?: string;
+    /** Callback when user wants to create a new option */
+    onCreateNew?: (searchValue: string) => void;
+    /** Callback when user wants to edit the selected option */
+    onEditSelected?: (option: AutocompleteOption) => void;
+    /** Whether the autocomplete is in a loading state */
+    loading?: boolean;
+    /** Additional class name for the input */
+    className?: string;
+    /** Error state */
+    error?: boolean;
+    /** ARIA label for accessibility */
+    "aria-label"?: string;
+    /** Input id */
+    id?: string;
+    /** Input name */
+    name?: string;
+}
+/**
+ * An autocomplete input component that shows suggestions as you type,
+ * with optional create-new functionality embedded in the dropdown.
+ *
+ * @example
+ * ```tsx
+ * <Autocomplete
+ *   options={[
+ *     { value: "1", label: "Option 1" },
+ *     { value: "2", label: "Option 2", description: "With description" }
+ *   ]}
+ *   value={selected}
+ *   onValueChange={setSelected}
+ *   placeholder="Type to search..."
+ *   allowCreate
+ *   onCreateNew={(searchValue) => openCreateDialog(searchValue)}
+ * />
+ * ```
+ */
+declare function Autocomplete({ options, value, onValueChange, placeholder, emptyText, disabled, allowCreate, createLabel, onCreateNew, onEditSelected, loading, className, error, "aria-label": ariaLabel, id, name, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Avatar - User profile image with fallback support
+ *
+ * @example
+ * <Avatar>
+ *   <AvatarImage src="/profile.jpg" alt="User" />
+ *   <AvatarFallback>JD</AvatarFallback>
+ * </Avatar>
+ */
+declare function Avatar({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/**
+ * AvatarImage - Image element for avatar
+ */
+declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
+/**
+ * AvatarFallback - Fallback content when image fails to load (typically initials)
+ */
+declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
+
+interface BackLinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** URL to navigate back to */
+    href: string;
+    /** Label text (defaults to "Back") */
+    children?: React$1.ReactNode;
+}
+/**
+ * BackLink - Simple back navigation link with arrow icon
+ *
+ * @example
+ * ```tsx
+ * <BackLink href="/cohorts">Back to Cohorts</BackLink>
+ * ```
+ */
+declare const BackLink: React$1.ForwardRefExoticComponent<BackLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+
+interface ButtonGroupProps extends React$1.ComponentProps<"div"> {
+    orientation?: "horizontal" | "vertical";
+}
+/**
+ * ButtonGroup - Group of related buttons with connected appearance
+ *
+ * @example
+ * <ButtonGroup>
+ *   <Button>Left</Button>
+ *   <Button>Middle</Button>
+ *   <Button>Right</Button>
+ * </ButtonGroup>
+ *
+ * @example
+ * // Vertical orientation
+ * <ButtonGroup orientation="vertical">
+ *   <Button>Top</Button>
+ *   <Button>Bottom</Button>
+ * </ButtonGroup>
+ */
+declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
+/**
+ * ButtonGroupSeparator - Visual divider between button groups
+ */
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React$1.ComponentProps<"hr"> & {
+    orientation?: "horizontal" | "vertical";
+}): react_jsx_runtime.JSX.Element;
+/**
+ * ButtonGroupText - Text label within a button group
+ */
+declare function ButtonGroupText({ className, asChild, children, ...props }: React$1.ComponentProps<"span"> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+type CalendarProps = React$1.ComponentProps<typeof DayPicker> & {
+    /** Enable dropdowns for quick month/year navigation */
+    captionLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
+};
+/**
+ * A calendar component built on react-day-picker.
+ * Supports single date, multiple dates, and date range selection.
+ * Use captionLayout="dropdown" for clickable month/year navigation.
+ */
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+
+interface HoverEffectItem {
+    /** Card title */
+    title: string;
+    /** Card description */
+    description: string;
+    /** Optional link URL - if provided, card becomes a link */
+    link?: string;
+}
+interface HoverEffectProps {
+    /** Items to display in the grid */
+    items: HoverEffectItem[];
+    /** Additional className for the container */
+    className?: string;
+}
+/**
+ * HoverEffect - A grid of cards with an animated hover highlight effect.
+ *
+ * The highlight smoothly slides to whichever card is currently hovered,
+ * creating a fluid, interactive experience.
+ *
+ * @example
+ * ```tsx
+ * <HoverEffect
+ *   items={[
+ *     { title: "Feature 1", description: "Description of feature 1", link: "/feature-1" },
+ *     { title: "Feature 2", description: "Description of feature 2", link: "/feature-2" },
+ *   ]}
+ * />
+ * ```
+ */
+declare function HoverEffect({ items, className }: HoverEffectProps): react_jsx_runtime.JSX.Element;
+interface HoverEffectCardProps {
+    /** Additional className */
+    className?: string;
+    /** Card content */
+    children: React$1.ReactNode;
+}
+/**
+ * HoverEffectCard - The card container for HoverEffect items
+ */
+declare function HoverEffectCard({ className, children }: HoverEffectCardProps): react_jsx_runtime.JSX.Element;
+interface HoverEffectCardTitleProps {
+    /** Additional className */
+    className?: string;
+    /** Title content */
+    children: React$1.ReactNode;
+}
+/**
+ * HoverEffectCardTitle - Title component for HoverEffect cards
+ */
+declare function HoverEffectCardTitle({ className, children, }: HoverEffectCardTitleProps): react_jsx_runtime.JSX.Element;
+interface HoverEffectCardDescriptionProps {
+    /** Additional className */
+    className?: string;
+    /** Description content */
+    children: React$1.ReactNode;
+}
+/**
+ * HoverEffectCardDescription - Description component for HoverEffect cards
+ */
+declare function HoverEffectCardDescription({ className, children, }: HoverEffectCardDescriptionProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Collapsible - Expandable/collapsible content container
+ *
+ * @example
+ * <Collapsible open={isOpen} onOpenChange={setIsOpen}>
+ *   <CollapsibleTrigger>Show more</CollapsibleTrigger>
+ *   <CollapsibleContent>
+ *     Hidden content that can be toggled
+ *   </CollapsibleContent>
+ * </Collapsible>
+ */
+declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * CollapsibleTrigger - Button to toggle collapsible content
+ */
+declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * CollapsibleContent - Content that can be collapsed/expanded
+ */
+declare const CollapsibleContent: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ComboboxOption {
+    /** Unique identifier for the option */
+    value: string;
+    /** Display label */
+    label: string;
+    /** Optional description shown below the label */
+    description?: string;
+    /** Whether this option is disabled */
+    disabled?: boolean;
+}
+interface ComboboxProps {
+    /** Array of options to display */
+    options: ComboboxOption[];
+    /** Currently selected value */
+    value?: string;
+    /** Callback when selection changes */
+    onValueChange?: (value: string) => void;
+    /** Placeholder text when no selection */
+    placeholder?: string;
+    /** Whether placeholder should use muted styling */
+    mutedPlaceholder?: boolean;
+    /** Placeholder for the search input */
+    searchPlaceholder?: string;
+    /** Text to show when no options match the search */
+    emptyText?: string;
+    /** Whether the combobox is disabled */
+    disabled?: boolean;
+    /** Whether to allow creating new options */
+    allowCreate?: boolean;
+    /** Label for the create new option (e.g., "Create new type") */
+    createLabel?: string;
+    /** Callback when user wants to create a new option */
+    onCreateNew?: (searchValue: string) => void;
+    /** Whether the combobox is in a loading state */
+    loading?: boolean;
+    /** Additional class name for the trigger button */
+    className?: string;
+    /** Size variant */
+    size?: "sm" | "default";
+    /** Content alignment */
+    align?: "start" | "center" | "end";
+    /** Error state */
+    error?: boolean;
+    /** Optional leading icon in the trigger */
+    icon?: ReactNode;
+    /** ARIA label for accessibility */
+    "aria-label"?: string;
+}
+/**
+ * A searchable dropdown (combobox) component with optional create-new functionality.
+ *
+ * @example
+ * ```tsx
+ * <Combobox
+ *   options={[
+ *     { value: "1", label: "Option 1" },
+ *     { value: "2", label: "Option 2", description: "With description" }
+ *   ]}
+ *   value={selected}
+ *   onValueChange={setSelected}
+ *   placeholder="Select an option..."
+ *   allowCreate
+ *   onCreateNew={(searchValue) => openCreateDialog(searchValue)}
+ * />
+ * ```
+ */
+declare function Combobox({ options, value, onValueChange, placeholder, mutedPlaceholder, searchPlaceholder, emptyText, disabled, allowCreate, createLabel, onCreateNew, loading, className, size, align, error, icon, "aria-label": ariaLabel, }: ComboboxProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Command - Command palette / search interface
+ *
+ * @example
+ * <Command>
+ *   <CommandInput placeholder="Search..." />
+ *   <CommandList>
+ *     <CommandEmpty>No results found.</CommandEmpty>
+ *     <CommandGroup heading="Suggestions">
+ *       <CommandItem>Calendar</CommandItem>
+ *       <CommandItem>Settings</CommandItem>
+ *     </CommandGroup>
+ *   </CommandList>
+ * </Command>
+ */
+declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
+/**
+ * CommandDialog - Command palette in a modal dialog
+ */
+declare function CommandDialog({ children, title, ...props }: React$1.ComponentProps<typeof Dialog> & {
+    title?: string;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * CommandInput - Search input for command palette
+ */
+declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
+/**
+ * CommandList - Scrollable list of command items
+ */
+declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
+/**
+ * CommandEmpty - Shown when no results match the search
+ */
+declare function CommandEmpty({ className, ...props }: React$1.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
+/**
+ * CommandGroup - Group of related command items
+ */
+declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
+/**
+ * CommandSeparator - Visual separator between command groups
+ */
+declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
+/**
+ * CommandItem - Individual selectable item in command palette
+ */
+declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
+/**
+ * CommandShortcut - Keyboard shortcut hint displayed on command items
+ */
+declare function CommandShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+
+type CanonicalDataState = "loading" | "empty" | "stale" | "partial" | "error" | "unauthorized" | "misconfigured";
+interface DataStateMetadata {
+    isLoading?: boolean;
+    isFetching?: boolean;
+    isStale?: boolean;
+    isPartial?: boolean;
+    hasData?: boolean;
+    isMisconfigured?: boolean;
+    isUnauthorized?: boolean;
+    isEmpty?: boolean;
+}
+interface ResolveDataStateInput<TData = unknown> {
+    error?: unknown;
+    data?: TData;
+    metadata?: DataStateMetadata;
+    hasData?: (data: TData | undefined) => boolean;
+}
+interface DataStateCopy {
+    title: string;
+    description: string;
+}
+interface ResolvedDataState {
+    state: CanonicalDataState | null;
+    retryable: boolean;
+    copy?: DataStateCopy;
+}
+declare function resolveDataState<TData = unknown>({ error, data, metadata, hasData, }: ResolveDataStateInput<TData>): ResolvedDataState;
+
+interface DataStateBaseProps {
+    state: CanonicalDataState;
+    title?: string;
+    description?: string;
+    className?: string;
+    retryable?: boolean;
+    onRetry?: () => void;
+    retryLabel?: string;
+    action?: React$1.ReactNode;
+}
+declare function DataStateBanner({ state, title, description, className, retryable, onRetry, retryLabel, action, }: DataStateBaseProps): react_jsx_runtime.JSX.Element;
+declare function DataStateInline({ state, title, description, className, retryable, onRetry, retryLabel, action, }: DataStateBaseProps): react_jsx_runtime.JSX.Element;
+
+interface DatePickerProps {
+    /** The selected date value */
+    value?: Date;
+    /** Callback when the date changes */
+    onChange?: (date: Date | undefined) => void;
+    /** Placeholder text when no date is selected */
+    placeholder?: string;
+    /** Whether the picker is disabled */
+    disabled?: boolean;
+    /** Optional className for the trigger button */
+    className?: string;
+    /** Format string for displaying the date (date-fns format) */
+    dateFormat?: string;
+    /** Minimum selectable date */
+    fromDate?: Date;
+    /** Maximum selectable date */
+    toDate?: Date;
+    /** Size variant */
+    size?: "sm" | "default" | "lg";
+    /** Alignment of the popover */
+    align?: "start" | "center" | "end";
+    /** Whether the picker has a validation error */
+    error?: boolean;
+}
+/**
+ * A date picker component that combines a button trigger with a calendar popover.
+ * Built on react-day-picker and Radix UI Popover.
+ */
+declare function DatePicker({ value, onChange, placeholder, disabled, className, dateFormat, fromDate, toDate, size, align, error, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+interface DateRangePickerProps {
+    /** The selected date range */
+    value?: DateRange;
+    /** Callback when the date range changes */
+    onChange?: (range: DateRange | undefined) => void;
+    /** Placeholder text when no date is selected */
+    placeholder?: string;
+    /** Whether the picker is disabled */
+    disabled?: boolean;
+    /** Optional className for the trigger button */
+    className?: string;
+    /** Format string for displaying dates (date-fns format) */
+    dateFormat?: string;
+    /** Minimum selectable date */
+    fromDate?: Date;
+    /** Maximum selectable date */
+    toDate?: Date;
+    /** Size variant */
+    size?: "sm" | "default" | "lg";
+    /** Number of months to display */
+    numberOfMonths?: number;
+    /** Alignment of the popover */
+    align?: "start" | "center" | "end";
+}
+/**
+ * A date range picker component for selecting a start and end date.
+ */
+declare function DateRangePicker({ value, onChange, placeholder, disabled, className, dateFormat, fromDate, toDate, size, numberOfMonths, align, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+
+interface DeleteConfirmationDialogProps {
+    /** Whether the dialog is open */
+    open: boolean;
+    /** Callback when open state changes */
+    onOpenChange: (open: boolean) => void;
+    /** Name of the item being deleted (used in default description) */
+    itemName?: string;
+    /** Type of item being deleted (used in default description) */
+    itemType?: string;
+    /** Custom dialog title (default: "Delete {itemType}") */
+    title?: string;
+    /** Custom description (overrides itemName/itemType) */
+    description?: React.ReactNode;
+    /** Callback when deletion is confirmed - can be async */
+    onConfirm: () => void | Promise<void>;
+    /** Label for confirm button (default: "Delete") */
+    confirmLabel?: string;
+    /** Label for cancel button (default: "Cancel") */
+    cancelLabel?: string;
+    /** External loading state (for controlled loading) */
+    isLoading?: boolean;
+    /** Variant affects styling (default: "danger") */
+    variant?: "danger" | "warning";
+    /** Additional details shown below description */
+    details?: string;
+    /** Additional className for the dialog content */
+    className?: string;
+    /** Text user must type to confirm deletion (enables type-to-confirm mode) */
+    confirmationText?: string;
+}
+/**
+ * DeleteConfirmationDialog - A reusable dialog for confirming destructive actions
+ *
+ * @example
+ * // Basic usage
+ * <DeleteConfirmationDialog
+ *   open={showDialog}
+ *   onOpenChange={setShowDialog}
+ *   itemName="Acme Inc"
+ *   itemType="company"
+ *   onConfirm={handleDelete}
+ * />
+ *
+ * @example
+ * // With async confirmation
+ * <DeleteConfirmationDialog
+ *   open={showDialog}
+ *   onOpenChange={setShowDialog}
+ *   itemName={user.email}
+ *   itemType="user"
+ *   onConfirm={async () => {
+ *     await deleteUser(user.id);
+ *     // Dialog closes automatically on success
+ *   }}
+ * />
+ *
+ * @example
+ * // With custom description
+ * <DeleteConfirmationDialog
+ *   open={showDialog}
+ *   onOpenChange={setShowDialog}
+ *   title="Remove Team Member"
+ *   description="This will remove John from the team and revoke their access."
+ *   onConfirm={handleRemove}
+ *   confirmLabel="Remove"
+ * />
+ *
+ * @example
+ * // With type-to-confirm for critical deletions
+ * <DeleteConfirmationDialog
+ *   open={showDialog}
+ *   onOpenChange={setShowDialog}
+ *   itemName="Production Database"
+ *   itemType="database"
+ *   confirmationText="DELETE"
+ *   onConfirm={handleDelete}
+ * />
+ */
+declare function DeleteConfirmationDialog({ open, onOpenChange, itemName, itemType, title, description, onConfirm, confirmLabel, cancelLabel, isLoading: externalLoading, variant, details, className, confirmationText, }: DeleteConfirmationDialogProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Supported social media platforms
+ */
+type SocialPlatform = "x" | "twitter" | "facebook" | "instagram" | "linkedin" | "pinterest" | "youtube" | "tiktok" | "github";
+/**
+ * Array of all supported social platforms for iteration
+ */
+declare const socialPlatforms: SocialPlatform[];
+interface SocialIconProps {
+    /** The social media platform */
+    platform: SocialPlatform;
+    /** Icon size in pixels (default: 16) */
+    size?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** If provided, wraps icon in an anchor tag */
+    href?: string;
+    /** Opens link in new tab (default: true when href is provided) */
+    newTab?: boolean;
+    /** Accessible label (default: platform name) */
+    "aria-label"?: string;
+}
+/**
+ * SocialIcon - Renders brand icons for social media platforms
+ *
+ * @example
+ * // Basic usage
+ * <SocialIcon platform="linkedin" />
+ *
+ * // With custom size
+ * <SocialIcon platform="x" size={24} />
+ *
+ * // As a link
+ * <SocialIcon platform="instagram" href="https://instagram.com/username" />
+ */
+declare function SocialIcon({ platform, size, className, href, newTab, "aria-label": ariaLabel, }: SocialIconProps): react_jsx_runtime.JSX.Element;
+
+interface DisplayFieldProps {
+    /** Field label */
+    label: string;
+    /** Field value - if falsy, placeholder is shown */
+    value?: string | number | null;
+    /** Custom placeholder when value is empty */
+    placeholder?: string;
+    /** Makes the value a clickable link */
+    href?: string;
+    /** Opens link in new tab (default: true for external links) */
+    external?: boolean;
+    /** Icon component to show before the value */
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Social platform icon (overrides icon prop) */
+    platform?: SocialPlatform;
+    /** Allows multiline value display with whitespace preservation */
+    multiline?: boolean;
+    /** Additional className for the container */
+    className?: string;
+    /** Additional className for the value */
+    valueClassName?: string;
+}
+/**
+ * DisplayField - A label/value display component for profile and detail views.
+ *
+ * @example
+ * // Basic usage
+ * <DisplayField label="Company Name" value={company.name} />
+ *
+ * @example
+ * // With icon
+ * <DisplayField label="Email" value={user.email} icon={Mail} />
+ *
+ * @example
+ * // As link
+ * <DisplayField label="Website" value={company.website} href={company.website} />
+ *
+ * @example
+ * // With social platform icon
+ * <DisplayField label="LinkedIn" value={linkedinUrl} href={linkedinUrl} platform="linkedin" />
+ */
+declare function DisplayField({ label, value, placeholder, href, external, icon: Icon, platform, multiline, className, valueClassName, }: DisplayFieldProps): react_jsx_runtime.JSX.Element;
+interface DisplayFieldGroupProps {
+    /** Field group content (DisplayField components) */
+    children: React.ReactNode;
+    /** Number of columns for the grid layout */
+    columns?: 1 | 2 | 3 | 4;
+    /** Additional className for the container */
+    className?: string;
+}
+/**
+ * DisplayFieldGroup - Organizes multiple DisplayField components in a responsive grid.
+ *
+ * @example
+ * <DisplayFieldGroup columns={2}>
+ *   <DisplayField label="Name" value={user.name} />
+ *   <DisplayField label="Email" value={user.email} />
+ *   <DisplayField label="Phone" value={user.phone} />
+ *   <DisplayField label="Location" value={user.location} />
+ * </DisplayFieldGroup>
+ */
+declare function DisplayFieldGroup({ children, columns, className, }: DisplayFieldGroupProps): react_jsx_runtime.JSX.Element;
+
+interface DraggableCardBodyProps {
+    className?: string;
+    children?: React$1.ReactNode;
+}
+declare const DraggableCardBody: ({ className, children, }: DraggableCardBodyProps) => react_jsx_runtime.JSX.Element;
+interface DraggableCardContainerProps {
+    className?: string;
+    children?: React$1.ReactNode;
+}
+declare const DraggableCardContainer: ({ className, children, }: DraggableCardContainerProps) => react_jsx_runtime.JSX.Element;
+
+interface DraggableStickyModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    subtitle?: string;
+    children: ReactNode;
+    initialX?: number;
+    initialY?: number;
+    widthClassName?: string;
+    heightClassName?: string;
+}
+declare function DraggableStickyModal({ open, onOpenChange, title, subtitle, children, initialX, initialY, widthClassName, heightClassName, }: DraggableStickyModalProps): React$1.ReactPortal | null;
+
+/**
+ * DropdownMenu - Context menu dropdown component
+ *
+ * @example
+ * <DropdownMenu>
+ *   <DropdownMenuTrigger asChild>
+ *     <Button variant="outline">Open Menu</Button>
+ *   </DropdownMenuTrigger>
+ *   <DropdownMenuContent>
+ *     <DropdownMenuItem>Profile</DropdownMenuItem>
+ *     <DropdownMenuItem>Settings</DropdownMenuItem>
+ *     <DropdownMenuSeparator />
+ *     <DropdownMenuItem variant="destructive">Logout</DropdownMenuItem>
+ *   </DropdownMenuContent>
+ * </DropdownMenu>
+ */
+declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/**
+ * DropdownMenuPortal - Portal container for dropdown menu
+ */
+declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+/**
+ * DropdownMenuTrigger - Element that triggers the dropdown menu
+ */
+declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+/**
+ * DropdownMenuContent - Container for dropdown menu items
+ */
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+/**
+ * DropdownMenuItem - Individual item in dropdown menu
+ */
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
+/**
+ * DropdownMenuCheckboxItem - Checkbox item in dropdown menu
+ */
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+/**
+ * DropdownMenuRadioItem - Radio button item in dropdown menu
+ */
+declare function DropdownMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+/**
+ * DropdownMenuLabel - Section label in dropdown menu
+ */
+declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * DropdownMenuSeparator - Visual separator between menu items
+ */
+declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+/**
+ * DropdownMenuGroup - Container for grouping related menu items
+ */
+declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+/**
+ * DropdownMenuRadioGroup - Container for radio button items
+ */
+declare function DropdownMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+/**
+ * DropdownMenuSub - Nested submenu container
+ */
+declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+/**
+ * DropdownMenuSubTrigger - Trigger for opening a submenu
+ */
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+interface FormDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description?: string;
+    children: React$1.ReactNode;
+    onSubmit?: () => void;
+    submitLabel?: string;
+    cancelLabel?: string;
+    isLoading?: boolean;
+}
+declare function FormDialog({ open, onOpenChange, title, description, children, onSubmit, submitLabel, cancelLabel, isLoading, }: FormDialogProps): react_jsx_runtime.JSX.Element;
+
+type GooeyInputClassNames = {
+    root?: string;
+    filterWrap?: string;
+    buttonRow?: string;
+    trigger?: string;
+    input?: string;
+    clearButton?: string;
+    bubble?: string;
+    bubbleSurface?: string;
+};
+interface GooeyInputProps extends Omit<React$1.ComponentProps<"input">, "className" | "defaultValue" | "disabled" | "onChange" | "value"> {
+    className?: string;
+    classNames?: GooeyInputClassNames;
+    compactBreakpoint?: number;
+    collapsedWidth?: number;
+    compactOnNarrow?: boolean;
+    defaultValue?: string;
+    disabled?: boolean;
+    expandFrom?: "left" | "right";
+    expandedOffset?: number;
+    expandedWidth?: number;
+    gooeyBlur?: number;
+    onOpenChange?: (open: boolean) => void;
+    onValueChange?: (value: string) => void;
+    reserveExpandedSpace?: boolean;
+    value?: string;
+}
+declare function GooeyInput({ className, classNames, compactBreakpoint, collapsedWidth, compactOnNarrow, defaultValue, disabled, expandFrom, expandedOffset, expandedWidth, gooeyBlur, onBlur, onFocus, onKeyDown, onOpenChange, onValueChange, placeholder, reserveExpandedSpace, style, value, ...props }: GooeyInputProps): react_jsx_runtime.JSX.Element;
+
+declare const iconButtonVariants: (props?: ({
+    variant?: "default" | "destructive" | "ghost" | "delete" | "edit" | "success" | "successActive" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface IconButtonProps extends React$1.ComponentProps<"button">, VariantProps<typeof iconButtonVariants> {
+}
+/**
+ * Icon-only button with common variants for actions like edit, delete, etc.
+ *
+ * @example
+ * ```tsx
+ * <IconButton variant="delete" onClick={handleDelete}>
+ *   <Trash2 />
+ * </IconButton>
+ *
+ * <IconButton variant="edit" onClick={handleEdit}>
+ *   <Pencil />
+ * </IconButton>
+ * ```
+ */
+declare function IconButton({ className, variant, size, ...props }: IconButtonProps): react_jsx_runtime.JSX.Element;
+
+interface InfoTooltipProps {
+    /** Content to display in the tooltip */
+    content: ReactNode;
+    /** Size of the icon */
+    size?: "sm" | "md";
+    /** Additional class name for the button */
+    className?: string;
+    /** Side of the trigger to show the tooltip */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Alignment of the tooltip content */
+    align?: "start" | "center" | "end";
+}
+/**
+ * Simple info tooltip with an icon trigger.
+ * Use this for inline help text next to labels.
+ *
+ * @example
+ * ```tsx
+ * <FieldLabel>
+ *   Cohort Name *
+ *   <InfoTooltip content="A descriptive name for this cohort" />
+ * </FieldLabel>
+ * ```
+ */
+declare function InfoTooltip({ content, size, className, side, align, }: InfoTooltipProps): react_jsx_runtime.JSX.Element;
+
+interface InlineEditableBaseProps {
+    /** Current value */
+    value: string;
+    /** Save handler - receives new value */
+    onSave: (value: string) => void;
+    /** Whether a save operation is in progress */
+    isLoading?: boolean;
+    /** Placeholder when value is empty */
+    placeholder?: string;
+    /** Additional className */
+    className?: string;
+}
+interface InlineEditableTextProps extends InlineEditableBaseProps {
+    /** Whether to render as multiline textarea */
+    multiline?: boolean;
+    /** Max length for input */
+    maxLength?: number;
+    /** Number of rows for textarea (when multiline=true) */
+    rows?: number;
+}
+/**
+ * InlineEditableText - Click-to-edit text field with inline editing.
+ *
+ * @example
+ * // Basic usage
+ * <InlineEditableText
+ *   value={title}
+ *   onSave={(newValue) => updateTitle(newValue)}
+ *   placeholder="Enter title..."
+ * />
+ *
+ * @example
+ * // Multiline
+ * <InlineEditableText
+ *   value={description}
+ *   onSave={handleSave}
+ *   multiline
+ *   rows={3}
+ * />
+ */
+declare function InlineEditableText({ value, onSave, isLoading, placeholder, className, multiline, maxLength, rows, }: InlineEditableTextProps): react_jsx_runtime.JSX.Element;
+interface InlineEditableDateProps extends InlineEditableBaseProps {
+    /** Date format for display (default: localized date string) */
+    formatDisplay?: (date: Date) => string;
+}
+/**
+ * InlineEditableDate - Click-to-edit date field with date picker.
+ *
+ * @example
+ * <InlineEditableDate
+ *   value={startDate}
+ *   onSave={(newDate) => updateStartDate(newDate)}
+ *   placeholder="Select date..."
+ * />
+ */
+declare function InlineEditableDate({ value, onSave, isLoading, placeholder, className, formatDisplay, }: InlineEditableDateProps): react_jsx_runtime.JSX.Element;
+interface SelectOption<T = string> {
+    value: T;
+    label: string;
+}
+interface InlineEditableSelectProps<T = string> extends Omit<InlineEditableBaseProps, "value" | "onSave"> {
+    /** Options for the select */
+    options: SelectOption<T>[];
+    /** Save handler - receives selected value */
+    onSave: (value: T) => void;
+    /** Current value (must match an option value) */
+    value: T;
+}
+/**
+ * InlineEditableSelect - Click-to-edit dropdown select field.
+ *
+ * @example
+ * <InlineEditableSelect
+ *   value={status}
+ *   options={[
+ *     { value: 'active', label: 'Active' },
+ *     { value: 'inactive', label: 'Inactive' },
+ *   ]}
+ *   onSave={(newStatus) => updateStatus(newStatus)}
+ * />
+ */
+declare function InlineEditableSelect<T = string>({ value, options, onSave, isLoading, placeholder, className, }: InlineEditableSelectProps<T>): react_jsx_runtime.JSX.Element;
+
+interface LocationMapProps {
+    /** City name */
+    city?: string;
+    /** Region/State */
+    region?: string;
+    /** Country name */
+    country?: string;
+    /** Latitude for map center */
+    latitude?: number;
+    /** Longitude for map center */
+    longitude?: number;
+    /** Optional className for styling */
+    className?: string;
+}
+/**
+ * LocationMap - A simple static map visualization for IP location
+ *
+ * Uses OpenStreetMap static tiles to display a location marker.
+ * Falls back to a styled placeholder if coordinates aren't available.
+ *
+ * @example
+ * ```tsx
+ * <LocationMap
+ *   city="Lisbon"
+ *   country="Portugal"
+ *   latitude={38.7223}
+ *   longitude={-9.1393}
+ * />
+ * ```
+ */
+declare function LocationMap({ city, region, country, latitude, longitude, className, }: LocationMapProps): react_jsx_runtime.JSX.Element;
+
+interface ModernCalendarProps {
+    /** Currently selected date */
+    selected?: Date;
+    /** Callback when date is selected */
+    onSelect?: (date: Date | undefined) => void;
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Additional class name */
+    className?: string;
+    /** Disable the calendar */
+    disabled?: boolean;
+}
+/**
+ * A modern calendar component with click-through navigation.
+ * - Click month/year header → shows month grid
+ * - Click year in month grid → shows year grid
+ * - Selecting navigates back to day view
+ */
+declare function ModernCalendar({ selected, onSelect, minDate, maxDate, className, disabled, }: ModernCalendarProps): react_jsx_runtime.JSX.Element;
+declare namespace ModernCalendar {
+    var displayName: string;
+}
+
+interface NumberStepperProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "type" | "size"> {
+    /** Current value */
+    value: number;
+    /** Callback when value changes */
+    onChange: (value: number) => void;
+    /** Minimum allowed value */
+    min?: number;
+    /** Maximum allowed value */
+    max?: number;
+    /** Step increment/decrement amount */
+    step?: number;
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
+}
+/**
+ * A number input with increment/decrement buttons.
+ * Provides a cleaner alternative to browser default number inputs.
+ *
+ * @default min - 0 (allows zero, override for positive-only)
+ */
+declare function NumberStepper({ value, onChange, min, max, step, size, disabled, className, ...props }: NumberStepperProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * PageHeader component for consistent page titles and descriptions.
+ */
+interface PageHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Page title */
+    title: string;
+    /** Optional description */
+    description?: string;
+    /** Optional actions (buttons, etc.) to display on the right */
+    actions?: React$1.ReactNode;
+    /** Whether to add bottom border */
+    bordered?: boolean;
+    /** Optional back link URL */
+    backHref?: string;
+    /** Optional back link label (defaults to "Back") */
+    backLabel?: string;
+}
+declare const PageHeader: React$1.ForwardRefExoticComponent<PageHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface PageLoaderProps extends React.ComponentProps<"div"> {
+    /** Optional message to show below the spinner */
+    message?: string;
+}
+declare function PageLoader({ className, message, ...props }: PageLoaderProps): react_jsx_runtime.JSX.Element;
+
+interface PageSectionProps {
+    children: React$1.ReactNode;
+    /** Show separator after this section. Default: true */
+    separator?: boolean;
+    className?: string;
+}
+interface PageSectionsProps {
+    children: React$1.ReactNode;
+    /** Default separator behavior for all sections. Default: true */
+    separator?: boolean;
+    /** Class for the separator element */
+    separatorClassName?: string;
+    className?: string;
+}
+/**
+ * PageSection - A single section within PageSections
+ *
+ * @example
+ * <PageSection separator={false}>
+ *   <MySection />
+ * </PageSection>
+ */
+declare function PageSection({ children, className }: PageSectionProps): react_jsx_runtime.JSX.Element;
+/**
+ * PageSections - Container for page sections with optional separators
+ *
+ * Automatically adds separators between sections. Each section can override
+ * the default separator behavior.
+ *
+ * @example
+ * // All sections with separators (default)
+ * <PageSections>
+ *   <PageSection><Hero /></PageSection>
+ *   <PageSection><Features /></PageSection>
+ *   <PageSection><CTA /></PageSection>
+ * </PageSections>
+ *
+ * @example
+ * // No separators by default, opt-in per section
+ * <PageSections separator={false}>
+ *   <PageSection separator><Hero /></PageSection>
+ *   <PageSection><Features /></PageSection>
+ * </PageSections>
+ *
+ * @example
+ * // Custom separator styling
+ * <PageSections separatorClassName="opacity-50 max-w-4xl mx-auto">
+ *   ...
+ * </PageSections>
+ */
+declare function PageSections({ children, separator: defaultSeparator, separatorClassName, className, }: PageSectionsProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Popover - Floating content panel anchored to an element
+ *
+ * @example
+ * <Popover>
+ *   <PopoverTrigger asChild>
+ *     <Button variant="outline">Open</Button>
+ *   </PopoverTrigger>
+ *   <PopoverContent>
+ *     <p>Popover content goes here</p>
+ *   </PopoverContent>
+ * </Popover>
+ */
+declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
+/**
+ * PopoverTrigger - Element that opens the popover
+ */
+declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * PopoverAnchor - Anchor element for positioning the popover
+ */
+declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * PopoverContent - Content container for the popover
+ */
+declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+interface ProfileSectionProps {
+    /** Section title */
+    title: string;
+    /** Optional description below title */
+    description?: string;
+    /** Section content */
+    children: React.ReactNode;
+    /** Icon to display before title */
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Whether section is in editing mode */
+    isEditing?: boolean;
+    /** Edit button click handler - shows edit button if provided */
+    onEdit?: () => void;
+    /** Cancel button click handler (shown in edit mode) */
+    onCancel?: () => void;
+    /** Save button click handler (shown in edit mode) */
+    onSave?: () => void;
+    /** Whether save operation is in progress */
+    isSaving?: boolean;
+    /** Disable the edit button */
+    editDisabled?: boolean;
+    /** Custom label for edit button tooltip */
+    editLabel?: string;
+    /** Custom action element (overrides edit/save/cancel buttons) */
+    action?: React.ReactNode;
+    /** Whether section can be collapsed */
+    collapsible?: boolean;
+    /** Initial collapsed state (only when collapsible=true) */
+    defaultCollapsed?: boolean;
+    /** Additional className for the container */
+    className?: string;
+    /** Additional className for the content area */
+    contentClassName?: string;
+    /** Variant style */
+    variant?: "card" | "simple";
+}
+/**
+ * ProfileSection - A section wrapper component for profile and settings pages.
+ *
+ * @example
+ * // Basic display section
+ * <ProfileSection title="Contact Information" icon={Mail}>
+ *   <DisplayFieldGroup>
+ *     <DisplayField label="Email" value={user.email} />
+ *     <DisplayField label="Phone" value={user.phone} />
+ *   </DisplayFieldGroup>
+ * </ProfileSection>
+ *
+ * @example
+ * // Editable section
+ * <ProfileSection
+ *   title="Company Details"
+ *   icon={Building}
+ *   isEditing={isEditing}
+ *   onEdit={() => setIsEditing(true)}
+ *   onCancel={() => setIsEditing(false)}
+ *   onSave={handleSave}
+ *   isSaving={isSaving}
+ * >
+ *   {isEditing ? <EditForm /> : <DisplayContent />}
+ * </ProfileSection>
+ *
+ * @example
+ * // Collapsible section
+ * <ProfileSection title="Advanced Settings" collapsible defaultCollapsed>
+ *   <SettingsForm />
+ * </ProfileSection>
+ */
+declare function ProfileSection({ title, description, children, icon: Icon, isEditing, onEdit, onCancel, onSave, isSaving, editDisabled, editLabel, action, collapsible, defaultCollapsed, className, contentClassName, variant, }: ProfileSectionProps): react_jsx_runtime.JSX.Element;
+
+declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ProgressBarProps extends React$1.ComponentProps<"div"> {
+    value: number;
+    max?: number;
+    showLabel?: boolean;
+    size?: "sm" | "md" | "lg";
+}
+declare function ProgressBar({ value, max, showLabel, size, className, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+declare const RadioGroup: {
+    ({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
+    displayName: string | undefined;
+};
+declare const RadioGroupItem: {
+    ({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime.JSX.Element;
+    displayName: string | undefined;
+};
+
+/**
+ * Section component for consistent vertical spacing between page sections.
+ */
+type SectionSpacing = "sm" | "md" | "lg" | "xl";
+interface SectionProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Vertical spacing size */
+    spacing?: SectionSpacing;
+    /** HTML element to render */
+    as?: "section" | "div" | "article";
+}
+declare const Section: React$1.ForwardRefExoticComponent<SectionProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Separator - Visual divider between content sections
+ *
+ * @example
+ * <Separator />
+ *
+ * @example
+ * <Separator orientation="vertical" className="h-6" />
+ */
+declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function Sheet({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function SheetClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function SheetPortal({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function SheetOverlay({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare const sheetVariants: (props?: ({
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function SheetContent({ side, className, children, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Content> & VariantProps<typeof sheetVariants>): react_jsx_runtime.JSX.Element;
+declare function SheetHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+type SidebarMode = "expanded" | "collapsed" | "hidden";
+type SidebarContext = {
+    state: "expanded" | "collapsed";
+    mode: SidebarMode;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    ready: boolean;
+    toggleSidebar: () => void;
+};
+declare const SidebarContext: React$1.Context<SidebarContext | null>;
+declare function useSidebar(): SidebarContext;
+declare const SidebarProvider: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Sidebar: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarTrigger: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SidebarRail: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SidebarInset: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarInput: React$1.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const SidebarHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarFooter: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarSeparator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupLabel: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupAction: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SidebarGroupContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenu: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuButton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
+} & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuAction: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuBadge: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSkeleton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
+    showIcon?: boolean;
+}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSub: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuSubItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuSubButton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLAnchorElement> & React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
+
+/**
+ * Skeleton - Placeholder for loading content
+ *
+ * @example
+ * <Skeleton className="h-4 w-32" />
+ *
+ * @example
+ * <div className="space-y-2">
+ *   <Skeleton className="h-4 w-full" />
+ *   <Skeleton className="h-4 w-3/4" />
+ * </div>
+ */
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+
+/**
+ * Toast notification component using sonner.
+ *
+ * Uses sonner's built-in richColors for consistent styling that works
+ * without requiring Tailwind compilation of dynamic class variants.
+ *
+ * The richColors prop (passed from RootLayout) handles all the colored
+ * backgrounds for success/error/warning/info toasts automatically.
+ */
+declare function Toaster({ ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
+
+type TrendDirection = "up" | "down" | "neutral";
+interface StatCardTrend {
+    /** The trend value to display */
+    value: number;
+    /** Direction of the trend */
+    direction: TrendDirection;
+    /** Optional label (e.g., "vs last month") */
+    label?: string;
+    /** Whether to format value as percentage (default: true) */
+    isPercentage?: boolean;
+}
+/** Format type for stat values */
+type StatValueFormat = "number" | "currency" | "percent" | "compact" | "none";
+/** Data point for the chart */
+interface StatChartDataPoint {
+    /** Label for the data point (e.g., date, month) */
+    label: string;
+    /** The value at this point */
+    value: number;
+}
+/** Chart configuration for the flip side */
+interface StatCardChartConfig {
+    /** Array of data points to display */
+    data: StatChartDataPoint[];
+    /** Type of chart to display */
+    type?: "line" | "bar" | "area";
+    /** Period label (e.g., "Last 7 days", "This month") */
+    periodLabel?: string;
+}
+interface StatCardProps {
+    /** Title/label for the stat */
+    title: string;
+    /** The main value to display */
+    value: string | number;
+    /** Optional description shown below the value */
+    description?: string;
+    /** Optional footer text with additional context */
+    footer?: string;
+    /** Optional icon displayed in the card header */
+    icon?: React$1.ReactNode;
+    /** Optional trend indicator with badge */
+    trend?: StatCardTrend;
+    /** Visual variant */
+    variant?: "default" | "muted" | "gradient" | "outline";
+    /** Optional className for customization */
+    className?: string;
+    /** Size variant for layout density */
+    size?: "default" | "compact";
+    /**
+     * How to format the numeric value
+     * - "number": Locale-formatted number (1,234)
+     * - "currency": Currency format ($1,234.00)
+     * - "percent": Percentage format (12.3%)
+     * - "compact": Compact notation (1.2K, 1.5M)
+     * - "none": Display as-is
+     * @default "number" for numeric values, "none" for strings
+     */
+    format?: StatValueFormat;
+    /** Currency code for currency format (default: "USD") */
+    currencyCode?: string;
+    /** Number of decimal places for percent format (default: 1) */
+    percentDecimals?: number;
+    /** @deprecated Use format="number" instead */
+    formatValue?: boolean;
+    /** Click handler for interactive cards */
+    onClick?: () => void;
+    /** URL to link to (wraps card in anchor behavior) */
+    href?: string;
+    /** Chart configuration for the flip side. When provided, enables the flip feature */
+    chart?: StatCardChartConfig;
+    /** Which side to show initially when chart is enabled */
+    defaultSide?: "stat" | "chart";
+}
+declare function StatCard({ title, value, description, footer, icon, trend, variant, className, size, format, currencyCode, percentDecimals, formatValue, onClick, href, chart, defaultSide, }: StatCardProps): react_jsx_runtime.JSX.Element;
+/** Container for stat cards with responsive grid */
+interface StatCardsContainerProps {
+    children: React$1.ReactNode;
+    /** Number of columns on different breakpoints */
+    columns?: {
+        default?: 1 | 2 | 3 | 4;
+        sm?: 1 | 2 | 3 | 4;
+        md?: 1 | 2 | 3 | 4;
+        lg?: 1 | 2 | 3 | 4;
+    };
+    className?: string;
+}
+declare function StatCardsContainer({ children, columns, className, }: StatCardsContainerProps): react_jsx_runtime.JSX.Element;
+
+interface SwitchProps extends Omit<React$1.ComponentProps<"button">, "onChange" | "value"> {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+/**
+ * Switch - Toggle switch for binary choices
+ *
+ * @example
+ * <Switch checked={enabled} onCheckedChange={setEnabled} />
+ *
+ * @example
+ * <label className="flex items-center gap-2">
+ *   <Switch checked={notifications} onCheckedChange={setNotifications} />
+ *   Enable notifications
+ * </label>
+ */
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare function Table({ className, ...props }: React$1.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
+declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
+declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
+declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
+declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
+declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
+declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
+declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
+
+interface TextGenerateEffectProps {
+    words: string;
+    className?: string;
+    filter?: boolean;
+    duration?: number;
+    staggerDelay?: number;
+    /** HTML element to render – defaults to div; use "h1" or "h2" for headings */
+    as?: ElementType<{
+        className?: string;
+        children?: ReactNode;
+    }>;
+}
+declare function TextGenerateEffect({ words, className, filter, duration, staggerDelay, as: Component, }: TextGenerateEffectProps): react_jsx_runtime.JSX.Element;
+
+interface TextHighlightProps {
+    /** Content to highlight */
+    children: ReactNode;
+    /** Additional className for styling */
+    className?: string;
+    /** Animation duration in seconds */
+    duration?: number;
+    /** Animation delay in seconds */
+    delay?: number;
+    /**
+     * Gradient colors for the highlight.
+     * Provide Tailwind gradient classes like "from-emerald-300 to-teal-300"
+     * @default "from-indigo-300 to-purple-300 dark:from-indigo-500 dark:to-purple-500"
+     */
+    gradient?: string;
+    /** Whether to disable the animation (instant highlight) */
+    disableAnimation?: boolean;
+}
+/**
+ * Animated text highlight component that draws a gradient background behind text.
+ * Perfect for emphasizing key phrases in hero sections.
+ *
+ * The animation respects the user's `prefers-reduced-motion` setting and will
+ * display the highlight instantly when reduced motion is preferred.
+ *
+ * @example
+ * ```tsx
+ * <h1>
+ *   Ready to take your business{" "}
+ *   <TextHighlight gradient="from-emerald-300 to-teal-300 dark:from-emerald-400 dark:to-teal-400">
+ *     to the next level?
+ *   </TextHighlight>
+ * </h1>
+ * ```
+ */
+declare function TextHighlight({ children, className, duration, delay, gradient, disableAnimation, }: TextHighlightProps): react_jsx_runtime.JSX.Element;
+
+interface TimeEstimateProps extends React$1.ComponentProps<"div"> {
+    minutes: number;
+}
+declare function TimeEstimate({ minutes, className, ...props }: TimeEstimateProps): react_jsx_runtime.JSX.Element;
+
+declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & {
+    variant?: "default" | "outline";
+    size?: "default" | "sm" | "lg";
+}) & React$1.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    variant?: "default" | "outline";
+    size?: "default" | "sm" | "lg";
+} & React$1.RefAttributes<HTMLButtonElement>>;
+
+type TooltipRootProps = Omit<ComponentProps<typeof Tooltip>, "children">;
+type TooltipContentProps = ComponentProps<typeof TooltipContent$1>;
+interface TooltipCardProps extends TooltipRootProps {
+    /** The inline trigger content. */
+    children: ReactNode;
+    /** Rich tooltip card content. Strings are rendered with default readable text styles. */
+    content: ReactNode;
+    /** Additional classes for the inline trigger. */
+    className?: string;
+    /** Additional classes for the inline trigger. Prefer this when mirroring registry examples. */
+    triggerClassName?: string;
+    /** Additional classes for the tooltip card panel. */
+    containerClassName?: string;
+    /** Tooltip side relative to the trigger. */
+    side?: TooltipContentProps["side"];
+    /** Tooltip alignment relative to the trigger. */
+    align?: TooltipContentProps["align"];
+    /** Distance between the trigger and card. */
+    sideOffset?: TooltipContentProps["sideOffset"];
+}
+/**
+ * Inline rich tooltip card for contextual copy, definitions, and lightweight previews.
+ */
+declare function TooltipCard({ children, className, containerClassName, content, triggerClassName, delayDuration, side, align, sideOffset, ...tooltipProps }: TooltipCardProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Centralized Theme Configuration
+ *
+ * This file contains all global design tokens and layout settings.
+ * Import these values in components for type-safe, consistent styling.
+ *
+ * The values here should mirror what's in tailwind.config.ts and globals.css
+ * to maintain a single source of truth.
+ */
+declare const layout: {
+    /** Maximum content width for the main app container */
+    readonly maxWidth: "1280px";
+    /** Maximum width for narrow content (forms, auth pages) */
+    readonly maxWidthNarrow: "640px";
+    /** Maximum width for wide content (dashboards, tables) */
+    readonly maxWidthWide: "1536px";
+    /** Maximum width for full-bleed content */
+    readonly maxWidthFull: "100%";
+    /** Standard horizontal padding for containers */
+    readonly containerPadding: {
+        readonly mobile: "1rem";
+        readonly tablet: "1.5rem";
+        readonly desktop: "2rem";
+    };
+    /** Navbar height */
+    readonly navbarHeight: "64px";
+    /** Footer height */
+    readonly footerHeight: "80px";
+    /** Sidebar width (for future admin/dashboard layouts) */
+    readonly sidebarWidth: "256px";
+    readonly sidebarWidthCollapsed: "64px";
+};
+declare const typography: {
+    /** Font families */
+    readonly fontFamily: {
+        readonly sans: "var(--font-sans, ui-sans-serif, system-ui, sans-serif)";
+        readonly mono: "var(--font-mono, ui-monospace, monospace)";
+    };
+    /**
+     * Font sizes with line heights
+     * Format: [fontSize, lineHeight]
+     */
+    readonly fontSize: {
+        readonly xs: readonly ["0.75rem", "1rem"];
+        readonly sm: readonly ["0.875rem", "1.25rem"];
+        readonly base: readonly ["1rem", "1.5rem"];
+        readonly lg: readonly ["1.125rem", "1.75rem"];
+        readonly xl: readonly ["1.25rem", "1.75rem"];
+        readonly "2xl": readonly ["1.5rem", "2rem"];
+        readonly "3xl": readonly ["1.875rem", "2.25rem"];
+        readonly "4xl": readonly ["2.25rem", "2.5rem"];
+        readonly "5xl": readonly ["3rem", "1"];
+        readonly "6xl": readonly ["3.75rem", "1"];
+    };
+    /** Font weights */
+    readonly fontWeight: {
+        readonly normal: "400";
+        readonly medium: "500";
+        readonly semibold: "600";
+        readonly bold: "700";
+    };
+    /**
+     * Heading styles - use these for consistent heading typography
+     * Each includes: fontSize, lineHeight, fontWeight, letterSpacing
+     */
+    readonly headings: {
+        readonly h1: {
+            readonly fontSize: "2.25rem";
+            readonly lineHeight: "2.5rem";
+            readonly fontWeight: "700";
+            readonly letterSpacing: "-0.025em";
+            readonly className: "text-4xl font-bold tracking-tight";
+        };
+        readonly h2: {
+            readonly fontSize: "1.875rem";
+            readonly lineHeight: "2.25rem";
+            readonly fontWeight: "600";
+            readonly letterSpacing: "-0.025em";
+            readonly className: "text-3xl font-semibold tracking-tight";
+        };
+        readonly h3: {
+            readonly fontSize: "1.5rem";
+            readonly lineHeight: "2rem";
+            readonly fontWeight: "600";
+            readonly letterSpacing: "-0.025em";
+            readonly className: "text-2xl font-semibold tracking-tight";
+        };
+        readonly h4: {
+            readonly fontSize: "1.25rem";
+            readonly lineHeight: "1.75rem";
+            readonly fontWeight: "600";
+            readonly letterSpacing: "0";
+            readonly className: "text-xl font-semibold";
+        };
+        readonly h5: {
+            readonly fontSize: "1.125rem";
+            readonly lineHeight: "1.75rem";
+            readonly fontWeight: "600";
+            readonly letterSpacing: "0";
+            readonly className: "text-lg font-semibold";
+        };
+        readonly h6: {
+            readonly fontSize: "1rem";
+            readonly lineHeight: "1.5rem";
+            readonly fontWeight: "600";
+            readonly letterSpacing: "0";
+            readonly className: "text-base font-semibold";
+        };
+    };
+    /** Body text styles */
+    readonly body: {
+        readonly large: {
+            readonly fontSize: "1.125rem";
+            readonly lineHeight: "1.75rem";
+            readonly className: "text-lg";
+        };
+        readonly default: {
+            readonly fontSize: "1rem";
+            readonly lineHeight: "1.5rem";
+            readonly className: "text-base";
+        };
+        readonly small: {
+            readonly fontSize: "0.875rem";
+            readonly lineHeight: "1.25rem";
+            readonly className: "text-sm";
+        };
+        readonly xs: {
+            readonly fontSize: "0.75rem";
+            readonly lineHeight: "1rem";
+            readonly className: "text-xs";
+        };
+    };
+};
+declare const spacing: {
+    /** Section spacing (vertical gaps between major sections) */
+    readonly section: {
+        readonly sm: "2rem";
+        readonly md: "4rem";
+        readonly lg: "6rem";
+        readonly xl: "8rem";
+    };
+    /** Component spacing (gaps within components) */
+    readonly component: {
+        readonly xs: "0.25rem";
+        readonly sm: "0.5rem";
+        readonly md: "1rem";
+        readonly lg: "1.5rem";
+        readonly xl: "2rem";
+    };
+    /** Form element spacing */
+    readonly form: {
+        readonly gap: "1.5rem";
+        readonly labelGap: "0.5rem";
+        readonly groupGap: "2rem";
+    };
+};
+declare const breakpoints: {
+    readonly sm: "640px";
+    readonly md: "768px";
+    readonly lg: "1024px";
+    readonly xl: "1280px";
+    readonly "2xl": "1536px";
+};
+declare const zIndex: {
+    readonly dropdown: 50;
+    readonly sticky: 100;
+    readonly fixed: 200;
+    readonly modalBackdrop: 300;
+    readonly modal: 400;
+    readonly popover: 500;
+    readonly tooltip: 600;
+    readonly toast: 700;
+};
+declare const animation: {
+    /** Transition durations */
+    readonly duration: {
+        readonly fast: "150ms";
+        readonly default: "200ms";
+        readonly slow: "300ms";
+        readonly slower: "500ms";
+    };
+    /** Easing functions */
+    readonly easing: {
+        readonly default: "cubic-bezier(0.4, 0, 0.2, 1)";
+        readonly in: "cubic-bezier(0.4, 0, 1, 1)";
+        readonly out: "cubic-bezier(0, 0, 0.2, 1)";
+        readonly inOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+    };
+};
+declare const borderRadius: {
+    readonly none: "0";
+    readonly sm: "0.25rem";
+    readonly default: "0.5rem";
+    readonly md: "0.5rem";
+    readonly lg: "0.75rem";
+    readonly xl: "1rem";
+    readonly "2xl": "1.5rem";
+    readonly full: "9999px";
+};
+declare const shadows: {
+    readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+    readonly default: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+    readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+    readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+    readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+};
+declare const theme: {
+    readonly layout: {
+        /** Maximum content width for the main app container */
+        readonly maxWidth: "1280px";
+        /** Maximum width for narrow content (forms, auth pages) */
+        readonly maxWidthNarrow: "640px";
+        /** Maximum width for wide content (dashboards, tables) */
+        readonly maxWidthWide: "1536px";
+        /** Maximum width for full-bleed content */
+        readonly maxWidthFull: "100%";
+        /** Standard horizontal padding for containers */
+        readonly containerPadding: {
+            readonly mobile: "1rem";
+            readonly tablet: "1.5rem";
+            readonly desktop: "2rem";
+        };
+        /** Navbar height */
+        readonly navbarHeight: "64px";
+        /** Footer height */
+        readonly footerHeight: "80px";
+        /** Sidebar width (for future admin/dashboard layouts) */
+        readonly sidebarWidth: "256px";
+        readonly sidebarWidthCollapsed: "64px";
+    };
+    readonly typography: {
+        /** Font families */
+        readonly fontFamily: {
+            readonly sans: "var(--font-sans, ui-sans-serif, system-ui, sans-serif)";
+            readonly mono: "var(--font-mono, ui-monospace, monospace)";
+        };
+        /**
+         * Font sizes with line heights
+         * Format: [fontSize, lineHeight]
+         */
+        readonly fontSize: {
+            readonly xs: readonly ["0.75rem", "1rem"];
+            readonly sm: readonly ["0.875rem", "1.25rem"];
+            readonly base: readonly ["1rem", "1.5rem"];
+            readonly lg: readonly ["1.125rem", "1.75rem"];
+            readonly xl: readonly ["1.25rem", "1.75rem"];
+            readonly "2xl": readonly ["1.5rem", "2rem"];
+            readonly "3xl": readonly ["1.875rem", "2.25rem"];
+            readonly "4xl": readonly ["2.25rem", "2.5rem"];
+            readonly "5xl": readonly ["3rem", "1"];
+            readonly "6xl": readonly ["3.75rem", "1"];
+        };
+        /** Font weights */
+        readonly fontWeight: {
+            readonly normal: "400";
+            readonly medium: "500";
+            readonly semibold: "600";
+            readonly bold: "700";
+        };
+        /**
+         * Heading styles - use these for consistent heading typography
+         * Each includes: fontSize, lineHeight, fontWeight, letterSpacing
+         */
+        readonly headings: {
+            readonly h1: {
+                readonly fontSize: "2.25rem";
+                readonly lineHeight: "2.5rem";
+                readonly fontWeight: "700";
+                readonly letterSpacing: "-0.025em";
+                readonly className: "text-4xl font-bold tracking-tight";
+            };
+            readonly h2: {
+                readonly fontSize: "1.875rem";
+                readonly lineHeight: "2.25rem";
+                readonly fontWeight: "600";
+                readonly letterSpacing: "-0.025em";
+                readonly className: "text-3xl font-semibold tracking-tight";
+            };
+            readonly h3: {
+                readonly fontSize: "1.5rem";
+                readonly lineHeight: "2rem";
+                readonly fontWeight: "600";
+                readonly letterSpacing: "-0.025em";
+                readonly className: "text-2xl font-semibold tracking-tight";
+            };
+            readonly h4: {
+                readonly fontSize: "1.25rem";
+                readonly lineHeight: "1.75rem";
+                readonly fontWeight: "600";
+                readonly letterSpacing: "0";
+                readonly className: "text-xl font-semibold";
+            };
+            readonly h5: {
+                readonly fontSize: "1.125rem";
+                readonly lineHeight: "1.75rem";
+                readonly fontWeight: "600";
+                readonly letterSpacing: "0";
+                readonly className: "text-lg font-semibold";
+            };
+            readonly h6: {
+                readonly fontSize: "1rem";
+                readonly lineHeight: "1.5rem";
+                readonly fontWeight: "600";
+                readonly letterSpacing: "0";
+                readonly className: "text-base font-semibold";
+            };
+        };
+        /** Body text styles */
+        readonly body: {
+            readonly large: {
+                readonly fontSize: "1.125rem";
+                readonly lineHeight: "1.75rem";
+                readonly className: "text-lg";
+            };
+            readonly default: {
+                readonly fontSize: "1rem";
+                readonly lineHeight: "1.5rem";
+                readonly className: "text-base";
+            };
+            readonly small: {
+                readonly fontSize: "0.875rem";
+                readonly lineHeight: "1.25rem";
+                readonly className: "text-sm";
+            };
+            readonly xs: {
+                readonly fontSize: "0.75rem";
+                readonly lineHeight: "1rem";
+                readonly className: "text-xs";
+            };
+        };
+    };
+    readonly spacing: {
+        /** Section spacing (vertical gaps between major sections) */
+        readonly section: {
+            readonly sm: "2rem";
+            readonly md: "4rem";
+            readonly lg: "6rem";
+            readonly xl: "8rem";
+        };
+        /** Component spacing (gaps within components) */
+        readonly component: {
+            readonly xs: "0.25rem";
+            readonly sm: "0.5rem";
+            readonly md: "1rem";
+            readonly lg: "1.5rem";
+            readonly xl: "2rem";
+        };
+        /** Form element spacing */
+        readonly form: {
+            readonly gap: "1.5rem";
+            readonly labelGap: "0.5rem";
+            readonly groupGap: "2rem";
+        };
+    };
+    readonly breakpoints: {
+        readonly sm: "640px";
+        readonly md: "768px";
+        readonly lg: "1024px";
+        readonly xl: "1280px";
+        readonly "2xl": "1536px";
+    };
+    readonly zIndex: {
+        readonly dropdown: 50;
+        readonly sticky: 100;
+        readonly fixed: 200;
+        readonly modalBackdrop: 300;
+        readonly modal: 400;
+        readonly popover: 500;
+        readonly tooltip: 600;
+        readonly toast: 700;
+    };
+    readonly animation: {
+        /** Transition durations */
+        readonly duration: {
+            readonly fast: "150ms";
+            readonly default: "200ms";
+            readonly slow: "300ms";
+            readonly slower: "500ms";
+        };
+        /** Easing functions */
+        readonly easing: {
+            readonly default: "cubic-bezier(0.4, 0, 0.2, 1)";
+            readonly in: "cubic-bezier(0.4, 0, 1, 1)";
+            readonly out: "cubic-bezier(0, 0, 0.2, 1)";
+            readonly inOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+        };
+    };
+    readonly borderRadius: {
+        readonly none: "0";
+        readonly sm: "0.25rem";
+        readonly default: "0.5rem";
+        readonly md: "0.5rem";
+        readonly lg: "0.75rem";
+        readonly xl: "1rem";
+        readonly "2xl": "1.5rem";
+        readonly full: "9999px";
+    };
+    readonly shadows: {
+        readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+        readonly default: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+        readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+        readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+        readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+    };
+    readonly brandVariables: {
+        /** Secondary brand color for highlights and gradients */
+        readonly brandAccent: "--brand-accent";
+        /** Gradient start color */
+        readonly brandGradientFrom: "--brand-gradient-from";
+        /** Gradient end color */
+        readonly brandGradientTo: "--brand-gradient-to";
+        /** Text highlight/selection color */
+        readonly highlightColor: "--highlight-color";
+        /** Shadow depth multiplier (0.5 = subtle, 1.5 = dramatic) */
+        readonly shadowIntensity: "--shadow-intensity";
+        /** Spacing scale multiplier (0.875 = tighter, 1.125 = looser) */
+        readonly spacingScale: "--spacing-scale";
+        /** Header font family */
+        readonly fontHeaders: "--font-headers";
+        /** Display/marketing font family */
+        readonly fontDisplay: "--font-display";
+        /** Header font weight */
+        readonly headingWeight: "--heading-weight";
+        /** Header letter spacing */
+        readonly headingTracking: "--heading-tracking";
+    };
+    readonly brandDefaults: {
+        readonly brandAccent: "var(--primary)";
+        readonly brandGradientFrom: "var(--primary)";
+        readonly brandGradientTo: "var(--brand-accent)";
+        readonly highlightColor: "oklch(0.95 0.05 90)";
+        readonly shadowIntensity: "1";
+        readonly spacingScale: "1";
+        readonly fontHeaders: "var(--font-sans)";
+        readonly fontDisplay: "var(--font-sans)";
+        readonly headingWeight: "600";
+        readonly headingTracking: "-0.025em";
+    };
+};
+type Theme$1 = typeof theme;
+type Layout = typeof layout;
+type Typography = typeof typography;
+type Spacing = typeof spacing;
+type Breakpoints = typeof breakpoints;
+type ZIndex = typeof zIndex;
+type Animation = typeof animation;
+type BorderRadius = typeof borderRadius;
+type Shadows = typeof shadows;
+
+/**
+ * Theme Type Definitions
+ *
+ * Comprehensive theming system that supports:
+ * - Brand differentiation between products (Compass, ZenBid)
+ * - Multiple themes per product (light, dark, high-contrast, colorblind)
+ * - Custom typography per product
+ * - Component-level customization
+ */
+/** Base color scheme - light or dark */
+type ColorScheme = "light" | "dark";
+/** Built-in theme names */
+type BuiltInThemeName = "light" | "dark" | "colorful" | "high-contrast" | "high-contrast-dark" | "deuteranopia" | "protanopia" | "tritanopia";
+/** Theme name can be built-in or custom */
+type ThemeName = BuiltInThemeName | (string & {});
+/**
+ * Complete color palette for a theme.
+ * All values should be OKLCH color strings.
+ */
+interface ThemeColors {
+    /** Page/app background */
+    background: string;
+    /** Default text color */
+    foreground: string;
+    /** Card backgrounds */
+    card: string;
+    cardForeground: string;
+    /** Popover/dropdown backgrounds */
+    popover: string;
+    popoverForeground: string;
+    /** Primary brand color - buttons, links, accents */
+    primary: string;
+    primaryForeground: string;
+    /** Secondary actions, less prominent UI */
+    secondary: string;
+    secondaryForeground: string;
+    /** Accent color for highlights, selections */
+    accent: string;
+    accentForeground: string;
+    /** Muted backgrounds and text */
+    muted: string;
+    mutedForeground: string;
+    /** Destructive/danger actions */
+    destructive: string;
+    /** Success states */
+    success: string;
+    /** Warning states */
+    warning: string;
+    /** Borders */
+    border: string;
+    /** Input borders */
+    input: string;
+    /** Focus ring color */
+    ring: string;
+    /** Sidebar colors (optional, falls back to main colors) */
+    sidebar?: string;
+    sidebarForeground?: string;
+    sidebarPrimary?: string;
+    sidebarPrimaryForeground?: string;
+    sidebarAccent?: string;
+    sidebarAccentForeground?: string;
+    sidebarBorder?: string;
+    sidebarRing?: string;
+    /** Chart colors for data visualizations */
+    chart1?: string;
+    chart2?: string;
+    chart3?: string;
+    chart4?: string;
+    chart5?: string;
+}
+type ThemeButtonVariantName = "default" | "outline" | "secondary" | "premium";
+interface ThemeButtonVariant {
+    background?: string;
+    foreground?: string;
+    border?: string;
+    hoverBackground?: string;
+    hoverForeground?: string;
+    hoverBorder?: string;
+    activeBackground?: string;
+    activeForeground?: string;
+    activeBorder?: string;
+}
+interface ThemeButtons {
+    hoverEffect?: ButtonHoverEffect;
+    fontFamily?: string;
+    fontWeight?: string;
+    letterSpacing?: string;
+    textTransform?: string;
+    variants?: Partial<Record<ThemeButtonVariantName, ThemeButtonVariant>>;
+}
+/**
+ * Complete theme definition.
+ * Each theme contains all styling information needed to render the UI.
+ */
+interface Theme {
+    /** Theme identifier (e.g., "light", "dark", "high-contrast") */
+    name: ThemeName;
+    /** Display name for UI (e.g., "Light Mode", "High Contrast") */
+    displayName: string;
+    /** Base color scheme for system preference matching */
+    colorScheme: ColorScheme;
+    /** Complete color palette */
+    colors: ThemeColors;
+    /** Border radius scale base value (e.g., "0.625rem") */
+    radius?: string;
+    /** Shadow intensity multiplier (0.5 to 1.5, default 1) */
+    shadowIntensity?: number;
+    /** CTA button theme configuration */
+    buttons?: ThemeButtons;
+}
+/**
+ * Typography configuration for a product.
+ * Allows custom fonts per product.
+ */
+interface ThemeFonts {
+    /** Body text font family */
+    body?: string;
+    /** Header font family */
+    headers?: string;
+    /** Display/marketing font family */
+    display?: string;
+    /** Monospace font family */
+    mono?: string;
+    /** Header font weight (e.g., "600", "700") */
+    headingWeight?: string;
+    /** Header letter spacing (e.g., "-0.025em") */
+    headingTracking?: string;
+}
+/**
+ * Complete theme configuration for a product.
+ * Defines available themes and typography.
+ */
+interface ProductThemeConfig {
+    /** Product identifier (e.g., "compass", "zenbid") */
+    productId: string;
+    /** Display name for the product */
+    productName: string;
+    /** Default theme to use (must exist in themes) */
+    defaultTheme: ThemeName;
+    /** Available themes for this product */
+    themes: Record<ThemeName, Theme>;
+    /** Custom typography for this product */
+    fonts?: ThemeFonts;
+}
+/**
+ * Button hover effect variants.
+ */
+type ButtonHoverEffect = "slide" | "glow" | "scale" | "none";
+
+/**
+ * Base Theme Definitions
+ *
+ * Core theme definitions used by both the theme registry and product themes.
+ * This file exists to prevent circular dependencies between index.ts and products.ts.
+ */
+
+/**
+ * Default light theme.
+ */
+declare const lightTheme: Theme;
+/**
+ * Default dark theme.
+ */
+declare const darkTheme: Theme;
+/**
+ * Colorful theme with vibrant, saturated colors.
+ */
+declare const colorfulTheme: Theme;
+/**
+ * High contrast theme for accessibility (WCAG AAA).
+ */
+declare const highContrastTheme: Theme;
+/**
+ * High contrast dark theme.
+ */
+declare const highContrastDarkTheme: Theme;
+/**
+ * Deuteranopia (red-green colorblind) accessible theme.
+ * Avoids problematic red-green combinations.
+ */
+declare const deuteranopiaTheme: Theme;
+/**
+ * Protanopia (red colorblind) accessible theme.
+ */
+declare const protanopiaTheme: Theme;
+/**
+ * Tritanopia (blue-yellow colorblind) accessible theme.
+ */
+declare const tritanopiaTheme: Theme;
+
+/**
+ * Product Theme Definitions
+ *
+ * Pre-configured theme sets for each product.
+ * Products can import and use these directly or as starting points.
+ */
+
+/**
+ * Complete Compass theme configuration
+ */
+declare const compassThemeConfig: ProductThemeConfig;
+/**
+ * Complete ZenBid theme configuration
+ */
+declare const zenbidThemeConfig: ProductThemeConfig;
+
+/**
+ * Theme Registry
+ *
+ * Default theme definitions for the theming system.
+ * Products can extend or override these themes.
+ */
+
+/**
+ * All default themes indexed by name.
+ */
+declare const defaultThemes: Record<string, Theme>;
+/**
+ * Get a theme by name from the default themes.
+ */
+declare function getDefaultTheme(name: string): Theme | undefined;
+/**
+ * Get the color scheme for a theme name.
+ * Falls back to "light" if theme not found.
+ */
+declare function getColorScheme(themeName: string): "light" | "dark";
+
+/**
+ * Avatar gradient utilities
+ * Generates consistent gradient colors for user avatars based on user ID
+ */
+
+interface AvatarGradient {
+    from: string;
+    to: string;
+    style: CSSProperties;
+    className: string;
+}
+/**
+ * Get a consistent gradient for a user based on their ID.
+ * The same ID will always produce the same gradient.
+ *
+ * @param userId - A unique identifier (user ID, email, etc.)
+ * @returns An object with gradient colors, inline style, and className
+ *
+ * @example
+ * ```tsx
+ * const gradient = getAvatarGradient(user.id);
+ *
+ * <div style={gradient.style} className={gradient.className}>
+ *   {initials}
+ * </div>
+ * ```
+ */
+declare function getAvatarGradient(userId: string): AvatarGradient;
+/**
+ * Get the gradient index for a user (useful for storing/debugging)
+ */
+declare function getGradientIndex(userId: string): number;
+/**
+ * Get all available gradient pairs
+ */
+declare function getGradientPairs(): readonly [{
+    readonly from: "#f97316";
+    readonly to: "#ec4899";
+}, {
+    readonly from: "#ef4444";
+    readonly to: "#a855f7";
+}, {
+    readonly from: "#f59e0b";
+    readonly to: "#ef4444";
+}, {
+    readonly from: "#ec4899";
+    readonly to: "#8b5cf6";
+}, {
+    readonly from: "#f43f5e";
+    readonly to: "#fb923c";
+}, {
+    readonly from: "#3b82f6";
+    readonly to: "#a855f7";
+}, {
+    readonly from: "#6366f1";
+    readonly to: "#ec4899";
+}, {
+    readonly from: "#8b5cf6";
+    readonly to: "#06b6d4";
+}, {
+    readonly from: "#a855f7";
+    readonly to: "#3b82f6";
+}, {
+    readonly from: "#06b6d4";
+    readonly to: "#10b981";
+}, {
+    readonly from: "#10b981";
+    readonly to: "#3b82f6";
+}, {
+    readonly from: "#14b8a6";
+    readonly to: "#8b5cf6";
+}, {
+    readonly from: "#22c55e";
+    readonly to: "#06b6d4";
+}, {
+    readonly from: "#0ea5e9";
+    readonly to: "#f43f5e";
+}, {
+    readonly from: "#eab308";
+    readonly to: "#22c55e";
+}];
+
+type NoWidowOptions = PreventWidowsOptions;
+type NoWidowDomOptions = NoWidowOptions & {
+    defaultWordCount?: number;
+    selector?: string;
+    selectors?: string[];
+};
+type NoWidowTextOwnProps<TElement extends ElementType = "span"> = NoWidowOptions & {
+    as?: TElement;
+    children: ReactNode;
+};
+type NoWidowTextProps<TElement extends ElementType = "span"> = NoWidowTextOwnProps<TElement> & Omit<ComponentPropsWithoutRef<TElement>, keyof NoWidowTextOwnProps<TElement>>;
+declare function preventWidowsInReactNode(children: ReactNode, options?: NoWidowOptions): ReactNode;
+declare function NoWidowText<TElement extends ElementType = "span">({ as, children, minWords, preserveExistingNbsp, wordCount, ...props }: NoWidowTextProps<TElement>): ReactElement<any, string | React$1.JSXElementConstructor<any>>;
+declare function applyNoWidowText(root: ParentNode, options?: NoWidowDomOptions): void;
+
+type NoWidowProviderProps = NoWidowDomOptions & {
+    children?: ReactNode;
+};
+declare function NoWidowProvider({ children, defaultWordCount, minWords, preserveExistingNbsp, selector, selectors, wordCount, }: NoWidowProviderProps): string | number | bigint | boolean | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null;
+
+export { type Animation, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarFallback, type AvatarGradient, AvatarImage, BackLink, type BackLinkProps, BackgroundRippleEffect, type BackgroundRippleEffectProps, type BorderRadius, type Breakpoints, type BuiltInThemeName, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, ButtonProps, Calendar, type CalendarProps, type CanonicalDataState, ClarityAnalytics, type ClarityAnalyticsProps, CohortCard, type CohortCardProps, type CohortEligibility, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorScheme, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CompanyNameEditableCell, ContactInfo, type ContactInfoProps, DataStateBanner, DataStateInline, type DataStateMetadata, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DeleteConfirmationDialog, type DeleteConfirmationDialogProps, type DeviceInfo, Dialog, DisclosureFootnotes, type DisclosureFootnotesProps, type DisclosureItem, DisplayField, DisplayFieldGroup, type DisplayFieldGroupProps, type DisplayFieldProps, DraggableCardBody, type DraggableCardBodyProps, DraggableCardContainer, type DraggableCardContainerProps, DraggableStickyModal, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, FeedbackButton, type FeedbackButtonProps, FeedbackDialog, type FeedbackDialogProps, type FeedbackSubmission, FormDialog, GooeyInput, type GooeyInputClassNames, type GooeyInputProps, GoogleAnalytics, type GoogleAnalyticsProps, GoogleTagManager, type GoogleTagManagerProps, type HelpArticle, type HelpArticleGroup, HelpArticleIndex, type HelpArticleIndexProps, HelpArticleView, type HelpArticleViewProps, HelpButton, type HelpButtonProps, type HelpContextValue, HelpProvider, type HelpProviderProps, type HelpSearchResult, HelpSearchResults, type HelpSearchResultsProps, HelpTooltip, type HelpTooltipProps, HoverEffect, HoverEffectCard, HoverEffectCardDescription, type HoverEffectCardDescriptionProps, type HoverEffectCardProps, HoverEffectCardTitle, type HoverEffectCardTitleProps, type HoverEffectItem, type HoverEffectProps, IconButton, type IconButtonProps, InfoTooltip, type InfoTooltipProps, InlineEditableDate, type InlineEditableDateProps, InlineEditableSelect, type InlineEditableSelectProps, InlineEditableText, type InlineEditableTextProps, InputProps, Kbd, KbdGroup, KeyboardShortcut, type KeyboardShortcutProps, type Layout, LocationMap, type LocationMapProps, MFAChallenge, type MFAChallengeProps, type MFAFactor, MFARecovery, type MFARecoveryProps, ModernCalendar, type ModernCalendarProps, type NoWidowDomOptions, type NoWidowOptions, NoWidowProvider, type NoWidowProviderProps, NoWidowText, type NoWidowTextOwnProps, type NoWidowTextProps, NumberStepper, type NumberStepperProps, PageHeader, type PageHeaderProps, PageLoader, type PageLoaderProps, PageSection, type PageSectionProps, PageSections, type PageSectionsProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type ProductThemeConfig, ProfileSection, type ProfileSectionProps, Progress, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type RecoveryMethod, type ResolveDataStateInput, type ResolvedDataState, RollingBackground, type RollingBackgroundProps, Section, type SectionProps, type SectionSpacing, type SelectOption, Separator, SessionError, type Shadows, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, type ShortcutDefinition, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SignOutButton, type SignOutButtonProps, Skeleton, Slider, SocialIcon, type SocialIconProps, type SocialPlatform, type Spacing, StatCard, type StatCardChartConfig, type StatCardProps, type StatCardTrend, StatCardsContainer, type StatCardsContainerProps, type StatChartDataPoint, type StatValueFormat, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TextGenerateEffect, type TextGenerateEffectProps, TextHighlight, type TextHighlightProps, type Theme$1 as Theme, type ThemeButtonVariant, type ThemeButtonVariantName, type ThemeButtons, type ThemeColors, type Theme as ThemeConfig, type ThemeFonts, type ThemeMode, type ThemeName, ThemeToggle, type ThemeToggleProps, TimeEstimate, type TimeEstimateProps, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipCard, type TooltipCardProps, TooltipContent$1 as TooltipContent, type TrendDirection, type Typography, UserNameEditableCell, type ZIndex, animation, applyNoWidowText, borderRadius, breakpoints, colorfulTheme, compassThemeConfig, darkTheme, defaultThemes, deuteranopiaTheme, getAvatarGradient, getColorScheme, getDefaultTheme, getGradientIndex, getGradientPairs, highContrastDarkTheme, highContrastTheme, iconButtonVariants, layout, lightTheme, preventWidowsInReactNode, protanopiaTheme, resolveDataState, shadows, socialPlatforms, spacing, theme, tritanopiaTheme, typography, useHelp, useSidebar, useTheme, zIndex, zenbidThemeConfig };