@faasjs/ant-design 8.0.0-beta.19 → 8.0.0-beta.20

package/dist/index.cjs

@@ -1,2087 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region \0rolldown/runtime.js
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-//#endregion
-let _faasjs_react = require("@faasjs/react");
-let antd = require("antd");
-let react_router_dom = require("react-router-dom");
-let lodash_es = require("lodash-es");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _ant_design_icons = require("@ant-design/icons");
-let dayjs = require("dayjs");
-dayjs = __toESM(dayjs);
-//#region src/Loading.tsx
-/**
-* Render an Ant Design loading spinner with an optional content fallback.
-*
-* @param {LoadingProps} props - Loading indicator props and optional wrapped children.
-*
-* @example
-* ```tsx
-* import { Loading } from '@faasjs/ant-design'
-*
-* export function Page({ remoteData }: { remoteData?: string }) {
-*   return (
-*     <>
-*       <Loading />
-*       <Loading loading={!remoteData}>
-*         <div>{remoteData}</div>
-*       </Loading>
-*     </>
-*   )
-* }
-* ```
-*/
-function Loading(props) {
-	if (props.loading === false) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: props.children });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		style: {
-			...props.style,
-			...!props.size || props.size === "large" ? {
-				margin: "20vh auto",
-				textAlign: "center"
-			} : {}
-		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Spin, { size: props.size || "large" })
-	});
-}
-//#endregion
-//#region src/FaasDataWrapper.tsx
-/**
-* 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
-* 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>
-* }
-*
-* // 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>
-*   )
-* }
-* ```
-*/
-function FaasDataWrapper(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_faasjs_react.FaasDataWrapper, {
-		fallback: props.loading || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Loading, { ...props.loadingProps }),
-		...props
-	});
-}
-/**
-* Wrap a component with {@link FaasDataWrapper} and its Ant Design loading fallback.
-*
-* @template PathOrData - 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<PathOrData>} faasProps - Request configuration forwarded to {@link FaasDataWrapper}.
-* @returns Higher-order component that injects Faas data props.
-*
-* @example
-* ```tsx
-* 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 } },
-* )
-* ```
-*/
-function withFaasData(Component, faasProps) {
-	return (0, _faasjs_react.withFaasData)(Component, {
-		fallback: faasProps.loading || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Loading, { ...faasProps.loadingProps }),
-		...faasProps
-	});
-}
-//#endregion
-//#region src/Config.tsx
-const zh = {
-	lang: "zh",
-	blank: "空",
-	all: "全部",
-	submit: "提交",
-	pageNotFound: "页面未找到",
-	add: "添加",
-	delete: "删除",
-	required: "必填",
-	search: "搜索",
-	reset: "重置"
-};
-const en = {
-	lang: "en",
-	blank: "Empty",
-	all: "All",
-	submit: "Submit",
-	pageNotFound: "Page Not Found",
-	add: "Add",
-	delete: "Delete",
-	required: "is required",
-	search: "Search",
-	reset: "Reset"
-};
-const baseTheme = {
-	lang: "en",
-	common: en,
-	Blank: { text: en.blank },
-	Form: { submit: { text: en.submit } },
-	Title: {
-		separator: " - ",
-		suffix: ""
-	},
-	Link: { style: {} }
-};
-/**
-* React context storing the resolved FaasJS Ant Design theme.
-*/
-const ConfigContext = (0, react.createContext)({ theme: baseTheme });
-/**
-* 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
-* import { Blank, ConfigProvider } from '@faasjs/ant-design'
-*
-* export function Page() {
-*   return (
-*     <ConfigProvider theme={{ common: { blank: 'Empty' } }}>
-*       <Blank />
-*     </ConfigProvider>
-*   )
-* }
-* ```
-*/
-function ConfigProvider(props) {
-	const [theme, setTheme] = (0, react.useState)();
-	(0, _faasjs_react.useEqualEffect)(() => {
-		if ((props.theme?.lang || (!props.theme?.lang && /^zh/i.test(navigator.language) ? "zh" : "en")) === "zh") setTheme((0, lodash_es.defaultsDeep)(props.theme, {
-			lang: "zh",
-			common: zh,
-			Blank: { text: zh.blank },
-			Form: { submit: { text: zh.submit } }
-		}, baseTheme));
-		else setTheme((0, lodash_es.defaultsDeep)(props.theme, baseTheme));
-		if (props.faasClientOptions) (0, _faasjs_react.FaasReactClient)(props.faasClientOptions);
-	}, [props.theme]);
-	if (!theme) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfigContext.Provider, {
-		value: { theme },
-		children: props.children
-	});
-}
-/**
-* Read the current `@faasjs/ant-design` config context.
-*
-* @returns Current config context value containing the resolved theme.
-*
-* @example
-* ```tsx
-* import { Blank, ConfigProvider, useConfigContext } from '@faasjs/ant-design'
-*
-* function EmptyState() {
-*   const { theme } = useConfigContext()
-*
-*   return <span>{theme.common.blank}</span>
-* }
-*
-* export function Page() {
-*   return (
-*     <ConfigProvider theme={{ common: { blank: 'N/A' } }}>
-*       <EmptyState />
-*     </ConfigProvider>
-*   )
-* }
-* ```
-*/
-function useConfigContext() {
-	return (0, react.useContext)(ConfigContext);
-}
-//#endregion
-//#region src/Drawer.tsx
-/**
-* 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.
-*
-* @param {DrawerProps} [init] - Initial drawer props.
-* @returns Hook-managed drawer element, current props, and a state-merging setter.
-*
-* @example
-* ```tsx
-* import { useDrawer } from '@faasjs/ant-design'
-* import { Button } from 'antd'
-*
-* function Example() {
-*   const { drawer, setDrawerProps } = useDrawer()
-*
-*   return (
-*     <>
-*       <Button onClick={() => setDrawerProps({ open: true, title: 'Details', children: <div>Content</div> })}>
-*         Open
-*       </Button>
-*       {drawer}
-*     </>
-*   )
-* }
-* ```
-*/
-function useDrawer(init) {
-	const [props, setProps] = (0, react.useState)({
-		open: false,
-		...init
-	});
-	const setDrawerProps = (0, _faasjs_react.useEqualCallback)((changes) => {
-		const changed = typeof changes === "function" ? changes(props) : changes;
-		setProps((prev) => ({
-			...prev,
-			...changed
-		}));
-	}, [setProps]);
-	return {
-		drawer: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Drawer, {
-			onClose: () => setProps((prev) => ({
-				...prev,
-				open: false
-			})),
-			...props
-		}),
-		drawerProps: props,
-		setDrawerProps
-	};
-}
-//#endregion
-//#region src/ErrorBoundary.tsx
-function ErrorChildren(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Alert, {
-		type: "error",
-		message: props.errorMessage,
-		description: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
-			style: {
-				fontSize: "0.9em",
-				overflowX: "auto"
-			},
-			children: props.errorDescription
-		})
-	});
-}
-/**
-* 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
-* import { ErrorBoundary } from '@faasjs/ant-design'
-*
-* export function Page() {
-*   return (
-*     <ErrorBoundary>
-*       <DangerousWidget />
-*     </ErrorBoundary>
-*   )
-* }
-* ```
-*/
-function ErrorBoundary(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_faasjs_react.ErrorBoundary, {
-		errorChildren: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorChildren, {}),
-		...props
-	});
-}
-//#endregion
-//#region src/Modal.tsx
-/**
-* 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.
-*
-* @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}
-*     </>
-*   )
-* }
-* ```
-*/
-function useModal(init) {
-	const [props, setProps] = (0, react.useState)({
-		open: false,
-		...init
-	});
-	const setModalProps = (0, _faasjs_react.useEqualCallback)((changes) => {
-		const changed = typeof changes === "function" ? changes(props) : changes;
-		setProps((prev) => ({
-			...prev,
-			...changed
-		}));
-	}, [setProps]);
-	return {
-		modal: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Modal, {
-			onCancel: () => setProps((prev) => ({
-				...prev,
-				open: false
-			})),
-			...props
-		}),
-		modalProps: props,
-		setModalProps
-	};
-}
-//#endregion
-//#region src/useApp.ts
-/**
-* Shared context storing message, notification, modal, and drawer helpers.
-*/
-const AppContext = (0, _faasjs_react.createSplittingContext)([
-	"message",
-	"notification",
-	"modalProps",
-	"setModalProps",
-	"drawerProps",
-	"setDrawerProps"
-]);
-/**
-* Read app-level services exposed by the root `App` component.
-*
-* @template NewT - Narrowed app context shape to read from `AppContext`.
-* @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>
-*   )
-* }
-* ```
-*/
-function useApp() {
-	return AppContext.use();
-}
-//#endregion
-//#region src/App.tsx
-function RoutesApp(props) {
-	const location = (0, react_router_dom.useLocation)();
-	const { drawerProps, setDrawerProps, modalProps, setModalProps } = useApp();
-	(0, _faasjs_react.useEqualEffect)(() => {
-		console.debug("location", location);
-		if (drawerProps.open) setDrawerProps({ open: false });
-		if (modalProps.open) setModalProps({ open: false });
-	}, [location]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: props.children });
-}
-/**
-* Render the root provider shell for a FaasJS Ant Design application.
-*
-* `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 Page() {
-*   return (
-*     <App
-*       configProviderProps={{}}
-*       browserRouterProps={{}}
-*       errorBoundaryProps={{}}
-*       faasConfigProviderProps={{}}
-*     >
-*       <div>content</div>
-*     </App>
-*   )
-* }
-* ```
-*/
-function App(props) {
-	const [messageApi, messageContextHolder] = antd.message.useMessage();
-	const [notificationApi, notificationContextHolder] = antd.notification.useNotification();
-	const { modal, modalProps, setModalProps } = useModal({ destroyOnHidden: true });
-	const { drawer, drawerProps, setDrawerProps } = useDrawer({ destroyOnHidden: true });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_faasjs_react.OptionalWrapper, {
-		condition: !!props.configProviderProps,
-		Wrapper: antd.ConfigProvider,
-		wrapperProps: props.configProviderProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AppContext.Provider, {
-			value: {
-				message: messageApi,
-				notification: notificationApi,
-				drawerProps,
-				setDrawerProps,
-				modalProps,
-				setModalProps
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfigProvider, {
-				...props.faasConfigProviderProps,
-				faasClientOptions: {
-					onError: (action) => async (res) => {
-						if ("message" in res && res.toString().includes("AbortError")) return;
-						console.error(`[FaasJS][${action}]`, res);
-						messageApi.error("message" in res ? res.message : "Unknown error");
-					},
-					...props.faasConfigProviderProps ? props.faasConfigProviderProps.faasClientOptions : {}
-				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBoundary, {
-					...props.errorBoundaryProps,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_faasjs_react.OptionalWrapper, {
-						condition: typeof document !== "undefined" && props.browserRouterProps !== false,
-						Wrapper: react_router_dom.BrowserRouter,
-						wrapperProps: props.browserRouterProps,
-						children: [
-							messageContextHolder,
-							notificationContextHolder,
-							modal,
-							drawer,
-							props.browserRouterProps !== false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoutesApp, { children: props.children }) : props.children
-						]
-					})
-				})
-			})
-		})
-	});
-}
-//#endregion
-//#region src/Blank.tsx
-/**
-* Render a disabled placeholder when a value is empty.
-*
-* 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'
-*
-* export function FieldPreview() {
-*   return <Blank value={undefined} text="Empty" />
-* }
-* ```
-*/
-function Blank(options) {
-	const { theme } = useConfigContext();
-	return !options || options.value === void 0 || options.value === null || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Typography.Text, {
-		disabled: true,
-		children: options?.text || theme.Blank.text
-	}) : options.value;
-}
-//#endregion
-//#region src/data.ts
-/**
-* Convert a snake_case, kebab-case, or spaced identifier into a title-style label.
-*
-* @param {string | number} id - Identifier to convert.
-* @returns Generated label string.
-*
-* @example
-* ```ts
-* idToTitle('example_id') // 'Example Id'
-* ```
-*/
-function idToTitle(id) {
-	if (typeof id === "number") return id.toString();
-	const splitted = id.split(/(\s|_|-)/).filter((word) => !/(\s|_|-)/.test(word)).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
-	return splitted.charAt(0).toUpperCase() + splitted.slice(1);
-}
-/**
-* Normalize primitive options into explicit `{ label, value }` objects.
-*
-* String and number options are converted with {@link idToTitle}, while pre-shaped option objects
-* are returned as-is.
-*
-* @param {BaseOption[]} options - Raw option list to normalize.
-* @returns Normalized option list.
-*
-* @example
-* ```ts
-* import { transferOptions } from '@faasjs/ant-design'
-*
-* transferOptions(['draft', { label: 'Published', value: 'published' }])
-* // [
-* //   { label: 'Draft', value: 'draft' },
-* //   { label: 'Published', value: 'published' },
-* // ]
-* ```
-*/
-function transferOptions(options) {
-	if (!options) return [];
-	return options.map((item) => typeof item === "object" ? item : {
-		label: idToTitle(item.toString()),
-		value: item
-	});
-}
-/**
-* Normalize raw values into the runtime shape expected by FaasJS Ant Design components.
-*
-* Primitive strings such as `'null'` and `'undefined'` become `null`, comma-delimited array
-* strings are split into arrays, and date or time values are converted to `dayjs` objects.
-*
-* @param {FaasItemType | null | undefined} type - Target field type.
-* @param {any} value - Raw value to normalize.
-* @returns Normalized value for rendering or form initialization.
-*
-* @example
-* ```ts
-* import { transferValue } from '@faasjs/ant-design'
-*
-* transferValue('number', '42') // 42
-* transferValue('boolean', 'true') // true
-* transferValue('string[]', 'a,b') // ['a', 'b']
-* ```
-*/
-function transferValue(type, value) {
-	if (!type) type = "string";
-	if (!type.endsWith("[]") && (typeof value === "undefined" || value === null || value === "" || value === "null" || value === "undefined")) return null;
-	if (type.endsWith("[]")) {
-		if (!value) value = [];
-		if (typeof value === "string") value = value.split(",").filter(Boolean);
-		if (!Array.isArray(value)) value = [value];
-		value = value.map((item) => transferValue(type.replace("[]", ""), item));
-	}
-	switch (type) {
-		case "boolean":
-			if (typeof value === "string") value = value === "true";
-			break;
-		case "number":
-			if (typeof value === "string") value = Number(value);
-			break;
-		case "date":
-		case "time":
-			if (typeof value === "number" && value.toString().length === 10) value = value * 1e3;
-			if (!dayjs.default.isDayjs(value)) value = (0, dayjs.default)(value);
-			break;
-	}
-	return value;
-}
-/**
-* Clone a {@link UnionFaasItemElement} with FaasJS injection props.
-*
-* React elements are cloned directly, while component references are first wrapped with
-* `createElement`.
-*
-* @param {UnionFaasItemElement} element - Element or component to clone.
-* @param {any} props - Injection props such as `scene`, `value`, `values`, and `index`.
-* @returns Cloned React element ready for rendering.
-*
-* @example
-* ```tsx
-* import { cloneUnionFaasItemElement, type UnionFaasItemElement } from '@faasjs/ant-design'
-*
-* const Cell: UnionFaasItemElement<string> = ({ value }) => <span>{value}</span>
-*
-* const element = cloneUnionFaasItemElement(Cell, {
-*   scene: 'table',
-*   value: 'Hello',
-*   index: 0,
-* })
-* ```
-*/
-function cloneUnionFaasItemElement(element, props) {
-	return (0, react.cloneElement)((0, react.isValidElement)(element) ? element : (0, react.createElement)(element), props);
-}
-//#endregion
-//#region src/Description.tsx
-function DescriptionItemContent(props) {
-	const [computedProps, setComputedProps] = (0, react.useState)();
-	(0, _faasjs_react.useEqualEffect)(() => {
-		const propsCopy = { ...props };
-		propsCopy.item.title = propsCopy.item.title ?? idToTitle(propsCopy.item.id);
-		if (!propsCopy.item.type) propsCopy.item.type = "string";
-		if (propsCopy.item.options?.length) propsCopy.item.options = transferOptions(propsCopy.item.options);
-		propsCopy.value = transferValue(propsCopy.item.type, propsCopy.value);
-		if (propsCopy.item.options && propsCopy.value !== null) {
-			if (propsCopy.item.type.endsWith("[]")) propsCopy.value = propsCopy.value.map((v) => propsCopy.item.options.find((option) => option.value === v)?.label || v);
-			else if ([
-				"string",
-				"number",
-				"boolean"
-			].includes(propsCopy.item.type)) propsCopy.value = props.item.options.find((option) => option.value === props.value)?.label || props.value;
-		}
-		setComputedProps(propsCopy);
-	}, [props]);
-	if (!computedProps) return null;
-	const itemType = computedProps.item.type ?? "string";
-	if (computedProps.item.descriptionChildren === null || computedProps.item.children === null || computedProps.item.descriptionRender === null || computedProps.item.render === null) return null;
-	const children = computedProps.item.descriptionChildren || computedProps.item.children;
-	if (children) return cloneUnionFaasItemElement(children, {
-		scene: "description",
-		value: computedProps.value,
-		values: computedProps.values,
-		index: 0
-	});
-	const render = computedProps.item.descriptionRender || computedProps.item.render;
-	if (render) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: render(computedProps.value, computedProps.values, 0, "description") });
-	if (computedProps.extendTypes?.[itemType]) {
-		const extendType = computedProps.extendTypes[itemType];
-		if (extendType.children) return cloneUnionFaasItemElement(extendType.children, {
-			scene: "description",
-			value: computedProps.value,
-			values: computedProps.values
-		});
-		if (extendType.render) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: extendType.render(computedProps.value, computedProps.values, 0, "description") });
-		throw Error(`${itemType} requires children or render`);
-	}
-	if (computedProps.value === null || Array.isArray(computedProps.value) && !computedProps.value.length) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Blank, {});
-	switch (itemType) {
-		case "string[]": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: computedProps.value.join(", ") });
-		case "number": return computedProps.value || null;
-		case "number[]": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: computedProps.value.join(", ") });
-		case "boolean": return computedProps.value ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ant_design_icons.CheckOutlined, { style: {
-			marginTop: "4px",
-			color: "#52c41a"
-		} }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ant_design_icons.CloseOutlined, { style: {
-			marginTop: "4px",
-			color: "#ff4d4f"
-		} });
-		case "time": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: computedProps.value.format("YYYY-MM-DD HH:mm:ss") });
-		case "date": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: computedProps.value.format("YYYY-MM-DD") });
-		case "object":
-			if (!computedProps.value) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Blank, {});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Description, {
-				items: computedProps.item.object || [],
-				dataSource: computedProps.value,
-				column: 1
-			});
-		case "object[]":
-			if (!computedProps.value?.length) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Blank, {});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Space, {
-				direction: "vertical",
-				children: computedProps.value.map((value, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Description, {
-					items: computedProps.item.object || [],
-					dataSource: value,
-					column: 1
-				}, index))
-			});
-		default: return computedProps.value || null;
-	}
-}
-DescriptionItemContent.displayName = "DescriptionItemContent";
-/**
-* Render an Ant Design description list from FaasJS item metadata.
-*
-* The component can render a local `dataSource` directly or resolve one through `faasData`, and
-* it applies the same item type normalization helpers used by the form and table components.
-*
-* @template T - Data record shape rendered by the component.
-* @param {DescriptionProps<T>} props - Description props including items, data source, and optional Faas data config.
-* @throws {Error} When an entry in `extendTypes` omits both `children` and `render`.
-*
-* @example
-* ```tsx
-* import { Description } from '@faasjs/ant-design'
-*
-* export function Detail() {
-*   return (
-*     <Description
-*       title="Title"
-*       items={[
-*         {
-*           id: 'id',
-*           title: 'Title',
-*           type: 'string',
-*         },
-*       ]}
-*       dataSource={{ id: 'value' }}
-*     />
-*   )
-* }
-* ```
-*/
-function Description(props) {
-	const { faasData, dataSource, renderTitle, extendTypes, ...descriptionProps } = props;
-	if (faasData && !dataSource) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FaasDataWrapper, {
-		render: ({ data }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Description, {
-			...descriptionProps,
-			dataSource: data,
-			...renderTitle ? { renderTitle } : {},
-			...extendTypes ? { extendTypes } : {}
-		}),
-		...faasData
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Descriptions, {
-		...descriptionProps,
-		title: typeof renderTitle === "function" ? renderTitle(dataSource) : descriptionProps.title,
-		items: descriptionProps.items.filter((item) => item && !(item.descriptionChildren === null || item.children === null || item.descriptionRender === null || item.render === null) && (!item.if || item.if(dataSource))).map((item) => ({
-			...item,
-			key: item.id,
-			label: item.title ?? idToTitle(item.id),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DescriptionItemContent, {
-				item,
-				value: dataSource ? dataSource[item.id] : null,
-				...dataSource ? { values: dataSource } : {},
-				...extendTypes ? { extendTypes } : {}
-			})
-		}))
-	});
-}
-Description.displayName = "Description";
-//#endregion
-//#region src/FormItem.tsx
-function isOptionsProps(item) {
-	return item && Array.isArray(item.options);
-}
-function processProps(propsCopy, config) {
-	propsCopy.title = propsCopy.title ?? idToTitle(propsCopy.id);
-	if (!propsCopy.label && propsCopy.label !== false) propsCopy.label = propsCopy.title;
-	if (!propsCopy.name) propsCopy.name = propsCopy.id;
-	if (!propsCopy.type) propsCopy.type = "string";
-	if (!propsCopy.rules) propsCopy.rules = [];
-	if (propsCopy.required) if (propsCopy.type.endsWith("[]")) propsCopy.rules.push({
-		required: true,
-		validator: async (_, values) => {
-			if (!values || values.length < 1) return Promise.reject(Error(`${propsCopy.label || propsCopy.title} ${config.required}`));
-		}
-	});
-	else propsCopy.rules.push({
-		required: true,
-		message: `${propsCopy.label || propsCopy.title} ${config.required}`
-	});
-	if (!propsCopy.input) propsCopy.input = {};
-	if (isOptionsProps(propsCopy)) propsCopy.input.options = transferOptions(propsCopy.options);
-	switch (propsCopy.type) {
-		case "boolean":
-			propsCopy.valuePropName = "checked";
-			break;
-		case "object":
-			if (!Array.isArray(propsCopy.name)) propsCopy.name = [propsCopy.name];
-			for (const sub of propsCopy.object || []) {
-				if (!sub.name) sub.name = propsCopy.name.concat(sub.id);
-				processProps(sub, config);
-			}
-			break;
-	}
-	return propsCopy;
-}
-/**
-* 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 { FormItem } from '@faasjs/ant-design'
-* import { Input } from 'antd'
-*
-* export function AccountFields() {
-*   return (
-*     <>
-*       <FormItem id="name" type="string" />
-*       <FormItem id="password">
-*         <Input.Password />
-*       </FormItem>
-*     </>
-*   )
-* }
-* ```
-*/
-function FormItem(props) {
-	const [computedProps, setComputedProps] = (0, react.useState)();
-	const [extendTypes, setExtendTypes] = (0, react.useState)();
-	const { theme } = useConfigContext();
-	const [hidden, setHidden] = (0, react.useState)(props.hidden || false);
-	(0, _faasjs_react.useEqualEffect)(() => {
-		const { extendTypes, ...propsCopy } = { ...props };
-		if (extendTypes) setExtendTypes(extendTypes);
-		if (propsCopy.if) {
-			const condition = propsCopy.if;
-			const originShouldUpdate = propsCopy.shouldUpdate;
-			propsCopy.shouldUpdate = (prev, cur) => {
-				const show = condition(cur);
-				const shouldUpdate = hidden !== show;
-				setHidden(!show);
-				const origin = originShouldUpdate ? typeof originShouldUpdate === "boolean" ? originShouldUpdate : originShouldUpdate(prev, cur, {}) : true;
-				return shouldUpdate || origin;
-			};
-			delete propsCopy.if;
-			delete propsCopy.hidden;
-		}
-		setComputedProps(processProps(propsCopy, theme.common));
-	}, [
-		hidden,
-		props,
-		theme.common
-	]);
-	if (!computedProps) return null;
-	const itemType = computedProps.type ?? "string";
-	if (hidden) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
-		...computedProps,
-		id: computedProps.id.toString(),
-		noStyle: true,
-		rules: [],
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Input, {
-			type: "hidden",
-			hidden: true
-		})
-	});
-	if (computedProps.formChildren === null || computedProps.children === null || computedProps.formRender === null || computedProps.render === null) return null;
-	const children = computedProps.formChildren || computedProps.children;
-	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
-		...computedProps,
-		id: computedProps.id.toString(),
-		children: cloneUnionFaasItemElement(children, { scene: "form" })
-	});
-	const render = computedProps.formRender || computedProps.render;
-	if (render) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
-		...computedProps,
-		id: computedProps.id.toString(),
-		children: render(void 0, Object.create(null), 0, "form")
-	});
-	const extendType = extendTypes?.[itemType];
-	if (extendType?.children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
-		...computedProps,
-		id: computedProps.id.toString(),
-		children: cloneUnionFaasItemElement(extendType.children, { scene: "form" })
-	});
-	const renderFormItemList = (inputElement) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.List, {
-		name: computedProps.name,
-		rules: computedProps.rules,
-		children: (fields, { add, remove }, { errors }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			computedProps.label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "ant-form-item-label",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-					className: (computedProps.rules || []).find((r) => r.required) && "ant-form-item-required",
-					children: computedProps.label
-				})
-			}),
-			fields.map((field) => {
-				const { key, ...fieldProps } = field;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
-					id: key.toString(),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(antd.Row, {
-						gutter: 24,
-						style: { flexFlow: "row nowrap" },
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Col, {
-							span: 23,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
-								...fieldProps,
-								noStyle: true,
-								children: inputElement
-							})
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Col, {
-							span: 1,
-							children: !computedProps.input?.disabled && (!(computedProps.rules || []).find((r) => r.required) || key > 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Button, {
-								danger: true,
-								type: "link",
-								style: { float: "right" },
-								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ant_design_icons.MinusCircleOutlined, {}),
-								onClick: () => remove(field.name)
-							})
-						})]
-					})
-				}, key);
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(antd.Form.Item, { children: [
-				!computedProps.input?.disabled && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Button, {
-					type: "dashed",
-					block: true,
-					onClick: () => add(),
-					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ant_design_icons.PlusOutlined, {})
-				}),
-				computedProps.extra && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "ant-form-item-extra",
-					children: computedProps.extra
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.ErrorList, { errors })
-			] })
-		] })
-	});
-	switch (itemType) {
-		case "string":
-			if (isOptionsProps(computedProps)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
-				...computedProps,
-				id: computedProps.id.toString(),
-				children: computedProps.options.length > 10 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Select, { ...computedProps.input }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Radio.Group, { ...computedProps.input })
-			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
-				...computedProps,
-				id: computedProps.id.toString(),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Input, { ...computedProps.input })
-			});
-		case "string[]":
-			if (isOptionsProps(computedProps)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
-				...computedProps,
-				id: computedProps.id.toString(),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Select, {
-					mode: "multiple",
-					...computedProps.input
-				})
-			});
-			return renderFormItemList(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Input, { ...computedProps.input }));
-		case "number":
-			if (isOptionsProps(computedProps)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
-				...computedProps,
-				id: computedProps.id.toString(),
-				children: computedProps.options.length > 10 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Select, { ...computedProps.input }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Radio.Group, { ...computedProps.input })
-			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
-				...computedProps,
-				id: computedProps.id.toString(),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.InputNumber, {
-					style: { width: "100%" },
-					...computedProps.input
-				})
-			});
-		case "number[]":
-			if (isOptionsProps(computedProps)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
-				...computedProps,
-				id: computedProps.id.toString(),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Select, {
-					mode: "multiple",
-					...computedProps.input
-				})
-			});
-			return renderFormItemList(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.InputNumber, {
-				style: { width: "100%" },
-				...computedProps.input
-			}));
-		case "boolean": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
-			...computedProps,
-			id: computedProps.id.toString(),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Switch, { ...computedProps.input })
-		});
-		case "date": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
-			...computedProps,
-			id: computedProps.id.toString(),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.DatePicker, { ...computedProps.input })
-		});
-		case "time": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.Item, {
-			...computedProps,
-			id: computedProps.id.toString(),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.DatePicker, {
-				...computedProps.input,
-				showTime: true
-			})
-		});
-		case "object": {
-			const objectItems = computedProps.object || [];
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [computedProps.label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "ant-form-item-label",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-					className: computedProps.rules?.find((r) => r.required) && "ant-form-item-required",
-					children: computedProps.label
-				})
-			}), objectItems.map((o) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormItem, { ...o }, o.id))] });
-		}
-		case "object[]": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.List, {
-			name: computedProps.name,
-			rules: computedProps.rules,
-			children: (fields, { add, remove }, { errors }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [fields.map((field) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(antd.Form.Item, {
-				id: field.key.toString(),
-				style: { marginBottom: 0 },
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "ant-form-item-label",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [
-						computedProps.label,
-						" ",
-						field.name + 1,
-						!computedProps.disabled && (!(computedProps.rules || []).find((r) => r.required) || field.key > 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Button, {
-							danger: true,
-							type: "link",
-							onClick: () => remove(field.name),
-							children: theme.common.delete
-						})
-					] })
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Row, {
-					gutter: 24,
-					children: (computedProps.object || []).map((o) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Col, {
-						span: o.col || 24,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormItem, {
-							...o,
-							name: [field.name, o.id]
-						})
-					}, o.id))
-				})]
-			}, field.key)), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(antd.Form.Item, { children: [
-				!computedProps.disabled && (!computedProps.maxCount || computedProps.maxCount > fields.length) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(antd.Button, {
-					type: "dashed",
-					block: true,
-					onClick: () => add(),
-					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ant_design_icons.PlusOutlined, {}),
-					children: [
-						theme.common.add,
-						" ",
-						computedProps.label
-					]
-				}),
-				computedProps.extra && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "ant-form-item-extra",
-					children: computedProps.extra
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Form.ErrorList, { errors })
-			] })] })
-		});
-		default: return null;
-	}
-}
-FormItem.useStatus = antd.Form.Item.useStatus;
-//#endregion
-//#region src/Form.tsx
-function isFormItemProps(item) {
-	return item.id !== void 0;
-}
-/**
-* Render a data-aware Ant Design form with optional FaasJS submission helpers.
-*
-* The component normalizes `initialValues` with {@link transferValue}, renders item definitions
-* through {@link FormItem}, and can either delegate submission to a custom `onFinish` handler or
-* the built-in FaasJS request flow configured by `faas`.
-*
-* @template Values - Form values shape.
-* @param {FormProps<Values>} props - Form props including items, submit behavior, and FaasJS integration.
-*
-* @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)
-*       }}
-*     />
-*   )
-* }
-* ```
-*
-* @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',
-*         }),
-*       }}
-*     />
-*   )
-* }
-* ```
-*/
-function Form(props) {
-	const [loading, setLoading] = (0, react.useState)(false);
-	const [antdProps, setAntdProps] = (0, react.useState)();
-	const [submit, setSubmit] = (0, react.useState)(props.submit === false ? false : {});
-	const [items, setItems] = (0, react.useState)([]);
-	const config = useConfigContext();
-	const [extendTypes, setExtendTypes] = (0, react.useState)();
-	const [form] = antd.Form.useForm(props.form);
-	const [initialValues, setInitialValues] = (0, react.useState)(props.initialValues || Object.create(null));
-	const [onFinish, setOnFinish] = (0, react.useState)();
-	(0, _faasjs_react.useEqualEffect)(() => {
-		if (props.onFinish) {
-			setOnFinish(() => async (values) => {
-				if (!props.onFinish) return;
-				setLoading(true);
-				try {
-					return await props.onFinish(values);
-				} finally {
-					setLoading(false);
-				}
-			});
-			return;
-		}
-		if (props.faas?.action) {
-			setOnFinish(() => async (values) => {
-				if (!props.faas?.action) return;
-				setLoading(true);
-				let submitValues = values;
-				try {
-					if (props.faas?.transformValues) submitValues = await props.faas.transformValues(values);
-					const extraParams = typeof props.faas?.params === "function" ? props.faas.params(submitValues) : props.faas.params;
-					if (extraParams) submitValues = {
-						...submitValues,
-						...extraParams
-					};
-					const result = await (0, _faasjs_react.faas)(props.faas.action, submitValues);
-					props.faas.onSuccess?.(result, submitValues);
-					return result;
-				} catch (error) {
-					props.faas.onError?.(error, submitValues);
-					throw error;
-				} finally {
-					props.faas.onFinally?.();
-					setLoading(false);
-				}
-			});
-			return;
-		}
-		setOnFinish(void 0);
-	}, [props.onFinish, props.faas]);
-	(0, _faasjs_react.useEqualEffect)(() => {
-		setExtendTypes(props.extendTypes);
-	}, [props.extendTypes]);
-	(0, _faasjs_react.useEqualEffect)(() => {
-		setSubmit(props.submit === false ? false : props.submit || {});
-	}, [props.submit]);
-	(0, _faasjs_react.useEqualEffect)(() => {
-		const nextInitialValues = props.initialValues ? JSON.parse(JSON.stringify(props.initialValues)) : Object.create(null);
-		for (const key in nextInitialValues) nextInitialValues[key] = transferValue(props.items?.find((item) => isFormItemProps(item) && item.id === key)?.type, nextInitialValues[key]);
-		if (props.items?.length) setItems(props.items.map((item) => {
-			if (!isFormItemProps(item) || !item.if) return item;
-			return {
-				...item,
-				hidden: !item.if(nextInitialValues)
-			};
-		}));
-		else setItems([]);
-		if (props.initialValues) {
-			setInitialValues(nextInitialValues);
-			return;
-		}
-		setInitialValues(null);
-	}, [props.initialValues, props.items]);
-	(0, _faasjs_react.useEqualEffect)(() => {
-		const propsCopy = { ...props };
-		delete propsCopy.onFinish;
-		delete propsCopy.faas;
-		delete propsCopy.extendTypes;
-		delete propsCopy.submit;
-		delete propsCopy.items;
-		delete propsCopy.initialValues;
-		setAntdProps(propsCopy);
-	}, [props]);
-	const onValuesChange = (0, _faasjs_react.useEqualCallback)((changedValues, allValues) => {
-		console.debug("Form:onValuesChange", changedValues, allValues);
-		if (props.onValuesChange) props.onValuesChange(changedValues, allValues);
-		if (!items.length) return;
-		for (const key in changedValues) {
-			const item = items.find((i) => isFormItemProps(i) && i.id === key);
-			if (item?.onValueChange) item.onValueChange(changedValues[key], allValues, form);
-		}
-	}, [
-		items,
-		props.onValuesChange,
-		form
-	]);
-	(0, _faasjs_react.useEqualEffect)(() => {
-		if (!initialValues) return;
-		console.debug("Form:initialValues", initialValues);
-		form.setFieldsValue(initialValues);
-		setInitialValues(null);
-	}, [
-		form,
-		initialValues,
-		items
-	]);
-	if (!antdProps) return null;
-	const submitButtonProps = typeof submit === "object" ? submit.buttonProps : void 0;
-	const submitButtonLoading = loading ? true : submitButtonProps?.loading ?? false;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(antd.Form, {
-		...antdProps,
-		form,
-		onFinish,
-		onValuesChange,
-		children: [
-			props.beforeItems,
-			items.map((item) => {
-				if (isFormItemProps(item)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormItem, {
-					...item,
-					...extendTypes ? { extendTypes } : {}
-				}, item.id);
-				return item;
-			}),
-			props.children,
-			typeof submit !== "boolean" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Button, {
-				...submitButtonProps,
-				htmlType: "submit",
-				type: submitButtonProps?.type || "primary",
-				loading: submitButtonLoading,
-				children: submit?.text || config.theme.Form.submit.text
-			}),
-			props.footer
-		]
-	});
-}
-Form.useForm = antd.Form.useForm;
-Form.useFormInstance = antd.Form.useFormInstance;
-Form.useWatch = antd.Form.useWatch;
-Form.Item = FormItem;
-Form.List = antd.Form.List;
-Form.ErrorList = antd.Form.ErrorList;
-Form.Provider = antd.Form.Provider;
-//#endregion
-//#region src/Link.tsx
-/**
-* Render a navigation-aware link or button.
-*
-* 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 { Link } from '@faasjs/ant-design'
-*
-* export function Navigation() {
-*   return (
-*     <>
-*       <Link href="/">Home</Link>
-*       <Link href="/users/new" button={{ type: 'primary' }}>
-*         Create User
-*       </Link>
-*     </>
-*   )
-* }
-* ```
-*/
-function Link(props) {
-	const { theme } = useConfigContext();
-	const navigate = (0, react_router_dom.useNavigate)();
-	const target = props.target || theme.Link?.target || (props.href.startsWith("http") ? "_blank" : void 0);
-	let computedStyle = {
-		...theme.Link.style,
-		cursor: "pointer",
-		...props.style
-	};
-	if (props.block) computedStyle = Object.assign({
-		display: "block",
-		width: "100%"
-	}, computedStyle);
-	const buttonProps = props.button && typeof props.button === "object" ? props.button : void 0;
-	const copyableProps = typeof props.copyable === "undefined" ? {} : { copyable: props.copyable };
-	if (props.button) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Button, {
-		...buttonProps,
-		style: computedStyle,
-		onClick: (e) => {
-			e.preventDefault();
-			if (props.onClick) {
-				props.onClick(e);
-				return;
-			}
-			if (target === "_blank") {
-				window.open(props.href);
-				return;
-			}
-			navigate(props.href);
-		},
-		children: props.children ?? props.text
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Typography.Link, {
-		href: props.href,
-		target,
-		style: computedStyle,
-		...copyableProps,
-		onClick: (e) => {
-			e.preventDefault();
-			if (props.onClick) {
-				props.onClick(e);
-				return;
-			}
-			if (target === "_blank") {
-				window.open(props.href);
-				return;
-			}
-			navigate(props.href);
-		},
-		children: props.children ?? props.text
-	});
-}
-//#endregion
-//#region src/Routers.tsx
-/**
-* Default 404 route element that uses the configured localized title.
-*
-* @example
-* ```tsx
-* import { PageNotFound, Routes } from '@faasjs/ant-design'
-*
-* export function AppRoutes() {
-*   return (
-*     <Routes
-*       routes={[{ path: '/', element: <div>Home</div> }]}
-*       notFound={<PageNotFound />}
-*     />
-*   )
-* }
-* ```
-*/
-function PageNotFound() {
-	const { theme } = useConfigContext();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Result, {
-		status: "404",
-		title: theme.common.pageNotFound
-	});
-}
-/**
-* 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>
-*   )
-* }
-* ```
-*/
-function Routes(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_router_dom.Routes, { children: [props.routes.map((r) => {
-		const Page = r.page;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.Route, {
-			...r,
-			element: r.element || (Page ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
-				fallback: props.fallback || /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					style: { padding: "24px" },
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Skeleton, { active: true })
-				}),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Page, {})
-			}) : void 0)
-		}, r.path);
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.Route, {
-		path: "*",
-		element: props.notFound || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageNotFound, {})
-	}, "*")] });
-}
-//#endregion
-//#region src/Table.tsx
-function processValue(item, value) {
-	const itemType = item.type ?? "string";
-	const transferred = transferValue(itemType, value);
-	if (transferred === null || Array.isArray(transferred) && transferred.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Blank, {});
-	if (item.options) {
-		if (itemType.endsWith("[]")) return transferred.map((v) => item.options.find((option) => option.value === v)?.label || v).join(", ");
-		if ([
-			"string",
-			"number",
-			"boolean"
-		].includes(itemType)) return item.options.find((option) => option.value === transferred)?.label || transferred;
-	}
-	if (itemType.endsWith("[]")) return transferred.join(", ");
-	if (["date", "time"].includes(itemType)) return transferred.format(itemType === "date" ? "YYYY-MM-DD" : "YYYY-MM-DD HH:mm:ss");
-	return transferred;
-}
-/**
-* 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' },
-*       ]}
-*     />
-*   )
-* }
-* ```
-*/
-function Table(props) {
-	const [columns, setColumns] = (0, react.useState)();
-	const { theme } = useConfigContext();
-	const { all, blank, search } = theme.common;
-	const generateFilterDropdown = (0, react.useCallback)((item) => {
-		if (item.filterDropdown && item.filterDropdown !== true) return;
-		if (!item.options?.length) return;
-		if (item.options.length < 11) {
-			if (!item.filters) item.filters = item.options.map((o) => ({
-				text: o.label,
-				value: o.value
-			}));
-			return;
-		}
-		item.filterDropdown = ({ setSelectedKeys, selectedKeys, confirm }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			style: {
-				padding: 8,
-				width: "200px"
-			},
-			onKeyDown: (e) => e.stopPropagation(),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Select, {
-				options: item.options,
-				allowClear: true,
-				showSearch: true,
-				style: { width: "100%" },
-				placeholder: `${search} ${item.title}`,
-				value: selectedKeys,
-				onChange: (v) => {
-					setSelectedKeys(v?.length ? v : []);
-					confirm();
-				},
-				mode: "multiple",
-				filterOption: (input, option) => {
-					if (!input || !option) return true;
-					if (typeof option.label !== "string") return option.value === input;
-					input = input.trim();
-					return option.value === input || option.label.toLowerCase().includes(input.toLowerCase());
-				}
-			})
-		});
-		return item;
-	}, [search]);
-	(0, _faasjs_react.useEqualEffect)(() => {
-		const items = (0, lodash_es.cloneDeep)(props.items).filter((item) => !(item.tableChildren === null || item.children === null || item.tableRender === null || item.render === null));
-		const createTextSearchFilterDropdown = (item, transformValue) => ({ setSelectedKeys, confirm, clearFilters }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Input.Search, {
-			placeholder: `${search} ${item.title}`,
-			allowClear: true,
-			onSearch: (v) => {
-				if (v) setSelectedKeys(transformValue ? [transformValue(v)] : [v]);
-				else {
-					setSelectedKeys([]);
-					clearFilters?.();
-				}
-				confirm();
-			}
-		});
-		for (const item of items) {
-			if (!item.key) item.key = item.id;
-			if (!item.dataIndex) item.dataIndex = item.id;
-			const itemType = item.type ?? "string";
-			item.title = item.title ?? idToTitle(item.id);
-			item.type = itemType;
-			if (item.options?.length) {
-				item.options = transferOptions(item.options);
-				item.filters = item.options.map((o) => ({
-					text: o.label,
-					value: o.value
-				})).concat({
-					text: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Blank, {}),
-					value: null
-				});
-				generateFilterDropdown(item);
-			}
-			const children = item.tableChildren || item.children;
-			if (children) {
-				item.render = (value, values) => cloneUnionFaasItemElement(children, {
-					scene: "table",
-					value,
-					values,
-					index: 0
-				});
-				delete item.children;
-				delete item.tableChildren;
-				continue;
-			}
-			const render = item.tableRender || item.render;
-			if (render) {
-				item.render = (value, values) => render(value, values, 0, "table");
-				delete item.tableRender;
-				continue;
-			}
-			const extendType = props.extendTypes?.[itemType];
-			if (extendType) {
-				const extendChildren = extendType.children;
-				if (extendChildren) item.render = (value, values) => cloneUnionFaasItemElement(extendChildren, {
-					scene: "table",
-					value,
-					values,
-					index: 0
-				});
-				else {
-					const extendRender = extendType.render;
-					if (extendRender) item.render = (value, values) => extendRender(value, values, 0, "table");
-					else throw Error(`${itemType} requires children or render`);
-				}
-				continue;
-			}
-			switch (itemType) {
-				case "string":
-					if (!item.render) item.render = (value) => processValue(item, value);
-					if (item.filterDropdown !== false) {
-						if (!item.onFilter && !props.faasData) item.onFilter = (value, row) => {
-							if (!value || (0, lodash_es.isNil)(value)) return true;
-							if ((0, lodash_es.isNil)(row[item.id])) return false;
-							return row[item.id].trim().toLowerCase().includes(value.trim().toLowerCase());
-						};
-						if (typeof item.filterDropdown === "undefined" && !item.filters && item.optionsType !== "auto") item.filterDropdown = createTextSearchFilterDropdown(item);
-					}
-					break;
-				case "string[]":
-					if (!item.render) item.render = (value) => processValue(item, value);
-					if (item.filterDropdown !== false) {
-						if (!item.onFilter && !props.faasData) item.onFilter = (value, row) => {
-							if (value === null && (!row[item.id] || !row[item.id].length)) return true;
-							if (!row[item.id] || !row[item.id].length || !value) return false;
-							return row[item.id].some((v) => v.trim().toLowerCase().includes(value.trim().toLowerCase()));
-						};
-						if (typeof item.filterDropdown === "undefined" && !item.filters && item.optionsType !== "auto") item.filterDropdown = createTextSearchFilterDropdown(item);
-					}
-					break;
-				case "number":
-					if (!item.render) item.render = (value) => processValue(item, value);
-					if (typeof item.sorter === "undefined") item.sorter = (a, b) => a[item.id] - b[item.id];
-					if (item.filterDropdown !== false) {
-						if (!item.onFilter && !props.faasData) item.onFilter = (value, row) => {
-							if (value === null) return true;
-							if ((0, lodash_es.isNil)(row[item.id])) return false;
-							return value == row[item.id];
-						};
-						if (typeof item.filterDropdown === "undefined" && !item.filters) item.filterDropdown = createTextSearchFilterDropdown(item, Number);
-					}
-					break;
-				case "number[]":
-					if (!item.render) item.render = (value) => processValue(item, value);
-					if (item.filterDropdown !== false) {
-						if (!item.onFilter && !props.faasData) item.onFilter = (value, row) => {
-							if (value === null && (!row[item.id] || !row[item.id].length)) return true;
-							if (!row[item.id] || !row[item.id].length) return false;
-							return row[item.id].includes(Number(value));
-						};
-						if (typeof item.filterDropdown === "undefined" && !item.filters) item.filterDropdown = createTextSearchFilterDropdown(item, Number);
-					}
-					break;
-				case "boolean":
-					if (!item.render) item.render = (value) => (0, lodash_es.isNil)(value) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Blank, {}) : value ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ant_design_icons.CheckOutlined, { style: {
-						marginTop: "4px",
-						color: "#52c41a"
-					} }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ant_design_icons.CloseOutlined, { style: {
-						marginTop: "4px",
-						color: "#ff4d4f"
-					} });
-					if (item.filterDropdown !== false) {
-						if (typeof item.filterDropdown === "undefined") item.filterDropdown = ({ setSelectedKeys, selectedKeys, confirm: confirmFilter }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(antd.Radio.Group, {
-							style: { padding: 8 },
-							buttonStyle: "solid",
-							value: JSON.stringify(selectedKeys[0]),
-							onChange: (e) => {
-								setSelectedKeys(e.target.value ? [{
-									true: true,
-									false: false,
-									null: null
-								}[e.target.value]] : []);
-								confirmFilter();
-							},
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Radio.Button, { children: all }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Radio.Button, {
-									value: "true",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ant_design_icons.CheckOutlined, { style: {
-										color: "#52c41a",
-										verticalAlign: "middle"
-									} })
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Radio.Button, {
-									value: "false",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ant_design_icons.CloseOutlined, { style: {
-										verticalAlign: "middle",
-										color: "#ff4d4f"
-									} })
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Radio.Button, {
-									value: "null",
-									children: blank
-								})
-							]
-						});
-						if (!item.onFilter && !props.faasData) item.onFilter = (value, row) => {
-							switch (value) {
-								case true: return !(0, lodash_es.isNil)(row[item.id]) && row[item.id] !== false;
-								case false: return !(0, lodash_es.isNil)(row[item.id]) && !row[item.id];
-								default: return (0, lodash_es.isNil)(row[item.id]);
-							}
-						};
-					}
-					break;
-				case "date":
-				case "time":
-					if (itemType === "time") item.width = item.width ?? 200;
-					if (!item.render) item.render = (value) => processValue(item, value);
-					if (typeof item.sorter === "undefined") item.sorter = (a, b, order) => {
-						if ((0, lodash_es.isNil)(a[item.id])) return order === "ascend" ? 1 : -1;
-						if ((0, lodash_es.isNil)(b[item.id])) return order === "ascend" ? -1 : 1;
-						return new Date(a[item.id]).getTime() < new Date(b[item.id]).getTime() ? -1 : 1;
-					};
-					if (item.filterDropdown !== false) {
-						if (typeof item.filterDropdown === "undefined") item.filterDropdown = ({ setSelectedKeys, confirm }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.DatePicker.RangePicker, { onChange: (dates) => {
-							const start = dates?.[0];
-							const end = dates?.[1];
-							setSelectedKeys(start && end ? [[start.startOf("day").toISOString(), end.endOf("day").toISOString()]] : []);
-							confirm();
-						} });
-						if (!item.onFilter && !props.faasData) item.onFilter = (value, row) => {
-							if ((0, lodash_es.isNil)(value[0])) return true;
-							if ((0, lodash_es.isNil)(row[item.id])) return false;
-							return (0, dayjs.default)(row[item.id]) >= (0, dayjs.default)(value[0]) && (0, dayjs.default)(row[item.id]) <= (0, dayjs.default)(value[1]);
-						};
-					}
-					break;
-				case "object":
-					if (!item.render) item.render = (value) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Description, {
-						items: item.object || [],
-						dataSource: value || {},
-						column: 1
-					});
-					break;
-				case "object[]":
-					if (!item.render) item.render = (value) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: value.map((v, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Description, {
-						items: item.object || [],
-						dataSource: v || [],
-						column: 1
-					}, i)) });
-					break;
-				default:
-					if (!item.render) item.render = (value) => processValue(item, value);
-					if (item.filterDropdown !== false && !item.onFilter && !props.faasData) item.onFilter = (value, row) => {
-						if (value === null && (0, lodash_es.isNil)(row[item.id])) return true;
-						return value === row[item.id];
-					};
-					break;
-			}
-		}
-		setColumns(items);
-	}, [
-		all,
-		blank,
-		generateFilterDropdown,
-		props.extendTypes,
-		props.faasData,
-		props.items,
-		search
-	]);
-	(0, _faasjs_react.useEqualEffect)(() => {
-		if (!props.dataSource || !columns) return;
-		for (const column of columns) if (column.optionsType === "auto" && !column.options && !column.filters) {
-			const options = (0, lodash_es.uniqBy)(props.dataSource, column.id).map((v) => ({
-				label: v[column.id],
-				value: v[column.id]
-			}));
-			if (options.length) setColumns((prev) => {
-				const newColumns = [...prev || []];
-				const index = newColumns.findIndex((item) => item.id === column.id);
-				if (index < 0) return newColumns;
-				newColumns[index].options = options;
-				generateFilterDropdown(newColumns[index]);
-				return newColumns;
-			});
-		}
-	}, [
-		props.dataSource,
-		columns,
-		generateFilterDropdown
-	]);
-	if (!columns) return null;
-	if (props.dataSource) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Table, {
-		...props,
-		rowKey: props.rowKey || "id",
-		columns,
-		dataSource: props.dataSource
-	});
-	if (!props.faasData) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FaasDataTable, {
-		props,
-		columns
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FaasDataWrapper, {
-		...props.faasData,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FaasDataTable, {
-			props,
-			columns
-		})
-	});
-}
-function FaasDataTable({ props, columns, data, params, reload, loading }) {
-	const [currentColumns, setCurrentColumns] = (0, react.useState)(columns);
-	(0, _faasjs_react.useEqualEffect)(() => {
-		if (!data || Array.isArray(data)) return;
-		setCurrentColumns((prev) => {
-			const newColumns = [...prev];
-			for (const column of newColumns) {
-				if (data.options?.[column.id]) {
-					column.options = transferOptions(data.options[column.id]);
-					column.filters = column.options.map((v) => ({
-						text: v.label,
-						value: v.value
-					})).concat({
-						text: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Blank, {}),
-						value: null
-					});
-					column.render = (value) => processValue(column, value);
-					if (column.filterDropdown) delete column.filterDropdown;
-					continue;
-				}
-				if (column.optionsType === "auto" && !column.options && !column.filters) {
-					const filters = (0, lodash_es.uniqBy)(props.dataSource, column.id).map((v) => ({
-						text: v[column.id],
-						value: v[column.id]
-					}));
-					if (filters.length) column.filters = filters.concat({
-						text: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Blank, {}),
-						value: null
-					});
-				}
-			}
-			return newColumns;
-		});
-	}, [data, props.dataSource]);
-	if (!data) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Table, {
-		...props,
-		...typeof loading === "undefined" ? {} : { loading },
-		rowKey: props.rowKey || "id",
-		columns: currentColumns,
-		dataSource: []
-	});
-	if (Array.isArray(data)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Table, {
-		...props,
-		...typeof loading === "undefined" ? {} : { loading },
-		rowKey: props.rowKey || "id",
-		columns: currentColumns,
-		dataSource: data
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Table, {
-		...props,
-		...typeof loading === "undefined" ? {} : { loading },
-		rowKey: props.rowKey || "id",
-		columns: currentColumns,
-		dataSource: data.rows,
-		pagination: props.pagination === false ? false : {
-			...props.pagination || Object.create(null),
-			...data.pagination || Object.create(null)
-		},
-		onChange: (pagination, filters, sorter, extra) => {
-			if (!reload) return;
-			if (props.onChange) {
-				const processed = props.onChange(pagination, filters, sorter, extra);
-				reload({
-					...params || Object.create(null),
-					pagination: processed.pagination,
-					filters: processed.filters,
-					sorter: processed.sorter,
-					extra: processed.extra
-				});
-				return;
-			}
-			reload({
-				...params || Object.create(null),
-				pagination,
-				filters,
-				sorter
-			});
-		}
-	});
-}
-//#endregion
-//#region src/Tabs.tsx
-/**
-* Render an Ant Design tabs wrapper that accepts FaasJS-style tab definitions.
-*
-* 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'
-*
-* export function Page() {
-*   return (
-*     <Tabs
-*       items={[
-*         {
-*           id: 'id',
-*           children: 'content',
-*         },
-*         1 === 0 && {
-*           id: 'hidden',
-*           children: 'content',
-*         },
-*       ]}
-*     />
-*   )
-* }
-* ```
-*/
-function Tabs(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Tabs, {
-		...props,
-		items: props.items.filter(Boolean).map((i) => ({
-			...i,
-			key: i.key ?? i.id,
-			label: i.label ?? i.title ?? i.id
-		}))
-	});
-}
-//#endregion
-//#region src/Title.tsx
-/**
-* Update `document.title` and optionally render the title inline.
-*
-* The component returns `null` by default and is often used only for its side effect.
-*
-* @param {TitleProps} props - Title props controlling document title updates and optional inline rendering.
-*
-* @example
-* ```tsx
-* import { Title } from '@faasjs/ant-design'
-*
-* export function DetailPage() {
-*   return (
-*     <>
-*       <Title title={['Orders', 'Detail']} h1 />
-*       <div>...</div>
-*     </>
-*   )
-* }
-* ```
-*/
-function Title(props) {
-	const { theme } = useConfigContext();
-	(0, _faasjs_react.useEqualEffect)(() => {
-		const title = Array.isArray(props.title) ? props.title : [props.title];
-		document.title = title.concat(props.suffix || theme.Title.suffix).filter((t) => !!t).join(props.separator || theme.Title.separator);
-	}, [props, theme.Title]);
-	if (props.h1) {
-		if (typeof props.h1 === "boolean") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", { children: Array.isArray(props.title) ? props.title[0] : props.title });
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
-			className: props.h1.className,
-			style: props.h1.style,
-			children: Array.isArray(props.title) ? props.title[0] : props.title
-		});
-	}
-	if (props.plain) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: Array.isArray(props.title) ? props.title[0] : props.title });
-	if (props.children) return (0, react.cloneElement)(props.children, { title: props.title });
-	return null;
-}
-//#endregion
-//#region src/useThemeToken.ts
-/**
-* Read the current Ant Design theme token.
-*
-* @returns Ant Design global token object for the active theme.
-*
-* @example
-* ```tsx
-* import { useThemeToken } from '@faasjs/ant-design'
-*
-* function PrimarySwatch() {
-*   const { colorPrimary } = useThemeToken()
-*
-*   return <div style={{ width: 24, height: 24, background: colorPrimary }} />
-* }
-* ```
-*/
-function useThemeToken() {
-	return antd.theme.useToken().token;
-}
-//#endregion
-exports.App = App;
-exports.AppContext = AppContext;
-exports.Blank = Blank;
-exports.ConfigContext = ConfigContext;
-exports.ConfigProvider = ConfigProvider;
-exports.Description = Description;
-exports.Drawer = antd.Drawer;
-exports.ErrorBoundary = ErrorBoundary;
-exports.FaasDataWrapper = FaasDataWrapper;
-exports.FaasReactClient = _faasjs_react.FaasReactClient;
-exports.Form = Form;
-exports.FormItem = FormItem;
-exports.Link = Link;
-exports.Loading = Loading;
-exports.Modal = antd.Modal;
-exports.PageNotFound = PageNotFound;
-exports.Routes = Routes;
-exports.Table = Table;
-exports.Tabs = Tabs;
-exports.Title = Title;
-exports.cloneUnionFaasItemElement = cloneUnionFaasItemElement;
-exports.faas = _faasjs_react.faas;
-exports.idToTitle = idToTitle;
-Object.defineProperty(exports, "lazy", {
-	enumerable: true,
-	get: function() {
-		return react.lazy;
-	}
-});
-exports.transferOptions = transferOptions;
-exports.transferValue = transferValue;
-exports.useApp = useApp;
-exports.useConfigContext = useConfigContext;
-exports.useDrawer = useDrawer;
-exports.useFaas = _faasjs_react.useFaas;
-exports.useModal = useModal;
-exports.useThemeToken = useThemeToken;
-exports.withFaasData = withFaasData;