@lobehub/ui 5.6.3 → 5.6.4

package/es/Form/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar","cx","lobeStaticStylish"],"sources":["../../src/Form/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  borderless: css`\n    gap: 48px;\n    .${prefixCls}-collapse .${prefixCls}-collapse-header {\n      padding-block-end: 16px;\n      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n    }\n\n    .${prefixCls}-collapse-body {\n      padding-inline: 0 !important;\n    }\n  `,\n  filled: css`\n    .${prefixCls}-collapse-body {\n      padding-block: 0 !important;\n    }\n  `,\n  outlined: css`\n    .${prefixCls}-collapse-body {\n      padding-block: 0 !important;\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: ${cssVar.borderRadius} !important;\n    }\n\n    ${responsive.sm} {\n      gap: 0 !important;\n    }\n  `,\n}));\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n});\n\nexport const flatGroupStyles = createStaticStyles(({ cx, css, cssVar }) => {\n  return {\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});\n\nexport const flatGroupVariants = cva(flatGroupStyles.root, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: flatGroupStyles.filled,\n      outlined: flatGroupStyles.outlined,\n      borderless: flatGroupStyles.borderless,\n    },\n  },\n});\n\nexport const footerStyles = createStaticStyles(({ css, cssVar }) => {\n  return {\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});\n\nexport const groupStyles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    mobileGroupBody: css`\n      padding-block: 0;\n      padding-inline: 16px;\n      background: ${cssVar.colorBgContainer};\n    `,\n    mobileGroupHeader: css`\n      padding: 16px;\n      background: ${cssVar.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.sm} {\n        font-size: 14px;\n        font-weight: 400;\n        opacity: 0.5;\n      }\n    `,\n  };\n});\n\nexport const titleVariants = cva(groupStyles.title, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: null,\n      outlined: null,\n      borderless: groupStyles.titleBorderless,\n    },\n  },\n});\n\nexport const itemStyles = createStaticStyles(({ css }) => ({\n  itemMinWidth: css`\n    &.${prefixCls}-form-item .${prefixCls}-form-item-control {\n      width: var(--form-item-min-width) !important;\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.sm} {\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\nexport const itemVariants = cva(itemStyles.root, {\n  defaultVariants: {\n    divider: false,\n    itemMinWidth: false,\n    layout: 'vertical',\n  },\n\n  variants: {\n    itemMinWidth: {\n      true: itemStyles.itemMinWidth,\n      false: null,\n    },\n    divider: {\n      true: null,\n      false: itemStyles.itemNoDivider,\n    },\n    layout: {\n      vertical: itemStyles.verticalLayout,\n      horizontal: null,\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\n  desc: css`\n    display: block;\n\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  `,\n}));\n"],"mappings":";;;;;AAKA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,YAAY,KAAG;;OAEV,UAAU,aAAa,UAAU;;oCAEJA,SAAO,qBAAqB;;;OAGzD,UAAU;;;;CAIf,QAAQ,KAAG;OACN,UAAU;;;;CAIf,UAAU,KAAG;OACR,UAAU;;;;CAIf,MAAM,KAAG;;;;;;;;;OASJ,UAAU;;;;OAIV,UAAU,cAAc,UAAU;;;;OAIlC,UAAU;;;;;OAKV,UAAU;;;;;;OAMV,UAAU;;;;OAIV,UAAU;;;;;;OAMV,UAAU;uBACMA,SAAO,aAAa;;;MAGrC,WAAW,GAAG;;;;CAInB,EAAE;AAEH,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,SAAS,cACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CACF,CAAC;AAEF,MAAa,kBAAkB,oBAAoB,EAAE,UAAI,YAAK,uBAAa;AACzE,QAAO;EACL,YAAYC,KACVC,cAAkB,+BAClB,KAAG;;QAGJ;EACD,QAAQD,KACNC,cAAkB,2BAClB,KAAG;sBACaF,SAAO,oBAAoB;QAE5C;EACD,QAAQ,KAAG;;;;oBAIKA,SAAO,iBAAiB;;EAExC,UAAUE,cAAkB;EAC5B,MAAM,KAAG;;uBAEUF,SAAO,eAAe;;EAE1C;EACD;AAEF,MAAa,oBAAoB,IAAI,gBAAgB,MAAM;CACzD,iBAAiB,EACf,SAAS,cACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,gBAAgB;EACxB,UAAU,gBAAgB;EAC1B,YAAY,gBAAgB;EAC7B,EACF;CACF,CAAC;AAEF,MAAa,eAAe,oBAAoB,EAAE,YAAK,uBAAa;AAClE,QAAO,EACL,MAAM,KAAG;QACL,WAAW,GAAG;;wCAEkBA,SAAO,qBAAqB;sBAC9CA,SAAO,iBAAiB;;OAG3C;EACD;AAEF,MAAa,cAAc,oBAAoB,EAAE,YAAK,uBAAa;AACjE,QAAO;EACL,iBAAiB,KAAG;;;oBAGJA,SAAO,iBAAiB;;EAExC,mBAAmB,KAAG;;oBAENA,SAAO,cAAc;;EAErC,OAAO,KAAG;;;;;EAKV,iBAAiB,KAAG;;;;EAIpB,aAAa,KAAG;QACZ,WAAW,GAAG;;;;;;EAMnB;EACD;AAEF,MAAa,gBAAgB,IAAI,YAAY,OAAO;CAClD,iBAAiB,EACf,SAAS,cACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ;EACR,UAAU;EACV,YAAY,YAAY;EACzB,EACF;CACF,CAAC;AAEF,MAAa,aAAa,oBAAoB,EAAE,kBAAW;CACzD,cAAc,KAAG;QACX,UAAU,cAAc,UAAU;;;;CAIxC,eAAe,KAAG;;;;;CAKlB,MAAM,KAAG;QACH,UAAU;;;;SAIT,UAAU;;;;SAIV,UAAU;;;;;;;;;;SAUV,UAAU;;;;QAIX,WAAW,GAAG;YACV,UAAU;aACT,UAAU;;;aAGV,UAAU;;;;;;;CAOrB,gBAAgB,KAAG;QACb,UAAU;SACT,UAAU;;;;;CAKlB,EAAE;AAEH,MAAa,eAAe,IAAI,WAAW,MAAM;CAC/C,iBAAiB;EACf,SAAS;EACT,cAAc;EACd,QAAQ;EACT;CAED,UAAU;EACR,cAAc;GACZ,MAAM,WAAW;GACjB,OAAO;GACR;EACD,SAAS;GACP,MAAM;GACN,OAAO,WAAW;GACnB;EACD,QAAQ;GACN,UAAU,WAAW;GACrB,YAAY;GACb;EACF;CACF,CAAC;AAEF,MAAa,qBAAqB,oBAAoB,EAAE,YAAK,wBAAc;CACzE,aAAa,KAAG;;;;;;;;;wBASMA,SAAO,qBAAqB;;;kBAGlCA,SAAO,iBAAiB;kBACxBA,SAAO,mBAAmB;;CAE1C,QAAQ,KAAG;MACP,WAAW,GAAG;sCACkBA,SAAO,aAAa;;sCAEpBA,SAAO,qBAAqB;oBAC9CA,SAAO,iBAAiB;;;CAG3C,EAAE;AAEH,MAAa,cAAc,oBAAoB,EAAE,YAAK,wBAAc;CAClE,SAAS,KAAG;;;;CAKZ,MAAM,KAAG;;;;aAIEA,SAAO,qBAAqB;;;;CAIvC,OAAO,KAAG;;;;CAIX,EAAE"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Form/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  borderless: css`\n    gap: 48px;\n    .${prefixCls}-collapse .${prefixCls}-collapse-header {\n      padding-block-end: 16px;\n      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n    }\n\n    .${prefixCls}-collapse-body {\n      padding-inline: 0 !important;\n    }\n  `,\n  filled: css`\n    .${prefixCls}-collapse-body {\n      padding-block: 0 !important;\n    }\n  `,\n  outlined: css`\n    .${prefixCls}-collapse-body {\n      padding-block: 0 !important;\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: ${cssVar.borderRadius} !important;\n    }\n\n    ${responsive.sm} {\n      gap: 0 !important;\n    }\n  `,\n}));\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n});\n\nexport const flatGroupStyles = createStaticStyles(({ cx, css, cssVar }) => {\n  return {\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});\n\nexport const flatGroupVariants = cva(flatGroupStyles.root, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: flatGroupStyles.filled,\n      outlined: flatGroupStyles.outlined,\n      borderless: flatGroupStyles.borderless,\n    },\n  },\n});\n\nexport const footerStyles = createStaticStyles(({ css, cssVar }) => {\n  return {\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});\n\nexport const groupStyles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    mobileGroupBody: css`\n      padding-block: 0;\n      padding-inline: 16px;\n      background: ${cssVar.colorBgContainer};\n    `,\n    mobileGroupHeader: css`\n      padding: 16px;\n      background: ${cssVar.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.sm} {\n        font-size: 14px;\n        font-weight: 400;\n        opacity: 0.5;\n      }\n    `,\n  };\n});\n\nexport const titleVariants = cva(groupStyles.title, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: null,\n      outlined: null,\n      borderless: groupStyles.titleBorderless,\n    },\n  },\n});\n\nexport const itemStyles = createStaticStyles(({ css }) => ({\n  itemMinWidth: css`\n    &.${prefixCls}-form-item .${prefixCls}-form-item-control {\n      width: var(--form-item-min-width) !important;\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.sm} {\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\nexport const itemVariants = cva(itemStyles.root, {\n  defaultVariants: {\n    divider: false,\n    itemMinWidth: false,\n    layout: 'vertical',\n  },\n\n  variants: {\n    itemMinWidth: {\n      true: itemStyles.itemMinWidth,\n      false: null,\n    },\n    divider: {\n      true: null,\n      false: itemStyles.itemNoDivider,\n    },\n    layout: {\n      vertical: itemStyles.verticalLayout,\n      horizontal: null,\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\n  desc: css`\n    display: block;\n\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  `,\n}));\n"],"mappings":"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"}

package/es/Form/type.d.mts

@@ -1,17 +1,12 @@
 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 { CSSProperties, ReactNode, Ref } from "react";
 import { DividerProps, FormInstance, FormInstance as FormInstance$1, FormProps } from "antd";
-import { FormItemProps } from "antd/es/form/FormItem";
+import { FormItemProps } from "antd/es/form/FormItem/index.js";
 
 //#region src/Form/type.d.ts
 type FormVariant = 'filled' | 'outlined' | 'borderless';

package/es/FormModal/FormModal.d.mts

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

package/es/FormModal/FormModal.mjs

@@ -1,20 +1,18 @@
-'use client';
-
+"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 Button from "../Button/Button.mjs";
+import Form from "../Form/index.mjs";
+import Modal from "../Modal/Modal.mjs";
 import { styles } from "./style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx, useResponsive } from "antd-style";
-
 //#region src/FormModal/FormModal.tsx
 const FormModal = memo(({ classNames = {}, className, style, closable, styles: styles$1 = {}, 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 { form: formClassName, ...modalClassNames } = classNames;
 	const { form: formStyle, ...modalStyles } = typeof styles$1 === "function" ? { form: void 0 } : styles$1;
-	return /* @__PURE__ */ jsx(Modal_default, {
+	return /* @__PURE__ */ jsx(Modal, {
 		afterClose,
 		afterOpenChange,
 		allowFullscreen,
@@ -48,7 +46,7 @@ const FormModal = memo(({ classNames = {}, className, style, closable, styles: s
 			}
 		},
 		onCancel,
-		children: /* @__PURE__ */ jsx(Form_default, {
+		children: /* @__PURE__ */ jsx(Form, {
 			className: cx(styles.form, formClassName || ""),
 			clearOnDestroy: destroyOnHidden,
 			gap: gap || (variant === "borderless" ? 24 : gap),
@@ -59,7 +57,7 @@ const FormModal = memo(({ classNames = {}, className, style, closable, styles: s
 				align: "center",
 				className: styles.footer,
 				gap: 8,
-				children: footer || /* @__PURE__ */ jsx(Button_default, {
+				children: footer || /* @__PURE__ */ jsx(Button, {
 					block: true,
 					htmlType: "submit",
 					loading: submitLoading,
@@ -85,8 +83,7 @@ const FormModal = memo(({ classNames = {}, className, style, closable, styles: s
 	});
 });
 FormModal.displayName = "FormModal";
-var FormModal_default = FormModal;
-
 //#endregion
-export { FormModal_default as default };
+export { FormModal as default };
+
 //# sourceMappingURL=FormModal.mjs.map

package/es/FormModal/FormModal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormModal.mjs","names":["styles","Modal","Form","staticStyles","Flexbox","Button"],"sources":["../../src/FormModal/FormModal.tsx"],"sourcesContent":["'use client';\n\nimport { cx, 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 { styles as staticStyles } 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 { 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        open={open}\n        paddings={paddings}\n        style={style}\n        title={title}\n        width={width}\n        zIndex={zIndex}\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        onCancel={onCancel}\n      >\n        <Form\n          className={cx(staticStyles.form, formClassName || '')}\n          clearOnDestroy={destroyOnHidden}\n          gap={gap || (variant === 'borderless' ? 24 : gap)}\n          ref={ref}\n          variant={variant}\n          footer={\n            <Flexbox horizontal align={'center'} className={staticStyles.footer} gap={8}>\n              {footer || (\n                <Button\n                  block\n                  htmlType=\"submit\"\n                  loading={submitLoading}\n                  type={'primary'}\n                  onClick={onSubmit}\n                  {...submitButtonProps}\n                  style={{\n                    flex: 1,\n                    ...submitButtonProps?.style,\n                  }}\n                >\n                  {submitText || 'Submit'}\n                </Button>\n              )}\n            </Flexbox>\n          }\n          style={{\n            paddingBottom: 56,\n            ...formStyle,\n          }}\n          styles={{\n            title: { fontSize: 14 },\n          }}\n          onFinish={onFinish}\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,mBAAS,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,MAAM,eAAe,GAAG,oBAAoB;CACpD,MAAM,EAAE,MAAM,WAAW,GAAG,gBAC1B,OAAOA,aAAW,aAAa,EAAE,MAAM,QAAW,GAAGA;AAEvD,QACE,oBAACC;EACa;EACK;EACA;EACP;EACC;EACX,YAAY;EACF;EACC;EACX,gBAAgB;EACC;EACC;EACM;EACxB,QAAQ;EACK;EACC;EACN;EACE;EACD;EACH;EACA;EACI;EACH;EACA;EACA;EACC;EACR,QACE,OAAOD,aAAW,aACdA,WACA;GACE,GAAG;GACH,MAAM;IACJ,YAAY,SAAS,IAAI;IACzB,GAAG,aAAa;IACjB;GACF;EAEG;YAEV,oBAACE;GACC,WAAW,GAAGC,OAAa,MAAM,iBAAiB,GAAG;GACrD,gBAAgB;GAChB,KAAK,QAAQ,YAAY,eAAe,KAAK;GACxC;GACI;GACT,QACE,oBAACC;IAAQ;IAAW,OAAO;IAAU,WAAWD,OAAa;IAAQ,KAAK;cACvE,UACC,oBAACE;KACC;KACA,UAAS;KACT,SAAS;KACT,MAAM;KACN,SAAS;KACT,GAAI;KACJ,OAAO;MACL,MAAM;MACN,GAAG,mBAAmB;MACvB;eAEA,cAAc;MACR;KAEH;GAEZ,OAAO;IACL,eAAe;IACf,GAAG;IACJ;GACD,QAAQ,EACN,OAAO,EAAE,UAAU,IAAI,EACxB;GACS;GACV,GAAI;GAEH;IACI;GACD;EAGb;AAED,UAAU,cAAc;AAExB,wBAAe"}
+{"version":3,"file":"FormModal.mjs","names":["styles","staticStyles","Flexbox"],"sources":["../../src/FormModal/FormModal.tsx"],"sourcesContent":["'use client';\n\nimport { cx, 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 { styles as staticStyles } 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 { 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        open={open}\n        paddings={paddings}\n        style={style}\n        title={title}\n        width={width}\n        zIndex={zIndex}\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        onCancel={onCancel}\n      >\n        <Form\n          className={cx(staticStyles.form, formClassName || '')}\n          clearOnDestroy={destroyOnHidden}\n          gap={gap || (variant === 'borderless' ? 24 : gap)}\n          ref={ref}\n          variant={variant}\n          footer={\n            <Flexbox horizontal align={'center'} className={staticStyles.footer} gap={8}>\n              {footer || (\n                <Button\n                  block\n                  htmlType=\"submit\"\n                  loading={submitLoading}\n                  type={'primary'}\n                  onClick={onSubmit}\n                  {...submitButtonProps}\n                  style={{\n                    flex: 1,\n                    ...submitButtonProps?.style,\n                  }}\n                >\n                  {submitText || 'Submit'}\n                </Button>\n              )}\n            </Flexbox>\n          }\n          style={{\n            paddingBottom: 56,\n            ...formStyle,\n          }}\n          styles={{\n            title: { fontSize: 14 },\n          }}\n          onFinish={onFinish}\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,QAAA,WAAS,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,MAAM,eAAe,GAAG,oBAAoB;CACpD,MAAM,EAAE,MAAM,WAAW,GAAG,gBAC1B,OAAOA,aAAW,aAAa,EAAE,MAAM,KAAA,GAAW,GAAGA;AAEvD,QACE,oBAAC,OAAD;EACc;EACK;EACA;EACP;EACC;EACX,YAAY;EACF;EACC;EACX,gBAAgB;EACC;EACC;EACM;EACxB,QAAQ;EACK;EACC;EACN;EACE;EACD;EACH;EACA;EACI;EACH;EACA;EACA;EACC;EACR,QACE,OAAOA,aAAW,aACdA,WACA;GACE,GAAG;GACH,MAAM;IACJ,YAAY,SAAS,IAAI,KAAA;IACzB,GAAG,aAAa;IACjB;GACF;EAEG;YAEV,oBAAC,MAAD;GACE,WAAW,GAAGC,OAAa,MAAM,iBAAiB,GAAG;GACrD,gBAAgB;GAChB,KAAK,QAAQ,YAAY,eAAe,KAAK;GACxC;GACI;GACT,QACE,oBAACC,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,WAAWD,OAAa;IAAQ,KAAK;cACvE,UACC,oBAAC,QAAD;KACE,OAAA;KACA,UAAS;KACT,SAAS;KACT,MAAM;KACN,SAAS;KACT,GAAI;KACJ,OAAO;MACL,MAAM;MACN,GAAG,mBAAmB;MACvB;eAEA,cAAc;KACR,CAAA;IAEH,CAAA;GAEZ,OAAO;IACL,eAAe;IACf,GAAG;IACJ;GACD,QAAQ,EACN,OAAO,EAAE,UAAU,IAAI,EACxB;GACS;GACV,GAAI;GAEH;GACI,CAAA;EACD,CAAA;EAGb;AAED,UAAU,cAAc"}

package/es/FormModal/index.mjs

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

package/es/FormModal/style.mjs

@@ -1,9 +1,8 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/FormModal/style.ts
 const prefixCls = "ant";
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1, responsive: responsive$1 }) => ({
-	footer: css$1`
+const styles = createStaticStyles(({ css, cssVar, responsive }) => ({
+	footer: css`
     position: absolute;
     z-index: 10;
     inset-block-end: 0;
@@ -15,18 +14,18 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1, responsive: r
 
     background: linear-gradient(
       to bottom,
-      color-mix(in srgb, ${cssVar$1.colorBgContainer} 0%, transparent) 0%,
-      ${cssVar$1.colorBgContainer} 10%
+      color-mix(in srgb, ${cssVar.colorBgContainer} 0%, transparent) 0%,
+      ${cssVar.colorBgContainer} 10%
     );
   `,
-	form: css$1`
+	form: css`
     position: static;
     .${prefixCls}-form-group-title {
       font-size: 15px;
       font-weight: 500;
     }
 
-    ${responsive$1.sm} {
+    ${responsive.sm} {
       .${prefixCls}-form-group-title {
         font-size: 14px;
         font-weight: normal;
@@ -40,7 +39,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1, responsive: r
     }
   `
 }));
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/FormModal/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar","responsive"],"sources":["../../src/FormModal/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar, 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      color-mix(in srgb, ${cssVar.colorBgContainer} 0%, transparent) 0%,\n      ${cssVar.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.sm} {\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":";;;AAEA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,kBAAQ,gCAAkB;CACzE,QAAQ,KAAG;;;;;;;;;;;;2BAYcA,SAAO,iBAAiB;QAC3CA,SAAO,iBAAiB;;;CAG9B,MAAM,KAAG;;OAEJ,UAAU;;;;;MAKXC,aAAW,GAAG;SACX,UAAU;;;;;SAKV,UAAU;;;;;;;CAOlB,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/FormModal/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar, 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      color-mix(in srgb, ${cssVar.colorBgContainer} 0%, transparent) 0%,\n      ${cssVar.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.sm} {\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":";;AAEA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,QAAQ,kBAAkB;CACzE,QAAQ,GAAG;;;;;;;;;;;;2BAYc,OAAO,iBAAiB;QAC3C,OAAO,iBAAiB;;;CAG9B,MAAM,GAAG;;OAEJ,UAAU;;;;;MAKX,WAAW,GAAG;SACX,UAAU;;;;;SAKV,UAAU;;;;;;;CAOlB,EAAE"}

package/es/FormModal/type.d.mts

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

package/es/Freeze/Freeze.d.mts

@@ -1,12 +1,12 @@
 import { FreezeProps } from "./type.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/Freeze/Freeze.d.ts
 declare const Freeze: {
   ({
     frozen,
     children
-  }: FreezeProps): react_jsx_runtime0.JSX.Element;
+  }: FreezeProps): _$react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/Freeze/Freeze.mjs

@@ -1,8 +1,6 @@
-'use client';
-
+"use client";
 import { Suspense, useLayoutEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/Freeze/Freeze.tsx
 const infinitePromise = new Promise(() => {});
 const Suspend = () => {
@@ -69,8 +67,7 @@ const Freeze = ({ frozen, children }) => {
 	});
 };
 Freeze.displayName = "Freeze";
-var Freeze_default = Freeze;
-
 //#endregion
-export { Freeze_default as default };
+export { Freeze as default };
+
 //# sourceMappingURL=Freeze.mjs.map

package/es/Freeze/Freeze.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Freeze.mjs","names":[],"sources":["../../src/Freeze/Freeze.tsx"],"sourcesContent":["// @see https://barvian.me/react-exit-animations\n\n'use client';\n\nimport { Suspense, useLayoutEffect, useRef } from 'react';\n\nimport type { FreezeProps } from './type';\n\nconst infinitePromise = new Promise<never>(() => {});\nconst Suspend = () => {\n  throw infinitePromise;\n};\n\nconst snapshotDisplays = (root: HTMLElement) => {\n  const snapshot = new Map<HTMLElement, string>([[root, root.style.display]]);\n\n  for (const element of root.querySelectorAll<HTMLElement>('*')) {\n    snapshot.set(element, element.style.display);\n  }\n\n  return snapshot;\n};\n\nconst restoreDisplayIfSuspenseHidden = (element: HTMLElement, originalDisplay: string) => {\n  if (element.style.display !== 'none') return;\n  if (originalDisplay === 'none') return;\n\n  element.style.display = originalDisplay;\n};\n\nconst restoreSuspenseHiddenDisplay = (snapshot: Map<HTMLElement, string>) => {\n  for (const [element, originalDisplay] of snapshot) {\n    restoreDisplayIfSuspenseHidden(element, originalDisplay);\n  }\n};\n\nconst Freeze = ({ frozen, children }: FreezeProps) => {\n  const contentRef = useRef<HTMLDivElement>(null);\n  const hasSnapshotRef = useRef(false);\n  const displaySnapshotRef = useRef<Map<HTMLElement, string>>(new Map());\n\n  const shouldSuspend = frozen && hasSnapshotRef.current;\n\n  useLayoutEffect(() => {\n    const content = contentRef.current;\n    if (!content) return;\n\n    if (!frozen) {\n      displaySnapshotRef.current = snapshotDisplays(content);\n      hasSnapshotRef.current = true;\n      return;\n    }\n\n    if (!hasSnapshotRef.current) {\n      displaySnapshotRef.current = snapshotDisplays(content);\n      hasSnapshotRef.current = true;\n      return;\n    }\n\n    restoreSuspenseHiddenDisplay(displaySnapshotRef.current);\n  });\n\n  useLayoutEffect(() => {\n    if (!shouldSuspend) return;\n\n    const snapshot = displaySnapshotRef.current;\n    const observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        const element = mutation.target as HTMLElement;\n        const originalDisplay = snapshot.get(element);\n        if (originalDisplay === undefined) continue;\n\n        restoreDisplayIfSuspenseHidden(element, originalDisplay);\n      }\n    });\n\n    for (const element of snapshot.keys()) {\n      observer.observe(element, { attributeFilter: ['style'], attributes: true });\n    }\n\n    restoreSuspenseHiddenDisplay(snapshot);\n\n    return () => observer.disconnect();\n  }, [shouldSuspend]);\n\n  return (\n    <Suspense fallback={null}>\n      {shouldSuspend && <Suspend />}\n      <div ref={contentRef} style={{ display: 'contents' }}>\n        {children}\n      </div>\n    </Suspense>\n  );\n};\n\nFreeze.displayName = 'Freeze';\n\nexport default Freeze;\n"],"mappings":";;;;;;AAQA,MAAM,kBAAkB,IAAI,cAAqB,GAAG;AACpD,MAAM,gBAAgB;AACpB,OAAM;;AAGR,MAAM,oBAAoB,SAAsB;CAC9C,MAAM,WAAW,IAAI,IAAyB,CAAC,CAAC,MAAM,KAAK,MAAM,QAAQ,CAAC,CAAC;AAE3E,MAAK,MAAM,WAAW,KAAK,iBAA8B,IAAI,CAC3D,UAAS,IAAI,SAAS,QAAQ,MAAM,QAAQ;AAG9C,QAAO;;AAGT,MAAM,kCAAkC,SAAsB,oBAA4B;AACxF,KAAI,QAAQ,MAAM,YAAY,OAAQ;AACtC,KAAI,oBAAoB,OAAQ;AAEhC,SAAQ,MAAM,UAAU;;AAG1B,MAAM,gCAAgC,aAAuC;AAC3E,MAAK,MAAM,CAAC,SAAS,oBAAoB,SACvC,gCAA+B,SAAS,gBAAgB;;AAI5D,MAAM,UAAU,EAAE,QAAQ,eAA4B;CACpD,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,iBAAiB,OAAO,MAAM;CACpC,MAAM,qBAAqB,uBAAiC,IAAI,KAAK,CAAC;CAEtE,MAAM,gBAAgB,UAAU,eAAe;AAE/C,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;AAEd,MAAI,CAAC,QAAQ;AACX,sBAAmB,UAAU,iBAAiB,QAAQ;AACtD,kBAAe,UAAU;AACzB;;AAGF,MAAI,CAAC,eAAe,SAAS;AAC3B,sBAAmB,UAAU,iBAAiB,QAAQ;AACtD,kBAAe,UAAU;AACzB;;AAGF,+BAA6B,mBAAmB,QAAQ;GACxD;AAEF,uBAAsB;AACpB,MAAI,CAAC,cAAe;EAEpB,MAAM,WAAW,mBAAmB;EACpC,MAAM,WAAW,IAAI,kBAAkB,cAAc;AACnD,QAAK,MAAM,YAAY,WAAW;IAChC,MAAM,UAAU,SAAS;IACzB,MAAM,kBAAkB,SAAS,IAAI,QAAQ;AAC7C,QAAI,oBAAoB,OAAW;AAEnC,mCAA+B,SAAS,gBAAgB;;IAE1D;AAEF,OAAK,MAAM,WAAW,SAAS,MAAM,CACnC,UAAS,QAAQ,SAAS;GAAE,iBAAiB,CAAC,QAAQ;GAAE,YAAY;GAAM,CAAC;AAG7E,+BAA6B,SAAS;AAEtC,eAAa,SAAS,YAAY;IACjC,CAAC,cAAc,CAAC;AAEnB,QACE,qBAAC;EAAS,UAAU;aACjB,iBAAiB,oBAAC,YAAU,EAC7B,oBAAC;GAAI,KAAK;GAAY,OAAO,EAAE,SAAS,YAAY;GACjD;IACG;GACG;;AAIf,OAAO,cAAc;AAErB,qBAAe"}
+{"version":3,"file":"Freeze.mjs","names":[],"sources":["../../src/Freeze/Freeze.tsx"],"sourcesContent":["// @see https://barvian.me/react-exit-animations\n\n'use client';\n\nimport { Suspense, useLayoutEffect, useRef } from 'react';\n\nimport type { FreezeProps } from './type';\n\nconst infinitePromise = new Promise<never>(() => {});\nconst Suspend = () => {\n  throw infinitePromise;\n};\n\nconst snapshotDisplays = (root: HTMLElement) => {\n  const snapshot = new Map<HTMLElement, string>([[root, root.style.display]]);\n\n  for (const element of root.querySelectorAll<HTMLElement>('*')) {\n    snapshot.set(element, element.style.display);\n  }\n\n  return snapshot;\n};\n\nconst restoreDisplayIfSuspenseHidden = (element: HTMLElement, originalDisplay: string) => {\n  if (element.style.display !== 'none') return;\n  if (originalDisplay === 'none') return;\n\n  element.style.display = originalDisplay;\n};\n\nconst restoreSuspenseHiddenDisplay = (snapshot: Map<HTMLElement, string>) => {\n  for (const [element, originalDisplay] of snapshot) {\n    restoreDisplayIfSuspenseHidden(element, originalDisplay);\n  }\n};\n\nconst Freeze = ({ frozen, children }: FreezeProps) => {\n  const contentRef = useRef<HTMLDivElement>(null);\n  const hasSnapshotRef = useRef(false);\n  const displaySnapshotRef = useRef<Map<HTMLElement, string>>(new Map());\n\n  const shouldSuspend = frozen && hasSnapshotRef.current;\n\n  useLayoutEffect(() => {\n    const content = contentRef.current;\n    if (!content) return;\n\n    if (!frozen) {\n      displaySnapshotRef.current = snapshotDisplays(content);\n      hasSnapshotRef.current = true;\n      return;\n    }\n\n    if (!hasSnapshotRef.current) {\n      displaySnapshotRef.current = snapshotDisplays(content);\n      hasSnapshotRef.current = true;\n      return;\n    }\n\n    restoreSuspenseHiddenDisplay(displaySnapshotRef.current);\n  });\n\n  useLayoutEffect(() => {\n    if (!shouldSuspend) return;\n\n    const snapshot = displaySnapshotRef.current;\n    const observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        const element = mutation.target as HTMLElement;\n        const originalDisplay = snapshot.get(element);\n        if (originalDisplay === undefined) continue;\n\n        restoreDisplayIfSuspenseHidden(element, originalDisplay);\n      }\n    });\n\n    for (const element of snapshot.keys()) {\n      observer.observe(element, { attributeFilter: ['style'], attributes: true });\n    }\n\n    restoreSuspenseHiddenDisplay(snapshot);\n\n    return () => observer.disconnect();\n  }, [shouldSuspend]);\n\n  return (\n    <Suspense fallback={null}>\n      {shouldSuspend && <Suspend />}\n      <div ref={contentRef} style={{ display: 'contents' }}>\n        {children}\n      </div>\n    </Suspense>\n  );\n};\n\nFreeze.displayName = 'Freeze';\n\nexport default Freeze;\n"],"mappings":";;;;AAQA,MAAM,kBAAkB,IAAI,cAAqB,GAAG;AACpD,MAAM,gBAAgB;AACpB,OAAM;;AAGR,MAAM,oBAAoB,SAAsB;CAC9C,MAAM,WAAW,IAAI,IAAyB,CAAC,CAAC,MAAM,KAAK,MAAM,QAAQ,CAAC,CAAC;AAE3E,MAAK,MAAM,WAAW,KAAK,iBAA8B,IAAI,CAC3D,UAAS,IAAI,SAAS,QAAQ,MAAM,QAAQ;AAG9C,QAAO;;AAGT,MAAM,kCAAkC,SAAsB,oBAA4B;AACxF,KAAI,QAAQ,MAAM,YAAY,OAAQ;AACtC,KAAI,oBAAoB,OAAQ;AAEhC,SAAQ,MAAM,UAAU;;AAG1B,MAAM,gCAAgC,aAAuC;AAC3E,MAAK,MAAM,CAAC,SAAS,oBAAoB,SACvC,gCAA+B,SAAS,gBAAgB;;AAI5D,MAAM,UAAU,EAAE,QAAQ,eAA4B;CACpD,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,iBAAiB,OAAO,MAAM;CACpC,MAAM,qBAAqB,uBAAiC,IAAI,KAAK,CAAC;CAEtE,MAAM,gBAAgB,UAAU,eAAe;AAE/C,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;AAEd,MAAI,CAAC,QAAQ;AACX,sBAAmB,UAAU,iBAAiB,QAAQ;AACtD,kBAAe,UAAU;AACzB;;AAGF,MAAI,CAAC,eAAe,SAAS;AAC3B,sBAAmB,UAAU,iBAAiB,QAAQ;AACtD,kBAAe,UAAU;AACzB;;AAGF,+BAA6B,mBAAmB,QAAQ;GACxD;AAEF,uBAAsB;AACpB,MAAI,CAAC,cAAe;EAEpB,MAAM,WAAW,mBAAmB;EACpC,MAAM,WAAW,IAAI,kBAAkB,cAAc;AACnD,QAAK,MAAM,YAAY,WAAW;IAChC,MAAM,UAAU,SAAS;IACzB,MAAM,kBAAkB,SAAS,IAAI,QAAQ;AAC7C,QAAI,oBAAoB,KAAA,EAAW;AAEnC,mCAA+B,SAAS,gBAAgB;;IAE1D;AAEF,OAAK,MAAM,WAAW,SAAS,MAAM,CACnC,UAAS,QAAQ,SAAS;GAAE,iBAAiB,CAAC,QAAQ;GAAE,YAAY;GAAM,CAAC;AAG7E,+BAA6B,SAAS;AAEtC,eAAa,SAAS,YAAY;IACjC,CAAC,cAAc,CAAC;AAEnB,QACE,qBAAC,UAAD;EAAU,UAAU;YAApB,CACG,iBAAiB,oBAAC,SAAD,EAAW,CAAA,EAC7B,oBAAC,OAAD;GAAK,KAAK;GAAY,OAAO,EAAE,SAAS,YAAY;GACjD;GACG,CAAA,CACG;;;AAIf,OAAO,cAAc"}

package/es/Freeze/index.mjs

@@ -1,3 +1,2 @@
-import Freeze_default from "./Freeze.mjs";
-
-export { Freeze_default as default };
+import Freeze from "./Freeze.mjs";
+export { Freeze as default };

package/es/Grid/Grid.mjs

@@ -1,12 +1,10 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import { styles } from "./style.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { isString } from "es-toolkit/compat";
-
 //#region src/Grid/Grid.tsx
 const Grid = ({ className, gap = "1em", rows = 3, children, maxItemWidth = 240, ref, style, ...rest }) => {
 	const cssVariables = useMemo(() => {
@@ -33,8 +31,7 @@ const Grid = ({ className, gap = "1em", rows = 3, children, maxItemWidth = 240,
 	});
 };
 Grid.displayName = "Grid";
-var Grid_default = Grid;
-
 //#endregion
-export { Grid_default as default };
+export { Grid as default };
+
 //# sourceMappingURL=Grid.mjs.map

package/es/Grid/Grid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.mjs","names":["Grid: FC<GridProps>","Flexbox"],"sources":["../../src/Grid/Grid.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { isString } from 'es-toolkit/compat';\nimport { type FC } from 'react';\nimport { useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } 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  style,\n  ...rest\n}) => {\n  // Convert props to CSS variables\n  const cssVariables = useMemo<Record<string, string>>(() => {\n    const vars: Record<string, string> = {\n      '--grid-gap': isString(gap) ? gap : `${gap}px`,\n      '--grid-max-item-width': isString(maxItemWidth) ? maxItemWidth : `${maxItemWidth}px`,\n      '--grid-rows': `${rows}`,\n    };\n    return vars;\n  }, [gap, maxItemWidth, rows]);\n\n  return (\n    <Flexbox\n      className={cx(styles, className)}\n      gap={gap as any}\n      ref={ref}\n      style={{\n        ...cssVariables,\n        ...style,\n      }}\n      {...rest}\n    >\n      {children}\n    </Flexbox>\n  );\n};\n\nGrid.displayName = 'Grid';\n\nexport default Grid;\n"],"mappings":";;;;;;;;;;AAYA,MAAMA,QAAuB,EAC3B,WACA,MAAM,OACN,OAAO,GACP,UACA,eAAe,KACf,KACA,OACA,GAAG,WACC;CAEJ,MAAM,eAAe,cAAsC;AAMzD,SALqC;GACnC,cAAc,SAAS,IAAI,GAAG,MAAM,GAAG,IAAI;GAC3C,yBAAyB,SAAS,aAAa,GAAG,eAAe,GAAG,aAAa;GACjF,eAAe,GAAG;GACnB;IAEA;EAAC;EAAK;EAAc;EAAK,CAAC;AAE7B,QACE,oBAACC;EACC,WAAW,GAAG,QAAQ,UAAU;EAC3B;EACA;EACL,OAAO;GACL,GAAG;GACH,GAAG;GACJ;EACD,GAAI;EAEH;GACO;;AAId,KAAK,cAAc;AAEnB,mBAAe"}
+{"version":3,"file":"Grid.mjs","names":["Flexbox"],"sources":["../../src/Grid/Grid.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { isString } from 'es-toolkit/compat';\nimport { type FC } from 'react';\nimport { useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } 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  style,\n  ...rest\n}) => {\n  // Convert props to CSS variables\n  const cssVariables = useMemo<Record<string, string>>(() => {\n    const vars: Record<string, string> = {\n      '--grid-gap': isString(gap) ? gap : `${gap}px`,\n      '--grid-max-item-width': isString(maxItemWidth) ? maxItemWidth : `${maxItemWidth}px`,\n      '--grid-rows': `${rows}`,\n    };\n    return vars;\n  }, [gap, maxItemWidth, rows]);\n\n  return (\n    <Flexbox\n      className={cx(styles, className)}\n      gap={gap as any}\n      ref={ref}\n      style={{\n        ...cssVariables,\n        ...style,\n      }}\n      {...rest}\n    >\n      {children}\n    </Flexbox>\n  );\n};\n\nGrid.displayName = 'Grid';\n\nexport default Grid;\n"],"mappings":";;;;;;;;AAYA,MAAM,QAAuB,EAC3B,WACA,MAAM,OACN,OAAO,GACP,UACA,eAAe,KACf,KACA,OACA,GAAG,WACC;CAEJ,MAAM,eAAe,cAAsC;AAMzD,SALqC;GACnC,cAAc,SAAS,IAAI,GAAG,MAAM,GAAG,IAAI;GAC3C,yBAAyB,SAAS,aAAa,GAAG,eAAe,GAAG,aAAa;GACjF,eAAe,GAAG;GACnB;IAEA;EAAC;EAAK;EAAc;EAAK,CAAC;AAE7B,QACE,oBAACA,mBAAD;EACE,WAAW,GAAG,QAAQ,UAAU;EAC3B;EACA;EACL,OAAO;GACL,GAAG;GACH,GAAG;GACJ;EACD,GAAI;EAEH;EACO,CAAA;;AAId,KAAK,cAAc"}

package/es/Grid/index.mjs

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

package/es/Grid/style.mjs

@@ -1,8 +1,7 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/Grid/style.ts
-const styles = createStaticStyles(({ css: css$1 }) => {
-	return css$1`
+const styles = createStaticStyles(({ css }) => {
+	return css`
     --rows: var(--grid-rows, 3);
     --max-item-width: var(--grid-max-item-width, 240px);
     --gap: var(--grid-gap, 1em);
@@ -17,7 +16,7 @@ const styles = createStaticStyles(({ css: css$1 }) => {
     );
   `;
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/Grid/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Grid/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return css`\n    --rows: var(--grid-rows, 3);\n    --max-item-width: var(--grid-max-item-width, 240px);\n    --gap: var(--grid-gap, 1em);\n\n    display: grid !important;\n    grid-template-columns: repeat(\n      auto-fill,\n      minmax(\n        max(var(--max-item-width), calc((100% - var(--gap) * (var(--rows) - 1)) / var(--rows))),\n        1fr\n      )\n    );\n  `;\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,iBAAU;AACpD,QAAO,KAAG;;;;;;;;;;;;;;EAcV"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Grid/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return css`\n    --rows: var(--grid-rows, 3);\n    --max-item-width: var(--grid-max-item-width, 240px);\n    --gap: var(--grid-gap, 1em);\n\n    display: grid !important;\n    grid-template-columns: repeat(\n      auto-fill,\n      minmax(\n        max(var(--max-item-width), calc((100% - var(--gap) * (var(--rows) - 1)) / var(--rows))),\n        1fr\n      )\n    );\n  `;\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO,GAAG;;;;;;;;;;;;;;EAcV"}

package/es/Grid/type.d.mts

@@ -1,5 +1,4 @@
 import { FlexboxProps } from "../Flex/type.mjs";
-import "../Flex/index.mjs";
 import { Ref } from "react";
 
 //#region src/Grid/type.d.ts

package/es/GroupAvatar/GroupAvatar.mjs

@@ -1,13 +1,11 @@
-'use client';
-
-import Block_default from "../Block/Block.mjs";
-import Avatar_default from "../Avatar/index.mjs";
-import Grid_default from "../Grid/Grid.mjs";
+"use client";
+import Block from "../Block/Block.mjs";
+import Avatar from "../Avatar/index.mjs";
+import Grid from "../Grid/Grid.mjs";
 import { variants } from "./style.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/GroupAvatar/GroupAvatar.tsx
 const GroupAvatar = ({ className, style, avatars = [], size = 32, grid = 2, cornerShape = "square", avatarShape = "square", ...rest }) => {
 	const calcSize = useMemo(() => {
@@ -31,7 +29,7 @@ const GroupAvatar = ({ className, style, avatars = [], size = 32, grid = 2, corn
 	]);
 	const calcAvatars = useMemo(() => avatars?.slice(0, calcSize.gridSize * calcSize.gridSize), [avatars, calcSize.gridSize]);
 	const isSingle = calcAvatars?.length === 1;
-	return /* @__PURE__ */ jsx(Block_default, {
+	return /* @__PURE__ */ jsx(Block, {
 		align: "center",
 		className: cx(variants({ cornerShape }), className),
 		height: size,
@@ -39,18 +37,18 @@ const GroupAvatar = ({ className, style, avatars = [], size = 32, grid = 2, corn
 		style,
 		width: size,
 		...rest,
-		children: /* @__PURE__ */ jsx(Grid_default, {
+		children: /* @__PURE__ */ jsx(Grid, {
 			gap: calcSize.gapSize,
 			maxItemWidth: 0,
 			rows: calcSize.gridSize,
 			width: calcSize.gridWidth,
 			children: calcAvatars.map((item, index) => {
-				if (typeof item === "string") return /* @__PURE__ */ jsx(Avatar_default, {
+				if (typeof item === "string") return /* @__PURE__ */ jsx(Avatar, {
 					avatar: item,
 					shape: avatarShape,
 					size: isSingle ? size * .8 : calcSize.avatarSize
 				}, index);
-				return /* @__PURE__ */ jsx(Avatar_default, {
+				return /* @__PURE__ */ jsx(Avatar, {
 					...item,
 					shape: avatarShape,
 					size: isSingle ? size * .8 : calcSize.avatarSize
@@ -59,8 +57,7 @@ const GroupAvatar = ({ className, style, avatars = [], size = 32, grid = 2, corn
 		})
 	});
 };
-var GroupAvatar_default = GroupAvatar;
-
 //#endregion
-export { GroupAvatar_default as default };
+export { GroupAvatar as default };
+
 //# sourceMappingURL=GroupAvatar.mjs.map

package/es/GroupAvatar/GroupAvatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GroupAvatar.mjs","names":["GroupAvatar: FC<GroupAvatarProps>","Block","Grid","Avatar"],"sources":["../../src/GroupAvatar/GroupAvatar.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport Avatar from '@/Avatar';\nimport Block from '@/Block';\nimport Grid from '@/Grid';\n\nimport { variants } from './style';\nimport type { GroupAvatarProps } from './type';\n\nconst GroupAvatar: FC<GroupAvatarProps> = ({\n  className,\n  style,\n  avatars = [],\n  size = 32,\n  grid = 2,\n  cornerShape = 'square',\n  avatarShape = 'square',\n  ...rest\n}) => {\n  const calcSize = useMemo(() => {\n    const length = avatars.length;\n    const isAutoGrid = grid === 'auto';\n    const gridSize = isAutoGrid ? (length > 4 ? 3 : 2) : grid;\n    const isCircle = cornerShape === 'circle';\n    const avatarSize = Math.floor((size / gridSize) * (isCircle ? 0.65 : 0.75));\n    const gapSize = Math.floor((size - avatarSize * gridSize) / (isCircle ? 6 : 4));\n\n    return {\n      avatarSize,\n      gapSize,\n      gridSize,\n      gridWidth: avatarSize * gridSize + gapSize,\n      maxItemWidth: avatarSize - 1,\n    };\n  }, [avatars, grid, size, cornerShape]);\n\n  const calcAvatars = useMemo(\n    () => avatars?.slice(0, calcSize.gridSize * calcSize.gridSize),\n    [avatars, calcSize.gridSize],\n  );\n\n  const isSingle = calcAvatars?.length === 1;\n\n  return (\n    <Block\n      align={'center'}\n      className={cx(variants({ cornerShape }), className)}\n      height={size}\n      justify={'center'}\n      style={style}\n      width={size}\n      {...rest}\n    >\n      <Grid\n        gap={calcSize.gapSize}\n        maxItemWidth={0}\n        rows={calcSize.gridSize}\n        width={calcSize.gridWidth}\n      >\n        {calcAvatars.map((item, index) => {\n          if (typeof item === 'string')\n            return (\n              <Avatar\n                avatar={item}\n                key={index}\n                shape={avatarShape}\n                size={isSingle ? size * 0.8 : calcSize.avatarSize}\n              />\n            );\n          return (\n            <Avatar\n              key={index}\n              {...item}\n              shape={avatarShape}\n              size={isSingle ? size * 0.8 : calcSize.avatarSize}\n            />\n          );\n        })}\n      </Grid>\n    </Block>\n  );\n};\n\nexport default GroupAvatar;\n"],"mappings":";;;;;;;;;;;AAYA,MAAMA,eAAqC,EACzC,WACA,OACA,UAAU,EAAE,EACZ,OAAO,IACP,OAAO,GACP,cAAc,UACd,cAAc,UACd,GAAG,WACC;CACJ,MAAM,WAAW,cAAc;EAC7B,MAAM,SAAS,QAAQ;EAEvB,MAAM,WADa,SAAS,SACG,SAAS,IAAI,IAAI,IAAK;EACrD,MAAM,WAAW,gBAAgB;EACjC,MAAM,aAAa,KAAK,MAAO,OAAO,YAAa,WAAW,MAAO,KAAM;EAC3E,MAAM,UAAU,KAAK,OAAO,OAAO,aAAa,aAAa,WAAW,IAAI,GAAG;AAE/E,SAAO;GACL;GACA;GACA;GACA,WAAW,aAAa,WAAW;GACnC,cAAc,aAAa;GAC5B;IACA;EAAC;EAAS;EAAM;EAAM;EAAY,CAAC;CAEtC,MAAM,cAAc,cACZ,SAAS,MAAM,GAAG,SAAS,WAAW,SAAS,SAAS,EAC9D,CAAC,SAAS,SAAS,SAAS,CAC7B;CAED,MAAM,WAAW,aAAa,WAAW;AAEzC,QACE,oBAACC;EACC,OAAO;EACP,WAAW,GAAG,SAAS,EAAE,aAAa,CAAC,EAAE,UAAU;EACnD,QAAQ;EACR,SAAS;EACF;EACP,OAAO;EACP,GAAI;YAEJ,oBAACC;GACC,KAAK,SAAS;GACd,cAAc;GACd,MAAM,SAAS;GACf,OAAO,SAAS;aAEf,YAAY,KAAK,MAAM,UAAU;AAChC,QAAI,OAAO,SAAS,SAClB,QACE,oBAACC;KACC,QAAQ;KAER,OAAO;KACP,MAAM,WAAW,OAAO,KAAM,SAAS;OAFlC,MAGL;AAEN,WACE,oBAACA;KAEC,GAAI;KACJ,OAAO;KACP,MAAM,WAAW,OAAO,KAAM,SAAS;OAHlC,MAIL;KAEJ;IACG;GACD;;AAIZ,0BAAe"}
+{"version":3,"file":"GroupAvatar.mjs","names":[],"sources":["../../src/GroupAvatar/GroupAvatar.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport Avatar from '@/Avatar';\nimport Block from '@/Block';\nimport Grid from '@/Grid';\n\nimport { variants } from './style';\nimport type { GroupAvatarProps } from './type';\n\nconst GroupAvatar: FC<GroupAvatarProps> = ({\n  className,\n  style,\n  avatars = [],\n  size = 32,\n  grid = 2,\n  cornerShape = 'square',\n  avatarShape = 'square',\n  ...rest\n}) => {\n  const calcSize = useMemo(() => {\n    const length = avatars.length;\n    const isAutoGrid = grid === 'auto';\n    const gridSize = isAutoGrid ? (length > 4 ? 3 : 2) : grid;\n    const isCircle = cornerShape === 'circle';\n    const avatarSize = Math.floor((size / gridSize) * (isCircle ? 0.65 : 0.75));\n    const gapSize = Math.floor((size - avatarSize * gridSize) / (isCircle ? 6 : 4));\n\n    return {\n      avatarSize,\n      gapSize,\n      gridSize,\n      gridWidth: avatarSize * gridSize + gapSize,\n      maxItemWidth: avatarSize - 1,\n    };\n  }, [avatars, grid, size, cornerShape]);\n\n  const calcAvatars = useMemo(\n    () => avatars?.slice(0, calcSize.gridSize * calcSize.gridSize),\n    [avatars, calcSize.gridSize],\n  );\n\n  const isSingle = calcAvatars?.length === 1;\n\n  return (\n    <Block\n      align={'center'}\n      className={cx(variants({ cornerShape }), className)}\n      height={size}\n      justify={'center'}\n      style={style}\n      width={size}\n      {...rest}\n    >\n      <Grid\n        gap={calcSize.gapSize}\n        maxItemWidth={0}\n        rows={calcSize.gridSize}\n        width={calcSize.gridWidth}\n      >\n        {calcAvatars.map((item, index) => {\n          if (typeof item === 'string')\n            return (\n              <Avatar\n                avatar={item}\n                key={index}\n                shape={avatarShape}\n                size={isSingle ? size * 0.8 : calcSize.avatarSize}\n              />\n            );\n          return (\n            <Avatar\n              key={index}\n              {...item}\n              shape={avatarShape}\n              size={isSingle ? size * 0.8 : calcSize.avatarSize}\n            />\n          );\n        })}\n      </Grid>\n    </Block>\n  );\n};\n\nexport default GroupAvatar;\n"],"mappings":";;;;;;;;;AAYA,MAAM,eAAqC,EACzC,WACA,OACA,UAAU,EAAE,EACZ,OAAO,IACP,OAAO,GACP,cAAc,UACd,cAAc,UACd,GAAG,WACC;CACJ,MAAM,WAAW,cAAc;EAC7B,MAAM,SAAS,QAAQ;EAEvB,MAAM,WADa,SAAS,SACG,SAAS,IAAI,IAAI,IAAK;EACrD,MAAM,WAAW,gBAAgB;EACjC,MAAM,aAAa,KAAK,MAAO,OAAO,YAAa,WAAW,MAAO,KAAM;EAC3E,MAAM,UAAU,KAAK,OAAO,OAAO,aAAa,aAAa,WAAW,IAAI,GAAG;AAE/E,SAAO;GACL;GACA;GACA;GACA,WAAW,aAAa,WAAW;GACnC,cAAc,aAAa;GAC5B;IACA;EAAC;EAAS;EAAM;EAAM;EAAY,CAAC;CAEtC,MAAM,cAAc,cACZ,SAAS,MAAM,GAAG,SAAS,WAAW,SAAS,SAAS,EAC9D,CAAC,SAAS,SAAS,SAAS,CAC7B;CAED,MAAM,WAAW,aAAa,WAAW;AAEzC,QACE,oBAAC,OAAD;EACE,OAAO;EACP,WAAW,GAAG,SAAS,EAAE,aAAa,CAAC,EAAE,UAAU;EACnD,QAAQ;EACR,SAAS;EACF;EACP,OAAO;EACP,GAAI;YAEJ,oBAAC,MAAD;GACE,KAAK,SAAS;GACd,cAAc;GACd,MAAM,SAAS;GACf,OAAO,SAAS;aAEf,YAAY,KAAK,MAAM,UAAU;AAChC,QAAI,OAAO,SAAS,SAClB,QACE,oBAAC,QAAD;KACE,QAAQ;KAER,OAAO;KACP,MAAM,WAAW,OAAO,KAAM,SAAS;KACvC,EAHK,MAGL;AAEN,WACE,oBAAC,QAAD;KAEE,GAAI;KACJ,OAAO;KACP,MAAM,WAAW,OAAO,KAAM,SAAS;KACvC,EAJK,MAIL;KAEJ;GACG,CAAA;EACD,CAAA"}

package/es/GroupAvatar/index.mjs

@@ -1,3 +1,2 @@
-import GroupAvatar_default from "./GroupAvatar.mjs";
-
-export { GroupAvatar_default as default };
+import GroupAvatar from "./GroupAvatar.mjs";
+export { GroupAvatar as default };

package/es/GroupAvatar/style.mjs

@@ -1,10 +1,9 @@
 import { SMOOTH_CORNER_MASKS } from "../utils/smoothCorners.mjs";
 import { createStaticStyles } from "antd-style";
 import { cva } from "class-variance-authority";
-
 //#region src/GroupAvatar/style.ts
-const styles = createStaticStyles(({ css: css$1 }) => {
-	const createCornerVariant = (cornerType) => css$1`
+const styles = createStaticStyles(({ css }) => {
+	const createCornerVariant = (cornerType) => css`
     mask-image: url('${SMOOTH_CORNER_MASKS[cornerType]}');
     mask-position: center;
     mask-repeat: no-repeat;
@@ -13,7 +12,7 @@ const styles = createStaticStyles(({ css: css$1 }) => {
 	return {
 		circle: createCornerVariant("circle"),
 		ios: createCornerVariant("ios"),
-		root: css$1`
+		root: css`
       overflow: hidden;
       flex: none;
 
@@ -42,7 +41,7 @@ const variants = cva(styles.root, {
 		squircle: styles.squircle
 	} }
 });
-
 //#endregion
 export { variants };
+
 //# sourceMappingURL=style.mjs.map

package/es/GroupAvatar/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/GroupAvatar/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { SMOOTH_CORNER_MASKS } from '@/utils/smoothCorners';\n\nexport const styles = createStaticStyles(({ css }) => {\n  const createCornerVariant = (cornerType: keyof typeof SMOOTH_CORNER_MASKS) => css`\n    mask-image: url('${SMOOTH_CORNER_MASKS[cornerType]}');\n    mask-position: center;\n    mask-repeat: no-repeat;\n    mask-size: 100% 100%;\n  `;\n\n  return {\n    circle: createCornerVariant('circle'),\n    ios: createCornerVariant('ios'),\n    root: css`\n      overflow: hidden;\n      flex: none;\n\n      /* Fallback for browsers without mask support */\n      border-radius: 15%;\n\n      /* Apply smooth corners mask with fallback */\n      @supports (mask-image: url('data:image/svg+xml;base64,')) {\n        border-radius: 0;\n      }\n    `,\n    sharp: createCornerVariant('sharp'),\n    smooth: createCornerVariant('smooth'),\n    square: createCornerVariant('square'),\n    squircle: createCornerVariant('squircle'),\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    cornerShape: 'squircle',\n  },\n\n  variants: {\n    cornerShape: {\n      circle: styles.circle,\n      ios: styles.ios,\n      sharp: styles.sharp,\n      smooth: styles.smooth,\n      square: styles.square,\n      squircle: styles.squircle,\n    },\n  },\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,iBAAU;CACpD,MAAM,uBAAuB,eAAiD,KAAG;uBAC5D,oBAAoB,YAAY;;;;;AAMrD,QAAO;EACL,QAAQ,oBAAoB,SAAS;EACrC,KAAK,oBAAoB,MAAM;EAC/B,MAAM,KAAG;;;;;;;;;;;;EAYT,OAAO,oBAAoB,QAAQ;EACnC,QAAQ,oBAAoB,SAAS;EACrC,QAAQ,oBAAoB,SAAS;EACrC,UAAU,oBAAoB,WAAW;EAC1C;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,aAAa,YACd;CAED,UAAU,EACR,aAAa;EACX,QAAQ,OAAO;EACf,KAAK,OAAO;EACZ,OAAO,OAAO;EACd,QAAQ,OAAO;EACf,QAAQ,OAAO;EACf,UAAU,OAAO;EAClB,EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/GroupAvatar/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { SMOOTH_CORNER_MASKS } from '@/utils/smoothCorners';\n\nexport const styles = createStaticStyles(({ css }) => {\n  const createCornerVariant = (cornerType: keyof typeof SMOOTH_CORNER_MASKS) => css`\n    mask-image: url('${SMOOTH_CORNER_MASKS[cornerType]}');\n    mask-position: center;\n    mask-repeat: no-repeat;\n    mask-size: 100% 100%;\n  `;\n\n  return {\n    circle: createCornerVariant('circle'),\n    ios: createCornerVariant('ios'),\n    root: css`\n      overflow: hidden;\n      flex: none;\n\n      /* Fallback for browsers without mask support */\n      border-radius: 15%;\n\n      /* Apply smooth corners mask with fallback */\n      @supports (mask-image: url('data:image/svg+xml;base64,')) {\n        border-radius: 0;\n      }\n    `,\n    sharp: createCornerVariant('sharp'),\n    smooth: createCornerVariant('smooth'),\n    square: createCornerVariant('square'),\n    squircle: createCornerVariant('squircle'),\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    cornerShape: 'squircle',\n  },\n\n  variants: {\n    cornerShape: {\n      circle: styles.circle,\n      ios: styles.ios,\n      sharp: styles.sharp,\n      smooth: styles.smooth,\n      square: styles.square,\n      squircle: styles.squircle,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,UAAU;CACpD,MAAM,uBAAuB,eAAiD,GAAG;uBAC5D,oBAAoB,YAAY;;;;;AAMrD,QAAO;EACL,QAAQ,oBAAoB,SAAS;EACrC,KAAK,oBAAoB,MAAM;EAC/B,MAAM,GAAG;;;;;;;;;;;;EAYT,OAAO,oBAAoB,QAAQ;EACnC,QAAQ,oBAAoB,SAAS;EACrC,QAAQ,oBAAoB,SAAS;EACrC,UAAU,oBAAoB,WAAW;EAC1C;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,aAAa,YACd;CAED,UAAU,EACR,aAAa;EACX,QAAQ,OAAO;EACf,KAAK,OAAO;EACZ,OAAO,OAAO;EACd,QAAQ,OAAO;EACf,QAAQ,OAAO;EACf,UAAU,OAAO;EAClB,EACF;CACF,CAAC"}

package/es/GuideCard/GuideCard.d.mts

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

package/es/GuideCard/GuideCard.mjs

@@ -1,14 +1,12 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
-import Img_default from "../Img/index.mjs";
+import ActionIcon from "../ActionIcon/ActionIcon.mjs";
+import Img from "../Img/index.mjs";
 import { styles, variants } from "./style.mjs";
 import { memo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx, useThemeMode } from "antd-style";
 import { X } from "lucide-react";
-
 //#region src/GuideCard/GuideCard.tsx
 const GuideCard = memo(({ cover, onClose, shadow, closable = true, afterClose, alt, className, title, desc, width, styles: customStyles, height, coverProps, variant = "filled", closeIconProps, classNames, ref, ...rest }) => {
 	const [show, setShow] = useState(true);
@@ -23,7 +21,7 @@ const GuideCard = memo(({ cover, onClose, shadow, closable = true, afterClose, a
 		ref,
 		...rest,
 		children: [
-			closable && /* @__PURE__ */ jsx(ActionIcon_default, {
+			closable && /* @__PURE__ */ jsx(ActionIcon, {
 				size: "small",
 				...closeIconProps,
 				className: cx(styles.close, closeIconProps?.className),
@@ -34,7 +32,7 @@ const GuideCard = memo(({ cover, onClose, shadow, closable = true, afterClose, a
 					afterClose?.();
 				}
 			}),
-			cover && /* @__PURE__ */ jsx(Img_default, {
+			cover && /* @__PURE__ */ jsx(Img, {
 				alt,
 				className: cx(styles.cover, classNames?.cover),
 				height,
@@ -59,8 +57,7 @@ const GuideCard = memo(({ cover, onClose, shadow, closable = true, afterClose, a
 	});
 });
 GuideCard.displayName = "GuideCard";
-var GuideCard_default = GuideCard;
-
 //#endregion
-export { GuideCard_default as default };
+export { GuideCard as default };
+
 //# sourceMappingURL=GuideCard.mjs.map

package/es/GuideCard/GuideCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GuideCard.mjs","names":["Flexbox","ActionIcon","Img"],"sources":["../../src/GuideCard/GuideCard.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useThemeMode } from 'antd-style';\nimport { X } from 'lucide-react';\nimport { memo, useState } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport Img from '@/Img';\n\nimport { styles, variants } from './style';\nimport type { GuideCardProps } from './type';\n\nconst GuideCard = memo<GuideCardProps>(\n  ({\n    cover,\n    onClose,\n    shadow,\n    closable = true,\n    afterClose,\n    alt,\n    className,\n    title,\n    desc,\n    width,\n    styles: customStyles,\n    height,\n    coverProps,\n    variant = 'filled',\n    closeIconProps,\n    classNames,\n    ref,\n    ...rest\n  }) => {\n    const [show, setShow] = useState(true);\n    const { isDarkMode } = useThemeMode();\n\n    if (!show) return null;\n\n    return (\n      <Flexbox\n        className={cx(variants({ isDarkMode, shadow, variant }), className)}\n        ref={ref}\n        {...rest}\n      >\n        {closable && (\n          <ActionIcon\n            size={'small'}\n            {...closeIconProps}\n            className={cx(styles.close, closeIconProps?.className)}\n            icon={X}\n            onClick={(e) => {\n              setShow(false);\n              onClose?.(e);\n              afterClose?.();\n            }}\n          />\n        )}\n        {cover && (\n          <Img\n            alt={alt}\n            className={cx(styles.cover, classNames?.cover)}\n            height={height}\n            src={cover}\n            style={customStyles?.cover}\n            width={width}\n            {...coverProps}\n          />\n        )}\n        <Flexbox\n          className={cx(styles.content, classNames?.content)}\n          gap={8}\n          style={customStyles?.content}\n        >\n          {title && <div className={styles.title}>{title}</div>}\n          {desc && <div className={styles.desc}>{desc}</div>}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nGuideCard.displayName = 'GuideCard';\n\nexport default GuideCard;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,YAAY,MACf,EACC,OACA,SACA,QACA,WAAW,MACX,YACA,KACA,WACA,OACA,MACA,OACA,QAAQ,cACR,QACA,YACA,UAAU,UACV,gBACA,YACA,KACA,GAAG,WACC;CACJ,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,EAAE,eAAe,cAAc;AAErC,KAAI,CAAC,KAAM,QAAO;AAElB,QACE,qBAACA;EACC,WAAW,GAAG,SAAS;GAAE;GAAY;GAAQ;GAAS,CAAC,EAAE,UAAU;EAC9D;EACL,GAAI;;GAEH,YACC,oBAACC;IACC,MAAM;IACN,GAAI;IACJ,WAAW,GAAG,OAAO,OAAO,gBAAgB,UAAU;IACtD,MAAM;IACN,UAAU,MAAM;AACd,aAAQ,MAAM;AACd,eAAU,EAAE;AACZ,mBAAc;;KAEhB;GAEH,SACC,oBAACC;IACM;IACL,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;IACtC;IACR,KAAK;IACL,OAAO,cAAc;IACd;IACP,GAAI;KACJ;GAEJ,qBAACF;IACC,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;IAClD,KAAK;IACL,OAAO,cAAc;eAEpB,SAAS,oBAAC;KAAI,WAAW,OAAO;eAAQ;MAAY,EACpD,QAAQ,oBAAC;KAAI,WAAW,OAAO;eAAO;MAAW;KAC1C;;GACF;EAGf;AAED,UAAU,cAAc;AAExB,wBAAe"}
+{"version":3,"file":"GuideCard.mjs","names":["Flexbox"],"sources":["../../src/GuideCard/GuideCard.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useThemeMode } from 'antd-style';\nimport { X } from 'lucide-react';\nimport { memo, useState } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport Img from '@/Img';\n\nimport { styles, variants } from './style';\nimport type { GuideCardProps } from './type';\n\nconst GuideCard = memo<GuideCardProps>(\n  ({\n    cover,\n    onClose,\n    shadow,\n    closable = true,\n    afterClose,\n    alt,\n    className,\n    title,\n    desc,\n    width,\n    styles: customStyles,\n    height,\n    coverProps,\n    variant = 'filled',\n    closeIconProps,\n    classNames,\n    ref,\n    ...rest\n  }) => {\n    const [show, setShow] = useState(true);\n    const { isDarkMode } = useThemeMode();\n\n    if (!show) return null;\n\n    return (\n      <Flexbox\n        className={cx(variants({ isDarkMode, shadow, variant }), className)}\n        ref={ref}\n        {...rest}\n      >\n        {closable && (\n          <ActionIcon\n            size={'small'}\n            {...closeIconProps}\n            className={cx(styles.close, closeIconProps?.className)}\n            icon={X}\n            onClick={(e) => {\n              setShow(false);\n              onClose?.(e);\n              afterClose?.();\n            }}\n          />\n        )}\n        {cover && (\n          <Img\n            alt={alt}\n            className={cx(styles.cover, classNames?.cover)}\n            height={height}\n            src={cover}\n            style={customStyles?.cover}\n            width={width}\n            {...coverProps}\n          />\n        )}\n        <Flexbox\n          className={cx(styles.content, classNames?.content)}\n          gap={8}\n          style={customStyles?.content}\n        >\n          {title && <div className={styles.title}>{title}</div>}\n          {desc && <div className={styles.desc}>{desc}</div>}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nGuideCard.displayName = 'GuideCard';\n\nexport default GuideCard;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,YAAY,MACf,EACC,OACA,SACA,QACA,WAAW,MACX,YACA,KACA,WACA,OACA,MACA,OACA,QAAQ,cACR,QACA,YACA,UAAU,UACV,gBACA,YACA,KACA,GAAG,WACC;CACJ,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,EAAE,eAAe,cAAc;AAErC,KAAI,CAAC,KAAM,QAAO;AAElB,QACE,qBAACA,mBAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAY;GAAQ;GAAS,CAAC,EAAE,UAAU;EAC9D;EACL,GAAI;YAHN;GAKG,YACC,oBAAC,YAAD;IACE,MAAM;IACN,GAAI;IACJ,WAAW,GAAG,OAAO,OAAO,gBAAgB,UAAU;IACtD,MAAM;IACN,UAAU,MAAM;AACd,aAAQ,MAAM;AACd,eAAU,EAAE;AACZ,mBAAc;;IAEhB,CAAA;GAEH,SACC,oBAAC,KAAD;IACO;IACL,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;IACtC;IACR,KAAK;IACL,OAAO,cAAc;IACd;IACP,GAAI;IACJ,CAAA;GAEJ,qBAACA,mBAAD;IACE,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;IAClD,KAAK;IACL,OAAO,cAAc;cAHvB,CAKG,SAAS,oBAAC,OAAD;KAAK,WAAW,OAAO;eAAQ;KAAY,CAAA,EACpD,QAAQ,oBAAC,OAAD;KAAK,WAAW,OAAO;eAAO;KAAW,CAAA,CAC1C;;GACF;;EAGf;AAED,UAAU,cAAc"}