@lobehub/ui 5.19.3 → 5.20.1

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';\n\nimport { Collapsible } from '@base-ui/react/collapsible';\nimport { cx, useResponsive } from 'antd-style';\nimport { ChevronDown } from 'lucide-react';\nimport { memo, type ReactNode } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { groupStyles, groupVariants } from '../style';\nimport type { FormGroupProps } from '../type';\n\nconst GroupTitle = memo<{\n  desc?: ReactNode;\n  icon?: FormGroupProps['icon'];\n  mobile?: boolean;\n  title?: ReactNode;\n  variant?: FormGroupProps['variant'];\n}>(({ icon, title, desc, variant, mobile }) => (\n  <div\n    className={cx(\n      groupStyles.title,\n      variant === 'borderless' && !mobile && groupStyles.titleBorderless,\n      mobile && groupStyles.mobileTitle,\n    )}\n  >\n    {icon && <Icon icon={icon} />}\n    <div>\n      {title}\n      {desc && <div className={groupStyles.desc}>{desc}</div>}\n    </div>\n  </div>\n));\n\nGroupTitle.displayName = 'GroupTitle';\n\nconst FormGroup = memo<FormGroupProps>(\n  ({\n    className,\n    icon,\n    title,\n    children,\n    extra,\n    variant = 'borderless',\n    defaultActive = true,\n    collapsible,\n    active,\n    onCollapse,\n    desc,\n    keyValue: _keyValue,\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n    const isBorderless = variant === 'borderless';\n    const isCollapsible = collapsible === undefined ? !isBorderless : collapsible;\n\n    if (mobile)\n      return (\n        <div className={className} {...rest}>\n          <div className={cx(groupStyles.header, groupStyles.mobileHeader)}>\n            <GroupTitle mobile desc={desc} icon={icon} title={title} />\n            {extra}\n          </div>\n          <div className={groupStyles.mobileBody}>{children}</div>\n        </div>\n      );\n\n    if (!isCollapsible)\n      return (\n        <div className={cx(groupVariants({ variant }), className)} {...rest}>\n          {title && (\n            <div\n              className={cx(\n                groupStyles.header,\n                isBorderless ? groupStyles.headerBorderless : groupStyles.headerBoxed,\n              )}\n            >\n              <GroupTitle desc={desc} icon={icon} title={title} variant={variant} />\n              {extra}\n            </div>\n          )}\n          <div className={cx(groupStyles.body, !isBorderless && groupStyles.bodyBoxed)}>\n            {children}\n          </div>\n        </div>\n      );\n\n    return (\n      <Collapsible.Root\n        className={cx(groupVariants({ variant }), className)}\n        defaultOpen={defaultActive}\n        open={active}\n        onOpenChange={onCollapse}\n        {...rest}\n      >\n        <div\n          className={cx(\n            groupStyles.header,\n            isBorderless ? groupStyles.headerBorderless : groupStyles.headerBoxed,\n          )}\n        >\n          <Collapsible.Trigger className={groupStyles.trigger}>\n            <GroupTitle desc={desc} icon={icon} title={title} variant={variant} />\n            <Icon className={groupStyles.chevron} icon={ChevronDown} />\n          </Collapsible.Trigger>\n          {extra}\n        </div>\n        <Collapsible.Panel className={groupStyles.panel}>\n          <div className={cx(groupStyles.body, !isBorderless && groupStyles.bodyBoxed)}>\n            {children}\n          </div>\n        </Collapsible.Panel>\n      </Collapsible.Root>\n    );\n  },\n);\n\nFormGroup.displayName = 'FormGroup';\n\nexport default FormGroup;\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,YACvB;WALH,CAOG,QAAQ,oBAAC,MAAD,EAAY,MAAQ,CAAA,EAC7B,qBAAC,OAAD,EAAA,UAAA,CACG,OACA,QAAQ,oBAAC,OAAD;EAAK,WAAW,YAAY;YAAO;EAAW,CAAA,CACnD,EAAA,CAAA,CACF;GACN;AAEF,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,eAAe;CAClC,MAAM,eAAe,YAAY;CACjC,MAAM,gBAAgB,gBAAgB,KAAA,IAAY,CAAC,eAAe;AAElE,KAAI,OACF,QACE,qBAAC,OAAD;EAAgB;EAAW,GAAI;YAA/B,CACE,qBAAC,OAAD;GAAK,WAAW,GAAG,YAAY,QAAQ,YAAY,aAAa;aAAhE,CACE,oBAAC,YAAD;IAAY,QAAA;IAAa;IAAY;IAAa;IAAS,CAAA,EAC1D,MACG;MACN,oBAAC,OAAD;GAAK,WAAW,YAAY;GAAa;GAAe,CAAA,CACpD;;AAGV,KAAI,CAAC,cACH,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EAAE,GAAI;YAA/D,CACG,SACC,qBAAC,OAAD;GACE,WAAW,GACT,YAAY,QACZ,eAAe,YAAY,mBAAmB,YAAY,YAC3D;aAJH,CAME,oBAAC,YAAD;IAAkB;IAAY;IAAa;IAAgB;IAAW,CAAA,EACrE,MACG;MAER,oBAAC,OAAD;GAAK,WAAW,GAAG,YAAY,MAAM,CAAC,gBAAgB,YAAY,UAAU;GACzE;GACG,CAAA,CACF;;AAGV,QACE,qBAAC,YAAY,MAAb;EACE,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EACpD,aAAa;EACb,MAAM;EACN,cAAc;EACd,GAAI;YALN,CAOE,qBAAC,OAAD;GACE,WAAW,GACT,YAAY,QACZ,eAAe,YAAY,mBAAmB,YAAY,YAC3D;aAJH,CAME,qBAAC,YAAY,SAAb;IAAqB,WAAW,YAAY;cAA5C,CACE,oBAAC,YAAD;KAAkB;KAAY;KAAa;KAAgB;KAAW,CAAA,EACtE,oBAAC,MAAD;KAAM,WAAW,YAAY;KAAS,MAAM;KAAe,CAAA,CACvC;OACrB,MACG;MACN,oBAAC,YAAY,OAAb;GAAmB,WAAW,YAAY;aACxC,oBAAC,OAAD;IAAK,WAAW,GAAG,YAAY,MAAM,CAAC,gBAAgB,YAAY,UAAU;IACzE;IACG,CAAA;GACY,CAAA,CACH;;EAGxB;AAED,UAAU,cAAc"}

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

