@lobehub/ui 5.20.3 → 5.22.0

package/es/Form/style.mjs.map

@@ -1 +1 @@
-{"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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"}
+{"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,13 +1,17 @@
 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/index.js";
-
 //#region src/Form/type.d.ts
 type FormVariant = 'filled' | 'outlined' | 'borderless';
 type ItemsType = 'group' | 'flat';

package/es/FormModal/FormModal.d.mts

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

package/es/FormModal/FormModal.mjs.map

@@ -1 +1 @@
-{"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"}
+{"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,CAAC,GACd,WACA,OACA,UACA,QAAA,WAAS,CAAC,GACV,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,cAAc;CACjC,MAAM,EAAE,MAAM,eAAe,GAAG,oBAAoB;CACpD,MAAM,EAAE,MAAM,WAAW,GAAG,gBAC1B,OAAOA,aAAW,aAAa,EAAE,MAAM,KAAA,EAAU,IAAIA;CAEvD,OACE,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;GAClB;EACF;EAEI;YAEV,oBAAC,MAAD;GACE,WAAW,GAAGC,OAAa,MAAM,iBAAiB,EAAE;GACpD,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;KACxB;eAEC,cAAc;IACT,CAAA;GAEH,CAAA;GAEX,OAAO;IACL,eAAe;IACf,GAAG;GACL;GACA,QAAQ,EACN,OAAO,EAAE,UAAU,GAAG,EACxB;GACU;GACV,GAAI;GAEH;EACG,CAAA;CACD,CAAA;AAEX,CACF;AAEA,UAAU,cAAc"}

package/es/FormModal/index.d.mts

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

package/es/FormModal/style.mjs.map

@@ -1 +1 @@
-{"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"}
+{"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;;;;;;;AAOnB,EAAE"}

package/es/FormModal/type.d.mts

@@ -1,8 +1,10 @@
 import { ButtonProps } from "../Button/type.mjs";
+import "../Button/index.mjs";
 import { FormInstance, FormProps } from "../Form/type.mjs";
+import "../Form/index.mjs";
 import { ModalProps } from "../Modal/type.mjs";
+import "../Modal/index.mjs";
 import { Ref } from "react";
-
 //#region src/FormModal/type.d.ts
 type PickModalProps = Pick<ModalProps, 'style' | 'className' | 'allowFullscreen' | 'title' | 'width' | 'onCancel' | 'open' | 'centered' | 'destroyOnHidden' | 'paddings' | 'height' | 'enableResponsive' | 'afterClose' | 'afterOpenChange' | 'zIndex' | 'mask' | 'getContainer' | 'keyboard' | 'forceRender' | 'focusTriggerAfterClose' | 'closable' | 'loading' | 'closeIcon'>;
 type PickFormProps = Omit<FormProps, 'className' | 'style' | 'title' | 'styles' | 'classNames'>;

package/es/Freeze/Freeze.d.mts

@@ -1,14 +1,9 @@
 import { FreezeProps } from "./type.mjs";
-import * as _$react from "react";
-
 //#region src/Freeze/Freeze.d.ts
 declare const Freeze: {
-  ({
-    frozen,
-    children
-  }: FreezeProps): _$react.JSX.Element;
+  ({ frozen, children }: FreezeProps): import("react").JSX.Element;
   displayName: string;
 };
 //#endregion
-export { Freeze };
+export { Freeze as default };
 //# sourceMappingURL=Freeze.d.mts.map

package/es/Freeze/Freeze.mjs

@@ -7,7 +7,7 @@ const Suspend = () => {
 	throw infinitePromise;
 };
 const snapshotDisplays = (root) => {
-	const snapshot = new Map([[root, root.style.display]]);
+	const snapshot = /* @__PURE__ */ new Map([[root, root.style.display]]);
 	for (const element of root.querySelectorAll("*")) snapshot.set(element, element.style.display);
 	return snapshot;
 };

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,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"}
+{"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,CAAC,CAAC;AACnD,MAAM,gBAAgB;CACpB,MAAM;AACR;AAEA,MAAM,oBAAoB,SAAsB;CAC9C,MAAM,2BAAW,IAAI,IAAyB,CAAC,CAAC,MAAM,KAAK,MAAM,OAAO,CAAC,CAAC;CAE1E,KAAK,MAAM,WAAW,KAAK,iBAA8B,GAAG,GAC1D,SAAS,IAAI,SAAS,QAAQ,MAAM,OAAO;CAG7C,OAAO;AACT;AAEA,MAAM,kCAAkC,SAAsB,oBAA4B;CACxF,IAAI,QAAQ,MAAM,YAAY,QAAQ;CACtC,IAAI,oBAAoB,QAAQ;CAEhC,QAAQ,MAAM,UAAU;AAC1B;AAEA,MAAM,gCAAgC,aAAuC;CAC3E,KAAK,MAAM,CAAC,SAAS,oBAAoB,UACvC,+BAA+B,SAAS,eAAe;AAE3D;AAEA,MAAM,UAAU,EAAE,QAAQ,eAA4B;CACpD,MAAM,aAAa,OAAuB,IAAI;CAC9C,MAAM,iBAAiB,OAAO,KAAK;CACnC,MAAM,qBAAqB,uBAAiC,IAAI,IAAI,CAAC;CAErE,MAAM,gBAAgB,UAAU,eAAe;CAE/C,sBAAsB;EACpB,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,SAAS;EAEd,IAAI,CAAC,QAAQ;GACX,mBAAmB,UAAU,iBAAiB,OAAO;GACrD,eAAe,UAAU;GACzB;EACF;EAEA,IAAI,CAAC,eAAe,SAAS;GAC3B,mBAAmB,UAAU,iBAAiB,OAAO;GACrD,eAAe,UAAU;GACzB;EACF;EAEA,6BAA6B,mBAAmB,OAAO;CACzD,CAAC;CAED,sBAAsB;EACpB,IAAI,CAAC,eAAe;EAEpB,MAAM,WAAW,mBAAmB;EACpC,MAAM,WAAW,IAAI,kBAAkB,cAAc;GACnD,KAAK,MAAM,YAAY,WAAW;IAChC,MAAM,UAAU,SAAS;IACzB,MAAM,kBAAkB,SAAS,IAAI,OAAO;IAC5C,IAAI,oBAAoB,KAAA,GAAW;IAEnC,+BAA+B,SAAS,eAAe;GACzD;EACF,CAAC;EAED,KAAK,MAAM,WAAW,SAAS,KAAK,GAClC,SAAS,QAAQ,SAAS;GAAE,iBAAiB,CAAC,OAAO;GAAG,YAAY;EAAK,CAAC;EAG5E,6BAA6B,QAAQ;EAErC,aAAa,SAAS,WAAW;CACnC,GAAG,CAAC,aAAa,CAAC;CAElB,OACE,qBAAC,UAAD;EAAU,UAAU;YAApB,CACG,iBAAiB,oBAAC,SAAD,CAAU,CAAA,GAC5B,oBAAC,OAAD;GAAK,KAAK;GAAY,OAAO,EAAE,SAAS,WAAW;GAChD;EACE,CAAA,CACG;;AAEd;AAEA,OAAO,cAAc"}

package/es/Freeze/index.d.mts

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

package/es/Freeze/type.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region src/Freeze/type.d.ts
 interface FreezeProps {
   children: ReactNode;

package/es/Grid/Grid.d.mts

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

package/es/Grid/Grid.mjs.map

@@ -1 +1 @@
-{"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,SAAO;GAJL,cAAc,SAAS,IAAI,GAAG,MAAM,GAAG,IAAI;GAC3C,yBAAyB,SAAS,aAAa,GAAG,eAAe,GAAG,aAAa;GACjF,eAAe,GAAG;GAET;IACV;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"}
+{"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;EAMzD,OAAO;GAJL,cAAc,SAAS,GAAG,IAAI,MAAM,GAAG,IAAI;GAC3C,yBAAyB,SAAS,YAAY,IAAI,eAAe,GAAG,aAAa;GACjF,eAAe,GAAG;EAEV;CACZ,GAAG;EAAC;EAAK;EAAc;CAAI,CAAC;CAE5B,OACE,oBAACA,mBAAD;EACE,WAAW,GAAG,QAAQ,SAAS;EAC1B;EACA;EACL,OAAO;GACL,GAAG;GACH,GAAG;EACL;EACA,GAAI;EAEH;CACM,CAAA;AAEb;AAEA,KAAK,cAAc"}

package/es/Grid/index.d.mts

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

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,UAAU;AACpD,QAAO,GAAG;;;;;;;;;;;;;;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;CACpD,OAAO,GAAG;;;;;;;;;;;;;;AAcZ,CAAC"}

package/es/Grid/type.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { Ref } from "react";
-
 //#region src/Grid/type.d.ts
 interface GridProps extends Omit<FlexboxProps, 'gap'> {
   gap?: string | number;

package/es/GroupAvatar/GroupAvatar.d.mts

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

package/es/GroupAvatar/GroupAvatar.mjs.map

@@ -1 +1 @@
-{"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"}
+{"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,CAAC,GACX,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,IAAK;EAC1E,MAAM,UAAU,KAAK,OAAO,OAAO,aAAa,aAAa,WAAW,IAAI,EAAE;EAE9E,OAAO;GACL;GACA;GACA;GACA,WAAW,aAAa,WAAW;GACnC,cAAc,aAAa;EAC7B;CACF,GAAG;EAAC;EAAS;EAAM;EAAM;CAAW,CAAC;CAErC,MAAM,cAAc,cACZ,SAAS,MAAM,GAAG,SAAS,WAAW,SAAS,QAAQ,GAC7D,CAAC,SAAS,SAAS,QAAQ,CAC7B;CAEA,MAAM,WAAW,aAAa,WAAW;CAEzC,OACE,oBAAC,OAAD;EACE,OAAO;EACP,WAAW,GAAG,SAAS,EAAE,YAAY,CAAC,GAAG,SAAS;EAClD,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;IAChC,IAAI,OAAO,SAAS,UAClB,OACE,oBAAC,QAAD;KACE,QAAQ;KAER,OAAO;KACP,MAAM,WAAW,OAAO,KAAM,SAAS;IACxC,GAHM,KAGN;IAEL,OACE,oBAAC,QAAD;KAEE,GAAI;KACJ,OAAO;KACP,MAAM,WAAW,OAAO,KAAM,SAAS;IACxC,GAJM,KAIN;GAEL,CAAC;EACG,CAAA;CACD,CAAA;AAEX"}

package/es/GroupAvatar/index.d.mts

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

package/es/GroupAvatar/style.mjs

@@ -42,6 +42,6 @@ const variants = cva(styles.root, {
 	} }
 });
 //#endregion
-export { variants };
+export { styles, 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,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"}
+{"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;;;;;CAMrD,OAAO;EACL,QAAQ,oBAAoB,QAAQ;EACpC,KAAK,oBAAoB,KAAK;EAC9B,MAAM,GAAG;;;;;;;;;;;;EAYT,OAAO,oBAAoB,OAAO;EAClC,QAAQ,oBAAoB,QAAQ;EACpC,QAAQ,oBAAoB,QAAQ;EACpC,UAAU,oBAAoB,UAAU;CAC1C;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,aAAa,WACf;CAEA,UAAU,EACR,aAAa;EACX,QAAQ,OAAO;EACf,KAAK,OAAO;EACZ,OAAO,OAAO;EACd,QAAQ,OAAO;EACf,QAAQ,OAAO;EACf,UAAU,OAAO;CACnB,EACF;AACF,CAAC"}

package/es/GroupAvatar/type.d.mts

@@ -2,7 +2,6 @@ import { BlockProps } from "../Block/type.mjs";
 import { AvatarProps } from "../Avatar/type.mjs";
 import { SMOOTH_CORNER_MASKS } from "../utils/smoothCorners.mjs";
 import { Ref } from "react";
-
 //#region src/GroupAvatar/type.d.ts
 type AvatarItem = string | Omit<AvatarProps, 'size'>;
 interface GroupAvatarProps extends Omit<BlockProps, 'width' | 'height' | 'variant'> {

package/es/GuideCard/GuideCard.d.mts

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

package/es/GuideCard/GuideCard.mjs.map

@@ -1 +1 @@
-{"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"}
+{"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,IAAI;CACrC,MAAM,EAAE,eAAe,aAAa;CAEpC,IAAI,CAAC,MAAM,OAAO;CAElB,OACE,qBAACA,mBAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAY;GAAQ;EAAQ,CAAC,GAAG,SAAS;EAC7D;EACL,GAAI;YAHN;GAKG,YACC,oBAAC,YAAD;IACE,MAAM;IACN,GAAI;IACJ,WAAW,GAAG,OAAO,OAAO,gBAAgB,SAAS;IACrD,MAAM;IACN,UAAU,MAAM;KACd,QAAQ,KAAK;KACb,UAAU,CAAC;KACX,aAAa;IACf;GACD,CAAA;GAEF,SACC,oBAAC,KAAD;IACO;IACL,WAAW,GAAG,OAAO,OAAO,YAAY,KAAK;IACrC;IACR,KAAK;IACL,OAAO,cAAc;IACd;IACP,GAAI;GACL,CAAA;GAEH,qBAACA,mBAAD;IACE,WAAW,GAAG,OAAO,SAAS,YAAY,OAAO;IACjD,KAAK;IACL,OAAO,cAAc;cAHvB,CAKG,SAAS,oBAAC,OAAD;KAAK,WAAW,OAAO;eAAQ;IAAW,CAAA,GACnD,QAAQ,oBAAC,OAAD;KAAK,WAAW,OAAO;eAAO;IAAU,CAAA,CAC1C;;EACF;;AAEb,CACF;AAEA,UAAU,cAAc"}

package/es/GuideCard/index.d.mts

@@ -1,2 +1,3 @@
 import { GuideCardProps } from "./type.mjs";
-import { GuideCard } from "./GuideCard.mjs";
+import GuideCard from "./GuideCard.mjs";
+export { type GuideCardProps, GuideCard as default };

package/es/GuideCard/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/GuideCard/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n  close: css`\n    position: absolute;\n    inset-block-start: 8px;\n    inset-inline-end: 8px;\n  `,\n  content: css`\n    padding: 16px;\n  `,\n  cover: css`\n    align-self: center;\n  `,\n  desc: css`\n    color: ${cssVar.colorTextDescription};\n  `,\n  filledDark: css`\n    ${lobeStaticStylish.variantFilledWithoutHover};\n    background: linear-gradient(\n      to bottom,\n      ${cssVar.colorFillTertiary},\n      ${cssVar.colorFillQuaternary}\n    );\n  `,\n  filledLight: css`\n    ${lobeStaticStylish.variantFilledWithoutHover};\n    background: linear-gradient(\n      to bottom,\n      ${cssVar.colorFillQuaternary},\n      ${cssVar.colorFillTertiary}\n    );\n  `,\n  outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  root: css`\n    position: relative;\n    overflow: hidden;\n    border-radius: ${cssVar.borderRadiusLG};\n  `,\n  shadow: lobeStaticStylish.shadow,\n  title: css`\n    font-size: 16px;\n    font-weight: bold;\n  `,\n}));\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.filledDark,\n      isDarkMode: true,\n      variant: 'filled',\n    },\n    {\n      class: styles.filledLight,\n      isDarkMode: false,\n      variant: 'filled',\n    },\n  ],\n  defaultVariants: {\n    isDarkMode: false,\n    shadow: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    isDarkMode: {\n      false: null,\n      true: null,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: null,\n      outlined: styles.outlined,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,YAAYA,cAAkB;CAC9B,OAAO,GAAG;;;;;CAKV,SAAS,GAAG;;;CAGZ,OAAO,GAAG;;;CAGV,MAAM,GAAG;aACE,OAAO,qBAAqB;;CAEvC,YAAY,GAAG;MACXA,cAAkB,0BAA0B;;;QAG1C,OAAO,kBAAkB;QACzB,OAAO,oBAAoB;;;CAGjC,aAAa,GAAG;MACZA,cAAkB,0BAA0B;;;QAG1C,OAAO,oBAAoB;QAC3B,OAAO,kBAAkB;;;CAG/B,UAAUA,cAAkB;CAC5B,MAAM,GAAG;;;qBAGU,OAAO,eAAe;;CAEzC,QAAQA,cAAkB;CAC1B,OAAO,GAAG;;;;CAIX,EAAE;AAEH,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB,CAChB;EACE,OAAO,OAAO;EACd,YAAY;EACZ,SAAS;EACV,EACD;EACE,OAAO,OAAO;EACd,YAAY;EACZ,SAAS;EACV,CACF;CACD,iBAAiB;EACf,YAAY;EACZ,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,YAAY;GACV,OAAO;GACP,MAAM;GACP;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ;GACR,UAAU,OAAO;GAClB;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/GuideCard/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n  close: css`\n    position: absolute;\n    inset-block-start: 8px;\n    inset-inline-end: 8px;\n  `,\n  content: css`\n    padding: 16px;\n  `,\n  cover: css`\n    align-self: center;\n  `,\n  desc: css`\n    color: ${cssVar.colorTextDescription};\n  `,\n  filledDark: css`\n    ${lobeStaticStylish.variantFilledWithoutHover};\n    background: linear-gradient(\n      to bottom,\n      ${cssVar.colorFillTertiary},\n      ${cssVar.colorFillQuaternary}\n    );\n  `,\n  filledLight: css`\n    ${lobeStaticStylish.variantFilledWithoutHover};\n    background: linear-gradient(\n      to bottom,\n      ${cssVar.colorFillQuaternary},\n      ${cssVar.colorFillTertiary}\n    );\n  `,\n  outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  root: css`\n    position: relative;\n    overflow: hidden;\n    border-radius: ${cssVar.borderRadiusLG};\n  `,\n  shadow: lobeStaticStylish.shadow,\n  title: css`\n    font-size: 16px;\n    font-weight: bold;\n  `,\n}));\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.filledDark,\n      isDarkMode: true,\n      variant: 'filled',\n    },\n    {\n      class: styles.filledLight,\n      isDarkMode: false,\n      variant: 'filled',\n    },\n  ],\n  defaultVariants: {\n    isDarkMode: false,\n    shadow: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    isDarkMode: {\n      false: null,\n      true: null,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: null,\n      outlined: styles.outlined,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,YAAYA,cAAkB;CAC9B,OAAO,GAAG;;;;;CAKV,SAAS,GAAG;;;CAGZ,OAAO,GAAG;;;CAGV,MAAM,GAAG;aACE,OAAO,qBAAqB;;CAEvC,YAAY,GAAG;MACXA,cAAkB,0BAA0B;;;QAG1C,OAAO,kBAAkB;QACzB,OAAO,oBAAoB;;;CAGjC,aAAa,GAAG;MACZA,cAAkB,0BAA0B;;;QAG1C,OAAO,oBAAoB;QAC3B,OAAO,kBAAkB;;;CAG/B,UAAUA,cAAkB;CAC5B,MAAM,GAAG;;;qBAGU,OAAO,eAAe;;CAEzC,QAAQA,cAAkB;CAC1B,OAAO,GAAG;;;;AAIZ,EAAE;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB,CAChB;EACE,OAAO,OAAO;EACd,YAAY;EACZ,SAAS;CACX,GACA;EACE,OAAO,OAAO;EACd,YAAY;EACZ,SAAS;CACX,CACF;CACA,iBAAiB;EACf,YAAY;EACZ,QAAQ;EACR,SAAS;CACX;CAEA,UAAU;EACR,YAAY;GACV,OAAO;GACP,MAAM;EACR;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ;GACR,UAAU,OAAO;EACnB;CACF;AACF,CAAC"}

package/es/GuideCard/type.d.mts

@@ -1,9 +1,10 @@
 import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { ImgProps } from "../types/index.mjs";
 import { ActionIconProps } from "../ActionIcon/type.mjs";
+import "../ActionIcon/index.mjs";
 import { CSSProperties, ReactNode, Ref } from "react";
 import { ImageProps } from "antd";
-
 //#region src/GuideCard/type.d.ts
 interface GuideCardProps extends Omit<FlexboxProps, 'title'> {
   afterClose?: () => void;

package/es/Header/Header.d.mts

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

package/es/Header/Header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.mjs","names":["Flexbox"],"sources":["../../src/Header/Header.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { HeaderProps } from './type';\n\nconst Header = memo<HeaderProps>(\n  ({\n    actionsClassName,\n    navClassName,\n    logoClassName,\n    nav,\n    logo,\n    actions,\n    actionsStyle,\n    logoStyle,\n    navStyle,\n    className,\n    children,\n    ref,\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n\n    return (\n      <Flexbox\n        horizontal\n        align={'center'}\n        as={'section'}\n        className={cx(styles.root, className)}\n        distribution={'space-between'}\n        ref={ref}\n        width={'auto'}\n        {...rest}\n      >\n        {mobile ? (\n          <>\n            <Flexbox className={actionsClassName} style={{ flex: 0, ...navStyle }}>\n              {nav}\n              {children}\n            </Flexbox>\n            <Flexbox\n              horizontal\n              className={cx(styles.left, logoClassName)}\n              style={{ flex: 1, overflow: 'hidden', ...logoStyle }}\n            >\n              {logo}\n            </Flexbox>\n            <Flexbox className={actionsClassName} style={{ flex: 0, ...actionsStyle }}>\n              {actions}\n            </Flexbox>\n          </>\n        ) : (\n          <>\n            <Flexbox\n              horizontal\n              className={cx(styles.left, logoClassName)}\n              style={{ flex: 0, ...logoStyle }}\n            >\n              {logo}\n            </Flexbox>\n            <Flexbox\n              className={navClassName}\n              style={{ flex: 1, marginLeft: 48, overflow: 'hidden', ...navStyle }}\n            >\n              {nav}\n              {children}\n            </Flexbox>\n            <Flexbox\n              horizontal\n              className={cx(styles.right, actionsClassName)}\n              flex={1}\n              justify={'space-between'}\n              style={actionsStyle}\n            >\n              <div />\n              <Flexbox horizontal align={'center'} gap={8}>\n                {actions}\n              </Flexbox>\n            </Flexbox>\n          </>\n        )}\n      </Flexbox>\n    );\n  },\n);\n\nHeader.displayName = 'Header';\n\nexport default Header;\n"],"mappings":";;;;;;;AAUA,MAAM,SAAS,MACZ,EACC,kBACA,cACA,eACA,KACA,MACA,SACA,cACA,WACA,UACA,WACA,UACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,eAAe;AAElC,QACE,oBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,IAAI;EACJ,WAAW,GAAG,OAAO,MAAM,UAAU;EACrC,cAAc;EACT;EACL,OAAO;EACP,GAAI;YAEH,SACC,qBAAA,YAAA,EAAA,UAAA;GACE,qBAACA,mBAAD;IAAS,WAAW;IAAkB,OAAO;KAAE,MAAM;KAAG,GAAG;KAAU;cAArE,CACG,KACA,SACO;;GACV,oBAACA,mBAAD;IACE,YAAA;IACA,WAAW,GAAG,OAAO,MAAM,cAAc;IACzC,OAAO;KAAE,MAAM;KAAG,UAAU;KAAU,GAAG;KAAW;cAEnD;IACO,CAAA;GACV,oBAACA,mBAAD;IAAS,WAAW;IAAkB,OAAO;KAAE,MAAM;KAAG,GAAG;KAAc;cACtE;IACO,CAAA;GACT,EAAA,CAAA,GAEH,qBAAA,YAAA,EAAA,UAAA;GACE,oBAACA,mBAAD;IACE,YAAA;IACA,WAAW,GAAG,OAAO,MAAM,cAAc;IACzC,OAAO;KAAE,MAAM;KAAG,GAAG;KAAW;cAE/B;IACO,CAAA;GACV,qBAACA,mBAAD;IACE,WAAW;IACX,OAAO;KAAE,MAAM;KAAG,YAAY;KAAI,UAAU;KAAU,GAAG;KAAU;cAFrE,CAIG,KACA,SACO;;GACV,qBAACA,mBAAD;IACE,YAAA;IACA,WAAW,GAAG,OAAO,OAAO,iBAAiB;IAC7C,MAAM;IACN,SAAS;IACT,OAAO;cALT,CAOE,oBAAC,OAAD,EAAO,CAAA,EACP,oBAACA,mBAAD;KAAS,YAAA;KAAW,OAAO;KAAU,KAAK;eACvC;KACO,CAAA,CACF;;GACT,EAAA,CAAA;EAEG,CAAA;EAGf;AAED,OAAO,cAAc"}
+{"version":3,"file":"Header.mjs","names":["Flexbox"],"sources":["../../src/Header/Header.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { HeaderProps } from './type';\n\nconst Header = memo<HeaderProps>(\n  ({\n    actionsClassName,\n    navClassName,\n    logoClassName,\n    nav,\n    logo,\n    actions,\n    actionsStyle,\n    logoStyle,\n    navStyle,\n    className,\n    children,\n    ref,\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n\n    return (\n      <Flexbox\n        horizontal\n        align={'center'}\n        as={'section'}\n        className={cx(styles.root, className)}\n        distribution={'space-between'}\n        ref={ref}\n        width={'auto'}\n        {...rest}\n      >\n        {mobile ? (\n          <>\n            <Flexbox className={actionsClassName} style={{ flex: 0, ...navStyle }}>\n              {nav}\n              {children}\n            </Flexbox>\n            <Flexbox\n              horizontal\n              className={cx(styles.left, logoClassName)}\n              style={{ flex: 1, overflow: 'hidden', ...logoStyle }}\n            >\n              {logo}\n            </Flexbox>\n            <Flexbox className={actionsClassName} style={{ flex: 0, ...actionsStyle }}>\n              {actions}\n            </Flexbox>\n          </>\n        ) : (\n          <>\n            <Flexbox\n              horizontal\n              className={cx(styles.left, logoClassName)}\n              style={{ flex: 0, ...logoStyle }}\n            >\n              {logo}\n            </Flexbox>\n            <Flexbox\n              className={navClassName}\n              style={{ flex: 1, marginLeft: 48, overflow: 'hidden', ...navStyle }}\n            >\n              {nav}\n              {children}\n            </Flexbox>\n            <Flexbox\n              horizontal\n              className={cx(styles.right, actionsClassName)}\n              flex={1}\n              justify={'space-between'}\n              style={actionsStyle}\n            >\n              <div />\n              <Flexbox horizontal align={'center'} gap={8}>\n                {actions}\n              </Flexbox>\n            </Flexbox>\n          </>\n        )}\n      </Flexbox>\n    );\n  },\n);\n\nHeader.displayName = 'Header';\n\nexport default Header;\n"],"mappings":";;;;;;;AAUA,MAAM,SAAS,MACZ,EACC,kBACA,cACA,eACA,KACA,MACA,SACA,cACA,WACA,UACA,WACA,UACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,cAAc;CAEjC,OACE,oBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,IAAI;EACJ,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,cAAc;EACT;EACL,OAAO;EACP,GAAI;YAEH,SACC,qBAAA,YAAA,EAAA,UAAA;GACE,qBAACA,mBAAD;IAAS,WAAW;IAAkB,OAAO;KAAE,MAAM;KAAG,GAAG;IAAS;cAApE,CACG,KACA,QACM;;GACT,oBAACA,mBAAD;IACE,YAAA;IACA,WAAW,GAAG,OAAO,MAAM,aAAa;IACxC,OAAO;KAAE,MAAM;KAAG,UAAU;KAAU,GAAG;IAAU;cAElD;GACM,CAAA;GACT,oBAACA,mBAAD;IAAS,WAAW;IAAkB,OAAO;KAAE,MAAM;KAAG,GAAG;IAAa;cACrE;GACM,CAAA;EACT,EAAA,CAAA,IAEF,qBAAA,YAAA,EAAA,UAAA;GACE,oBAACA,mBAAD;IACE,YAAA;IACA,WAAW,GAAG,OAAO,MAAM,aAAa;IACxC,OAAO;KAAE,MAAM;KAAG,GAAG;IAAU;cAE9B;GACM,CAAA;GACT,qBAACA,mBAAD;IACE,WAAW;IACX,OAAO;KAAE,MAAM;KAAG,YAAY;KAAI,UAAU;KAAU,GAAG;IAAS;cAFpE,CAIG,KACA,QACM;;GACT,qBAACA,mBAAD;IACE,YAAA;IACA,WAAW,GAAG,OAAO,OAAO,gBAAgB;IAC5C,MAAM;IACN,SAAS;IACT,OAAO;cALT,CAOE,oBAAC,OAAD,CAAM,CAAA,GACN,oBAACA,mBAAD;KAAS,YAAA;KAAW,OAAO;KAAU,KAAK;eACvC;IACM,CAAA,CACF;;EACT,EAAA,CAAA;CAEG,CAAA;AAEb,CACF;AAEA,OAAO,cAAc"}

package/es/Header/index.d.mts

@@ -1,3 +1,3 @@
 import { HeaderProps } from "./type.mjs";
-import { Header } from "./Header.mjs";
-export { HeaderProps, Header as default };
+import Header from "./Header.mjs";
+export { type HeaderProps, Header as default };

package/es/Header/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Header/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar, responsive }) => ({\n  left: css`\n    z-index: 10;\n  `,\n  right: css`\n    z-index: 10;\n\n    &-aside {\n      display: flex;\n      align-items: center;\n\n      ${responsive.sm} {\n        justify-content: center;\n\n        margin-block: 8px;\n        margin-inline: 16px;\n        padding-block-start: 24px;\n        border-block-start: 1px solid ${cssVar.colorBorder};\n      }\n    }\n  `,\n  root: css`\n    grid-area: head;\n    align-self: stretch;\n\n    width: 100%;\n    height: 64px;\n    padding-block: 0;\n    padding-inline: 24px;\n    border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n\n    background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 40%, transparent);\n\n    ${responsive.sm} {\n      padding-block: 0;\n      padding-inline: 12px;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,QAAQ,kBAAkB;CACzE,MAAM,GAAG;;;CAGT,OAAO,GAAG;;;;;;;QAOJ,WAAW,GAAG;;;;;;wCAMkB,OAAO,YAAY;;;;CAIzD,MAAM,GAAG;;;;;;;;kCAQuB,OAAO,qBAAqB;;2CAEnB,OAAO,cAAc;;MAE1D,WAAW,GAAG;;;;;CAKnB,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Header/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar, responsive }) => ({\n  left: css`\n    z-index: 10;\n  `,\n  right: css`\n    z-index: 10;\n\n    &-aside {\n      display: flex;\n      align-items: center;\n\n      ${responsive.sm} {\n        justify-content: center;\n\n        margin-block: 8px;\n        margin-inline: 16px;\n        padding-block-start: 24px;\n        border-block-start: 1px solid ${cssVar.colorBorder};\n      }\n    }\n  `,\n  root: css`\n    grid-area: head;\n    align-self: stretch;\n\n    width: 100%;\n    height: 64px;\n    padding-block: 0;\n    padding-inline: 24px;\n    border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n\n    background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 40%, transparent);\n\n    ${responsive.sm} {\n      padding-block: 0;\n      padding-inline: 12px;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,QAAQ,kBAAkB;CACzE,MAAM,GAAG;;;CAGT,OAAO,GAAG;;;;;;;QAOJ,WAAW,GAAG;;;;;;wCAMkB,OAAO,YAAY;;;;CAIzD,MAAM,GAAG;;;;;;;;kCAQuB,OAAO,qBAAqB;;2CAEnB,OAAO,cAAc;;MAE1D,WAAW,GAAG;;;;;AAKpB,EAAE"}

package/es/Header/type.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { CSSProperties, ReactNode, Ref } from "react";
-
 //#region src/Header/type.d.ts
 interface HeaderProps extends FlexboxProps {
   actions?: ReactNode;

package/es/Highlighter/FullFeatured.mjs

@@ -6,7 +6,7 @@ import ActionIcon from "../ActionIcon/ActionIcon.mjs";
 import MaterialFileTypeIcon from "../MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
 import { getCodeLanguageDisplayName, getCodeLanguageFilename } from "./const.mjs";
 import CopyButton from "../CopyButton/CopyButton.mjs";
-import LangSelect from "./LangSelect.mjs";
+import { LangSelect } from "./LangSelect.mjs";
 import { bodyVariants, headerVariants, variants } from "./style.mjs";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -133,6 +133,6 @@ const HighlighterFullFeatured = memo(({ content, language, setLanguage, showLang
 	});
 });
 //#endregion
-export { HighlighterFullFeatured as default };
+export { HighlighterFullFeatured, HighlighterFullFeatured as default };
 
 //# sourceMappingURL=FullFeatured.mjs.map

package/es/Highlighter/FullFeatured.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FullFeatured.mjs","names":["Flexbox"],"sources":["../../src/Highlighter/FullFeatured.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport { memo, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport { getCodeLanguageDisplayName, getCodeLanguageFilename } from '@/Highlighter/const';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\nimport Text from '@/Text';\nimport { stopPropagation } from '@/utils/dom';\n\nimport LangSelect from './LangSelect';\nimport { bodyVariants, headerVariants, variants } from './style';\nimport { type HighlighterProps } from './type';\n\ninterface HeaderLanguageProps {\n  allowChangeLanguage: boolean;\n  displayName: string;\n  fileName?: string;\n  filetype: string;\n  icon?: ReactNode;\n  language: string;\n  setLanguage?: (language: string) => void;\n  showLanguage?: boolean;\n}\n\nconst HeaderLanguage = memo<HeaderLanguageProps>(\n  ({\n    allowChangeLanguage,\n    displayName,\n    fileName,\n    filetype,\n    icon,\n    language,\n    setLanguage,\n    showLanguage,\n  }) => {\n    if (!showLanguage) return null;\n\n    if (allowChangeLanguage && !fileName)\n      return <LangSelect value={language.toLowerCase()} onSelect={setLanguage} />;\n\n    return (\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={'languageTitle'}\n        flex={1}\n        gap={4}\n        justify={'flex-start'}\n        paddingInline={8}\n      >\n        {icon || (\n          <MaterialFileTypeIcon\n            fallbackUnknownType={false}\n            filename={filetype}\n            size={18}\n            type={'file'}\n            variant={'raw'}\n          />\n        )}\n        <Text ellipsis fontSize={13}>\n          {displayName}\n        </Text>\n      </Flexbox>\n    );\n  },\n  (prev, next) =>\n    prev.allowChangeLanguage === next.allowChangeLanguage &&\n    prev.displayName === next.displayName &&\n    prev.fileName === next.fileName &&\n    prev.filetype === next.filetype &&\n    prev.icon === next.icon &&\n    prev.language === next.language &&\n    prev.setLanguage === next.setLanguage &&\n    prev.showLanguage === next.showLanguage,\n);\n\ninterface HighlighterFullFeaturedProps extends Omit<\n  HighlighterProps,\n  'children' | 'bodyRender' | 'enableTransformer'\n> {\n  content: string;\n  setLanguage?: (language: string) => void;\n}\n\nexport const HighlighterFullFeatured = memo<HighlighterFullFeaturedProps & { children: ReactNode }>(\n  ({\n    content,\n    language,\n    setLanguage,\n    showLanguage,\n    className,\n    classNames,\n    styles: customStyles,\n    style,\n    allowChangeLanguage = false,\n    fileName,\n    icon,\n    actionsRender,\n    copyable,\n    variant,\n    shadow,\n    wrap,\n    defaultExpand = true,\n    children,\n    ...rest\n  }) => {\n    const [expand, setExpand] = useState(defaultExpand);\n    const contentRef = useRef(content);\n\n    useEffect(() => {\n      contentRef.current = content;\n    }, [content]);\n\n    const getContent = useCallback(() => contentRef.current, []);\n\n    const originalActions = useMemo(() => {\n      if (!copyable) return null;\n      return <CopyButton content={getContent} size={'small'} />;\n    }, [copyable, getContent]);\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return originalActions;\n      return actionsRender({\n        actionIconSize: 'small',\n        content,\n        getContent,\n        language,\n        originalNode: originalActions,\n      });\n    }, [actionsRender, content, getContent, language, originalActions]);\n\n    const displayName = useMemo(() => {\n      if (fileName) return fileName;\n      return getCodeLanguageDisplayName(language);\n    }, [fileName, language]);\n\n    const filetype = useMemo(() => {\n      if (fileName) return fileName;\n      return getCodeLanguageFilename(language);\n    }, [fileName, language]);\n\n    const handleToggleExpand = useCallback(() => {\n      setExpand((prev) => !prev);\n    }, []);\n\n    return (\n      <Flexbox\n        className={cx(variants({ shadow, variant, wrap }), className)}\n        data-code-type=\"highlighter\"\n        style={style}\n        {...rest}\n      >\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={cx(headerVariants({ variant }), classNames?.header)}\n          justify={'space-between'}\n          style={customStyles?.header}\n          onClick={handleToggleExpand}\n        >\n          <HeaderLanguage\n            allowChangeLanguage={allowChangeLanguage}\n            displayName={displayName}\n            fileName={fileName}\n            filetype={filetype}\n            icon={icon}\n            language={language}\n            setLanguage={setLanguage}\n            showLanguage={showLanguage}\n          />\n          <Flexbox horizontal align={'center'} flex={'none'} gap={4} onClick={stopPropagation}>\n            <Flexbox horizontal align={'center'} className={'panel-actions'} flex={'none'} gap={4}>\n              {actions}\n            </Flexbox>\n            <ActionIcon\n              icon={expand ? ChevronDown : ChevronRight}\n              size={'small'}\n              onClick={handleToggleExpand}\n            />\n          </Flexbox>\n        </Flexbox>\n        <Flexbox\n          className={cx(bodyVariants({ expand }), classNames?.body)}\n          style={customStyles?.body}\n        >\n          {children}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nexport default HighlighterFullFeatured;\n"],"mappings":"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"}
+{"version":3,"file":"FullFeatured.mjs","names":["Flexbox"],"sources":["../../src/Highlighter/FullFeatured.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport { memo, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport { getCodeLanguageDisplayName, getCodeLanguageFilename } from '@/Highlighter/const';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\nimport Text from '@/Text';\nimport { stopPropagation } from '@/utils/dom';\n\nimport LangSelect from './LangSelect';\nimport { bodyVariants, headerVariants, variants } from './style';\nimport { type HighlighterProps } from './type';\n\ninterface HeaderLanguageProps {\n  allowChangeLanguage: boolean;\n  displayName: string;\n  fileName?: string;\n  filetype: string;\n  icon?: ReactNode;\n  language: string;\n  setLanguage?: (language: string) => void;\n  showLanguage?: boolean;\n}\n\nconst HeaderLanguage = memo<HeaderLanguageProps>(\n  ({\n    allowChangeLanguage,\n    displayName,\n    fileName,\n    filetype,\n    icon,\n    language,\n    setLanguage,\n    showLanguage,\n  }) => {\n    if (!showLanguage) return null;\n\n    if (allowChangeLanguage && !fileName)\n      return <LangSelect value={language.toLowerCase()} onSelect={setLanguage} />;\n\n    return (\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={'languageTitle'}\n        flex={1}\n        gap={4}\n        justify={'flex-start'}\n        paddingInline={8}\n      >\n        {icon || (\n          <MaterialFileTypeIcon\n            fallbackUnknownType={false}\n            filename={filetype}\n            size={18}\n            type={'file'}\n            variant={'raw'}\n          />\n        )}\n        <Text ellipsis fontSize={13}>\n          {displayName}\n        </Text>\n      </Flexbox>\n    );\n  },\n  (prev, next) =>\n    prev.allowChangeLanguage === next.allowChangeLanguage &&\n    prev.displayName === next.displayName &&\n    prev.fileName === next.fileName &&\n    prev.filetype === next.filetype &&\n    prev.icon === next.icon &&\n    prev.language === next.language &&\n    prev.setLanguage === next.setLanguage &&\n    prev.showLanguage === next.showLanguage,\n);\n\ninterface HighlighterFullFeaturedProps extends Omit<\n  HighlighterProps,\n  'children' | 'bodyRender' | 'enableTransformer'\n> {\n  content: string;\n  setLanguage?: (language: string) => void;\n}\n\nexport const HighlighterFullFeatured = memo<HighlighterFullFeaturedProps & { children: ReactNode }>(\n  ({\n    content,\n    language,\n    setLanguage,\n    showLanguage,\n    className,\n    classNames,\n    styles: customStyles,\n    style,\n    allowChangeLanguage = false,\n    fileName,\n    icon,\n    actionsRender,\n    copyable,\n    variant,\n    shadow,\n    wrap,\n    defaultExpand = true,\n    children,\n    ...rest\n  }) => {\n    const [expand, setExpand] = useState(defaultExpand);\n    const contentRef = useRef(content);\n\n    useEffect(() => {\n      contentRef.current = content;\n    }, [content]);\n\n    const getContent = useCallback(() => contentRef.current, []);\n\n    const originalActions = useMemo(() => {\n      if (!copyable) return null;\n      return <CopyButton content={getContent} size={'small'} />;\n    }, [copyable, getContent]);\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return originalActions;\n      return actionsRender({\n        actionIconSize: 'small',\n        content,\n        getContent,\n        language,\n        originalNode: originalActions,\n      });\n    }, [actionsRender, content, getContent, language, originalActions]);\n\n    const displayName = useMemo(() => {\n      if (fileName) return fileName;\n      return getCodeLanguageDisplayName(language);\n    }, [fileName, language]);\n\n    const filetype = useMemo(() => {\n      if (fileName) return fileName;\n      return getCodeLanguageFilename(language);\n    }, [fileName, language]);\n\n    const handleToggleExpand = useCallback(() => {\n      setExpand((prev) => !prev);\n    }, []);\n\n    return (\n      <Flexbox\n        className={cx(variants({ shadow, variant, wrap }), className)}\n        data-code-type=\"highlighter\"\n        style={style}\n        {...rest}\n      >\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={cx(headerVariants({ variant }), classNames?.header)}\n          justify={'space-between'}\n          style={customStyles?.header}\n          onClick={handleToggleExpand}\n        >\n          <HeaderLanguage\n            allowChangeLanguage={allowChangeLanguage}\n            displayName={displayName}\n            fileName={fileName}\n            filetype={filetype}\n            icon={icon}\n            language={language}\n            setLanguage={setLanguage}\n            showLanguage={showLanguage}\n          />\n          <Flexbox horizontal align={'center'} flex={'none'} gap={4} onClick={stopPropagation}>\n            <Flexbox horizontal align={'center'} className={'panel-actions'} flex={'none'} gap={4}>\n              {actions}\n            </Flexbox>\n            <ActionIcon\n              icon={expand ? ChevronDown : ChevronRight}\n              size={'small'}\n              onClick={handleToggleExpand}\n            />\n          </Flexbox>\n        </Flexbox>\n        <Flexbox\n          className={cx(bodyVariants({ expand }), classNames?.body)}\n          style={customStyles?.body}\n        >\n          {children}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nexport default HighlighterFullFeatured;\n"],"mappings":"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"}

package/es/Highlighter/Highlighter.d.mts

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

package/es/Highlighter/Highlighter.mjs

@@ -5,7 +5,7 @@ import { getCodeLanguageDisplayName } from "./const.mjs";
 import SyntaxHighlighter from "./SyntaxHighlighter/index.mjs";
 import CopyButton from "../CopyButton/CopyButton.mjs";
 import { styles, variants } from "./style.mjs";
-import HighlighterFullFeatured from "./FullFeatured.mjs";
+import { HighlighterFullFeatured } from "./FullFeatured.mjs";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
@@ -143,6 +143,6 @@ const Highlighter = memo(({ animated, fullFeatured, actionIconSize, children, la
 });
 Highlighter.displayName = "Highlighter";
 //#endregion
-export { Highlighter as default };
+export { Highlighter, Highlighter as default };
 
 //# sourceMappingURL=Highlighter.mjs.map