akanjs 3.0.0-beta.9 → 3.0.0

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

@@ -5,5 +5,5 @@ interface InsightProps<T extends string, Insight> {
     slice: SliceMeta;
     columns?: (keyof Insight)[];
 }
-export default function Insight<T extends string, Insight>({ className, insight, slice, columns, }: InsightProps<T, Insight>): import("react/jsx-runtime").JSX.Element | null;
+export default function Insight<T extends string, Insight>({ className, insight, slice, columns, }: InsightProps<T, Insight>): import("react").JSX.Element | null;
 export {};

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

@@ -1,4 +1,4 @@
-import type { Dayjs } from "akanjs/base";
+import { type Dayjs } from "akanjs/base";
 import { type DataAction, type DataColumn } from "akanjs/client";
 import type { SliceMeta } from "akanjs/fetch";
 import type { ReactNode } from "react";
@@ -6,26 +6,26 @@ export declare const convToAntdColumn: (column: DataColumn<any>) => {
     key: string;
     dataIndex: string;
     title: string;
-    responsive: readonly ["xs", "sm", "md", "xl"] | undefined;
-    render: ((value: any, model: any) => ReactNode) | undefined;
+    responsive: readonly ["md", "lg", "xl"] | undefined;
+    render: ((value: unknown) => string | import("react").JSX.Element) | ((value: any, model: any) => ReactNode);
 } | {
     key: string;
     dataIndex: string;
     title: string;
-    render: (date: Dayjs) => import("react/jsx-runtime").JSX.Element;
+    render: (date: Dayjs) => import("react").JSX.Element;
     responsive?: undefined;
 } | {
     key: string;
     dataIndex: string;
     title: string;
-    render: (status: string) => import("react/jsx-runtime").JSX.Element;
+    render: (status: string) => import("react").JSX.Element;
     responsive?: undefined;
 } | {
     key: string;
     dataIndex: string;
     title: string;
+    render: (value: unknown) => string | import("react").JSX.Element;
     responsive?: undefined;
-    render?: undefined;
 };
 interface ItemProps<T extends string, Full extends {
     id: string;
@@ -46,15 +46,15 @@ declare function Item<T extends string, Full extends {
     id: string;
 }, Light extends {
     id: string;
-}>({ className, model, slice, onClick, title, actions, columns, children, }: ItemProps<T, Full, Light>): import("react/jsx-runtime").JSX.Element;
+}>({ className, model, slice, onClick, title, actions, columns, children, }: ItemProps<T, Full, Light>): import("react").JSX.Element;
 declare namespace Item {
     var StatusTag: ({ status, className }: {
         status: string;
         className?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => import("react").JSX.Element;
     var RoleTags: ({ role }: {
         role: string | string[];
-    }) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+    }) => import("react").JSX.Element | import("react").JSX.Element[];
 }
 export default Item;
 interface ActionProps<T extends string, M extends {
@@ -72,4 +72,4 @@ export declare const Action: <T extends string, M extends {
     id: string;
 }>({ action, model, slice, outline, }: ActionProps<T, M, L> & {
     outline?: boolean;
-}) => import("react/jsx-runtime").JSX.Element | null | undefined;
+}) => import("react").JSX.Element | null | undefined;

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

@@ -6,11 +6,9 @@ export interface ListContainerProps<T extends string, State, Input, Full extends
 }, Light extends {
     id: string;
 }> {
-    /** Additional classes for the list container. */
     className?: string;
-    /** Additional classes for card-list rendering. */
     cardListClassName?: string;
-    /** Initial rendering mode. The toolbar toggle switches it from here. */
+    /** Initial mode; the toolbar toggle switches it from here. */
     type?: "card" | "list";
     /** Fixed filter query for this listing. Given one, the panel is scoped and offers no query maker. */
     query?: QuerySetting;
@@ -20,19 +18,12 @@ export interface ListContainerProps<T extends string, State, Input, Full extends
     };
     /** Initial fetch form: page, limit, sort, and the default values a new model starts from. */
     init?: FetchInitForm<Input, any>;
-    /** Generated slice metadata for the target model. */
     slice: SliceMeta;
