@ciridae/ui 1.0.2 → 1.0.3

package/dist/components/radio-card.d.ts

@@ -9,7 +9,7 @@ export type RadioCardGroupProps = Omit<ComponentProps<typeof BaseRadioGroup>, "d
     value?: string;
     onValueChange?: (value: string) => void;
 };
-export declare function RadioCardGroup({ name, label, defaultValue, value, onValueChange, className, ...props }: RadioCardGroupProps): import("@types/react").JSX.Element;
+export declare function RadioCardGroup({ name, label, defaultValue, value, onValueChange, className, ...props }: RadioCardGroupProps): import("react").JSX.Element;
 export type RadioCardProps = Omit<ComponentProps<typeof BaseRadio.Root>, "children" | "className"> & {
     value: string;
     title: ReactNode;
@@ -19,4 +19,4 @@ export type RadioCardProps = Omit<ComponentProps<typeof BaseRadio.Root>, "childr
     className?: string;
 };
 /** One option of a `RadioCardGroup`. */
-export declare function RadioCard({ title, detail, source: sourceContent, className, ...props }: RadioCardProps): import("@types/react").JSX.Element;
+export declare function RadioCard({ title, detail, source: sourceContent, className, ...props }: RadioCardProps): import("react").JSX.Element;

package/dist/components/record.d.ts

@@ -20,7 +20,7 @@ export type DetailLayoutProps = Omit<ComponentProps<"div">, "children"> & {
         aside: ReactNode;
     };
 };
-export declare function DetailLayout({ header, main, aside, stackBelow, stickyAside, stacking, tabLabels, className, ...props }: DetailLayoutProps): import("@types/react").JSX.Element;
+export declare function DetailLayout({ header, main, aside, stackBelow, stickyAside, stacking, tabLabels, className, ...props }: DetailLayoutProps): import("react").JSX.Element;
 /** The record's title row is the page's: `PageHeading`, with `leading`, `badge` and menu `actions`. */
 export { PageHeading, type PageHeadingProps } from "./page-frame.js";
 export type RelatedTab = {
@@ -39,7 +39,7 @@ export type RelatedTabsProps = Omit<ComponentProps<typeof TabsRoot>, "children"
     defaultValue?: string;
     onValueChange?: (value: string) => void;
 };
-export declare function RelatedTabs({ tabs, value, defaultValue, onValueChange, className, ...props }: RelatedTabsProps): import("@types/react").JSX.Element | null;
+export declare function RelatedTabs({ tabs, value, defaultValue, onValueChange, className, ...props }: RelatedTabsProps): import("react").JSX.Element | null;
 export type ItemCardField = {
     label: ReactNode;
     value: ReactNode;
@@ -63,7 +63,7 @@ export type ItemCardProps = Omit<useRender.ComponentProps<"button">, "children"
     onSelect?: () => void;
     href?: string;
 };
