akanjs 3.0.0-beta.2 → 3.0.0-beta.20

package/types/ui/Link/index.d.ts

@@ -1,10 +1,7 @@
-import Back from "./Back.d.ts";
-import Close from "./Close.d.ts";
-import Lang from "./Lang.d.ts";
-import type { CommonLinkProps } from "./types.d.ts";
+import { type CommonLinkProps } from "./Anchor.d.ts";
 export declare const Link: {
     ({ className, href, disabled, children, ...props }: CommonLinkProps): import("react/jsx-runtime").JSX.Element;
-    Back: typeof Back;
-    Close: typeof Close;
-    Lang: typeof Lang;
+    Back: ({ className, children }: import("./Action.d.ts").ActionProps) => import("react/jsx-runtime").JSX.Element;
+    Close: ({ className, children }: import("./Action.d.ts").ActionProps) => import("react/jsx-runtime").JSX.Element;
+    Lang: ({ className, lang, children }: import("./Action.d.ts").LangProps) => import("react/jsx-runtime").JSX.Element;
 };

package/types/ui/Load/Edit_Client.d.ts

@@ -28,5 +28,5 @@ export interface EditProps<T extends string, Full extends {
 }
 export default function Edit_Client<T extends string, Full extends {
     id: string;
-}>({ className, checkSubmit, modalClassName, type, edit, modal, slice, loading, children, onSubmit, onCancel, submitText, submitClassName, submitOption, renderSubmit, draft, }: EditProps<T, Full>): import("react/jsx-runtime").JSX.Element;
+}>(props: EditProps<T, Full>): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/ui/Load/Page.d.ts

@@ -1,14 +1,12 @@
 import type { ReactNode } from "react";
 export interface PageProps<Return> {
-    /** Route component used by the CSR page wrapper. */
+    /** The route component, which keys the CSR loader cache. */
     of: (props: unknown) => ReactNode | null;
-    /** Async data loader shared by SSR and CSR rendering. */
     loader: () => Promise<Return>;
-    /** Render callback invoked with the loaded data. */
     render: (data: Return) => ReactNode;
-    /** Optional loading renderer used while CSR data is pending. */
+    /** Shown while CSR data is pending. */
     loading?: () => ReactNode;
-    /** Disable cached CSR loader results when fresh data is required. */
+    /** Skips the per-path CSR loader cache. */
     noCache?: boolean;
 }
 declare const Page: <Return>(props: PageProps<Return>) => ReactNode;

package/types/ui/Load/Stream.d.ts

@@ -6,17 +6,5 @@ interface StreamProps<Value> {
     fallback?: ReactNode;
     children: (value: Value) => ReactNode;
 }
-/**
- * Renders whatever a route hands over, awaited or not.
- *
- * A resolved value renders with no boundary, keeping its markup in the SSR shell that prerendering, SEO
- * snapshots and pre-hydration E2E read. A thenable gets a boundary of its own and is read with `use()`, so the
- * server streams the real markup once the data lands and the rest of the page never waits for it; resolving it
- * in an effect instead commits a skeleton the browser then has to re-render.
- *
- * The file carries no `"use client"`, which is what lets one implementation serve both sides: a route keeps its
- * `children` on the server, and `Load.Units` and friends compile it into their own client chunk. `use()` is
- * exported by the `react-server` build too, so the same read works in either graph.
- */
 export default function Stream<Value>({ of, fallback, children }: StreamProps<Value>): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export {};

package/types/ui/Load/Units.d.ts

@@ -30,5 +30,5 @@ interface UnitsProps<RefName extends string, Light extends {
 }
 export default function Units<RefName extends string, Light extends {
     id: string;
-}>({ containerRef, className, init, noDiv, from, to, loading, empty, renderItem, renderList, renderEmpty, filter, sort, reverse, style, pagination, staleTime, }: UnitsProps<RefName, Light>): import("react/jsx-runtime").JSX.Element;
+}>({ noDiv, renderEmpty, pagination, ...props }: UnitsProps<RefName, Light>): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/ui/Load/View.d.ts

