@faasjs/ant-design 8.0.0-beta.3 → 8.0.0-beta.31

package/dist/index.d.ts

@@ -1,231 +1,456 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { DrawerProps as DrawerProps$1, ModalProps as ModalProps$1, ConfigProviderProps as ConfigProviderProps$1, FormItemProps as FormItemProps$1, InputProps, SelectProps, RadioProps, InputNumberProps, SwitchProps, DatePickerProps, FormInstance, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, DescriptionsProps, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1, GlobalToken } from 'antd';
-export { Drawer, Modal } from 'antd';
-import { MessageInstance } from 'antd/es/message/interface';
-import { NotificationInstance } from 'antd/es/notification/interface';
-import { BrowserRouterProps, RouteProps } from 'react-router-dom';
-import * as react from 'react';
-import { JSX, CSSProperties, Dispatch, SetStateAction, ReactElement, FC, ReactNode, LazyExoticComponent, ComponentType } from 'react';
-export { lazy } from 'react';
-import { FaasDataWrapperProps as FaasDataWrapperProps$1, FaasDataInjection as FaasDataInjection$1, FaasReactClientOptions, ErrorBoundaryProps } from '@faasjs/react';
-export { ErrorBoundaryProps, FaasDataWrapperRef, FaasReactClient, FaasReactClientOptions, faas, useFaas } from '@faasjs/react';
-import { FaasActionUnionType, FaasAction } from '@faasjs/types';
-import { Dayjs } from 'dayjs';
-import * as antd_es_form_FormItem from 'antd/es/form/FormItem';
-import * as antd_es_form from 'antd/es/form';
-import { RuleObject } from 'antd/es/form';
-import { FilterValue, SorterResult, TableCurrentDataSource } from 'antd/es/table/interface';
-import * as antd_es_form_context from 'antd/es/form/context';
-import * as _rc_component_form from '@rc-component/form';
-import * as antd_es_form_hooks_useFormInstance from 'antd/es/form/hooks/useFormInstance';
-import * as antd_es_form_Form from 'antd/es/form/Form';
-import { Tab } from '@rc-component/tabs/lib/interface';
+import { ErrorBoundaryProps, FaasDataInjection, FaasDataInjection as FaasDataInjection$1, FaasDataWrapperProps as FaasDataWrapperProps$1, FaasDataWrapperRef, FaasReactClient, FaasReactClientOptions, faas, useFaas } from "@faasjs/react";
+import { ButtonProps, ConfigProviderProps as ConfigProviderProps$1, DatePickerProps, DescriptionsProps, Drawer, DrawerProps as DrawerProps$1, FormInstance, FormItemProps as FormItemProps$1, FormProps as FormProps$1, GlobalToken, InputNumberProps, InputProps, Modal, ModalProps as ModalProps$1, RadioProps, SelectProps, SwitchProps, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, TabsProps as TabsProps$1 } from "antd";
+import { BrowserRouterProps, RouteProps } from "react-router-dom";
+import * as _$react from "react";
+import { CSSProperties, ComponentType, Dispatch, FC, JSX, LazyExoticComponent, ReactElement, ReactNode, SetStateAction, lazy } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { Dayjs } from "dayjs";
+import { FaasActionPaths, FaasParams } from "@faasjs/types";
+import * as _$antd_es_form0 from "antd/es/form/index.js";
+import { RuleObject } from "antd/es/form/index.js";
+import { FilterValue, SorterResult, TableCurrentDataSource } from "antd/es/table/interface.js";
+import * as _$antd_es_form_Form0 from "antd/es/form/Form.js";
+import * as _$antd_es_form_hooks_useFormInstance0 from "antd/es/form/hooks/useFormInstance.js";
+import * as _$_rc_component_form0 from "@rc-component/form";
+import * as _$antd_es_form_context0 from "antd/es/form/context.js";
+import * as _$antd_es_form_FormItem0 from "antd/es/form/FormItem/index.js";
+import { Tab } from "@rc-component/tabs/lib/interface.js";
+import { MessageInstance } from "antd/es/message/interface.js";
+import { NotificationInstance } from "antd/es/notification/interface.js";
 
+//#region src/Loading/index.d.ts
+/**
+ * Props for the {@link Loading} component.
+ */
 type LoadingProps = {
-    style?: React.CSSProperties;
-    size?: 'small' | 'default' | 'large';
-    loading?: boolean;
-    children?: React.ReactNode;
+  /** Inline styles applied to the loading wrapper. */style?: React.CSSProperties;
+  /**
+   * Ant Design spinner size.
+   *
+   * @default 'large'
+   */
+  size?: 'small' | 'default' | 'large';
+  /**
+   * Whether the loading indicator should be shown.
+   *
+   * @default true
+   */
+  loading?: boolean; /** Content rendered when `loading` is `false`. */
+  children?: React.ReactNode;
 };
 /**
- * Loading component based on Spin
+ * Render an Ant Design loading spinner with an optional content fallback.
+ *
+ * @param {LoadingProps} props - Loading indicator props and optional wrapped children.
  *
  * @example
  * ```tsx
- * <Loading /> // display loading
+ * import { Loading } from '@faasjs/ant-design'
  *
- * <Loading loading={ !remoteData }>
- *   <div>{remoteData}</div>
- * </Loading>
+ * export function Page({ remoteData }: { remoteData?: string }) {
+ *   return (
+ *     <>
+ *       <Loading />
+ *       <Loading loading={!remoteData}>
+ *         <div>{remoteData}</div>
+ *       </Loading>
+ *     </>
+ *   )
+ * }
  * ```
  */
