akanjs 3.0.0-alpha.109 → 3.0.0-alpha.110

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "akanjs",
-  "version": "3.0.0-alpha.109",
+  "version": "3.0.0-alpha.110",
   "sourceType": "module",
   "type": "module",
   "publishConfig": {

package/types/ui/BottomSheet.d.ts

@@ -1,7 +1,20 @@
 import { type ReactNode } from "react";
 interface BottomSheetProps {
-    open: boolean;
-    onCancel: () => void;
+    /** Additional classes for the sheet surface. */
+    className?: string;
+    /** Additional classes for the scrolling body. */
+    bodyClassName?: string;
+    /** Controlled open state. Left out, the sheet opens from its own trigger and handle. */
+    open?: boolean;
+    onCancel?: () => void;
+    /** Element that opens the sheet. */
+    trigger?: ReactNode;
+    /** Whole top row of the sheet, replacing the drag handle or the close row. */
+    header?: ReactNode;
+    /** The grab handle a `half` sheet draws. */
+    handle?: ReactNode;
+    /** Element that closes a `full` sheet, inside the default header row. */
+    close?: ReactNode;
     children: ReactNode;
     type: "full" | "half";
 }

package/types/ui/Data/ListContainer.d.ts

@@ -25,7 +25,7 @@ export interface ListContainerProps<T extends string, State, Input, Full extends
     /** Show create/new-model controls. */
     create?: boolean;
     /** Optional list title. */
-    title?: string;
+    title?: ReactNode;
     /** Initial sort value. */
     sort?: unknown;
     /** Table/list columns. */

package/types/ui/Dialog/Modal.d.ts

@@ -3,7 +3,9 @@ export interface ModalProps {
     className?: string;
     bodyClassName?: string;
     confirmClose?: boolean;
+    /** The dismiss control, drawn in the corner slot that closes the dialog. `false` draws none. */
+    closeButton?: ReactNode | false;
     children?: ReactNode;
     onCancel?: () => void;
 }
-export declare const Modal: ({ className, bodyClassName, confirmClose, children, onCancel }: ModalProps) => import("react").ReactPortal | null;
+export declare const Modal: ({ className, bodyClassName, confirmClose, closeButton, children, onCancel }: ModalProps) => import("react").ReactPortal | null;

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

@@ -1,7 +1,7 @@
 import { type ProviderProps } from "./Provider.d.ts";
 export declare const Dialog: {
     ({ children, ...props }: ProviderProps): import("react/jsx-runtime").JSX.Element;
-    Modal: ({ className, bodyClassName, confirmClose, children, onCancel }: import("./Modal.d.ts").ModalProps) => import("react").ReactPortal | null;
+    Modal: ({ className, bodyClassName, confirmClose, closeButton, children, onCancel }: import("./Modal.d.ts").ModalProps) => import("react").ReactPortal | null;
     LegacyModal: ({ className, bodyClassName, confirmClose, children, onCancel }: import("./LegacyModal.d.ts").LegacyModalProps) => import("react").ReactPortal | null;
     Title: ({ children }: import("./Title.d.ts").TitleProps) => null;
     Action: ({ children }: import("./Action.d.ts").ActionProps) => null;

package/types/ui/Dropdown.d.ts

@@ -2,8 +2,10 @@ import { type ReactNode } from "react";
 /** Put this on a menu item that runs its own interaction (a switch, a copy button) to keep the menu open. */
 export declare const DROPDOWN_KEEP_OPEN_ATTR = "data-dropdown-keep-open";
 export interface DropdownProps {
-    /** Button/trigger content. */
-    value: ReactNode;
+    /** Trigger content, drawn inside the framework's own ghost button. */
+    value?: ReactNode;
+    /** Whole trigger element, drawn instead of that button. The menu's click and aria state land on it. */
+    trigger?: ReactNode;
     /** Dropdown menu content. */
     content: ReactNode;
     /** Additional classes for the dropdown wrapper. */
@@ -17,7 +19,7 @@ export interface DropdownProps {
     /** Names this dropdown for the in-page agent. Without it the menu publishes nothing — two on one screen would share a name. */
     namespace?: string;
 }
-export declare const DefaultDropdown: ({ value, content, className, buttonClassName, dropdownClassName, align, namespace, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultDropdown: ({ value, trigger, content, className, buttonClassName, dropdownClassName, align, namespace, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Dropdown. Resolves to a route-scoped override when a `page/**\/_overrides.tsx`
  * in the route's ancestry declares one, otherwise renders {@link DefaultDropdown}.

package/types/ui/Empty.d.ts

@@ -2,6 +2,8 @@ import type { ReactNode } from "react";
 export interface EmptyProps {
     /** Additional classes for the empty-state body. */
     className?: string;
+    /** The mark above the description. */
+    icon?: ReactNode;
     /** Custom description. Defaults to the localized base.noData label. */
     description?: ReactNode;
     /** Optional content rendered below the empty-state body. */
@@ -9,7 +11,7 @@ export interface EmptyProps {
     /** Minimum empty-state height in pixels. */
     minHeight?: number;
 }
-export declare const DefaultEmpty: ({ className, description, children, minHeight }: EmptyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultEmpty: ({ className, icon, description, children, minHeight }: EmptyProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Empty-state placeholder. Resolves to a route-scoped override when a
  * `page/**\/_overrides.tsx` in the route's ancestry declares one, otherwise

package/types/ui/Field/Label.d.ts

@@ -1,8 +1,9 @@
+import type { ReactNode } from "react";
 export interface LabelProps {
     className?: string;
-    label: string;
-    desc?: string;
-    unit?: string;
+    label: ReactNode;
+    desc?: ReactNode;
+    unit?: ReactNode;
     nullable?: boolean;
     mode?: "view" | "edit";
 }

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

@@ -5,9 +5,9 @@ export interface FieldProps {
     containerClassName?: string;
     labelClassName?: string;
     /** Section label shown above the controls. */
-    label?: string;
+    label?: ReactNode;
     /** Optional help text shown in the label tooltip. */
-    desc?: string;
+    desc?: ReactNode;
     /** Marks the field as optional in the label. */
     nullable?: boolean;
     /** Field control content. */

package/types/ui/InfiniteScroll.d.ts

@@ -1,3 +1,4 @@
+import { type ReactNode } from "react";
 export interface InfiniteScrollProps {
     hasMore: boolean;
     onLoadMore: () => Promise<void>;
@@ -8,5 +9,7 @@ export interface InfiniteScrollProps {
      * itself — and until it does, the sentinel is on screen and loads one window unasked.
      */
     reverse?: boolean;
+    /** The mark shown while the next window is loading. */
+    loading?: ReactNode;
 }
-export declare const InfiniteScroll: ({ hasMore, onLoadMore, children, reverse }: InfiniteScrollProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InfiniteScroll: ({ hasMore, onLoadMore, children, reverse, loading }: InfiniteScrollProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Layout/BottomTab.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 interface TabType {
-    name: string;
+    name: ReactNode;
     icon: ReactNode;
     activeIcon?: ReactNode;
     notiCount?: number;
@@ -10,6 +10,8 @@ export interface BottomTabProps {
     className?: string;
     tabs: TabType[];
     height?: number;
+    /** Draws one tab inside its link. The link, the route match, and the badge placement stay the framework's. */
+    renderTab?: (tab: TabType, active: boolean) => ReactNode;
 }
-export declare const BottomTab: ({ className, tabs, height }: BottomTabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BottomTab: ({ className, tabs, height, renderTab }: BottomTabProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/ui/Layout/LeftSider.d.ts

@@ -4,6 +4,8 @@ export interface LeftSiderProps {
     children: ReactNode;
     open: boolean;
     width?: number | string;
+    /** Element that closes the drawer. `false` draws none. */
+    close?: ReactNode | false;
     onCancel: () => void;
 }
-export declare const LeftSider: ({ className, children, open, width, onCancel }: LeftSiderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LeftSider: ({ className, children, open, width, close, onCancel }: LeftSiderProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Layout/RightSider.d.ts

@@ -3,8 +3,10 @@ export interface RightSiderProps {
     className?: string;
     children: ReactNode;
     open: boolean;
-    title?: string;
+    title?: ReactNode;
     width?: number | string;
+    /** The mark inside the drawer's close control. `false` draws no control. */
+    close?: ReactNode | false;
     onCancel: () => void;
 }
-export declare const RightSider: ({ className, children, open, title, width, onCancel }: RightSiderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RightSider: ({ className, children, open, title, width, close, onCancel }: RightSiderProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Layout/Sider.d.ts

@@ -2,6 +2,12 @@ import { type ReactNode } from "react";
 export interface SiderProps {
     className?: string;
     bgClassName?: string;
+    /** Element that opens the drawer. Defaults to the framework's hamburger button. */
+    trigger?: ReactNode;
+    /** Whole top row of the drawer, replacing the row the close button sits in. */
+    header?: ReactNode;
+    /** Element that closes the drawer, inside the default header row. */
+    close?: ReactNode;
     children?: ReactNode;
 }
-export declare const Sider: ({ className, bgClassName, children }: SiderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Sider: ({ className, bgClassName, trigger, header, close, children }: SiderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +1,15 @@
 export declare const Layout: {
     Header: ({ className, type, children, height }: import("./Header.d.ts").HeaderProps) => import("react/jsx-runtime").JSX.Element;
-    Sider: ({ className, bgClassName, children }: import("./Sider.d.ts").SiderProps) => import("react/jsx-runtime").JSX.Element;
+    Sider: ({ className, bgClassName, trigger, header, close, children }: import("./Sider.d.ts").SiderProps) => import("react/jsx-runtime").JSX.Element;
     Navbar: ({ back, className, height, children, title, left, right }: import("./Navbar.d.ts").NavbarProps) => import("react/jsx-runtime").JSX.Element;
     TopInset: ({ className, children, estimatedHeight }: import("./TopInset.d.ts").TopInsetProps) => import("react/jsx-runtime").JSX.Element;
-    BottomTab: ({ className, tabs, height }: import("./BottomTab.d.ts").BottomTabProps) => import("react/jsx-runtime").JSX.Element;
+    BottomTab: ({ className, tabs, height, renderTab }: import("./BottomTab.d.ts").BottomTabProps) => import("react/jsx-runtime").JSX.Element;
     BottomInset: ({ className, children, keyboardSticky, contentAnchor, role, estimatedHeight, frameScope, frameSource, frameCache, }: import("./BottomInset.d.ts").BottomInsetProps) => import("react/jsx-runtime").JSX.Element;
     Template: ({ className, children }: import("./Template.d.ts").TemplateProps) => import("react/jsx-runtime").JSX.Element;
     Unit: ({ className, children, href }: import("./Unit.d.ts").UnitProps) => import("react/jsx-runtime").JSX.Element;
     View: ({ className, children }: import("./View.d.ts").ViewProps) => import("react/jsx-runtime").JSX.Element;
     Zone: ({ className, children }: import("./Zone.d.ts").ZoneProps) => import("react/jsx-runtime").JSX.Element;
     TopLeftAction: ({ className, children }: import("./TopLeftAction.d.ts").TopLeftActionProps) => import("react/jsx-runtime").JSX.Element | null;
-    LeftSider: ({ className, children, open, width, onCancel }: import("./LeftSider.d.ts").LeftSiderProps) => import("react/jsx-runtime").JSX.Element;
-    RightSider: ({ className, children, open, title, width, onCancel }: import("./RightSider.d.ts").RightSiderProps) => import("react/jsx-runtime").JSX.Element;
+    LeftSider: ({ className, children, open, width, close, onCancel }: import("./LeftSider.d.ts").LeftSiderProps) => import("react/jsx-runtime").JSX.Element;
+    RightSider: ({ className, children, open, title, width, close, onCancel }: import("./RightSider.d.ts").RightSiderProps) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -13,6 +13,8 @@ interface DefaultProps<L extends {
     loading?: ReactNode;
     filter?: (item: L, idx: number) => boolean;
     sort?: (a: L, b: L) => number;
+    /** Placeholder for a slice with no rows. Takes precedence over `renderEmpty`. */
+    empty?: ReactNode;
     renderEmpty?: null | (() => ReactNode) | false;
     renderItem?: (item: L, idx: number) => ReactNode;
     renderList?: (list: DataList<L>) => ReactNode;
@@ -28,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, renderItem, renderList, renderEmpty, filter, sort, reverse, style, pagination, staleTime, }: UnitsProps<RefName, Light>): import("react/jsx-runtime").JSX.Element;
+}>({ 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;
 export {};

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

@@ -7,6 +7,8 @@ interface DefaultProps<T extends string, M> {
     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;
 }
@@ -18,5 +20,5 @@ interface ViewProps<T extends string, Full extends {
 }
 export default function View<T extends string, Full extends {
     id: string;
-}>({ className, view, noDiv, loading, renderView, }: ViewProps<T, Full>): import("react/jsx-runtime").JSX.Element;
+}>({ className, view, noDiv, loading, empty, renderView, }: ViewProps<T, Full>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1 +1,9 @@
-export declare const Area: () => import("react/jsx-runtime").JSX.Element;
+import type { ReactNode } from "react";
+export interface AreaProps {
+    className?: string;
+    /** The mark above the message. */
+    indicator?: ReactNode;
+    /** The message under the mark. */
+    children?: ReactNode;
+}
+export declare const Area: ({ className, indicator, children }: AreaProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Menu.d.ts

@@ -21,8 +21,10 @@ export interface MenuProps {
     inlineCollapsed?: boolean;
     onMouseOver?: () => void;
     onMouseLeave?: () => void;
+    /** Draws one item's body. The row, its click, and any submenu stay the framework's. */
+    renderItem?: (item: MenuItem, active: boolean) => ReactNode;
 }
-export declare const DefaultMenu: ({ items, onClick, selectedKeys, labelClassName, defaultSelectedKeys, className, ulClassName, liClassName, style, mode, activeStyle, inlineCollapsed, onMouseOver, onMouseLeave, }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+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

package/types/ui/Modal.d.ts

@@ -8,6 +8,8 @@ export interface ModalProps {
     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. */
@@ -22,7 +24,7 @@ export interface ModalProps {
  * 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, open, onCancel, bodyClassName, children, confirmClose, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+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}.

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

@@ -2,9 +2,7 @@ import type { SliceMeta } from "akanjs/fetch";
 import type { ReactNode } from "react";
 import type { DraftProp } from "./draftScope.d.ts";
 interface EditProps {
-    type?: "icon" | "button";
-    className?: string;
-    wrapperClassName?: string;
+    trigger?: ReactNode;
     children: ReactNode;
     slice: SliceMeta;
     modelId: string;
@@ -15,5 +13,5 @@ interface EditProps {
     /** Draft recovery for the form this opens. `false` turns it off; a string names the scope explicitly. */
     draft?: DraftProp;
 }
-export default function Edit({ className, wrapperClassName, type, children, slice, modelId, modal, renderTitle, draft, }: EditProps): import("react/jsx-runtime").JSX.Element;
+export default function Edit({ trigger, children, slice, modelId, modal, renderTitle, draft }: EditProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -42,7 +42,7 @@ interface EditModalProps<Full extends {
     /** Modal title or title renderer receiving the current model. */
     renderTitle?: ((model: Full) => string | ReactNode) | string;
     /** Submit button label. */
-    submitText?: string;
+    submitText?: ReactNode;
     /** Additional classes for the submit button. */
     submitClassName?: string;
     /** Store submit options passed to the generated submit action. */

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

@@ -2,9 +2,7 @@ import type { SliceMeta } from "akanjs/fetch";
 import type { ReactNode } from "react";
 import type { DraftProp } from "./draftScope.d.ts";
 interface NewProps<Full = any> {
-    type?: "icon" | "button";
-    className?: string;
-    wrapperClassName?: string;
+    trigger?: ReactNode;
     children: ReactNode;
     slice: SliceMeta;
     modal?: string | null;
@@ -17,5 +15,5 @@ interface NewProps<Full = any> {
     /** Draft recovery for the form. `false` turns it off; a string names the scope explicitly. */
     draft?: DraftProp;
 }
-export default function New({ className, wrapperClassName, type, children, slice, modal, partial, renderTitle, namespace, draft, }: NewProps): import("react/jsx-runtime").JSX.Element;
+export default function New({ trigger, children, slice, modal, partial, renderTitle, namespace, draft }: NewProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -7,7 +7,13 @@ 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;
     children: ReactNode;
 }
-export default function Remove({ className, name, modelId, slice, modal, redirect, children }: RemoveProps): import("react/jsx-runtime").JSX.Element;
+export default function Remove({ className, name, modelId, slice, modal, redirect, title, description, action, children, }: RemoveProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
 import type { SliceMeta } from "akanjs/fetch";
+import { type ReactNode } from "react";
 interface SureToRemoveProps {
     className?: string;
     modelId: string;
@@ -6,6 +7,14 @@ interface SureToRemoveProps {
     slice: SliceMeta;
     redirect?: string;
     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, }: SureToRemoveProps): import("react/jsx-runtime").JSX.Element;
+export default function SureToRemove({ className, modelId, name, slice, redirect, typeNameToRemove, trigger, title, description, confirmLabel, }: SureToRemoveProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -7,6 +7,12 @@ interface ViewEditModalProps {
     renderTitle?: (model: any) => ReactNode | string;
     renderView: (model: any) => ReactNode | null;
     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, }: ViewEditModalProps): import("react/jsx-runtime").JSX.Element;
+export default function ViewEditModal({ modalClassName, viewClassName, slice, renderTitle, renderView, renderTemplate, menu, editLabel, saveLabel, }: ViewEditModalProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/ui/Pagination.d.ts

@@ -8,8 +8,16 @@ export interface PaginationProps {
     onPageSelect: (page: number) => void;
     /** Number of items per page. Used to calculate total pages. */
     itemsPerPage: number;
-    /** Optional custom content when there is no data. */
+    /** 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. */
+    prev?: ReactNode;
+    /** The mark inside the step-forward control. */
+    next?: ReactNode;
+    /** The mark standing in for the pages a long pager skips. */
+    ellipsis?: ReactNode;
     /** Class overrides for wrapper and page buttons. */
     classNames?: {
         className?: string;
@@ -17,7 +25,7 @@ export interface PaginationProps {
         pageNumClassName?: string;
     };
 }
-export declare const DefaultPagination: ({ currentPage, total, onPageSelect, itemsPerPage, renderEmpty, classNames, }: PaginationProps) => import("react/jsx-runtime").JSX.Element | null;
+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}.

package/types/ui/Popconfirm.d.ts

@@ -4,9 +4,13 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
 };
 export interface PopconfirmProps {
     /** Confirmation title. */
-    title: string;
+    title: ReactNode;
     /** Optional detailed confirmation message. */
     description?: ReactNode;
+    /** The mark beside the message. `false` draws none. */
+    icon?: ReactNode | false;
+    /** The whole footer, replacing 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. */
@@ -14,9 +18,9 @@ export interface PopconfirmProps {
     /** Props forwarded to the cancel button. */
     cancelButtonProps?: ButtonProps;
     /** Custom OK button text. */
-    okText?: string;
+    okText?: ReactNode;
     /** Custom cancel button text. */
-    cancelText?: string;
+    cancelText?: ReactNode;
     /** Trigger content. */
     children?: ReactNode;
     /** Additional classes for the trigger wrapper. */
@@ -24,7 +28,7 @@ export interface PopconfirmProps {
     /** Additional classes for the popover arrow/decorator. */
     decoClassName?: string;
 }
-export declare const DefaultPopconfirm: ({ title, description, onConfirm, okButtonProps, cancelButtonProps, okText, cancelText, children, triggerClassName, decoClassName, }: PopconfirmProps) => import("react/jsx-runtime").JSX.Element;
+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

package/types/ui/Select.d.ts

@@ -7,9 +7,9 @@ interface LabelOption<T> {
 type Options<T> = T[] | LabelOption<T>[] | EnumInstance<string, T>;
 export interface SelectProps<T extends string | number | boolean | null | undefined, Multiple extends boolean = false, Searchable extends boolean = false, Option extends Options<T> = Options<T>> {
     /** Optional label shown above the selector. */
-    label?: string;
+    label?: ReactNode;
     /** Optional tooltip/help description next to the label. */
-    desc?: string;
+    desc?: ReactNode;
     labelClassName?: string;
     className?: string;
     /** Controlled selected value, or selected values when multiple is true. */
@@ -34,6 +34,8 @@ export interface SelectProps<T extends string | number | boolean | null | undefi
     onChange: Multiple extends true ? (value: T[], prev: T[]) => void : (value: T, prev: T) => void;
     /** Optional remote/local search callback. */
     onSearch?: (text: string) => void;
+    /** Placeholder for a selector with no options to offer. */
+    empty?: ReactNode;
     /** Custom option renderer. */
     renderOption?: (value: T) => ReactNode;
     /** Custom selected value renderer. */

package/types/ui/Tab/Menu.d.ts

@@ -7,6 +7,6 @@ export interface MenuProps {
     menu: string;
     children: ReactNode;
     scrollToTop?: boolean;
-    tooltip?: string;
+    tooltip?: ReactNode;
 }
 export declare const Menu: ({ className, activeClassName, disabledClassName, disabled, menu, children, scrollToTop, tooltip, }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Table.d.ts

@@ -37,8 +37,16 @@ export interface TableProps {
     rowClassName?: string | ((record: any, index: number) => string) | undefined;
     /** Custom row key resolver. */
     rowKey?: (model: any) => string;
+    /** Content drawn above the table. */
+    header?: ReactNode;
+    /** Content drawn below the table, under the pager. */
+    footer?: ReactNode;
+    /** Placeholder for a table with no rows. */
+    empty?: ReactNode;
+    /** The mark shown over the rows while `loading`. */
+    loadingIndicator?: ReactNode;
 }
-export declare const DefaultTable: ({ columns, dataSource, loading, size, bordered, pagination, showHeader, onRow, rowClassName, rowKey, }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultTable: ({ columns, dataSource, loading, size, bordered, pagination, showHeader, onRow, rowClassName, rowKey, header, footer, empty, loadingIndicator, }: TableProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Data table. Resolves to a route-scoped override when a `page/**\/_overrides.tsx`
  * in the route's ancestry declares one, otherwise renders {@link DefaultTable}.

package/types/ui/ToggleSelect.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentType } from "react";
+import { type ComponentType, type ReactNode } from "react";
 export interface ToggleSelectProps<I extends string | number | boolean | null> {
     className?: string;
     btnClassName?: string;
@@ -13,6 +13,16 @@ export interface ToggleSelectProps<I extends string | number | boolean | null> {
     onChange: (value: I, idx: number) => void;
     onClear?: () => void;
     disabled?: boolean;
+    /** Draws one cell. `onToggle` is the cell's own action — put it on whatever the cell renders. */
+    renderItem?: (item: {
+        label: string;
+        value: I;
+        disabled?: boolean;
+    }, state: {
+        selected: boolean;
+        disabled: boolean;
+        onToggle: () => void;
+    }) => ReactNode;
 }
 export interface MultiProps {
     className?: string;

package/types/ui/Unauthorized.d.ts

@@ -1,11 +1,13 @@
 import type { ReactNode } from "react";
 export interface UnauthorizedProps {
     className?: string;
+    /** The mark above the description. */
+    icon?: ReactNode;
     description?: ReactNode;
     children?: ReactNode;
     minHeight?: number;
 }
-export declare const DefaultUnauthorized: ({ className, description, children, minHeight }: UnauthorizedProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultUnauthorized: ({ className, icon, description, children, minHeight, }: UnauthorizedProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Unauthorized-state placeholder. Resolves to a route-scoped override when a
  * `page/**\/_overrides.tsx` in the route's ancestry declares one, otherwise

package/types/ui/index.d.ts

@@ -70,5 +70,6 @@ export { Table } from "./Table.d.ts";
 export { DefaultToast, DefaultToastItem, Toast, type ToastItemProps, type ToastMessage, type ToastProps, type ToastType, } from "./Toast.d.ts";
 export { ToggleSelect } from "./ToggleSelect.d.ts";
 export { Tooltip, type TooltipProps } from "./Tooltip.d.ts";
+export { triggerSlot } from "./triggerSlot.d.ts";
 export { type AkanModalComponent, type AkanUiOverrideManifest, type AkanUiOverrideName, type AkanUiOverrides, type AkanUiRecipes, createOverridable, override, UiOverrideProvider, type UiOverrideProviderProps, useUiOverride, useUiRecipe, } from "./UiOverride.d.ts";
 export { Unauthorized } from "./Unauthorized.d.ts";

package/types/ui/triggerSlot.d.ts

@@ -0,0 +1,24 @@
+import { type MouseEvent, type ReactNode } from "react";
+type TriggerHandler = (event: MouseEvent<HTMLElement>) => void;
+interface TriggerSlotOptions {
+    className?: string;
+    onClick?: TriggerHandler;
+    /** Host element for a trigger that cannot be cloned — a string, a fragment, several children. */
+    as?: "div" | "span";
+}
+/**
+ * Puts a disclosure's click and aria state onto the element the caller handed in, rather than wrapping it.
+ *
+ * Reach for this **only when an attribute has to ride the caller's own control** — `aria-expanded` /
+ * `aria-haspopup` on a wrapper names a box rather than the button a screen reader activates. Everywhere else
+ * the framework wraps instead: a wrapper works with any node, and a clone is silently inert on a component
+ * that does not forward `className` / `onClick` (every `ModelProps` component, whose `onClick` takes the model
+ * rather than the event).
+ *
+ * The caller's own `onClick` runs first and can call `preventDefault()` to stop the surface from acting. A
+ * trigger that is not a single element has nothing to clone onto, so it keeps a host element.
+ */
+export declare const triggerSlot: (trigger: ReactNode, { className, onClick, as: Host, ...attrs }: TriggerSlotOptions & {
+    [key: string]: unknown;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};