@@ -0,0 +1,8 @@
+import { FormSubmitFooterProps } from "../type.mjs";
+import * as _$react from "react";
+
+//#region src/base-ui/Form/components/FormSubmitFooter.d.ts
+declare const FormSubmitFooter: _$react.NamedExoticComponent<FormSubmitFooterProps>;
+//#endregion
+export { FormSubmitFooter };
+//# 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 { useTranslation } from "../../../i18n/useTranslation.mjs";
+import form_default from "../../../i18n/resources/en/form.mjs";
+import Button from "../../Button/Button.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';\n\nimport { cssVar, cx } from 'antd-style';\nimport { InfoIcon } from 'lucide-react';\nimport { memo, useEffect } from 'react';\n\nimport Button from '@/base-ui/Button';\nimport { Flexbox } from '@/Flex';\nimport formMessages from '@/i18n/resources/en/form';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\nimport { useMotionComponent } from '@/MotionProvider';\n\nimport { useFormContext } from '../context';\nimport { submitFooterStyles as styles } from '../style';\nimport type { FormSubmitFooterProps } from '../type';\n\nconst FormSubmitFooter = memo<FormSubmitFooterProps>(\n  ({\n    enableReset = true,\n    buttonProps,\n    float,\n    onReset,\n    saveButtonProps,\n    resetButtonProps,\n    enableUnsavedWarning,\n    children,\n    texts,\n    className,\n    ...rest\n  }) => {\n    const Motion = useMotionComponent();\n    const { hasUnsavedChanges, requestReset, submitLoading } = useFormContext();\n    const { t } = useTranslation(formMessages);\n\n    const unsavedWarningText = texts?.unSavedWarning ?? t('form.unsavedWarning');\n    const unsavedText = texts?.unSaved ?? t('form.unsavedChanges');\n    const resetText = texts?.reset ?? t('form.reset');\n    const submitText = texts?.submit ?? t('form.submit');\n\n    useEffect(() => {\n      if (!enableUnsavedWarning || typeof window === 'undefined' || !hasUnsavedChanges) return;\n      const fn = (e: BeforeUnloadEvent) => {\n        e.preventDefault();\n        e.returnValue = unsavedWarningText;\n      };\n      window.addEventListener('beforeunload', fn);\n      return () => window.removeEventListener('beforeunload', fn);\n    }, [enableUnsavedWarning, hasUnsavedChanges, unsavedWarningText]);\n\n    const content = (\n      <>\n        {(float || hasUnsavedChanges) && (\n          <>\n            <Icon\n              color={cssVar.colorTextDescription}\n              icon={InfoIcon}\n              size={12}\n              style={{ marginLeft: 8 }}\n            />\n            <span\n              style={{\n                color: cssVar.colorTextDescription,\n                flex: 'none',\n                fontSize: 12,\n                marginRight: float ? 16 : 4,\n              }}\n            >\n              {unsavedText}\n            </span>\n          </>\n        )}\n        {children}\n        {enableReset && (float || hasUnsavedChanges) && (\n          <Button\n            htmlType={'button'}\n            shape={float ? 'round' : undefined}\n            type={'fill'}\n            onClick={() => {\n              requestReset();\n              onReset?.();\n            }}\n            {...buttonProps}\n            {...resetButtonProps}\n          >\n            {resetText}\n          </Button>\n        )}\n        <Button\n          htmlType={'submit'}\n          loading={submitLoading}\n          shape={float ? 'round' : undefined}\n          type={'primary'}\n          {...buttonProps}\n          {...saveButtonProps}\n        >\n          {submitText}\n        </Button>\n      </>\n    );\n\n    if (!float)\n      return (\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={cx(styles.footer, className)}\n          gap={8}\n          justify={'flex-end'}\n          {...rest}\n        >\n          {content}\n        </Flexbox>\n      );\n\n    return (\n      <Motion.div\n        animate={hasUnsavedChanges ? 'visible' : 'hidden'}\n        className={styles.floatFooter}\n        initial={'hidden'}\n        transition={{ duration: 0.1, ease: 'easeOut' }}\n        variants={{\n          hidden: {\n            opacity: 0,\n            x: '-50%',\n            y: 20,\n          },\n          visible: {\n            opacity: 1,\n            x: '-50%',\n            y: 0,\n          },\n        }}\n      >\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={className}\n          gap={8}\n          justify={'center'}\n          {...rest}\n        >\n          {content}\n        </Flexbox>\n      </Motion.div>\n    );\n  },\n);\n\nFormSubmitFooter.displayName = 'FormSubmitFooter';\n\nexport default FormSubmitFooter;\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,mBAAmB,MACtB,EACC,cAAc,MACd,aACA,OACA,SACA,iBACA,kBACA,sBACA,UACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS,oBAAoB;CACnC,MAAM,EAAE,mBAAmB,cAAc,kBAAkB,gBAAgB;CAC3E,MAAM,EAAE,MAAM,eAAeA,aAAa;CAE1C,MAAM,qBAAqB,OAAO,kBAAkB,EAAE,sBAAsB;CAC5E,MAAM,cAAc,OAAO,WAAW,EAAE,sBAAsB;CAC9D,MAAM,YAAY,OAAO,SAAS,EAAE,aAAa;CACjD,MAAM,aAAa,OAAO,UAAU,EAAE,cAAc;AAEpD,iBAAgB;AACd,MAAI,CAAC,wBAAwB,OAAO,WAAW,eAAe,CAAC,kBAAmB;EAClF,MAAM,MAAM,MAAyB;AACnC,KAAE,gBAAgB;AAClB,KAAE,cAAc;;AAElB,SAAO,iBAAiB,gBAAgB,GAAG;AAC3C,eAAa,OAAO,oBAAoB,gBAAgB,GAAG;IAC1D;EAAC;EAAsB;EAAmB;EAAmB,CAAC;CAEjE,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,GAAG;GACxB,CAAA,EACF,oBAAC,QAAD;GACE,OAAO;IACL,OAAO,OAAO;IACd,MAAM;IACN,UAAU;IACV,aAAa,QAAQ,KAAK;IAC3B;aAEA;GACI,CAAA,CACN,EAAA,CAAA;EAEJ;EACA,gBAAgB,SAAS,sBACxB,oBAAC,QAAD;GACE,UAAU;GACV,OAAO,QAAQ,UAAU,KAAA;GACzB,MAAM;GACN,eAAe;AACb,kBAAc;AACd,eAAW;;GAEb,GAAI;GACJ,GAAI;aAEH;GACM,CAAA;EAEX,oBAAC,QAAD;GACE,UAAU;GACV,SAAS;GACT,OAAO,QAAQ,UAAU,KAAA;GACzB,MAAM;GACN,GAAI;GACJ,GAAI;aAEH;GACM,CAAA;EACR,EAAA,CAAA;AAGL,KAAI,CAAC,MACH,QACE,oBAACC,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAGC,mBAAO,QAAQ,UAAU;EACvC,KAAK;EACL,SAAS;EACT,GAAI;YAEH;EACO,CAAA;AAGd,QACE,oBAAC,OAAO,KAAR;EACE,SAAS,oBAAoB,YAAY;EACzC,WAAWA,mBAAO;EAClB,SAAS;EACT,YAAY;GAAE,UAAU;GAAK,MAAM;GAAW;EAC9C,UAAU;GACR,QAAQ;IACN,SAAS;IACT,GAAG;IACH,GAAG;IACJ;GACD,SAAS;IACP,SAAS;IACT,GAAG;IACH,GAAG;IACJ;GACF;YAED,oBAACD,mBAAD;GACE,YAAA;GACA,OAAO;GACI;GACX,KAAK;GACL,SAAS;GACT,GAAI;aAEH;GACO,CAAA;EACC,CAAA;EAGlB;AAED,iBAAiB,cAAc"}

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

