@jinmi/ui 0.0.0-stage → 6.0.1

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormDivider.mjs","names":[],"sources":["../../../../src/base-ui/Form/components/FormDivider.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport { dividerStyles } from '../style';\r\nimport type { FormDividerProps } from '../type';\r\n\r\nconst FormDivider: FC<FormDividerProps> = ({ visible = true, style, className, ...rest }) => (\r\n  <div\r\n    className={cx(dividerStyles.root, className)}\r\n    role={'separator'}\r\n    style={{ opacity: visible ? 0.66 : 0, ...style }}\r\n    {...rest}\r\n  />\r\n);\r\n\r\nFormDivider.displayName = 'FormDivider';\r\n\r\nexport default FormDivider;\r\n"],"mappings":";;;;;AAQA,MAAM,eAAqC,EAAE,UAAU,MAAM,OAAO,WAAW,GAAG,WAChF,oBAAC,OAAD;CACE,WAAW,GAAG,cAAc,MAAM,SAAS;CAC3C,MAAM;CACN,OAAO;EAAE,SAAS,UAAU,MAAO;EAAG,GAAG;CAAM;CAC/C,GAAI;AACL,CAAA;AAGH,YAAY,cAAc"}

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,59 @@
+"use client";
+import { fieldStyles, fieldVariants } from "../style.mjs";
+import FormDivider from "./FormDivider.mjs";
+import { useFormContext } from "../context.mjs";
+import FormTitle from "./FormTitle.mjs";
+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
+const FormField = memo(({ avatar, children, className, desc, divider, hidden, label, layout, minWidth, name, required, style, tag, variant, ...rest }) => {
+	const { mobile } = useResponsive();
+	const config = useFormContext();
+	const mergedLayout = layout || (mobile ? "vertical" : config.layout);
+	const mergedVariant = variant || config.variant;
+	const mergedMinWidth = minWidth ?? config.itemMinWidth;
+	const control = useMemo(() => {
+		if (!isValidElement(children)) return children;
+		const props = children.props;
+		const injected = {};
+		if (required && props.required === void 0) injected.required = true;
+		if (name) {
+			const initialValue = config.initialValues?.[name];
+			if (initialValue !== void 0 && props.value === void 0 && props.defaultValue === void 0) injected.defaultValue = initialValue;
+		}
+		if (Object.keys(injected).length === 0) return children;
+		return cloneElement(children, injected);
+	}, [
+		children,
+		name,
+		required,
+		config.initialValues
+	]);
+	if (hidden) return null;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [divider && /* @__PURE__ */ jsx(FormDivider, { visible: mergedVariant !== "borderless" }), /* @__PURE__ */ jsxs(Field.Root, {
+		className: cx(fieldVariants({ layout: mergedLayout }), className),
+		name,
+		style,
+		...rest,
+		children: [/* @__PURE__ */ jsx(Field.Label, {
+			className: fieldStyles.label,
+			children: /* @__PURE__ */ jsx(FormTitle, {
+				avatar,
+				desc,
+				tag,
+				title: label
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: cx(fieldStyles.control, mergedLayout === "vertical" && fieldStyles.controlVertical),
+			style: mergedMinWidth === void 0 || mergedMinWidth === null || mergedMinWidth === "" ? void 0 : { minWidth: typeof mergedMinWidth === "number" ? `${mergedMinWidth}px` : mergedMinWidth },
+			children: [control, /* @__PURE__ */ jsx(Field.Error, { className: fieldStyles.error })]
+		})]
+	})] });
+});
+FormField.displayName = "FormField";
+//#endregion
+export { FormField as default };
+
+//# sourceMappingURL=FormField.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.mjs","names":[],"sources":["../../../../src/base-ui/Form/components/FormField.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Field } from '@base-ui/react/field';\r\nimport { cx, useResponsive } from 'antd-style';\r\nimport { cloneElement, isValidElement, memo, useMemo } from 'react';\r\n\r\nimport { useFormContext } from '../context';\r\nimport { fieldStyles, fieldVariants } from '../style';\r\nimport type { FormFieldProps } from '../type';\r\nimport FormDivider from './FormDivider';\r\nimport FormTitle from './FormTitle';\r\n\r\nconst FormField = memo<FormFieldProps>(\r\n  ({\r\n    avatar,\r\n    children,\r\n    className,\r\n    desc,\r\n    divider,\r\n    hidden,\r\n    label,\r\n    layout,\r\n    minWidth,\r\n    name,\r\n    required,\r\n    style,\r\n    tag,\r\n    variant,\r\n    ...rest\r\n  }) => {\r\n    const { mobile } = useResponsive();\r\n    const config = useFormContext();\r\n\r\n    const mergedLayout = layout || (mobile ? 'vertical' : config.layout);\r\n    const mergedVariant = variant || config.variant;\r\n    const mergedMinWidth = minWidth ?? config.itemMinWidth;\r\n\r\n    const control = useMemo(() => {\r\n      if (!isValidElement(children)) return children;\r\n      const props = children.props as Record<string, unknown>;\r\n      const injected: Record<string, unknown> = {};\r\n      if (required && props.required === undefined) injected.required = true;\r\n      if (name) {\r\n        const initialValue = config.initialValues?.[name];\r\n        if (\r\n          initialValue !== undefined &&\r\n          props.value === undefined &&\r\n          props.defaultValue === undefined\r\n        )\r\n          injected.defaultValue = initialValue;\r\n      }\r\n      if (Object.keys(injected).length === 0) return children;\r\n      return cloneElement(children, injected as never);\r\n    }, [children, name, required, config.initialValues]);\r\n\r\n    if (hidden) return null;\r\n\r\n    return (\r\n      <>\r\n        {divider && <FormDivider visible={mergedVariant !== 'borderless'} />}\r\n        <Field.Root\r\n          className={cx(fieldVariants({ layout: mergedLayout }), className)}\r\n          name={name}\r\n          style={style}\r\n          {...rest}\r\n        >\r\n          <Field.Label className={fieldStyles.label}>\r\n            <FormTitle avatar={avatar} desc={desc} tag={tag} title={label} />\r\n          </Field.Label>\r\n          <div\r\n            className={cx(\r\n              fieldStyles.control,\r\n              mergedLayout === 'vertical' && fieldStyles.controlVertical,\r\n            )}\r\n            style={\r\n              mergedMinWidth === undefined || mergedMinWidth === null || mergedMinWidth === ''\r\n                ? undefined\r\n                : {\r\n                    minWidth:\r\n                      typeof mergedMinWidth === 'number' ? `${mergedMinWidth}px` : mergedMinWidth,\r\n                  }\r\n            }\r\n          >\r\n            {control}\r\n            <Field.Error className={fieldStyles.error} />\r\n          </div>\r\n        </Field.Root>\r\n      </>\r\n    );\r\n  },\r\n);\r\n\r\nFormField.displayName = 'FormField';\r\n\r\nexport default FormField;\r\n"],"mappings":";;;;;;;;;;AAYA,MAAM,YAAY,MACf,EACC,QACA,UACA,WACA,MACA,SACA,QACA,OACA,QACA,UACA,MACA,UACA,OACA,KACA,SACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,cAAc;CACjC,MAAM,SAAS,eAAe;CAE9B,MAAM,eAAe,WAAW,SAAS,aAAa,OAAO;CAC7D,MAAM,gBAAgB,WAAW,OAAO;CACxC,MAAM,iBAAiB,YAAY,OAAO;CAE1C,MAAM,UAAU,cAAc;EAC5B,IAAI,CAAC,eAAe,QAAQ,GAAG,OAAO;EACtC,MAAM,QAAQ,SAAS;EACvB,MAAM,WAAoC,CAAC;EAC3C,IAAI,YAAY,MAAM,aAAa,KAAA,GAAW,SAAS,WAAW;EAClE,IAAI,MAAM;GACR,MAAM,eAAe,OAAO,gBAAgB;GAC5C,IACE,iBAAiB,KAAA,KACjB,MAAM,UAAU,KAAA,KAChB,MAAM,iBAAiB,KAAA,GAEvB,SAAS,eAAe;EAC5B;EACA,IAAI,OAAO,KAAK,QAAQ,CAAC,CAAC,WAAW,GAAG,OAAO;EAC/C,OAAO,aAAa,UAAU,QAAiB;CACjD,GAAG;EAAC;EAAU;EAAM;EAAU,OAAO;CAAa,CAAC;CAEnD,IAAI,QAAQ,OAAO;CAEnB,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,WAAW,oBAAC,aAAD,EAAa,SAAS,kBAAkB,aAAe,CAAA,GACnE,qBAAC,MAAM,MAAP;EACE,WAAW,GAAG,cAAc,EAAE,QAAQ,aAAa,CAAC,GAAG,SAAS;EAC1D;EACC;EACP,GAAI;EAJN,UAAA,CAME,oBAAC,MAAM,OAAP;GAAa,WAAW,YAAY;GAClC,UAAA,oBAAC,WAAD;IAAmB;IAAc;IAAW;IAAK,OAAO;GAAQ,CAAA;EACrD,CAAA,GACb,qBAAC,OAAD;GACE,WAAW,GACT,YAAY,SACZ,iBAAiB,cAAc,YAAY,eAC7C;GACA,OACE,mBAAmB,KAAA,KAAa,mBAAmB,QAAQ,mBAAmB,KAC1E,KAAA,IACA,EACE,UACE,OAAO,mBAAmB,WAAW,GAAG,eAAe,MAAM,eACjE;GAXR,UAAA,CAcG,SACD,oBAAC,MAAM,OAAP,EAAa,WAAW,YAAY,MAAQ,CAAA,CACzC;EACK,CAAA,CAAA;CACZ,CAAA,CAAA,EAAA,CAAA;AAEN,CACF;AAEA,UAAU,cAAc"}

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,20 @@
+"use client";
+import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
+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
+const FormFlatGroup = memo(({ className, children, variant = "borderless", ...rest }) => {
+	const { mobile } = useResponsive();
+	return /* @__PURE__ */ jsx(FlexBasic_default, {
+		className: cx(mobile ? flatGroupStyles.mobile : flatGroupVariants({ variant }), className),
+		...rest,
+		children
+	});
+});
+FormFlatGroup.displayName = "FormFlatGroup";
+//#endregion
+export { FormFlatGroup as default };
+
+//# sourceMappingURL=FormFlatGroup.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormFlatGroup.mjs","names":["Flexbox"],"sources":["../../../../src/base-ui/Form/components/FormFlatGroup.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx, useResponsive } from 'antd-style';\r\nimport { memo } from 'react';\r\n\r\nimport { Flexbox } from '@/Flex';\r\n\r\nimport { flatGroupStyles, flatGroupVariants } from '../style';\r\nimport type { FormFlatGroupProps } from '../type';\r\n\r\nconst FormFlatGroup = memo<FormFlatGroupProps>(\r\n  ({ className, children, variant = 'borderless', ...rest }) => {\r\n    const { mobile } = useResponsive();\r\n\r\n    return (\r\n      <Flexbox\r\n        className={cx(mobile ? flatGroupStyles.mobile : flatGroupVariants({ variant }), className)}\r\n        {...rest}\r\n      >\r\n        {children}\r\n      </Flexbox>\r\n    );\r\n  },\r\n);\r\n\r\nFormFlatGroup.displayName = 'FormFlatGroup';\r\n\r\nexport default FormFlatGroup;\r\n"],"mappings":";;;;;;;AAUA,MAAM,gBAAgB,MACnB,EAAE,WAAW,UAAU,UAAU,cAAc,GAAG,WAAW;CAC5D,MAAM,EAAE,WAAW,cAAc;CAEjC,OACE,oBAACA,mBAAD;EACE,WAAW,GAAG,SAAS,gBAAgB,SAAS,kBAAkB,EAAE,QAAQ,CAAC,GAAG,SAAS;EACzF,GAAI;EAEH;CACM,CAAA;AAEb,CACF;AAEA,cAAc,cAAc"}

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,20 @@
+"use client";
+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
+const FormFooter = ({ className, children, ...rest }) => /* @__PURE__ */ jsx(FlexBasic_default, {
+	horizontal: true,
+	align: "center",
+	className: cx(footerStyles.root, className),
+	gap: 8,
+	justify: "flex-end",
+	...rest,
+	children
+});
+FormFooter.displayName = "FormFooter";
+//#endregion
+export { FormFooter as default };
+
+//# sourceMappingURL=FormFooter.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormFooter.mjs","names":["Flexbox"],"sources":["../../../../src/base-ui/Form/components/FormFooter.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport { Flexbox } from '@/Flex';\r\n\r\nimport { footerStyles } from '../style';\r\nimport type { FormFooterProps } from '../type';\r\n\r\nconst FormFooter: FC<FormFooterProps> = ({ className, children, ...rest }) => (\r\n  <Flexbox\r\n    horizontal\r\n    align={'center'}\r\n    className={cx(footerStyles.root, className)}\r\n    gap={8}\r\n    justify={'flex-end'}\r\n    {...rest}\r\n  >\r\n    {children}\r\n  </Flexbox>\r\n);\r\n\r\nFormFooter.displayName = 'FormFooter';\r\n\r\nexport default FormFooter;\r\n"],"mappings":";;;;;;AAUA,MAAM,cAAmC,EAAE,WAAW,UAAU,GAAG,WACjE,oBAACA,mBAAD;CACE,YAAA;CACA,OAAO;CACP,WAAW,GAAG,aAAa,MAAM,SAAS;CAC1C,KAAK;CACL,SAAS;CACT,GAAI;CAEH;AACM,CAAA;AAGX,WAAW,cAAc"}

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,95 @@
+"use client";
+import Icon from "../../../Icon/Icon.mjs";
+import { groupStyles, groupVariants } from "../style.mjs";
+import { memo } from "react";
+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
+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", {
+		className: groupStyles.desc,
+		children: desc
+	})] })]
+}));
+GroupTitle.displayName = "GroupTitle";
+const FormGroup = memo(({ className, icon, title, children, extra, variant = "borderless", defaultActive = true, collapsible, active, onCollapse, desc, keyValue: _keyValue, ...rest }) => {
+	const { mobile } = useResponsive();
+	const isBorderless = variant === "borderless";
+	const isCollapsible = collapsible === void 0 ? !isBorderless : collapsible;
+	const { isDarkMode } = useThemeMode();
+	const rootClassName = cx(groupVariants({
+		isDarkMode,
+		variant
+	}), className);
+	const bodyClassName = cx(groupStyles.body, !isBorderless && groupStyles.bodyBoxed, variant === "filled" && groupStyles.bodyFilled, variant === "filled" && !isDarkMode && groupStyles.bodyFilledLight);
+	if (mobile) return /* @__PURE__ */ jsxs("div", {
+		className,
+		...rest,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cx(groupStyles.header, groupStyles.mobileHeader),
+			children: [/* @__PURE__ */ jsx(GroupTitle, {
+				mobile: true,
+				desc,
+				icon,
+				title
+			}), extra]
+		}), /* @__PURE__ */ jsx("div", {
+			className: groupStyles.mobileBody,
+			children
+		})]
+	});
+	if (!isCollapsible) return /* @__PURE__ */ jsxs("div", {
+		className: rootClassName,
+		...rest,
+		children: [title && /* @__PURE__ */ jsxs("div", {
+			className: cx(groupStyles.header, isBorderless ? groupStyles.headerBorderless : groupStyles.headerBoxed),
+			children: [/* @__PURE__ */ jsx(GroupTitle, {
+				desc,
+				icon,
+				title,
+				variant
+			}), extra]
+		}), /* @__PURE__ */ jsx("div", {
+			"data-form-group-body": true,
+			className: bodyClassName,
+			children
+		})]
+	});
+	return /* @__PURE__ */ jsxs(Collapsible.Root, {
+		className: rootClassName,
+		defaultOpen: defaultActive,
+		open: active,
+		onOpenChange: onCollapse,
+		...rest,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cx(groupStyles.header, isBorderless ? groupStyles.headerBorderless : groupStyles.headerBoxed),
+			children: [/* @__PURE__ */ jsxs(Collapsible.Trigger, {
+				className: groupStyles.trigger,
+				children: [/* @__PURE__ */ jsx(GroupTitle, {
+					desc,
+					icon,
+					title,
+					variant
+				}), /* @__PURE__ */ jsx(Icon, {
+					className: groupStyles.chevron,
+					icon: ChevronDown
+				})]
+			}), extra]
+		}), /* @__PURE__ */ jsx(Collapsible.Panel, {
+			className: groupStyles.panel,
+			children: /* @__PURE__ */ jsx("div", {
+				"data-form-group-body": true,
+				className: bodyClassName,
+				children
+			})
+		})]
+	});
+});
+FormGroup.displayName = "FormGroup";
+//#endregion
+export { FormGroup as default };
+
+//# sourceMappingURL=FormGroup.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.mjs","names":[],"sources":["../../../../src/base-ui/Form/components/FormGroup.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Collapsible } from '@base-ui/react/collapsible';\r\nimport { cx, useResponsive, useThemeMode } from 'antd-style';\r\nimport { ChevronDown } from 'lucide-react';\r\nimport { memo, type ReactNode } from 'react';\r\n\r\nimport Icon from '@/Icon';\r\n\r\nimport { groupStyles, groupVariants } from '../style';\r\nimport type { FormGroupProps } from '../type';\r\n\r\nconst GroupTitle = memo<{\r\n  desc?: ReactNode;\r\n  icon?: FormGroupProps['icon'];\r\n  mobile?: boolean;\r\n  title?: ReactNode;\r\n  variant?: FormGroupProps['variant'];\r\n}>(({ icon, title, desc, variant, mobile }) => (\r\n  <div\r\n    className={cx(\r\n      groupStyles.title,\r\n      variant === 'borderless' && !mobile && groupStyles.titleBorderless,\r\n      mobile && groupStyles.mobileTitle,\r\n    )}\r\n  >\r\n    {icon && <Icon icon={icon} />}\r\n    <div>\r\n      {title}\r\n      {desc && <div className={groupStyles.desc}>{desc}</div>}\r\n    </div>\r\n  </div>\r\n));\r\n\r\nGroupTitle.displayName = 'GroupTitle';\r\n\r\nconst FormGroup = memo<FormGroupProps>(\r\n  ({\r\n    className,\r\n    icon,\r\n    title,\r\n    children,\r\n    extra,\r\n    variant = 'borderless',\r\n    defaultActive = true,\r\n    collapsible,\r\n    active,\r\n    onCollapse,\r\n    desc,\r\n    keyValue: _keyValue,\r\n    ...rest\r\n  }) => {\r\n    const { mobile } = useResponsive();\r\n    const isBorderless = variant === 'borderless';\r\n    const isCollapsible = collapsible === undefined ? !isBorderless : collapsible;\r\n    const { isDarkMode } = useThemeMode();\r\n    const rootClassName = cx(groupVariants({ isDarkMode, variant }), className);\r\n    const bodyClassName = cx(\r\n      groupStyles.body,\r\n      !isBorderless && groupStyles.bodyBoxed,\r\n      variant === 'filled' && groupStyles.bodyFilled,\r\n      variant === 'filled' && !isDarkMode && groupStyles.bodyFilledLight,\r\n    );\r\n\r\n    if (mobile)\r\n      return (\r\n        <div className={className} {...rest}>\r\n          <div className={cx(groupStyles.header, groupStyles.mobileHeader)}>\r\n            <GroupTitle mobile desc={desc} icon={icon} title={title} />\r\n            {extra}\r\n          </div>\r\n          <div className={groupStyles.mobileBody}>{children}</div>\r\n        </div>\r\n      );\r\n\r\n    if (!isCollapsible)\r\n      return (\r\n        <div className={rootClassName} {...rest}>\r\n          {title && (\r\n            <div\r\n              className={cx(\r\n                groupStyles.header,\r\n                isBorderless ? groupStyles.headerBorderless : groupStyles.headerBoxed,\r\n              )}\r\n            >\r\n              <GroupTitle desc={desc} icon={icon} title={title} variant={variant} />\r\n              {extra}\r\n            </div>\r\n          )}\r\n          <div data-form-group-body className={bodyClassName}>\r\n            {children}\r\n          </div>\r\n        </div>\r\n      );\r\n\r\n    return (\r\n      <Collapsible.Root\r\n        className={rootClassName}\r\n        defaultOpen={defaultActive}\r\n        open={active}\r\n        onOpenChange={onCollapse}\r\n        {...rest}\r\n      >\r\n        <div\r\n          className={cx(\r\n            groupStyles.header,\r\n            isBorderless ? groupStyles.headerBorderless : groupStyles.headerBoxed,\r\n          )}\r\n        >\r\n          <Collapsible.Trigger className={groupStyles.trigger}>\r\n            <GroupTitle desc={desc} icon={icon} title={title} variant={variant} />\r\n            <Icon className={groupStyles.chevron} icon={ChevronDown} />\r\n          </Collapsible.Trigger>\r\n          {extra}\r\n        </div>\r\n        <Collapsible.Panel className={groupStyles.panel}>\r\n          <div data-form-group-body className={bodyClassName}>\r\n            {children}\r\n          </div>\r\n        </Collapsible.Panel>\r\n      </Collapsible.Root>\r\n    );\r\n  },\r\n);\r\n\r\nFormGroup.displayName = 'FormGroup';\r\n\r\nexport default FormGroup;\r\n"],"mappings":";;;;;;;;;AAYA,MAAM,aAAa,MAMf,EAAE,MAAM,OAAO,MAAM,SAAS,aAChC,qBAAC,OAAD;CACE,WAAW,GACT,YAAY,OACZ,YAAY,gBAAgB,CAAC,UAAU,YAAY,iBACnD,UAAU,YAAY,WACxB;CALF,UAAA,CAOG,QAAQ,oBAAC,MAAD,EAAY,KAAO,CAAA,GAC5B,qBAAC,OAAD,EAAA,UAAA,CACG,OACA,QAAQ,oBAAC,OAAD;EAAK,WAAW,YAAY;EAAO,UAAA;CAAU,CAAA,CACnD,EAAA,CAAA,CACF;AACN,CAAA,CAAA;AAED,WAAW,cAAc;AAEzB,MAAM,YAAY,MACf,EACC,WACA,MACA,OACA,UACA,OACA,UAAU,cACV,gBAAgB,MAChB,aACA,QACA,YACA,MACA,UAAU,WACV,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,cAAc;CACjC,MAAM,eAAe,YAAY;CACjC,MAAM,gBAAgB,gBAAgB,KAAA,IAAY,CAAC,eAAe;CAClE,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,gBAAgB,GAAG,cAAc;EAAE;EAAY;CAAQ,CAAC,GAAG,SAAS;CAC1E,MAAM,gBAAgB,GACpB,YAAY,MACZ,CAAC,gBAAgB,YAAY,WAC7B,YAAY,YAAY,YAAY,YACpC,YAAY,YAAY,CAAC,cAAc,YAAY,eACrD;CAEA,IAAI,QACF,OACE,qBAAC,OAAD;EAAgB;EAAW,GAAI;EAA/B,UAAA,CACE,qBAAC,OAAD;GAAK,WAAW,GAAG,YAAY,QAAQ,YAAY,YAAY;GAA/D,UAAA,CACE,oBAAC,YAAD;IAAY,QAAA;IAAa;IAAY;IAAa;GAAQ,CAAA,GACzD,KACE;EACL,CAAA,GAAA,oBAAC,OAAD;GAAK,WAAW,YAAY;GAAa;EAAc,CAAA,CACpD;;CAGT,IAAI,CAAC,eACH,OACE,qBAAC,OAAD;EAAK,WAAW;EAAe,GAAI;EAAnC,UAAA,CACG,SACC,qBAAC,OAAD;GACE,WAAW,GACT,YAAY,QACZ,eAAe,YAAY,mBAAmB,YAAY,WAC5D;GAJF,UAAA,CAME,oBAAC,YAAD;IAAkB;IAAY;IAAa;IAAgB;GAAU,CAAA,GACpE,KACE;EAEP,CAAA,GAAA,oBAAC,OAAD;GAAK,wBAAA;GAAqB,WAAW;GAClC;EACE,CAAA,CACF;;CAGT,OACE,qBAAC,YAAY,MAAb;EACE,WAAW;EACX,aAAa;EACb,MAAM;EACN,cAAc;EACd,GAAI;EALN,UAAA,CAOE,qBAAC,OAAD;GACE,WAAW,GACT,YAAY,QACZ,eAAe,YAAY,mBAAmB,YAAY,WAC5D;GAJF,UAAA,CAME,qBAAC,YAAY,SAAb;IAAqB,WAAW,YAAY;IAA5C,UAAA,CACE,oBAAC,YAAD;KAAkB;KAAY;KAAa;KAAgB;IAAU,CAAA,GACrE,oBAAC,MAAD;KAAM,WAAW,YAAY;KAAS,MAAM;IAAc,CAAA,CACvC;GACpB,CAAA,GAAA,KACE;EACL,CAAA,GAAA,oBAAC,YAAY,OAAb;GAAmB,WAAW,YAAY;GACxC,UAAA,oBAAC,OAAD;IAAK,wBAAA;IAAqB,WAAW;IAClC;GACE,CAAA;EACY,CAAA,CACH;;AAEtB,CACF;AAEA,UAAU,cAAc"}

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,118 @@
+"use client";
+import { useMotionComponent } from "../../../MotionProvider/index.mjs";
+import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
+import Icon from "../../../Icon/Icon.mjs";
+import Button from "../../Button/Button.mjs";
+import { useTranslation } from "../../../i18n/useTranslation.mjs";
+import form_default from "../../../i18n/resources/en/form.mjs";
+import { submitFooterStyles } from "../style.mjs";
+import { useFormContext } from "../context.mjs";
+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
+const FormSubmitFooter = memo(({ enableReset = true, buttonProps, float, onReset, saveButtonProps, resetButtonProps, enableUnsavedWarning, children, texts, className, ...rest }) => {
+	const Motion = useMotionComponent();
+	const { hasUnsavedChanges, requestReset, submitLoading } = useFormContext();
+	const { t } = useTranslation(form_default);
+	const unsavedWarningText = texts?.unSavedWarning ?? t("form.unsavedWarning");
+	const unsavedText = texts?.unSaved ?? t("form.unsavedChanges");
+	const resetText = texts?.reset ?? t("form.reset");
+	const submitText = texts?.submit ?? t("form.submit");
+	useEffect(() => {
+		if (!enableUnsavedWarning || typeof window === "undefined" || !hasUnsavedChanges) return;
+		const fn = (e) => {
+			e.preventDefault();
+			e.returnValue = unsavedWarningText;
+		};
+		window.addEventListener("beforeunload", fn);
+		return () => window.removeEventListener("beforeunload", fn);
+	}, [
+		enableUnsavedWarning,
+		hasUnsavedChanges,
+		unsavedWarningText
+	]);
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		(float || hasUnsavedChanges) && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Icon, {
+			color: cssVar.colorTextDescription,
+			icon: InfoIcon,
+			size: 12,
+			style: { marginLeft: 8 }
+		}), /* @__PURE__ */ jsx("span", {
+			style: {
+				color: cssVar.colorTextDescription,
+				flex: "none",
+				fontSize: 12,
+				marginRight: float ? 16 : 4
+			},
+			children: unsavedText
+		})] }),
+		children,
+		enableReset && (float || hasUnsavedChanges) && /* @__PURE__ */ jsx(Button, {
+			htmlType: "button",
+			shape: float ? "round" : void 0,
+			type: "fill",
+			onClick: () => {
+				requestReset();
+				onReset?.();
+			},
+			...buttonProps,
+			...resetButtonProps,
+			children: resetText
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			htmlType: "submit",
+			loading: submitLoading,
+			shape: float ? "round" : void 0,
+			type: "primary",
+			...buttonProps,
+			...saveButtonProps,
+			children: submitText
+		})
+	] });
+	if (!float) return /* @__PURE__ */ jsx(FlexBasic_default, {
+		horizontal: true,
+		align: "center",
+		className: cx(submitFooterStyles.footer, className),
+		gap: 8,
+		justify: "flex-end",
+		...rest,
+		children: content
+	});
+	return /* @__PURE__ */ jsx(Motion.div, {
+		animate: hasUnsavedChanges ? "visible" : "hidden",
+		className: submitFooterStyles.floatFooter,
+		initial: "hidden",
+		transition: {
+			duration: .1,
+			ease: "easeOut"
+		},
+		variants: {
+			hidden: {
+				opacity: 0,
+				x: "-50%",
+				y: 20
+			},
+			visible: {
+				opacity: 1,
+				x: "-50%",
+				y: 0
+			}
+		},
+		children: /* @__PURE__ */ jsx(FlexBasic_default, {
+			horizontal: true,
+			align: "center",
+			className,
+			gap: 8,
+			justify: "center",
+			...rest,
+			children: content
+		})
+	});
+});
+FormSubmitFooter.displayName = "FormSubmitFooter";
+//#endregion
+export { FormSubmitFooter as default };
+
+//# sourceMappingURL=FormSubmitFooter.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSubmitFooter.mjs","names":["formMessages","Flexbox","styles"],"sources":["../../../../src/base-ui/Form/components/FormSubmitFooter.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cssVar, cx } from 'antd-style';\r\nimport { InfoIcon } from 'lucide-react';\r\nimport { memo, useEffect } from 'react';\r\n\r\nimport Button from '@/base-ui/Button';\r\nimport { Flexbox } from '@/Flex';\r\nimport formMessages from '@/i18n/resources/en/form';\r\nimport { useTranslation } from '@/i18n/useTranslation';\r\nimport Icon from '@/Icon';\r\nimport { useMotionComponent } from '@/MotionProvider';\r\n\r\nimport { useFormContext } from '../context';\r\nimport { submitFooterStyles as styles } from '../style';\r\nimport type { FormSubmitFooterProps } from '../type';\r\n\r\nconst FormSubmitFooter = memo<FormSubmitFooterProps>(\r\n  ({\r\n    enableReset = true,\r\n    buttonProps,\r\n    float,\r\n    onReset,\r\n    saveButtonProps,\r\n    resetButtonProps,\r\n    enableUnsavedWarning,\r\n    children,\r\n    texts,\r\n    className,\r\n    ...rest\r\n  }) => {\r\n    const Motion = useMotionComponent();\r\n    const { hasUnsavedChanges, requestReset, submitLoading } = useFormContext();\r\n    const { t } = useTranslation(formMessages);\r\n\r\n    const unsavedWarningText = texts?.unSavedWarning ?? t('form.unsavedWarning');\r\n    const unsavedText = texts?.unSaved ?? t('form.unsavedChanges');\r\n    const resetText = texts?.reset ?? t('form.reset');\r\n    const submitText = texts?.submit ?? t('form.submit');\r\n\r\n    useEffect(() => {\r\n      if (!enableUnsavedWarning || typeof window === 'undefined' || !hasUnsavedChanges) return;\r\n      const fn = (e: BeforeUnloadEvent) => {\r\n        e.preventDefault();\r\n        e.returnValue = unsavedWarningText;\r\n      };\r\n      window.addEventListener('beforeunload', fn);\r\n      return () => window.removeEventListener('beforeunload', fn);\r\n    }, [enableUnsavedWarning, hasUnsavedChanges, unsavedWarningText]);\r\n\r\n    const content = (\r\n      <>\r\n        {(float || hasUnsavedChanges) && (\r\n          <>\r\n            <Icon\r\n              color={cssVar.colorTextDescription}\r\n              icon={InfoIcon}\r\n              size={12}\r\n              style={{ marginLeft: 8 }}\r\n            />\r\n            <span\r\n              style={{\r\n                color: cssVar.colorTextDescription,\r\n                flex: 'none',\r\n                fontSize: 12,\r\n                marginRight: float ? 16 : 4,\r\n              }}\r\n            >\r\n              {unsavedText}\r\n            </span>\r\n          </>\r\n        )}\r\n        {children}\r\n        {enableReset && (float || hasUnsavedChanges) && (\r\n          <Button\r\n            htmlType={'button'}\r\n            shape={float ? 'round' : undefined}\r\n            type={'fill'}\r\n            onClick={() => {\r\n              requestReset();\r\n              onReset?.();\r\n            }}\r\n            {...buttonProps}\r\n            {...resetButtonProps}\r\n          >\r\n            {resetText}\r\n          </Button>\r\n        )}\r\n        <Button\r\n          htmlType={'submit'}\r\n          loading={submitLoading}\r\n          shape={float ? 'round' : undefined}\r\n          type={'primary'}\r\n          {...buttonProps}\r\n          {...saveButtonProps}\r\n        >\r\n          {submitText}\r\n        </Button>\r\n      </>\r\n    );\r\n\r\n    if (!float)\r\n      return (\r\n        <Flexbox\r\n          horizontal\r\n          align={'center'}\r\n          className={cx(styles.footer, className)}\r\n          gap={8}\r\n          justify={'flex-end'}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </Flexbox>\r\n      );\r\n\r\n    return (\r\n      <Motion.div\r\n        animate={hasUnsavedChanges ? 'visible' : 'hidden'}\r\n        className={styles.floatFooter}\r\n        initial={'hidden'}\r\n        transition={{ duration: 0.1, ease: 'easeOut' }}\r\n        variants={{\r\n          hidden: {\r\n            opacity: 0,\r\n            x: '-50%',\r\n            y: 20,\r\n          },\r\n          visible: {\r\n            opacity: 1,\r\n            x: '-50%',\r\n            y: 0,\r\n          },\r\n        }}\r\n      >\r\n        <Flexbox\r\n          horizontal\r\n          align={'center'}\r\n          className={className}\r\n          gap={8}\r\n          justify={'center'}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </Flexbox>\r\n      </Motion.div>\r\n    );\r\n  },\r\n);\r\n\r\nFormSubmitFooter.displayName = 'FormSubmitFooter';\r\n\r\nexport default FormSubmitFooter;\r\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,mBAAmB,MACtB,EACC,cAAc,MACd,aACA,OACA,SACA,iBACA,kBACA,sBACA,UACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS,mBAAmB;CAClC,MAAM,EAAE,mBAAmB,cAAc,kBAAkB,eAAe;CAC1E,MAAM,EAAE,MAAM,eAAeA,YAAY;CAEzC,MAAM,qBAAqB,OAAO,kBAAkB,EAAE,qBAAqB;CAC3E,MAAM,cAAc,OAAO,WAAW,EAAE,qBAAqB;CAC7D,MAAM,YAAY,OAAO,SAAS,EAAE,YAAY;CAChD,MAAM,aAAa,OAAO,UAAU,EAAE,aAAa;CAEnD,gBAAgB;EACd,IAAI,CAAC,wBAAwB,OAAO,WAAW,eAAe,CAAC,mBAAmB;EAClF,MAAM,MAAM,MAAyB;GACnC,EAAE,eAAe;GACjB,EAAE,cAAc;EAClB;EACA,OAAO,iBAAiB,gBAAgB,EAAE;EAC1C,aAAa,OAAO,oBAAoB,gBAAgB,EAAE;CAC5D,GAAG;EAAC;EAAsB;EAAmB;CAAkB,CAAC;CAEhE,MAAM,UACJ,qBAAA,YAAA,EAAA,UAAA;GACI,SAAS,sBACT,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,MAAD;GACE,OAAO,OAAO;GACd,MAAM;GACN,MAAM;GACN,OAAO,EAAE,YAAY,EAAE;EACxB,CAAA,GACD,oBAAC,QAAD;GACE,OAAO;IACL,OAAO,OAAO;IACd,MAAM;IACN,UAAU;IACV,aAAa,QAAQ,KAAK;GAC5B;GAEC,UAAA;EACG,CAAA,CACN,EAAA,CAAA;EAEH;EACA,gBAAgB,SAAS,sBACxB,oBAAC,QAAD;GACE,UAAU;GACV,OAAO,QAAQ,UAAU,KAAA;GACzB,MAAM;GACN,eAAe;IACb,aAAa;IACb,UAAU;GACZ;GACA,GAAI;GACJ,GAAI;GAEH,UAAA;EACK,CAAA;EAEV,oBAAC,QAAD;GACE,UAAU;GACV,SAAS;GACT,OAAO,QAAQ,UAAU,KAAA;GACzB,MAAM;GACN,GAAI;GACJ,GAAI;GAEH,UAAA;EACK,CAAA;CACR,EAAA,CAAA;CAGJ,IAAI,CAAC,OACH,OACE,oBAACC,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAGC,mBAAO,QAAQ,SAAS;EACtC,KAAK;EACL,SAAS;EACT,GAAI;EAEH,UAAA;CACM,CAAA;CAGb,OACE,oBAAC,OAAO,KAAR;EACE,SAAS,oBAAoB,YAAY;EACzC,WAAWA,mBAAO;EAClB,SAAS;EACT,YAAY;GAAE,UAAU;GAAK,MAAM;EAAU;EAC7C,UAAU;GACR,QAAQ;IACN,SAAS;IACT,GAAG;IACH,GAAG;GACL;GACA,SAAS;IACP,SAAS;IACT,GAAG;IACH,GAAG;GACL;EACF;EAEA,UAAA,oBAACD,mBAAD;GACE,YAAA;GACA,OAAO;GACI;GACX,KAAK;GACL,SAAS;GACT,GAAI;GAEH,UAAA;EACM,CAAA;CACC,CAAA;AAEhB,CACF;AAEA,iBAAiB,cAAc"}

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,42 @@
+"use client";
+import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
+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
+const FormTitle = ({ tag, title, desc, avatar, classNames, styles: customStyles, tagProps, ...rest }) => {
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
+		align: "center",
+		gap: 8,
+		...rest,
+		children: [avatar, /* @__PURE__ */ jsxs(FlexBasic_default, {
+			className: cx(titleStyles.content, classNames?.content),
+			gap: 8,
+			style: customStyles?.content,
+			children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+				horizontal: true,
+				align: "center",
+				className: cx(titleStyles.title, classNames?.title),
+				gap: 8,
+				style: customStyles?.title,
+				children: [title, tag && /* @__PURE__ */ jsx(Tag, {
+					className: classNames?.tag,
+					style: customStyles?.tag,
+					...tagProps,
+					children: tag
+				})]
+			}), desc && /* @__PURE__ */ jsx("small", {
+				className: cx(titleStyles.desc, classNames?.desc),
+				style: customStyles?.desc,
+				children: desc
+			})]
+		})]
+	});
+};
+FormTitle.displayName = "FormTitle";
+//#endregion
+export { FormTitle as default };
+
+//# sourceMappingURL=FormTitle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTitle.mjs","names":["Flexbox","styles"],"sources":["../../../../src/base-ui/Form/components/FormTitle.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport Tag from '@/base-ui/Tag';\r\nimport { Flexbox } from '@/Flex';\r\n\r\nimport { titleStyles as styles } from '../style';\r\nimport type { FormTitleProps } from '../type';\r\n\r\nconst FormTitle: FC<FormTitleProps> = ({\r\n  tag,\r\n  title,\r\n  desc,\r\n  avatar,\r\n  classNames,\r\n  styles: customStyles,\r\n  tagProps,\r\n  ...rest\r\n}) => {\r\n  return (\r\n    <Flexbox horizontal align={'center'} gap={8} {...rest}>\r\n      {avatar}\r\n      <Flexbox\r\n        className={cx(styles.content, classNames?.content)}\r\n        gap={8}\r\n        style={customStyles?.content}\r\n      >\r\n        <Flexbox\r\n          horizontal\r\n          align={'center'}\r\n          className={cx(styles.title, classNames?.title)}\r\n          gap={8}\r\n          style={customStyles?.title}\r\n        >\r\n          {title}\r\n          {tag && (\r\n            <Tag className={classNames?.tag} style={customStyles?.tag} {...tagProps}>\r\n              {tag}\r\n            </Tag>\r\n          )}\r\n        </Flexbox>\r\n        {desc && (\r\n          <small className={cx(styles.desc, classNames?.desc)} style={customStyles?.desc}>\r\n            {desc}\r\n          </small>\r\n        )}\r\n      </Flexbox>\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nFormTitle.displayName = 'FormTitle';\r\n\r\nexport default FormTitle;\r\n"],"mappings":";;;;;;;AAWA,MAAM,aAAiC,EACrC,KACA,OACA,MACA,QACA,YACA,QAAQ,cACR,UACA,GAAG,WACC;CACJ,OACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAAG,GAAI;EAAjD,UAAA,CACG,QACD,qBAACA,mBAAD;GACE,WAAW,GAAGC,YAAO,SAAS,YAAY,OAAO;GACjD,KAAK;GACL,OAAO,cAAc;GAHvB,UAAA,CAKE,qBAACD,mBAAD;IACE,YAAA;IACA,OAAO;IACP,WAAW,GAAGC,YAAO,OAAO,YAAY,KAAK;IAC7C,KAAK;IACL,OAAO,cAAc;IALvB,UAAA,CAOG,OACA,OACC,oBAAC,KAAD;KAAK,WAAW,YAAY;KAAK,OAAO,cAAc;KAAK,GAAI;KAC5D,UAAA;IACE,CAAA,CAEA;GACR,CAAA,GAAA,QACC,oBAAC,SAAD;IAAO,WAAW,GAAGA,YAAO,MAAM,YAAY,IAAI;IAAG,OAAO,cAAc;IACvE,UAAA;GACI,CAAA,CAEF;EACF,CAAA,CAAA;;AAEb;AAEA,UAAU,cAAc"}

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

