@lobehub/ui 3.4.2 → 3.4.3

package/es/Form/index.d.mts

@@ -0,0 +1,22 @@
+import { FormDividerProps, FormFlatGroupProps, FormFooterProps, FormGroupItemType, FormGroupProps, FormInstance, FormItemProps, FormProps, FormSubmitFooterProps, FormTitleProps, FormVariant, ItemsType } from "./type.mjs";
+import { FormGroup } from "./components/FormGroup.mjs";
+import { FormItem } from "./components/FormItem.mjs";
+import { FormSubmitFooter } from "./components/FormSubmitFooter.mjs";
+import { FormTitle } from "./components/FormTitle.mjs";
+import { Form as Form$1, FormInstance as FormInstance$1 } from "antd";
+import { ReactNode, RefAttributes } from "react";
+
+//#region src/Form/index.d.ts
+interface IForm {
+  (props: FormProps & RefAttributes<FormInstance$1>): ReactNode;
+  Group: typeof FormGroup;
+  Item: typeof FormItem;
+  Provider: typeof Form$1.Provider;
+  SubmitFooter: typeof FormSubmitFooter;
+  Title: typeof FormTitle;
+  useForm: typeof Form$1.useForm;
+}
+declare const Form: IForm;
+//#endregion
+export { FormDividerProps, FormFlatGroupProps, FormFooterProps, FormGroup, FormGroupItemType, FormGroupProps, FormInstance, FormItem, FormItemProps, FormProps, FormSubmitFooter, FormSubmitFooterProps, FormTitle, FormTitleProps, FormVariant, ItemsType, Form as default };
+//# sourceMappingURL=index.d.mts.map

package/es/Form/index.mjs

@@ -0,0 +1,22 @@
+'use client';
+
+import FormGroup_default from "./components/FormGroup.mjs";
+import FormTitle_default from "./components/FormTitle.mjs";
+import FormItem_default from "./components/FormItem.mjs";
+import Form_default$1 from "./Form.mjs";
+import FormSubmitFooter_default from "./components/FormSubmitFooter.mjs";
+import { Form } from "antd";
+
+//#region src/Form/index.ts
+const Form$1 = Form_default$1;
+Form$1.Item = FormItem_default;
+Form$1.Group = FormGroup_default;
+Form$1.Title = FormTitle_default;
+Form$1.useForm = Form.useForm;
+Form$1.Provider = Form.Provider;
+Form$1.SubmitFooter = FormSubmitFooter_default;
+var Form_default = Form$1;
+
+//#endregion
+export { FormGroup_default as FormGroup, FormItem_default as FormItem, FormSubmitFooter_default as FormSubmitFooter, FormTitle_default as FormTitle, Form_default as default };
+//# sourceMappingURL=index.mjs.map

package/es/Form/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Form","FormParent","FormItem","FormGroup","FormTitle","AntForm","FormSubmitFooter"],"sources":["../../src/Form/index.ts"],"sourcesContent":["'use client';\n\nimport { Form as AntForm, type FormInstance } from 'antd';\nimport { type ReactNode, RefAttributes } from 'react';\n\nimport FormParent from './Form';\nimport FormGroup from './components/FormGroup';\nimport FormItem from './components/FormItem';\nimport FormSubmitFooter from './components/FormSubmitFooter';\nimport FormTitle from './components/FormTitle';\nimport type { FormProps } from './type';\n\ninterface IForm {\n  (props: FormProps & RefAttributes<FormInstance>): ReactNode;\n  Group: typeof FormGroup;\n  Item: typeof FormItem;\n  Provider: typeof AntForm.Provider;\n  SubmitFooter: typeof FormSubmitFooter;\n  Title: typeof FormTitle;\n  useForm: typeof AntForm.useForm;\n}\n\nconst Form = FormParent as unknown as IForm;\n\nForm.Item = FormItem;\nForm.Group = FormGroup;\nForm.Title = FormTitle;\nForm.useForm = AntForm.useForm;\nForm.Provider = AntForm.Provider;\nForm.SubmitFooter = FormSubmitFooter;\n\nexport default Form;\nexport { default as FormGroup } from './components/FormGroup';\nexport { default as FormItem } from './components/FormItem';\nexport { default as FormSubmitFooter } from './components/FormSubmitFooter';\nexport { default as FormTitle } from './components/FormTitle';\nexport type * from './type';\n"],"mappings":";;;;;;;;;;AAsBA,MAAMA,SAAOC;AAEb,OAAK,OAAOC;AACZ,OAAK,QAAQC;AACb,OAAK,QAAQC;AACb,OAAK,UAAUC,KAAQ;AACvB,OAAK,WAAWA,KAAQ;AACxB,OAAK,eAAeC;AAEpB,mBAAeN"}

package/es/Form/style.mjs

