@aracreate/arm-ui 3.8.1 → 3.10.0

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 import { ThemeProps } from '@radix-ui/themes';
 export { AccessibleIcon, AccessibleIconProps, AlertDialog, AspectRatio, AspectRatioProps, Avatar, AvatarProps, Badge, BadgeProps, Blockquote, BlockquoteProps, Box, BoxProps, Button, ButtonProps, Callout, Card, CardProps, Checkbox, CheckboxCards, CheckboxGroup, CheckboxProps, Code, CodeProps, Container, ContainerProps, ContextMenu, DataList, Dialog, DropdownMenu, Em, EmProps, Flex, FlexProps, Grid, GridProps, Heading, HeadingProps, HoverCard, IconButton, IconButtonProps, Inset, InsetProps, Kbd, KbdProps, Popover, Portal, PortalProps, Progress, ProgressProps, Quote, QuoteProps, Radio, RadioCards, RadioGroup, RadioProps, ScrollArea, ScrollAreaProps, Section, SectionProps, SegmentedControl, Select, Separator, SeparatorProps, Slider, SliderProps, Slot, Slottable, Spinner, SpinnerProps, Strong, StrongProps, Switch, SwitchProps, TabNav, Table, Tabs, Text, TextArea, TextAreaProps, TextField, Link as TextLink, LinkProps as TextLinkProps, TextProps, Tooltip, TooltipProps, VisuallyHidden, VisuallyHiddenProps } from '@radix-ui/themes';
-import * as react from 'react';
-import react__default, { CSSProperties, ReactNode } from 'react';
+import * as React$1 from 'react';
+import React__default, { CSSProperties, ReactNode } from 'react';
+import * as RadixAccordion from '@radix-ui/react-accordion';
+import * as RadixDialog from '@radix-ui/react-dialog';
 import { HeaderProps, ToolbarProps } from 'react-big-calendar';
 export { View } from 'react-big-calendar';
 import { ClassValue } from 'clsx';
@@ -25,7 +27,55 @@ interface SkeletonProps {
     className?: string;
     style?: CSSProperties;
 }
-declare function Skeleton({ width, height, radius, circle, mb, className, style, }: SkeletonProps): react.JSX.Element;
+declare function Skeleton({ width, height, radius, circle, mb, className, style, }: SkeletonProps): React$1.JSX.Element;
+
+/**
+ * Accordion — collapsible sections. Radix Themes has no accordion, so this is
+ * built on the raw `@radix-ui/react-accordion` primitive. Styles live in
+ * tokens.css (`.arm-accordion*`) — consumers' UnoCSS does not scan this
+ * package. Moved here from core-fe so no frontend imports a Radix primitive.
+ *
+ * <Accordion type="single" collapsible>
+ *   <AccordionItem value="a">
+ *     <AccordionTrigger>Title</AccordionTrigger>
+ *     <AccordionContent>Body</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ */
+declare const Accordion: React$1.ForwardRefExoticComponent<(Omit<RadixAccordion.AccordionSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<RadixAccordion.AccordionMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Drawer — a side sheet. Not a Radix Themes concept, so it is built on the raw
+ * `@radix-ui/react-dialog` primitive (focus trap, Escape, overlay click). Styles
+ * live in tokens.css (`.arm-drawer*`) — consumers' UnoCSS does not scan this
+ * package. Moved here from core-fe so no frontend imports a Radix primitive.
+ *
+ * <Drawer open={open} onOpenChange={setOpen}>
+ *   <DrawerContent side="right" size="md">
+ *     <DrawerHeader><DrawerTitle>Notifications</DrawerTitle></DrawerHeader>
+ *     …
+ *     <DrawerDefaultClose />
+ *   </DrawerContent>
+ * </Drawer>
+ */
+declare const Drawer: React$1.FC<RadixDialog.DialogProps>;
+declare const DrawerTrigger: React$1.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DrawerClose: React$1.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+type Side = "right" | "left";
+/** sm 16rem · md 20rem · lg 480px */
+type Size$1 = "sm" | "md" | "lg";
+interface DrawerContentProps extends React$1.ComponentPropsWithoutRef<typeof RadixDialog.Content> {
+    side?: Side;
+    size?: Size$1;
+}
+declare const DrawerContent: React$1.ForwardRefExoticComponent<DrawerContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: React$1.FC<React$1.HTMLAttributes<HTMLDivElement>>;
+declare const DrawerTitle: React$1.ForwardRefExoticComponent<Omit<RadixDialog.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React$1.ForwardRefExoticComponent<Omit<RadixDialog.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const DrawerDefaultClose: React$1.FC;
 
 /**
  * AccentHeader — the amber two-tone title bar Figma uses on cards, dialogs,
@@ -42,7 +92,7 @@ interface AccentHeaderProps {
     trailing?: ReactNode;
     style?: CSSProperties;
 }
-declare function AccentHeader({ title, trailing, style }: AccentHeaderProps): react.JSX.Element;
+declare function AccentHeader({ title, trailing, style }: AccentHeaderProps): React$1.JSX.Element;
 /**
  * AccentCard — white panel with an AccentHeader bar and rounded corners
  * (measured r≈14 @1728 → var(--radius-5)) plus the soft card shadow seen on
@@ -53,7 +103,7 @@ interface AccentCardProps extends AccentHeaderProps {
     /** Radix padding scale for the body. Defaults to "4"; use "0" for flush content. */
     bodyPadding?: "0" | "1" | "2" | "3" | "4" | "5" | "6";
 }