@@ -0,0 +1,6 @@
+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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/base-ui/Form/context.ts"],"sourcesContent":["'use client';\r\n\r\nimport { createContext, use } from 'react';\r\n\r\nimport type { FormContextValue } from './type';\r\n\r\nexport const FormContext = createContext<FormContextValue>({\r\n  hasUnsavedChanges: false,\r\n  layout: 'horizontal',\r\n  requestReset: () => {},\r\n  submitLoading: false,\r\n  variant: 'borderless',\r\n});\r\n\r\nexport const useFormContext = () => use(FormContext);\r\n"],"mappings":";;;AAMA,MAAa,cAAc,cAAgC;CACzD,mBAAmB;CACnB,QAAQ;CACR,oBAAoB,CAAC;CACrB,eAAe;CACf,SAAS;AACX,CAAC;AAED,MAAa,uBAAuB,IAAI,WAAW"}

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

@@ -0,0 +1,27 @@
+import { FlexBasicProps } from "../../Flex/type.mjs";
+import "../../index.mjs";
+import { FormContextValue, FormDividerProps, FormFieldProps, FormFlatGroupProps, FormFooterProps, FormGroupItemType, FormGroupProps, FormLayout, FormProps, FormSubmitFooterProps, FormTitleProps, FormValues, FormVariant, ItemsType } from "./type.mjs";
+import FormDivider from "./components/FormDivider.mjs";
+import FormField from "./components/FormField.mjs";
+import FormFlatGroup from "./components/FormFlatGroup.mjs";
+import FormFooter from "./components/FormFooter.mjs";
+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.
+ */
+declare const Form: import("react").NamedExoticComponent<FormProps> & {
+  Divider: import("react").FC<FormDividerProps>;
+  Field: import("react").NamedExoticComponent<FormFieldProps>;
+  FlatGroup: import("react").NamedExoticComponent<FormFlatGroupProps>;
+  Footer: import("react").FC<FlexBasicProps>;
+  Group: import("react").NamedExoticComponent<FormGroupProps>;
+  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

@@ -0,0 +1,27 @@
+"use client";
+import FormDivider from "./components/FormDivider.mjs";
+import { useFormContext } from "./context.mjs";
+import FormTitle from "./components/FormTitle.mjs";
+import FormField from "./components/FormField.mjs";
+import FormFlatGroup from "./components/FormFlatGroup.mjs";
+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
+/**
+* @deprecated Use `Form` from `@jinmi/ui/base-ui/form`. This uncontrolled Form is removed in the next major.
+*/
+const Form = Object.assign(Form$1, {
+	Divider: FormDivider,
+	Field: FormField,
+	FlatGroup: FormFlatGroup,
+	Footer: FormFooter,
+	Group: FormGroup,
+	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

@@ -0,0 +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"}