-    /** Show create/new-model controls. */
     create?: boolean;
-    /** Optional list title. */
     title?: ReactNode;
-    /** Initial sort value. */
     sort?: unknown;
-    /** Table/list columns. */
     columns?: DataColumn<any>[];
-    /** Toolbar actions or a factory receiving the loaded list. */
     tools?: DataTool[] | ((modelList: Light[]) => DataTool[]);
-    /** Per-row actions or action factory. */
     actions?: DataAction[] | ((item: Light, idx: number) => DataAction[]);
     renderDashboard?: ({ summary, hidePresents, onSelect, queryKey, }: {
         summary: Record<string, unknown>;
@@ -54,4 +45,4 @@ export default function ListContainer<T extends string, State, Input, Full exten
     id: string;
 }, Light extends {
     id: string;
-}>({ className, cardListClassName, type, query, queryMap, init, create, slice, title, sort, columns, actions, tools, renderDashboard, renderItem, renderTemplate, renderTitle, renderView, renderQueryMaker, renderInsight, renderLoading, }: ListContainerProps<T, State, Input, Full, Light>): import("react/jsx-runtime").JSX.Element;
+}>({ className, cardListClassName, type, query, queryMap, init, create, slice, title, sort, columns, actions, tools, renderDashboard, renderItem, renderTemplate, renderTitle, renderView, renderQueryMaker, renderInsight, renderLoading, }: ListContainerProps<T, State, Input, Full, Light>): import("react").JSX.Element;

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

@@ -1,9 +1,7 @@
 import type { SliceMeta } from "akanjs/fetch";
 interface PaginationProps<T extends string> {
-    /** Additional classes for the pagination wrapper. */
     className?: string;
-    /** Generated slice metadata used to read page state and dispatch page changes. */
     slice: SliceMeta;
 }
-export default function Pagination<T extends string>({ className, slice }: PaginationProps<T>): import("react/jsx-runtime").JSX.Element;
+export default function Pagination<T extends string>({ className, slice }: PaginationProps<T>): import("react").JSX.Element;
 export {};

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

@@ -36,15 +36,8 @@ interface QueryMakerArgsProps {
 export declare const resolveQuerySetting: (setting: QuerySetting) => ResolvedQuerySetting;
 /** A filter the server will accept: every arg it declared as required has been given a value. */
 export declare const isReadyQuery: (args: SerializedArg[], values: unknown[]) => boolean;
-/**
- * The filter a listing is showing, and the one write that applies it. Held in a hook rather than a component
- * because the key select rides the toolbar while the args that key takes render under it — two places in the
- * tree, one selection.
- */
 export declare const useQueryMaker: ({ slice, query, onApply }: QueryMakerProps) => QueryMakerState;
-/** The filter picker. Sized for a toolbar, beside the sort and page-size selects. */
-export declare const QueryMakerKey: ({ className, selectClassName, slice, state }: QueryMakerKeyProps) => import("react/jsx-runtime").JSX.Element | null;
-/** What the picked filter asks for. Renders nothing for a filter that takes no arguments. */
-export declare const QueryMakerArgs: ({ className, slice, state }: QueryMakerArgsProps) => import("react/jsx-runtime").JSX.Element | null;
-export default function QueryMaker({ className, slice, query, onApply }: QueryMakerProps): import("react/jsx-runtime").JSX.Element;
+export declare const QueryMakerKey: ({ className, selectClassName, slice, state }: QueryMakerKeyProps) => import("react").JSX.Element | null;
+export declare const QueryMakerArgs: ({ className, slice, state }: QueryMakerArgsProps) => import("react").JSX.Element | null;
+export default function QueryMaker({ className, slice, query, onApply }: QueryMakerProps): import("react").JSX.Element;
 export {};

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

@@ -5,12 +5,5 @@ interface RefPickerProps {
     value: string | null;
     onChange: (id: string | null) => void;
 }
-/**
- * Picks one row of a referenced model instead of asking for its hex id. Rows are held here rather than in the
- * ref model's store: that store is a singleton, so a picker loading into it would overwrite whatever listing of
- * the same model is already on the screen — and a picker opened from inside a picker would overwrite itself.
- *
- * The search is the ref model's own root slice, which is Admin-guarded, so this belongs to admin surfaces.
- */
-export default function RefPicker({ className, refName, value, onChange }: RefPickerProps): import("react/jsx-runtime").JSX.Element;
+export default function RefPicker({ className, refName, value, onChange }: RefPickerProps): import("react").JSX.Element;
 export {};

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

@@ -22,5 +22,5 @@ export default function TableList<T extends string, Input, Full extends {
     id: string;
 }, Light extends {
     id: string;
-}, Filter extends FilterInstance>({ className, init, queryArgs, slice, columns, actions, renderTemplate, renderTitle, renderView, onItemClick, }: TableListProps<T, Input, Full, Light, Filter>): import("react/jsx-runtime").JSX.Element;
+}, Filter extends FilterInstance>({ className, init, queryArgs, slice, columns, actions, renderTemplate, renderTitle, renderView, onItemClick, }: TableListProps<T, Input, Full, Light, Filter>): import("react").JSX.Element;
 export {};

