@jinmi/ui 6.0.1 → 6.1.0

package/es/base-ui/Form/Form.mjs

@@ -9,7 +9,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cx, useResponsive } from "antd-style";
 import { isUndefined } from "es-toolkit/compat";
 import { Form } from "@base-ui/react/form";
-//#region src/base-ui/Form/Form.tsx
+// src/base-ui/Form/Form.tsx
 const serializeForm = (form) => {
 	if (!form) return "";
 	const entries = [...new FormData(form).entries()].filter(([, value]) => typeof value === "string");
@@ -149,7 +149,6 @@ const Form$1 = memo(({ className, itemMinWidth, footer, items = [], children, it
 	});
 });
 Form$1.displayName = "Form";
-//#endregion
 export { Form$1 as default };
 
 //# sourceMappingURL=Form.mjs.map

package/es/base-ui/Form/components/FormDivider.d.mts

@@ -1,7 +1,5 @@
 import { FormDividerProps } from "../type.mjs";
 import { FC } from "react";
-//#region src/base-ui/Form/components/FormDivider.d.ts
 declare const FormDivider: FC<FormDividerProps>;
-//#endregion
 export { FormDivider as default };
 //# sourceMappingURL=FormDivider.d.mts.map

package/es/base-ui/Form/components/FormDivider.mjs

@@ -2,7 +2,7 @@
 import { dividerStyles } from "../style.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-//#region src/base-ui/Form/components/FormDivider.tsx