@@ -1,24 +1,19 @@
 import type { ClientView } from "akanjs/fetch";
 import { type ReactNode } from "react";
 interface DefaultProps<T extends string, M> {
-    /** Additional classes for the default wrapping div. */
     className?: string;
-    /** Render the model directly without the default wrapper div. */
+    /** Renders the model without the default wrapper div. */
     noDiv?: boolean;
-    /** Custom fallback shown while the client view is loading. */
     loading?: ReactNode;
-    /** Placeholder for a view whose model came back empty. */
     empty?: ReactNode;
-    /** Render callback invoked with the loaded full model. */
     renderView: (model: M) => ReactNode;
 }
 interface ViewProps<T extends string, Full extends {
     id: string;
 }> extends DefaultProps<T, Full> {
-    /** Client view promise returned by Akan fetch helpers. */
     view: ClientView<T, Full>;
 }
 export default function View<T extends string, Full extends {
     id: string;
-}>({ className, view, noDiv, loading, empty, renderView, }: ViewProps<T, Full>): import("react/jsx-runtime").JSX.Element;
+}>({ view, empty, ...props }: ViewProps<T, Full>): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/ui/Loading/ProgressBar.d.ts

@@ -3,8 +3,4 @@ export interface ProgressBarProps {
     value: number;
     max: number;
 }