@@ -0,0 +1,217 @@
+import { createStyles } from "antd-style";
+import { isNumber } from "lodash-es";
+
+//#region src/Form/style.ts
+const useStyles = createStyles(({ css: css$1, token, prefixCls, responsive }) => ({
+	borderless: css$1`
+    gap: 48px;
+    .${prefixCls}-collapse .${prefixCls}-collapse-header {
+      padding-block-end: 16px;
+      border-block-end: 1px solid ${token.colorBorderSecondary};
+    }
+  `,
+	root: css$1`
+    position: relative;
+
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    width: 100%;
+
+    .${prefixCls}-form-item {
+      margin: 0 !important;
+    }
+
+    .${prefixCls}-form-item .${prefixCls}-form-item-label > label {
+      height: unset;
+    }
+
+    .${prefixCls}-row {
+      position: relative;
+      flex-wrap: nowrap;
+    }
+
+    .${prefixCls}-form-item-label {
+      position: relative;
+      flex: 1;
+      max-width: 100%;
+    }
+
+    .${prefixCls}-form-item-row {
+      align-items: center;
+    }
+
+    .${prefixCls}-form-item-control {
+      position: relative;
+      flex: 0;
+      min-width: unset !important;
+    }
+
+    .${prefixCls}-collapse-item {
+      border-radius: ${token.borderRadius}px !important;
+    }
+
+    ${responsive.mobile} {
+      gap: 0 !important;
+    }
+  `
+}));
+const useFlatGroupStyles = createStyles(({ cx: cx$1, css: css$1, token, stylish }) => {
+	return {
+		borderless: cx$1(stylish.variantBorderlessWithoutHover, css$1`
+        padding-inline: 0;
+      `),
+		filled: stylish.variantFilledWithoutHover,
+		mobile: css$1`
+      padding-block: 0;
+      padding-inline: 16px;
+      background: ${token.colorBgContainer};
+      border-radius: 0;
+    `,
+		outlined: stylish.variantOutlinedWithoutHover,
+		root: css$1`
+      padding-inline: 16px;
+      border-radius: ${token.borderRadiusLG}px;
+    `
+	};
+});
+const useFooterStyles = createStyles(({ css: css$1, token, responsive }) => {
+	return { root: css$1`
+      ${responsive.mobile} {
+        padding: 16px;
+        background: ${token.colorBgContainer};
+        border-block-start: 1px solid ${token.colorBorderSecondary};
+      }
+    ` };
+});
+const useGroupStyles = createStyles(({ css: css$1, token, responsive }) => {
+	return {
+		mobileGroupBody: css$1`
+      padding-block: 0;
+      padding-inline: 16px;
+      background: ${token.colorBgContainer};
+    `,
+		mobileGroupHeader: css$1`
+      padding: 16px;
+      background: ${token.colorBgLayout};
+    `,
+		title: css$1`
+      align-items: center;
+      font-size: 16px;
+      font-weight: bold;
+    `,
+		titleBorderless: css$1`
+      font-size: 18px;
+      font-weight: bold;
+    `,
+		titleMobile: css$1`
+      ${responsive.mobile} {
+        font-size: 14px;
+        font-weight: 400;
+        opacity: 0.5;
+      }
+    `
+	};
+});
+const useItemStyles = createStyles(({ css: css$1, responsive, prefixCls }, { minWidth }) => ({
+	itemMinWidth: css$1`
+      .${prefixCls}-form-item-control {
+        width: ${isNumber(minWidth) ? `${minWidth}px` : minWidth};
+      }
+    `,
+	itemNoDivider: css$1`
+      &:not(:first-child) {
+        padding-block-start: 0;
+      }
+    `,
+	root: css$1`
+      &.${prefixCls}-form-item {
+        padding-block: 16px;
+        padding-inline: 0;
+
+        .${prefixCls}-form-item-label {
+          text-align: start;
+        }
+
+        .${prefixCls}-row {
+          gap: 12px;
+          justify-content: space-between;
+
+          > div {
+            flex: unset;
+            flex-grow: unset;
+          }
+        }
+
+        .${prefixCls}-form-item-required::before {
+          align-self: flex-start;
+        }
+
+        ${responsive.mobile} {
+          &.${prefixCls}-form-item-horizontal {
+            .${prefixCls}-form-item-label {
+              flex: 1 !important;
+            }
+            .${prefixCls}-form-item-control {
+              flex: none !important;
+            }
+          }
+        }
+      }
+    `,
+	verticalLayout: css$1`
+      &.${prefixCls}-form-item {
+        .${prefixCls}-row {
+          align-items: stretch;
+        }
+      }
+    `
+}));
+const useSubmitFooterStyles = createStyles(({ responsive, css: css$1, token }) => ({
+	floatFooter: css$1`
+    position: fixed;
+    z-index: 1000;
+    inset-block-end: 24px;
+    inset-inline-start: 50%;
+    transform: translateX(-50%);
+
+    width: max-content;
+    padding: 8px;
+
+    background: ${token.colorBgContainer};
+    border: 1px solid ${token.colorBorderSecondary};
+    border-radius: 48px;
+    box-shadow: ${token.boxShadowSecondary};
+  `,
+	footer: css$1`
+    ${responsive.mobile} {
+      margin-block-start: -${token.borderRadius}px;
+      padding: 16px;
+      background: ${token.colorBgContainer};
+      border-block-start: 1px solid ${token.colorBorderSecondary};
+    }
+  `
+}));
+const useTitleStyles = createStyles(({ css: css$1, token }) => ({
+	content: css$1`
+    position: relative;
+    text-align: start;
+  `,
+	desc: css$1`
+    display: block;
+
+    line-height: 1.44;
+    color: ${token.colorTextDescription};
+    word-wrap: break-word;
+    white-space: pre-wrap;
+  `,
+	title: css$1`
+    font-weight: 500;
+    line-height: 1;
+  `
+}));
+
+//#endregion
+export { useFlatGroupStyles, useGroupStyles, useItemStyles, useStyles, useSubmitFooterStyles, useTitleStyles };
+//# sourceMappingURL=style.mjs.map