-declare function AccentCard({ title, trailing, children, bodyPadding, style, }: AccentCardProps): react.JSX.Element;
+declare function AccentCard({ title, trailing, children, bodyPadding, style, }: AccentCardProps): React$1.JSX.Element;
 
 /**
  * ConfirmDialog — the confirm/cancel prompt used for destructive or
@@ -79,7 +129,7 @@ interface ConfirmDialogProps {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-declare function ConfirmDialog({ title, description, confirmLabel, cancelLabel, onConfirm, trigger, open, onOpenChange, }: ConfirmDialogProps): react.JSX.Element;
+declare function ConfirmDialog({ title, description, confirmLabel, cancelLabel, onConfirm, trigger, open, onOpenChange, }: ConfirmDialogProps): React$1.JSX.Element;
 
 /**
  * PausedBadge — small outline pill marking a paused account. Sits top-left
@@ -101,7 +151,7 @@ interface PausedBadgeProps {
     label?: string;
     style?: CSSProperties;
 }
-declare function PausedBadge({ label, style }: PausedBadgeProps): react.JSX.Element;
+declare function PausedBadge({ label, style }: PausedBadgeProps): React$1.JSX.Element;
 
 /**
  * AccountCard — the account tile used on the accounts grid: avatar + name +
@@ -129,7 +179,7 @@ interface AccountCardProps {
     accentColor?: string;
     style?: CSSProperties;
 }
-declare function AccountCard({ name, email, avatarSrc, paused, onPause, onResume, onDelete, onClick, badge, accentColor, style, }: AccountCardProps): react.JSX.Element;
+declare function AccountCard({ name, email, avatarSrc, paused, onPause, onResume, onDelete, onClick, badge, accentColor, style, }: AccountCardProps): React$1.JSX.Element;
 
 /**
  * MonthGrid — the month calendar grid from the Preview card (Target/Source
@@ -158,7 +208,7 @@ interface MonthGridProps {
     onSelectDay?: (date: Date) => void;
     style?: CSSProperties;
 }
-declare function MonthGrid({ month, onMonthChange, events, dayDots, today, onSelectDay, style, }: MonthGridProps): react.JSX.Element;
+declare function MonthGrid({ month, onMonthChange, events, dayDots, today, onSelectDay, style, }: MonthGridProps): React$1.JSX.Element;
 
 interface ToastProps {
     msg: string;
@@ -169,7 +219,7 @@ interface ToastProps {
 /** Fixed bottom-right auto-dismissing confirmation — the shared shape for
  * "did my save work" feedback across the app (previously a one-off local
  * component on AdminUserDetailPage only). */
-declare function Toast({ msg, color, onDone, durationMs }: ToastProps): react.JSX.Element;
+declare function Toast({ msg, color, onDone, durationMs }: ToastProps): React$1.JSX.Element;
 
 /**
  * IconTile — the app's one icon-well treatment: a bordered rounded-square
@@ -183,7 +233,7 @@ interface IconTileProps {
     /** Tile size — defaults to var(--space-7), the size used across the app. */
     size?: string;
 }