@@ -0,0 +1,8 @@
+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 };
+//# 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';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Tag from '@/Tag';\n\nimport { titleStyles as styles } from '../style';\nimport type { FormTitleProps } from '../type';\n\nconst FormTitle: FC<FormTitleProps> = ({\n  tag,\n  title,\n  desc,\n  avatar,\n  classNames,\n  styles: customStyles,\n  tagProps,\n  ...rest\n}) => {\n  return (\n    <Flexbox horizontal align={'center'} gap={8} {...rest}>\n      {avatar}\n      <Flexbox\n        className={cx(styles.content, classNames?.content)}\n        gap={8}\n        style={customStyles?.content}\n      >\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={cx(styles.title, classNames?.title)}\n          gap={8}\n          style={customStyles?.title}\n        >\n          {title}\n          {tag && (\n            <Tag className={classNames?.tag} style={customStyles?.tag} {...tagProps}>\n              {tag}\n            </Tag>\n          )}\n        </Flexbox>\n        {desc && (\n          <small className={cx(styles.desc, classNames?.desc)} style={customStyles?.desc}>\n            {desc}\n          </small>\n        )}\n      </Flexbox>\n    </Flexbox>\n  );\n};\n\nFormTitle.displayName = 'FormTitle';\n\nexport default FormTitle;\n"],"mappings":";;;;;;;AAWA,MAAM,aAAiC,EACrC,KACA,OACA,MACA,QACA,YACA,QAAQ,cACR,UACA,GAAG,WACC;AACJ,QACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAAG,GAAI;YAAjD,CACG,QACD,qBAACA,mBAAD;GACE,WAAW,GAAGC,YAAO,SAAS,YAAY,QAAQ;GAClD,KAAK;GACL,OAAO,cAAc;aAHvB,CAKE,qBAACD,mBAAD;IACE,YAAA;IACA,OAAO;IACP,WAAW,GAAGC,YAAO,OAAO,YAAY,MAAM;IAC9C,KAAK;IACL,OAAO,cAAc;cALvB,CAOG,OACA,OACC,oBAAC,KAAD;KAAK,WAAW,YAAY;KAAK,OAAO,cAAc;KAAK,GAAI;eAC5D;KACG,CAAA,CAEA;OACT,QACC,oBAAC,SAAD;IAAO,WAAW,GAAGA,YAAO,MAAM,YAAY,KAAK;IAAE,OAAO,cAAc;cACvE;IACK,CAAA,CAEF;KACF;;;AAId,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';\n\nimport { createContext, use } from 'react';\n\nimport type { FormContextValue } from './type';\n\nexport const FormContext = createContext<FormContextValue>({\n  hasUnsavedChanges: false,\n  layout: 'horizontal',\n  requestReset: () => {},\n  submitLoading: false,\n  variant: 'borderless',\n});\n\nexport const useFormContext = () => use(FormContext);\n"],"mappings":";;;AAMA,MAAa,cAAc,cAAgC;CACzD,mBAAmB;CACnB,QAAQ;CACR,oBAAoB;CACpB,eAAe;CACf,SAAS;CACV,CAAC;AAEF,MAAa,uBAAuB,IAAI,YAAY"}

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