package/es/Form/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["cx"],"sources":["../../src/Form/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\nimport { isNumber } from 'lodash-es';\n\nexport const useStyles = createStyles(({ css, token, prefixCls, responsive }) => ({\n  borderless: css`\n    gap: 48px;\n    .${prefixCls}-collapse .${prefixCls}-collapse-header {\n      padding-block-end: 16px;\n      border-block-end: 1px solid ${token.colorBorderSecondary};\n    }\n  `,\n  root: css`\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    width: 100%;\n\n    .${prefixCls}-form-item {\n      margin: 0 !important;\n    }\n\n    .${prefixCls}-form-item .${prefixCls}-form-item-label > label {\n      height: unset;\n    }\n\n    .${prefixCls}-row {\n      position: relative;\n      flex-wrap: nowrap;\n    }\n\n    .${prefixCls}-form-item-label {\n      position: relative;\n      flex: 1;\n      max-width: 100%;\n    }\n\n    .${prefixCls}-form-item-row {\n      align-items: center;\n    }\n\n    .${prefixCls}-form-item-control {\n      position: relative;\n      flex: 0;\n      min-width: unset !important;\n    }\n\n    .${prefixCls}-collapse-item {\n      border-radius: ${token.borderRadius}px !important;\n    }\n\n    ${responsive.mobile} {\n      gap: 0 !important;\n    }\n  `,\n}));\n\nexport const useFlatGroupStyles = createStyles(({ cx, css, token, stylish }) => {\n  return {\n    borderless: cx(\n      stylish.variantBorderlessWithoutHover,\n      css`\n        padding-inline: 0;\n      `,\n    ),\n    filled: stylish.variantFilledWithoutHover,\n    mobile: css`\n      padding-block: 0;\n      padding-inline: 16px;\n      background: ${token.colorBgContainer};\n      border-radius: 0;\n    `,\n    outlined: stylish.variantOutlinedWithoutHover,\n    root: css`\n      padding-inline: 16px;\n      border-radius: ${token.borderRadiusLG}px;\n    `,\n  };\n});\n\nexport const useFooterStyles = createStyles(({ css, token, responsive }) => {\n  return {\n    root: css`\n      ${responsive.mobile} {\n        padding: 16px;\n        background: ${token.colorBgContainer};\n        border-block-start: 1px solid ${token.colorBorderSecondary};\n      }\n    `,\n  };\n});\n\nexport const useGroupStyles = createStyles(({ css, token, responsive }) => {\n  return {\n    mobileGroupBody: css`\n      padding-block: 0;\n      padding-inline: 16px;\n      background: ${token.colorBgContainer};\n    `,\n    mobileGroupHeader: css`\n      padding: 16px;\n      background: ${token.colorBgLayout};\n    `,\n    title: css`\n      align-items: center;\n      font-size: 16px;\n      font-weight: bold;\n    `,\n    titleBorderless: css`\n      font-size: 18px;\n      font-weight: bold;\n    `,\n    titleMobile: css`\n      ${responsive.mobile} {\n        font-size: 14px;\n        font-weight: 400;\n        opacity: 0.5;\n      }\n    `,\n  };\n});\n\nexport const useItemStyles = createStyles(\n  ({ css, responsive, prefixCls }, { minWidth }: { minWidth?: string | number }) => ({\n    itemMinWidth: css`\n      .${prefixCls}-form-item-control {\n        width: ${isNumber(minWidth) ? `${minWidth}px` : minWidth};\n      }\n    `,\n    itemNoDivider: css`\n      &:not(:first-child) {\n        padding-block-start: 0;\n      }\n    `,\n    root: css`\n      &.${prefixCls}-form-item {\n        padding-block: 16px;\n        padding-inline: 0;\n\n        .${prefixCls}-form-item-label {\n          text-align: start;\n        }\n\n        .${prefixCls}-row {\n          gap: 12px;\n          justify-content: space-between;\n\n          > div {\n            flex: unset;\n            flex-grow: unset;\n          }\n        }\n\n        .${prefixCls}-form-item-required::before {\n          align-self: flex-start;\n        }\n\n        ${responsive.mobile} {\n          &.${prefixCls}-form-item-horizontal {\n            .${prefixCls}-form-item-label {\n              flex: 1 !important;\n            }\n            .${prefixCls}-form-item-control {\n              flex: none !important;\n            }\n          }\n        }\n      }\n    `,\n    verticalLayout: css`\n      &.${prefixCls}-form-item {\n        .${prefixCls}-row {\n          align-items: stretch;\n        }\n      }\n    `,\n  }),\n);\n\nexport const useSubmitFooterStyles = createStyles(({ responsive, css, token }) => ({\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\n    background: ${token.colorBgContainer};\n    border: 1px solid ${token.colorBorderSecondary};\n    border-radius: 48px;\n    box-shadow: ${token.boxShadowSecondary};\n  `,\n  footer: css`\n    ${responsive.mobile} {\n      margin-block-start: -${token.borderRadius}px;\n      padding: 16px;\n      background: ${token.colorBgContainer};\n      border-block-start: 1px solid ${token.colorBorderSecondary};\n    }\n  `,\n}));\n\nexport const useTitleStyles = createStyles(({ css, token }) => ({\n  content: css`\n    position: relative;\n    text-align: start;\n  `,\n\n  desc: css`\n    display: block;\n\n    line-height: 1.44;\n    color: ${token.colorTextDescription};\n    word-wrap: break-word;\n    white-space: pre-wrap;\n  `,\n  title: css`\n    font-weight: 500;\n    line-height: 1;\n  `,\n}));\n"],"mappings":";;;;AAGA,MAAa,YAAY,cAAc,EAAE,YAAK,OAAO,WAAW,kBAAkB;CAChF,YAAY,KAAG;;OAEV,UAAU,aAAa,UAAU;;oCAEJ,MAAM,qBAAqB;;;CAG7D,MAAM,KAAG;;;;;;;;;OASJ,UAAU;;;;OAIV,UAAU,cAAc,UAAU;;;;OAIlC,UAAU;;;;;OAKV,UAAU;;;;;;OAMV,UAAU;;;;OAIV,UAAU;;;;;;OAMV,UAAU;uBACM,MAAM,aAAa;;;MAGpC,WAAW,OAAO;;;;CAIvB,EAAE;AAEH,MAAa,qBAAqB,cAAc,EAAE,UAAI,YAAK,OAAO,cAAc;AAC9E,QAAO;EACL,YAAYA,KACV,QAAQ,+BACR,KAAG;;QAGJ;EACD,QAAQ,QAAQ;EAChB,QAAQ,KAAG;;;oBAGK,MAAM,iBAAiB;;;EAGvC,UAAU,QAAQ;EAClB,MAAM,KAAG;;uBAEU,MAAM,eAAe;;EAEzC;EACD;AAEF,MAAa,kBAAkB,cAAc,EAAE,YAAK,OAAO,iBAAiB;AAC1E,QAAO,EACL,MAAM,KAAG;QACL,WAAW,OAAO;;sBAEJ,MAAM,iBAAiB;wCACL,MAAM,qBAAqB;;OAGhE;EACD;AAEF,MAAa,iBAAiB,cAAc,EAAE,YAAK,OAAO,iBAAiB;AACzE,QAAO;EACL,iBAAiB,KAAG;;;oBAGJ,MAAM,iBAAiB;;EAEvC,mBAAmB,KAAG;;oBAEN,MAAM,cAAc;;EAEpC,OAAO,KAAG;;;;;EAKV,iBAAiB,KAAG;;;;EAIpB,aAAa,KAAG;QACZ,WAAW,OAAO;;;;;;EAMvB;EACD;AAEF,MAAa,gBAAgB,cAC1B,EAAE,YAAK,YAAY,aAAa,EAAE,gBAAgD;CACjF,cAAc,KAAG;SACZ,UAAU;iBACF,SAAS,SAAS,GAAG,GAAG,SAAS,MAAM,SAAS;;;CAG7D,eAAe,KAAG;;;;;CAKlB,MAAM,KAAG;UACH,UAAU;;;;WAIT,UAAU;;;;WAIV,UAAU;;;;;;;;;;WAUV,UAAU;;;;UAIX,WAAW,OAAO;cACd,UAAU;eACT,UAAU;;;eAGV,UAAU;;;;;;;CAOrB,gBAAgB,KAAG;UACb,UAAU;WACT,UAAU;;;;;CAKlB,EACF;AAED,MAAa,wBAAwB,cAAc,EAAE,YAAY,YAAK,aAAa;CACjF,aAAa,KAAG;;;;;;;;;;kBAUA,MAAM,iBAAiB;wBACjB,MAAM,qBAAqB;;kBAEjC,MAAM,mBAAmB;;CAEzC,QAAQ,KAAG;MACP,WAAW,OAAO;6BACK,MAAM,aAAa;;oBAE5B,MAAM,iBAAiB;sCACL,MAAM,qBAAqB;;;CAGhE,EAAE;AAEH,MAAa,iBAAiB,cAAc,EAAE,YAAK,aAAa;CAC9D,SAAS,KAAG;;;;CAKZ,MAAM,KAAG;;;;aAIE,MAAM,qBAAqB;;;;CAItC,OAAO,KAAG;;;;CAIX,EAAE"}