-declare function IconTile({ children, size }: IconTileProps): react.JSX.Element;
+declare function IconTile({ children, size }: IconTileProps): React$1.JSX.Element;
 
 interface CardFooterProps {
     children: ReactNode;
@@ -205,7 +255,7 @@ interface CardFooterProps {
  * Card's own padding so it reads as a distinct footer strip, same shape as
  * ImportCalendarsDialog's button row. Use for any Card/Dialog that ends in
  * one or more buttons instead of a plain Separator + Flex. */
-declare function CardFooter({ children, justify, noTopMargin, pad, radius, }: CardFooterProps): react.JSX.Element;
+declare function CardFooter({ children, justify, noTopMargin, pad, radius, }: CardFooterProps): React$1.JSX.Element;
 
 interface EventBlockProps {
     title: string;
@@ -218,7 +268,7 @@ interface EventBlockProps {
  * color with white text, matching OneCal's SYNC PREVIEW mockups. Used
  * anywhere a real (or sample) event needs to read as "this calendar's
  * color", not a thin accent bar + badge. */
-declare function EventBlock({ title, time, detail, color, locked }: EventBlockProps): react.JSX.Element;
+declare function EventBlock({ title, time, detail, color, locked }: EventBlockProps): React$1.JSX.Element;
 
 interface DataTableRowProps {
     children: ReactNode;
@@ -244,7 +294,7 @@ interface DataTableRowProps {
  * so `style` carries the grid/flex shape and `children` carries the cells;
  * this component only owns the classes and interaction/border wiring that
  * were previously hand-copied into five separate page files. */
-declare function DataTableRow({ children, style, showBorder, onActivate, selected, className, "aria-label": ariaLabel, }: DataTableRowProps): react.JSX.Element;
+declare function DataTableRow({ children, style, showBorder, onActivate, selected, className, "aria-label": ariaLabel, }: DataTableRowProps): React$1.JSX.Element;
 
 interface MetricCardProps {
     label: string;
@@ -262,7 +312,7 @@ interface MetricCardProps {
 }
 /** Admin/platform stat tile: label + status dot, big value, delta indicator,
  * inline sparkline. Used for dashboard "platform health" grids. */
-declare function MetricCard({ label, value, delta, deltaDir, goodDirection, statusColor, sparkline, }: MetricCardProps): react.JSX.Element;
+declare function MetricCard({ label, value, delta, deltaDir, goodDirection, statusColor, sparkline, }: MetricCardProps): React$1.JSX.Element;
 
 interface AppCardProps {
     href: string;
@@ -272,7 +322,7 @@ interface AppCardProps {
 }
 /** Workspace-shortcut tile: icon + name header, description, "Open" CTA
  * footer. Used for the home dashboard's granted-apps grid. */
-declare function AppCard({ href, icon, name, description }: AppCardProps): react.JSX.Element;
+declare function AppCard({ href, icon, name, description }: AppCardProps): React$1.JSX.Element;
 
 interface ActivityRowProps {
     /** Short colored tag, e.g. "AUTH", "ROLE", "PROV" — matches an audit-log
@@ -289,7 +339,7 @@ interface ActivityRowProps {
 /** Sentry-style dense activity-feed row: colored type tag, message + actor,
  * optional relative time, and a right-aligned monospace timestamp. Built on
  * DataTableRow for the shared hover/border plumbing. */
-declare function ActivityRow({ tag, tagColor, msg, actor, timeAgo, timestamp, showBorder, }: ActivityRowProps): react.JSX.Element;
+declare function ActivityRow({ tag, tagColor, msg, actor, timeAgo, timestamp, showBorder, }: ActivityRowProps): React$1.JSX.Element;
 
 interface DashboardErrorCardProps {
     onRetry: () => void;
@@ -297,7 +347,7 @@ interface DashboardErrorCardProps {
     message?: string;
 }
 /** Generic "failed to load" state: warning icon, message, Retry CTA. */
-declare function DashboardErrorCard({ onRetry, message }: DashboardErrorCardProps): react.JSX.Element;
+declare function DashboardErrorCard({ onRetry, message }: DashboardErrorCardProps): React$1.JSX.Element;
 
 interface PaginationProps {
     /** 1-based. */
@@ -311,7 +361,7 @@ interface PaginationProps {
     /** Radix control size. */
     size?: "1" | "2";
 }
-declare function Pagination({ currentPage, totalPages, onPageChange, siblingCount, showFirstLast, size, }: PaginationProps): react.JSX.Element;
+declare function Pagination({ currentPage, totalPages, onPageChange, siblingCount, showFirstLast, size, }: PaginationProps): React$1.JSX.Element;
 
 /** Radix space-scale layout widths. Originally a subset of the app's
  * src/lib/layout-tokens.ts covering only what this package's own components
@@ -384,7 +434,15 @@ interface NavItem {
     end?: boolean;
     root?: string;
     badge?: string;
+    bundle?: boolean;
 }
+interface NavGroup {
+    id: string;
+    label: string;
+    items: NavItem[];
+    defaultCollapsed?: boolean;
+}
+type NavEntry = NavItem | NavGroup;
 interface SidebarUser {
     name: string;
     role: Role;
@@ -402,8 +460,12 @@ interface SidebarProps {
     collapsed: boolean;
     onToggle?: () => void;
     onClose?: () => void;
-    /** Nav items to render — the app owns its own route table (NAV_ITEMS). */
-    items: NavItem[];
+    /** Nav items to render — the app owns its own route table (NAV_ITEMS).
+     * A `NavGroup` renders its rows under a heading that folds them away. */
+    items: NavEntry[];
+    /** localStorage key that remembers which groups are folded, per browser.
+     * Omit it and the folded state lasts only for the page view. */
+    persistKey?: string;
     /** Utility/meta hrefs (Settings, Admin Portal) that pin above the identity
      * block instead of the main scrollable list. */
     utilityHrefs: string[];
@@ -425,7 +487,7 @@ interface SidebarProps {
     onDevRoleSelect?: (email: string) => void;
     showDevRoles?: boolean;
 }
-declare function Sidebar({ collapsed, onToggle, onClose, items, utilityHrefs: utilityHrefsProp, user, onSignOut, hasCalendarAccounts, brandLogoExpandedSrc, brandLogoCollapsedSrc, helpHref, devRoles, onDevRoleSelect, showDevRoles, }: SidebarProps): react.JSX.Element;
+declare function Sidebar({ collapsed, onToggle, onClose, items, persistKey, utilityHrefs: utilityHrefsProp, user, onSignOut, hasCalendarAccounts, brandLogoExpandedSrc, brandLogoCollapsedSrc, helpHref, devRoles, onDevRoleSelect, showDevRoles, }: SidebarProps): React$1.JSX.Element;
 
 /**
  * Single source of truth for status / role / activity / audit colors.
@@ -498,19 +560,19 @@ declare function auditActionMeta(action: string): {
 
 declare function AuthCard({ children }: {
     children: React.ReactNode;
-}): react.JSX.Element;
+}): React$1.JSX.Element;
 
-declare function BrandPanel(): react.JSX.Element;
+declare function BrandPanel(): React$1.JSX.Element;
 
-declare function GoogleIcon(): react.JSX.Element;
+declare function GoogleIcon(): React$1.JSX.Element;
 
-declare function MicrosoftIcon(): react.JSX.Element;
+declare function MicrosoftIcon(): React$1.JSX.Element;
 
 declare function OtpInput({ value, onChange, disabled }: {
     value: string;
     onChange: (v: string) => void;
     disabled?: boolean;
-}): react.JSX.Element;
+}): React$1.JSX.Element;
 
 interface OtpVerifyStepProps {
     email: string;
@@ -534,7 +596,7 @@ interface OtpVerifyStepProps {
     onResend: () => void;
     onUseDifferentEmail: () => void;
 }
-declare function OtpVerifyStep({ email, title, subtitle, code, onCodeChange, otpDevHint, error, errorAction, busy, otpExpiresAt, otpSecondsLeft, resendCooldown, onResend, onUseDifferentEmail, }: OtpVerifyStepProps): react.JSX.Element;
+declare function OtpVerifyStep({ email, title, subtitle, code, onCodeChange, otpDevHint, error, errorAction, busy, otpExpiresAt, otpSecondsLeft, resendCooldown, onResend, onUseDifferentEmail, }: OtpVerifyStepProps): React$1.JSX.Element;
 
 /** Duplicated from the app's src/lib/mock.ts (not imported) so this package
  * has no dependency back into the app. Keep in sync if the app's type changes. */
@@ -545,7 +607,7 @@ type CalendarProvider = "google" | "microsoft";
  * you WHICH account; this icon tells you WHICH provider). */
 declare function ProviderIcon({ provider }: {
     provider: CalendarProvider;
-}): react.JSX.Element;
+}): React$1.JSX.Element;
 /** Human-readable provider names for consent copy and the chooser. */
 declare const PROVIDER_LABEL: Record<CalendarProvider, string>;
 
@@ -565,7 +627,7 @@ interface TopbarProps {
     titles?: TopbarTitleRow[];
     adminTitles?: TopbarAdminTitleRow[];
 }
-declare function Topbar({ onSearchOpen, onMenuOpen, showMenu, titles, adminTitles, }: TopbarProps): react.JSX.Element;
+declare function Topbar({ onSearchOpen, onMenuOpen, showMenu, titles, adminTitles, }: TopbarProps): React$1.JSX.Element;
 
 type SearchResultType = "app" | "people" | "page";
 interface SearchResult {
@@ -585,7 +647,7 @@ interface SearchOverlayProps {
     title?: string;
     placeholder?: string;
 }
-declare function SearchOverlay({ open, onClose, results: resultPool, onSelectResult, title, placeholder, }: SearchOverlayProps): react.JSX.Element;
+declare function SearchOverlay({ open, onClose, results: resultPool, onSelectResult, title, placeholder, }: SearchOverlayProps): React$1.JSX.Element;
 
 /** Duplicated from the app's src/lib/calendar-mock.ts (not imported) so this
  * package has no dependency back into the app. Keep in sync if the app's
@@ -662,7 +724,7 @@ interface CalendarDayHeaderProps extends HeaderProps {
  * weekday caption + a filled amber circle on today's date number, matching
  * the OneCal reference's today marker instead of the near-invisible
  * `.rbc-today` background wash. */
-declare function CalendarDayHeader({ date, today }: CalendarDayHeaderProps): react.JSX.Element;
+declare function CalendarDayHeader({ date, today }: CalendarDayHeaderProps): React$1.JSX.Element;
 
 /** OneCal-style flat calendar list (logo + name/email + control). */
 declare function CalendarPickList({ accounts, mode, sourceCalendarIds, targetCalendarId, takenSourceIds, onToggleSource, onSelectTarget, fill, }: {
@@ -675,14 +737,14 @@ declare function CalendarPickList({ accounts, mode, sourceCalendarIds, targetCal
     onSelectTarget: (calendarId: string) => void;
     /** Fill parent and scroll internally (step 2 dual lists). */
     fill?: boolean;
-}): react.JSX.Element;
+}): React$1.JSX.Element;
 
 /** DS-native replacement for react-big-calendar's default toolbar — pill nav
  * arrows + Today button (left), label (center), Week/Month switch (right).
  * All logic stays RBC's; this only swaps the rendered chrome.
  * Props typed loosely (any event/resource) since RBC's Components<TEvent>
  * requires the toolbar to accept ToolbarProps<TEvent>, not our own event type. */
-declare function CalendarToolbar({ label, view, onNavigate, onView, }: ToolbarProps<object, object>): react.JSX.Element;
+declare function CalendarToolbar({ label, view, onNavigate, onView, }: ToolbarProps<object, object>): React$1.JSX.Element;
 
 declare const PROVIDER_META: Record<CalendarProvider, {
     label: string;
@@ -697,7 +759,7 @@ declare function ConnectProviderList({ connectingProvider, failedProvider, exhau
      * not a real error, so Retry can't help and the copy should say so. */
     exhausted?: boolean;
     onConnect: (provider: CalendarProvider) => void;
-}): react.JSX.Element;
+}): React$1.JSX.Element;
 
 /** Compact horizontal connected-account card — fills its grid cell (max 4 / row). */
 declare function ConnectedAccountCard({ account, onRemove, onReconnect, onClick, }: {
@@ -706,7 +768,7 @@ declare function ConnectedAccountCard({ account, onRemove, onReconnect, onClick,
     onReconnect?: () => void;
     /** Opens account detail (calendars) — kebab clicks do not fire this. */
     onClick?: () => void;
-}): react.JSX.Element;
+}): React$1.JSX.Element;
 
 interface EmptyCardProps {
     icon: ReactNode;
@@ -733,7 +795,7 @@ interface EmptyCardProps {
  * background/shadow, matching Vercel's flat "Continue to X" / "Connect a
  * calendar" pattern (see ConnectProviderRows, which uses the same shape)
  * instead of a bordered box floating in the page. */
-declare function EmptyCard({ icon, title, description, action, headingAs, }: EmptyCardProps): react.JSX.Element;
+declare function EmptyCard({ icon, title, description, action, headingAs, }: EmptyCardProps): React$1.JSX.Element;
 
 interface ImportCalendarsDialogProps {
     /** Account catalog whose calendars are offered. Null closes the dialog. */
@@ -764,7 +826,7 @@ interface ImportCalendarsDialogProps {
 }
 /** Choose / change which calendars belong to a connected account — OneCal
  * import step; also reused from the account detail popup to edit selection. */
-declare function ImportCalendarsDialog({ account, onOpenChange, onImport, initiallySelectedIds, disabledIds, disabledReason, title, description, confirmLabel, }: ImportCalendarsDialogProps): react.JSX.Element;
+declare function ImportCalendarsDialog({ account, onOpenChange, onImport, initiallySelectedIds, disabledIds, disabledReason, title, description, confirmLabel, }: ImportCalendarsDialogProps): React$1.JSX.Element;
 
 /** The stand-in event the preview transforms. Not the user's data — see
  * `SyncPreviewRailProps.sampleEvent`. */
@@ -816,17 +878,17 @@ interface SyncPreviewRailProps {
  *   sync settings, and its title always carries the sync's tag (the tag alone
  *   when titles are off, `Gym - (Busy)` when they are on).
  */
-declare function SyncPreviewRail({ hasSources, hasTarget, sourceLabel, targetLabel, showTitle, showDescription, showLocation, tagLabel, accentColor, sampleEvent, }: SyncPreviewRailProps): react.JSX.Element;
+declare function SyncPreviewRail({ hasSources, hasTarget, sourceLabel, targetLabel, showTitle, showDescription, showLocation, tagLabel, accentColor, sampleEvent, }: SyncPreviewRailProps): React$1.JSX.Element;
 
 /** Guided first-run stepper on /calendar — OneCal numbered steps, our DS. */
 declare function OnboardingStepper({ current }: {
     current: number;
-}): react.JSX.Element;
+}): React$1.JSX.Element;
 /** @deprecated Prefer OnboardingStepper. */
 declare function OnboardingStepDots({ current, total }: {
     current: number;
     total?: number;
-}): react.JSX.Element;
+}): React$1.JSX.Element;
 
 interface MiniMonthPickerProps {
     cursor: Date;
@@ -839,7 +901,7 @@ interface MiniMonthPickerProps {
  * (month nav + 7-col day grid, selected day filled), rebuilt on our own
  * tokens/colors (amber selection, not blue). Clicking a day jumps the main
  * grid's cursor to that date. */
-declare function MiniMonthPicker({ cursor, onSelect, today }: MiniMonthPickerProps): react.JSX.Element;
+declare function MiniMonthPicker({ cursor, onSelect, today }: MiniMonthPickerProps): React$1.JSX.Element;
 
 interface WizardStepMeta {
     n: string;
@@ -854,7 +916,7 @@ interface WizardStepMeta {
 declare function WizardStepper({ steps, current, }: {
     steps: readonly WizardStepMeta[];
     current: number;
-}): react.JSX.Element;
+}): React$1.JSX.Element;
 
 interface AccountCalendarsDialogProps {
     /** The account to show, resolved by the app — null closes the dialog. */
@@ -868,7 +930,7 @@ interface AccountCalendarsDialogProps {
     onReconnect?: (accountId: string) => void;
 }
 /** Account detail popup — view calendars, remove one, or change which are imported. */
-declare function AccountCalendarsDialog({ account, catalog, onOpenChange, onRemoveCalendar, onSaveCalendars, onReconnect, }: AccountCalendarsDialogProps): react.JSX.Element;
+declare function AccountCalendarsDialog({ account, catalog, onOpenChange, onRemoveCalendar, onSaveCalendars, onReconnect, }: AccountCalendarsDialogProps): React$1.JSX.Element;
 
 interface BigCalendarViewProps {
     blocks: ResolvedBlock[];
@@ -889,7 +951,7 @@ interface BigCalendarViewProps {
  * see big-calendar-overrides.css. Renders our own event card (title, time
  * range, location) via `components.event`, colored per calendar via
  * `eventPropGetter`. */
-declare function BigCalendarView({ blocks, view, onViewChange, date, onNavigate, accounts, today, }: BigCalendarViewProps): react.JSX.Element;
+declare function BigCalendarView({ blocks, view, onViewChange, date, onNavigate, accounts, today, }: BigCalendarViewProps): React$1.JSX.Element;
 
 interface SyncDetailsDialogProps {
     sync: CalendarSync | null;
@@ -899,7 +961,7 @@ interface SyncDetailsDialogProps {
     onEdit: (syncId: string) => void;
 }
 /** OneCal-style View Details — flat label/value summary of sync config. */
-declare function SyncDetailsDialog({ sync, accounts, onOpenChange, onEdit }: SyncDetailsDialogProps): react.JSX.Element;
+declare function SyncDetailsDialog({ sync, accounts, onOpenChange, onEdit }: SyncDetailsDialogProps): React$1.JSX.Element;
 
 interface UseConnectAccountOptions {
     /** Currently connected accounts — passed to `connectProvider` so it can
@@ -939,13 +1001,13 @@ interface AddAccountMenuProps extends UseConnectAccountOptions {
 /** "+ Connect Account" — button or dashed tile; opens provider picker then
  * ImportCalendarsDialog. Trigger must be a single React element (Radix
  * Themes DropdownMenu.Trigger always uses asChild). */
-declare function AddAccountMenu({ variant, trigger, accounts, connectProvider, onAccountAdded, onImported, }: AddAccountMenuProps): react.JSX.Element;
+declare function AddAccountMenu({ variant, trigger, accounts, connectProvider, onAccountAdded, onImported, }: AddAccountMenuProps): React$1.JSX.Element;
 
 type ConnectProviderRowsProps = UseConnectAccountOptions;
 /** Connect-first UI — used on Manage Syncs (section home) and Accounts when
  * no accounts are connected yet. Fills the content slot and centers as one
  * composition; inner spacing matches Home empty cards (`py="6"`, `gap="3"`). */
-declare function ConnectProviderRows({ accounts, connectProvider, onAccountAdded, onImported }: ConnectProviderRowsProps): react.JSX.Element;
+declare function ConnectProviderRows({ accounts, connectProvider, onAccountAdded, onImported }: ConnectProviderRowsProps): React$1.JSX.Element;
 
 interface CalendarMergedViewProps {
     accounts: CalendarAccount[];
@@ -971,7 +1033,7 @@ interface CalendarMergedViewProps {
  * manage) + week/month hour grid. All calendar data and app navigation are
  * supplied by the caller; this component owns only its own UI state
  * (cursor date, collapsed account groups, narrow-viewport sidebar toggle). */
-declare function CalendarMergedView({ accounts, view, setView, hideClones, setHideClones, mergedCalendarIds, visibleCalendarIds, toggleCalendarVisible, getVisibleBlocksInRange, manageAccountsHref, today, }: CalendarMergedViewProps): react.JSX.Element;
+declare function CalendarMergedView({ accounts, view, setView, hideClones, setHideClones, mergedCalendarIds, visibleCalendarIds, toggleCalendarVisible, getVisibleBlocksInRange, manageAccountsHref, today, }: CalendarMergedViewProps): React$1.JSX.Element;
 
 declare const colors: {
     readonly primary: {
@@ -1332,13 +1394,13 @@ interface BaseProps {
     /** Additional CSS class names */
     className?: string;
     /** Child elements */
-    children?: react.ReactNode;
+    children?: React$1.ReactNode;
     /** Unique identifier for the component */
     id?: string;
     /** Test identifier for testing purposes */
     testId?: string;
     /** Custom styles */
-    style?: react.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 interface InteractiveProps extends BaseProps {
     /** Whether the component is disabled */
@@ -1346,13 +1408,13 @@ interface InteractiveProps extends BaseProps {
     /** Whether the component is in a loading state */
     loading?: boolean;
     /** Callback fired when the component is clicked */
-    onClick?: (event: react.MouseEvent) => void;
+    onClick?: (event: React$1.MouseEvent) => void;
     /** Callback fired when the component receives focus */
-    onFocus?: (event: react.FocusEvent) => void;
+    onFocus?: (event: React$1.FocusEvent) => void;
     /** Callback fired when the component loses focus */
-    onBlur?: (event: react.FocusEvent) => void;
+    onBlur?: (event: React$1.FocusEvent) => void;
     /** Callback fired on key down events */
-    onKeyDown?: (event: react.KeyboardEvent) => void;
+    onKeyDown?: (event: React$1.KeyboardEvent) => void;
 }
 type Size = ThemeSize;
 type Variant = ThemeVariant;
@@ -1376,14 +1438,14 @@ interface FormFieldProps extends InteractiveProps {
     /** Auto-focus the field on mount */
     autoFocus?: boolean;
 }
-type PolymorphicRef<T extends react.ElementType> = react.ComponentPropsWithRef<T>["ref"];
-type PolymorphicComponentProps<T extends react.ElementType, P = object> = P & Omit<react.ComponentPropsWithoutRef<T>, keyof P> & {
+type PolymorphicRef<T extends React$1.ElementType> = React$1.ComponentPropsWithRef<T>["ref"];
+type PolymorphicComponentProps<T extends React$1.ElementType, P = object> = P & Omit<React$1.ComponentPropsWithoutRef<T>, keyof P> & {
     /** The element type to render as */
     as?: T;
 };
-type PolymorphicComponent<T extends react.ElementType, P = object> = <C extends react.ElementType = T>(props: PolymorphicComponentProps<C, P> & {
+type PolymorphicComponent<T extends React$1.ElementType, P = object> = <C extends React$1.ElementType = T>(props: PolymorphicComponentProps<C, P> & {
     ref?: PolymorphicRef<C>;
-}) => react.ReactElement | null;
+}) => React$1.ReactElement | null;
 interface InteractionStates {
     /** Whether the component is in hover state */
     hover?: boolean;
@@ -1414,7 +1476,7 @@ interface ComponentState<T = unknown> {
     /** Default value */
     defaultValue?: T;
     /** Callback fired when value changes */
-    onChange?: (value: T, event?: react.ChangeEvent | react.MouseEvent) => void;
+    onChange?: (value: T, event?: React$1.ChangeEvent | React$1.MouseEvent) => void;
     /** Validation function */
     validate?: (value: T) => string | string[] | null;
     /** Whether the field has been touched */
@@ -1511,7 +1573,7 @@ declare function handleArrowNavigation(event: KeyboardEvent, elements: HTMLEleme
 interface UIProviderProps extends Omit<Partial<ThemeProps>, "children"> {
     children: ReactNode;
 }
-declare function UIProvider({ children, appearance, radius, scaling, accentColor, grayColor, panelBackground, className, }: UIProviderProps): react__default.JSX.Element;
+declare function UIProvider({ children, appearance, radius, scaling, accentColor, grayColor, panelBackground, className, }: UIProviderProps): React__default.JSX.Element;
 
 declare function useControllableState<T>({ value, defaultValue, onChange, }: {
     value?: T;
@@ -1529,6 +1591,6 @@ declare function useDisclosure(defaultOpen?: boolean): {
     onToggle: () => void;
 };
 
-declare function useClickOutside<T extends HTMLElement = HTMLElement>(handler: () => void, enabled?: boolean): react.RefObject<T | null>;
+declare function useClickOutside<T extends HTMLElement = HTMLElement>(handler: () => void, enabled?: boolean): React$1.RefObject<T | null>;
 
-export { ACTIVITY_META, AUDIT_ACTION_META, AccentCard, type AccentCardProps, AccentHeader, type AccentHeaderProps, type AccessibilityProps, AccountCalendarsDialog, type AccountCalendarsDialogProps, AccountCard, type AccountCardProps, ActivityRow, type ActivityRowProps, type ActivityType, AddAccountMenu, type AddAccountMenuProps, AppCard, type AppCardProps, type AuditAction, AuthCard, type AvailabilityBlock, type BaseProps, BigCalendarView, type BigCalendarViewProps, BrandPanel, type CalendarAccount, type CalendarAccountCalendar, CalendarDayHeader, type CalendarDayHeaderProps, CalendarMergedView, type CalendarMergedViewProps, CalendarPickList, type CalendarProvider, type CalendarSync, CalendarToolbar, CardFooter, type CardFooterProps, type ComponentState, ConfirmDialog, type ConfirmDialogProps, ConnectProviderList, ConnectProviderRows, type ConnectProviderRowsProps, ConnectedAccountCard, DashboardErrorCard, type DashboardErrorCardProps, DataTableRow, type DataTableRowProps, type DatedAvailabilityBlock, EmptyCard, type EmptyCardProps, EventBlock, type EventBlockProps, type FormFieldProps, GoogleIcon, type HeadingLevel, IconTile, type IconTileProps, ImportCalendarsDialog, type ImportCalendarsDialogProps, type InteractionStates, METRIC_STATUS_COLOR, MetricCard, type MetricCardProps, type MetricStatus, MicrosoftIcon, MiniMonthPicker, type MiniMonthPickerProps, MonthGrid, type MonthGridProps, type NavItem, OnboardingStepDots, OnboardingStepper, OtpInput, OtpVerifyStep, type OtpVerifyStepProps, PROVIDER_LABEL, PROVIDER_META, Pagination, type PaginationProps, PausedBadge, type PausedBadgeProps, type PolymorphicComponent, type PolymorphicComponentProps, ProviderIcon, ROLE_LABELS, ROLE_META, type ResolvedBlock, type ResponsiveValue, type Role, SHELL_HEADER_H, STATUS_META, SearchOverlay, type SearchOverlayProps, type SearchResult, type SearchResultType, Sidebar, type SidebarDevRole, type SidebarProps, type SidebarUser, type Size, Skeleton, type SkeletonProps, SyncDetailsDialog, type SyncDetailsDialogProps, SyncPreviewRail, type SyncStatus, Toast, type ToastProps, Topbar, type TopbarAdminTitleRow, type TopbarProps, type TopbarTitleRow, UIProvider, type UseConnectAccountOptions, type UserStatus, type Variant, type WizardStepMeta, WizardStepper, auditActionMeta, cn, colors, conditionalClass, createCompoundVariants, createVariantGenerator, findCalendar, getAccessibilityStyles, getAnimationClass, getBaseStyles, getBgClass, getBorderClass, getColor, getFocusRingClass, getFocusableElements, getHoverBgClass, getHoverTextClass, getInteractiveStyles, getRadiusClass, getResponsiveClasses, getSizeStyles, getSpacingClass, getTextClass, getTypographyClass, getVariantStyles, handleArrowNavigation, headingSize, layout, mergeProps, theme, useClickOutside, useConnectAccount, useControllableState, useDisclosure };
+export { ACTIVITY_META, AUDIT_ACTION_META, AccentCard, type AccentCardProps, AccentHeader, type AccentHeaderProps, type AccessibilityProps, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountCalendarsDialog, type AccountCalendarsDialogProps, AccountCard, type AccountCardProps, ActivityRow, type ActivityRowProps, type ActivityType, AddAccountMenu, type AddAccountMenuProps, AppCard, type AppCardProps, type AuditAction, AuthCard, type AvailabilityBlock, type BaseProps, BigCalendarView, type BigCalendarViewProps, BrandPanel, type CalendarAccount, type CalendarAccountCalendar, CalendarDayHeader, type CalendarDayHeaderProps, CalendarMergedView, type CalendarMergedViewProps, CalendarPickList, type CalendarProvider, type CalendarSync, CalendarToolbar, CardFooter, type CardFooterProps, type ComponentState, ConfirmDialog, type ConfirmDialogProps, ConnectProviderList, ConnectProviderRows, type ConnectProviderRowsProps, ConnectedAccountCard, DashboardErrorCard, type DashboardErrorCardProps, DataTableRow, type DataTableRowProps, type DatedAvailabilityBlock, Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDefaultClose, DrawerDescription, DrawerHeader, DrawerTitle, DrawerTrigger, EmptyCard, type EmptyCardProps, EventBlock, type EventBlockProps, type FormFieldProps, GoogleIcon, type HeadingLevel, IconTile, type IconTileProps, ImportCalendarsDialog, type ImportCalendarsDialogProps, type InteractionStates, METRIC_STATUS_COLOR, MetricCard, type MetricCardProps, type MetricStatus, MicrosoftIcon, MiniMonthPicker, type MiniMonthPickerProps, MonthGrid, type MonthGridProps, type NavEntry, type NavGroup, type NavItem, OnboardingStepDots, OnboardingStepper, OtpInput, OtpVerifyStep, type OtpVerifyStepProps, PROVIDER_LABEL, PROVIDER_META, Pagination, type PaginationProps, PausedBadge, type PausedBadgeProps, type PolymorphicComponent, type PolymorphicComponentProps, ProviderIcon, ROLE_LABELS, ROLE_META, type ResolvedBlock, type ResponsiveValue, type Role, SHELL_HEADER_H, STATUS_META, SearchOverlay, type SearchOverlayProps, type SearchResult, type SearchResultType, Sidebar, type SidebarDevRole, type SidebarProps, type SidebarUser, type Size, Skeleton, type SkeletonProps, SyncDetailsDialog, type SyncDetailsDialogProps, SyncPreviewRail, type SyncStatus, Toast, type ToastProps, Topbar, type TopbarAdminTitleRow, type TopbarProps, type TopbarTitleRow, UIProvider, type UseConnectAccountOptions, type UserStatus, type Variant, type WizardStepMeta, WizardStepper, auditActionMeta, cn, colors, conditionalClass, createCompoundVariants, createVariantGenerator, findCalendar, getAccessibilityStyles, getAnimationClass, getBaseStyles, getBgClass, getBorderClass, getColor, getFocusRingClass, getFocusableElements, getHoverBgClass, getHoverTextClass, getInteractiveStyles, getRadiusClass, getResponsiveClasses, getSizeStyles, getSpacingClass, getTextClass, getTypographyClass, getVariantStyles, handleArrowNavigation, headingSize, layout, mergeProps, theme, useClickOutside, useConnectAccount, useControllableState, useDisclosure };