+// src/base-ui/Form/components/FormDivider.tsx
 const FormDivider = ({ visible = true, style, className, ...rest }) => /* @__PURE__ */ jsx("div", {
 	className: cx(dividerStyles.root, className),
 	role: "separator",
@@ -13,7 +13,6 @@ const FormDivider = ({ visible = true, style, className, ...rest }) => /* @__PUR
 	...rest
 });
 FormDivider.displayName = "FormDivider";
-//#endregion
 export { FormDivider as default };
 
 //# sourceMappingURL=FormDivider.mjs.map

package/es/base-ui/Form/components/FormField.d.mts

@@ -1,6 +1,4 @@
 import { FormFieldProps } from "../type.mjs";
-//#region src/base-ui/Form/components/FormField.d.ts
 declare const FormField: import("react").NamedExoticComponent<FormFieldProps>;
-//#endregion
 export { FormField as default };
 //# sourceMappingURL=FormField.d.mts.map

package/es/base-ui/Form/components/FormField.mjs

@@ -7,7 +7,7 @@ import { cloneElement, isValidElement, memo, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cx, useResponsive } from "antd-style";
 import { Field } from "@base-ui/react/field";
-//#region src/base-ui/Form/components/FormField.tsx
+// src/base-ui/Form/components/FormField.tsx
 const FormField = memo(({ avatar, children, className, desc, divider, hidden, label, layout, minWidth, name, required, style, tag, variant, ...rest }) => {
 	const { mobile } = useResponsive();
 	const config = useFormContext();
@@ -53,7 +53,6 @@ const FormField = memo(({ avatar, children, className, desc, divider, hidden, la
 	})] });
 });
 FormField.displayName = "FormField";
-//#endregion
 export { FormField as default };
 
 //# sourceMappingURL=FormField.mjs.map

package/es/base-ui/Form/components/FormFlatGroup.d.mts

@@ -1,6 +1,4 @@
 import { FormFlatGroupProps } from "../type.mjs";
-//#region src/base-ui/Form/components/FormFlatGroup.d.ts
 declare const FormFlatGroup: import("react").NamedExoticComponent<FormFlatGroupProps>;
-//#endregion
 export { FormFlatGroup as default };
 //# sourceMappingURL=FormFlatGroup.d.mts.map

package/es/base-ui/Form/components/FormFlatGroup.mjs

@@ -4,7 +4,7 @@ import { flatGroupStyles, flatGroupVariants } from "../style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx, useResponsive } from "antd-style";
-//#region src/base-ui/Form/components/FormFlatGroup.tsx
+// src/base-ui/Form/components/FormFlatGroup.tsx
 const FormFlatGroup = memo(({ className, children, variant = "borderless", ...rest }) => {
 	const { mobile } = useResponsive();
 	return /* @__PURE__ */ jsx(FlexBasic_default, {
@@ -14,7 +14,6 @@ const FormFlatGroup = memo(({ className, children, variant = "borderless", ...re
 	});
 });
 FormFlatGroup.displayName = "FormFlatGroup";
-//#endregion
 export { FormFlatGroup as default };
 
 //# sourceMappingURL=FormFlatGroup.mjs.map

package/es/base-ui/Form/components/FormFooter.d.mts

@@ -1,7 +1,5 @@
 import { FormFooterProps } from "../type.mjs";
 import { FC } from "react";
-//#region src/base-ui/Form/components/FormFooter.d.ts
 declare const FormFooter: FC<FormFooterProps>;
-//#endregion
 export { FormFooter as default };
 //# sourceMappingURL=FormFooter.d.mts.map

package/es/base-ui/Form/components/FormFooter.mjs

@@ -3,7 +3,7 @@ import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
 import { footerStyles } from "../style.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-//#region src/base-ui/Form/components/FormFooter.tsx
+// src/base-ui/Form/components/FormFooter.tsx
 const FormFooter = ({ className, children, ...rest }) => /* @__PURE__ */ jsx(FlexBasic_default, {
 	horizontal: true,
 	align: "center",
@@ -14,7 +14,6 @@ const FormFooter = ({ className, children, ...rest }) => /* @__PURE__ */ jsx(Fle
 	children
 });
 FormFooter.displayName = "FormFooter";
-//#endregion
 export { FormFooter as default };
 
 //# sourceMappingURL=FormFooter.mjs.map

package/es/base-ui/Form/components/FormGroup.d.mts

@@ -1,6 +1,4 @@
 import { FormGroupProps } from "../type.mjs";
-//#region src/base-ui/Form/components/FormGroup.d.ts
 declare const FormGroup: import("react").NamedExoticComponent<FormGroupProps>;
-//#endregion
 export { FormGroup as default };
 //# sourceMappingURL=FormGroup.d.mts.map

package/es/base-ui/Form/components/FormGroup.mjs

@@ -6,7 +6,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cx, useResponsive, useThemeMode } from "antd-style";
 import { ChevronDown } from "lucide-react";
 import { Collapsible } from "@base-ui/react/collapsible";
-//#region src/base-ui/Form/components/FormGroup.tsx
+// src/base-ui/Form/components/FormGroup.tsx
 const GroupTitle = memo(({ icon, title, desc, variant, mobile }) => /* @__PURE__ */ jsxs("div", {
 	className: cx(groupStyles.title, variant === "borderless" && !mobile && groupStyles.titleBorderless, mobile && groupStyles.mobileTitle),
 	children: [icon && /* @__PURE__ */ jsx(Icon, { icon }), /* @__PURE__ */ jsxs("div", { children: [title, desc && /* @__PURE__ */ jsx("div", {
@@ -89,7 +89,6 @@ const FormGroup = memo(({ className, icon, title, children, extra, variant = "bo
 	});
 });
 FormGroup.displayName = "FormGroup";
-//#endregion
 export { FormGroup as default };
 
 //# sourceMappingURL=FormGroup.mjs.map

package/es/base-ui/Form/components/FormSubmitFooter.d.mts

@@ -1,6 +1,4 @@
 import { FormSubmitFooterProps } from "../type.mjs";
-//#region src/base-ui/Form/components/FormSubmitFooter.d.ts
 declare const FormSubmitFooter: import("react").NamedExoticComponent<FormSubmitFooterProps>;
-//#endregion
 export { FormSubmitFooter as default };
 //# sourceMappingURL=FormSubmitFooter.d.mts.map

package/es/base-ui/Form/components/FormSubmitFooter.mjs

@@ -11,7 +11,7 @@ import { memo, useEffect } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cssVar, cx } from "antd-style";
 import { InfoIcon } from "lucide-react";
-//#region src/base-ui/Form/components/FormSubmitFooter.tsx
+// src/base-ui/Form/components/FormSubmitFooter.tsx
 const FormSubmitFooter = memo(({ enableReset = true, buttonProps, float, onReset, saveButtonProps, resetButtonProps, enableUnsavedWarning, children, texts, className, ...rest }) => {
 	const Motion = useMotionComponent();
 	const { hasUnsavedChanges, requestReset, submitLoading } = useFormContext();
@@ -112,7 +112,6 @@ const FormSubmitFooter = memo(({ enableReset = true, buttonProps, float, onReset
 	});
 });
 FormSubmitFooter.displayName = "FormSubmitFooter";
-//#endregion
 export { FormSubmitFooter as default };
 
 //# sourceMappingURL=FormSubmitFooter.mjs.map

package/es/base-ui/Form/components/FormTitle.d.mts

@@ -1,7 +1,5 @@
 import { FormTitleProps } from "../type.mjs";
 import { FC } from "react";
-//#region src/base-ui/Form/components/FormTitle.d.ts
 declare const FormTitle: FC<FormTitleProps>;
-//#endregion
 export { FormTitle as default };
 //# sourceMappingURL=FormTitle.d.mts.map

package/es/base-ui/Form/components/FormTitle.mjs

@@ -4,7 +4,7 @@ import Tag from "../../Tag/Tag.mjs";
 import { titleStyles } from "../style.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-//#region src/base-ui/Form/components/FormTitle.tsx
+// src/base-ui/Form/components/FormTitle.tsx
 const FormTitle = ({ tag, title, desc, avatar, classNames, styles: customStyles, tagProps, ...rest }) => {
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
 		horizontal: true,
@@ -36,7 +36,6 @@ const FormTitle = ({ tag, title, desc, avatar, classNames, styles: customStyles,
 	});
 };
 FormTitle.displayName = "FormTitle";
-//#endregion
 export { FormTitle as default };
 
 //# sourceMappingURL=FormTitle.mjs.map

package/es/base-ui/Form/context.d.mts

@@ -1,6 +1,4 @@
 import { FormContextValue } from "./type.mjs";
-//#region src/base-ui/Form/context.d.ts
 declare const useFormContext: () => FormContextValue;
-//#endregion
 export { useFormContext };
 //# sourceMappingURL=context.d.mts.map

package/es/base-ui/Form/context.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { createContext, use } from "react";
-//#region src/base-ui/Form/context.ts
+// src/base-ui/Form/context.ts
 const FormContext = createContext({
 	hasUnsavedChanges: false,
 	layout: "horizontal",
@@ -9,7 +9,6 @@ const FormContext = createContext({
 	variant: "borderless"
 });
 const useFormContext = () => use(FormContext);
-//#endregion
 export { FormContext, useFormContext };
 
 //# sourceMappingURL=context.mjs.map

package/es/base-ui/Form/index.d.mts

@@ -9,7 +9,6 @@ import FormGroup from "./components/FormGroup.mjs";
 import FormSubmitFooter from "./components/FormSubmitFooter.mjs";
 import FormTitle from "./components/FormTitle.mjs";
 import { useFormContext } from "./context.mjs";
-//#region src/base-ui/Form/index.d.ts
 /**
  * @deprecated Use `Form` from `@jinmi/ui/base-ui/form`. This uncontrolled Form is removed in the next major.
  */
@@ -22,6 +21,5 @@ declare const Form: import("react").NamedExoticComponent<FormProps> & {
   SubmitFooter: import("react").NamedExoticComponent<FormSubmitFooterProps>;
   Title: import("react").FC<FormTitleProps>;
 };
-//#endregion
 export { Form, Form as default, type FormContextValue, FormDivider, type FormDividerProps, FormField, type FormFieldProps, FormFlatGroup, type FormFlatGroupProps, FormFooter, type FormFooterProps, FormGroup, type FormGroupItemType, type FormGroupProps, type FormLayout, type FormProps, FormSubmitFooter, type FormSubmitFooterProps, FormTitle, type FormTitleProps, type FormValues, type FormVariant, type ItemsType, useFormContext };
 //# sourceMappingURL=index.d.mts.map

package/es/base-ui/Form/index.mjs

@@ -8,7 +8,7 @@ import FormFooter from "./components/FormFooter.mjs";
 import FormGroup from "./components/FormGroup.mjs";
 import FormSubmitFooter from "./components/FormSubmitFooter.mjs";
 import Form$1 from "./Form.mjs";
-//#region src/base-ui/Form/index.ts
+// src/base-ui/Form/index.ts
 /**
 * @deprecated Use `Form` from `@jinmi/ui/base-ui/form`. This uncontrolled Form is removed in the next major.
 */
@@ -21,7 +21,6 @@ const Form = Object.assign(Form$1, {
 	SubmitFooter: FormSubmitFooter,
 	Title: FormTitle
 });
-//#endregion
 export { Form, Form as default, FormDivider, FormField, FormFlatGroup, FormFooter, FormGroup, FormSubmitFooter, FormTitle, useFormContext };
 
 //# sourceMappingURL=index.mjs.map

package/es/base-ui/Form/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["FormParent"],"sources":["../../../src/base-ui/Form/index.ts"],"sourcesContent":["'use client';\r\n\r\nimport FormDivider from './components/FormDivider';\r\nimport FormField from './components/FormField';\r\nimport FormFlatGroup from './components/FormFlatGroup';\r\nimport FormFooter from './components/FormFooter';\r\nimport FormGroup from './components/FormGroup';\r\nimport FormSubmitFooter from './components/FormSubmitFooter';\r\nimport FormTitle from './components/FormTitle';\r\nimport FormParent from './Form';\r\n\r\n/**\r\n * @deprecated Use `Form` from `@jinmi/ui/base-ui/form`. This uncontrolled Form is removed in the next major.\r\n */\r\nexport const Form = Object.assign(FormParent, {\r\n  Divider: FormDivider,\r\n  Field: FormField,\r\n  FlatGroup: FormFlatGroup,\r\n  Footer: FormFooter,\r\n  Group: FormGroup,\r\n  SubmitFooter: FormSubmitFooter,\r\n  Title: FormTitle,\r\n});\r\n\r\nexport { useFormContext } from './context';\r\nexport {\r\n  FormDivider,\r\n  FormField,\r\n  FormFlatGroup,\r\n  FormFooter,\r\n  FormGroup,\r\n  FormSubmitFooter,\r\n  FormTitle,\r\n};\r\nexport type {\r\n  FormContextValue,\r\n  FormDividerProps,\r\n  FormFieldProps,\r\n  FormFlatGroupProps,\r\n  FormFooterProps,\r\n  FormGroupItemType,\r\n  FormGroupProps,\r\n  FormLayout,\r\n  FormProps,\r\n  FormSubmitFooterProps,\r\n  FormTitleProps,\r\n  FormValues,\r\n  FormVariant,\r\n  ItemsType,\r\n} from './type';\r\n\r\nexport default Form;\r\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAa,OAAO,OAAO,OAAOA,QAAY;CAC5C,SAAS;CACT,OAAO;CACP,WAAW;CACX,QAAQ;CACR,OAAO;CACP,cAAc;CACd,OAAO;AACT,CAAC"}
+{"version":3,"file":"index.mjs","names":["FormParent"],"sources":["../../../src/base-ui/Form/index.ts"],"sourcesContent":["'use client';\n\nimport FormDivider from './components/FormDivider';\nimport FormField from './components/FormField';\nimport FormFlatGroup from './components/FormFlatGroup';\nimport FormFooter from './components/FormFooter';\nimport FormGroup from './components/FormGroup';\nimport FormSubmitFooter from './components/FormSubmitFooter';\nimport FormTitle from './components/FormTitle';\nimport FormParent from './Form';\n\n/**\n * @deprecated Use `Form` from `@jinmi/ui/base-ui/form`. This uncontrolled Form is removed in the next major.\n */\nexport const Form = Object.assign(FormParent, {\n  Divider: FormDivider,\n  Field: FormField,\n  FlatGroup: FormFlatGroup,\n  Footer: FormFooter,\n  Group: FormGroup,\n  SubmitFooter: FormSubmitFooter,\n  Title: FormTitle,\n});\n\nexport { useFormContext } from './context';\nexport {\n  FormDivider,\n  FormField,\n  FormFlatGroup,\n  FormFooter,\n  FormGroup,\n  FormSubmitFooter,\n  FormTitle,\n};\nexport type {\n  FormContextValue,\n  FormDividerProps,\n  FormFieldProps,\n  FormFlatGroupProps,\n  FormFooterProps,\n  FormGroupItemType,\n  FormGroupProps,\n  FormLayout,\n  FormProps,\n  FormSubmitFooterProps,\n  FormTitleProps,\n  FormValues,\n  FormVariant,\n  ItemsType,\n} from './type';\n\nexport default Form;\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAa,OAAO,OAAO,OAAOA,QAAY;CAC5C,SAAS;CACT,OAAO;CACP,WAAW;CACX,QAAQ;CACR,OAAO;CACP,cAAc;CACd,OAAO;AACT,CAAC"}

package/es/base-ui/Form/style.mjs

@@ -2,7 +2,7 @@ import { staticStylish } from "../../styles/theme/customStylishStatic.mjs";
 import { focusRing } from "../focusRing.mjs";
 import { createStaticStyles, responsive } from "antd-style";
 import { cva } from "class-variance-authority";
-//#region src/base-ui/Form/style.ts
+// src/base-ui/Form/style.ts
 const styles = createStaticStyles(({ css }) => ({
 	root: css`
     position: relative;
@@ -307,7 +307,6 @@ const titleStyles = createStaticStyles(({ css, cssVar }) => ({
     color: ${cssVar.colorText};
   `
 }));
-//#endregion
 export { dividerStyles, fieldStyles, fieldVariants, flatGroupStyles, flatGroupVariants, footerStyles, groupStyles, groupVariants, rootVariants, styles, submitFooterStyles, titleStyles };
 
 //# sourceMappingURL=style.mjs.map

package/es/base-ui/Form/type.d.mts

@@ -10,7 +10,6 @@ import "../Button/index.mjs";
 import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
 import { Field } from "@base-ui/react/field";
 import { Form } from "@base-ui/react/form";
-//#region src/base-ui/Form/type.d.ts
 type FormVariant = 'filled' | 'outlined' | 'borderless';
 type FormLayout = 'horizontal' | 'vertical';
 type ItemsType = 'group' | 'flat';
@@ -137,6 +136,5 @@ interface FormContextValue {
   submitLoading: boolean;
   variant: FormVariant;
 }
-//#endregion
 export { FormContextValue, FormDividerProps, FormFieldProps, FormFlatGroupProps, FormFooterProps, FormGroupItemType, FormGroupProps, FormLayout, FormProps, FormSubmitFooterProps, FormTitleProps, FormValues, FormVariant, ItemsType };
 //# sourceMappingURL=type.d.mts.map

package/es/base-ui/FormKit/Field.d.mts

@@ -1,9 +1,7 @@
 import { FormFieldProps, FormValues } from "./type.mjs";
 import { ReactNode } from "react";
-//#region src/base-ui/FormKit/Field.d.ts
 declare const _default: (<T extends FormValues = FormValues>(props: FormFieldProps<T>) => ReactNode) & {
   displayName?: string;
 };
-//#endregion
 export { _default as default };
 //# sourceMappingURL=Field.d.mts.map

package/es/base-ui/FormKit/Field.mjs

@@ -13,7 +13,7 @@ import { useStoreSelector } from "./useStoreSelector.mjs";
 import { cloneElement, isValidElement, memo, useCallback, useEffect, useId, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cx, useResponsive } from "antd-style";
-//#region src/base-ui/FormKit/Field.tsx
+// src/base-ui/FormKit/Field.tsx
 const isEmpty = (value) => value === void 0 || value === null || value === "" || Array.isArray(value) && value.length === 0;
 const FieldControl = memo(({ bare, children, deps, emptyValue, getValue, id, name, render, required, trigger, validate, validateDebounce, validateOn, valueProp }) => {
 	const { form } = useFormKitContext();
@@ -161,7 +161,6 @@ const FormField = memo(({ avatar, bare, children, className, deps, desc, divider
 	})] });
 });
 FormField.displayName = "FormField";
-//#endregion
 export { FormField as default };
 
 //# sourceMappingURL=Field.mjs.map

package/es/base-ui/FormKit/Field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Field.mjs","names":["formMessages"],"sources":["../../../src/base-ui/FormKit/Field.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx, useResponsive } from 'antd-style';\r\nimport {\r\n  cloneElement,\r\n  isValidElement,\r\n  memo,\r\n  type ReactElement,\r\n  type ReactNode,\r\n  useCallback,\r\n  useEffect,\r\n  useId,\r\n  useRef,\r\n} from 'react';\r\n\r\nimport formMessages from '@/i18n/resources/en/form';\r\nimport { useTranslation } from '@/i18n/useTranslation';\r\n\r\nimport FormDivider from '../Form/components/FormDivider';\r\nimport FormTitle from '../Form/components/FormTitle';\r\nimport { fieldStyles, fieldVariants } from '../Form/style';\r\nimport { resolveBinding } from './binding';\r\nimport { useFormKitContext } from './context';\r\nimport type { FieldValidator } from './engine/types';\r\nimport { getInternals } from './instance';\r\nimport { toFieldValidator } from './schema';\r\nimport { fieldKitStyles } from './style';\r\nimport type { FieldRenderProps, FormFieldProps, FormValues } from './type';\r\nimport { useStoreSelector } from './useStoreSelector';\r\n\r\nconst isEmpty = (value: unknown) =>\r\n  value === undefined ||\r\n  value === null ||\r\n  value === '' ||\r\n  (Array.isArray(value) && value.length === 0);\r\n\r\ntype ControlProps = Pick<\r\n  FormFieldProps,\r\n  | 'bare'\r\n  | 'children'\r\n  | 'deps'\r\n  | 'emptyValue'\r\n  | 'getValue'\r\n  | 'name'\r\n  | 'render'\r\n  | 'required'\r\n  | 'trigger'\r\n  | 'validate'\r\n  | 'validateDebounce'\r\n  | 'validateOn'\r\n  | 'valueProp'\r\n> & { id: string; name: string };\r\n\r\nconst FieldControl = memo<ControlProps>(\r\n  ({\r\n    bare,\r\n    children,\r\n    deps,\r\n    emptyValue,\r\n    getValue,\r\n    id,\r\n    name,\r\n    render,\r\n    required,\r\n    trigger,\r\n    validate,\r\n    validateDebounce,\r\n    validateOn,\r\n    valueProp,\r\n  }) => {\r\n    const { form } = useFormKitContext();\r\n    const { engine, validateOn: formValidateOn } = getInternals(form);\r\n    const { t } = useTranslation(formMessages);\r\n    const errorId = `${id}-error`;\r\n\r\n    const requiredMessage = typeof required === 'string' ? required : t('form.required');\r\n    const fieldValidator = validate ? toFieldValidator(validate) : undefined;\r\n    const validatorRef = useRef<FieldValidator | undefined>(undefined);\r\n    validatorRef.current = async (value, values) => {\r\n      if (required && isEmpty(value)) return requiredMessage;\r\n      return fieldValidator?.(value, values);\r\n    };\r\n    const hasValidator = Boolean(required || validate);\r\n    const depsKey = deps?.join('\\u0000');\r\n\r\n    useEffect(\r\n      () =>\r\n        engine.registerField(name, {\r\n          debounceMs: validateDebounce,\r\n          deps: depsKey ? depsKey.split('\\u0000') : undefined,\r\n          validate: hasValidator\r\n            ? (value, values) => validatorRef.current!(value, values)\r\n            : undefined,\r\n          validateOn: validateOn ?? formValidateOn,\r\n        }),\r\n      [engine, name, hasValidator, depsKey, validateDebounce, validateOn, formValidateOn],\r\n    );\r\n\r\n    const field = useStoreSelector(engine, (e) => e.getField(name));\r\n\r\n    const child = isValidElement(children) ? (children as ReactElement<any>) : undefined;\r\n    const binding = child\r\n      ? resolveBinding(child, { emptyValue, getValue, trigger, valueProp })\r\n      : undefined;\r\n    const handlerRef = useRef({ binding, childProps: child?.props as Record<string, any> });\r\n    handlerRef.current = { binding, childProps: child?.props as Record<string, any> };\r\n\r\n    const onChange = useCallback(\r\n      (...args: unknown[]) => {\r\n        const { binding: current, childProps } = handlerRef.current;\r\n        if (current) childProps?.[current.trigger]?.(...args);\r\n        const next = current ? current.getValue(...args) : args[0];\r\n        engine.setValue(name, next, 'user');\r\n      },\r\n      [engine, name],\r\n    );\r\n    const onBlur = useCallback(\r\n      (...args: unknown[]) => {\r\n        handlerRef.current.childProps?.onBlur?.(...args);\r\n        engine.blurField(name);\r\n      },\r\n      [engine, name],\r\n    );\r\n\r\n    const warnedRef = useRef(false);\r\n    useEffect(() => {\r\n      if (render || child || warnedRef.current || process.env.NODE_ENV === 'production') return;\r\n      warnedRef.current = true;\r\n      console.warn(\r\n        `[@jinmi/ui/base-ui/form] Form.Field \"${name}\" needs a single element child or a render prop; nothing was bound.`,\r\n      );\r\n    }, [render, child, name]);\r\n\r\n    const errorNode =\r\n      field.error && !bare ? (\r\n        <div className={fieldStyles.error} id={errorId}>\r\n          {field.error}\r\n        </div>\r\n      ) : null;\r\n\r\n    if (render) {\r\n      const renderProps: FieldRenderProps = {\r\n        error: field.error,\r\n        name,\r\n        onBlur,\r\n        onChange,\r\n        touched: field.touched,\r\n        validating: field.validating,\r\n        value: field.value,\r\n      };\r\n      return (\r\n        <>\r\n          {render(renderProps)}\r\n          {errorNode}\r\n        </>\r\n      );\r\n    }\r\n\r\n    if (!child || !binding) return <>{children}</>;\r\n\r\n    const control = cloneElement(child, {\r\n      'aria-describedby': field.error ? errorId : undefined,\r\n      'aria-invalid': field.error ? true : undefined,\r\n      'id': child.props.id ?? id,\r\n      [binding.trigger]: onChange,\r\n      [binding.valueProp]: field.value === undefined ? binding.emptyValue : field.value,\r\n      'onBlur': onBlur,\r\n    });\r\n\r\n    return (\r\n      <>\r\n        {control}\r\n        {errorNode}\r\n      </>\r\n    );\r\n  },\r\n);\r\n\r\nFieldControl.displayName = 'FormFieldControl';\r\n\r\nconst FormField = memo<FormFieldProps>(\r\n  ({\r\n    avatar,\r\n    bare,\r\n    children,\r\n    className,\r\n    deps,\r\n    desc,\r\n    divider,\r\n    emptyValue,\r\n    extra,\r\n    getValue,\r\n    hidden,\r\n    label,\r\n    layout,\r\n    minWidth,\r\n    name,\r\n    render,\r\n    required,\r\n    style,\r\n    tag,\r\n    trigger,\r\n    validate,\r\n    validateDebounce,\r\n    validateOn,\r\n    valueProp,\r\n    variant,\r\n  }) => {\r\n    const id = useId();\r\n    const { mobile } = useResponsive();\r\n    const config = useFormKitContext();\r\n\r\n    if (hidden) return null;\r\n\r\n    const control = !name ? (\r\n      children\r\n    ) : (\r\n      <FieldControl\r\n        bare={bare}\r\n        deps={deps}\r\n        emptyValue={emptyValue}\r\n        getValue={getValue}\r\n        id={id}\r\n        name={name}\r\n        render={render}\r\n        required={required}\r\n        trigger={trigger}\r\n        validate={validate}\r\n        validateDebounce={validateDebounce}\r\n        validateOn={validateOn}\r\n        valueProp={valueProp}\r\n      >\r\n        {children}\r\n      </FieldControl>\r\n    );\r\n\r\n    if (bare) return <>{control}</>;\r\n\r\n    const labelFor = render\r\n      ? undefined\r\n      : name\r\n        ? id\r\n        : isValidElement<{ id?: string }>(children)\r\n          ? children.props.id\r\n          : undefined;\r\n    const mergedLayout = layout || (mobile ? 'vertical' : config.layout);\r\n    const mergedVariant = variant || config.variant;\r\n    const controlWidth =\r\n      mergedLayout === 'vertical' || minWidth === undefined || minWidth === ''\r\n        ? undefined\r\n        : typeof minWidth === 'number'\r\n          ? `${minWidth}px`\r\n          : minWidth;\r\n\r\n    return (\r\n      <>\r\n        {divider && <FormDivider visible={mergedVariant !== 'borderless'} />}\r\n        <div className={cx(fieldVariants({ layout: mergedLayout }), className)} style={style}>\r\n          <label className={fieldStyles.label} htmlFor={labelFor}>\r\n            <FormTitle\r\n              avatar={avatar}\r\n              desc={desc}\r\n              tag={tag}\r\n              title={\r\n                required ? (\r\n                  <>\r\n                    {label}\r\n                    <span aria-hidden className={fieldKitStyles.required}>\r\n                      *\r\n                    </span>\r\n                  </>\r\n                ) : (\r\n                  label\r\n                )\r\n              }\r\n            />\r\n          </label>\r\n          <div\r\n            style={controlWidth ? { width: controlWidth } : undefined}\r\n            className={cx(\r\n              fieldStyles.control,\r\n              mergedLayout === 'vertical' && fieldStyles.controlVertical,\r\n              controlWidth && fieldKitStyles.controlFixed,\r\n            )}\r\n          >\r\n            {control}\r\n            {extra && <div className={fieldKitStyles.extra}>{extra}</div>}\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  },\r\n);\r\n\r\nFormField.displayName = 'FormField';\r\n\r\nexport default FormField as unknown as (<T extends FormValues = FormValues>(\r\n  props: FormFieldProps<T>,\r\n) => ReactNode) & { displayName?: string };\r\n"],"mappings":"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"}
+{"version":3,"file":"Field.mjs","names":["formMessages"],"sources":["../../../src/base-ui/FormKit/Field.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport {\n  cloneElement,\n  isValidElement,\n  memo,\n  type ReactElement,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n} from 'react';\n\nimport formMessages from '@/i18n/resources/en/form';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport FormDivider from '../Form/components/FormDivider';\nimport FormTitle from '../Form/components/FormTitle';\nimport { fieldStyles, fieldVariants } from '../Form/style';\nimport { resolveBinding } from './binding';\nimport { useFormKitContext } from './context';\nimport type { FieldValidator } from './engine/types';\nimport { getInternals } from './instance';\nimport { toFieldValidator } from './schema';\nimport { fieldKitStyles } from './style';\nimport type { FieldRenderProps, FormFieldProps, FormValues } from './type';\nimport { useStoreSelector } from './useStoreSelector';\n\nconst isEmpty = (value: unknown) =>\n  value === undefined ||\n  value === null ||\n  value === '' ||\n  (Array.isArray(value) && value.length === 0);\n\ntype ControlProps = Pick<\n  FormFieldProps,\n  | 'bare'\n  | 'children'\n  | 'deps'\n  | 'emptyValue'\n  | 'getValue'\n  | 'name'\n  | 'render'\n  | 'required'\n  | 'trigger'\n  | 'validate'\n  | 'validateDebounce'\n  | 'validateOn'\n  | 'valueProp'\n> & { id: string; name: string };\n\nconst FieldControl = memo<ControlProps>(\n  ({\n    bare,\n    children,\n    deps,\n    emptyValue,\n    getValue,\n    id,\n    name,\n    render,\n    required,\n    trigger,\n    validate,\n    validateDebounce,\n    validateOn,\n    valueProp,\n  }) => {\n    const { form } = useFormKitContext();\n    const { engine, validateOn: formValidateOn } = getInternals(form);\n    const { t } = useTranslation(formMessages);\n    const errorId = `${id}-error`;\n\n    const requiredMessage = typeof required === 'string' ? required : t('form.required');\n    const fieldValidator = validate ? toFieldValidator(validate) : undefined;\n    const validatorRef = useRef<FieldValidator | undefined>(undefined);\n    validatorRef.current = async (value, values) => {\n      if (required && isEmpty(value)) return requiredMessage;\n      return fieldValidator?.(value, values);\n    };\n    const hasValidator = Boolean(required || validate);\n    const depsKey = deps?.join('\\u0000');\n\n    useEffect(\n      () =>\n        engine.registerField(name, {\n          debounceMs: validateDebounce,\n          deps: depsKey ? depsKey.split('\\u0000') : undefined,\n          validate: hasValidator\n            ? (value, values) => validatorRef.current!(value, values)\n            : undefined,\n          validateOn: validateOn ?? formValidateOn,\n        }),\n      [engine, name, hasValidator, depsKey, validateDebounce, validateOn, formValidateOn],\n    );\n\n    const field = useStoreSelector(engine, (e) => e.getField(name));\n\n    const child = isValidElement(children) ? (children as ReactElement<any>) : undefined;\n    const binding = child\n      ? resolveBinding(child, { emptyValue, getValue, trigger, valueProp })\n      : undefined;\n    const handlerRef = useRef({ binding, childProps: child?.props as Record<string, any> });\n    handlerRef.current = { binding, childProps: child?.props as Record<string, any> };\n\n    const onChange = useCallback(\n      (...args: unknown[]) => {\n        const { binding: current, childProps } = handlerRef.current;\n        if (current) childProps?.[current.trigger]?.(...args);\n        const next = current ? current.getValue(...args) : args[0];\n        engine.setValue(name, next, 'user');\n      },\n      [engine, name],\n    );\n    const onBlur = useCallback(\n      (...args: unknown[]) => {\n        handlerRef.current.childProps?.onBlur?.(...args);\n        engine.blurField(name);\n      },\n      [engine, name],\n    );\n\n    const warnedRef = useRef(false);\n    useEffect(() => {\n      if (render || child || warnedRef.current || process.env.NODE_ENV === 'production') return;\n      warnedRef.current = true;\n      console.warn(\n        `[@jinmi/ui/base-ui/form] Form.Field \"${name}\" needs a single element child or a render prop; nothing was bound.`,\n      );\n    }, [render, child, name]);\n\n    const errorNode =\n      field.error && !bare ? (\n        <div className={fieldStyles.error} id={errorId}>\n          {field.error}\n        </div>\n      ) : null;\n\n    if (render) {\n      const renderProps: FieldRenderProps = {\n        error: field.error,\n        name,\n        onBlur,\n        onChange,\n        touched: field.touched,\n        validating: field.validating,\n        value: field.value,\n      };\n      return (\n        <>\n          {render(renderProps)}\n          {errorNode}\n        </>\n      );\n    }\n\n    if (!child || !binding) return <>{children}</>;\n\n    const control = cloneElement(child, {\n      'aria-describedby': field.error ? errorId : undefined,\n      'aria-invalid': field.error ? true : undefined,\n      'id': child.props.id ?? id,\n      [binding.trigger]: onChange,\n      [binding.valueProp]: field.value === undefined ? binding.emptyValue : field.value,\n      'onBlur': onBlur,\n    });\n\n    return (\n      <>\n        {control}\n        {errorNode}\n      </>\n    );\n  },\n);\n\nFieldControl.displayName = 'FormFieldControl';\n\nconst FormField = memo<FormFieldProps>(\n  ({\n    avatar,\n    bare,\n    children,\n    className,\n    deps,\n    desc,\n    divider,\n    emptyValue,\n    extra,\n    getValue,\n    hidden,\n    label,\n    layout,\n    minWidth,\n    name,\n    render,\n    required,\n    style,\n    tag,\n    trigger,\n    validate,\n    validateDebounce,\n    validateOn,\n    valueProp,\n    variant,\n  }) => {\n    const id = useId();\n    const { mobile } = useResponsive();\n    const config = useFormKitContext();\n\n    if (hidden) return null;\n\n    const control = !name ? (\n      children\n    ) : (\n      <FieldControl\n        bare={bare}\n        deps={deps}\n        emptyValue={emptyValue}\n        getValue={getValue}\n        id={id}\n        name={name}\n        render={render}\n        required={required}\n        trigger={trigger}\n        validate={validate}\n        validateDebounce={validateDebounce}\n        validateOn={validateOn}\n        valueProp={valueProp}\n      >\n        {children}\n      </FieldControl>\n    );\n\n    if (bare) return <>{control}</>;\n\n    const labelFor = render\n      ? undefined\n      : name\n        ? id\n        : isValidElement<{ id?: string }>(children)\n          ? children.props.id\n          : undefined;\n    const mergedLayout = layout || (mobile ? 'vertical' : config.layout);\n    const mergedVariant = variant || config.variant;\n    const controlWidth =\n      mergedLayout === 'vertical' || minWidth === undefined || minWidth === ''\n        ? undefined\n        : typeof minWidth === 'number'\n          ? `${minWidth}px`\n          : minWidth;\n\n    return (\n      <>\n        {divider && <FormDivider visible={mergedVariant !== 'borderless'} />}\n        <div className={cx(fieldVariants({ layout: mergedLayout }), className)} style={style}>\n          <label className={fieldStyles.label} htmlFor={labelFor}>\n            <FormTitle\n              avatar={avatar}\n              desc={desc}\n              tag={tag}\n              title={\n                required ? (\n                  <>\n                    {label}\n                    <span aria-hidden className={fieldKitStyles.required}>\n                      *\n                    </span>\n                  </>\n                ) : (\n                  label\n                )\n              }\n            />\n          </label>\n          <div\n            style={controlWidth ? { width: controlWidth } : undefined}\n            className={cx(\n              fieldStyles.control,\n              mergedLayout === 'vertical' && fieldStyles.controlVertical,\n              controlWidth && fieldKitStyles.controlFixed,\n            )}\n          >\n            {control}\n            {extra && <div className={fieldKitStyles.extra}>{extra}</div>}\n          </div>\n        </div>\n      </>\n    );\n  },\n);\n\nFormField.displayName = 'FormField';\n\nexport default FormField as unknown as (<T extends FormValues = FormValues>(\n  props: FormFieldProps<T>,\n) => ReactNode) & { displayName?: string };\n"],"mappings":"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"}

package/es/base-ui/FormKit/Form.mjs

@@ -7,7 +7,7 @@ import FormField from "./Field.mjs";
 import { useCallback, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx, useResponsive } from "antd-style";
-//#region src/base-ui/FormKit/Form.tsx
+// src/base-ui/FormKit/Form.tsx
 const focusFirstInvalid = (root) => {
 	const target = root?.querySelector("[aria-invalid=\"true\"]");
 	if (!target) return;
@@ -90,7 +90,6 @@ const Form = ({ activeKey, children, className, classNames, collapsible, default
 	});
 };
 Form.displayName = "Form";
-//#endregion
 export { Form as default };
 
 //# sourceMappingURL=Form.mjs.map

package/es/base-ui/FormKit/List.d.mts

@@ -1,6 +1,5 @@
 import { FieldValidate } from "./schema.mjs";
 import { ReactElement, ReactNode } from "react";
-//#region src/base-ui/FormKit/List.d.ts
 interface FormListField {
   index: number;
   key: string;
@@ -29,6 +28,5 @@ interface FormListProps {
   newItem?: unknown;
 }
 declare const FormList: import("react").NamedExoticComponent<FormListProps>;
-//#endregion
 export { FormListColumn, FormListField, FormListProps, FormListRenderProps, FormList as default };
 //# sourceMappingURL=List.d.mts.map

package/es/base-ui/FormKit/List.mjs

@@ -10,7 +10,7 @@ import FormField from "./Field.mjs";
 import { cloneElement, memo, useCallback, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { PlusIcon, XIcon } from "lucide-react";
-//#region src/base-ui/FormKit/List.tsx
+// src/base-ui/FormKit/List.tsx
 let rowSeed = 0;
 const nextRowKey = () => `row-${rowSeed += 1}`;
 const createItem = (newItem) => typeof newItem === "function" ? newItem() : newItem && typeof newItem === "object" ? structuredClone(newItem) : newItem ?? {};
@@ -96,7 +96,6 @@ const FormList = memo(({ addText, children, columns, emptyText, name, newItem })
 	});
 });
 FormList.displayName = "FormList";
-//#endregion
 export { FormList as default };
 
 //# sourceMappingURL=List.mjs.map

package/es/base-ui/FormKit/SubmitFooter.d.mts

@@ -1,6 +1,4 @@
 import { FormSubmitFooterProps } from "../Form/type.mjs";
-//#region src/base-ui/FormKit/SubmitFooter.d.ts
 declare const SubmitFooter: import("react").NamedExoticComponent<FormSubmitFooterProps>;
-//#endregion
 export { SubmitFooter as default };
 //# sourceMappingURL=SubmitFooter.d.mts.map

package/es/base-ui/FormKit/SubmitFooter.mjs

@@ -6,7 +6,7 @@ import { getInternals } from "./instance.mjs";
 import { useStoreSelector } from "./useStoreSelector.mjs";
 import { memo, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/base-ui/FormKit/SubmitFooter.tsx
+// src/base-ui/FormKit/SubmitFooter.tsx
 const SubmitFooter = memo((props) => {
 	const { form, layout, variant } = useFormKitContext();
 	const { engine } = getInternals(form);
@@ -30,7 +30,6 @@ const SubmitFooter = memo((props) => {
 	});
 });
 SubmitFooter.displayName = "FormSubmitFooter";
-//#endregion
 export { SubmitFooter as default };
 
 //# sourceMappingURL=SubmitFooter.mjs.map

package/es/base-ui/FormKit/binding.mjs

@@ -1,4 +1,4 @@
-//#region src/base-ui/FormKit/binding.ts
+// src/base-ui/FormKit/binding.ts
 const isEventLike = (arg) => typeof arg === "object" && arg !== null && "target" in arg && typeof arg.target === "object" && arg.target !== null;
 const defaultGetValue = (arg) => {
 	if (!isEventLike(arg)) return arg;
@@ -17,7 +17,6 @@ const resolveBinding = (child, override) => {
 		valueProp: override.valueProp ?? declared?.valueProp ?? (nativeCheckable ? "checked" : "value")
 	};
 };
-//#endregion
 export { defaultGetValue, resolveBinding };
 
 //# sourceMappingURL=binding.mjs.map

package/es/base-ui/FormKit/context.d.mts

@@ -1,7 +1,5 @@
 import "../Form/type.mjs";
 import { FormInstance, FormValues } from "./type.mjs";
-//#region src/base-ui/FormKit/context.d.ts
 declare const useFormInstance: <T extends FormValues = FormValues>() => FormInstance<T>;
-//#endregion
 export { useFormInstance };
 //# sourceMappingURL=context.d.mts.map

package/es/base-ui/FormKit/context.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { createContext, use } from "react";
-//#region src/base-ui/FormKit/context.ts
+// src/base-ui/FormKit/context.ts
 const FormKitContext = createContext(null);
 const useFormKitContext = () => {
 	const value = use(FormKitContext);
@@ -8,7 +8,6 @@ const useFormKitContext = () => {
 	return value;
 };
 const useFormInstance = () => useFormKitContext().form;
-//#endregion
 export { FormKitContext, useFormInstance, useFormKitContext };
 
 //# sourceMappingURL=context.mjs.map

package/es/base-ui/FormKit/context.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/base-ui/FormKit/context.ts"],"sourcesContent":["'use client';\r\n\r\nimport { createContext, use } from 'react';\r\n\r\nimport type { FormLayout, FormVariant } from '../Form/type';\r\nimport type { FormInstance, FormValues } from './type';\r\n\r\nexport interface FormKitContextValue {\r\n  form: FormInstance<any>;\r\n  layout: FormLayout;\r\n  variant: FormVariant;\r\n}\r\n\r\nexport const FormKitContext = createContext<FormKitContextValue | null>(null);\r\n\r\nexport const useFormKitContext = () => {\r\n  const value = use(FormKitContext);\r\n  if (!value)\r\n    throw new Error('[@jinmi/ui/base-ui/form] Form.Field must be rendered inside <Form>');\r\n  return value;\r\n};\r\n\r\nexport const useFormInstance = <T extends FormValues = FormValues>() =>\r\n  useFormKitContext().form as FormInstance<T>;\r\n"],"mappings":";;;AAaA,MAAa,iBAAiB,cAA0C,IAAI;AAE5E,MAAa,0BAA0B;CACrC,MAAM,QAAQ,IAAI,cAAc;CAChC,IAAI,CAAC,OACH,MAAM,IAAI,MAAM,oEAAoE;CACtF,OAAO;AACT;AAEA,MAAa,wBACX,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/base-ui/FormKit/context.ts"],"sourcesContent":["'use client';\n\nimport { createContext, use } from 'react';\n\nimport type { FormLayout, FormVariant } from '../Form/type';\nimport type { FormInstance, FormValues } from './type';\n\nexport interface FormKitContextValue {\n  form: FormInstance<any>;\n  layout: FormLayout;\n  variant: FormVariant;\n}\n\nexport const FormKitContext = createContext<FormKitContextValue | null>(null);\n\nexport const useFormKitContext = () => {\n  const value = use(FormKitContext);\n  if (!value) throw new Error('[@jinmi/ui/base-ui/form] Form.Field must be rendered inside <Form>');\n  return value;\n};\n\nexport const useFormInstance = <T extends FormValues = FormValues>() =>\n  useFormKitContext().form as FormInstance<T>;\n"],"mappings":";;;AAaA,MAAa,iBAAiB,cAA0C,IAAI;AAE5E,MAAa,0BAA0B;CACrC,MAAM,QAAQ,IAAI,cAAc;CAChC,IAAI,CAAC,OAAO,MAAM,IAAI,MAAM,oEAAoE;CAChG,OAAO;AACT;AAEA,MAAa,wBACX,kBAAkB,CAAC,CAAC"}

package/es/base-ui/FormKit/engine/tanstack.mjs

@@ -1,6 +1,6 @@
 import isEqual from "fast-deep-equal";
 import { FormApi, getBy, setBy } from "@tanstack/form-core";
-//#region src/base-ui/FormKit/engine/tanstack.ts
+// src/base-ui/FormKit/engine/tanstack.ts
 const toEnginePath = (path) => path.replaceAll(/\.(\d+)(?=\.|$)/g, "[$1]");
 const isSameOrNested = (a, b) => a === b || a.startsWith(`${b}.`) || b.startsWith(`${a}.`);
 const isUnder = (path, root) => path === root || path.startsWith(`${root}.`);
@@ -287,7 +287,6 @@ const createTanstackEngine = (initialValues) => {
 		validate
 	};
 };
-//#endregion
 export { createTanstackEngine };
 
 //# sourceMappingURL=tanstack.mjs.map

package/es/base-ui/FormKit/engine/types.d.mts

@@ -1,6 +1,4 @@
-//#region src/base-ui/FormKit/engine/types.d.ts
 type ValidateTrigger = 'change' | 'blur' | 'submit';
 type ValidateOn = 'auto' | ValidateTrigger;
-//#endregion
 export { ValidateOn, ValidateTrigger };
 //# sourceMappingURL=types.d.mts.map

package/es/base-ui/FormKit/index.d.mts

@@ -10,7 +10,6 @@ import SubmitFooter from "./SubmitFooter.mjs";
 import { useFormInstance } from "./context.mjs";
 import { useForm } from "./useForm.mjs";
 import { useWatch } from "./useWatch.mjs";
-//#region src/base-ui/FormKit/index.d.ts
 declare const Form: {
   <T extends FormValues>({ activeKey, children, className, classNames, collapsible, defaultActiveKey, footer, form, gap, itemMinWidth, items, itemsType, layout, onCollapse, ref, style, styles: customStyles, variant, ...rest }: FormProps<T>): import("react").JSX.Element;
   displayName: string;
@@ -26,6 +25,5 @@ declare const Form: {
   SubmitFooter: import("react").NamedExoticComponent<FormSubmitFooterProps>;
   Title: import("react").FC<FormTitleProps>;
 };
-//#endregion
 export { type DeepPartial, type FieldBinding, type FieldPath, type FieldPathValue, type FieldRenderProps, type FieldValidate, Form, Form as default, _default as FormField, type FormFieldProps, type FormGroupItem, type FormInstance, FormList, type FormListColumn, type FormListField, type FormListProps, type FormListRenderProps, type FormProps, SubmitFooter as FormSubmitFooter, type FormValidateResult, type FormValues, type SetValueOptions, type StandardSchema, type UseFormOptions, useForm, useFormInstance, useWatch };
 //# sourceMappingURL=index.d.mts.map

package/es/base-ui/FormKit/index.mjs

@@ -11,7 +11,7 @@ import FormList from "./List.mjs";
 import SubmitFooter from "./SubmitFooter.mjs";
 import { useForm } from "./useForm.mjs";
 import { useWatch } from "./useWatch.mjs";
-//#region src/base-ui/FormKit/index.ts
+// src/base-ui/FormKit/index.ts
 const Form = Object.assign(Form$1, {
 	Divider: FormDivider,
 	Field: FormField,
@@ -22,7 +22,6 @@ const Form = Object.assign(Form$1, {
 	SubmitFooter,
 	Title: FormTitle
 });
-//#endregion
 export { Form, Form as default, FormField, FormList, SubmitFooter as FormSubmitFooter, useForm, useFormInstance, useWatch };
 
 //# sourceMappingURL=index.mjs.map

package/es/base-ui/FormKit/instance.mjs

@@ -1,6 +1,6 @@
 import { createTanstackEngine } from "./engine/tanstack.mjs";
 import { schemaToFormValidator } from "./schema.mjs";
-//#region src/base-ui/FormKit/instance.ts
+// src/base-ui/FormKit/instance.ts
 const internals = /* @__PURE__ */ new WeakMap();
 const getInternals = (form) => {
 	const found = internals.get(form);
@@ -61,7 +61,6 @@ const createFormInstance = ({ initialValues, schema, validateOn }) => {
 	});
 	return form;
 };
-//#endregion
 export { createFormInstance, getIn, getInternals, leafPaths, setIn };
 
 //# sourceMappingURL=instance.mjs.map