package/es/Form/type.d.mts

@@ -0,0 +1,119 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+import { DivProps } from "../types/index.mjs";
+import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
+import { ButtonProps as ButtonProps$1 } from "../Button/type.mjs";
+import "../Button/index.mjs";
+import { CollapseProps as CollapseProps$1 } from "../Collapse/type.mjs";
+import "../Collapse/index.mjs";
+import { TagProps as TagProps$1 } from "../Tag/type.mjs";
+import "../Tag/index.mjs";
+import { DividerProps, FormInstance, FormInstance as FormInstance$1, FormProps } from "antd";
+import { CSSProperties, ReactNode, Ref } from "react";
+import { FormItemProps } from "antd/es/form/FormItem";
+
+//#region src/Form/type.d.ts
+type FormVariant = 'filled' | 'outlined' | 'borderless';
+type ItemsType = 'group' | 'flat';
+interface FormProps$1 extends Omit<FormProps, 'variant'> {
+  activeKey?: (string | number)[];
+  children?: ReactNode;
+  classNames?: FormGroupProps['classNames'] & {
+    group?: string;
+    item?: string;
+  };
+  collapsible?: boolean;
+  defaultActiveKey?: (string | number)[];
+  footer?: ReactNode;
+  gap?: number | string;
+  itemMinWidth?: FormItemProps$1['minWidth'];
+  itemVariant?: FormProps['variant'];
+  items?: FormGroupItemType[] | FormItemProps$1[];
+  itemsType?: ItemsType;
+  onCollapse?: (key: (string | number)[]) => void;
+  ref?: Ref<FormInstance>;
+  styles?: FormGroupProps['styles'] & {
+    group?: CSSProperties;
+    item?: CSSProperties;
+  };
+  variant?: FormVariant;
+}
+interface FormDividerProps extends DividerProps {
+  visible?: boolean;
+}
+interface FormFlatGroupProps extends FlexboxProps {
+  variant?: FormVariant;
+}
+type FormFooterProps = DivProps;
+interface FormGroupItemType {
+  children: FormItemProps$1[] | ReactNode;
+  collapsible?: boolean;
+  defaultActive?: boolean;
+  desc?: ReactNode;
+  extra?: ReactNode;
+  icon?: IconProps['icon'];
+  key?: string;
+  title: ReactNode;
+  variant?: FormVariant;
+}
+interface FormGroupProps extends Omit<CollapseProps$1, 'collapsible' | 'items' | 'defaultActiveKey' | 'activeKey'> {
+  active?: boolean;
+  children: ReactNode;
+  collapsible?: boolean;
+  defaultActive?: boolean;
+  desc?: ReactNode;
+  extra?: ReactNode;
+  icon?: IconProps['icon'];
+  keyValue?: string | number;
+  onCollapse?: (active: boolean) => void;
+  title?: ReactNode;
+  variant?: FormVariant;
+}
+interface FormItemProps$1 extends FormItemProps {
+  avatar?: FormTitleProps['avatar'];
+  desc?: FormTitleProps['desc'];
+  divider?: boolean;
+  hidden?: boolean;
+  minWidth?: string | number;
+  tag?: FormTitleProps['tag'];
+  variant?: FormVariant;
+}
+interface FormSubmitFooterProps extends Omit<FlexboxProps, 'onReset'> {
+  buttonProps?: Omit<ButtonProps$1, 'children'>;
+  children?: ReactNode;
+  enableReset?: boolean;
+  enableUnsavedWarning?: boolean;
+  float?: boolean;
+  onReset?: (value: any, preValue: any) => void;
+  resetButtonProps?: Omit<ButtonProps$1, 'children'>;
+  saveButtonProps?: Omit<ButtonProps$1, 'children'>;
+  texts?: {
+    reset?: string;
+    submit?: string;
+    unSaved?: string;
+    unSavedWarning?: string;
+  };
+}
+interface FormTitleProps extends Omit<FlexboxProps, 'title'> {
+  avatar?: ReactNode;
+  classNames?: {
+    content?: string;
+    desc?: string;
+    tag?: string;
+    title?: string;
+  };
+  desc?: ReactNode;
+  styles?: {
+    content?: CSSProperties;
+    desc?: CSSProperties;
+    tag?: CSSProperties;
+    title?: CSSProperties;
+  };
+  tag?: string;
+  tagProps?: Omit<TagProps$1, 'children'>;
+  title: ReactNode;
+}
+//#endregion
+export { FormDividerProps, FormFlatGroupProps, FormFooterProps, FormGroupItemType, FormGroupProps, type FormInstance$1 as FormInstance, FormItemProps$1 as FormItemProps, FormProps$1 as FormProps, FormSubmitFooterProps, FormTitleProps, FormVariant, ItemsType };
+//# sourceMappingURL=type.d.mts.map