package/types/ui/DatePicker.d.ts

@@ -4,9 +4,7 @@ export interface DatePickerProps {
     value?: Dayjs | null;
     onChange: (value: Dayjs | null) => void;
     showTime?: boolean;
-    /** Earliest selectable value. The browser enforces it. */
     min?: Dayjs | null;
-    /** Latest selectable value. The browser enforces it. */
     max?: Dayjs | null;
     /** Rejected on selection rather than greyed out — a native field constrains only through `min` / `max`. */
     disabledDate?: (date: Dayjs) => boolean | null | undefined;
@@ -28,15 +26,6 @@ export interface TimePickerProps {
     /** Rejected on selection rather than greyed out — a native field constrains only through `min` / `max`. */
     disabledDate?: (date: Dayjs) => boolean | null | undefined;
 }
-/**
- * Date picker. `DatePicker`, `DatePicker.RangePicker`, and `DatePicker.TimePicker` each resolve to a
- * route-scoped override when a `page/**\/_overrides.tsx` in the route's ancestry declares one (slots
- * `DatePicker`, `DatePickerRangePicker`, `DatePickerTimePicker`).
- *
- * Each renders one native `<input type="date" | "datetime-local" | "time">`, so the calendar is the browser's
- * own: an OS wheel on mobile, keyboard entry everywhere, nothing shipped in the bundle. What that costs is a
- * themed popup, a chosen display format, and per-day disabling — an app needing any of those overrides the slot.
- */
 export declare const DatePicker: import("react").ComponentType<DatePickerProps> & {
     RangePicker: import("react").ComponentType<RangePickerProps>;
     TimePicker: import("react").ComponentType<TimePickerProps>;

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

@@ -6,8 +6,5 @@ export interface LegacyModalProps {
     children?: ReactNode;
     onCancel?: () => void;
 }
-/**
- * Previous modal skin, kept for screens built around its motion: spring open/close and a drag-to-dismiss
- * sheet on touch. New work composes {@link Modal}, which draws the same slots with no animation.
- */
+/** Spring-animated, drag-to-dismiss skin; {@link Modal} draws the same slots with no animation. */
 export declare const LegacyModal: ({ className, bodyClassName, confirmClose, children, onCancel }: LegacyModalProps) => import("react").ReactPortal | null;

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

@@ -1,13 +1,46 @@
 import { type ReactNode } from "react";
+export interface DialogContextType {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openDialog: () => void;
+    closeDialog: () => void;
+    /** The drawing surface's own dismissal, where `confirmClose` and `onCancel` live; flipping `open` skips both. */
+    registerDismiss: (dismiss: (() => void) | null) => void;
+    title: ReactNode;
+    setTitle: (title: ReactNode) => void;
+    action: ReactNode;
+    setAction: (action: ReactNode) => void;
+}
+export declare const DialogContext: import("react").Context<DialogContextType>;
 export interface ProviderProps {
-    /** Additional classes for the dialog root wrapper. */
     className?: string;
-    /** Controlled open state. */
     open?: boolean;
-    /** Initial open state for uncontrolled usage. */
     defaultOpen?: boolean;
-    /** Names this dialog for the in-page agent. Without it the dialog publishes nothing — two on one screen would share a name. */
+    /** Names this dialog for the in-page agent; without it the dialog publishes nothing. */
     namespace?: string;
     children?: ReactNode;
 }
-export declare const Provider: ({ className, defaultOpen, open, namespace, children, }: ProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Provider: ({ className, defaultOpen, open, namespace, children, }: ProviderProps) => import("react").JSX.Element;
+export interface TitleProps {
+    children?: ReactNode;
+}
+export declare const Title: ({ children }: TitleProps) => null;
+export interface ActionProps {
+    children?: ReactNode;
+}
+export declare const Action: ({ children }: ActionProps) => null;
+export interface ContentProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Content: ({ className, children }: ContentProps) => import("react").JSX.Element;
+export interface TriggerProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Trigger: ({ className, children }: TriggerProps) => import("react").JSX.Element;
+export interface CloseProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Close: ({ className, children }: CloseProps) => import("react").JSX.Element;

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

@@ -1,10 +1,10 @@
 import { type ProviderProps } from "./Provider.d.ts";
 export declare const Dialog: {
-    ({ children, ...props }: ProviderProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, ...props }: ProviderProps): import("react").JSX.Element;
     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;
-    Trigger: ({ className, children }: import("./Trigger.d.ts").TriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ className, children }: import("./Content.d.ts").ContentProps) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ children }: import("./Provider.d.ts").TitleProps) => null;
+    Action: ({ children }: import("./Provider.d.ts").ActionProps) => null;
+    Trigger: ({ className, children }: import("./Provider.d.ts").TriggerProps) => import("react").JSX.Element;
+    Content: ({ className, children }: import("./Provider.d.ts").ContentProps) => import("react").JSX.Element;
 };