-/**
- * A div track rather than a native `<progress>`. `accent-color` themes only the fill; the track keeps the UA
- * grey, which reads as a light bar on a dark theme, and no browser applies the element's radius to the fill.
- */
 export declare const ProgressBar: ({ className, value, max }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Loading/Skeleton.d.ts

@@ -4,4 +4,6 @@ export interface SkeletonProps {
     active?: boolean;
     style?: CSSProperties;
 }
+export declare const Button: ({ className, active, style }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: ({ className, active, style }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Skeleton: ({ className, active, style }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Loading/Spin.d.ts

@@ -1,8 +1,18 @@
 import type { ReactNode } from "react";
 export interface SpinProps {
+    className?: string;
+    /** Replaces the built-in icon; the wrapper spins it, so it needs no `animate-spin` of its own. */
     indicator?: ReactNode;
     isCenter?: boolean;
+    /** A named step, or the pixel size the icon is drawn at. */
+    size?: "sm" | "md" | "lg" | number;
+    /** `"current"` inherits the surface's foreground, for a filled surface; a `text-*` in `className` beats any tone. */
+    tone?: "primary" | "current" | "muted";
+}
+export declare const Spin: ({ className, indicator, isCenter, size, tone }: SpinProps) => import("react/jsx-runtime").JSX.Element;
+export interface AreaProps {
     className?: string;
-    size?: "sm" | "md" | "lg";
+    indicator?: ReactNode;
+    children?: ReactNode;
 }
-export declare const Spin: ({ indicator, isCenter, className, size }: SpinProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Area: ({ className, indicator, children }: AreaProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Loading/index.d.ts

@@ -1,12 +1,7 @@
-/**
- * Loading indicators. Each member is an independent override slot (`LoadingSpin`, `LoadingSkeleton`,
- * `LoadingProgressBar`, `LoadingButton`, `LoadingInput`, `LoadingArea`), resolved from the closest
- * `page/**\/_overrides.tsx` in the route's ancestry, otherwise the shipped default.
- */
 export declare const Loading: {
-    Area: import("react").ComponentType<Record<string, never>>;
-    Button: import("react").ComponentType<import("./Button.d.ts").LoadingProps>;
-    Input: import("react").ComponentType<import("./Input.d.ts").LoadingProps>;
+    Area: import("react").ComponentType<import("./Spin.d.ts").AreaProps>;
+    Button: import("react").ComponentType<import("./Skeleton.d.ts").SkeletonProps>;
+    Input: import("react").ComponentType<import("./Skeleton.d.ts").SkeletonProps>;
     ProgressBar: import("react").ComponentType<import("./ProgressBar.d.ts").ProgressBarProps>;
     Skeleton: import("react").ComponentType<import("./Skeleton.d.ts").SkeletonProps>;
     Spin: import("react").ComponentType<import("./Spin.d.ts").SpinProps>;

package/types/ui/Loading/index_.d.ts

@@ -1,13 +1,6 @@
-/**
- * One named export per member, rather than the `Loading` namespace object itself, because the `"use client"`
- * transform replaces a client module's *exports* with `registerClientReference` stubs. A namespace exported
- * from here would reach a server component as one reference for the whole object, and `Loading.Skeleton` on it
- * would read a property the stub does not have — `undefined`, which React reports as an invalid element type.
- * The namespace is assembled in `index.ts`, which carries no directive, so each member crosses on its own.
- */
-export declare const LoadingArea: import("react").ComponentType<Record<string, never>>;
-export declare const LoadingButton: import("react").ComponentType<import("./Button.d.ts").LoadingProps>;
-export declare const LoadingInput: import("react").ComponentType<import("./Input.d.ts").LoadingProps>;
+export declare const LoadingArea: import("react").ComponentType<import("./Spin.d.ts").AreaProps>;
+export declare const LoadingButton: import("react").ComponentType<import("./Skeleton.d.ts").SkeletonProps>;
+export declare const LoadingInput: import("react").ComponentType<import("./Skeleton.d.ts").SkeletonProps>;
 export declare const LoadingProgressBar: import("react").ComponentType<import("./ProgressBar.d.ts").ProgressBarProps>;
 export declare const LoadingSkeleton: import("react").ComponentType<import("./Skeleton.d.ts").SkeletonProps>;
 export declare const LoadingSpin: import("react").ComponentType<import("./Spin.d.ts").SpinProps>;

package/types/ui/Menu.d.ts

@@ -25,9 +25,4 @@ export interface MenuProps {
     renderItem?: (item: MenuItem, active: boolean) => ReactNode;
 }
 export declare const DefaultMenu: ({ items, onClick, selectedKeys, labelClassName, defaultSelectedKeys, className, ulClassName, liClassName, style, mode, activeStyle, inlineCollapsed, onMouseOver, onMouseLeave, renderItem, }: MenuProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Navigation menu. Resolves to a route-scoped override when a
- * `page/**\/_overrides.tsx` in the route's ancestry declares one, otherwise
- * renders {@link DefaultMenu}.
- */
 export declare const Menu: import("react").ComponentType<MenuProps>;

package/types/ui/Modal.d.ts

@@ -1,33 +1,16 @@
 import type { ReactNode } from "react";
 export interface ModalProps {
-    /** Additional classes for the modal surface. */
     className?: string;
-    /** Optional trigger element to open the modal. */
     trigger?: ReactNode;
-    /** Optional modal title. */
     title?: string | ReactNode;
-    /** Optional action area, usually footer buttons. */
     action?: ReactNode;
     /** The dismiss control. `false` draws none. */
     closeButton?: ReactNode | false;
-    /** Controlled open state. */
     open?: boolean;
-    /** Called when the modal requests closing. */
     onCancel?: () => void;
-    /** Additional classes for the content body. */
     bodyClassName?: string;
     children?: ReactNode;
-    /** Ask for close confirmation before dismissing. */
     confirmClose?: boolean;
 }
-/**
- * Default akanjs modal skin. Kept as the fallback implementation; apps replace
- * it per-route through a `page/**\/_overrides.tsx` manifest.
- */
 export declare const DefaultModal: ({ className, trigger, title, action, closeButton, open, onCancel, bodyClassName, children, confirmClose, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Public Modal. Resolves to a route-scoped override when a `_overrides.tsx` in
- * the route's ancestry declares one, otherwise renders {@link DefaultModal}.
- * The proxy is transparent to every existing `<Modal … />` call site.
- */
 export declare const Modal: import("react").ComponentType<ModalProps>;

package/types/ui/Model/AdminPanel.d.ts

@@ -21,10 +21,7 @@ interface AdminPanelProps<T extends string, State, Input, Full extends {
     template?: any;
     unit?: any;
     view?: any;
-    /**
-     * Overrides the filter a summary column applies. A column left out still narrows the listing when its own
-     * field declares one with `.meta(...)`.
-     */
+    /** Overrides a summary column's filter; a column left out still filters through its field's `.meta(...)`. */
     queryMap?: {
         [column: string]: QuerySetting;
     };

package/types/ui/Model/DraftBar.d.ts

@@ -1,15 +1,10 @@
 import type { SliceMeta } from "akanjs/fetch";
 export interface DraftBarViewProps {
     className?: string;
-    /** The model the recovered form belongs to. */
     refName: string;
-    /**
-     * `conflict` is a decision the user has to settle — the record moved since the draft was taken, so the form
-     * shows the server's value and the bar offers the older one. `applied` is a notice: the draft is what is on
-     * screen, and the bar is the way back.
-     */
+    /** `conflict`: the record moved, the form shows the server's value and the bar offers the draft. `applied`: the
+     *  draft is on screen and the bar is the way back. */
     state: "conflict" | "applied";
-    /** When the draft was taken. */
     savedAt: Date;
     /** Puts the offered draft into the form. Passed in the `conflict` state only. */
     onRestore?: () => void;

package/types/ui/Model/EditModal.d.ts

@@ -3,55 +3,40 @@ import { type CreateOption } from "akanjs/store";
 import { type ReactNode } from "react";
 import { type DraftProp } from "./draftScope.d.ts";
 interface EditModelProps<Full> {
-    /** Rendering mode for the edit shell. */
     type?: "modal" | "form" | "empty";
-    /** Slice metadata generated for the model store/fetch contract. */
     slice: SliceMeta;
-    /** Additional classes for the wrapper. */
     className?: string;
-    /** Additional classes for the recovered-form banner this shell draws above the form. */
     draftBarClassName?: string;
-    /** Re-check submit eligibility when form state changes. */
+    /** Re-checks submit eligibility when the form changes. */
     checkSubmit?: boolean;
-    /** Client edit promise or partial form seed. */
     edit?: ClientEdit<string, Full> | Partial<Full>;
-    /** Store modal name that should activate this editor. */
+    /** The store modal name that opens this editor. */
     modal?: string;
     children: ReactNode;
-    /** Custom loading overlay wrapper, or false to disable the default overlay. */
+    /** `false` disables the default loading overlay. */
     loadingWrapper?: boolean | ((props: {
         children?: any;
         className?: string;
     }) => ReactNode);
-    /**
-     * Draft recovery for this form. `false` turns it off; a string names the scope explicitly, for the rare
-     * screen whose context is not in the record id or in the seed the editor was given.
-     */
+    /** Draft recovery for this form. `false` turns it off; a string names the scope explicitly. */
     draft?: DraftProp;
 }
 interface EditModalProps<Full extends {
     id: string;
 }> extends EditModelProps<Full> {
-    /** Model id used to scope edit modal state. */
     id?: string;
-    /** Disable modal trigger and submit behavior. */
     disabled?: boolean;
     checkSubmit?: boolean;
-    /** Additional classes for the modal window. */
     modalClassName?: string;
-    /** Modal title or title renderer receiving the current model. */
     renderTitle?: ((model: Full) => string | ReactNode) | string;
-    /** Submit button label. */
     submitText?: ReactNode;
-    /** Additional classes for the submit button. */
     submitClassName?: string;
-    /** Store submit options passed to the generated submit action. */
     submitOption?: CreateOption<Full>;
-    /** Custom submit renderer, or false to hide the default submit button. */
+    /** `false` hides the default submit button. */
     renderSubmit?: boolean | ((arg: any) => ReactNode);
-    /** Action name or callback invoked after submit. */
+    /** A callback, `"back"`, `"reset"`, or a path to replace to (`[<model>Id]` is filled in). */
     onSubmit?: string | ((model: Full) => void);
-    /** Action name or callback invoked on cancel. */
+    /** A callback, `"back"`, `"reset"`, or a path to replace to. */
     onCancel?: string | ((form?: any) => any);
 }
 export default function EditModal<Full extends {

package/types/ui/Model/LoadStore.d.ts

@@ -0,0 +1,18 @@
+import type { ClientInit, ClientView } from "akanjs/fetch";
+interface LoadInitProps<T extends string, Light extends {
+    id: string;
+}> {
+    init: ClientInit<T, Light>;
+}
+export declare function LoadInit<T extends string, Light extends {
+    id: string;
+}>({ init }: LoadInitProps<T, Light>): import("react/jsx-runtime").JSX.Element;
+interface LoadViewProps<T extends string, Model extends {
+    id: string;
+}> {
+    view: ClientView<T, Model>;
+}
+export declare function LoadView<T extends string, Light extends {
+    id: string;
+}>({ view }: LoadViewProps<T, Light>): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/ui/Model/Remove.d.ts

@@ -7,9 +7,7 @@ interface RemoveProps {
     slice: SliceMeta;
     modal?: string | null;
     redirect?: string;
-    /** Confirmation heading. */
     title?: ReactNode;
-    /** Confirmation body. */
     description?: ReactNode;
     /** Confirmation footer. Replacing it takes over the removal — call nothing else and the record stays. */
     action?: ReactNode;

package/types/ui/Model/SureToRemove.d.ts

@@ -9,11 +9,8 @@ interface SureToRemoveProps {
     typeNameToRemove?: boolean;
     /** Element that opens the confirmation. Defaults to the framework's delete label. */
     trigger?: ReactNode;
-    /** Confirmation heading. */
     title?: ReactNode;
-    /** Confirmation body above the name field. */
     description?: ReactNode;
-    /** Label of the button that performs the removal. */
     confirmLabel?: ReactNode;
 }
 export default function SureToRemove({ className, modelId, name, slice, redirect, typeNameToRemove, trigger, title, description, confirmLabel, }: SureToRemoveProps): import("react/jsx-runtime").JSX.Element;

package/types/ui/Model/ViewEditModal.d.ts

@@ -9,9 +9,7 @@ interface ViewEditModalProps {
     renderTemplate: () => ReactNode | null;
     /** The kebab menu beside the title. `false` draws none, which also takes the remove entry off the modal. */
     menu?: ReactNode | false;
-    /** Label of the button that turns the detail view into the form. */
     editLabel?: ReactNode;
-    /** Label of the button that saves the form. */
     saveLabel?: ReactNode;
 }
 export default function ViewEditModal({ modalClassName, viewClassName, slice, renderTitle, renderView, renderTemplate, menu, editLabel, saveLabel, }: ViewEditModalProps): import("react/jsx-runtime").JSX.Element;

package/types/ui/Model/draftScope.d.ts

@@ -1,10 +1,3 @@
-/**
- * How an edit shell's `draft` prop becomes a scope, or nothing.
- *
- * The scope is built here rather than in the store action because this is where the *raw* seed is: `new<Model>`
- * merges its argument into `default<Model>` first, and a `default: () => dayjs()` in that merge would give the
- * same form a different key every time it opened.
- */
 export type DraftProp = boolean | string;
 export declare const editDraftScope: (draft: DraftProp | undefined, modelId: string | undefined) => string | undefined;
 interface NewDraftScopeInput {

package/types/ui/Model/index.d.ts

@@ -7,8 +7,8 @@ export declare const Model: {
     SureToRemove: typeof import("./SureToRemove.d.ts").default;
     Remove: typeof import("./Remove.d.ts").default;
     RemoveWrapper: typeof import("./RemoveWrapper.d.ts").default;
-    LoadInit: typeof import("./LoadInit.d.ts").default;
-    LoadView: typeof import("./LoadView.d.ts").default;
+    LoadInit: typeof import("./LoadStore.d.ts").LoadInit;
+    LoadView: typeof import("./LoadStore.d.ts").LoadView;
     ViewWrapper: typeof import("./ViewWrapper.d.ts").default;
     ViewEditModal: typeof import("./ViewEditModal.d.ts").default;
     Edit: typeof import("./Edit.d.ts").default;

package/types/ui/Model/index_.d.ts

@@ -6,8 +6,8 @@ export declare const Remove: typeof import("./Remove.d.ts").default;
 export declare const NewWrapper: typeof import("./NewWrapper.d.ts").default;
 export declare const EditWrapper: typeof import("./EditWrapper.d.ts").default;
 export declare const RemoveWrapper: typeof import("./RemoveWrapper.d.ts").default;
-export declare const LoadInit: typeof import("./LoadInit.d.ts").default;
-export declare const LoadView: typeof import("./LoadView.d.ts").default;
+export declare const LoadInit: typeof import("./LoadStore.d.ts").LoadInit;
+export declare const LoadView: typeof import("./LoadStore.d.ts").LoadView;
 export declare const ViewWrapper: typeof import("./ViewWrapper.d.ts").default;
 export declare const ViewEditModal: typeof import("./ViewEditModal.d.ts").default;
 export declare const Edit: typeof import("./Edit.d.ts").default;

package/types/ui/Pagination.d.ts

@@ -1,24 +1,20 @@
 import type { ReactNode } from "react";
 export interface PaginationProps {
-    /** Current 1-based page number. */
+    /** 1-based. */
     currentPage: number;
-    /** Total number of items. */
     total: number;
-    /** Called with the selected 1-based page number. */
+    /** Called with the 1-based page. */
     onPageSelect: (page: number) => void;
-    /** Number of items per page. Used to calculate total pages. */
     itemsPerPage: number;
     /** Placeholder for a pager with no pages. */
     empty?: ReactNode;
     /** @deprecated Renamed to `empty` — it is a node, not a render function. */
     renderEmpty?: ReactNode;
-    /** The mark inside the step-back control. The button, its disabled state and its label stay the framework's. */
+    /** The mark inside the step-back control; the button itself stays the framework's. */
     prev?: ReactNode;
-    /** The mark inside the step-forward control. */
     next?: ReactNode;
-    /** The mark standing in for the pages a long pager skips. */
+    /** Stands in for the pages a long pager skips. */
     ellipsis?: ReactNode;
-    /** Class overrides for wrapper and page buttons. */
     classNames?: {
         className?: string;
         activePageNumClassName?: string;
@@ -26,8 +22,4 @@ export interface PaginationProps {
     };
 }
 export declare const DefaultPagination: ({ currentPage, total, onPageSelect, itemsPerPage, empty, renderEmpty, prev, next, ellipsis, classNames, }: PaginationProps) => import("react/jsx-runtime").JSX.Element | null;
-/**
- * Pager. Resolves to a route-scoped override when a `page/**\/_overrides.tsx` in
- * the route's ancestry declares one, otherwise renders {@link DefaultPagination}.
- */
 export declare const Pagination: import("react").ComponentType<PaginationProps>;

package/types/ui/Popconfirm.d.ts

@@ -3,36 +3,22 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     loading?: boolean;
 };
 export interface PopconfirmProps {
-    /** Confirmation title. */
     title: ReactNode;
-    /** Optional detailed confirmation message. */
     description?: ReactNode;
-    /** The mark beside the message. `false` draws none. */
+    /** `false` draws none. */
     icon?: ReactNode | false;
-    /** The whole footer, replacing both buttons. A replacement owns the confirm and the dismiss. */
+    /** Replaces both buttons; a replacement owns the confirm and the dismiss. */
     actions?: ReactNode;
-    /** Called when the user confirms. */
     onConfirm?: () => void;
-    /** Props forwarded to the OK button. */
     okButtonProps?: ButtonProps;
-    /** Props forwarded to the cancel button. */
     cancelButtonProps?: ButtonProps;
-    /** Custom OK button text. */
     okText?: ReactNode;
-    /** Custom cancel button text. */
     cancelText?: ReactNode;
-    /** Trigger content. */
     children?: ReactNode;
-    /** Additional classes for the trigger wrapper. */
     triggerClassName?: string;
-    /** Additional classes for the popover arrow/decorator. */
+    /** Classes for the pointer; setting it drops the pointer's computed offset. */
     decoClassName?: string;
 }
 export declare const DefaultPopconfirm: ({ title, description, icon, actions, onConfirm, okButtonProps, cancelButtonProps, okText, cancelText, children, triggerClassName, decoClassName, }: PopconfirmProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Confirmation popover. Resolves to a route-scoped override when a
- * `page/**\/_overrides.tsx` in the route's ancestry declares one, otherwise
- * renders {@link DefaultPopconfirm}.
- */
 export declare const Popconfirm: import("react").ComponentType<PopconfirmProps>;
 export {};

package/types/ui/Radio.d.ts

@@ -13,10 +13,6 @@ export interface ItemProps {
     checked?: boolean;
     onChange?: (value: string) => void;
 }
-/**
- * Radio group. `Radio` and `Radio.Item` each resolve to a route-scoped override when a
- * `page/**\/_overrides.tsx` in the route's ancestry declares one (slots `Radio`, `RadioItem`).
- */
 export declare const Radio: import("react").ComponentType<RadioProps> & {
     Item: import("react").ComponentType<ItemProps>;
 };

package/types/ui/RecentTime.d.ts

@@ -11,19 +11,15 @@ export interface RecentTimeRelative {
 }
 export type RecentTimeRelativeFormat = RecentTimeRelativeStyle | ((relative: RecentTimeRelative) => string);
 export interface RecentTimeProps {
-    /** Date value to render. Null renders nothing, and epoch placeholder values render --:--. */
+    /** Null renders nothing; an epoch placeholder renders --:--. */
     date: Date | Dayjs | null;
-    /** Unit at which relative labels stop and formatted dates are shown instead. */
+    /** The unit past which a formatted date replaces the relative label. */
     breakUnit?: Intl.RelativeTimeFormatUnit;
-    /** Use compact automatic formatting or always include date and time. */
+    /** `"full"` always includes date and time. */
     format?: "full" | "auto";
-    /**
-     * Relative phrasing. `"fromNow"` (default) keeps dayjs locale strings (`하루 전`).
-     * `"always"` / `"auto"` use `Intl.RelativeTimeFormat` — `1일 전` vs `어제`.
-     * A function replaces the relative label; return `defaultLabel` to keep the default.
-     */
+    /** `"fromNow"` (default) keeps dayjs locale strings (`하루 전`); `"always"` / `"auto"` use `Intl.RelativeTimeFormat`
+     *  (`1일 전` vs `어제`); a function replaces the label, returning `defaultLabel` to keep it. */
     relative?: RecentTimeRelativeFormat;
-    /** Additional classes for the trigger span. */
     className?: string;
 }
 export declare const RecentTime: ({ date, breakUnit, format, relative, className }: RecentTimeProps) => import("react/jsx-runtime").JSX.Element | null;

package/types/ui/Reference/Panel.d.ts

@@ -1,16 +1,21 @@
 import type { ReactNode, RefObject } from "react";
-import { docBorder } from "./style.d.ts";
+import { docBorder } from "./docUi.d.ts";
 interface PanelProps {
     className?: string;
     bodyClassName?: string;
     label?: string;
     meta?: ReactNode;
     tone?: Parameters<typeof docBorder>[0];
-    /** Rendered outside the scrolling body so it can cover the whole panel. */
     overlay?: ReactNode;
     children: ReactNode;
 }
 export declare const Panel: ({ className, bodyClassName, label, meta, tone, overlay, children }: PanelProps) => import("react/jsx-runtime").JSX.Element;
+interface DocTableProps {
+    className?: string;
+    head: ReactNode;
+    children: ReactNode;
+}
+export declare const DocTable: ({ className, head, children }: DocTableProps) => import("react/jsx-runtime").JSX.Element;
 interface CodeProps {
     className?: string;
     label?: string;
@@ -21,9 +26,42 @@ interface CodeProps {
     bodyRef?: RefObject<HTMLPreElement | null>;
     overlay?: ReactNode;
 }
-/**
- * Read-only code surface. A `<pre>` rather than a `<textarea>`: every one of these panels ignored what was typed
- * into it, so the caret and the resize grip were promising an edit that never landed anywhere.
- */
 export declare const Code: ({ className, label, code, tone, meta, placeholder, bodyRef, overlay }: CodeProps) => import("react/jsx-runtime").JSX.Element;
+interface CollapseProps {
+    className?: string;
+    contentClassName?: string;
+    summary: ReactNode;
+    children: ReactNode;
+    open?: boolean;
+}
+export declare const Collapse: ({ summary, children, open, className, contentClassName }: CollapseProps) => import("react/jsx-runtime").JSX.Element;
+interface SummaryCardProps {
+    className?: string;
+    label: string;
+    value: number | string;
+}
+export declare const SummaryCard: ({ className, label, value }: SummaryCardProps) => import("react/jsx-runtime").JSX.Element;
+interface SummaryGridProps {
+    className?: string;
+    children: ReactNode;
+}
+export declare const SummaryGrid: ({ className, children }: SummaryGridProps) => import("react/jsx-runtime").JSX.Element;
+interface ToolbarProps {
+    className?: string;
+    children: ReactNode;
+}
+export declare const Toolbar: ({ className, children }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+interface ToolbarFieldProps {
+    className?: string;
+    label: string;
+    children: ReactNode;
+}
+export declare const ToolbarField: ({ className, label, children }: ToolbarFieldProps) => import("react/jsx-runtime").JSX.Element;
+interface SectionProps {
+    className?: string;
+    title: string;
+    action?: ReactNode;
+    children: ReactNode;
+}
+export declare const Section: ({ className, title, action, children }: SectionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/ui/Reference/Segmented.d.ts

@@ -10,8 +10,5 @@ interface SegmentedProps<Key extends string> {
     value: Key;
     onChange: (value: Key) => void;
 }
-/** The track and its items are also the shape of a multi-select chip group, which `Segmented` itself cannot be. */
-export declare const segmentTrackClass = "inline-flex w-fit flex-wrap gap-1 rounded-field bg-muted p-1";
-export declare const segmentItemClass: (active: boolean) => string;
 export declare const Segmented: <Key extends string>({ className, items, value, onChange }: SegmentedProps<Key>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/ui/Reference/{style.d.ts → docUi.d.ts}

@@ -1,5 +1,4 @@
 export type Tone = "info" | "success" | "warning" | "error" | "muted";
-/** Shared vocabulary for the generated reference surfaces — Constant schema docs and Signal API docs. */
 export declare const docUi: {
     card: string;
     panel: string;
@@ -16,5 +15,10 @@ export declare const docUi: {
 };
 export declare const docPill: (tone: Tone, className?: string) => string;
 export declare const docBorder: (tone: Tone) => string;
-/** Absent optional cell. One glyph everywhere, so an empty column reads as empty rather than as data. */
 export declare const docDash = "text-foreground/25";
+interface Translator {
+    _: (key: string) => string;
+}
+/** `l._` echoes an absent key back, and a raw `user.signal.x.desc` reads as prose on a document surface. */
+export declare const dictText: (l: Translator, key: string) => string;
+export {};