akanjs 2.3.0 → 2.3.1-rc.0

package/types/server/ssrFromRscRenderer.d.ts

@@ -15,6 +15,7 @@ export declare function htmlEscapeJsonString(value: string): string;
 export declare function createInlineRscScript(chunk: Uint8Array): string;
 export declare function createSoftRedirectScript(redirect: SsrLateRedirect): string;
 export declare function sanitizeFlightForClientStream(stream: ReadableStream<Uint8Array>): ReadableStream<Uint8Array>;
+export declare function sanitizeFlightForSsrStream(stream: ReadableStream<Uint8Array>): ReadableStream<Uint8Array>;
 export declare class ExpectedLateRedirectStderrSuppressor {
     #private;
     private constructor();

package/types/server/ssrTypes.d.ts

@@ -24,6 +24,23 @@ export interface SsrLateRedirect {
     method: "replace" | "push";
     status: 303 | 307 | 308;
 }
+export interface RscTraceMetadata {
+    navId?: string;
+    pathname: string;
+    routeId: string;
+    cache: "hit" | "miss" | "bypass";
+    cacheReason?: string;
+    cacheKeyHash?: string;
+    partial?: "full" | "candidate" | "patch" | "fallback";
+    partialReason?: string;
+    partialCommonPrefixLength?: number;
+    patchStartIndex?: number;
+    patchSegmentPath?: string;
+    patchStartSegment?: string;
+    patchHeadSafe?: boolean;
+    patchHeadSnapshot?: string;
+    routeState?: string;
+}
 export interface SsrFromRscInput {
     request?: Request;
     requestStore?: AkanRequestStore;

package/types/server/types.d.ts

@@ -1,5 +1,7 @@
 import type { PromiseOrObject } from "akanjs/base";
 import type { AkanI18nConfig } from "akanjs/common";
+import type { ClientManifest } from "./artifact.d.ts";
+import type { SsrManifest } from "./ssrTypes.d.ts";
 export type WebsocketRoute = (ws: Bun.ServerWebSocket<unknown>, data: unknown[], event?: "message" | "subscribe" | "unsubscribe") => PromiseOrObject<unknown>;
 export type WebsocketRoutes = Record<string, WebsocketRoute>;
 export type HttpRoutes = Bun.Serve.Options<unknown>["routes"];
@@ -43,6 +45,8 @@ export declare function mergeAkanImageConfig(config?: Partial<AkanImageConfig>):
 export declare function getAkanImageWidths(config: Pick<AkanImageConfig, "deviceSizes" | "imageSizes">): number[];
 export type BaseBuildArtifact = {
     rscClientUrl: string;
+    rscRuntimeClientManifest?: ClientManifest;
+    rscRuntimeSsrManifest?: SsrManifest;
     vendorMap: Record<string, string>;
     pagesBundlePath: string;
     pagesBundleBuildId: number;

package/types/server/webRouter.d.ts

@@ -2,16 +2,18 @@ import { type AkanI18nConfig } from "akanjs/common";
 import { type AkanRequestStore } from "akanjs/fetch";
 import type { AkanMetricsReport } from "akanjs/service";
 import { type BuilderRpc, type RouteSeedIndex } from "./artifact.d.ts";
-import { type RouteCacheRenderState } from "./cachePolicy.d.ts";
+import { type RouteCacheInvalidation, type RouteCacheRenderState } from "./cachePolicy.d.ts";
 import type { HmrWsData, HmrWsHub } from "./hmr/wsHub.d.ts";
 import { type RscRedirectMethod, type RscRedirectStatus, type RscRenderResult, RscWorker } from "./rscWorkerHost.d.ts";
 import type { BaseBuildArtifact, HttpRoutes, RenderState } from "./types.d.ts";
+export declare const DEFAULT_HTML_RESULT_CACHE_MAX_BODY_BYTES: number;
 export declare function createRscRedirectResponse(location: string, method: RscRedirectMethod, status?: RscRedirectStatus): Response;
 export declare function createRscStreamResponse(stream: BodyInit, status?: number): Response;
 export declare function createRscNotFoundFallbackResponse(): Response;
 export declare function cacheHtmlWhileStreaming(stream: ReadableStream<Uint8Array>, onComplete: (html: string) => void, options?: {
     shouldCache?: () => boolean | Promise<boolean>;
     maxBodyBytes?: number | null;
+    onSkip?: (reason: "body-too-large" | "store-skip") => void;
 }): ReadableStream<Uint8Array>;
 export declare function cancelStreamForHeadResponse(stream: ReadableStream<Uint8Array>, reason: unknown): void;
 export declare function resolveHtmlRouteCacheStoreTtl(input: {
@@ -26,6 +28,8 @@ export declare function isHtmlRouteCachePathAllowed(pathname: string, env?: {
     [key: string]: string | undefined;
     AKAN_HTML_RESULT_CACHE_PATHS?: string;
     AKAN_HTML_RESULT_CACHE_EXCLUDE_PATHS?: string;
+}, options?: {
+    defaultAllow?: boolean;
 }): boolean;
 export declare function createRscNavigationStreamResponse(result: Extract<RscRenderResult, {
     type: "stream";
@@ -65,8 +69,8 @@ export declare class WebRouter {
     }>;
     dispose(): void;
     getMetrics(): AkanMetricsReport;
-    /** @internal Clears local route result caches owned by the host and RSC worker. */
-    invalidateRouteCaches(reason?: string): void;
+    /** @internal Clears or scopes invalidation for local route result caches owned by the host and RSC worker. */
+    invalidateRouteCaches(invalidation?: string | RouteCacheInvalidation): void;
     static create({ upgradeHmrWs }: SsrRoutesInputs): Promise<WebRouter>;
 }
 export {};

package/types/service/predefinedAdaptor/database.adaptor.d.ts

@@ -248,9 +248,15 @@ export declare class SqliteDocumentStore {
     private toRow;
     private fromRow;
     private normalizeProjection;
+    private resolveProjection;
+    private defaultProjection;
     private projectionSql;
     private projectionAlias;
     private fromProjectedRow;
+    private findForWrite;
+    private findOneForWrite;
+    private pickByIdForWrite;
+    private writeUpdatedDocument;
     private parseProjectedValue;
     private decodeDocumentPayload;
     private decodeFieldValue;

package/types/ui/Button.d.ts

@@ -8,4 +8,4 @@ export type ButtonProps<Result> = Omit<ButtonHTMLAttributes<HTMLButtonElement>,
     /** Called after the button briefly enters success state. */
     onSuccess?: (result: Result) => void;
 };
-export declare const Button: <Result = unknown>({ className, children, onClick, onSuccess, ...rest }: ButtonProps<Result>) => React.JSX.Element;
+export declare const Button: <Result = unknown>({ className, children, onClick, onSuccess, ...rest }: ButtonProps<Result>) => import("react/jsx-runtime").JSX.Element;

package/types/ui/ClientSide.d.ts

@@ -5,4 +5,4 @@ export interface ClientSideProps {
     /** Optional Suspense fallback. */
     loading?: ReactNode;
 }
-export declare const ClientSide: ({ children, loading }: ClientSideProps) => import("react").JSX.Element;
+export declare const ClientSide: ({ children, loading }: ClientSideProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Constant/Doc.d.ts

@@ -1,11 +1,11 @@
 import { type DatabaseSchema, getConstantSchemaDoc, type ScalarSchema } from "./schemaDoc.d.ts";
-declare function Doc(): import("react").JSX.Element;
+declare function Doc(): import("react/jsx-runtime").JSX.Element;
 declare namespace Doc {
-    var Zone: ({ models, scalars, enums, openAll }: ZoneProps) => import("react").JSX.Element;
-    var Print: ({ models, scalars, enums }: ZoneProps) => import("react").JSX.Element;
-    var Model: ({ refName, database: databaseProp, openAll }: ModelProps) => import("react").JSX.Element | null;
-    var Scalar: ({ refName, scalar: scalarProp, openAll }: ScalarProps) => import("react").JSX.Element | null;
-    var Enum: ({ enums }: EnumProps) => import("react").JSX.Element;
+    var Zone: ({ models, scalars, enums, openAll }: ZoneProps) => import("react/jsx-runtime").JSX.Element;
+    var Print: ({ models, scalars, enums }: ZoneProps) => import("react/jsx-runtime").JSX.Element;
+    var Model: ({ refName, database: databaseProp, openAll }: ModelProps) => import("react/jsx-runtime").JSX.Element | null;
+    var Scalar: ({ refName, scalar: scalarProp, openAll }: ScalarProps) => import("react/jsx-runtime").JSX.Element | null;
+    var Enum: ({ enums }: EnumProps) => import("react/jsx-runtime").JSX.Element;
 }
 export default Doc;
 interface ZoneProps {

package/types/ui/Constant/Mermaid.d.ts

@@ -5,4 +5,4 @@ export interface MermaidProps {
     highlightNodes?: string[];
     onSelectNode?: (nodeId: string) => void;
 }
-export declare const Mermaid: ({ chart, title, className, highlightNodes, onSelectNode }: MermaidProps) => import("react").JSX.Element;
+export declare const Mermaid: ({ chart, title, className, highlightNodes, onSelectNode }: MermaidProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,5 +2,5 @@ import Doc from "./Doc.d.ts";
 export * from "./schemaDoc.d.ts";
 export declare const Constant: {
     Doc: typeof Doc;
-    Mermaid: ({ chart, title, className, highlightNodes, onSelectNode }: import("./Mermaid.d.ts").MermaidProps) => import("react").JSX.Element;
+    Mermaid: ({ chart, title, className, highlightNodes, onSelectNode }: import("./Mermaid.d.ts").MermaidProps) => import("react/jsx-runtime").JSX.Element;
 };

package/types/ui/Constant/schemaDoc.d.ts

@@ -63,7 +63,7 @@ export interface FieldSchema {
     required: boolean;
     nullable: boolean;
     arrDepth: number;
-    fieldType: "property" | "hidden" | "resolve";
+    fieldType: "property" | "hidden" | "secret" | "resolve";
     select: boolean;
     immutable: boolean;
     ref?: string;

package/types/ui/Copy.d.ts

@@ -7,4 +7,4 @@ export interface CopyProps {
     /** Copy trigger element. */
     children: ReactNode;
 }
-export declare const Copy: ({ text, copyMessage, children }: CopyProps) => import("react").JSX.Element;
+export declare const Copy: ({ text, copyMessage, children }: CopyProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/CsrImage.d.ts

@@ -14,5 +14,5 @@ type CsrImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, "alt" | "src"> &
     unoptimized?: boolean;
     fill?: boolean;
 };
-export declare const CsrImage: ({ src, file, className, abstractData, ...props }: CsrImageProps) => import("react").JSX.Element;
+export declare const CsrImage: ({ src, file, className, abstractData, ...props }: CsrImageProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -32,5 +32,5 @@ export default function CardList<T extends string, Input, Full extends {
     id: string;
 }, Light extends {
     id: string;
-}, Filter extends FilterInstance>({ className, cardListClassName, init, slice, actions, columns, renderItem, renderLoading, renderTemplate, renderView, renderTitle, }: CardListProps<T, Input, Full, Light, Filter>): import("react").JSX.Element;
+}, Filter extends FilterInstance>({ className, cardListClassName, init, slice, actions, columns, renderItem, renderLoading, renderTemplate, renderView, renderTitle, }: CardListProps<T, Input, Full, Light, Filter>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -8,4 +8,4 @@ export interface DashboardProps<T extends string, State> {
     presents?: string[];
     hidePresents?: boolean;
 }
-export default function Dashboard<T extends string, State>({ className, summary, slice, queryMap, columns, presents, hidePresents, }: DashboardProps<T, State>): import("react").JSX.Element;
+export default function Dashboard<T extends string, State>({ className, summary, slice, queryMap, columns, presents, hidePresents, }: DashboardProps<T, State>): import("react/jsx-runtime").JSX.Element;

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.Element;
+export default function Insight<T extends string, Insight>({ className, insight, slice, columns, }: InsightProps<T, Insight>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -12,13 +12,13 @@ export declare const convToAntdColumn: (column: DataColumn<any>) => {
     key: string;
     dataIndex: string;
     title: string;
-    render: (date: Dayjs) => import("react").JSX.Element;
+    render: (date: Dayjs) => import("react/jsx-runtime").JSX.Element;
     responsive?: undefined;
 } | {
     key: string;
     dataIndex: string;
     title: string;
-    render: (status: string) => import("react").JSX.Element;
+    render: (status: string) => import("react/jsx-runtime").JSX.Element;
     responsive?: undefined;
 } | {
     key: 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.Element;
+}>({ className, model, slice, onClick, title, actions, columns, children, }: ItemProps<T, Full, Light>): import("react/jsx-runtime").JSX.Element;
 declare namespace Item {
     var StatusTag: ({ status, className }: {
         status: string;
         className?: string;
-    }) => import("react").JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     var RoleTags: ({ role }: {
         role: string | string[];
-    }) => import("react").JSX.Element | import("react").JSX.Element[];
+    }) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").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.Element | null | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null | undefined;

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

@@ -46,4 +46,4 @@ export default function ListContainer<T extends string, State, Input, Full exten
     id: string;
 }, Light extends {
     id: string;
-}>({ className, cardListClassName, type, query, 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;
+}>({ className, cardListClassName, type, query, 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;

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

@@ -5,5 +5,5 @@ interface PaginationProps<T extends 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.Element;
+export default function Pagination<T extends string>({ className, slice }: PaginationProps<T>): import("react/jsx-runtime").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.Element;
+}, 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;
 export {};

package/types/ui/DatePicker.d.ts

@@ -11,9 +11,9 @@ interface DatePickerProps {
     defaultValue?: Dayjs;
 }
 export declare const DatePicker: {
-    ({ value, onChange, showTime, format, timeIntervals, disabledDate, placement, className, defaultValue, }: DatePickerProps): import("react").JSX.Element;
-    RangePicker: ({ value, onChange, format, showTime, timeIntervals, disabledDate, className, }: RangePickerProps) => import("react").JSX.Element;
-    TimePicker: ({ disabled, className, value, format, onChange, timeIntervals, }: TimePickerProps) => import("react").JSX.Element;
+    ({ value, onChange, showTime, format, timeIntervals, disabledDate, placement, className, defaultValue, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+    RangePicker: ({ value, onChange, format, showTime, timeIntervals, disabledDate, className, }: RangePickerProps) => import("react/jsx-runtime").JSX.Element;
+    TimePicker: ({ disabled, className, value, format, onChange, timeIntervals, }: TimePickerProps) => import("react/jsx-runtime").JSX.Element;
 };
 interface RangePickerProps {
     value: [Dayjs | null, Dayjs | null];

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

@@ -3,4 +3,4 @@ export interface CloseProps {
     className?: string;
     children?: ReactNode;
 }
-export declare const Close: ({ className, children }: CloseProps) => import("react").JSX.Element;
+export declare const Close: ({ className, children }: CloseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,4 +3,4 @@ export interface ContentProps {
     className?: string;
     children?: ReactNode;
 }
-export declare const Content: ({ className, children }: ContentProps) => import("react").JSX.Element;
+export declare const Content: ({ className, children }: ContentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -8,4 +8,4 @@ export interface ProviderProps {
     defaultOpen?: boolean;
     children?: ReactNode;
 }
-export declare const Provider: ({ className, defaultOpen, open, children }: ProviderProps) => import("react").JSX.Element;
+export declare const Provider: ({ className, defaultOpen, open, children }: ProviderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,4 +3,4 @@ export interface TriggerProps {
     className?: string;
     children?: ReactNode;
 }
-export declare const Trigger: ({ className, children }: TriggerProps) => import("react").JSX.Element;
+export declare const Trigger: ({ className, children }: TriggerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,9 @@
 import { type ProviderProps } from "./Provider.d.ts";
 export declare const Dialog: {
-    ({ children, ...props }: ProviderProps): import("react").JSX.Element;
+    ({ children, ...props }: ProviderProps): import("react/jsx-runtime").JSX.Element;
     Modal: ({ className, bodyClassName, confirmClose, children, onCancel }: import("./Modal.d.ts").ModalProps) => 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.Element;
-    Content: ({ className, children }: import("./Content.d.ts").ContentProps) => import("react").JSX.Element;
+    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;
 };

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.Element;
-    Body: ({ children }: BodyProps) => import("react").JSX.Element;
-    Left: ({ children }: LeftProps) => import("react").JSX.Element;
-    Right: ({ children }: RightProps) => import("react").JSX.Element;
+    ({ 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;
 };
 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.Element;
-    Cursor({ className, children }: Cursor): import("react").JSX.Element;
-    Item: ({ value, children, className, cursorClassName, cursor, removable, removeClassName, }: ItemProps) => import("react").JSX.Element;
+    <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;
 };
 export {};

package/types/ui/Dropdown.d.ts

@@ -11,4 +11,4 @@ export interface DropdownProps {
     /** Additional classes for the dropdown content panel. */
     dropdownClassName?: string;
 }
-export declare const Dropdown: ({ value, content, className, buttonClassName, dropdownClassName }: DropdownProps) => import("react").JSX.Element;
+export declare const Dropdown: ({ value, content, className, buttonClassName, dropdownClassName }: DropdownProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Empty.d.ts

@@ -9,4 +9,4 @@ export interface EmptyProps {
     /** Minimum empty-state height in pixels. */
     minHeight?: number;
 }
-export declare const Empty: ({ className, description, children, minHeight }: EmptyProps) => import("react").JSX.Element;
+export declare const Empty: ({ className, description, children, minHeight }: EmptyProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Field.d.ts

@@ -26,44 +26,44 @@ export interface FieldProps {
     children?: ReactNode;
 }
 export declare const Field: {
-    ({ className, containerClassName, labelClassName, label, desc, nullable, children, }: FieldProps): import("react").JSX.Element;
-    Label: ({ className, label, desc, unit, nullable, mode }: LabelProps) => import("react").JSX.Element;
-    List: <Item>({ className, labelClassName, label, desc, value, onChange, onAdd, nullable, renderItem, }: ListProps<Item>) => import("react").JSX.Element;
-    Text: import("react").MemoExoticComponent<({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, minlength, maxlength, transform, validate, onPressEnter, cache, inputClassName, inputStyleType, }: TextProps) => import("react").JSX.Element>;
-    Price: import("react").MemoExoticComponent<({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, minlength, maxlength, transform, validate, onPressEnter, inputClassName, inputStyleType, }: PriceProps) => import("react").JSX.Element>;
-    TextArea: import("react").MemoExoticComponent<({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, rows, minlength, maxlength, transform, validate, onPressEnter, cache, inputClassName, }: TextAreaProps) => import("react").JSX.Element>;
-    Switch: ({ label, desc, labelClassName, className, value, onChange, disabled, inputClassName, onDesc, offDesc, }: SwitchProps) => import("react").JSX.Element;
-    ToggleSelect: <I extends string | number | boolean | null>({ className, labelClassName, label, desc, items, value, validate, onChange, nullable, disabled, btnClassName, }: ToggleSelectProps<I>) => import("react").JSX.Element;
-    MultiToggleSelect: <I extends string | number | boolean>({ className, labelClassName, label, desc, items, value, minlength, maxlength, validate, onChange, disabled, }: MultiToggleSelectProps<I>) => import("react").JSX.Element;
-    TextList: ({ label, desc, labelClassName, className, value, onChange, placeholder, disabled, transform, minlength, maxlength, minTextlength, maxTextlength, cache, validate, inputClassName, }: TextListProps) => import("react").JSX.Element;
-    Tags: ({ label, desc, labelClassName, className, value, onChange, placeholder, disabled, transform, minlength, maxlength, minTextlength, maxTextlength, validate, inputClassName, }: TagsProps) => import("react").JSX.Element;
-    Date: <Nullable extends boolean>({ className, labelClassName, nullable, label, desc, value, min, max, onChange, showTime, dateClassName, }: DateProps<Nullable>) => import("react").JSX.Element;
-    DateRange: <Nullable extends boolean>({ className, labelClassName, nullable, label, desc, from, to, min, max, onChangeFrom, onChangeTo, onChange, showTime, }: DateRangeProps<Nullable>) => import("react").JSX.Element;
-    Number: ({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, min, max, cache, transform, validate, onPressEnter, inputClassName, unit, formatter, parser, }: NumberProps) => import("react").JSX.Element;
-    DoubleNumber: ({ label, desc, labelClassName, className, value, placeholder, nullable, disabled, min, max, inputClassName, cache, separator, onChange, transform, validate, onPressEnter, }: DoubleNumberProps) => import("react").JSX.Element;
-    Email: ({ label, desc, labelClassName, className, value, onChange, cache, placeholder, nullable, disabled, minlength, maxlength, transform, validate, onPressEnter, inputClassName, inputStyleType, }: EmailProps) => import("react").JSX.Element;
-    Phone: ({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, maxlength, cache, transform, validate, onPressEnter, inputClassName, }: PhoneProps) => import("react").JSX.Element;
-    Password: ({ label, desc, labelClassName, className, value, onChange, cache, confirmValue, onChangeConfirm, placeholder, nullable, disabled, minlength, maxlength, transform, validate, onPressEnter, inputClassName, showConfirm, }: PasswordProps) => import("react").JSX.Element;
+    ({ className, containerClassName, labelClassName, label, desc, nullable, children, }: FieldProps): import("react/jsx-runtime").JSX.Element;
+    Label: ({ className, label, desc, unit, nullable, mode }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+    List: <Item>({ className, labelClassName, label, desc, value, onChange, onAdd, nullable, renderItem, }: ListProps<Item>) => import("react/jsx-runtime").JSX.Element;
+    Text: import("react").MemoExoticComponent<({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, minlength, maxlength, transform, validate, onPressEnter, cache, inputClassName, inputStyleType, }: TextProps) => import("react/jsx-runtime").JSX.Element>;
+    Price: import("react").MemoExoticComponent<({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, minlength, maxlength, transform, validate, onPressEnter, inputClassName, inputStyleType, }: PriceProps) => import("react/jsx-runtime").JSX.Element>;
+    TextArea: import("react").MemoExoticComponent<({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, rows, minlength, maxlength, transform, validate, onPressEnter, cache, inputClassName, }: TextAreaProps) => import("react/jsx-runtime").JSX.Element>;
+    Switch: ({ label, desc, labelClassName, className, value, onChange, disabled, inputClassName, onDesc, offDesc, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+    ToggleSelect: <I extends string | number | boolean | null>({ className, labelClassName, label, desc, items, value, validate, onChange, nullable, disabled, btnClassName, }: ToggleSelectProps<I>) => import("react/jsx-runtime").JSX.Element;
+    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;
+    TextList: ({ label, desc, labelClassName, className, value, onChange, placeholder, disabled, transform, minlength, maxlength, minTextlength, maxTextlength, cache, validate, inputClassName, }: TextListProps) => import("react/jsx-runtime").JSX.Element;
+    Tags: ({ label, desc, labelClassName, className, value, onChange, placeholder, disabled, transform, minlength, maxlength, minTextlength, maxTextlength, validate, inputClassName, }: TagsProps) => import("react/jsx-runtime").JSX.Element;
+    Date: <Nullable extends boolean>({ className, labelClassName, nullable, label, desc, value, min, max, onChange, showTime, dateClassName, }: DateProps<Nullable>) => import("react/jsx-runtime").JSX.Element;
+    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;
+    Number: ({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, min, max, cache, transform, validate, onPressEnter, inputClassName, unit, formatter, parser, }: NumberProps) => import("react/jsx-runtime").JSX.Element;
+    DoubleNumber: ({ label, desc, labelClassName, className, value, placeholder, nullable, disabled, min, max, inputClassName, cache, separator, onChange, transform, validate, onPressEnter, }: DoubleNumberProps) => import("react/jsx-runtime").JSX.Element;
+    Email: ({ label, desc, labelClassName, className, value, onChange, cache, placeholder, nullable, disabled, minlength, maxlength, transform, validate, onPressEnter, inputClassName, inputStyleType, }: EmailProps) => import("react/jsx-runtime").JSX.Element;
+    Phone: ({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, maxlength, cache, transform, validate, onPressEnter, inputClassName, }: PhoneProps) => import("react/jsx-runtime").JSX.Element;
+    Password: ({ label, desc, labelClassName, className, value, onChange, cache, confirmValue, onChangeConfirm, placeholder, nullable, disabled, minlength, maxlength, transform, validate, onPressEnter, inputClassName, showConfirm, }: PasswordProps) => import("react/jsx-runtime").JSX.Element;
     Parent: <T extends string, State, Input, Full extends {
         id: string;
     }, Light extends {
         id: string;
-    }>({ label, desc, labelClassName, selectClassName, className, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ParentProps<T, State, Input, Full, Light>) => import("react").JSX.Element;
+    }>({ label, desc, labelClassName, selectClassName, className, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ParentProps<T, State, Input, Full, Light>) => import("react/jsx-runtime").JSX.Element;
     ParentId: <T extends string, State, Input, Full extends {
         id: string;
     }, Light extends {
         id: string;
-    }>({ label, desc, className, selectClassName, labelClassName, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ParentIdProps<T, State, Input, Full, Light>) => import("react").JSX.Element;
+    }>({ label, desc, className, selectClassName, labelClassName, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ParentIdProps<T, State, Input, Full, Light>) => import("react/jsx-runtime").JSX.Element;
     Children: <T extends string, State, Input, Full extends {
         id: string;
     }, Light extends {
         id: string;
-    }>({ label, desc, labelClassName, selectClassName, className, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ChildrenProps<T, State, Input, Full, Light>) => import("react").JSX.Element;
+    }>({ label, desc, labelClassName, selectClassName, className, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ChildrenProps<T, State, Input, Full, Light>) => import("react/jsx-runtime").JSX.Element;
     ChildrenId: <T extends string, State, Input, Full extends {
         id: string;
     }, Light extends {
         id: string;
-    }>({ label, desc, labelClassName, className, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, }: ChildrenIdProps<T, State, Input, Full, Light>) => import("react").JSX.Element;
+    }>({ label, desc, labelClassName, className, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, }: ChildrenIdProps<T, State, Input, Full, Light>) => import("react/jsx-runtime").JSX.Element;
 };
 interface ListProps<Item> {
     className?: string;

package/types/ui/Image.d.ts

@@ -45,5 +45,5 @@ export declare const Image: ({ src, file, className, abstractData, alt, quality,
         abstractData?: string | null;
     } | null;
     alt?: string;
-})) => import("react").JSX.Element;
+})) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/ui/InfiniteScroll.d.ts

@@ -7,4 +7,4 @@ export interface InfiniteScrollProps {
     children: React.ReactNode;
     reverse?: boolean;
 }
-export declare const InfiniteScroll: ({ itemsPerPage, currentPage, total, onPageSelect, onAddPage, children, reverse, }: InfiniteScrollProps) => import("react").JSX.Element;
+export declare const InfiniteScroll: ({ itemsPerPage, currentPage, total, onPageSelect, onAddPage, children, reverse, }: InfiniteScrollProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Input.d.ts

@@ -25,12 +25,12 @@ export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "
     onPressEscape?: (e: KeyboardEvent<HTMLInputElement>) => void;
 };
 export declare const Input: {
-    ({ className, nullable, inputRef, value, cacheKey, inputStyleType, icon, iconClassName, inputClassName, inputWrapperClassName, onPressEnter, onPressEscape, onChange, validate, ...rest }: InputProps): React.JSX.Element;
-    TextArea: ({ className, nullable, value, inputClassName, inputWrapperClassName, cacheKey, onPressEnter, onPressEscape, onChange, validate, ...rest }: TextAreaProps) => React.JSX.Element;
-    Password: ({ className, nullable, value, icon, iconClassName, inputClassName, inputWrapperClassName, cacheKey, onPressEnter, onPressEscape, onChange, validate, ...rest }: PasswordProps) => React.JSX.Element;
-    Email: ({ inputStyleType, className, nullable, value, cacheKey, onPressEnter, onPressEscape, onChange, validate, icon, iconClassName, inputClassName, inputWrapperClassName, ...rest }: EmailProps) => React.JSX.Element;
-    Number: ({ className, nullable, value, icon, cacheKey, iconClassName, inputClassName, inputWrapperClassName, numberFormat, onPressEnter, onPressEscape, validate, onChange, formatter, parser, ...rest }: NumberProps) => React.JSX.Element;
-    Checkbox: ({ checked, onChange, className, ...rest }: CheckboxProps) => React.JSX.Element;
+    ({ className, nullable, inputRef, value, cacheKey, inputStyleType, icon, iconClassName, inputClassName, inputWrapperClassName, onPressEnter, onPressEscape, onChange, validate, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
+    TextArea: ({ className, nullable, value, inputClassName, inputWrapperClassName, cacheKey, onPressEnter, onPressEscape, onChange, validate, ...rest }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+    Password: ({ className, nullable, value, icon, iconClassName, inputClassName, inputWrapperClassName, cacheKey, onPressEnter, onPressEscape, onChange, validate, ...rest }: PasswordProps) => import("react/jsx-runtime").JSX.Element;
+    Email: ({ inputStyleType, className, nullable, value, cacheKey, onPressEnter, onPressEscape, onChange, validate, icon, iconClassName, inputClassName, inputWrapperClassName, ...rest }: EmailProps) => import("react/jsx-runtime").JSX.Element;
+    Number: ({ className, nullable, value, icon, cacheKey, iconClassName, inputClassName, inputWrapperClassName, numberFormat, onPressEnter, onPressEscape, validate, onChange, formatter, parser, ...rest }: NumberProps) => import("react/jsx-runtime").JSX.Element;
+    Checkbox: ({ checked, onChange, className, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 };
 export type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "type" | "onChange" | "onPressEnter"> & {
     inputRef?: RefObject<HTMLTextAreaElement | null>;

package/types/ui/KeyboardAvoiding.d.ts

@@ -4,5 +4,5 @@ interface KeyboardAvoidingProps {
     className?: string;
     keyboardSticky?: boolean;
 }
-export declare const KeyboardAvoiding: ({ children, className }: KeyboardAvoidingProps) => import("react").JSX.Element;
+export declare const KeyboardAvoiding: ({ children, className }: KeyboardAvoidingProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -3,4 +3,4 @@ export interface BottomActionProps {
     className?: string;
     children: ReactNode;
 }
-export declare const BottomAction: ({ className, children }: BottomActionProps) => import("react").JSX.Element;
+export declare const BottomAction: ({ className, children }: BottomActionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,4 +4,4 @@ export interface BottomInsetProps {
     children: ReactNode;
     keyboardSticky?: boolean;
 }
-export declare const BottomInset: ({ className, children, keyboardSticky }: BottomInsetProps) => import("react").JSX.Element | null;
+export declare const BottomInset: ({ className, children, keyboardSticky }: BottomInsetProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -10,5 +10,5 @@ export interface BottomTabProps {
     tabs: TabType[];
     height?: number;
 }
-export declare const BottomTab: ({ className, tabs, height }: BottomTabProps) => import("react").JSX.Element;
+export declare const BottomTab: ({ className, tabs, height }: BottomTabProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,4 +5,4 @@ export interface HeaderProps {
     children?: ReactNode;
     height?: number;
 }
-export declare const Header: ({ className, type, children, height }: HeaderProps) => import("react").JSX.Element;
+export declare const Header: ({ className, type, children, height }: HeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,4 +6,4 @@ export interface LeftSiderProps {
     width?: number | string;
     onCancel: () => void;
 }
-export declare const LeftSider: ({ className, children, open, width, onCancel }: LeftSiderProps) => import("react").JSX.Element;
+export declare const LeftSider: ({ className, children, open, width, onCancel }: LeftSiderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -8,4 +8,4 @@ export interface NavbarProps {
     left?: ReactNode;
     right?: ReactNode;
 }
-export declare const Navbar: ({ back, className, height, children, title, left, right }: NavbarProps) => import("react").JSX.Element | null;
+export declare const Navbar: ({ back, className, height, children, title, left, right }: NavbarProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -7,4 +7,4 @@ export interface RightSiderProps {
     width?: number | string;
     onCancel: () => void;
 }
-export declare const RightSider: ({ className, children, open, title, width, onCancel }: RightSiderProps) => import("react").JSX.Element;
+export declare const RightSider: ({ className, children, open, title, width, onCancel }: RightSiderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,4 +4,4 @@ export interface SiderProps {
     bgClassName?: string;
     children?: ReactNode;
 }
-export declare const Sider: ({ className, bgClassName, children }: SiderProps) => import("react").JSX.Element;
+export declare const Sider: ({ className, bgClassName, children }: SiderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,4 +4,4 @@ export interface TemplateProps {
     /** Template content, usually Field components in a model form. */
     children?: React.ReactNode;
 }
-export declare const Template: ({ className, children }: TemplateProps) => import("react").JSX.Element;
+export declare const Template: ({ className, children }: TemplateProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,4 +3,4 @@ export interface TopLeftActionProps {
     className?: string;
     children: ReactNode;
 }
-export declare const TopLeftAction: ({ className, children }: TopLeftActionProps) => import("react").JSX.Element | null;
+export declare const TopLeftAction: ({ className, children }: TopLeftActionProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -6,4 +6,4 @@ export interface UnitProps {
     /** Optional route that makes the whole unit clickable through Link. */
     href?: string;
 }
-export declare const Unit: ({ className, children, href }: UnitProps) => import("react").JSX.Element;
+export declare const Unit: ({ className, children, href }: UnitProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -5,4 +5,4 @@ export interface ViewProps {
     /** View content, usually a model detail component. */
     children: ReactNode;
 }
-export declare const View: ({ className, children }: ViewProps) => import("react").JSX.Element;
+export declare const View: ({ className, children }: ViewProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,4 +3,4 @@ export interface ZoneProps {
     className?: string;
     children: ReactNode;
 }
-export declare const Zone: ({ className, children }: ZoneProps) => import("react").JSX.Element;
+export declare const Zone: ({ className, children }: ZoneProps) => import("react/jsx-runtime").JSX.Element;