package/es/FormModal/FormModal.d.mts

@@ -0,0 +1,8 @@
+import { FormModalProps } from "./type.mjs";
+import * as react16 from "react";
+
+//#region src/FormModal/FormModal.d.ts
+declare const FormModal: react16.NamedExoticComponent<FormModalProps>;
+//#endregion
+export { FormModal };
+//# sourceMappingURL=FormModal.d.mts.map

package/es/FormModal/FormModal.mjs

@@ -0,0 +1,93 @@
+'use client';
+
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import Button_default from "../Button/Button.mjs";
+import Form_default from "../Form/index.mjs";
+import Modal_default from "../Modal/Modal.mjs";
+import { useStyles } from "./style.mjs";
+import { memo } from "react";
+import { useResponsive } from "antd-style";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/FormModal/FormModal.tsx
+const FormModal = memo(({ classNames = {}, className, style, closable, styles = {}, allowFullscreen, title, afterOpenChange, width, onCancel, centered, open, afterClose, destroyOnHidden, closeIcon, paddings, height, enableResponsive, zIndex, mask, getContainer, keyboard, focusTriggerAfterClose, forceRender, loading, footer, submitButtonProps, submitLoading, onFinish, submitText, variant = "borderless", gap, onSubmit, children, ref, ...rest }) => {
+	const { mobile } = useResponsive();
+	const { cx: cx$1, styles: s } = useStyles();
+	const { form: formClassName, ...modalClassNames } = classNames;
+	const { form: formStyle, ...modalStyles } = typeof styles === "function" ? { form: void 0 } : styles;
+	return /* @__PURE__ */ jsx(Modal_default, {
+		afterClose,
+		afterOpenChange,
+		allowFullscreen,
+		centered,
+		className,
+		classNames: modalClassNames,
+		closable,
+		closeIcon,
+		confirmLoading: submitLoading,
+		destroyOnHidden,
+		enableResponsive,
+		focusTriggerAfterClose,
+		footer: null,
+		forceRender,
+		getContainer,
+		height,
+		keyboard,
+		loading,
+		mask,
+		onCancel,
+		open,
+		paddings,
+		style,
+		styles: typeof styles === "function" ? styles : {
+			...modalStyles,
+			body: {
+				paddingTop: mobile ? 0 : void 0,
+				...modalStyles?.body
+			}
+		},
+		title,
+		width,
+		zIndex,
+		children: /* @__PURE__ */ jsx(Form_default, {
+			className: cx$1(s.form, formClassName),
+			clearOnDestroy: destroyOnHidden,
+			footer: /* @__PURE__ */ jsx(FlexBasic_default, {
+				align: "center",
+				className: cx$1(s.footer),
+				gap: 8,
+				horizontal: true,
+				children: footer || /* @__PURE__ */ jsx(Button_default, {
+					block: true,
+					htmlType: "submit",
+					loading: submitLoading,
+					onClick: onSubmit,
+					type: "primary",
+					...submitButtonProps,
+					style: {
+						flex: 1,
+						...submitButtonProps?.style
+					},
+					children: submitText || "Submit"
+				})
+			}),
+			gap: gap || (variant === "borderless" ? 24 : gap),
+			onFinish,
+			ref,
+			style: {
+				paddingBottom: 56,
+				...formStyle
+			},
+			styles: { title: { fontSize: 14 } },
+			variant,
+			...rest,
+			children
+		})
+	});
+});
+FormModal.displayName = "FormModal";
+var FormModal_default = FormModal;
+
+//#endregion
+export { FormModal_default as default };
+//# sourceMappingURL=FormModal.mjs.map