@@ -0,0 +1,25 @@
+import { FlexBasicProps } from "../../Flex/type.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";
+import * as _$react from "react";
+
+//#region src/base-ui/Form/index.d.ts
+declare const Form: _$react.NamedExoticComponent<FormProps> & {
+  Divider: _$react.FC<FormDividerProps>;
+  Field: _$react.NamedExoticComponent<FormFieldProps>;
+  FlatGroup: _$react.NamedExoticComponent<FormFlatGroupProps>;
+  Footer: _$react.FC<FlexBasicProps>;
+  Group: _$react.NamedExoticComponent<FormGroupProps>;
+  SubmitFooter: _$react.NamedExoticComponent<FormSubmitFooterProps>;
+  Title: _$react.FC<FormTitleProps>;
+};
+//#endregion
+export { Form };
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1,24 @@
+"use client";
+import FormDivider from "./components/FormDivider.mjs";
+import "./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
+const Form = Object.assign(Form$1, {
+	Divider: FormDivider,
+	Field: FormField,
+	FlatGroup: FormFlatGroup,
+	Footer: FormFooter,
+	Group: FormGroup,
+	SubmitFooter: FormSubmitFooter,
+	Title: FormTitle
+});
+//#endregion
+export { Form as default };
+
+//# 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';\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\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":";;;;;;;;;;;AAWA,MAAa,OAAO,OAAO,OAAOA,QAAY;CAC5C,SAAS;CACT,OAAO;CACP,WAAW;CACX,QAAQ;CACR,OAAO;CACP,cAAc;CACd,OAAO;CACR,CAAC"}

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