-export declare function ItemCard({ title, progress, fields, status, footer, selected, onSelect, href, render, className, style, ...props }: ItemCardProps): import("@types/react").ReactElement<unknown, string | import("@types/react").JSXElementConstructor<any>>;
+export declare function ItemCard({ title, progress, fields, status, footer, selected, onSelect, href, render, className, style, ...props }: ItemCardProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type RelatedListItem = {
     id: string;
     title: ReactNode;
@@ -92,4 +92,4 @@ export type RelatedListProps = Omit<ComponentProps<"div">, "children"> & {
     /** After the groups, such as a button that links another record. */
     footer?: ReactNode;
 };
-export declare function RelatedList({ groups, footer, className, ...props }: RelatedListProps): import("@types/react").JSX.Element;
+export declare function RelatedList({ groups, footer, className, ...props }: RelatedListProps): import("react").JSX.Element;

package/dist/components/resolved-file-url.d.ts

@@ -0,0 +1,19 @@
+/** A file whose bytes load from `url`, or from what the resolver hands back when it has none. */
+export type ResolvableFile = {
+    id: string;
+    url?: string | null;
+};
+/**
+ * Hands back a browser-loadable link for a file without one, such as one served behind a bearer
+ * token, which the app downloads and serves from an object URL. Keep the function stable: its
+ * links are cached per function and file id, so a redraw does not load the file again.
+ */
+export type ResolveFileUrl<File extends ResolvableFile = ResolvableFile> = (file: File) => Promise<string>;
+/**
+ * The file's link: its own `url`, else the resolver's once it settles. `state` is `failed` when the
+ * resolver rejected, and `pending` while it runs or while `enabled` is false.
+ */
+export declare function useResolvedFileUrl<File extends ResolvableFile>(file: File | undefined, resolve: ResolveFileUrl<File> | undefined, enabled?: boolean): {
+    url: string | null;
+    state: "ready" | "pending" | "failed" | "none";
+};

package/dist/components/resolved-file-url.js

@@ -0,0 +1,49 @@
+import { useEffect, useRef, useState } from "react";
+const resolvedUrls = new WeakMap();
+function resolveOnce(resolve, file) {
+    let cache = resolvedUrls.get(resolve);
+    if (!cache) {
+        cache = new Map();
+        resolvedUrls.set(resolve, cache);
+    }
+    const cached = cache.get(file.id);
+    if (cached)
+        return cached;
+    const pending = resolve(file);
+    cache.set(file.id, pending);
+    // A failed load is not kept, so the next look at the file tries again.
+    pending.catch(() => cache.delete(file.id));
+    return pending;
+}
+/**
+ * The file's link: its own `url`, else the resolver's once it settles. `state` is `failed` when the
+ * resolver rejected, and `pending` while it runs or while `enabled` is false.
+ */
+export function useResolvedFileUrl(file, resolve, enabled = true) {
+    const direct = file?.url ?? null;
+    const [resolved, setResolved] = useState(null);
+    const fileId = file?.id;
+    // The file's id names it: a new object for the same file is not a new file to load.
+    const fileRef = useRef(file);
+    useEffect(() => {
+        fileRef.current = file;
+    });
+    useEffect(() => {
+        const file = fileRef.current;
+        if (!file || direct || !resolve || !enabled)
+            return;
+        let current = true;
+        resolveOnce(resolve, file).then((url) => current && setResolved({ id: file.id, url, failed: false }), () => current && setResolved({ id: file.id, url: null, failed: true }));
+        return () => {
+            current = false;
+        };
+    }, [fileId, direct, resolve, enabled]);
+    if (direct)
+        return { url: direct, state: "ready" };
+    if (!file || !resolve)
+        return { url: null, state: "none" };
+    const settled = resolved?.id === file.id ? resolved : null;
+    if (settled?.url)
+        return { url: settled.url, state: "ready" };
+    return { url: null, state: settled?.failed ? "failed" : "pending" };
+}

package/dist/components/scroll-area.d.ts

@@ -13,4 +13,4 @@ export declare function ScrollArea({ className, viewportClassName, scrollDirecti
     scrollDirections?: "vertical" | "vertical-and-horizontal";
     children: ReactNode;
     "aria-label"?: string;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/secret-dialog.d.ts

@@ -7,4 +7,4 @@ export type IssuedSecret = {
 export declare function OneTimeSecretDialog({ issued, onClose, }: {
     issued: IssuedSecret | null;
     onClose: () => void;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/segmented-bar.d.ts

@@ -20,4 +20,4 @@ export type SegmentedBarProps = Omit<ComponentProps<"div">, "children"> & {
     /** How a value reads in the legend and a segment's name; the locale's number by default. */
     formatValue?: (value: number) => string;
 };
-export declare function SegmentedBar({ segments, legend, renderDetail, onSegmentSelect, formatValue, className, ...props }: SegmentedBarProps): import("@types/react").JSX.Element;
+export declare function SegmentedBar({ segments, legend, renderDetail, onSegmentSelect, formatValue, className, ...props }: SegmentedBarProps): import("react").JSX.Element;

package/dist/components/select.d.ts

@@ -26,12 +26,12 @@ export type SelectProps = {
     required?: boolean;
     disabled?: boolean;
 };
-export declare function Select({ options, value, onValueChange, placeholder, label, size: controlSize, variant, name, required, disabled, }: SelectProps): import("@types/react").JSX.Element;
+export declare function Select({ options, value, onValueChange, placeholder, label, size: controlSize, variant, name, required, disabled, }: SelectProps): import("react").JSX.Element;
 export type SlicerProps = Omit<SelectProps, "size" | "variant" | "placeholder"> & {
     /** What the slicer filters by, shown muted before the chosen value. */
     label: string;
 };
-export declare function Slicer({ options, value, onValueChange, label, name, required, disabled, }: SlicerProps): import("@types/react").JSX.Element;
+export declare function Slicer({ options, value, onValueChange, label, name, required, disabled, }: SlicerProps): import("react").JSX.Element;
 export type ComboboxProps<Option extends SelectOption> = {
     options: readonly Option[];
     value?: string;
@@ -69,7 +69,7 @@ export type ComboboxProps<Option extends SelectOption> = {
  * itself. With `onSearch`, the caller owns the options: typing reports the query once it pauses,
  * and the list shows whatever `options` the caller passes back, with `loading` while it fetches.
  */
-export declare function Combobox<Option extends SelectOption>({ options, value, onValueChange, placeholder: ownPlaceholder, label: ownLabel, size: controlSize, renderOption, emptyMessage, name, required, disabled, onSearch, loading, defaultOpen, onOpenChange, autoFocus, }: ComboboxProps<Option>): import("@types/react").JSX.Element;
+export declare function Combobox<Option extends SelectOption>({ options, value, onValueChange, placeholder: ownPlaceholder, label: ownLabel, size: controlSize, renderOption, emptyMessage, name, required, disabled, onSearch, loading, defaultOpen, onOpenChange, autoFocus, }: ComboboxProps<Option>): import("react").JSX.Element;
 export declare function FilterPopover({ label, count, open, onOpenChange, onClear, children, }: {
     /** The locale's "Filters" by default. */
     label?: ReactNode;
@@ -81,4 +81,4 @@ export declare function FilterPopover({ label, count, open, onOpenChange, onClea
     onClear?: () => void;
     /** The filters, such as compact `Combobox` and `Slicer` pills. */
     children: ReactNode;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/settings.d.ts

@@ -20,15 +20,15 @@ export type SettingsLayoutProps<Value extends string> = Omit<ComponentProps<"div
         navigation: string;
     }>;
 };
-export declare function SettingsLayout<Value extends string>({ sections, value, onValueChange, children, labels: ownLabels, className, ...props }: SettingsLayoutProps<Value>): import("@types/react").JSX.Element;
+export declare function SettingsLayout<Value extends string>({ sections, value, onValueChange, children, labels: ownLabels, className, ...props }: SettingsLayoutProps<Value>): import("react").JSX.Element;
 /** A settings section's single column of panels; the shell header carries the page's title. */
-export declare function SettingsColumn({ className, ...props }: ComponentProps<"div">): import("@types/react").JSX.Element;
+export declare function SettingsColumn({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
 /** One group of settings, under an optional heading with an optional action beside it. */
 export declare function SettingsPanel({ title, action, children, ...props }: Omit<PanelProps, "title" | "padding" | "tone"> & {
     title?: ReactNode;
     action?: ReactNode;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 /** A label and its value or control on one line inside a settings panel. */
 export declare function SettingsRow({ label, children, className, ...props }: ComponentProps<"div"> & {
     label: ReactNode;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/shell-skeleton.d.ts

@@ -4,4 +4,4 @@ export type ShellSkeletonProps = ComponentProps<"div"> & {
     children?: ReactNode;
 };
 /** Names itself for assistive tech with the locale's "Loading" unless given an `aria-label`. */
-export declare function ShellSkeleton({ children, ...props }: ShellSkeletonProps): import("@types/react").JSX.Element;
+export declare function ShellSkeleton({ children, ...props }: ShellSkeletonProps): import("react").JSX.Element;

package/dist/components/shell.d.ts

@@ -1,45 +1,45 @@
 import { useRender } from "@base-ui/react/use-render";
 import type { ComponentProps, ReactNode } from "react";
-export declare function AppShell({ className, children, ...props }: ComponentProps<"div">): import("@types/react").JSX.Element;
+export declare function AppShell({ className, children, ...props }: ComponentProps<"div">): import("react").JSX.Element;
 export declare function AppSidebar({ className, collapsed, onClickCapture, ...props }: ComponentProps<"aside"> & {
     collapsed?: boolean;
-}): import("@types/react").JSX.Element;
-export declare function AppMain({ className, ...props }: ComponentProps<"main">): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
+export declare function AppMain({ className, ...props }: ComponentProps<"main">): import("react").JSX.Element;
 export declare function AppHeader({ className, children, actions, ...props }: ComponentProps<"header"> & {
     actions?: ReactNode;
-}): import("@types/react").JSX.Element;
-export declare function AppContent({ className, ...props }: ComponentProps<"div">): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
+export declare function AppContent({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
 /** Content of the expanded sidebar, such as search and its buttons; hidden while it is a rail. */
-export declare function AppSidebarGroup({ className, ...props }: ComponentProps<"div">): import("@types/react").JSX.Element;
+export declare function AppSidebarGroup({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
 /**
  * The icon column shown in place of the expanded content while the sidebar is a rail. Its icon
  * buttons are large unless they set their own size.
  */
-export declare function AppSidebarRail({ className, children, ...props }: ComponentProps<"div">): import("@types/react").JSX.Element;
+export declare function AppSidebarRail({ className, children, ...props }: ComponentProps<"div">): import("react").JSX.Element;
 /** The sidebar's navigation, which scrolls on its own between the top and the footer. */
-export declare function AppSidebarNav({ className, ...props }: ComponentProps<"div">): import("@types/react").JSX.Element;
+export declare function AppSidebarNav({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
 /** Pinned to the sidebar's bottom; holds both expanded and rail content. */
-export declare function AppSidebarFooter({ className, ...props }: ComponentProps<"div">): import("@types/react").JSX.Element;
-export declare function AppSidebarFootnote({ className, ...props }: ComponentProps<"div">): import("@types/react").JSX.Element;
+export declare function AppSidebarFooter({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+export declare function AppSidebarFootnote({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
 /** Shows its content only in the expanded sidebar, or with `rail` only while it is a rail. */
 export declare function AppSidebarOnly({ rail, children, }: {
     rail?: boolean;
     children: ReactNode;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 /** Keep parent links on larger screens and a caller-owned compact ancestor menu on phones. */
 export declare function AppBreadcrumbParents({ children, compact, }: {
     children: ReactNode;
     compact: ReactNode;
-}): import("@types/react").JSX.Element;
-export declare function AppHeaderActions({ className, ...props }: ComponentProps<"div">): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
+export declare function AppHeaderActions({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
 /** Header controls that stand in for the sidebar once the window is too narrow to show it. */
-export declare function AppHeaderCompact({ className, ...props }: ComponentProps<"div">): import("@types/react").JSX.Element;
+export declare function AppHeaderCompact({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
 /** The header's trail of where the page sits; the last crumb truncates first. */
-export declare function AppBreadcrumbs({ className, ...props }: ComponentProps<"nav">): import("@types/react").JSX.Element;
+export declare function AppBreadcrumbs({ className, ...props }: ComponentProps<"nav">): import("react").JSX.Element;
 /** The slash between two crumbs. */
-export declare function AppBreadcrumbSeparator(): import("@types/react").JSX.Element;
+export declare function AppBreadcrumbSeparator(): import("react").JSX.Element;
 /** The crumb for the page itself, which ends the trail and is the page's heading. */
-export declare function AppBreadcrumbCurrent({ className, ...props }: ComponentProps<"h1">): import("@types/react").JSX.Element;
+export declare function AppBreadcrumbCurrent({ className, ...props }: ComponentProps<"h1">): import("react").JSX.Element;
 export type AppBreadcrumbButtonProps = useRender.ComponentProps<"button"> & {
     /** Makes the crumb a link to this address; `render` takes a router's link instead. */
     href?: string;
@@ -48,7 +48,7 @@ export type AppBreadcrumbButtonProps = useRender.ComponentProps<"button"> & {
  * A crumb that opens something: a button, such as a switcher menu's trigger; a link with `href`;
  * or the element `render` gives, such as a router's `<Link to="...">`.
  */
-export declare function AppBreadcrumbButton({ className, render, href, ...props }: AppBreadcrumbButtonProps): import("@types/react").ReactElement<unknown, string | import("@types/react").JSXElementConstructor<any>>;
+export declare function AppBreadcrumbButton({ className, render, href, ...props }: AppBreadcrumbButtonProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 /**
  * The signed-in account as a menu trigger: avatar, name, and a detail line, or with `compact` the
  * avatar alone.
@@ -59,4 +59,4 @@ export declare function AppAccountButton({ avatar, name, detail, trailing, compa
     detail?: ReactNode;
     trailing?: ReactNode;
     compact?: boolean;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/shell.js

@@ -27,8 +27,10 @@ const sidebar = css({
     paddingBlock: "panel.sidebarBlock",
     // The first row, a control's height such as the workspace switcher, centres on the header's
     // line beside it: half the difference, plus the main panel's 1px edge.
+    // The last row, the account, mirrors it at the foot: as far inside the main panel's bottom edge
+    // as the first row sits inside its top.
     _notPhone: {
-        paddingTop: "calc((token(sizes.shell.header) - token(sizes.control.default)) / 2 + 1px)",
+        paddingBlock: "calc((token(sizes.shell.header) - token(sizes.control.default)) / 2 + 1px)",
     },
     paddingInline: "sidebar.inline",
     width: "shell.sidebar",

package/dist/components/side-panel.d.ts

@@ -27,10 +27,10 @@ export type SidePanelProps = Omit<ComponentProps<"aside">, "title"> & {
  * optional previous / next stepper, actions and close, a scrolling body and a footer. Put it beside
  * the list in a `SidePanelLayout`.
  */
-export declare function SidePanel({ title, eyebrow, subtitle, titleAccessory, actions, headerContent, footer, onClose, stepper, onPrevious, onNext, flushBody, bodyClassName, className, children, ...props }: SidePanelProps): import("@types/react").JSX.Element;
+export declare function SidePanel({ title, eyebrow, subtitle, titleAccessory, actions, headerContent, footer, onClose, stepper, onPrevious, onNext, flushBody, bodyClassName, className, children, ...props }: SidePanelProps): import("react").JSX.Element;
 /** A list and its `SidePanel` side by side; the list takes the room the panel leaves. */
-export declare function SidePanelLayout({ className, ...props }: ComponentProps<"div">): import("@types/react").JSX.Element;
+export declare function SidePanelLayout({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
 /** A labelled block of a side panel's body. */
 export declare function SidePanelSection({ label, className, children, ...props }: Omit<ComponentProps<"section">, "title"> & {
     label: ReactNode;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/sidebar.d.ts

@@ -1,17 +1,17 @@
 import { useRender } from "@base-ui/react/use-render";
 import type { ComponentProps, ReactNode } from "react";
-export declare function SidebarNavigation({ className, ...props }: ComponentProps<"nav">): import("@types/react").JSX.Element;
-export declare function SidebarDivider({ className, ...props }: ComponentProps<"hr">): import("@types/react").JSX.Element;
-export declare function SidebarPanel({ className, ...props }: ComponentProps<"div">): import("@types/react").JSX.Element;
+export declare function SidebarNavigation({ className, ...props }: ComponentProps<"nav">): import("react").JSX.Element;
+export declare function SidebarDivider({ className, ...props }: ComponentProps<"hr">): import("react").JSX.Element;
+export declare function SidebarPanel({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
 export declare function SidebarSection({ label, action, iconTone, className, children, ...props }: ComponentProps<"div"> & {
     label?: ReactNode;
     action?: ReactNode;
     iconTone?: "bronze";
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 /** The subject a sidebar is scoped to, such as the open project. */
 export declare function SidebarHeading({ icon, className, children, ...props }: ComponentProps<"button"> & {
     icon?: ReactNode;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * A sidebar row. Without children it renders icon-only, for the rail; give it an `aria-label`
  * then, since the label is what names it.
@@ -32,4 +32,4 @@ export type SidebarItemProps = useRender.ComponentProps<"button"> & {
     /** `compact` is a secondary list's row, such as recently opened records. */
     size?: "regular" | "compact";
 };
-export declare function SidebarItem({ icon, trailing, action, active, iconTone, size, href, render, className, children, ...props }: SidebarItemProps): import("@types/react").JSX.Element;
+export declare function SidebarItem({ icon, trailing, action, active, iconTone, size, href, render, className, children, ...props }: SidebarItemProps): import("react").JSX.Element;

package/dist/components/site-banner.d.ts

@@ -21,5 +21,5 @@ declare const banner: import("../styled-system/types/index.js").RecipeRuntimeFn<
 }>;
 export type SiteBannerProps = ComponentProps<"div"> & RecipeVariantProps<typeof banner>;
 /** A quiet, full-width site notice, separate from page-level status banners. */
-export declare function SiteBanner({ tone, className, ...props }: SiteBannerProps): import("@types/react").JSX.Element;
+export declare function SiteBanner({ tone, className, ...props }: SiteBannerProps): import("react").JSX.Element;
 export {};

package/dist/components/skeleton.d.ts

@@ -12,4 +12,4 @@ export declare function Skeleton({ shape, width, height, className, style, ...pr
     /** A token width, for a value of roughly known length, or a share of the box such as `"60%"`. */
     width?: SkeletonWidth;
     height?: SkeletonHeight;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/skeletons.d.ts

@@ -3,18 +3,18 @@ import type { ReactNode } from "react";
 /** Stands in for a labelled group of sidebar rows: a section label, then icon-and-name rows. */
 export declare function SidebarRowsSkeleton({ rows }: {
     rows?: number;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 /** Stands in for a page header: optional avatar, title, meta line, and action buttons. */
 export declare function PageHeaderSkeleton({ avatar, actions, }: {
     avatar?: boolean;
     actions?: number;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 /** Stands in for a panel of label-value rows. */
 export declare function PanelSkeleton({ rows }: {
     rows?: number;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 /** Placeholder for a row's compact edit and delete icon buttons. */
-export declare function RowActionsSkeleton(): import("@types/react").JSX.Element;
+export declare function RowActionsSkeleton(): import("react").JSX.Element;
 /**
  * A section's toolbar note and add button above its table header with placeholder rows, for
  * tables whose real columns need loaded data.
@@ -25,4 +25,4 @@ export declare function TableSectionSkeleton({ note, columns, }: {
         header: string;
         meta?: TableColumnMeta;
     }[];
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/stages.d.ts

@@ -14,7 +14,7 @@ export type StepDotProps = Omit<ComponentProps<"span">, "children"> & {
     children?: ReactNode;
 };
 /** A step's status as a dot; decorative, so the text beside it says the status. */
-export declare function StepDot({ status, size, className, children, ...props }: StepDotProps): import("@types/react").JSX.Element;
+export declare function StepDot({ status, size, className, children, ...props }: StepDotProps): import("react").JSX.Element;
 export type Stage = {
     id: string;
     label: string;
@@ -33,7 +33,7 @@ export type StageStripProps = Omit<ComponentProps<"ol">, "children" | "defaultVa
     /** Past this many stages the strip windows itself around the current one. Defaults to 7. */
     maxVisible?: number;
 };
-export declare function StageStrip({ stages, value, defaultValue, onValueChange, maxVisible, className, ...props }: StageStripProps): import("@types/react").JSX.Element;
+export declare function StageStrip({ stages, value, defaultValue, onValueChange, maxVisible, className, ...props }: StageStripProps): import("react").JSX.Element;
 /** A step's button: it runs `onClick`, or with `popover` opens that popover anchored to it. */
 export type StepAction = {
     label: ReactNode;
@@ -66,7 +66,7 @@ export type CurrentStepProps = Omit<ComponentProps<"div">, "title"> & {
     onExpandedChange?: (expanded: boolean) => void;
 };
 /** The step the reader acts on: a tinted header that folds the card with its title and actions. */
-export declare function CurrentStep({ tone, meta, title, description, primary, secondary, help, busy, expanded: ownExpanded, defaultExpanded, onExpandedChange, className, ...props }: CurrentStepProps): import("@types/react").JSX.Element;
+export declare function CurrentStep({ tone, meta, title, description, primary, secondary, help, busy, expanded: ownExpanded, defaultExpanded, onExpandedChange, className, ...props }: CurrentStepProps): import("react").JSX.Element;
 export type ConfirmationRowProps = Omit<ComponentProps<"div">, "children"> & {
     message: ReactNode;
     /** When the move landed. */
@@ -77,7 +77,7 @@ export type ConfirmationRowProps = Omit<ComponentProps<"div">, "children"> & {
     }>;
 };
 /** A move that just landed, with when and an undo. */
-export declare function ConfirmationRow({ message, at, onUndo, labels: ownLabels, className, ...props }: ConfirmationRowProps): import("@types/react").JSX.Element;
+export declare function ConfirmationRow({ message, at, onUndo, labels: ownLabels, className, ...props }: ConfirmationRowProps): import("react").JSX.Element;
 export type ChecklistStep = {
     id?: string;
     label: ReactNode;
@@ -94,4 +94,4 @@ export type StageChecklistProps = Omit<ComponentProps<"div">, "children"> & {
     groups: readonly ChecklistGroup[];
 };
 /** Checklists side by side, each under its label with its meta or how many of its steps are done. */
-export declare function StageChecklist({ groups, className, ...props }: StageChecklistProps): import("@types/react").JSX.Element;
+export declare function StageChecklist({ groups, className, ...props }: StageChecklistProps): import("react").JSX.Element;

package/dist/components/stat-card.d.ts

@@ -7,7 +7,7 @@ export type TrendProps = {
     arrow?: boolean;
     children: ReactNode;
 };
-export declare function Trend({ direction, tone, arrow, children }: TrendProps): import("@types/react").JSX.Element;
+export declare function Trend({ direction, tone, arrow, children }: TrendProps): import("react").JSX.Element;
 export type SparklineProps = Omit<ComponentProps<"div">, "children"> & {
     values: readonly number[];
     /** The value at the box's foot; by default far enough under the lowest that the line floats. */
@@ -18,7 +18,7 @@ export type SparklineProps = Omit<ComponentProps<"div">, "children"> & {
     endPointSize?: number;
 };
 /** A run of values as a line filling its box; decorative, as the figure beside it says what it shows. */
-export declare function Sparkline({ values, low: ownLow, high: ownHigh, strokeWidth, endPointSize, className, ...props }: SparklineProps): import("@types/react").JSX.Element;
+export declare function Sparkline({ values, low: ownLow, high: ownHigh, strokeWidth, endPointSize, className, ...props }: SparklineProps): import("react").JSX.Element;
 export type MetricCardProps = Omit<useRender.ComponentProps<"div">, "children" | "onSelect"> & {
     label: ReactNode;
     value: ReactNode;
@@ -31,4 +31,4 @@ export type MetricCardProps = Omit<useRender.ComponentProps<"div">, "children" |
     /** Makes the card a link; a router's link as `render` routes it. */
     href?: string;
 };
-export declare function MetricCard({ label, value, change, sparkline, onSelect, href, render, className, ...props }: MetricCardProps): import("@types/react").ReactElement<unknown, string | import("@types/react").JSXElementConstructor<any>>;
+export declare function MetricCard({ label, value, change, sparkline, onSelect, href, render, className, ...props }: MetricCardProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/status-banner.d.ts

@@ -14,4 +14,4 @@ export type StatusBannerProps = Omit<ComponentProps<"div">, "title"> & {
     /** The locale's "Dismiss" by default. */
     dismissLabel?: string;
 };
-export declare function StatusBanner({ title, description, tone, emphasis, action, onDismiss, dismissLabel, className, ...props }: StatusBannerProps): import("@types/react").JSX.Element;
+export declare function StatusBanner({ title, description, tone, emphasis, action, onDismiss, dismissLabel, className, ...props }: StatusBannerProps): import("react").JSX.Element;

package/dist/components/status.d.ts

@@ -21,12 +21,12 @@ export type StatusProps = ComponentProps<"span"> & {
     /** Shows only the icon, with the children as its tooltip and accessible name. */
     iconOnly?: boolean;
 };
-export declare function Status({ variant, iconOnly, className, style, ...props }: StatusProps): import("@types/react").JSX.Element;
+export declare function Status({ variant, iconOnly, className, style, ...props }: StatusProps): import("react").JSX.Element;
 export type PendingTextProps = Omit<ComponentProps<"span">, "children"> & {
     children: ReactNode;
     /** `centered` holds the place of a page or panel that is still loading. */
     placement?: "inline" | "centered";
 };
 /** Work in progress, named: the spinner and a label such as "Signing in…", announced as a status. */
-export declare function PendingText({ children, placement, className, ...props }: PendingTextProps): import("@types/react").JSX.Element;
+export declare function PendingText({ children, placement, className, ...props }: PendingTextProps): import("react").JSX.Element;
 export {};

package/dist/components/steps.d.ts

@@ -14,4 +14,4 @@ export type StepContent = {
 export declare function Steps({ steps, notes, }: {
     steps: readonly StepContent[];
     notes?: readonly string[];
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/switch.d.ts

@@ -3,4 +3,4 @@ import type { ComponentProps } from "react";
 export type SwitchProps = Omit<ComponentProps<typeof BaseSwitch.Root>, "className"> & {
     className?: string;
 };
-export declare function Switch({ className, ...props }: SwitchProps): import("@types/react").JSX.Element;
+export declare function Switch({ className, ...props }: SwitchProps): import("react").JSX.Element;

package/dist/components/tabs.d.ts

@@ -2,11 +2,11 @@ import { Tabs as BaseTabs } from "@base-ui/react/tabs";
 import type { ComponentProps, ReactNode } from "react";
 export declare function TabsRoot({ className, ...props }: Omit<ComponentProps<typeof BaseTabs.Root>, "className"> & {
     className?: string;
-}): import("@types/react").JSX.Element;
-export declare const TabsPanel: import("@types/react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsPanelProps, "ref"> & import("@types/react").RefAttributes<HTMLDivElement>>;
+}): import("react").JSX.Element;
+export declare const TabsPanel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsPanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare function TabsGroup({ border, className, ...props }: ComponentProps<"span"> & {
     border?: "control" | "glass";
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 export declare function TabsList({ className, variant, overflow: ownOverflow, children, ...props }: Omit<ComponentProps<typeof BaseTabs.List>, "className"> & {
     className?: string;
     /**
@@ -19,7 +19,7 @@ export declare function TabsList({ className, variant, overflow: ownOverflow, ch
      * scrolls the row. `menu` in a `TabsBar`, `scroll` elsewhere.
      */
     overflow?: "menu" | "scroll";
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 export type TabsTabProps = Omit<ComponentProps<typeof BaseTabs.Tab>, "className"> & {
     className?: string;
     /** Tint the tab icon bronze while inactive, as the Projects hub type tabs do. */
@@ -32,17 +32,17 @@ export type TabsTabProps = Omit<ComponentProps<typeof BaseTabs.Tab>, "className"
     /** Muted after the label, such as how many rows the tab holds. */
     count?: ReactNode;
 };
-export declare function TabsTab({ className, iconTone, href, render, count: tabCount, children, ...props }: TabsTabProps): import("@types/react").JSX.Element;
+export declare function TabsTab({ className, iconTone, href, render, count: tabCount, children, ...props }: TabsTabProps): import("react").JSX.Element;
 /**
  * Wraps a page's `TabsBar` and the section below it, so the section can place its controls on the
  * tab row with `TabsBarActions` while keeping its own state.
  */
 export declare function TabsBarProvider({ children }: {
     children: ReactNode;
-}): import("@types/react").JSX.Element;
+}): import("react").JSX.Element;
 /** Section tabs (a `TabsRoot`) with a slot at the end of the row for the open section's controls. */
-export declare function TabsBar({ className, children, ...props }: ComponentProps<"div">): import("@types/react").JSX.Element;
+export declare function TabsBar({ className, children, ...props }: ComponentProps<"div">): import("react").JSX.Element;
 /** Renders the open section's controls at the end of the nearest `TabsBar` row. */
 export declare function TabsBarActions({ children }: {
     children: ReactNode;
-}): import("@types/react").ReactPortal | null;
+}): import("react").ReactPortal | null;

package/dist/components/theme-customizer.d.ts

@@ -40,7 +40,7 @@ export type UseThemeCustomizationOptions<Value extends ThemeCustomization> = {
  */
 export declare function useThemeCustomization<Value extends ThemeCustomization>({ defaultValue, fonts, persistKey, parse, }: UseThemeCustomizationOptions<Value>): {
     value: Value;
-    setValue: import("@types/react").Dispatch<import("@types/react").SetStateAction<Value>>;
+    setValue: import("react").Dispatch<import("react").SetStateAction<Value>>;
     reset: () => void;
     theme: Pick<CiridaeTheme, "fonts" | "palette">;
 };
@@ -50,4 +50,4 @@ export type ThemeCustomizerProps<Value extends ThemeCustomization> = Omit<Compon
     fonts: ThemeFontOptions;
     labels?: Partial<CiridaeLabels["themeCustomizer"]>;
 };
-export declare function ThemeCustomizer<Value extends ThemeCustomization>({ value, onValueChange, fonts, labels: ownLabels, className, ...props }: ThemeCustomizerProps<Value>): import("@types/react").JSX.Element;
+export declare function ThemeCustomizer<Value extends ThemeCustomization>({ value, onValueChange, fonts, labels: ownLabels, className, ...props }: ThemeCustomizerProps<Value>): import("react").JSX.Element;

package/dist/components/toast.d.ts

@@ -2,7 +2,7 @@ import { toast, type ToasterProps } from "sonner";
 import type { ComponentProps, ReactNode } from "react";
 export { toast };
 /** The toast stack, in the kit's look: mount one at the app's root. */
-export declare function Toaster(props: ToasterProps): import("@types/react").JSX.Element;
+export declare function Toaster(props: ToasterProps): import("react").JSX.Element;
 export type ToastVariant = "success" | "progress" | "info" | "warning" | "error";
 export type ToastOptions = {
     title: ReactNode;

package/dist/components/use-new-version-available.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Whether the deployment now serves a different build than this tab is running. The build writes
+ * `version.json` beside the bundle (see `@ciridae/configs/vite`), so the check costs one small
+ * request and needs no API.
+ */
+export declare function useNewVersionAvailable(buildSha: string | null): boolean;

package/dist/components/use-new-version-available.js

@@ -0,0 +1,29 @@
+import { useQuery } from "@tanstack/react-query";
+/** How often a tab asks whether the deployment moved on without it. */
+const versionPollIntervalMs = 5 * 60000;
+/**
+ * Whether the deployment now serves a different build than this tab is running. The build writes
+ * `version.json` beside the bundle (see `@ciridae/configs/vite`), so the check costs one small
+ * request and needs no API.
+ */
+export function useNewVersionAvailable(buildSha) {
+    const deployed = useQuery({
+        queryKey: ["deployed-version"],
+        queryFn: async ({ signal }) => {
+            const response = await fetch("/version.json", { cache: "no-store", signal });
+            if (!response.ok)
+                throw new Error(`Version check failed (${response.status}).`);
+            const body = await response.json();
+            return typeof body === "object" && body !== null && "buildSha" in body
+                ? String(body.buildSha)
+                : null;
+        },
+        // A build this tab cannot name has nothing to compare against.
+        enabled: buildSha !== null,
+        refetchInterval: versionPollIntervalMs,
+        refetchIntervalInBackground: false,
+        staleTime: versionPollIntervalMs,
+        retry: false,
+    });
+    return Boolean(deployed.data) && deployed.data !== buildSha;
+}