package/es/FormModal/FormModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormModal.mjs","names":["Modal","Form","cx","Flexbox","Button"],"sources":["../../src/FormModal/FormModal.tsx"],"sourcesContent":["'use client';\n\nimport { useResponsive } from 'antd-style';\nimport { memo } from 'react';\n\nimport Button from '@/Button';\nimport { Flexbox } from '@/Flex';\nimport Form from '@/Form';\nimport Modal from '@/Modal';\n\nimport { useStyles } from './style';\nimport type { FormModalProps } from './type';\n\nconst FormModal = memo<FormModalProps>(\n  ({\n    classNames = {},\n    className,\n    style,\n    closable,\n    styles = {},\n    allowFullscreen,\n    title,\n\n    afterOpenChange,\n    width,\n    onCancel,\n    centered,\n    open,\n    afterClose,\n    destroyOnHidden,\n    closeIcon,\n    paddings,\n    height,\n    enableResponsive,\n    zIndex,\n    mask,\n    getContainer,\n    keyboard,\n    focusTriggerAfterClose,\n    forceRender,\n    loading,\n    footer,\n    submitButtonProps,\n    submitLoading,\n    onFinish,\n    submitText,\n    variant = 'borderless',\n    gap,\n    onSubmit,\n    children,\n    ref,\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n    const { cx, styles: s } = useStyles();\n    const { form: formClassName, ...modalClassNames } = classNames;\n    const { form: formStyle, ...modalStyles } =\n      typeof styles === 'function' ? { form: undefined } : styles;\n\n    return (\n      <Modal\n        afterClose={afterClose}\n        afterOpenChange={afterOpenChange}\n        allowFullscreen={allowFullscreen}\n        centered={centered}\n        className={className}\n        classNames={modalClassNames}\n        closable={closable}\n        closeIcon={closeIcon}\n        confirmLoading={submitLoading}\n        destroyOnHidden={destroyOnHidden}\n        enableResponsive={enableResponsive}\n        focusTriggerAfterClose={focusTriggerAfterClose}\n        footer={null}\n        forceRender={forceRender}\n        getContainer={getContainer}\n        height={height}\n        keyboard={keyboard}\n        loading={loading}\n        mask={mask}\n        onCancel={onCancel}\n        open={open}\n        paddings={paddings}\n        style={style}\n        styles={\n          typeof styles === 'function'\n            ? styles\n            : {\n                ...modalStyles,\n                body: {\n                  paddingTop: mobile ? 0 : undefined,\n                  ...modalStyles?.body,\n                },\n              }\n        }\n        title={title}\n        width={width}\n        zIndex={zIndex}\n      >\n        <Form\n          className={cx(s.form, formClassName)}\n          clearOnDestroy={destroyOnHidden}\n          footer={\n            <Flexbox align={'center'} className={cx(s.footer)} gap={8} horizontal>\n              {footer || (\n                <Button\n                  block\n                  htmlType=\"submit\"\n                  loading={submitLoading}\n                  onClick={onSubmit}\n                  type={'primary'}\n                  {...submitButtonProps}\n                  style={{\n                    flex: 1,\n                    ...submitButtonProps?.style,\n                  }}\n                >\n                  {submitText || 'Submit'}\n                </Button>\n              )}\n            </Flexbox>\n          }\n          gap={gap || (variant === 'borderless' ? 24 : gap)}\n          onFinish={onFinish}\n          ref={ref}\n          style={{\n            paddingBottom: 56,\n            ...formStyle,\n          }}\n          styles={{\n            title: { fontSize: 14 },\n          }}\n          variant={variant}\n          {...rest}\n        >\n          {children}\n        </Form>\n      </Modal>\n    );\n  },\n);\n\nFormModal.displayName = 'FormModal';\n\nexport default FormModal;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,YAAY,MACf,EACC,aAAa,EAAE,EACf,WACA,OACA,UACA,SAAS,EAAE,EACX,iBACA,OAEA,iBACA,OACA,UACA,UACA,MACA,YACA,iBACA,WACA,UACA,QACA,kBACA,QACA,MACA,cACA,UACA,wBACA,aACA,SACA,QACA,mBACA,eACA,UACA,YACA,UAAU,cACV,KACA,UACA,UACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,UAAI,QAAQ,MAAM,WAAW;CACrC,MAAM,EAAE,MAAM,eAAe,GAAG,oBAAoB;CACpD,MAAM,EAAE,MAAM,WAAW,GAAG,gBAC1B,OAAO,WAAW,aAAa,EAAE,MAAM,QAAW,GAAG;AAEvD,QACE,oBAACA;EACa;EACK;EACA;EACP;EACC;EACX,YAAY;EACF;EACC;EACX,gBAAgB;EACC;EACC;EACM;EACxB,QAAQ;EACK;EACC;EACN;EACE;EACD;EACH;EACI;EACJ;EACI;EACH;EACP,QACE,OAAO,WAAW,aACd,SACA;GACE,GAAG;GACH,MAAM;IACJ,YAAY,SAAS,IAAI;IACzB,GAAG,aAAa;IACjB;GACF;EAEA;EACA;EACC;YAER,oBAACC;GACC,WAAWC,KAAG,EAAE,MAAM,cAAc;GACpC,gBAAgB;GAChB,QACE,oBAACC;IAAQ,OAAO;IAAU,WAAWD,KAAG,EAAE,OAAO;IAAE,KAAK;IAAG;cACxD,UACC,oBAACE;KACC;KACA,UAAS;KACT,SAAS;KACT,SAAS;KACT,MAAM;KACN,GAAI;KACJ,OAAO;MACL,MAAM;MACN,GAAG,mBAAmB;MACvB;eAEA,cAAc;MACR;KAEH;GAEZ,KAAK,QAAQ,YAAY,eAAe,KAAK;GACnC;GACL;GACL,OAAO;IACL,eAAe;IACf,GAAG;IACJ;GACD,QAAQ,EACN,OAAO,EAAE,UAAU,IAAI,EACxB;GACQ;GACT,GAAI;GAEH;IACI;GACD;EAGb;AAED,UAAU,cAAc;AAExB,wBAAe"}

package/es/FormModal/index.d.mts

@@ -0,0 +1,3 @@
+import { FormModalProps } from "./type.mjs";
+import { FormModal } from "./FormModal.mjs";
+export { FormModalProps, FormModal as default };

package/es/FormModal/index.mjs

@@ -0,0 +1,3 @@
+import FormModal_default from "./FormModal.mjs";
+
+export { FormModal_default as default };

package/es/FormModal/style.mjs

@@ -0,0 +1,46 @@
+import { createStyles } from "antd-style";
+import { rgba } from "polished";
+
+//#region src/FormModal/style.ts
+const useStyles = createStyles(({ css: css$1, token, prefixCls, responsive }) => ({
+	footer: css$1`
+    position: absolute;
+    z-index: 10;
+    inset-block-end: 0;
+    inset-inline: 0;
+
+    width: 100%;
+    margin: 0;
+    padding: 16px;
+
+    background: linear-gradient(
+      to bottom,
+      ${rgba(token.colorBgContainer, 0)} 0%,
+      ${token.colorBgContainer} 10%
+    );
+  `,
+	form: css$1`
+    position: static;
+    .${prefixCls}-form-group-title {
+      font-size: 15px;
+      font-weight: 500;
+    }
+
+    ${responsive.mobile} {
+      .${prefixCls}-form-group-title {
+        font-size: 14px;
+        font-weight: normal;
+      }
+
+      .${prefixCls}-form-group {
+        width: calc(100% + 32px);
+        margin-inline: -16px;
+        background: transparent;
+      }
+    }
+  `
+}));
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/FormModal/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/FormModal/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\nimport { rgba } from 'polished';\n\nexport const useStyles = createStyles(({ css, token, prefixCls, responsive }) => ({\n  footer: css`\n    position: absolute;\n    z-index: 10;\n    inset-block-end: 0;\n    inset-inline: 0;\n\n    width: 100%;\n    margin: 0;\n    padding: 16px;\n\n    background: linear-gradient(\n      to bottom,\n      ${rgba(token.colorBgContainer, 0)} 0%,\n      ${token.colorBgContainer} 10%\n    );\n  `,\n  form: css`\n    position: static;\n    .${prefixCls}-form-group-title {\n      font-size: 15px;\n      font-weight: 500;\n    }\n\n    ${responsive.mobile} {\n      .${prefixCls}-form-group-title {\n        font-size: 14px;\n        font-weight: normal;\n      }\n\n      .${prefixCls}-form-group {\n        width: calc(100% + 32px);\n        margin-inline: -16px;\n        background: transparent;\n      }\n    }\n  `,\n}));\n"],"mappings":";;;;AAGA,MAAa,YAAY,cAAc,EAAE,YAAK,OAAO,WAAW,kBAAkB;CAChF,QAAQ,KAAG;;;;;;;;;;;;QAYL,KAAK,MAAM,kBAAkB,EAAE,CAAC;QAChC,MAAM,iBAAiB;;;CAG7B,MAAM,KAAG;;OAEJ,UAAU;;;;;MAKX,WAAW,OAAO;SACf,UAAU;;;;;SAKV,UAAU;;;;;;;CAOlB,EAAE"}

package/es/FormModal/type.d.mts

@@ -0,0 +1,27 @@
+import { ButtonProps } from "../Button/type.mjs";
+import "../Button/index.mjs";
+import { FormInstance, FormProps } from "../Form/type.mjs";
+import "../Form/index.mjs";
+import { ModalProps } from "../Modal/type.mjs";
+import "../Modal/index.mjs";
+import { Ref } from "react";
+
+//#region src/FormModal/type.d.ts
+type PickModalProps = Pick<ModalProps, 'style' | 'className' | 'allowFullscreen' | 'title' | 'width' | 'onCancel' | 'open' | 'centered' | 'destroyOnHidden' | 'paddings' | 'height' | 'enableResponsive' | 'afterClose' | 'afterOpenChange' | 'zIndex' | 'mask' | 'getContainer' | 'keyboard' | 'forceRender' | 'focusTriggerAfterClose' | 'closable' | 'loading' | 'closeIcon'>;
+type PickFormProps = Omit<FormProps, 'className' | 'style' | 'title' | 'styles' | 'classNames'>;
+interface FormModalProps extends PickModalProps, PickFormProps {
+  classNames?: ModalProps['classNames'] & {
+    form?: FormProps['className'];
+  };
+  onSubmit?: ModalProps['onOk'];
+  ref?: Ref<FormInstance>;
+  styles?: ModalProps['styles'] & {
+    form?: FormProps['style'];
+  };
+  submitButtonProps?: ButtonProps;
+  submitLoading?: ModalProps['confirmLoading'];
+  submitText?: ModalProps['okText'];
+}
+//#endregion
+export { FormModalProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Grid/Grid.d.mts

@@ -0,0 +1,8 @@
+import { GridProps } from "./type.mjs";
+import { FC } from "react";
+
+//#region src/Grid/Grid.d.ts
+declare const Grid: FC<GridProps>;
+//#endregion
+export { Grid };
+//# sourceMappingURL=Grid.d.mts.map

package/es/Grid/Grid.mjs

@@ -0,0 +1,27 @@
+'use client';
+
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import { useStyles } from "./style.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/Grid/Grid.tsx
+const Grid = ({ className, gap = "1em", rows = 3, children, maxItemWidth = 240, ref, ...rest }) => {
+	const { cx, styles } = useStyles({
+		gap,
+		maxItemWidth,
+		rows
+	});
+	return /* @__PURE__ */ jsx(FlexBasic_default, {
+		className: cx(styles, className),
+		gap,
+		ref,
+		...rest,
+		children
+	});
+};
+Grid.displayName = "Grid";
+var Grid_default = Grid;
+
+//#endregion
+export { Grid_default as default };
+//# sourceMappingURL=Grid.mjs.map

package/es/Grid/Grid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.mjs","names":["Grid: FC<GridProps>","Flexbox"],"sources":["../../src/Grid/Grid.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { useStyles } from './style';\nimport type { GridProps } from './type';\n\nconst Grid: FC<GridProps> = ({\n  className,\n  gap = '1em',\n  rows = 3,\n  children,\n  maxItemWidth = 240,\n  ref,\n  ...rest\n}) => {\n  const { cx, styles } = useStyles({ gap, maxItemWidth, rows });\n  return (\n    <Flexbox className={cx(styles, className)} gap={gap as any} ref={ref} {...rest}>\n      {children}\n    </Flexbox>\n  );\n};\n\nGrid.displayName = 'Grid';\n\nexport default Grid;\n"],"mappings":";;;;;;;AASA,MAAMA,QAAuB,EAC3B,WACA,MAAM,OACN,OAAO,GACP,UACA,eAAe,KACf,KACA,GAAG,WACC;CACJ,MAAM,EAAE,IAAI,WAAW,UAAU;EAAE;EAAK;EAAc;EAAM,CAAC;AAC7D,QACE,oBAACC;EAAQ,WAAW,GAAG,QAAQ,UAAU;EAAO;EAAiB;EAAK,GAAI;EACvE;GACO;;AAId,KAAK,cAAc;AAEnB,mBAAe"}

package/es/Grid/index.d.mts

@@ -0,0 +1,3 @@
+import { GridProps } from "./type.mjs";
+import { Grid } from "./Grid.mjs";
+export { GridProps, Grid as default };

package/es/Grid/index.mjs

@@ -0,0 +1,3 @@
+import Grid_default from "./Grid.mjs";
+
+export { Grid_default as default };