@jinmi/ui 0.0.0-stage → 6.0.2

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

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

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

@@ -0,0 +1,142 @@
+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 { TagProps } from "../Tag/type.mjs";
+import "../Tag/index.mjs";
+import { ButtonProps } from "../Button/type.mjs";
+import "../Button/index.mjs";
+import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
+import { Field } from "@base-ui/react/field";
+import { Form } from "@base-ui/react/form";
+//#region src/base-ui/Form/type.d.ts
+type FormVariant = 'filled' | 'outlined' | 'borderless';
+type FormLayout = 'horizontal' | 'vertical';
+type ItemsType = 'group' | 'flat';
+type FormValues = Record<string, any>;
+type BaseFormProps = Omit<ComponentProps<typeof Form>, 'render' | 'className' | 'style'>;
+interface FormProps extends BaseFormProps {
+  activeKey?: (string | number)[];
+  className?: string;
+  classNames?: {
+    group?: string;
+    item?: string;
+  };
+  collapsible?: boolean;
+  defaultActiveKey?: (string | number)[];
+  footer?: ReactNode;
+  gap?: number | string;
+  /**
+   * Initial values distributed to fields as `defaultValue` by name.
+   * Also the baseline for unsaved-changes detection and native reset.
+   */
+  initialValues?: FormValues;
+  itemMinWidth?: FormFieldProps['minWidth'];
+  items?: FormGroupItemType[] | FormFieldProps[];
+  itemsType?: ItemsType;
+  layout?: FormLayout;
+  onCollapse?: (key: (string | number)[]) => void;
+  /**
+   * Called with collected field values on submit. Async callbacks drive submit loading state.
+   */
+  onFinish?: (values: FormValues, eventDetails: Parameters<NonNullable<BaseFormProps['onFormSubmit']>>[1]) => void | Promise<void>;
+  ref?: Ref<HTMLFormElement>;
+  style?: CSSProperties;
+  styles?: {
+    group?: CSSProperties;
+    item?: CSSProperties;
+  };
+  variant?: FormVariant;
+}
+interface FormFieldProps extends Omit<ComponentProps<typeof Field.Root>, 'render' | 'children' | 'className' | 'style'> {
+  avatar?: ReactNode;
+  children?: ReactNode;
+  className?: string;
+  desc?: ReactNode;
+  divider?: boolean;
+  hidden?: boolean;
+  label?: ReactNode;
+  layout?: FormLayout;
+  minWidth?: string | number;
+  required?: boolean;
+  style?: CSSProperties;
+  tag?: string;
+  variant?: FormVariant;
+}
+interface FormGroupItemType {
+  children: FormFieldProps[] | ReactNode;
+  collapsible?: boolean;
+  defaultActive?: boolean;
+  desc?: ReactNode;
+  extra?: ReactNode;
+  icon?: IconProps['icon'];
+  key?: string;
+  title: ReactNode;
+  variant?: FormVariant;
+}
+interface FormGroupProps extends Omit<DivProps, 'title'> {
+  active?: boolean;
+  collapsible?: boolean;
+  defaultActive?: boolean;
+  desc?: ReactNode;
+  extra?: ReactNode;
+  icon?: IconProps['icon'];
+  keyValue?: string | number;
+  onCollapse?: (active: boolean) => void;
+  title?: ReactNode;
+  variant?: FormVariant;
+}
+interface FormFlatGroupProps extends FlexboxProps {
+  variant?: FormVariant;
+}
+interface FormDividerProps extends DivProps {
+  visible?: boolean;
+}
+type FormFooterProps = FlexboxProps;
+interface FormSubmitFooterProps extends Omit<FlexboxProps, 'onReset'> {
+  buttonProps?: Omit<ButtonProps, 'children'>;
+  enableReset?: boolean;
+  enableUnsavedWarning?: boolean;
+  float?: boolean;
+  onReset?: () => void;
+  resetButtonProps?: Omit<ButtonProps, 'children'>;
+  saveButtonProps?: Omit<ButtonProps, '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, 'children'>;
+  title: ReactNode;
+}
+interface FormContextValue {
+  hasUnsavedChanges: boolean;
+  initialValues?: FormValues;
+  itemMinWidth?: FormFieldProps['minWidth'];
+  layout: FormLayout;
+  requestReset: () => void;
+  submitLoading: boolean;
+  variant: FormVariant;
+}
+//#endregion
+export { FormContextValue, FormDividerProps, FormFieldProps, FormFlatGroupProps, FormFooterProps, FormGroupItemType, FormGroupProps, FormLayout, FormProps, FormSubmitFooterProps, FormTitleProps, FormValues, FormVariant, ItemsType };
+//# sourceMappingURL=type.d.mts.map

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

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

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