package/types/ui/DragAction.d.ts

@@ -7,10 +7,10 @@ interface DragActionProps {
     onRight?: () => void;
 }
 export declare const DragAction: {
-    ({ className, children, onClick, onLeft, onRight }: DragActionProps): import("react/jsx-runtime").JSX.Element;
-    Body: ({ children }: BodyProps) => import("react/jsx-runtime").JSX.Element;
-    Left: ({ children }: LeftProps) => import("react/jsx-runtime").JSX.Element;
-    Right: ({ children }: RightProps) => import("react/jsx-runtime").JSX.Element;
+    ({ className, children, onClick, onLeft, onRight }: DragActionProps): import("react").JSX.Element;
+    Body: ({ children }: BodyProps) => import("react").JSX.Element;
+    Left: ({ children }: LeftProps) => import("react").JSX.Element;
+    Right: ({ children }: RightProps) => import("react").JSX.Element;
 };
 interface BodyProps {
     children: ReactNode;

package/types/ui/DraggableList.d.ts

@@ -24,8 +24,8 @@ interface ItemProps {
     removeClassName?: string;
 }
 export declare const DraggableList: {
-    <V>({ className, mode, children, onChange, onRemove }: DragListProps<V>): import("react/jsx-runtime").JSX.Element;
-    Cursor({ className, children }: Cursor): import("react/jsx-runtime").JSX.Element;
-    Item: ({ value, children, className, cursorClassName, cursor, removable, removeClassName, }: ItemProps) => import("react/jsx-runtime").JSX.Element;
+    <V>({ className, mode, children, onChange, onRemove }: DragListProps<V>): import("react").JSX.Element;
+    Cursor({ className, children }: Cursor): import("react").JSX.Element;
+    Item: ({ value, children, className, cursorClassName, cursor, removable, removeClassName, }: ItemProps) => import("react").JSX.Element;
 };
 export {};

package/types/ui/Dropdown.d.ts

@@ -6,22 +6,14 @@ export interface DropdownProps {
     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. */
     className?: string;
-    /** Additional classes for the trigger button. */
     buttonClassName?: string;
-    /** Additional classes for the dropdown content panel. */
     dropdownClassName?: string;
     /** Trigger edge the menu lines up with. Position is computed, so a `left-0` class cannot do this. */
     align?: "start" | "end";
-    /** Names this dropdown for the in-page agent. Without it the menu publishes nothing — two on one screen would share a name. */
+    /** Names this dropdown for the in-page agent; without it the menu publishes nothing. */
     namespace?: string;
 }
-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}.
- */
+export declare const DefaultDropdown: ({ value, trigger, content, className, buttonClassName, dropdownClassName, align, namespace, }: DropdownProps) => import("react").JSX.Element;
 export declare const Dropdown: import("react").ComponentType<DropdownProps>;