-declare function Loading(props: LoadingProps): react_jsx_runtime.JSX.Element;
-
-type FaasDataInjection<T = any> = Partial<FaasDataInjection$1<T>>;
-interface FaasDataWrapperProps<T = any> extends FaasDataWrapperProps$1<T> {
-    loadingProps?: LoadingProps;
-    loading?: JSX.Element;
+declare function Loading(props: LoadingProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/FaasDataWrapper/index.d.ts
+/**
+ * Ant Design wrapper props for the underlying `@faasjs/react` data wrapper.
+ *
+ * @template T - Action path or response data type used for inference.
+ */
+interface FaasDataWrapperProps<T extends FaasActionPaths = any> extends FaasDataWrapperProps$1<T> {
+  /** Props forwarded to the built-in {@link Loading} fallback. */
+  loadingProps?: LoadingProps;
+  /** Explicit loading element that overrides the built-in {@link Loading} fallback. */
+  loading?: JSX.Element;
 }
-
 /**
- * FaasDataWrapper component with Loading
+ * Render the `@faasjs/react` data wrapper with an Ant Design loading fallback.
+ *
+ * When `loading` is not provided, the component renders {@link Loading} with `loadingProps` while
+ * the wrapped FaasJS request is pending.
+ *
+ * @template T - Action path or response data type used for inference.
+ * @param {FaasDataWrapperProps<T>} props - Wrapper props including loading fallbacks and request configuration.
  *
  * @example
  * ```tsx
- * function MyComponent (props: FaasDataInjection) {
- *   return <div>{ props.data }</div>
+ * import { Alert, Button } from 'antd'
+ * import { FaasDataWrapper } from '@faasjs/ant-design'
+ *
+ * type User = {
+ *   name: string
+ * }
+ *
+ * function UserView(props: {
+ *   data?: User
+ *   error?: Error
+ *   reload?: () => void
+ * }) {
+ *   if (props.error) {
+ *     return (
+ *       <Alert
+ *         type="error"
+ *         message={props.error.message}
+ *         action={
+ *           <Button size="small" onClick={() => props.reload?.()}>
+ *             Retry
+ *           </Button>
+ *         }
+ *       />
+ *     )
+ *   }
+ *
+ *   return <div>Hello, {props.data?.name}</div>
  * }
  *
- * function MyPage () {
- *   return <FaasDataWrapper action="test" params={{ a: 1 }}>
- *     <MyComponent />
- *   </FaasDataWrapper>
+ * // Render-prop mode
+ * export function UserProfile(props: { id: number }) {
+ *   return (
+ *     <FaasDataWrapper<User>
+ *       action="user/get"
+ *       params={{ id: props.id }}
+ *       loading={<div>Loading user...</div>}
+ *       render={({ data, error, reload }) => {
+ *         if (error) {
+ *           return (
+ *             <Alert
+ *               type="error"
+ *               message={error.message}
+ *               action={
+ *                 <Button size="small" onClick={() => reload()}>
+ *                   Retry
+ *                 </Button>
+ *               }
+ *             />
+ *           )
+ *         }
+ *
+ *         return <div>Hello, {data.name}</div>
+ *       }}
+ *     />
+ *   )
+ * }
+ *
+ * // Children injection mode
+ * export function UserProfileWithChildren(props: { id: number }) {
+ *   return (
+ *     <FaasDataWrapper<User>
+ *       action="user/get"
+ *       params={{ id: props.id }}
+ *       loading={<div>Loading user...</div>}
+ *     >
+ *       <UserView />
+ *     </FaasDataWrapper>
+ *   )
  * }
  * ```
  */
-declare function FaasDataWrapper<T = any>(props: FaasDataWrapperProps<T>): JSX.Element;
+declare function FaasDataWrapper<T extends FaasActionPaths = any>(props: FaasDataWrapperProps<T>): JSX.Element;
 /**
- * HOC to wrap a component with FaasDataWrapper and Loading
+ * Wrap a component with {@link FaasDataWrapper} and its Ant Design loading fallback.
+ *
+ * @template Path - Action path or response data type used for inference.
+ * @template TComponentProps - Component props including injected Faas data fields.
+ * @param {React.FC<TComponentProps & Record<string, any>>} Component - Component that consumes injected Faas data props.
+ * @param {FaasDataWrapperProps<Path>} faasProps - Request configuration forwarded to {@link FaasDataWrapper}.
+ * @returns Higher-order component that injects Faas data props.
  *
  * @example
  * ```tsx
- * const MyComponent = withFaasData(({ data }) => <div>{data.name}</div>, { action: 'test', params: { a: 1 } })
+ * import { withFaasData } from '@faasjs/ant-design'
+ *
+ * const UserCard = withFaasData(
+ *   ({ data, error, reload }) =>
+ *     error ? (
+ *       <a onClick={() => reload()}>Retry</a>
+ *     ) : (
+ *       <div>{data.name}</div>
+ *     ),
+ *   { action: 'user/get', params: { id: 1 } },
+ * )
  * ```
  */
-declare function withFaasData<PathOrData extends FaasActionUnionType, TComponentProps extends Required<FaasDataInjection<PathOrData>> = Required<FaasDataInjection<PathOrData>>>(Component: React.FC<TComponentProps & Record<string, any>>, faasProps: FaasDataWrapperProps<PathOrData>): React.FC<Omit<TComponentProps, keyof FaasDataInjection<PathOrData>>>;
-
+declare function withFaasData<Path extends FaasActionPaths, TComponentProps extends Required<FaasDataInjection$1<Path>> = Required<FaasDataInjection$1<Path>>>(Component: React.FC<TComponentProps & Record<string, any>>, faasProps: FaasDataWrapperProps<Path>): React.FC<Omit<TComponentProps, keyof FaasDataInjection$1<Path>>>;
+//#endregion
+//#region src/Config/index.d.ts
+/**
+ * Fully resolved theme object consumed by `@faasjs/ant-design` components.
+ */
+type ResolvedTheme = {
+  /** Current language code used for built-in copy. */lang: string; /** Shared copy used by multiple components. */
+  common: {
+    blank: string;
+    all: string;
+    submit: string;
+    pageNotFound: string;
+    add: string;
+    delete: string;
+    required: string;
+    search: string;
+    reset: string;
+  }; /** Theme values consumed by the `Blank` component. */
+  Blank: {
+    text: string;
+  }; /** Theme values consumed by the `Form` component. */
+  Form: {
+    submit: {
+      text: string;
+    };
+  }; /** Theme values consumed by the `Title` component. */
+  Title: {
+    separator: string;
+    suffix: string;
+  }; /** Theme values consumed by the `Link` component. */
+  Link: {
+    target?: string;
+    style: CSSProperties;
+  };
+};
+type ConfigContextValue = {
+  theme: ResolvedTheme;
+};
+/**
+ * Props for the `@faasjs/ant-design` {@link ConfigProvider}.
+ */
 interface ConfigProviderProps {
-    faasClientOptions?: FaasReactClientOptions;
-    children: React.ReactNode;
-    theme?: {
-        lang?: string;
-        common?: {
-            blank?: string;
-            all?: string;
-            submit?: string;
-            pageNotFound?: string;
-            add?: string;
-            delete?: string;
-            required?: string;
-            search?: string;
-            reset?: string;
-        };
-        Blank?: {
-            text?: string;
-        };
-        Form?: {
-            submit?: {
-                text?: string;
-            };
-        };
-        Title?: {
-            /** ' - ' as default */
-            separator?: string;
-            suffix?: string;
-        };
-        Link?: {
-            /** '_blank' as default */
-            target?: string;
-            style?: CSSProperties;
-        };
+  /** Optional FaasJS client options used to initialize {@link FaasReactClient}. */
+  faasClientOptions?: FaasReactClientOptions;
+  /** Descendant components that consume the resolved config context. */
+  children: React.ReactNode;
+  /** Theme overrides merged with the built-in defaults. */
+  theme?: {
+    /** Language code used to select localized defaults. */lang?: string; /** Common shared copy and labels used across components. */
+    common?: {
+      blank?: string;
+      all?: string;
+      submit?: string;
+      pageNotFound?: string;
+      add?: string;
+      delete?: string;
+      required?: string;
+      search?: string;
+      reset?: string;
+    }; /** Blank-component theme overrides. */
+    Blank?: {
+      text?: string;
+    }; /** Form-component theme overrides. */
+    Form?: {
+      submit?: {
+        text?: string;
+      };
+    }; /** Title-component theme overrides. */
+    Title?: {
+      /**
+       * Separator inserted between title segments.
+       *
+       * @default ' - '
+       */
+      separator?: string; /** Suffix appended to generated page titles. */
+      suffix?: string;
+    }; /** Link-component theme overrides. */
+    Link?: {
+      /**
+       * Default target used by the `Link` component when `props.target` is omitted.
+       *
+       * @default '_blank'
+       */
+      target?: string; /** Default inline styles merged into every `Link`. */
+      style?: CSSProperties;
     };
+  };
 }
-declare const ConfigContext: react.Context<Partial<ConfigProviderProps>>;
 /**
- * Config for `@faasjs/ant-design` components.
+ * Low-level React context that stores the resolved theme from {@link ConfigProvider}.
+ *
+ * Most app code should call {@link useConfigContext} instead of reading this context directly.
  *
  * @example
  * ```tsx
- * import { ConfigProvider } from '@faasjs/ant-design'
+ * import { ConfigContext, ConfigProvider } from '@faasjs/ant-design'
+ * import { useContext } from 'react'
  *
- * <ConfigProvider theme={{ common: { blank: 'Empty' } }}>
- *   <Blank />
- * </ConfigProvider>
+ * function OrdersHeader() {
+ *   const { theme } = useContext(ConfigContext)
+ *
+ *   return <h1>{`Orders - ${theme.Title.suffix}`}</h1>
+ * }
+ *
+ * export function OrdersPage() {
+ *   return (
+ *     <ConfigProvider
+ *       theme={{
+ *         common: { blank: 'No orders yet' },
+ *         Title: { suffix: 'Acme Admin' },
+ *       }}
+ *     >
+ *       <OrdersHeader />
+ *     </ConfigProvider>
+ *   )
+ * }
  * ```
  */
-declare function ConfigProvider(props: ConfigProviderProps): react_jsx_runtime.JSX.Element;
-declare function useConfigContext(): Partial<ConfigProviderProps>;
-
-interface DrawerProps extends DrawerProps$1 {
-    children?: JSX.Element | JSX.Element[];
-}
-type setDrawerProps = Dispatch<SetStateAction<DrawerProps>>;
+declare const ConfigContext: _$react.Context<ConfigContextValue>;
 /**
- * Hook style drawer
+ * Provide theme overrides and optional FaasJS client initialization for descendants.
+ *
+ * Theme overrides are merged with the built-in defaults. When `theme.lang` is omitted, the
+ * provider infers a default language from `navigator.language`.
  *
+ * @param {ConfigProviderProps} props - Theme overrides and optional FaasJS client configuration.
+ *
+ * @example
  * ```tsx
- * function Example() {
- *   const { drawer, setDrawerProps } = useDrawer()
+ * import { Blank, ConfigProvider } from '@faasjs/ant-design'
  *
- *   return <>
- *     <Button onClick={ () => setDrawerProps(prev => ({ open: !prev.open})) }>
- *       Toggle
- *     </Button>
- *     {drawer}
- *   </>
+ * function OrdersEmptyState() {
+ *   return <Blank />
+ * }
+ *
+ * export function OrdersPage() {
+ *   return (
+ *     <ConfigProvider
+ *       theme={{
+ *         common: { blank: 'No orders yet' },
+ *         Title: { suffix: 'Acme Admin' },
+ *       }}
+ *     >
+ *       <OrdersEmptyState />
+ *     </ConfigProvider>
+ *   )
  * }
  * ```
  */
-declare function useDrawer(init?: DrawerProps): {
-    drawer: react_jsx_runtime.JSX.Element;
-    drawerProps: DrawerProps;
-    setDrawerProps: setDrawerProps;
-};
-
+declare function ConfigProvider(props: ConfigProviderProps): _$react_jsx_runtime0.JSX.Element | null;
 /**
- * Styled error boundary.
+ * Read the current `@faasjs/ant-design` config context.
+ *
+ * @returns Current config context value containing the resolved theme.
+ *
+ * @example
+ * ```tsx
+ * import { ConfigProvider, useConfigContext } from '@faasjs/ant-design'
+ *
+ * function OrdersSummary() {
+ *   const { theme } = useConfigContext()
+ *
+ *   return (
+ *     <>
+ *       <h1>{`Orders - ${theme.Title.suffix}`}</h1>
+ *       <p>{theme.common.blank}</p>
+ *     </>
+ *   )
+ * }
+ *
+ * export function OrdersPage() {
+ *   return (
+ *     <ConfigProvider
+ *       theme={{
+ *         common: { blank: 'No orders yet' },
+ *         Title: { suffix: 'Acme Admin' },
+ *       }}
+ *     >
+ *       <OrdersSummary />
+ *     </ConfigProvider>
+ *   )
+ * }
+ * ```
  */
-declare function ErrorBoundary(props: ErrorBoundaryProps): react_jsx_runtime.JSX.Element;
-
-interface ModalProps extends ModalProps$1 {
-    children?: JSX.Element | JSX.Element[] | string;
-}
-type setModalProps = Dispatch<SetStateAction<ModalProps>>;
+declare function useConfigContext(): ConfigContextValue;
+//#endregion
+//#region src/ErrorBoundary/index.d.ts
 /**
- * Hook style modal
+ * Styled error boundary.
  *
+ * When `errorChildren` is not provided, the fallback UI renders an Ant Design `Alert` containing
+ * the captured error message and description.
+ *
+ * @param {ErrorBoundaryProps} props - Error boundary props forwarded to the underlying React implementation.
+ *
+ * @example
  * ```tsx
- * function Example() {
- *   const { modal, setModalProps } = useModal()
+ * import { ErrorBoundary } from '@faasjs/ant-design'
  *
- *   return <>
- *     <Button onClick={() => setModalProps({ open: true })}>Open Modal</Button>
- *     {modal}
- *   </>
+ * export function Page() {
+ *   return (
+ *     <ErrorBoundary>
+ *       <DangerousWidget />
+ *     </ErrorBoundary>
+ *   )
  * }
  * ```
  */
-declare function useModal(init?: ModalProps): {
-    modal: react_jsx_runtime.JSX.Element;
-    modalProps: ModalProps;
-    setModalProps: setModalProps;
-};
-
+declare function ErrorBoundary(props: ErrorBoundaryProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/App/index.d.ts
+/**
+ * Props for the root {@link App} shell.
+ *
+ * `App` composes the Ant Design provider tree, FaasJS config provider, shared modal and drawer
+ * state, and optional browser routing into a single wrapper component.
+ */
 interface AppProps {
-    children: React.ReactNode;
-    /** @see https://ant.design/components/config-provider/#API */
-    configProviderProps?: ConfigProviderProps$1;
-    /**
-     * `false` to disable BrowserRouter.
-     *
-     * Auto disable when not in browser.
-     *
-     * @see https://api.reactrouter.com/v7/interfaces/react_router.BrowserRouterProps.html
-     */
-    browserRouterProps?: BrowserRouterProps | false;
-    /** @see https://faasjs.com/doc/ant-design/#errorboundary */
-    errorBoundaryProps?: Omit<ErrorBoundaryProps, 'children'>;
-    /** @see https://faasjs.com/doc/ant-design/#configprovider */
-    faasConfigProviderProps?: Omit<ConfigProviderProps, 'children'> | false;
-}
-interface useAppProps {
-    message: MessageInstance;
-    notification: NotificationInstance;
-    modalProps: ModalProps;
-    setModalProps: setModalProps;
-    drawerProps: DrawerProps;
-    setDrawerProps: setDrawerProps;
+  /** Descendant elements rendered inside all configured providers. */
+  children: React.ReactNode;
+  /**
+   * Props forwarded to Ant Design's `ConfigProvider`.
+   *
+   * @see [Ant Design ConfigProvider API](https://ant.design/components/config-provider/#API)
+   */
+  configProviderProps?: ConfigProviderProps$1;
+  /**
+   * Props forwarded to React Router's `BrowserRouter`, or `false` to disable browser routing.
+   *
+   * Routing is enabled automatically when running in a browser and this prop is not `false`.
+   *
+   * @see [React Router BrowserRouterProps](https://api.reactrouter.com/v7/interfaces/react_router.BrowserRouterProps.html)
+   */
+  browserRouterProps?: BrowserRouterProps | false;
+  /**
+   * Props forwarded to {@link ErrorBoundary}.
+   *
+   * @see [FaasJS Ant Design ErrorBoundary docs](https://faasjs.com/doc/ant-design/#errorboundary)
+   */
+  errorBoundaryProps?: Omit<ErrorBoundaryProps, 'children'>;
+  /**
+   * Props forwarded to {@link ConfigProvider}, or `false` to skip the FaasJS config layer.
+   *
+   * @see [FaasJS Ant Design ConfigProvider docs](https://faasjs.com/doc/ant-design/#configprovider)
+   */
+  faasConfigProviderProps?: Omit<ConfigProviderProps, 'children'> | false;
 }
+declare function createOnErrorHandler(messageApi: {
+  error: (message: string) => void;
+}): (action: string) => (res: any) => Promise<void>;
 /**
- * App component with Ant Design & FaasJS
+ * Render the root provider shell for a FaasJS Ant Design application.
  *
- * - Based on Ant Design's [ConfigProvider](https://ant.design/components/config-provider/).
- * - Integrated Ant Design's [Message](https://ant.design/components/message/) and [Notification](https://ant.design/components/notification/).
- * - Based on FaasJS's [ConfigProvider](https://faasjs.com/doc/ant-design/#configprovider).
- * - Integrated FaasJS's [Modal](https://faasjs.com/doc/ant-design/#usemodal), [Drawer](https://faasjs.com/doc/ant-design/#usedrawer) and [ErrorBoundary](https://faasjs.com/doc/ant-design/#errorboundary).
- * - Integrated React Router's [BrowserRouter](https://api.reactrouter.com/v7/interfaces/react_router.BrowserRouterProps.html).
+ * `App` initializes Ant Design message and notification APIs, exposes hook-managed modal and
+ * drawer state through {@link AppContext}, wraps descendants with {@link ErrorBoundary}, and
+ * optionally mounts React Router's `BrowserRouter`.
+ *
+ * @param {AppProps} props - App shell props including providers, routing, and error handling options.
  *
  * @example
  * ```tsx
  * import { App } from '@faasjs/ant-design'
  *
- * export default function () {
+ * export default function Page() {
  *   return (
  *     <App
- *      configProviderProps={{}} // https://ant.design/components/config-provider/#API
- *      browserRouterProps={{}} // https://api.reactrouter.com/v7/interfaces/react_router.BrowserRouterProps.html
- *      errorBoundaryProps={{}} // https://faasjs.com/doc/ant-design/#errorboundary
- *      faasConfigProviderProps={{}} // https://faasjs.com/doc/ant-design/#configprovider
+ *       configProviderProps={{}}
+ *       browserRouterProps={{}}
+ *       errorBoundaryProps={{}}
+ *       faasConfigProviderProps={{}}
  *     >
  *       <div>content</div>
  *     </App>
@@ -233,673 +458,890 @@ interface useAppProps {
  * }
  * ```
  */
-declare function App(props: AppProps): react_jsx_runtime.JSX.Element;
-declare namespace App {
-    var useApp: <NewT extends useAppProps = useAppProps>() => Readonly<NewT>;
-}
+declare function App(props: AppProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/Blank/index.d.ts
 /**
- * Get app context.
- *
- * ```ts
- * import { useApp } from '@faasjs/ant-design'
- *
- * const { message, notification, setModalProps, setDrawerProps } = useApp()
- * ```
+ * Props for the {@link Blank} placeholder component.
  */
-declare const useApp: <NewT extends useAppProps = useAppProps>() => Readonly<NewT>;
-
 interface BlankProps {
-    value?: any;
-    text?: string;
+  /** Value to render when it is present. */
+  value?: any;
+  /** Placeholder text shown when `value` is empty. */
+  text?: string;
 }
 /**
- * Blank component.
+ * Render a disabled placeholder when a value is empty.
  *
- * If value is undefined or null, return text, otherwise return value.
+ * Empty values include `undefined`, `null`, empty strings, and empty arrays.
+ *
+ * @param {BlankProps} [options] - Placeholder text and value to render.
+ * @returns Rendered value or the configured placeholder text.
  *
  * @example
  * ```tsx
  * import { Blank } from '@faasjs/ant-design'
  *
- * <Blank value={undefined} text="Empty" />
+ * export function FieldPreview() {
+ *   return <Blank value={undefined} text="Empty" />
+ * }
  * ```
  */
 declare function Blank(options?: BlankProps): JSX.Element;
-
-type ExtendFormTypeProps<T = any> = {
-    children?: UnionFaasItemElement<T>;
-};
+//#endregion
+//#region src/FormItem/types.d.ts
+type ExtendFormTypeProps<T = any> = BaseExtendTypeProps<T>;
 type ExtendTypes = {
-    [type: string]: ExtendFormTypeProps;
+  [type: string]: ExtendFormTypeProps;
 };
 type InputTypeMap<T> = {
-    string: InputProps | SelectProps<T> | RadioProps;
-    'string[]': InputProps | SelectProps<T> | RadioProps;
-    number: InputNumberProps | SelectProps<T> | RadioProps;
-    'number[]': InputNumberProps | SelectProps<T> | RadioProps;
-    boolean: SwitchProps;
-    date: DatePickerProps;
-    time: DatePickerProps;
-    object: never;
-    'object[]': never;
+  string: InputProps | SelectProps<T> | RadioProps;
+  'string[]': InputProps | SelectProps<T> | RadioProps;
+  number: InputNumberProps | SelectProps<T> | RadioProps;
+  'number[]': InputNumberProps | SelectProps<T> | RadioProps;
+  boolean: SwitchProps;
+  date: DatePickerProps;
+  time: DatePickerProps;
+  object: never;
+  'object[]': never;
 };
 interface FormItemProps<T = any> extends BaseItemProps, Omit<FormItemProps$1<T>, 'id' | 'children' | 'render'> {
-    type?: FaasItemType;
-    input?: InputTypeMap<T>[FaasItemType];
-    maxCount?: number;
-    object?: FormItemProps[];
-    disabled?: boolean;
-    required?: boolean;
-    col?: number;
-    children?: UnionFaasItemElement<T> | null;
-    formChildren?: UnionFaasItemElement<T> | null;
-    render?: UnionFaasItemRender<T> | null;
-    formRender?: UnionFaasItemRender<T> | null;
-    rules?: RuleObject[];
-    label?: string | false;
-    extendTypes?: ExtendTypes;
-    /** trigger when current item's value changed */
-    onValueChange?: (value: T, values: any, form: FormInstance) => void;
-    /** trigger when any item's value changed */
-    if?: (values: Record<string, any>) => boolean;
+  type?: FaasItemType;
+  input?: InputTypeMap<T>[FaasItemType];
+  maxCount?: number;
+  object?: FormItemProps[];
+  disabled?: boolean;
+  required?: boolean;
+  col?: number;
+  children?: UnionFaasItemElement<T> | null;
+  formChildren?: UnionFaasItemElement<T> | null;
+  render?: UnionFaasItemRender<T> | null;
+  formRender?: UnionFaasItemRender<T> | null;
+  rules?: RuleObject[];
+  label?: string | false;
+  extendTypes?: ExtendTypes;
+  onValueChange?: (value: T, values: any, form: FormInstance) => void;
+  if?: (values: Record<string, any>) => boolean;
 }
-/**
- * Extend custom form item types.
- *
- * @example
- * ```ts
- * import type { ExtendFormItemProps, FormProps } from '@faasjs/ant-design'
- *
- * // define custom type
- * interface ExtendTypes extends ExtendFormItemProps {
- *   type: 'password'
- * }
- *
- * // extend form
- * function ExtendForm(props: FormProps<any, ExtendTypes>) {
- *   return (
- *     <Form
- *       {...props}
- *       extendTypes={{ password: { children: <Input.Password /> } }}
- *     />
- *   )
- * }
- *
- * // use custom type
- * <ExtendForm
- *   items={[
- *     {
- *       id: 'test',
- *       type: 'password',
- *     },
- *   ]}
- * />
- * ```
- */
 interface ExtendFormItemProps extends Omit<FormItemProps, 'type'> {
-    type?: string;
+  type?: string;
 }
+//#endregion
+//#region src/Table/types.d.ts
 /**
- * FormItem
- *
- * - Based on [Ant Design Form.Item](https://ant.design/components/form#formitem).
- * - Can be used without [Form](https://faasjs.com/doc/ant-design/#form).
- *
- * @example
- * ```tsx
- * // use inline type
- * <FormItem type='string' id='name' />
+ * Column definition used by the FaasJS Ant Design {@link Table} component.
  *
- * // use custom type
- * <FormItem id='password'>
- *   <Input.Password />
- * </>
- * ```
+ * @template T - Row record type rendered by the table.
  */
-declare function FormItem<T = any>(props: FormItemProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace FormItem {
-    var useStatus: () => {
-        status?: antd_es_form_FormItem.ValidateStatus;
-        errors: React.ReactNode[];
-        warnings: React.ReactNode[];
-    };
-}
-
 interface TableItemProps<T = any> extends FaasItemProps, Omit<TableColumnProps<T>, 'title' | 'children' | 'render'> {
-    optionsType?: 'auto';
-    children?: UnionFaasItemElement<T> | null;
-    tableChildren?: UnionFaasItemElement<T> | null;
-    render?: UnionFaasItemRender<T> | null;
-    tableRender?: UnionFaasItemRender<T> | null;
-    object?: TableItemProps<T>[];
+  /** Use built-in option inference for filters when supported. */
+  optionsType?: 'auto';
+  /** Generic custom element rendered when no table-specific child overrides it. */
+  children?: UnionFaasItemElement<T> | null;
+  /** Table-specific custom element. */
+  tableChildren?: UnionFaasItemElement<T> | null;
+  /** Generic custom render callback. */
+  render?: UnionFaasItemRender<T> | null;
+  /** Table-specific custom render callback. */
+  tableRender?: UnionFaasItemRender<T> | null;
+  /** Nested item definitions used by `object` and `object[]` item types. */
+  object?: TableItemProps<T>[];
 }
-type ExtendTableTypeProps<T = any> = {
-    children?: UnionFaasItemElement<T>;
-    render?: UnionFaasItemRender<T>;
-};
+type ExtendTableTypeProps<T = any> = BaseExtendTypeProps<T>;
+/**
+ * Shared fields for extending table item unions.
+ *
+ * @template T - Row record type rendered by the table.
+ */
 type ExtendTableItemProps<T = any> = BaseItemProps & Omit<TableColumnProps<T>, 'children'>;
+/**
+ * Props for the FaasJS Ant Design {@link Table} component.
+ *
+ * @template T - Row record type rendered by the table.
+ * @template ExtendTypes - Additional item prop shape accepted by `items`.
+ */
 type TableProps<T = any, ExtendTypes = any> = {
-    items: (TableItemProps | (ExtendTypes & ExtendTableItemProps))[];
-    extendTypes?: {
-        [key: string]: ExtendTableTypeProps;
-    };
-    faasData?: FaasDataWrapperProps<T>;
-    onChange?: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<T> | SorterResult<T>[], extra: TableCurrentDataSource<T>) => {
-        pagination: TablePaginationConfig;
-        filters: Record<string, FilterValue | null>;
-        sorter: SorterResult<T> | SorterResult<T>[];
-        extra: TableCurrentDataSource<T>;
-    };
+  /** Column definitions rendered by the table. */items: (TableItemProps | (ExtendTypes & ExtendTableItemProps))[]; /** Custom type renderers keyed by item type. */
+  extendTypes?: {
+    [key: string]: ExtendTableTypeProps;
+  }; /** Request config used to fetch table data before rendering. */
+  faasData?: FaasDataWrapperProps<any>; /** Change handler that can return rewritten pagination, filter, and sorter state. */
+  onChange?: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<T> | SorterResult<T>[], extra: TableCurrentDataSource<T>) => {
+    pagination: TablePaginationConfig;
+    filters: Record<string, FilterValue | null>;
+    sorter: SorterResult<T> | SorterResult<T>[];
+    extra: TableCurrentDataSource<T>;
+  };
 } & TableProps$1<T>;
+/**
+ * Query params shape expected by table-backed FaasJS endpoints.
+ */
 type TableFaasDataParams = {
-    filters?: Record<string, any[]>;
-    pagination?: {
-        current?: number;
-        pageSize?: number;
-    };
-    sorter?: {
-        field: string;
-        order: 'ascend' | 'descend';
-    } | {
-        field: string;
-        order?: 'ascend' | 'descend';
-    }[];
-};
-type TableFaasDataResponse<T = any> = {
-    rows: T[];
-    pagination: {
-        current: number;
-        pageSize: number;
-        total: number;
-    };
+  /** Active filter values keyed by column field. */filters?: Record<string, any[]>; /** Pagination state sent to the endpoint. */
+  pagination?: {
+    /** Current page number. */current?: number; /** Requested page size. */
+    pageSize?: number;
+  }; /** Sorter state sent to the endpoint. */
+  sorter?: {
+    /** Column field being sorted. */field: string; /** Sort direction. */
+    order: 'ascend' | 'descend';
+  } | {
+    /** Column field being sorted. */field: string; /** Sort direction when active. */
+    order?: 'ascend' | 'descend';
+  }[];
 };
 /**
- * Table component with Ant Design & FaasJS
+ * Paginated response shape expected by {@link Table} when using `faasData`.
  *
- * - Based on [Ant Design Table](https://ant.design/components/table/).
- * - Support FaasJS injection.
- * - Auto generate filter dropdown (disable with `filterDropdown: false`).
- * - Auto generate sorter (disable with `sorter: false`).
+ * @template T - Row record type contained in `rows`.
  */
-declare function Table<T extends Record<string, any>, ExtendTypes = any>(props: TableProps<T, ExtendTypes>): react_jsx_runtime.JSX.Element;
-
+type TableFaasDataResponse<T = any> = {
+  /** Rows rendered by the table. */rows: T[]; /** Pagination state returned by the endpoint. */
+  pagination: {
+    /** Current page number. */current: number; /** Page size used for the result set. */
+    pageSize: number; /** Total number of available rows. */
+    total: number;
+  };
+};
+//#endregion
+//#region src/data/types.d.ts
 type FaasItemType = 'string' | 'string[]' | 'number' | 'number[]' | 'boolean' | 'date' | 'time' | 'object' | 'object[]';
-/** FaasItemType's value type */
 type FaasItemTypeValue = {
-    string: string;
-    'string[]': string[];
-    number: number;
-    'number[]': number[];
-    boolean: boolean;
-    date: Dayjs;
-    time: Dayjs;
-    object: any;
-    'object[]': any[];
+  string: string;
+  'string[]': string[];
+  number: number;
+  'number[]': number[];
+  boolean: boolean;
+  date: Dayjs;
+  time: Dayjs;
+  object: any;
+  'object[]': any[];
 };
 type BaseOption = string | number | {
-    label: string;
-    value?: any;
+  label: string;
+  value?: any;
 };
 interface BaseItemProps {
-    id: string | number;
-    title?: string;
-    options?: BaseOption[];
+  id: string | number;
+  title?: string;
+  options?: BaseOption[];
 }
 interface FaasItemProps extends BaseItemProps {
-    /**
-     * Support string, string[], number, number[], boolean, date, time, object, object[]
-     * @default 'string'
-     */
-    type?: FaasItemType;
+  type?: FaasItemType;
 }
+type UnionScene = 'form' | 'description' | 'table';
+type UnionFaasItemInjection<Value = any, Values = any> = {
+  scene?: UnionScene;
+  value?: Value;
+  values?: Values;
+  index?: number;
+};
+type UnionFaasItemRender<Value = any, Values = any> = (value: Value, values: Values, index: number, scene: UnionScene) => React.ReactNode;
+type UnionFaasItemElement<Value = any, Values = any> = ReactElement<UnionFaasItemInjection<Value, Values>> | FC<UnionFaasItemInjection<Value, Values>>;
+interface UnionFaasItemProps<Value = any, Values = any> extends FormItemProps, DescriptionItemProps, TableItemProps {
+  children?: UnionFaasItemElement<Value, Values> | null;
+  render?: UnionFaasItemRender<Value, Values> | null;
+  object?: UnionFaasItemProps<Value, Values>[];
+}
+type BaseExtendTypeProps<T = any> = {
+  children?: UnionFaasItemElement<T>;
+  render?: UnionFaasItemRender<T>;
+};
+//#endregion
+//#region src/Description/types.d.ts
+type ExtendDescriptionTypeProps<T = any> = BaseExtendTypeProps<T>;
+type ExtendDescriptionItemProps = BaseItemProps;
+interface DescriptionItemProps<T = any> extends FaasItemProps {
+  children?: UnionFaasItemElement<T> | null;
+  descriptionChildren?: UnionFaasItemElement<T> | null;
+  render?: UnionFaasItemRender<T> | null;
+  descriptionRender?: UnionFaasItemRender<T> | null;
+  if?: (values: Record<string, any>) => boolean;
+  object?: DescriptionItemProps<T>[];
+}
+interface DescriptionCommonProps<T = any, ExtendItemProps = any> extends Omit<DescriptionsProps, 'items'> {
+  renderTitle?(this: void, values: T): ReactNode;
+  items: (DescriptionItemProps | ExtendItemProps)[];
+  extendTypes?: {
+    [key: string]: ExtendDescriptionTypeProps;
+  };
+}
+interface DescriptionWithoutFaasProps<T = any, ExtendItemProps = any> extends DescriptionCommonProps<T, ExtendItemProps> {
+  dataSource?: T;
+  faasData?: never;
+}
+interface DescriptionWithFaasProps<Path extends FaasActionPaths = any, T = any, ExtendItemProps = any> extends DescriptionCommonProps<T, ExtendItemProps> {
+  dataSource?: never;
+  faasData?: FaasDataWrapperProps<Path>;
+}
+type DescriptionProps<T = any, ExtendItemProps = any> = DescriptionWithoutFaasProps<T, ExtendItemProps> | DescriptionWithFaasProps<any, T, ExtendItemProps>;
+interface DescriptionItemContentProps<T = any> {
+  item: DescriptionItemProps;
+  value: T;
+  values?: any;
+  extendTypes?: {
+    [key: string]: ExtendDescriptionTypeProps;
+  };
+}
+//#endregion
+//#region src/Description/index.d.ts
 /**
- * Converts an identifier string to a title case string.
+ * Render an Ant Design description list from a local data source.
  *
- * This function takes an identifier string with words separated by underscores,
- * capitalizes the first letter of each word, and joins them together without spaces.
+ * The component applies FaasJS item type normalization helpers to render item metadata with
+ * appropriate display formatting.
  *
- * @param id - The identifier string to convert.
- * @returns The converted title case string.
+ * @template T - Data record shape rendered by the component.
+ * @param {DescriptionWithoutFaasProps<T>} props - Description props including items and a local data source.
  *
  * @example
- * ```typescript
- * idToTitle('example_id'); // returns 'ExampleId'
+ * ```tsx
+ * import { Description } from '@faasjs/ant-design'
+ *
+ * export function Detail() {
+ *   return (
+ *     <Description
+ *       title="Title"
+ *       items={[
+ *         { id: 'id', title: 'Title', type: 'string' },
+ *       ]}
+ *       dataSource={{ id: 'value' }}
+ *     />
+ *   )
+ * }
  * ```
  */
-declare function idToTitle(id: string | number): string;
-/**
- * convert string[] or number[] to { label, value }[]
- */
-declare function transferOptions(options: BaseOption[]): {
-    label: string;
-    value?: string | number;
-}[];
-declare function transferValue(type: FaasItemType, value: any): any;
-type UnionScene = 'form' | 'description' | 'table';
-type UnionFaasItemInjection<Value = any, Values = any> = {
-    scene?: UnionScene;
-    value?: Value;
-    values?: Values;
-    index?: number;
-};
+declare function Description<T extends Record<string, any> = any>(props: DescriptionWithoutFaasProps<T>): JSX.Element;
 /**
- * A type representing a function that renders a React node for a given item in a list.
+ * Render an Ant Design description list with fetched FaasJS data.
+ *
+ * The component fetches data via `faasData` and applies FaasJS item type normalization helpers
+ * to render item metadata with appropriate display formatting.
+ *
+ * When `Path` is provided, the `action` and `params` in `faasData` are strongly typed from the
+ * {@link FaasActions} type augmentation.
  *
- * @param value - The value of the current item.
- * @param values - The entire list of values.
- * @param index - The index of the current item in the list.
- * @param scene {@link UnionScene} - The scene in which the rendering is taking place.
+ * @template Path - Action path type inferred from `faasData.action` for strong typing.
+ * @template T - Data record shape rendered by the component.
+ * @param {DescriptionWithFaasProps<Path, T>} props - Description props including items and FaasJS data config.
  *
  * @example
  * ```tsx
- * import { type UnionFaasItemRender, Form, Description, Table } from '@faasjs/ant-design'
- *
- * const nameReader: UnionFaasItemRender = (value, values, index, scene) => {
- *   switch (scene) {
- *     case 'form':
- *       return <input />
- *     case 'description':
- *     case 'table':
- *       return <span>{value}</span>
- *     default:
- *       return null
- *   }
- * }
- *
- * const items = [
- *   {
- *     id: 'name',
- *     render: nameReader,
- *   }
- * ]
+ * import { Description } from '@faasjs/ant-design'
  *
- * function App() {
- *   return <>
- *     <Form items={items} /> // Will render an input
- *     <Description items={items} dataSource={{ name: 'John' }} /> // Will render a span
- *     <Table items={items} dataSource={[{ name: 'John' }]} /> // Will render a span
- *   </>
+ * export function Detail() {
+ *   return (
+ *     <Description
+ *       title="Title"
+ *       items={[
+ *         { id: 'id', title: 'Title', type: 'string' },
+ *       ]}
+ *       faasData={{
+ *         action: 'user/get',
+ *         params: { id: 1 },
+ *       }}
+ *     />
+ *   )
  * }
  * ```
  */
-type UnionFaasItemRender<Value = any, Values = any> = (value: Value, values: Values, index: number, scene: UnionScene) => React.ReactNode;
+declare function Description<Path extends FaasActionPaths, T extends Record<string, any> = any>(props: DescriptionWithFaasProps<Path, T>): JSX.Element;
 /**
- * Represents a React element that is used in the UnionFaasItem context.
+ * Render an Ant Design description list (catch-all overload for backward compatibility).
+ */
+declare function Description<T extends Record<string, any> = any>(props: DescriptionProps<T>): JSX.Element;
+declare namespace Description {
+  var displayName: string;
+}
+//#endregion
+//#region src/Drawer/index.d.ts
+/**
+ * Props accepted by the hook-managed drawer wrapper.
+ */
+interface DrawerProps extends DrawerProps$1 {
+  /** Drawer body content managed by {@link useDrawer}. */
+  children?: JSX.Element | JSX.Element[];
+}
+/**
+ * State setter used to update hook-managed drawer props.
+ */
+type setDrawerProps = Dispatch<SetStateAction<DrawerProps>>;
+/**
+ * Create a hook-managed Ant Design drawer instance.
+ *
+ * The returned setter merges partial updates into the current drawer props instead of replacing the
+ * entire state object.
  *
- * This type can either be a React element with the specified injection types or `null`.
+ * @param {DrawerProps} [init] - Initial drawer props.
+ * @returns Hook-managed drawer element, current props, and a state-merging setter.
  *
  * @example
  * ```tsx
- * import { type UnionFaasItemElement, Form, Description, Table } from '@faasjs/ant-design'
- *
- * const NameComponent: UnionFaasItemElement = ({ scene, value }) => {
- *   switch (scene) {
- *     switch (scene) {
- *     case 'form':
- *       return <input />
- *     case 'description':
- *     case 'table':
- *       return <span>{value}</span>
- *     default:
- *       return null
- *   }
- * }
+ * import { useDrawer } from '@faasjs/ant-design'
+ * import { Button } from 'antd'
  *
- * const items = [
- *   {
- *    id: 'name',
- *    children: NameComponent // both `NameComponent` and `<NameComponent />` is valid
- *   }
- * ]
+ * function Example() {
+ *   const { drawer, setDrawerProps } = useDrawer()
  *
- * function App() {
- *   return <>
- *    <Form items={items} /> // Will render an input
- *    <Description items={items} dataSource={{ name: 'John' }} /> // Will render a span
- *    <Table items={items} dataSource={[{ name: 'John' }]} /> // Will render a span
- *  </>
+ *   return (
+ *     <>
+ *       <Button onClick={() => setDrawerProps({ open: true, title: 'Details', children: <div>Content</div> })}>
+ *         Open
+ *       </Button>
+ *       {drawer}
+ *     </>
+ *   )
  * }
  * ```
  */
-type UnionFaasItemElement<Value = any, Values = any> = ReactElement<UnionFaasItemInjection<Value, Values>> | FC<UnionFaasItemInjection<Value, Values>>;
+declare function useDrawer(init?: DrawerProps): {
+  drawer: _$react_jsx_runtime0.JSX.Element;
+  drawerProps: DrawerProps;
+  setDrawerProps: setDrawerProps;
+};
+//#endregion
+//#region src/data/render.d.ts
+declare function renderDisplayValue(type: FaasItemType, value: any, options?: {
+  label: string;
+  value?: string | number;
+}[]): JSX.Element | string | number | boolean | null;
+//#endregion
+//#region src/data/utils.d.ts
+declare function idToTitle(id: string | number): string;
+declare function transferOptions(options: BaseOption[]): {
+  label: string;
+  value?: string | number;
+}[];
+declare function transferValue(type: FaasItemType | null | undefined, value: any): any;
+declare function cloneUnionFaasItemElement(element: UnionFaasItemElement, props: any): _$react.ReactElement<UnionFaasItemInjection<any, any>, string | _$react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/FormItem/index.d.ts
 /**
- * Interface representing the properties of a UnionFaas item.
- *
- * The UnionFaas item can be used in a form, description, or table.
- *
- * ### Render Priority Order
- *
- * 1. **Null Rendering** (Notice: it also doesn't render column in table and description)
- *    1. Returns `null` if specific children or render props are null:
- *        - `formChildren` / `descriptionChildren` / `tableChildren` / `formRender` / `descriptionRender` / `tableRender`
- *    2. Returns `null` if `children` or `render` prop is null
- * 2. **Children Rendering**
- *    1. First priority: Component-specific children
- *        - `formChildren` for Form
- *        - `descriptionChildren` for Description
- *        - `tableChildren` for Table
- *    2. Second priority: Generic `children` prop
- * 3. **Custom Render Functions**
- *    1. First priority: Component-specific render functions
- *        - `formRender` for Form
- *        - `descriptionRender` for Description
- *        - `tableRender` for Table
- *    2. Second priority: Generic `render` prop
- * 4. **Extended Types**
- *    - Renders based on registered extended type handlers
- * 5. **Default Rendering**
- *    - Renders primitive types (string, number, etc.)
- *    - Uses default formatting based on data type
+ * Render a FaasJS-aware Ant Design form field or nested field group.
+ *
+ * The component derives default labels from `id`, applies required validation messages from the
+ * active theme, supports surface-specific union renderers, and can render nested `object` or
+ * `object[]` field structures.
+ *
+ * @template T - Value type rendered or edited by the form item.
+ * @param {FormItemProps<T>} props - Form item props including field metadata, rules, and custom renderers.
  *
  * @example
  * ```tsx
- * import { type UnionFaasItemProps, Form, Table, Description } from '@faasjs/ant-design'
- *
- * const item: UnionFaasItemProps[] = [
- *   {
- *     id: 'id',
- *     formChildren: null, // Don't show in form, only in description and table
- *   },
- *   {
- *     id: 'name',
- *     required: true, // Required in form
- *   },
- *   {
- *     id: 'age',
- *     type: 'number', // Number type in form, description and table
- *     options: ['< 18', '>= 18'], // Options in form and table
- *   }
- * ]
+ * import { FormItem } from '@faasjs/ant-design'
+ * import { Input } from 'antd'
  *
- * const data = {
- *   id: '1',
- *   name: 'John',
- *   age: '>= 18',
+ * export function AccountFields() {
+ *   return (
+ *     <>
+ *       <FormItem id="name" type="string" />
+ *       <FormItem id="password">
+ *         <Input.Password />
+ *       </FormItem>
+ *     </>
+ *   )
  * }
+ * ```
+ */
+declare function FormItem<T = any>(props: FormItemProps<T>): _$react_jsx_runtime0.JSX.Element | null;
+declare namespace FormItem {
+  var useStatus: () => {
+    status?: _$antd_es_form_FormItem0.ValidateStatus;
+    errors: React.ReactNode[];
+    warnings: React.ReactNode[];
+  };
+}
+//#endregion
+//#region src/Form/types.d.ts
+type FormSubmitProps = {
+  text?: string;
+  buttonProps?: ButtonProps;
+};
+type FormFaasProps<Values extends Record<string, any> = any, Path extends FaasActionPaths = any> = {
+  action: Path;
+  params?: FaasParams<Path> | ((values: Record<string, any>) => FaasParams<Path>);
+  transformValues?: (values: Values) => Record<string, any> | Promise<Record<string, any>>;
+  onSuccess?: (result: any, values: Record<string, any>) => void;
+  onError?: (error: any, values: Record<string, any>) => void;
+  onFinally?: () => void;
+};
+type FormCommonProps<Values extends Record<string, any>, ExtendItemProps extends ExtendFormItemProps = ExtendFormItemProps> = Omit<FormProps$1<Values>, 'onFinish' | 'children' | 'initialValues'> & {
+  items?: ((ExtendItemProps extends ExtendFormItemProps ? ExtendItemProps | FormItemProps : FormItemProps) | JSX.Element)[];
+  submit?: false | FormSubmitProps;
+  beforeItems?: JSX.Element | JSX.Element[];
+  footer?: JSX.Element | JSX.Element[];
+  extendTypes?: ExtendTypes;
+  children?: ReactNode;
+  initialValues?: Partial<Values>;
+};
+type FormWithoutFaasProps<Values extends Record<string, any> = any, ExtendItemProps extends ExtendFormItemProps = ExtendFormItemProps> = FormCommonProps<Values, ExtendItemProps> & {
+  faas?: never;
+  onFinish?: (values: Values) => void | Promise<void>;
+};
+type FormWithFaasProps<Path extends FaasActionPaths = any, Values extends Record<string, any> = any, ExtendItemProps extends ExtendFormItemProps = ExtendFormItemProps> = FormCommonProps<Values, ExtendItemProps> & {
+  faas?: FormFaasProps<Values, Path>;
+  onFinish?: never;
+};
+type FormProps<Values extends Record<string, any> = any, Path extends FaasActionPaths = any, ExtendItemProps extends ExtendFormItemProps = ExtendFormItemProps> = FormWithoutFaasProps<Values, ExtendItemProps> | FormWithFaasProps<Path, Values, ExtendItemProps>;
+//#endregion
+//#region src/Form/index.d.ts
+/**
+ * Render a data-aware Ant Design form without the built-in FaasJS submit handler.
+ *
+ * The component normalizes `initialValues` with {@link transferValue}, renders item definitions
+ * through {@link FormItem}, and delegates submission to the custom `onFinish` handler.
+ *
+ * @template Values - Form values shape.
+ * @param {FormWithoutFaasProps<Values>} props - Form props including items, submit behavior, and a custom `onFinish` handler.
  *
- * function App() {
- *   return <>
- *     <Form items={item} /> // Use in form
- *     <Description items={item} dataSource={data} /> // Use in description
- *     <Table items={item} dataSource={[ data ]} /> // Use in table
- *   </>
+ * @example
+ * ```tsx
+ * import { Form } from '@faasjs/ant-design'
+ *
+ * export function ProfileForm() {
+ *   return (
+ *     <Form
+ *       items={[
+ *         { id: 'name', required: true },
+ *         { id: 'email', required: true },
+ *       ]}
+ *       onFinish={async (values) => {
+ *         console.log(values)
+ *       }}
+ *     />
+ *   )
  * }
  * ```
  */
-interface UnionFaasItemProps<Value = any, Values = any> extends FormItemProps, DescriptionItemProps, TableItemProps {
-    children?: UnionFaasItemElement<Value, Values> | null;
-    render?: UnionFaasItemRender<Value, Values> | null;
-    object?: UnionFaasItemProps<Value, Values>[];
-}
+declare function Form<Values extends Record<string, any> = any>(props: FormWithoutFaasProps<Values>): JSX.Element;
 /**
- * Clone a UnionFaasItemElement with the given props.
+ * Render a data-aware Ant Design form with the built-in FaasJS submit handler.
+ *
+ * The component normalizes `initialValues` with {@link transferValue}, renders item definitions
+ * through {@link FormItem}, and submits via the built-in FaasJS request flow configured by `faas`.
  *
- * This function takes a UnionFaasItemElement and props, and returns a cloned element.
- * If the provided element is a valid React element, it clones it with the new props.
- * Otherwise, it creates a new element from the provided element and props.
+ * When `Path` is provided, the `action` and `params` in `faas` are strongly typed from the
+ * {@link FaasActions} type augmentation.
  *
- * @param element - The UnionFaasItemElement to be cloned.
- * @param props - The props to be applied to the cloned element.
- * @returns The cloned element with the applied props.
+ * @template Path - Action path type inferred from `faas.action` for strong typing.
+ * @template Values - Form values shape.
+ * @param {FormWithFaasProps<Path, Values>} props - Form props including items, submit behavior, and FaasJS integration.
+ *
+ * @example
+ * ```tsx
+ * import { Form } from '@faasjs/ant-design'
+ *
+ * export function CreateUserForm() {
+ *   return (
+ *     <Form
+ *       initialValues={{ role: 'user' }}
+ *       items={[
+ *         { id: 'name', required: true },
+ *         { id: 'role', options: ['user', 'admin'] },
+ *       ]}
+ *       faas={{
+ *         action: 'user/create',
+ *         params: (values) => ({
+ *           role: values.role || 'user',
+ *         }),
+ *       }}
+ *     />
+ *   )
+ * }
+ * ```
  */
-declare function cloneUnionFaasItemElement(element: UnionFaasItemElement, props: any): ReactElement<UnionFaasItemInjection<any, any>, string | react.JSXElementConstructor<any>>;
-
-interface ExtendDescriptionTypeProps<T = any> {
-    children?: UnionFaasItemElement<T>;
-    render?: UnionFaasItemRender<T>;
-}
-type ExtendDescriptionItemProps = BaseItemProps;
-interface DescriptionItemProps<T = any> extends FaasItemProps {
-    children?: UnionFaasItemElement<T> | null;
-    descriptionChildren?: UnionFaasItemElement<T> | null;
-    render?: UnionFaasItemRender<T> | null;
-    descriptionRender?: UnionFaasItemRender<T> | null;
-    if?: (values: Record<string, any>) => boolean;
-    object?: DescriptionItemProps<T>[];
-}
-interface DescriptionProps<T = any, ExtendItemProps = any> extends Omit<DescriptionsProps, 'items'> {
-    renderTitle?(values: T): ReactNode;
-    items: (DescriptionItemProps | ExtendItemProps)[];
-    extendTypes?: {
-        [key: string]: ExtendDescriptionTypeProps;
-    };
-    dataSource?: T;
-    faasData?: FaasDataWrapperProps<T>;
+declare function Form<Path extends FaasActionPaths, Values extends Record<string, any> = any>(props: FormWithFaasProps<Path, Values>): JSX.Element;
+/**
+ * Render a data-aware Ant Design form (catch-all overload for backward compatibility).
+ */
+declare function Form<Values extends Record<string, any> = any, Path extends FaasActionPaths = any>(props: FormProps<Values, Path>): JSX.Element;
+declare namespace Form {
+  var useForm: typeof _$antd_es_form_Form0.useForm;
+  var useFormInstance: typeof _$antd_es_form_hooks_useFormInstance0.default;
+  var useWatch: typeof _$_rc_component_form0.useWatch;
+  var Item: typeof FormItem;
+  var List: _$react.FC<_$antd_es_form0.FormListProps>;
+  var ErrorList: _$react.FC<_$antd_es_form0.ErrorListProps>;
+  var Provider: _$react.FC<_$antd_es_form_context0.FormProviderProps>;
 }
-interface DescriptionItemContentProps<T = any> {
-    item: DescriptionItemProps;
-    value: T;
-    values?: any;
-    extendTypes?: {
-        [key: string]: ExtendDescriptionTypeProps;
-    };
+//#endregion
+//#region src/Link/index.d.ts
+/**
+ * Props for the navigation-aware {@link Link} component.
+ */
+interface LinkProps {
+  /** Target URL or route path. */
+  href: string;
+  /** Explicit link target. Absolute HTTP URLs default to `_blank`. */
+  target?: '_blank';
+  /** Text rendered when `children` is not provided. */
+  text?: string | number;
+  /** Custom link content rendered instead of `text`. */
+  children?: ReactNode;
+  /** Inline styles merged with the theme defaults. */
+  style?: CSSProperties;
+  /** Button mode config, or `true` to render with default Ant Design button props. */
+  button?: ButtonProps | boolean;
+  /** Whether the rendered link or button should take the full width. */
+  block?: boolean;
+  /** Whether plain-text links should enable the Typography copy action. */
+  copyable?: boolean;
+  /** Custom click handler that overrides the built-in navigation behavior. */
+  onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
 /**
- * Description component
+ * Render a navigation-aware link or button.
  *
- * - Based on [Ant Design Descriptions](https://ant.design/components/descriptions/).
+ * Internal links are pushed through React Router, while links with `_blank` targets are opened
+ * with `window.open`.
+ *
+ * @param {LinkProps} props - Link props controlling navigation target, rendering mode, and button behavior.
  *
  * @example
  * ```tsx
- * import { Description } from '@faasjs/ant-design'
+ * import { Link } from '@faasjs/ant-design'
  *
- * <Description
- *   title="Title"
- *   items={[
- *     {
- *       id: 'id',
- *       title: 'Title',
- *       type: 'string',
- *     },
- *   ]}
- *   dataSource={{ id: 'value' }}
- * />
+ * export function Navigation() {
+ *   return (
+ *     <>
+ *       <Link href="/">Home</Link>
+ *       <Link href="/users/new" button={{ type: 'primary' }}>
+ *         Create User
+ *       </Link>
+ *     </>
+ *   )
+ * }
  * ```
  */
-declare function Description<T extends Record<string, any> = any>({ faasData, dataSource, renderTitle, extendTypes, ...props }: DescriptionProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace Description {
-    var displayName: string;
-}
-
-type FormSubmitProps = {
-    /** Default: Submit */
-    text?: string;
-    /**
-     * Submit to FaasJS server.
-     *
-     * If use onFinish, you should call submit manually.
-     * ```ts
-     * {
-     *   submit: {
-     *     to: {
-     *       action: 'action_name'
-     *     }
-     *   },
-     *   onFinish: (values, submit) => {
-     *     // do something before submit
-     *
-     *     // submit
-     *     await submit({
-     *      ...values,
-     *      extraProps: 'some extra props'
-     *     })
-     *
-     *     // do something after submit
-     *   }
-     * }
-     * ```
-     */
-    to?: {
-        action: FaasAction | string;
-        /** params will overwrite form values before submit */
-        params?: Record<string, any>;
-        then?: (result: any) => void;
-        catch?: (error: any) => void;
-        finally?: () => void;
-    };
-};
-interface FormProps<Values extends Record<string, any> = any, ExtendItemProps extends ExtendFormItemProps = ExtendFormItemProps> extends Omit<FormProps$1<Values>, 'onFinish' | 'children' | 'initialValues'> {
-    items?: ((ExtendItemProps extends ExtendFormItemProps ? ExtendItemProps | FormItemProps : FormItemProps) | JSX.Element)[];
-    /** Default: { text: 'Submit' }, set false to disable it */
-    submit?: false | FormSubmitProps;
-    onFinish?: (values: Values, submit?: (values: any) => Promise<any>) => Promise<any>;
-    beforeItems?: JSX.Element | JSX.Element[];
-    footer?: JSX.Element | JSX.Element[];
-    extendTypes?: ExtendTypes;
-    children?: ReactNode;
-    initialValues?: Partial<Values>;
+declare function Link(props: LinkProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/Modal/index.d.ts
+/**
+ * Props accepted by the hook-managed modal wrapper.
+ */
+interface ModalProps extends ModalProps$1 {
+  /** Modal body content managed by {@link useModal}. */
+  children?: JSX.Element | JSX.Element[] | string;
 }
 /**
- * Form component with Ant Design & FaasJS
+ * State setter used to update hook-managed modal props.
+ */
+type setModalProps = Dispatch<SetStateAction<ModalProps>>;
+/**
+ * Create a hook-managed Ant Design modal instance.
+ *
+ * The returned setter merges partial updates into the current modal props instead of replacing the
+ * entire state object.
  *
- * - Based on [Ant Design Form](https://ant.design/components/form/).
+ * @param {ModalProps} [init] - Initial modal props.
+ * @returns Hook-managed modal element, current props, and a state-merging setter.
+ *
+ * @example
+ * ```tsx
+ * import { useModal } from '@faasjs/ant-design'
+ * import { Button } from 'antd'
+ *
+ * function Example() {
+ *   const { modal, setModalProps } = useModal()
+ *
+ *   return (
+ *     <>
+ *       <Button onClick={() => setModalProps({ open: true, title: 'Delete', children: 'Are you sure?' })}>
+ *         Open Modal
+ *       </Button>
+ *       {modal}
+ *     </>
+ *   )
+ * }
+ * ```
  */
-declare function Form<Values = any>(props: FormProps<Values>): react_jsx_runtime.JSX.Element;
-declare namespace Form {
-    var useForm: typeof antd_es_form_Form.useForm;
-    var useFormInstance: typeof antd_es_form_hooks_useFormInstance.default;
-    var useWatch: typeof _rc_component_form.useWatch;
-    var Item: typeof FormItem;
-    var List: react.FC<antd_es_form.FormListProps>;
-    var ErrorList: react.FC<antd_es_form.ErrorListProps>;
-    var Provider: react.FC<antd_es_form_context.FormProviderProps>;
-}
-
-interface LinkProps {
-    href: string;
-    target?: '_blank';
-    text?: string | number;
-    children?: ReactNode;
-    style?: CSSProperties;
-    button?: ButtonProps | boolean;
-    block?: boolean;
-    /** only use for text without button */
-    copyable?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-}
+declare function useModal(init?: ModalProps): {
+  modal: _$react_jsx_runtime0.JSX.Element;
+  modalProps: ModalProps;
+  setModalProps: setModalProps;
+};
+//#endregion
+//#region src/Routers/index.d.ts
 /**
- * Link component with button
+ * Default 404 route element that uses the configured localized title.
  *
  * @example
  * ```tsx
- * // pure link
- * <Link href="/">Home</Link>
+ * import { PageNotFound, Routes } from '@faasjs/ant-design'
  *
- * // link with button
- * <Link href="/" button={{ type:'primary' }}>Home</Link>
+ * export function AppRoutes() {
+ *   return (
+ *     <Routes
+ *       routes={[{ path: '/', element: <div>Home</div> }]}
+ *       notFound={<PageNotFound />}
+ *     />
+ *   )
+ * }
  * ```
  */
-declare function Link(props: LinkProps): react_jsx_runtime.JSX.Element;
-
-declare function PageNotFound(): react_jsx_runtime.JSX.Element;
+declare function PageNotFound(): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Props for the lazy-loading {@link Routes} wrapper.
+ */
 interface RoutesProps {
-    routes: (RouteProps & {
-        page?: LazyExoticComponent<ComponentType<any>>;
-    })[];
-    fallback?: JSX.Element;
-    notFound?: JSX.Element;
+  /** Route records forwarded to React Router, with optional lazy `page` components. */
+  routes: (RouteProps & {
+    page?: LazyExoticComponent<ComponentType<any>>;
+  })[];
+  /** Fallback element rendered while lazy pages are loading. */
+  fallback?: JSX.Element;
+  /** Element rendered for the generated catch-all 404 route. */
+  notFound?: JSX.Element;
 }
 /**
- * Routes with lazy loading and 404 page.
+ * Render React Router routes with lazy-page support and a default 404 route.
+ *
+ * The wrapper adds a catch-all route automatically and uses an Ant Design `Skeleton` fallback when
+ * `fallback` is not provided.
+ *
+ * @param {RoutesProps} props - Route definitions and optional fallback or 404 elements.
  *
  * @example
  * ```tsx
  * import { Routes, lazy } from '@faasjs/ant-design'
  * import { BrowserRouter } from 'react-router-dom'
  *
- * export function App () {
- *   return <BrowserRouter>
- *     <Routes routes={[
- *       {
- *         path: '/',
- *         page: lazy(() => import('./pages/home'))
- *       }
- *     ]} />
- *   </BrowserRouter>
+ * export function App() {
+ *   return (
+ *     <BrowserRouter>
+ *       <Routes
+ *         routes={[
+ *           {
+ *             path: '/',
+ *             page: lazy(() => import('./pages/home')),
+ *           },
+ *         ]}
+ *       />
+ *     </BrowserRouter>
+ *   )
  * }
  * ```
  */
-declare function Routes(props: RoutesProps): react_jsx_runtime.JSX.Element;
-
+declare function Routes(props: RoutesProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/Table/table.d.ts
+/**
+ * Render an Ant Design table from FaasJS item metadata.
+ *
+ * The component can render local `dataSource` rows or resolve remote rows through `faasData`. It
+ * also generates default filters and sorters for built-in item types unless you disable them with
+ * the corresponding Ant Design column props.
+ *
+ * @template T - Row record type rendered by the table.
+ * @template ExtendTypes - Additional item prop shape accepted by `items`.
+ * @param {TableProps<T, ExtendTypes>} props - Table props including columns, data source, and optional Faas data config.
+ * @throws {Error} When an entry in `extendTypes` omits both `children` and `render`.
+ *
+ * @example
+ * ```tsx
+ * import { Table } from '@faasjs/ant-design'
+ *
+ * const rows = [
+ *   { id: 1, name: 'Alice', active: true },
+ *   { id: 2, name: 'Bob', active: false },
+ * ]
+ *
+ * export function UserTable() {
+ *   return (
+ *     <Table
+ *       rowKey="id"
+ *       dataSource={rows}
+ *       items={[
+ *         { id: 'name', title: 'Name' },
+ *         { id: 'active', type: 'boolean', title: 'Active' },
+ *       ]}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+declare function Table<T extends Record<string, any>, ExtendTypes = any>(props: TableProps<T, ExtendTypes>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/Tabs/index.d.ts
+/**
+ * Tab item accepted by the FaasJS Ant Design {@link Tabs} wrapper.
+ */
 interface TabProps extends Partial<Tab> {
-    id: string;
-    title?: React.ReactNode;
-    children: React.ReactNode;
+  /** Stable tab identifier used as the default key and label. */
+  id: string;
+  /** Title used as the default Ant Design tab label. */
+  title?: React.ReactNode;
+  /** Tab panel content. */
+  children: React.ReactNode;
 }
+/**
+ * Props for the FaasJS Ant Design {@link Tabs} component.
+ */
 interface TabsProps extends Omit<TabsProps$1, 'items'> {
-    /** auto skip null tab */
-    items: (TabProps | null | false)[];
+  /** Tab definitions. `null` and `false` entries are skipped automatically. */
+  items: (TabProps | null | false)[];
 }
 /**
- * Tabs component with Ant Design & FaasJS
+ * Render an Ant Design tabs wrapper that accepts FaasJS-style tab definitions.
  *
- * - Based on [Ant Design Tabs](https://ant.design/components/tabs/).
- * - Support auto skip null/false tab item.
- * - Support `id` as key and label.
+ * Missing `key` and `label` values are derived from each tab's `id` and `title`.
+ *
+ * @param {TabsProps} props - Tabs props including tab items and Ant Design tab options.
  *
  * @example
  * ```tsx
  * import { Tabs } from '@faasjs/ant-design'
  *
- * <Tabs
- *   items={[
- *     {
- *       id: 'id',
- *       children: 'content',
- *     },
- *     1 === 0 && {
- *       id: 'hidden',
- *       children: 'content',
- *     },
- *   ]}
- * />
+ * export function Page() {
+ *   return (
+ *     <Tabs
+ *       items={[
+ *         {
+ *           id: 'id',
+ *           children: 'content',
+ *         },
+ *         1 === 0 && {
+ *           id: 'hidden',
+ *           children: 'content',
+ *         },
+ *       ]}
+ *     />
+ *   )
+ * }
  * ```
  */
-declare function Tabs(props: TabsProps): react_jsx_runtime.JSX.Element;
-
+declare function Tabs(props: TabsProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/Title/index.d.ts
+/**
+ * Props for the document-title helper component.
+ */
 interface TitleProps {
-    title: string | string[];
-    /** ` - ` as default */
-    separator?: string;
-    suffix?: string;
-    /** return a h1 element */
-    h1?: boolean | {
-        className?: string;
-        style?: React.CSSProperties;
-    };
-    /** return a pure text element */
-    plain?: boolean;
-    /** return children */
-    children?: JSX.Element;
+  /** Title text or title segments used to update `document.title`. */
+  title: string | string[];
+  /**
+   * Separator used when joining title segments.
+   *
+   * @default ' - '
+   */
+  separator?: string;
+  /** Suffix appended to the generated document title. */
+  suffix?: string;
+  /** Whether to render an `h1`, or the props used to style that `h1`. */
+  h1?: boolean | {
+    className?: string;
+    style?: React.CSSProperties;
+  };
+  /** Whether to render plain text instead of returning `null`. */
+  plain?: boolean;
+  /** Existing element cloned with a `title` prop. */
+  children?: JSX.Element;
 }
 /**
- * Title is used to change the title of the page
+ * Update `document.title` and optionally render the title inline.
+ *
+ * The component returns `null` by default and is often used only for its side effect.
  *
- * Return null by default.
+ * @param {TitleProps} props - Title props controlling document title updates and optional inline rendering.
  *
+ * @example
  * ```tsx
- * // return null
- * <Title title='hi' /> // => change the document.title to 'hi'
- * <Title title={['a', 'b']} /> // => change the document.title to 'a - b'
+ * import { Title } from '@faasjs/ant-design'
  *
- * // return h1
- * <Title title='hi' h1 /> // => <h1>hi</h1>
- * <Title title={['a', 'b']} h1 /> // => <h1>a</h1>
+ * export function DetailPage() {
+ *   return (
+ *     <>
+ *       <Title title={['Orders', 'Detail']} h1 />
+ *       <div>...</div>
+ *     </>
+ *   )
+ * }
+ * ```
+ */
+declare function Title(props: TitleProps): JSX.Element | null;
+//#endregion
+//#region src/useApp/index.d.ts
+/**
+ * Shared app services exposed by {@link AppContext} and {@link useApp}.
+ */
+interface useAppProps {
+  /** Ant Design message API instance created by the root `App` component. */
+  message: MessageInstance;
+  /** Ant Design notification API instance created by the root `App` component. */
+  notification: NotificationInstance;
+  /** Current props of the hook-managed modal element. */
+  modalProps: ModalProps;
+  /** Setter that merges updates into the hook-managed modal props. */
+  setModalProps: setModalProps;
+  /** Current props of the hook-managed drawer element. */
+  drawerProps: DrawerProps;
+  /** Setter that merges updates into the hook-managed drawer props. */
+  setDrawerProps: setDrawerProps;
+}
+/**
+ * Shared context storing message, notification, modal, and drawer helpers.
  *
- * // return children
- * <Title title='hi'><CustomTitle /></Title> // => <CustomTitle />
+ * @example
+ * ```ts
+ * const { message } = AppContext.use()
  * ```
  */
-declare function Title(props: TitleProps): JSX.Element;
-
+declare const AppContext: any;
+/**
+ * Read app-level services exposed by the root `App` component.
+ *
+ * @template NewT - Narrowed app context shape to read from `AppContext`.
+ * @param {void} this - Explicit void receiver that keeps the hook unbound.
+ * @returns Read-only app context value.
+ *
+ * @example
+ * ```tsx
+ * import { App, useApp } from '@faasjs/ant-design'
+ * import { Button } from 'antd'
+ *
+ * function Page() {
+ *   const { message, setModalProps } = useApp()
+ *
+ *   return (
+ *     <Button
+ *       onClick={() => {
+ *         message.success('Saved')
+ *         setModalProps({ open: true, title: 'Done', children: 'Profile updated.' })
+ *       }}
+ *     >
+ *       Save
+ *     </Button>
+ *   )
+ * }
+ *
+ * export function Root() {
+ *   return (
+ *     <App>
+ *       <Page />
+ *     </App>
+ *   )
+ * }
+ * ```
+ */
+declare function useApp<NewT extends useAppProps = useAppProps>(this: void): Readonly<NewT>;
+//#endregion
+//#region src/useThemeToken/index.d.ts
 /**
- * Hook to retrieve the theme token from the Ant Design theme configuration.
+ * Read the current Ant Design theme token.
+ *
+ * @returns Ant Design global token object for the active theme.
  *
- * This function uses the `theme.useToken` method to get the current theme configuration
- * and returns the `token` property from the configuration.
+ * @example
+ * ```tsx
+ * import { useThemeToken } from '@faasjs/ant-design'
+ *
+ * function PrimarySwatch() {
+ *   const { colorPrimary } = useThemeToken()
  *
- * @returns {GlobalToken} The theme token from the Ant Design theme configuration.
+ *   return <div style={{ width: 24, height: 24, background: colorPrimary }} />
+ * }
+ * ```
  */
 declare function useThemeToken(): GlobalToken;
-
-export { App, type AppProps, type BaseItemProps, type BaseOption, Blank, type BlankProps, ConfigContext, ConfigProvider, type ConfigProviderProps, Description, type DescriptionItemContentProps, type DescriptionItemProps, type DescriptionProps, type DrawerProps, ErrorBoundary, type ExtendDescriptionItemProps, type ExtendDescriptionTypeProps, type ExtendFormItemProps, type ExtendFormTypeProps, type ExtendTableItemProps, type ExtendTableTypeProps, type ExtendTypes, type FaasDataInjection, FaasDataWrapper, type FaasDataWrapperProps, type FaasItemProps, type FaasItemType, type FaasItemTypeValue, Form, FormItem, type FormItemProps, type FormProps, type FormSubmitProps, Link, type LinkProps, Loading, type LoadingProps, type ModalProps, PageNotFound, Routes, type RoutesProps, type TabProps, Table, type TableFaasDataParams, type TableFaasDataResponse, type TableItemProps, type TableProps, Tabs, type TabsProps, Title, type TitleProps, type UnionFaasItemElement, type UnionFaasItemInjection, type UnionFaasItemProps, type UnionFaasItemRender, type UnionScene, cloneUnionFaasItemElement, idToTitle, type setDrawerProps, type setModalProps, transferOptions, transferValue, useApp, type useAppProps, useConfigContext, useDrawer, useModal, useThemeToken, withFaasData };
+//#endregion
+export { App, AppContext, AppProps, BaseExtendTypeProps, BaseItemProps, BaseOption, Blank, BlankProps, ConfigContext, ConfigProvider, ConfigProviderProps, Description, type DescriptionCommonProps, type DescriptionItemContentProps, type DescriptionItemProps, type DescriptionProps, type DescriptionWithFaasProps, type DescriptionWithoutFaasProps, Drawer, DrawerProps, ErrorBoundary, type ErrorBoundaryProps, type ExtendDescriptionItemProps, type ExtendDescriptionTypeProps, type ExtendFormItemProps, type ExtendFormTypeProps, type ExtendTableItemProps, type ExtendTableTypeProps, type ExtendTypes, type FaasDataInjection, FaasDataWrapper, FaasDataWrapperProps, type FaasDataWrapperRef, FaasItemProps, FaasItemType, FaasItemTypeValue, FaasReactClient, type FaasReactClientOptions, Form, type FormFaasProps, FormItem, type FormItemProps, type FormProps, type FormSubmitProps, type FormWithFaasProps, type FormWithoutFaasProps, Link, LinkProps, Loading, LoadingProps, Modal, ModalProps, PageNotFound, ResolvedTheme, Routes, RoutesProps, TabProps, Table, type TableFaasDataParams, type TableFaasDataResponse, type TableItemProps, type TableProps, Tabs, TabsProps, Title, TitleProps, UnionFaasItemElement, UnionFaasItemInjection, UnionFaasItemProps, UnionFaasItemRender, UnionScene, cloneUnionFaasItemElement, createOnErrorHandler, faas, idToTitle, lazy, renderDisplayValue, setDrawerProps, setModalProps, transferOptions, transferValue, useApp, useAppProps, useConfigContext, useDrawer, useFaas, useModal, useThemeToken, withFaasData };