@@ -0,0 +1,288 @@
+import { staticStylish } from "../../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles, responsive } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/base-ui/Form/style.ts
+const styles = createStaticStyles(({ css }) => ({
+	root: css`
+    position: relative;
+
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    width: 100%;
+
+    ${responsive.sm} {
+      gap: 0 !important;
+    }
+  `,
+	rootBorderless: css`
+    gap: 48px;
+  `
+}));
+const rootVariants = cva(styles.root, {
+	defaultVariants: { variant: "borderless" },
+	variants: { variant: {
+		borderless: styles.rootBorderless,
+		filled: null,
+		outlined: null
+	} }
+});
+const fieldStyles = createStaticStyles(({ css, cssVar }) => ({
+	control: css`
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    align-items: flex-end;
+
+    min-width: var(--form-field-min-width, unset);
+  `,
+	controlVertical: css`
+    align-items: stretch;
+    width: 100%;
+  `,
+	error: css`
+    font-size: 12px;
+    color: ${cssVar.colorError};
+  `,
+	horizontal: css`
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+  `,
+	label: css`
+    display: block;
+    flex: 1;
+    max-width: 100%;
+    text-align: start;
+  `,
+	root: css`
+    display: flex;
+    gap: 12px;
+
+    box-sizing: border-box;
+    width: 100%;
+    padding-block: 16px;
+  `,
+	vertical: css`
+    flex-direction: column;
+    gap: 8px;
+    align-items: stretch;
+  `
+}));
+const fieldVariants = cva(fieldStyles.root, {
+	defaultVariants: { layout: "horizontal" },
+	variants: { layout: {
+		horizontal: fieldStyles.horizontal,
+		vertical: fieldStyles.vertical
+	} }
+});
+const dividerStyles = createStaticStyles(({ css, cssVar }) => ({ root: css`
+    width: 100%;
+    height: 1px;
+    margin: 0;
+    border: none;
+
+    background: ${cssVar.colorBorderSecondary};
+  ` }));
+const groupStyles = createStaticStyles(({ css, cssVar }) => ({
+	body: css`
+    display: flex;
+    flex-direction: column;
+  `,
+	bodyBoxed: css`
+    padding-inline: 16px;
+  `,
+	chevron: css`
+    flex: none;
+    color: ${cssVar.colorTextDescription};
+    transition: transform 200ms ${cssVar.motionEaseOut};
+
+    [data-panel-open] & {
+      transform: rotate(180deg);
+    }
+  `,
+	desc: css`
+    font-size: 12px;
+    font-weight: 400;
+    color: ${cssVar.colorTextDescription};
+  `,
+	header: css`
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    justify-content: space-between;
+
+    width: 100%;
+  `,
+	headerBorderless: css`
+    padding-block-end: 16px;
+    border-block-end: 1px solid ${cssVar.colorBorderSecondary};
+  `,
+	headerBoxed: css`
+    padding: 16px;
+  `,
+	mobileBody: css`
+    padding-block: 0;
+    padding-inline: 16px;
+    background: ${cssVar.colorBgContainer};
+  `,
+	mobileHeader: css`
+    padding: 16px;
+    background: ${cssVar.colorBgLayout};
+  `,
+	mobileTitle: css`
+    font-size: 14px;
+    font-weight: 400;
+    opacity: 0.5;
+  `,
+	panel: css`
+    overflow: hidden;
+    height: var(--collapsible-panel-height);
+    transition: height 200ms ${cssVar.motionEaseOut};
+
+    &[data-starting-style],
+    &[data-ending-style] {
+      height: 0;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      transition-duration: 0s;
+    }
+  `,
+	rootFilled: css`
+    border-radius: ${cssVar.borderRadiusLG};
+    ${staticStylish.variantFilledWithoutHover}
+    background: ${cssVar.colorFillQuaternary};
+  `,
+	rootOutlined: css`
+    border-radius: ${cssVar.borderRadiusLG};
+    ${staticStylish.variantOutlinedWithoutHover}
+  `,
+	title: css`
+    display: flex;
+    gap: 8px;
+    align-items: center;
+
+    font-size: 16px;
+    font-weight: bold;
+    color: ${cssVar.colorText};
+  `,
+	titleBorderless: css`
+    font-size: 18px;
+  `,
+	trigger: css`
+    cursor: pointer;
+
+    display: flex;
+    flex: 1;
+    gap: 12px;
+    align-items: center;
+
+    margin: 0;
+    padding: 0;
+    border: none;
+
+    text-align: start;
+
+    background: none;
+    outline: none;
+
+    &:focus-visible {
+      border-radius: ${cssVar.borderRadius};
+      box-shadow: 0 0 0 2px ${cssVar.colorPrimaryBorder};
+    }
+  `
+}));
+const groupVariants = cva(null, {
+	defaultVariants: { variant: "borderless" },
+	variants: { variant: {
+		borderless: null,
+		filled: groupStyles.rootFilled,
+		outlined: groupStyles.rootOutlined
+	} }
+});
+const flatGroupStyles = createStaticStyles(({ cx, css, cssVar }) => ({
+	borderless: cx(staticStylish.variantBorderlessWithoutHover, css`
+      padding-inline: 0;
+    `),
+	filled: cx(staticStylish.variantFilledWithoutHover, css`
+      background: ${cssVar.colorFillQuaternary};
+    `),
+	mobile: css`
+    padding-block: 0;
+    padding-inline: 16px;
+    border-radius: 0;
+    background: ${cssVar.colorBgContainer};
+  `,
+	outlined: staticStylish.variantOutlinedWithoutHover,
+	root: css`
+    padding-inline: 16px;
+    border-radius: ${cssVar.borderRadiusLG};
+  `
+}));
+const flatGroupVariants = cva(flatGroupStyles.root, {
+	defaultVariants: { variant: "borderless" },
+	variants: { variant: {
+		borderless: flatGroupStyles.borderless,
+		filled: flatGroupStyles.filled,
+		outlined: flatGroupStyles.outlined
+	} }
+});
+const footerStyles = createStaticStyles(({ css, cssVar }) => ({ root: css`
+    ${responsive.sm} {
+      padding: 16px;
+      border-block-start: 1px solid ${cssVar.colorBorderSecondary};
+      background: ${cssVar.colorBgContainer};
+    }
+  ` }));
+const submitFooterStyles = createStaticStyles(({ css, cssVar }) => ({
+	floatFooter: css`
+    position: fixed;
+    z-index: 1000;
+    inset-block-end: 24px;
+    inset-inline-start: 50%;
+    transform: translateX(-50%);
+
+    width: max-content;
+    padding: 8px;
+    border: 1px solid ${cssVar.colorBorderSecondary};
+    border-radius: 48px;
+
+    background: ${cssVar.colorBgContainer};
+    box-shadow: ${cssVar.boxShadowSecondary};
+  `,
+	footer: css`
+    ${responsive.sm} {
+      margin-block-start: calc(-1 * ${cssVar.borderRadius});
+      padding: 16px;
+      border-block-start: 1px solid ${cssVar.colorBorderSecondary};
+      background: ${cssVar.colorBgContainer};
+    }
+  `
+}));
+const titleStyles = createStaticStyles(({ css, cssVar }) => ({
+	content: css`
+    position: relative;
+    text-align: start;
+  `,
+	desc: css`
+    display: block;
+
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 1.44;
+    color: ${cssVar.colorTextDescription};
+    word-wrap: break-word;
+    white-space: pre-wrap;
+  `,
+	title: css`
+    font-weight: 500;
+    line-height: 1;
+    color: ${cssVar.colorText};
+  `
+}));
+//#endregion
+export { dividerStyles, fieldStyles, fieldVariants, flatGroupStyles, flatGroupVariants, footerStyles, groupStyles, groupVariants, rootVariants, submitFooterStyles, titleStyles };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/base-ui/Form/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css }) => ({\n  root: css`\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    width: 100%;\n\n    ${responsive.sm} {\n      gap: 0 !important;\n    }\n  `,\n  rootBorderless: css`\n    gap: 48px;\n  `,\n}));\n\nexport const rootVariants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n  variants: {\n    variant: {\n      borderless: styles.rootBorderless,\n      filled: null,\n      outlined: null,\n    },\n  },\n});\n\nexport const fieldStyles = createStaticStyles(({ css, cssVar }) => ({\n  control: css`\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: flex-end;\n\n    min-width: var(--form-field-min-width, unset);\n  `,\n  controlVertical: css`\n    align-items: stretch;\n    width: 100%;\n  `,\n  error: css`\n    font-size: 12px;\n    color: ${cssVar.colorError};\n  `,\n  horizontal: css`\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n  `,\n  label: css`\n    display: block;\n    flex: 1;\n    max-width: 100%;\n    text-align: start;\n  `,\n  root: css`\n    display: flex;\n    gap: 12px;\n\n    box-sizing: border-box;\n    width: 100%;\n    padding-block: 16px;\n  `,\n  vertical: css`\n    flex-direction: column;\n    gap: 8px;\n    align-items: stretch;\n  `,\n}));\n\nexport const fieldVariants = cva(fieldStyles.root, {\n  defaultVariants: {\n    layout: 'horizontal',\n  },\n  variants: {\n    layout: {\n      horizontal: fieldStyles.horizontal,\n      vertical: fieldStyles.vertical,\n    },\n  },\n});\n\nexport const dividerStyles = createStaticStyles(({ css, cssVar }) => ({\n  root: css`\n    width: 100%;\n    height: 1px;\n    margin: 0;\n    border: none;\n\n    background: ${cssVar.colorBorderSecondary};\n  `,\n}));\n\nexport const groupStyles = createStaticStyles(({ css, cssVar }) => ({\n  body: css`\n    display: flex;\n    flex-direction: column;\n  `,\n  bodyBoxed: css`\n    padding-inline: 16px;\n  `,\n  chevron: css`\n    flex: none;\n    color: ${cssVar.colorTextDescription};\n    transition: transform 200ms ${cssVar.motionEaseOut};\n\n    [data-panel-open] & {\n      transform: rotate(180deg);\n    }\n  `,\n  desc: css`\n    font-size: 12px;\n    font-weight: 400;\n    color: ${cssVar.colorTextDescription};\n  `,\n  header: css`\n    display: flex;\n    gap: 12px;\n    align-items: center;\n    justify-content: space-between;\n\n    width: 100%;\n  `,\n  headerBorderless: css`\n    padding-block-end: 16px;\n    border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n  `,\n  headerBoxed: css`\n    padding: 16px;\n  `,\n  mobileBody: css`\n    padding-block: 0;\n    padding-inline: 16px;\n    background: ${cssVar.colorBgContainer};\n  `,\n  mobileHeader: css`\n    padding: 16px;\n    background: ${cssVar.colorBgLayout};\n  `,\n  mobileTitle: css`\n    font-size: 14px;\n    font-weight: 400;\n    opacity: 0.5;\n  `,\n  panel: css`\n    overflow: hidden;\n    height: var(--collapsible-panel-height);\n    transition: height 200ms ${cssVar.motionEaseOut};\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      height: 0;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  rootFilled: css`\n    border-radius: ${cssVar.borderRadiusLG};\n    ${lobeStaticStylish.variantFilledWithoutHover}\n    background: ${cssVar.colorFillQuaternary};\n  `,\n  rootOutlined: css`\n    border-radius: ${cssVar.borderRadiusLG};\n    ${lobeStaticStylish.variantOutlinedWithoutHover}\n  `,\n  title: css`\n    display: flex;\n    gap: 8px;\n    align-items: center;\n\n    font-size: 16px;\n    font-weight: bold;\n    color: ${cssVar.colorText};\n  `,\n  titleBorderless: css`\n    font-size: 18px;\n  `,\n  trigger: css`\n    cursor: pointer;\n\n    display: flex;\n    flex: 1;\n    gap: 12px;\n    align-items: center;\n\n    margin: 0;\n    padding: 0;\n    border: none;\n\n    text-align: start;\n\n    background: none;\n    outline: none;\n\n    &:focus-visible {\n      border-radius: ${cssVar.borderRadius};\n      box-shadow: 0 0 0 2px ${cssVar.colorPrimaryBorder};\n    }\n  `,\n}));\n\nexport const groupVariants = cva(null, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n  variants: {\n    variant: {\n      borderless: null,\n      filled: groupStyles.rootFilled,\n      outlined: groupStyles.rootOutlined,\n    },\n  },\n});\n\nexport const flatGroupStyles = createStaticStyles(({ cx, css, cssVar }) => ({\n  borderless: cx(\n    lobeStaticStylish.variantBorderlessWithoutHover,\n    css`\n      padding-inline: 0;\n    `,\n  ),\n  filled: cx(\n    lobeStaticStylish.variantFilledWithoutHover,\n    css`\n      background: ${cssVar.colorFillQuaternary};\n    `,\n  ),\n  mobile: css`\n    padding-block: 0;\n    padding-inline: 16px;\n    border-radius: 0;\n    background: ${cssVar.colorBgContainer};\n  `,\n  outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  root: css`\n    padding-inline: 16px;\n    border-radius: ${cssVar.borderRadiusLG};\n  `,\n}));\n\nexport const flatGroupVariants = cva(flatGroupStyles.root, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n  variants: {\n    variant: {\n      borderless: flatGroupStyles.borderless,\n      filled: flatGroupStyles.filled,\n      outlined: flatGroupStyles.outlined,\n    },\n  },\n});\n\nexport const footerStyles = createStaticStyles(({ css, cssVar }) => ({\n  root: css`\n    ${responsive.sm} {\n      padding: 16px;\n      border-block-start: 1px solid ${cssVar.colorBorderSecondary};\n      background: ${cssVar.colorBgContainer};\n    }\n  `,\n}));\n\nexport const submitFooterStyles = createStaticStyles(({ css, cssVar }) => ({\n  floatFooter: css`\n    position: fixed;\n    z-index: 1000;\n    inset-block-end: 24px;\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n\n    width: max-content;\n    padding: 8px;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    border-radius: 48px;\n\n    background: ${cssVar.colorBgContainer};\n    box-shadow: ${cssVar.boxShadowSecondary};\n  `,\n  footer: css`\n    ${responsive.sm} {\n      margin-block-start: calc(-1 * ${cssVar.borderRadius});\n      padding: 16px;\n      border-block-start: 1px solid ${cssVar.colorBorderSecondary};\n      background: ${cssVar.colorBgContainer};\n    }\n  `,\n}));\n\nexport const titleStyles = createStaticStyles(({ css, cssVar }) => ({\n  content: css`\n    position: relative;\n    text-align: start;\n  `,\n  desc: css`\n    display: block;\n\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 1.44;\n    color: ${cssVar.colorTextDescription};\n    word-wrap: break-word;\n    white-space: pre-wrap;\n  `,\n  title: css`\n    font-weight: 500;\n    line-height: 1;\n    color: ${cssVar.colorText};\n  `,\n}));\n"],"mappings":"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"}