package/types/ui/Empty.d.ts

@@ -1,20 +1,13 @@
 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. */
+    /** Defaults to the localized `base.noData` label. */
     description?: ReactNode;
-    /** Optional content rendered below the empty-state body. */
+    /** Rendered below the empty-state body. */
     children?: ReactNode;
-    /** Minimum empty-state height in pixels. */
+    /** In pixels. */
     minHeight?: number;
 }
-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
- * renders {@link DefaultEmpty}.
- */
+export declare const DefaultEmpty: ({ className, icon, description, children, minHeight }: EmptyProps) => import("react").JSX.Element;
 export declare const Empty: import("react").ComponentType<EmptyProps>;

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

@@ -11,7 +11,7 @@ export interface SwitchProps {
     offDesc?: string;
     disabled?: boolean;
 }
-export declare const Switch: ({ label, desc, labelClassName, className, value, onChange, disabled, inputClassName, onDesc, offDesc, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Switch: ({ label, desc, labelClassName, className, value, onChange, disabled, inputClassName, onDesc, offDesc, }: SwitchProps) => import("react").JSX.Element;
 export interface ToggleSelectProps<I, Nullable extends boolean> {
     className?: string;
     labelClassName?: string;
@@ -31,7 +31,7 @@ export interface ToggleSelectProps<I, Nullable extends boolean> {
     onChange: (value: Nullable extends true ? I | null : I) => void;
     btnClassName?: string;
 }
-export declare const ToggleSelect: <I extends string | number | boolean | null, Nullable extends boolean = false>({ className, labelClassName, label, desc, items, value, validate, onChange, nullable, disabled, btnClassName, }: ToggleSelectProps<I, Nullable>) => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleSelect: <I extends string | number | boolean | null, Nullable extends boolean = false>({ className, labelClassName, label, desc, items, value, validate, onChange, nullable, disabled, btnClassName, }: ToggleSelectProps<I, Nullable>) => import("react").JSX.Element;
 export interface MultiToggleSelectProps<I extends string | number | boolean> {
     className?: string;
     labelClassName?: string;
@@ -49,4 +49,4 @@ export interface MultiToggleSelectProps<I extends string | number | boolean> {
     validate?: (value: I[]) => boolean | string;
     onChange: (value: I[]) => void;
 }
-export declare const MultiToggleSelect: <I extends string | number | boolean>({ className, labelClassName, label, desc, items, value, minlength, maxlength, validate, onChange, disabled, }: MultiToggleSelectProps<I>) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiToggleSelect: <I extends string | number | boolean>({ className, labelClassName, label, desc, items, value, minlength, maxlength, validate, onChange, disabled, }: MultiToggleSelectProps<I>) => import("react").JSX.Element;

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

@@ -10,7 +10,7 @@ export interface ListProps<Item> {
     onAdd: () => void;
     renderItem: (item: Item, idx: number) => ReactNode;
 }
-export declare const List: <Item>({ className, labelClassName, label, desc, value, onChange, onAdd, nullable, renderItem, }: ListProps<Item>) => import("react/jsx-runtime").JSX.Element;
+export declare const List: <Item>({ className, labelClassName, label, desc, value, onChange, onAdd, nullable, renderItem, }: ListProps<Item>) => import("react").JSX.Element;
 export interface TextListProps {
     label?: string;
     desc?: string;
@@ -28,23 +28,8 @@ export interface TextListProps {
     minTextlength?: number;
     maxTextlength?: number;
 }
-export declare const TextList: ({ label, desc, labelClassName, className, value, onChange, placeholder, disabled, transform, minlength, maxlength, minTextlength, maxTextlength, validate, inputClassName, }: TextListProps) => import("react/jsx-runtime").JSX.Element;
-export interface TagsProps {
-    label?: string;
-    desc?: string;
-    labelClassName?: string;
-    className?: string;
-    value: string[] | null;
-    onChange: (value: string[]) => void;
-    inputClassName?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    transform?: (value: string) => string;
-    validate?: (text: string) => boolean | string;
-    minlength?: number;
-    maxlength?: number;
-    minTextlength?: number;
-    maxTextlength?: number;
+export declare const TextList: ({ label, desc, labelClassName, className, value, onChange, placeholder, disabled, transform, minlength, maxlength, minTextlength, maxTextlength, validate, inputClassName, }: TextListProps) => import("react").JSX.Element;
+export interface TagsProps extends TextListProps {
     secret?: boolean;
 }
-export declare const Tags: ({ label, desc, labelClassName, className, value, onChange, placeholder, disabled, transform, minlength, maxlength, minTextlength, maxTextlength, validate, inputClassName, }: TagsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tags: ({ label, desc, labelClassName, className, value, onChange, placeholder, disabled, transform, minlength, maxlength, minTextlength, maxTextlength, validate, inputClassName, }: TagsProps) => import("react").JSX.Element;

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

@@ -12,7 +12,7 @@ export interface DateProps<Nullable extends boolean> {
     onChange: (value: Dayjs) => void;
     dateClassName?: string;
 }
-export declare const Date: <Nullable extends boolean>({ className, labelClassName, nullable, label, desc, value, min, max, onChange, showTime, dateClassName, }: DateProps<Nullable>) => import("react/jsx-runtime").JSX.Element;
+export declare const Date: <Nullable extends boolean>({ className, labelClassName, nullable, label, desc, value, min, max, onChange, showTime, dateClassName, }: DateProps<Nullable>) => import("react").JSX.Element;
 export interface DateRangeProps<Nullable extends boolean> {
     label?: string;
     desc?: string;
@@ -29,4 +29,4 @@ export interface DateRangeProps<Nullable extends boolean> {
     /** The whole range after either end moves. Fires only once both ends are set — nobody can query a half-open one. */
     onChange?: (from: Dayjs, to: Dayjs) => void;
 }
-export declare const DateRange: <Nullable extends boolean>({ className, labelClassName, nullable, label, desc, from, to, min, max, onChangeFrom, onChangeTo, onChange, showTime, }: DateRangeProps<Nullable>) => import("react/jsx-runtime").JSX.Element;
+export declare const DateRange: <Nullable extends boolean>({ className, labelClassName, nullable, label, desc, from, to, min, max, onChangeFrom, onChangeTo, onChange, showTime, }: DateRangeProps<Nullable>) => import("react").JSX.Element;

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

@@ -7,4 +7,4 @@ export interface LabelProps {
     nullable?: boolean;
     mode?: "view" | "edit";
 }
-export declare const Label: ({ className, label, desc, unit, nullable, mode }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Label: ({ className, label, desc, unit, nullable, mode }: LabelProps) => import("react").JSX.Element;

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

@@ -19,7 +19,7 @@ export interface NumberProps {
     formatter?: (value: string) => string;
     parser?: (value: string) => string;
 }
-export declare const Number: ({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, min, max, transform, validate, onPressEnter, inputClassName, unit, formatter, parser, }: NumberProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Number: ({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, min, max, transform, validate, onPressEnter, inputClassName, unit, formatter, parser, }: NumberProps) => import("react").JSX.Element;
 export interface DoubleNumberProps {
     label?: string;
     desc?: string;
@@ -38,4 +38,4 @@ export interface DoubleNumberProps {
     validate?: (text: number) => boolean | string;
     onPressEnter?: () => void;
 }
-export declare const DoubleNumber: ({ label, desc, labelClassName, className, value, placeholder, nullable, disabled, min, max, inputClassName, separator, onChange, transform, validate, onPressEnter, }: DoubleNumberProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DoubleNumber: ({ label, desc, labelClassName, className, value, placeholder, nullable, disabled, min, max, inputClassName, separator, onChange, transform, validate, onPressEnter, }: DoubleNumberProps) => import("react").JSX.Element;

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

@@ -1,80 +1,53 @@
 import type { SliceMeta } from "akanjs/fetch";
 import type { ReactNode } from "react";
-export interface ParentProps<Light> {
+interface RelationProps<Light> {
     label?: string;
     desc?: string;
     labelClassName?: string;
-    selectClassName?: string;
     className?: string;
     disabled?: boolean;
     nullable?: boolean;
     initArgs?: any[];
-    value: Light | null;
     slice: SliceMeta;
-    onChange: (value: Light | null) => void;
     onSearch?: (text: string) => void;
     sortOption?: (a: Light, b: Light) => number;
+}
+export interface ParentProps<Light> extends RelationProps<Light> {
+    selectClassName?: string;
+    value: Light | null;
+    onChange: (value: Light | null) => void;
     renderOption: (model: Light) => ReactNode;
     renderSelected?: (value: Light) => ReactNode;
 }
 export declare const Parent: <Light extends {
     id: string;
-}>({ label, desc, labelClassName, selectClassName, className, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ParentProps<Light>) => import("react/jsx-runtime").JSX.Element;
-export interface ParentIdProps<Light> {
-    label?: string;
-    desc?: string;
-    labelClassName?: string;
-    className?: string;
+}>({ label, desc, labelClassName, selectClassName, className, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ParentProps<Light>) => import("react").JSX.Element;
+export interface ParentIdProps<Light> extends RelationProps<Light> {
     selectClassName?: string;
-    disabled?: boolean;
-    nullable?: boolean;
-    initArgs?: any[];
     value: string | null;
-    slice: SliceMeta;
     onChange: (id: string | null, model: Light | null) => void;
-    onSearch?: (text: string) => void;
-    sortOption?: (a: Light, b: Light) => number;
     renderOption?: (model: Light) => ReactNode;
     renderSelected?: (value: Light) => ReactNode;
 }
 export declare const ParentId: <Light extends {
     id: string;
-}>({ label, desc, className, selectClassName, labelClassName, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ParentIdProps<Light>) => import("react/jsx-runtime").JSX.Element;
-export interface ChildrenProps<Light> {
-    label?: string;
-    desc?: string;
-    labelClassName?: string;
+}>({ label, desc, className, selectClassName, labelClassName, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ParentIdProps<Light>) => import("react").JSX.Element;
+export interface ChildrenProps<Light> extends RelationProps<Light> {
     selectClassName?: string;
-    className?: string;
-    disabled?: boolean;
-    nullable?: boolean;
-    initArgs?: any[];
     value: Light[] | null;
     onChange: (value: Light[]) => void;
-    onSearch?: (text: string) => void;
-    slice: SliceMeta;
-    sortOption?: (a: Light, b: Light) => number;
     renderOption: (model: Light) => ReactNode;
     renderSelected?: (value: Light) => ReactNode;
 }
 export declare const Children: <Light extends {
     id: string;
-}>({ label, desc, labelClassName, selectClassName, className, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ChildrenProps<Light>) => import("react/jsx-runtime").JSX.Element;
-export interface ChildrenIdProps<Light> {
-    label?: string;
-    desc?: string;
-    labelClassName?: string;
-    className?: string;
-    disabled?: boolean;
-    nullable?: boolean;
-    initArgs?: any[];
+}>({ label, desc, labelClassName, selectClassName, className, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ChildrenProps<Light>) => import("react").JSX.Element;
+export interface ChildrenIdProps<Light> extends RelationProps<Light> {
     value: string[] | null;
-    slice: SliceMeta;
     onChange: (value: string[]) => void;
-    onSearch?: (text: string) => void;
-    sortOption?: (a: Light, b: Light) => number;
     renderOption: (model: Light) => ReactNode;
 }
 export declare const ChildrenId: <Light extends {
     id: string;
-}>({ label, desc, labelClassName, className, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, }: ChildrenIdProps<Light>) => import("react/jsx-runtime").JSX.Element;
+}>({ label, desc, labelClassName, className, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, }: ChildrenIdProps<Light>) => import("react").JSX.Element;
+export {};