@@ -0,0 +1,167 @@
+"use client";
+import { useTranslation } from "../../i18n/useTranslation.mjs";
+import form_default from "../../i18n/resources/en/form.mjs";
+import { fieldStyles, fieldVariants } from "../Form/style.mjs";
+import FormDivider from "../Form/components/FormDivider.mjs";
+import FormTitle from "../Form/components/FormTitle.mjs";
+import { resolveBinding } from "./binding.mjs";
+import { useFormKitContext } from "./context.mjs";
+import { toFieldValidator } from "./schema.mjs";
+import { getInternals } from "./instance.mjs";
+import { fieldKitStyles } from "./style.mjs";
+import { useStoreSelector } from "./useStoreSelector.mjs";
+import { cloneElement, isValidElement, memo, useCallback, useEffect, useId, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cx, useResponsive } from "antd-style";
+//#region src/base-ui/FormKit/Field.tsx
+const isEmpty = (value) => value === void 0 || value === null || value === "" || Array.isArray(value) && value.length === 0;
+const FieldControl = memo(({ bare, children, deps, emptyValue, getValue, id, name, render, required, trigger, validate, validateDebounce, validateOn, valueProp }) => {
+	const { form } = useFormKitContext();
+	const { engine, validateOn: formValidateOn } = getInternals(form);
+	const { t } = useTranslation(form_default);
+	const errorId = `${id}-error`;
+	const requiredMessage = typeof required === "string" ? required : t("form.required");
+	const fieldValidator = validate ? toFieldValidator(validate) : void 0;
+	const validatorRef = useRef(void 0);
+	validatorRef.current = async (value, values) => {
+		if (required && isEmpty(value)) return requiredMessage;
+		return fieldValidator?.(value, values);
+	};
+	const hasValidator = Boolean(required || validate);
+	const depsKey = deps?.join("\0");
+	useEffect(() => engine.registerField(name, {
+		debounceMs: validateDebounce,
+		deps: depsKey ? depsKey.split("\0") : void 0,
+		validate: hasValidator ? (value, values) => validatorRef.current(value, values) : void 0,
+		validateOn: validateOn ?? formValidateOn
+	}), [
+		engine,
+		name,
+		hasValidator,
+		depsKey,
+		validateDebounce,
+		validateOn,
+		formValidateOn
+	]);
+	const field = useStoreSelector(engine, (e) => e.getField(name));
+	const child = isValidElement(children) ? children : void 0;
+	const binding = child ? resolveBinding(child, {
+		emptyValue,
+		getValue,
+		trigger,
+		valueProp
+	}) : void 0;
+	const handlerRef = useRef({
+		binding,
+		childProps: child?.props
+	});
+	handlerRef.current = {
+		binding,
+		childProps: child?.props
+	};
+	const onChange = useCallback((...args) => {
+		const { binding: current, childProps } = handlerRef.current;
+		if (current) childProps?.[current.trigger]?.(...args);
+		const next = current ? current.getValue(...args) : args[0];
+		engine.setValue(name, next, "user");
+	}, [engine, name]);
+	const onBlur = useCallback((...args) => {
+		handlerRef.current.childProps?.onBlur?.(...args);
+		engine.blurField(name);
+	}, [engine, name]);
+	const warnedRef = useRef(false);
+	useEffect(() => {
+		if (render || child || warnedRef.current || process.env.NODE_ENV === "production") return;
+		warnedRef.current = true;
+		console.warn(`[@jinmi/ui/base-ui/form] Form.Field "${name}" needs a single element child or a render prop; nothing was bound.`);
+	}, [
+		render,
+		child,
+		name
+	]);
+	const errorNode = field.error && !bare ? /* @__PURE__ */ jsx("div", {
+		className: fieldStyles.error,
+		id: errorId,
+		children: field.error
+	}) : null;
+	if (render) {
+		const renderProps = {
+			error: field.error,
+			name,
+			onBlur,
+			onChange,
+			touched: field.touched,
+			validating: field.validating,
+			value: field.value
+		};
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [render(renderProps), errorNode] });
+	}
+	if (!child || !binding) return /* @__PURE__ */ jsx(Fragment$1, { children });
+	const control = cloneElement(child, {
+		"aria-describedby": field.error ? errorId : void 0,
+		"aria-invalid": field.error ? true : void 0,
+		"id": child.props.id ?? id,
+		[binding.trigger]: onChange,
+		[binding.valueProp]: field.value === void 0 ? binding.emptyValue : field.value,
+		"onBlur": onBlur
+	});
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [control, errorNode] });
+});
+FieldControl.displayName = "FormFieldControl";
+const FormField = memo(({ avatar, bare, children, className, deps, desc, divider, emptyValue, extra, getValue, hidden, label, layout, minWidth, name, render, required, style, tag, trigger, validate, validateDebounce, validateOn, valueProp, variant }) => {
+	const id = useId();
+	const { mobile } = useResponsive();
+	const config = useFormKitContext();
+	if (hidden) return null;
+	const control = !name ? children : /* @__PURE__ */ jsx(FieldControl, {
+		bare,
+		deps,
+		emptyValue,
+		getValue,
+		id,
+		name,
+		render,
+		required,
+		trigger,
+		validate,
+		validateDebounce,
+		validateOn,
+		valueProp,
+		children
+	});
+	if (bare) return /* @__PURE__ */ jsx(Fragment$1, { children: control });
+	const labelFor = render ? void 0 : name ? id : isValidElement(children) ? children.props.id : void 0;
+	const mergedLayout = layout || (mobile ? "vertical" : config.layout);
+	const mergedVariant = variant || config.variant;
+	const controlWidth = mergedLayout === "vertical" || minWidth === void 0 || minWidth === "" ? void 0 : typeof minWidth === "number" ? `${minWidth}px` : minWidth;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [divider && /* @__PURE__ */ jsx(FormDivider, { visible: mergedVariant !== "borderless" }), /* @__PURE__ */ jsxs("div", {
+		className: cx(fieldVariants({ layout: mergedLayout }), className),
+		style,
+		children: [/* @__PURE__ */ jsx("label", {
+			className: fieldStyles.label,
+			htmlFor: labelFor,
+			children: /* @__PURE__ */ jsx(FormTitle, {
+				avatar,
+				desc,
+				tag,
+				title: required ? /* @__PURE__ */ jsxs(Fragment$1, { children: [label, /* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: fieldKitStyles.required,
+					children: "*"
+				})] }) : label
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			style: controlWidth ? { width: controlWidth } : void 0,
+			className: cx(fieldStyles.control, mergedLayout === "vertical" && fieldStyles.controlVertical, controlWidth && fieldKitStyles.controlFixed),
+			children: [control, extra && /* @__PURE__ */ jsx("div", {
+				className: fieldKitStyles.extra,
+				children: extra
+			})]
+		})]
+	})] });
+});
+FormField.displayName = "FormField";
+//#endregion
+export { FormField as default };
+
+//# sourceMappingURL=Field.mjs.map

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

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