@lobehub/ui 5.20.2 → 5.21.0

package/es/Alert/index.d.mts

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

package/es/Alert/style.mjs

@@ -332,6 +332,6 @@ const extraHeaderVariants = cva(styles.extraHeader, {
 	}
 });
 //#endregion
-export { extraHeaderVariants, extraVariants, rootVariants };
+export { extraHeaderVariants, extraVariants, rootVariants, styles };
 
 //# sourceMappingURL=style.mjs.map

package/es/Alert/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Alert/style.ts"],"sourcesContent":["import { createStaticStyles } 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  return {\n    banner: css`\n      border: none !important;\n      border-radius: 0 !important;\n    `,\n    borderless: css`\n      padding: 0 !important;\n      border: none !important;\n      background: transparent !important;\n    `,\n    borderlessExtraHeaderNoTitle: css`\n      margin-block-start: 8px;\n      padding-inline: 0;\n    `,\n    borderlessExtraHeaderWithTitle: css`\n      margin-block-start: 16px;\n      padding-inline: 0;\n    `,\n    colorfulText: css`\n      .${prefixCls}-alert-message,.${prefixCls}-alert-description {\n        color: inherit;\n      }\n    `,\n    expandText: css`\n      padding-inline-end: 12px;\n\n      &:hover {\n        cursor: pointer;\n      }\n    `,\n    extra: css`\n      position: relative;\n\n      overflow: hidden;\n\n      max-width: 100%;\n      border: 1px solid;\n      border-block-start: none;\n      border-end-start-radius: ${cssVar.borderRadiusLG};\n      border-end-end-radius: ${cssVar.borderRadiusLG};\n    `,\n    extraHeader: css`\n      border-block-start: 1px dashed;\n      border-radius: 0;\n      background: transparent !important;\n    `,\n    filled: css``,\n    glass: lobeStaticStylish.blur,\n    hasExtra: css`\n      border-block-end: none;\n      border-end-start-radius: 0;\n      border-end-end-radius: 0;\n    `,\n    outlined: css`\n      background: transparent !important;\n    `,\n    // Root variants based on closable, hasTitle, showIcon combinations\n    rootBase: css`\n      position: relative;\n\n      display: flex;\n      flex-direction: row;\n      align-items: flex-start;\n\n      max-width: 100%;\n\n      .${prefixCls}-alert-icon {\n        display: flex;\n        align-items: center;\n        height: 24px;\n        margin: 0;\n      }\n      .${prefixCls}-alert-close-icon {\n        display: flex;\n        align-items: center;\n        height: 24px;\n        margin: 0;\n      }\n    `,\n    rootNoTitleNoIconNoClosable: css`\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 12px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    `,\n    rootNoTitleNoIconWithClosable: css`\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 12px 9px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    `,\n    rootNoTitleWithIconNoClosable: css`\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 9px 12px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    `,\n    rootNoTitleWithIconWithClosable: css`\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 9px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    `,\n    rootWithTitleNoIconNoClosable: css`\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 16px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .${prefixCls}-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    `,\n    rootWithTitleNoIconWithClosable: css`\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 16px 12px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .${prefixCls}-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    `,\n    rootWithTitleWithIconNoClosable: css`\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 12px 16px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .${prefixCls}-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    `,\n    rootWithTitleWithIconWithClosable: css`\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 12px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .${prefixCls}-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    `,\n  };\n});\n\nexport const extraVariants = cva(styles.extra, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    banner: {\n      false: null,\n      true: styles.banner,\n    },\n  },\n});\n\nexport const rootVariants = cva(styles.rootBase, {\n  compoundVariants: [\n    {\n      class: styles.rootNoTitleNoIconNoClosable,\n      closable: false,\n      hasTitle: false,\n      showIcon: false,\n    },\n    {\n      class: styles.rootNoTitleNoIconWithClosable,\n      closable: true,\n      hasTitle: false,\n      showIcon: false,\n    },\n    {\n      class: styles.rootNoTitleWithIconNoClosable,\n      closable: false,\n      hasTitle: false,\n      showIcon: true,\n    },\n    {\n      class: styles.rootNoTitleWithIconWithClosable,\n      closable: true,\n      hasTitle: false,\n      showIcon: true,\n    },\n    {\n      class: styles.rootWithTitleNoIconNoClosable,\n      closable: false,\n      hasTitle: true,\n      showIcon: false,\n    },\n    {\n      class: styles.rootWithTitleNoIconWithClosable,\n      closable: true,\n      hasTitle: true,\n      showIcon: false,\n    },\n    {\n      class: styles.rootWithTitleWithIconNoClosable,\n      closable: false,\n      hasTitle: true,\n      showIcon: true,\n    },\n    {\n      class: styles.rootWithTitleWithIconWithClosable,\n      closable: true,\n      hasTitle: true,\n      showIcon: true,\n    },\n  ],\n  defaultVariants: {\n    closable: false,\n    colorfulText: true,\n    glass: false,\n    hasTitle: false,\n    showIcon: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    closable: {\n      false: null,\n      true: null,\n    },\n    colorfulText: {\n      false: null,\n      true: styles.colorfulText,\n    },\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    hasTitle: {\n      false: null,\n      true: null,\n    },\n    showIcon: {\n      false: null,\n      true: null,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: styles.filled,\n      outlined: styles.outlined,\n    },\n    hasExtra: {\n      false: null,\n      true: styles.hasExtra,\n    },\n  },\n});\n\nexport const extraHeaderVariants = cva(styles.extraHeader, {\n  compoundVariants: [\n    {\n      class: styles.borderlessExtraHeaderNoTitle,\n      hasTitle: false,\n      variant: 'borderless',\n    },\n    {\n      class: styles.borderlessExtraHeaderWithTitle,\n      hasTitle: true,\n      variant: 'borderless',\n    },\n  ],\n  defaultVariants: {\n    hasTitle: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    hasTitle: {\n      false: null,\n      true: null,\n    },\n    variant: {\n      borderless: null,\n      filled: null,\n      outlined: null,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,QAAQ,GAAG;;;;EAIX,YAAY,GAAG;;;;;EAKf,8BAA8B,GAAG;;;;EAIjC,gCAAgC,GAAG;;;;EAInC,cAAc,GAAG;SACZ,UAAU,kBAAkB,UAAU;;;;EAI3C,YAAY,GAAG;;;;;;;EAOf,OAAO,GAAG;;;;;;;;iCAQmB,OAAO,eAAe;+BACxB,OAAO,eAAe;;EAEjD,aAAa,GAAG;;;;;EAKhB,QAAQ,GAAG;EACX,OAAOA,cAAkB;EACzB,UAAU,GAAG;;;;;EAKb,UAAU,GAAG;;;EAIb,UAAU,GAAG;;;;;;;;;SASR,UAAU;;;;;;SAMV,UAAU;;;;;;;EAOf,6BAA6B,GAAG;;;;;SAK3B,UAAU;;;;;;;EAOf,+BAA+B,GAAG;;;;;SAK7B,UAAU;;;;;;;EAOf,+BAA+B,GAAG;;;;;SAK7B,UAAU;;;;;;;EAOf,iCAAiC,GAAG;;;;;SAK/B,UAAU;;;;;;;EAOf,+BAA+B,GAAG;;;;;SAK7B,UAAU;;;;;;SAMV,UAAU;;;;;;EAMf,iCAAiC,GAAG;;;;;SAK/B,UAAU;;;;;;SAMV,UAAU;;;;;;EAMf,iCAAiC,GAAG;;;;;SAK/B,UAAU;;;;;;SAMV,UAAU;;;;;;EAMf,mCAAmC,GAAG;;;;;SAKjC,UAAU;;;;;;SAMV,UAAU;;;;;;EAMhB;EACD;AAEF,MAAa,gBAAgB,IAAI,OAAO,OAAO;CAC7C,iBAAiB,EACf,SAAS,UACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC;AAEF,MAAa,eAAe,IAAI,OAAO,UAAU;CAC/C,kBAAkB;EAChB;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;GACX;EACD;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;GACX;EACD;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;GACX;EACD;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;GACX;EACD;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;GACX;EACD;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;GACX;EACD;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;GACX;EACD;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;GACX;EACF;CACD,iBAAiB;EACf,UAAU;EACV,cAAc;EACd,OAAO;EACP,UAAU;EACV,UAAU;EACV,SAAS;EACV;CAED,UAAU;EACR,UAAU;GACR,OAAO;GACP,MAAM;GACP;EACD,cAAc;GACZ,OAAO;GACP,MAAM,OAAO;GACd;EACD,OAAO;GACL,OAAO;GACP,MAAM,OAAO;GACd;EACD,UAAU;GACR,OAAO;GACP,MAAM;GACP;EACD,UAAU;GACR,OAAO;GACP,MAAM;GACP;EACD,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ,OAAO;GACf,UAAU,OAAO;GAClB;EACD,UAAU;GACR,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC;AAEF,MAAa,sBAAsB,IAAI,OAAO,aAAa;CACzD,kBAAkB,CAChB;EACE,OAAO,OAAO;EACd,UAAU;EACV,SAAS;EACV,EACD;EACE,OAAO,OAAO;EACd,UAAU;EACV,SAAS;EACV,CACF;CACD,iBAAiB;EACf,UAAU;EACV,SAAS;EACV;CAED,UAAU;EACR,UAAU;GACR,OAAO;GACP,MAAM;GACP;EACD,SAAS;GACP,YAAY;GACZ,QAAQ;GACR,UAAU;GACX;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Alert/style.ts"],"sourcesContent":["import { createStaticStyles } 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  return {\n    banner: css`\n      border: none !important;\n      border-radius: 0 !important;\n    `,\n    borderless: css`\n      padding: 0 !important;\n      border: none !important;\n      background: transparent !important;\n    `,\n    borderlessExtraHeaderNoTitle: css`\n      margin-block-start: 8px;\n      padding-inline: 0;\n    `,\n    borderlessExtraHeaderWithTitle: css`\n      margin-block-start: 16px;\n      padding-inline: 0;\n    `,\n    colorfulText: css`\n      .${prefixCls}-alert-message,.${prefixCls}-alert-description {\n        color: inherit;\n      }\n    `,\n    expandText: css`\n      padding-inline-end: 12px;\n\n      &:hover {\n        cursor: pointer;\n      }\n    `,\n    extra: css`\n      position: relative;\n\n      overflow: hidden;\n\n      max-width: 100%;\n      border: 1px solid;\n      border-block-start: none;\n      border-end-start-radius: ${cssVar.borderRadiusLG};\n      border-end-end-radius: ${cssVar.borderRadiusLG};\n    `,\n    extraHeader: css`\n      border-block-start: 1px dashed;\n      border-radius: 0;\n      background: transparent !important;\n    `,\n    filled: css``,\n    glass: lobeStaticStylish.blur,\n    hasExtra: css`\n      border-block-end: none;\n      border-end-start-radius: 0;\n      border-end-end-radius: 0;\n    `,\n    outlined: css`\n      background: transparent !important;\n    `,\n    // Root variants based on closable, hasTitle, showIcon combinations\n    rootBase: css`\n      position: relative;\n\n      display: flex;\n      flex-direction: row;\n      align-items: flex-start;\n\n      max-width: 100%;\n\n      .${prefixCls}-alert-icon {\n        display: flex;\n        align-items: center;\n        height: 24px;\n        margin: 0;\n      }\n      .${prefixCls}-alert-close-icon {\n        display: flex;\n        align-items: center;\n        height: 24px;\n        margin: 0;\n      }\n    `,\n    rootNoTitleNoIconNoClosable: css`\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 12px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    `,\n    rootNoTitleNoIconWithClosable: css`\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 12px 9px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    `,\n    rootNoTitleWithIconNoClosable: css`\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 9px 12px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    `,\n    rootNoTitleWithIconWithClosable: css`\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 9px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    `,\n    rootWithTitleNoIconNoClosable: css`\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 16px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .${prefixCls}-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    `,\n    rootWithTitleNoIconWithClosable: css`\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 16px 12px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .${prefixCls}-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    `,\n    rootWithTitleWithIconNoClosable: css`\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 12px 16px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .${prefixCls}-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    `,\n    rootWithTitleWithIconWithClosable: css`\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 12px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .${prefixCls}-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    `,\n  };\n});\n\nexport const extraVariants = cva(styles.extra, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    banner: {\n      false: null,\n      true: styles.banner,\n    },\n  },\n});\n\nexport const rootVariants = cva(styles.rootBase, {\n  compoundVariants: [\n    {\n      class: styles.rootNoTitleNoIconNoClosable,\n      closable: false,\n      hasTitle: false,\n      showIcon: false,\n    },\n    {\n      class: styles.rootNoTitleNoIconWithClosable,\n      closable: true,\n      hasTitle: false,\n      showIcon: false,\n    },\n    {\n      class: styles.rootNoTitleWithIconNoClosable,\n      closable: false,\n      hasTitle: false,\n      showIcon: true,\n    },\n    {\n      class: styles.rootNoTitleWithIconWithClosable,\n      closable: true,\n      hasTitle: false,\n      showIcon: true,\n    },\n    {\n      class: styles.rootWithTitleNoIconNoClosable,\n      closable: false,\n      hasTitle: true,\n      showIcon: false,\n    },\n    {\n      class: styles.rootWithTitleNoIconWithClosable,\n      closable: true,\n      hasTitle: true,\n      showIcon: false,\n    },\n    {\n      class: styles.rootWithTitleWithIconNoClosable,\n      closable: false,\n      hasTitle: true,\n      showIcon: true,\n    },\n    {\n      class: styles.rootWithTitleWithIconWithClosable,\n      closable: true,\n      hasTitle: true,\n      showIcon: true,\n    },\n  ],\n  defaultVariants: {\n    closable: false,\n    colorfulText: true,\n    glass: false,\n    hasTitle: false,\n    showIcon: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    closable: {\n      false: null,\n      true: null,\n    },\n    colorfulText: {\n      false: null,\n      true: styles.colorfulText,\n    },\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    hasTitle: {\n      false: null,\n      true: null,\n    },\n    showIcon: {\n      false: null,\n      true: null,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: styles.filled,\n      outlined: styles.outlined,\n    },\n    hasExtra: {\n      false: null,\n      true: styles.hasExtra,\n    },\n  },\n});\n\nexport const extraHeaderVariants = cva(styles.extraHeader, {\n  compoundVariants: [\n    {\n      class: styles.borderlessExtraHeaderNoTitle,\n      hasTitle: false,\n      variant: 'borderless',\n    },\n    {\n      class: styles.borderlessExtraHeaderWithTitle,\n      hasTitle: true,\n      variant: 'borderless',\n    },\n  ],\n  defaultVariants: {\n    hasTitle: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    hasTitle: {\n      false: null,\n      true: null,\n    },\n    variant: {\n      borderless: null,\n      filled: null,\n      outlined: null,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,QAAQ,GAAG;;;;EAIX,YAAY,GAAG;;;;;EAKf,8BAA8B,GAAG;;;;EAIjC,gCAAgC,GAAG;;;;EAInC,cAAc,GAAG;SACZ,UAAU,kBAAkB,UAAU;;;;EAI3C,YAAY,GAAG;;;;;;;EAOf,OAAO,GAAG;;;;;;;;iCAQmB,OAAO,eAAe;+BACxB,OAAO,eAAe;;EAEjD,aAAa,GAAG;;;;;EAKhB,QAAQ,GAAG;EACX,OAAOA,cAAkB;EACzB,UAAU,GAAG;;;;;EAKb,UAAU,GAAG;;;EAIb,UAAU,GAAG;;;;;;;;;SASR,UAAU;;;;;;SAMV,UAAU;;;;;;;EAOf,6BAA6B,GAAG;;;;;SAK3B,UAAU;;;;;;;EAOf,+BAA+B,GAAG;;;;;SAK7B,UAAU;;;;;;;EAOf,+BAA+B,GAAG;;;;;SAK7B,UAAU;;;;;;;EAOf,iCAAiC,GAAG;;;;;SAK/B,UAAU;;;;;;;EAOf,+BAA+B,GAAG;;;;;SAK7B,UAAU;;;;;;SAMV,UAAU;;;;;;EAMf,iCAAiC,GAAG;;;;;SAK/B,UAAU;;;;;;SAMV,UAAU;;;;;;EAMf,iCAAiC,GAAG;;;;;SAK/B,UAAU;;;;;;SAMV,UAAU;;;;;;EAMf,mCAAmC,GAAG;;;;;SAKjC,UAAU;;;;;;SAMV,UAAU;;;;;;CAMjB;AACF,CAAC;AAED,MAAa,gBAAgB,IAAI,OAAO,OAAO;CAC7C,iBAAiB,EACf,SAAS,SACX;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;EACrB;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,UAAU;CAC/C,kBAAkB;EAChB;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;CACF;CACA,iBAAiB;EACf,UAAU;EACV,cAAc;EACd,OAAO;EACP,UAAU;EACV,UAAU;EACV,SAAS;CACX;CAEA,UAAU;EACR,UAAU;GACR,OAAO;GACP,MAAM;EACR;EACA,cAAc;GACZ,OAAO;GACP,MAAM,OAAO;EACf;EACA,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,UAAU;GACR,OAAO;GACP,MAAM;EACR;EACA,UAAU;GACR,OAAO;GACP,MAAM;EACR;EACA,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ,OAAO;GACf,UAAU,OAAO;EACnB;EACA,UAAU;GACR,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC;AAED,MAAa,sBAAsB,IAAI,OAAO,aAAa;CACzD,kBAAkB,CAChB;EACE,OAAO,OAAO;EACd,UAAU;EACV,SAAS;CACX,GACA;EACE,OAAO,OAAO;EACd,UAAU;EACV,SAAS;CACX,CACF;CACA,iBAAiB;EACf,UAAU;EACV,SAAS;CACX;CAEA,UAAU;EACR,UAAU;GACR,OAAO;GACP,MAAM;EACR;EACA,SAAS;GACP,YAAY;GACZ,QAAQ;GACR,UAAU;EACZ;CACF;AACF,CAAC"}

package/es/Alert/type.d.mts

@@ -1,8 +1,8 @@
 import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
 import { CSSProperties, ReactNode, Ref } from "react";
 import { AlertProps } from "antd";
 import { AlertRef } from "antd/lib/alert/Alert.js";
-
 //#region src/Alert/type.d.ts
 interface AlertProps$1 extends Omit<AlertProps, 'classNames' | 'icon' | 'styles' | 'type' | 'variant'> {
   classNames?: {

package/es/AutoComplete/Select.d.mts

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

package/es/AutoComplete/Select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.mjs","names":["AutoComplete","AntAutoComplete"],"sources":["../../src/AutoComplete/Select.tsx"],"sourcesContent":["'use client';\n\nimport { AutoComplete as AntAutoComplete } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { AutoCompleteProps } from './type';\n\nconst AutoComplete = memo<AutoCompleteProps>(({ variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntAutoComplete\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n      className={cx(\n        variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n\nAutoComplete.displayName = 'AutoComplete';\n\nexport default AutoComplete;\n"],"mappings":";;;;;;;AASA,MAAMA,iBAAe,MAAyB,EAAE,SAAS,QAAQ,WAAW,GAAG,WAAW;CACxF,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACC,cAAD;EACE,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EAC9E,UACD;EACD,GAAI;EACJ,CAAA;EAEJ;AAEF,eAAa,cAAc"}
+{"version":3,"file":"Select.mjs","names":["AutoComplete","AntAutoComplete"],"sources":["../../src/AutoComplete/Select.tsx"],"sourcesContent":["'use client';\n\nimport { AutoComplete as AntAutoComplete } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { AutoCompleteProps } from './type';\n\nconst AutoComplete = memo<AutoCompleteProps>(({ variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntAutoComplete\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n      className={cx(\n        variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n\nAutoComplete.displayName = 'AutoComplete';\n\nexport default AutoComplete;\n"],"mappings":";;;;;;;AASA,MAAMA,iBAAe,MAAyB,EAAE,SAAS,QAAQ,WAAW,GAAG,WAAW;CACxF,MAAM,EAAE,eAAe,aAAa;CAEpC,OACE,oBAACC,cAAD;EACE,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;EAAY,CAAC,GAC7E,SACF;EACA,GAAI;CACL,CAAA;AAEL,CAAC;AAED,eAAa,cAAc"}

package/es/AutoComplete/index.d.mts

@@ -1,3 +1,3 @@
 import { AutoCompleteProps } from "./type.mjs";
-import { AutoComplete } from "./Select.mjs";
-export { AutoCompleteProps, AutoComplete as default };
+import AutoComplete from "./Select.mjs";
+export { type AutoCompleteProps, AutoComplete as default };

package/es/AutoComplete/style.mjs

@@ -51,6 +51,6 @@ const variants = cva(styles.root, {
 	}
 });
 //#endregion
-export { variants };
+export { styles, variants };
 
 //# sourceMappingURL=style.mjs.map

package/es/AutoComplete/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/AutoComplete/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 }) => {\n  return {\n    borderless: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantBorderless}\n        }\n      }\n    `,\n    filled: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantFilled}\n        }\n      }\n    `,\n    outlined: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantOutlined}\n        }\n      }\n    `,\n    root: css``,\n    shadow: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.shadow}\n        }\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n      underlined: null,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO;EACL,YAAY,GAAG;;;YAGPA,cAAkB,kBAAkB;;;;EAI5C,QAAQ,GAAG;;;YAGHA,cAAkB,cAAc;;;;EAIxC,UAAU,GAAG;;;YAGLA,cAAkB,gBAAgB;;;;EAI1C,MAAM,GAAG;EACT,QAAQ,GAAG;;;YAGHA,cAAkB,OAAO;;;;EAIlC;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,QAAQ,OACT;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACnB,YAAY;GACb;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/AutoComplete/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 }) => {\n  return {\n    borderless: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantBorderless}\n        }\n      }\n    `,\n    filled: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantFilled}\n        }\n      }\n    `,\n    outlined: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.variantOutlined}\n        }\n      }\n    `,\n    root: css``,\n    shadow: css`\n      &[class*='ant-select'] {\n        > [class*='ant-select-selector'] {\n          ${lobeStaticStylish.shadow}\n        }\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n      underlined: null,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,UAAU;CACpD,OAAO;EACL,YAAY,GAAG;;;YAGPA,cAAkB,kBAAkB;;;;EAI5C,QAAQ,GAAG;;;YAGHA,cAAkB,cAAc;;;;EAIxC,UAAU,GAAG;;;YAGLA,cAAkB,gBAAgB;;;;EAI1C,MAAM,GAAG;EACT,QAAQ,GAAG;;;YAGHA,cAAkB,OAAO;;;;CAInC;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,QAAQ,MACV;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACnB,YAAY;EACd;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/AutoComplete/type.d.mts

@@ -1,5 +1,4 @@
 import { AutoCompleteProps } from "antd";
-
 //#region src/AutoComplete/type.d.ts
 interface AutoCompleteProps$1 extends AutoCompleteProps {
   shadow?: boolean;

package/es/Avatar/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.mjs","names":["Avatar","isDefaultAntAvatar","checkIsDefaultAntAvatar","AntAvatar"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["'use client';\n\nimport { getEmoji } from '@lobehub/fluent-emoji';\nimport { Avatar as AntAvatar } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport { Loader2 } from 'lucide-react';\nimport { memo, useMemo, useState } from 'react';\n\nimport { Center } from '@/Flex';\nimport FluentEmoji from '@/FluentEmoji';\nimport Icon from '@/Icon';\nimport Img from '@/Img';\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nimport { styles, variants } from './style';\nimport { type AvatarProps } from './type';\nimport {\n  calculateEmojiSize,\n  formatAvatarText,\n  getActualColorForReadable,\n  hasValidBackground,\n  isDefaultAntAvatar as checkIsDefaultAntAvatar,\n} from './utils';\n\nconst Avatar = memo<AvatarProps>(\n  ({\n    bordered,\n    className,\n    avatar,\n    title,\n    animation,\n    borderedColor,\n    size = 48,\n    shape = 'square',\n    background,\n    style,\n    unoptimized,\n    alt,\n    variant = 'borderless',\n    shadow,\n    loading,\n    sliceText = true,\n    emojiScaleWithBackground = true,\n    ref,\n    ...rest\n  }) => {\n    const isStringAvatar = typeof avatar === 'string';\n\n    const isDefaultAntAvatar = useMemo(() => checkIsDefaultAntAvatar(avatar), [avatar]);\n    const [isImgError, setIsImgError] = useState(false);\n\n    const emoji = useMemo(\n      () => avatar && !isDefaultAntAvatar && isStringAvatar && getEmoji(avatar),\n      [avatar, isStringAvatar, isDefaultAntAvatar],\n    );\n\n    const text = String(isDefaultAntAvatar ? title : avatar);\n\n    const imgAlt = alt || title || 'avatar';\n\n    const defaultAvatar = useMemo(\n      () =>\n        typeof avatar === 'string' ? (\n          <Img\n            alt={imgAlt}\n            height={size}\n            loading={'lazy'}\n            src={avatar}\n            unoptimized={unoptimized}\n            width={size}\n            onError={() => setIsImgError(true)}\n          />\n        ) : (\n          avatar\n        ),\n      [avatar, imgAlt, size, unoptimized],\n    );\n\n    const hasBackground = hasValidBackground(background);\n\n    const customAvatar = useMemo(\n      () =>\n        emoji ? (\n          <FluentEmoji\n            emoji={emoji}\n            size={calculateEmojiSize(size, hasBackground, emojiScaleWithBackground)}\n            type={animation ? 'anim' : '3d'}\n            unoptimized={unoptimized}\n          />\n        ) : (\n          formatAvatarText(text || title, sliceText)\n        ),\n      [\n        animation,\n        emoji,\n        hasBackground,\n        size,\n        sliceText,\n        text,\n        title,\n        unoptimized,\n        emojiScaleWithBackground,\n      ],\n    );\n\n    // Get actual color value for readableColor (CSS variables can't be parsed)\n    const actualColorForReadable = useMemo(\n      () => getActualColorForReadable(background, cssVar.colorBorder),\n      [background],\n    );\n\n    const avatarStyle = useMemo(\n      () => ({\n        backgroundColor:\n          (isDefaultAntAvatar && !isImgError) || emoji\n            ? background\n            : background || cssVar.colorBorder,\n        borderRadius: shape === 'square' && size && size < 24 ? '33%' : undefined,\n        boxShadow: bordered\n          ? `${cssVar.colorBgLayout} 0 0 0 2px, ${borderedColor || cssVar.colorTextTertiary} 0 0 0 4px`\n          : undefined,\n        color: safeReadableColor(actualColorForReadable),\n        cursor: rest?.onClick ? 'pointer' : undefined,\n        fontSize: size * (emoji ? 0.7 : 0.5),\n        ...style,\n      }),\n      [\n        isDefaultAntAvatar,\n        isImgError,\n        background,\n        shape,\n        emoji,\n        size,\n        bordered,\n        borderedColor,\n        actualColorForReadable,\n        rest?.onClick,\n        style,\n      ],\n    );\n\n    const showFallback = !isDefaultAntAvatar || isImgError;\n\n    return (\n      <AntAvatar\n        alt={imgAlt}\n        className={cx(variants({ shadow, variant }), className)}\n        draggable={false}\n        ref={ref}\n        shape={shape}\n        size={size}\n        src={isDefaultAntAvatar && !isImgError ? defaultAvatar : undefined}\n        style={avatarStyle}\n        {...rest}\n      >\n        {loading && (\n          <Center className={styles.loading} height={'100%'} width={'100%'}>\n            <Icon spin icon={Loader2} />\n          </Center>\n        )}\n        {showFallback && customAvatar}\n      </AntAvatar>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"mappings":";;;;;;;;;;;;;;;AAwBA,MAAMA,WAAS,MACZ,EACC,UACA,WACA,QACA,OACA,WACA,eACA,OAAO,IACP,QAAQ,UACR,YACA,OACA,aACA,KACA,UAAU,cACV,QACA,SACA,YAAY,MACZ,2BAA2B,MAC3B,KACA,GAAG,WACC;CACJ,MAAM,iBAAiB,OAAO,WAAW;CAEzC,MAAMC,uBAAqB,cAAcC,mBAAwB,OAAO,EAAE,CAAC,OAAO,CAAC;CACnF,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CAEnD,MAAM,QAAQ,cACN,UAAU,CAACD,wBAAsB,kBAAkB,SAAS,OAAO,EACzE;EAAC;EAAQ;EAAgBA;EAAmB,CAC7C;CAED,MAAM,OAAO,OAAOA,uBAAqB,QAAQ,OAAO;CAExD,MAAM,SAAS,OAAO,SAAS;CAE/B,MAAM,gBAAgB,cAElB,OAAO,WAAW,WAChB,oBAAC,KAAD;EACE,KAAK;EACL,QAAQ;EACR,SAAS;EACT,KAAK;EACQ;EACb,OAAO;EACP,eAAe,cAAc,KAAK;EAClC,CAAA,GAEF,QAEJ;EAAC;EAAQ;EAAQ;EAAM;EAAY,CACpC;CAED,MAAM,gBAAgB,mBAAmB,WAAW;CAEpD,MAAM,eAAe,cAEjB,QACE,oBAAC,aAAD;EACS;EACP,MAAM,mBAAmB,MAAM,eAAe,yBAAyB;EACvE,MAAM,YAAY,SAAS;EACd;EACb,CAAA,GAEF,iBAAiB,QAAQ,OAAO,UAAU,EAE9C;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAGD,MAAM,yBAAyB,cACvB,0BAA0B,YAAY,OAAO,YAAY,EAC/D,CAAC,WAAW,CACb;CAED,MAAM,cAAc,eACX;EACL,iBACGA,wBAAsB,CAAC,cAAe,QACnC,aACA,cAAc,OAAO;EAC3B,cAAc,UAAU,YAAY,QAAQ,OAAO,KAAK,QAAQ,KAAA;EAChE,WAAW,WACP,GAAG,OAAO,cAAc,cAAc,iBAAiB,OAAO,kBAAkB,cAChF,KAAA;EACJ,OAAO,kBAAkB,uBAAuB;EAChD,QAAQ,MAAM,UAAU,YAAY,KAAA;EACpC,UAAU,QAAQ,QAAQ,KAAM;EAChC,GAAG;EACJ,GACD;EACEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACN;EACD,CACF;CAED,MAAM,eAAe,CAACA,wBAAsB;AAE5C,QACE,qBAACE,QAAD;EACE,KAAK;EACL,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,WAAW;EACN;EACE;EACD;EACN,KAAKF,wBAAsB,CAAC,aAAa,gBAAgB,KAAA;EACzD,OAAO;EACP,GAAI;YATN,CAWG,WACC,oBAAC,QAAD;GAAQ,WAAW,OAAO;GAAS,QAAQ;GAAQ,OAAO;aACxD,oBAAC,MAAD;IAAM,MAAA;IAAK,MAAM;IAAW,CAAA;GACrB,CAAA,EAEV,gBAAgB,aACP;;EAGjB;AAED,SAAO,cAAc"}
+{"version":3,"file":"Avatar.mjs","names":["Avatar","isDefaultAntAvatar","checkIsDefaultAntAvatar","AntAvatar"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["'use client';\n\nimport { getEmoji } from '@lobehub/fluent-emoji';\nimport { Avatar as AntAvatar } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport { Loader2 } from 'lucide-react';\nimport { memo, useMemo, useState } from 'react';\n\nimport { Center } from '@/Flex';\nimport FluentEmoji from '@/FluentEmoji';\nimport Icon from '@/Icon';\nimport Img from '@/Img';\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nimport { styles, variants } from './style';\nimport { type AvatarProps } from './type';\nimport {\n  calculateEmojiSize,\n  formatAvatarText,\n  getActualColorForReadable,\n  hasValidBackground,\n  isDefaultAntAvatar as checkIsDefaultAntAvatar,\n} from './utils';\n\nconst Avatar = memo<AvatarProps>(\n  ({\n    bordered,\n    className,\n    avatar,\n    title,\n    animation,\n    borderedColor,\n    size = 48,\n    shape = 'square',\n    background,\n    style,\n    unoptimized,\n    alt,\n    variant = 'borderless',\n    shadow,\n    loading,\n    sliceText = true,\n    emojiScaleWithBackground = true,\n    ref,\n    ...rest\n  }) => {\n    const isStringAvatar = typeof avatar === 'string';\n\n    const isDefaultAntAvatar = useMemo(() => checkIsDefaultAntAvatar(avatar), [avatar]);\n    const [isImgError, setIsImgError] = useState(false);\n\n    const emoji = useMemo(\n      () => avatar && !isDefaultAntAvatar && isStringAvatar && getEmoji(avatar),\n      [avatar, isStringAvatar, isDefaultAntAvatar],\n    );\n\n    const text = String(isDefaultAntAvatar ? title : avatar);\n\n    const imgAlt = alt || title || 'avatar';\n\n    const defaultAvatar = useMemo(\n      () =>\n        typeof avatar === 'string' ? (\n          <Img\n            alt={imgAlt}\n            height={size}\n            loading={'lazy'}\n            src={avatar}\n            unoptimized={unoptimized}\n            width={size}\n            onError={() => setIsImgError(true)}\n          />\n        ) : (\n          avatar\n        ),\n      [avatar, imgAlt, size, unoptimized],\n    );\n\n    const hasBackground = hasValidBackground(background);\n\n    const customAvatar = useMemo(\n      () =>\n        emoji ? (\n          <FluentEmoji\n            emoji={emoji}\n            size={calculateEmojiSize(size, hasBackground, emojiScaleWithBackground)}\n            type={animation ? 'anim' : '3d'}\n            unoptimized={unoptimized}\n          />\n        ) : (\n          formatAvatarText(text || title, sliceText)\n        ),\n      [\n        animation,\n        emoji,\n        hasBackground,\n        size,\n        sliceText,\n        text,\n        title,\n        unoptimized,\n        emojiScaleWithBackground,\n      ],\n    );\n\n    // Get actual color value for readableColor (CSS variables can't be parsed)\n    const actualColorForReadable = useMemo(\n      () => getActualColorForReadable(background, cssVar.colorBorder),\n      [background],\n    );\n\n    const avatarStyle = useMemo(\n      () => ({\n        backgroundColor:\n          (isDefaultAntAvatar && !isImgError) || emoji\n            ? background\n            : background || cssVar.colorBorder,\n        borderRadius: shape === 'square' && size && size < 24 ? '33%' : undefined,\n        boxShadow: bordered\n          ? `${cssVar.colorBgLayout} 0 0 0 2px, ${borderedColor || cssVar.colorTextTertiary} 0 0 0 4px`\n          : undefined,\n        color: safeReadableColor(actualColorForReadable),\n        cursor: rest?.onClick ? 'pointer' : undefined,\n        fontSize: size * (emoji ? 0.7 : 0.5),\n        ...style,\n      }),\n      [\n        isDefaultAntAvatar,\n        isImgError,\n        background,\n        shape,\n        emoji,\n        size,\n        bordered,\n        borderedColor,\n        actualColorForReadable,\n        rest?.onClick,\n        style,\n      ],\n    );\n\n    const showFallback = !isDefaultAntAvatar || isImgError;\n\n    return (\n      <AntAvatar\n        alt={imgAlt}\n        className={cx(variants({ shadow, variant }), className)}\n        draggable={false}\n        ref={ref}\n        shape={shape}\n        size={size}\n        src={isDefaultAntAvatar && !isImgError ? defaultAvatar : undefined}\n        style={avatarStyle}\n        {...rest}\n      >\n        {loading && (\n          <Center className={styles.loading} height={'100%'} width={'100%'}>\n            <Icon spin icon={Loader2} />\n          </Center>\n        )}\n        {showFallback && customAvatar}\n      </AntAvatar>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"mappings":";;;;;;;;;;;;;;;AAwBA,MAAMA,WAAS,MACZ,EACC,UACA,WACA,QACA,OACA,WACA,eACA,OAAO,IACP,QAAQ,UACR,YACA,OACA,aACA,KACA,UAAU,cACV,QACA,SACA,YAAY,MACZ,2BAA2B,MAC3B,KACA,GAAG,WACC;CACJ,MAAM,iBAAiB,OAAO,WAAW;CAEzC,MAAMC,uBAAqB,cAAcC,mBAAwB,MAAM,GAAG,CAAC,MAAM,CAAC;CAClF,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAElD,MAAM,QAAQ,cACN,UAAU,CAACD,wBAAsB,kBAAkB,SAAS,MAAM,GACxE;EAAC;EAAQ;EAAgBA;CAAkB,CAC7C;CAEA,MAAM,OAAO,OAAOA,uBAAqB,QAAQ,MAAM;CAEvD,MAAM,SAAS,OAAO,SAAS;CAE/B,MAAM,gBAAgB,cAElB,OAAO,WAAW,WAChB,oBAAC,KAAD;EACE,KAAK;EACL,QAAQ;EACR,SAAS;EACT,KAAK;EACQ;EACb,OAAO;EACP,eAAe,cAAc,IAAI;CAClC,CAAA,IAED,QAEJ;EAAC;EAAQ;EAAQ;EAAM;CAAW,CACpC;CAEA,MAAM,gBAAgB,mBAAmB,UAAU;CAEnD,MAAM,eAAe,cAEjB,QACE,oBAAC,aAAD;EACS;EACP,MAAM,mBAAmB,MAAM,eAAe,wBAAwB;EACtE,MAAM,YAAY,SAAS;EACd;CACd,CAAA,IAED,iBAAiB,QAAQ,OAAO,SAAS,GAE7C;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAGA,MAAM,yBAAyB,cACvB,0BAA0B,YAAY,OAAO,WAAW,GAC9D,CAAC,UAAU,CACb;CAEA,MAAM,cAAc,eACX;EACL,iBACGA,wBAAsB,CAAC,cAAe,QACnC,aACA,cAAc,OAAO;EAC3B,cAAc,UAAU,YAAY,QAAQ,OAAO,KAAK,QAAQ,KAAA;EAChE,WAAW,WACP,GAAG,OAAO,cAAc,cAAc,iBAAiB,OAAO,kBAAkB,cAChF,KAAA;EACJ,OAAO,kBAAkB,sBAAsB;EAC/C,QAAQ,MAAM,UAAU,YAAY,KAAA;EACpC,UAAU,QAAQ,QAAQ,KAAM;EAChC,GAAG;CACL,IACA;EACEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACN;CACF,CACF;CAEA,MAAM,eAAe,CAACA,wBAAsB;CAE5C,OACE,qBAACE,QAAD;EACE,KAAK;EACL,WAAW,GAAG,SAAS;GAAE;GAAQ;EAAQ,CAAC,GAAG,SAAS;EACtD,WAAW;EACN;EACE;EACD;EACN,KAAKF,wBAAsB,CAAC,aAAa,gBAAgB,KAAA;EACzD,OAAO;EACP,GAAI;YATN,CAWG,WACC,oBAAC,QAAD;GAAQ,WAAW,OAAO;GAAS,QAAQ;GAAQ,OAAO;aACxD,oBAAC,MAAD;IAAM,MAAA;IAAK,MAAM;GAAU,CAAA;EACrB,CAAA,GAET,gBAAgB,YACR;;AAEf,CACF;AAEA,SAAO,cAAc"}

package/es/Avatar/AvatarGroup/index.d.mts

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

package/es/Avatar/AvatarGroup/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../src/Avatar/AvatarGroup/index.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport Avatar from '../Avatar';\nimport type { AvatarGroupProps } from '../type';\nimport { styles } from './style';\n\nconst AvatarGroup = memo<AvatarGroupProps>(\n  ({\n    items,\n    max,\n    gap,\n    variant = 'borderless',\n    bordered,\n    shadow,\n    size = 48,\n    background,\n    animation,\n    draggable,\n    classNames,\n    shape,\n    styles: customStyles,\n    onClick,\n    ref,\n    zIndexReverse,\n    ...rest\n  }) => {\n    const avatars = max ? items.slice(0, max) : items;\n    const restAvatars = items.slice(max, items.length);\n    const gapValue = gap ?? Math.floor(-size / 4);\n\n    const avatarProps = {\n      animation,\n      background,\n      bordered,\n      draggable,\n      shadow,\n      shape,\n      size,\n      variant,\n    };\n\n    return (\n      <Flexbox\n        horizontal\n        gap={gap}\n        ref={ref}\n        style={{\n          position: 'relative',\n        }}\n        {...rest}\n      >\n        {avatars.map((avatar, index) => {\n          const {\n            key,\n            style: avatarStyle,\n            className: avatarClassName,\n            ...restAvatarProps\n          } = avatar;\n          return (\n            <Avatar\n              className={cx(classNames?.avatar, avatarClassName, styles.avatar)}\n              key={key}\n              style={{\n                marginLeft: index === 0 ? 0 : gapValue,\n                zIndex: zIndexReverse ? items.length - index : index,\n                ...customStyles?.avatar,\n                ...avatarStyle,\n              }}\n              onClick={() => onClick?.({ item: avatar, key })}\n              {...avatarProps}\n              {...restAvatarProps}\n            />\n          );\n        })}\n        {max && restAvatars.length > 0 && (\n          <Avatar\n            {...avatarProps}\n            avatar={`+${restAvatars.length}`}\n            background={cssVar.colorText}\n            className={cx(styles.avatar, styles.count, classNames?.count)}\n            sliceText={false}\n            style={{\n              marginLeft: gapValue,\n              zIndex: zIndexReverse ? 0 : avatars.length,\n              ...customStyles?.count,\n            }}\n          />\n        )}\n      </Flexbox>\n    );\n  },\n);\n\nAvatarGroup.displayName = 'AvatarGroup';\n\nexport default AvatarGroup;\n"],"mappings":";;;;;;;;AAWA,MAAM,cAAc,MACjB,EACC,OACA,KACA,KACA,UAAU,cACV,UACA,QACA,OAAO,IACP,YACA,WACA,WACA,YACA,OACA,QAAQ,cACR,SACA,KACA,eACA,GAAG,WACC;CACJ,MAAM,UAAU,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG;CAC5C,MAAM,cAAc,MAAM,MAAM,KAAK,MAAM,OAAO;CAClD,MAAM,WAAW,OAAO,KAAK,MAAM,CAAC,OAAO,EAAE;CAE7C,MAAM,cAAc;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;AAED,QACE,qBAACA,mBAAD;EACE,YAAA;EACK;EACA;EACL,OAAO,EACL,UAAU,YACX;EACD,GAAI;YAPN,CASG,QAAQ,KAAK,QAAQ,UAAU;GAC9B,MAAM,EACJ,KACA,OAAO,aACP,WAAW,iBACX,GAAG,oBACD;AACJ,UACE,oBAAC,QAAD;IACE,WAAW,GAAG,YAAY,QAAQ,iBAAiB,OAAO,OAAO;IAEjE,OAAO;KACL,YAAY,UAAU,IAAI,IAAI;KAC9B,QAAQ,gBAAgB,MAAM,SAAS,QAAQ;KAC/C,GAAG,cAAc;KACjB,GAAG;KACJ;IACD,eAAe,UAAU;KAAE,MAAM;KAAQ;KAAK,CAAC;IAC/C,GAAI;IACJ,GAAI;IACJ,EAVK,IAUL;IAEJ,EACD,OAAO,YAAY,SAAS,KAC3B,oBAAC,QAAD;GACE,GAAI;GACJ,QAAQ,IAAI,YAAY;GACxB,YAAY,OAAO;GACnB,WAAW,GAAG,OAAO,QAAQ,OAAO,OAAO,YAAY,MAAM;GAC7D,WAAW;GACX,OAAO;IACL,YAAY;IACZ,QAAQ,gBAAgB,IAAI,QAAQ;IACpC,GAAG,cAAc;IAClB;GACD,CAAA,CAEI;;EAGf;AAED,YAAY,cAAc"}
+{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../src/Avatar/AvatarGroup/index.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport Avatar from '../Avatar';\nimport type { AvatarGroupProps } from '../type';\nimport { styles } from './style';\n\nconst AvatarGroup = memo<AvatarGroupProps>(\n  ({\n    items,\n    max,\n    gap,\n    variant = 'borderless',\n    bordered,\n    shadow,\n    size = 48,\n    background,\n    animation,\n    draggable,\n    classNames,\n    shape,\n    styles: customStyles,\n    onClick,\n    ref,\n    zIndexReverse,\n    ...rest\n  }) => {\n    const avatars = max ? items.slice(0, max) : items;\n    const restAvatars = items.slice(max, items.length);\n    const gapValue = gap ?? Math.floor(-size / 4);\n\n    const avatarProps = {\n      animation,\n      background,\n      bordered,\n      draggable,\n      shadow,\n      shape,\n      size,\n      variant,\n    };\n\n    return (\n      <Flexbox\n        horizontal\n        gap={gap}\n        ref={ref}\n        style={{\n          position: 'relative',\n        }}\n        {...rest}\n      >\n        {avatars.map((avatar, index) => {\n          const {\n            key,\n            style: avatarStyle,\n            className: avatarClassName,\n            ...restAvatarProps\n          } = avatar;\n          return (\n            <Avatar\n              className={cx(classNames?.avatar, avatarClassName, styles.avatar)}\n              key={key}\n              style={{\n                marginLeft: index === 0 ? 0 : gapValue,\n                zIndex: zIndexReverse ? items.length - index : index,\n                ...customStyles?.avatar,\n                ...avatarStyle,\n              }}\n              onClick={() => onClick?.({ item: avatar, key })}\n              {...avatarProps}\n              {...restAvatarProps}\n            />\n          );\n        })}\n        {max && restAvatars.length > 0 && (\n          <Avatar\n            {...avatarProps}\n            avatar={`+${restAvatars.length}`}\n            background={cssVar.colorText}\n            className={cx(styles.avatar, styles.count, classNames?.count)}\n            sliceText={false}\n            style={{\n              marginLeft: gapValue,\n              zIndex: zIndexReverse ? 0 : avatars.length,\n              ...customStyles?.count,\n            }}\n          />\n        )}\n      </Flexbox>\n    );\n  },\n);\n\nAvatarGroup.displayName = 'AvatarGroup';\n\nexport default AvatarGroup;\n"],"mappings":";;;;;;;;AAWA,MAAM,cAAc,MACjB,EACC,OACA,KACA,KACA,UAAU,cACV,UACA,QACA,OAAO,IACP,YACA,WACA,WACA,YACA,OACA,QAAQ,cACR,SACA,KACA,eACA,GAAG,WACC;CACJ,MAAM,UAAU,MAAM,MAAM,MAAM,GAAG,GAAG,IAAI;CAC5C,MAAM,cAAc,MAAM,MAAM,KAAK,MAAM,MAAM;CACjD,MAAM,WAAW,OAAO,KAAK,MAAM,CAAC,OAAO,CAAC;CAE5C,MAAM,cAAc;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,OACE,qBAACA,mBAAD;EACE,YAAA;EACK;EACA;EACL,OAAO,EACL,UAAU,WACZ;EACA,GAAI;YAPN,CASG,QAAQ,KAAK,QAAQ,UAAU;GAC9B,MAAM,EACJ,KACA,OAAO,aACP,WAAW,iBACX,GAAG,oBACD;GACJ,OACE,oBAAC,QAAD;IACE,WAAW,GAAG,YAAY,QAAQ,iBAAiB,OAAO,MAAM;IAEhE,OAAO;KACL,YAAY,UAAU,IAAI,IAAI;KAC9B,QAAQ,gBAAgB,MAAM,SAAS,QAAQ;KAC/C,GAAG,cAAc;KACjB,GAAG;IACL;IACA,eAAe,UAAU;KAAE,MAAM;KAAQ;IAAI,CAAC;IAC9C,GAAI;IACJ,GAAI;GACL,GAVM,GAUN;EAEL,CAAC,GACA,OAAO,YAAY,SAAS,KAC3B,oBAAC,QAAD;GACE,GAAI;GACJ,QAAQ,IAAI,YAAY;GACxB,YAAY,OAAO;GACnB,WAAW,GAAG,OAAO,QAAQ,OAAO,OAAO,YAAY,KAAK;GAC5D,WAAW;GACX,OAAO;IACL,YAAY;IACZ,QAAQ,gBAAgB,IAAI,QAAQ;IACpC,GAAG,cAAc;GACnB;EACD,CAAA,CAEI;;AAEb,CACF;AAEA,YAAY,cAAc"}

package/es/Avatar/AvatarGroup/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/Avatar/AvatarGroup/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    avatar: css`\n      border: 2px solid ${cssVar.colorBgContainer} !important;\n    `,\n    count: css`\n      &[class*='ant-avatar'] {\n        background: ${cssVar.colorText};\n\n        > [class*='ant-avatar-string'] {\n          transform: scale(0.8) !important;\n          color: ${cssVar.colorBgLayout};\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,QAAQ,GAAG;0BACW,OAAO,iBAAiB;;EAE9C,OAAO,GAAG;;sBAEQ,OAAO,UAAU;;;;mBAIpB,OAAO,cAAc;;;;EAIrC;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/Avatar/AvatarGroup/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    avatar: css`\n      border: 2px solid ${cssVar.colorBgContainer} !important;\n    `,\n    count: css`\n      &[class*='ant-avatar'] {\n        background: ${cssVar.colorText};\n\n        > [class*='ant-avatar-string'] {\n          transform: scale(0.8) !important;\n          color: ${cssVar.colorBgLayout};\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,QAAQ,GAAG;0BACW,OAAO,iBAAiB;;EAE9C,OAAO,GAAG;;sBAEQ,OAAO,UAAU;;;;mBAIpB,OAAO,cAAc;;;;CAItC;AACF,CAAC"}

package/es/Avatar/index.d.mts

@@ -1,7 +1,6 @@
 import { AvatarGroupItemType, AvatarGroupProps, AvatarProps } from "./type.mjs";
-import { AvatarGroup } from "./AvatarGroup/index.mjs";
+import AvatarGroup from "./AvatarGroup/index.mjs";
 import { ReactNode, RefAttributes } from "react";
-
 //#region src/Avatar/index.d.ts
 interface IAvatar {
   (props: AvatarProps & RefAttributes<HTMLDivElement>): ReactNode;
@@ -9,5 +8,5 @@ interface IAvatar {
 }
 declare const Avatar: IAvatar;
 //#endregion
-export { AvatarGroup, AvatarGroupItemType, AvatarGroupProps, AvatarProps, Avatar as default };
+export { AvatarGroup, type AvatarGroupItemType, type AvatarGroupProps, type AvatarProps, Avatar as default };
 //# sourceMappingURL=index.d.mts.map

package/es/Avatar/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Avatar/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  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    loading: css`\n      position: absolute;\n      color: #fff;\n      background: ${cssVar.colorBgMask};\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      flex: none;\n      background: transparent;\n\n      &[class*='ant-avatar'] {\n        user-select: none;\n\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        border: none;\n\n        [class*='ant-avatar-string'] {\n          transform: none !important;\n\n          overflow: hidden;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n\n          width: 100%;\n          height: 100%;\n          padding: 0;\n\n          font-size: inherit;\n          font-weight: bolder;\n          line-height: 1;\n          color: inherit;\n        }\n      }\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQA,cAAkB;EAC1B,SAAS,GAAG;;;oBAGI,OAAO,YAAY;;EAEnC,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCT,QAAQA,cAAkB;EAC3B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Avatar/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  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    loading: css`\n      position: absolute;\n      color: #fff;\n      background: ${cssVar.colorBgMask};\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      flex: none;\n      background: transparent;\n\n      &[class*='ant-avatar'] {\n        user-select: none;\n\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        border: none;\n\n        [class*='ant-avatar-string'] {\n          transform: none !important;\n\n          overflow: hidden;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n\n          width: 100%;\n          height: 100%;\n          padding: 0;\n\n          font-size: inherit;\n          font-weight: bolder;\n          line-height: 1;\n          color: inherit;\n        }\n      }\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQA,cAAkB;EAC1B,SAAS,GAAG;;;oBAGI,OAAO,YAAY;;EAEnC,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCT,QAAQA,cAAkB;CAC5B;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,QAAQ;EACR,SAAS;CACX;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;EACrB;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/Avatar/type.d.mts

@@ -1,8 +1,9 @@
 import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { TooltipProps } from "../base-ui/Tooltip/type.mjs";
+import "../Tooltip/index.mjs";
 import { CSSProperties, ReactNode, Ref } from "react";
 import { AvatarProps } from "antd";
-
 //#region src/Avatar/type.d.ts
 interface AvatarProps$1 extends AvatarProps {
   animation?: boolean;

package/es/Avatar/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Avatar/utils.ts"],"sourcesContent":["import { isValidElement, type ReactNode } from 'react';\n\n/**\n * 判断 avatar 是否是默认的 Ant Design Avatar 类型\n * (URL 路径或 React 元素)\n */\nexport const isDefaultAntAvatar = (avatar: ReactNode): boolean => {\n  if (!avatar) return false;\n\n  const isStringAvatar = typeof avatar === 'string';\n  const isUrlOrDataUri =\n    isStringAvatar && ['/', 'http', 'data:'].some((prefix) => avatar.startsWith(prefix));\n\n  return Boolean(isUrlOrDataUri || isValidElement(avatar));\n};\n\n/**\n * 判断是否有有效的背景色\n */\nexport const hasValidBackground = (background?: string | null): boolean => {\n  return Boolean(\n    background &&\n    background !== 'transparent' &&\n    background !== 'rgba(0,0,0,0)' &&\n    background !== null,\n  );\n};\n\n/**\n * 获取用于可读性计算的实际颜色值\n * 如果是 CSS 变量，返回 fallback 值\n */\nexport const getActualColorForReadable = (\n  background: string | undefined,\n  fallbackColor: string,\n): string => {\n  const bgColor = background || fallbackColor;\n\n  // 如果背景是 CSS 变量，使用 fallback 颜色\n  if (typeof bgColor === 'string' && bgColor.startsWith('var(')) {\n    return fallbackColor;\n  }\n\n  return bgColor;\n};\n\n/**\n * 格式化头像文本（转大写并可选切片）\n */\nexport const formatAvatarText = (text: string | undefined, sliceText: boolean): string => {\n  if (!text) return '';\n\n  const upperText = text.toUpperCase();\n  return sliceText ? upperText.slice(0, 2) : upperText;\n};\n\n/**\n * 计算 emoji 大小\n */\nexport const calculateEmojiSize = (\n  size: number,\n  hasBackground: boolean,\n  emojiScaleWithBackground: boolean,\n): number => {\n  if (emojiScaleWithBackground) {\n    return hasBackground ? size * 0.85 : size;\n  }\n  return size * 0.85;\n};\n"],"mappings":";;;;;;AAMA,MAAa,sBAAsB,WAA+B;AAChE,KAAI,CAAC,OAAQ,QAAO;CAGpB,MAAM,iBADiB,OAAO,WAAW,YAErB;EAAC;EAAK;EAAQ;EAAQ,CAAC,MAAM,WAAW,OAAO,WAAW,OAAO,CAAC;AAEtF,QAAO,QAAQ,kBAAkB,eAAe,OAAO,CAAC;;;;;AAM1D,MAAa,sBAAsB,eAAwC;AACzE,QAAO,QACL,cACA,eAAe,iBACf,eAAe,mBACf,eAAe,KAChB;;;;;;AAOH,MAAa,6BACX,YACA,kBACW;CACX,MAAM,UAAU,cAAc;AAG9B,KAAI,OAAO,YAAY,YAAY,QAAQ,WAAW,OAAO,CAC3D,QAAO;AAGT,QAAO;;;;;AAMT,MAAa,oBAAoB,MAA0B,cAA+B;AACxF,KAAI,CAAC,KAAM,QAAO;CAElB,MAAM,YAAY,KAAK,aAAa;AACpC,QAAO,YAAY,UAAU,MAAM,GAAG,EAAE,GAAG;;;;;AAM7C,MAAa,sBACX,MACA,eACA,6BACW;AACX,KAAI,yBACF,QAAO,gBAAgB,OAAO,MAAO;AAEvC,QAAO,OAAO"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Avatar/utils.ts"],"sourcesContent":["import { isValidElement, type ReactNode } from 'react';\n\n/**\n * 判断 avatar 是否是默认的 Ant Design Avatar 类型\n * (URL 路径或 React 元素)\n */\nexport const isDefaultAntAvatar = (avatar: ReactNode): boolean => {\n  if (!avatar) return false;\n\n  const isStringAvatar = typeof avatar === 'string';\n  const isUrlOrDataUri =\n    isStringAvatar && ['/', 'http', 'data:'].some((prefix) => avatar.startsWith(prefix));\n\n  return Boolean(isUrlOrDataUri || isValidElement(avatar));\n};\n\n/**\n * 判断是否有有效的背景色\n */\nexport const hasValidBackground = (background?: string | null): boolean => {\n  return Boolean(\n    background &&\n    background !== 'transparent' &&\n    background !== 'rgba(0,0,0,0)' &&\n    background !== null,\n  );\n};\n\n/**\n * 获取用于可读性计算的实际颜色值\n * 如果是 CSS 变量，返回 fallback 值\n */\nexport const getActualColorForReadable = (\n  background: string | undefined,\n  fallbackColor: string,\n): string => {\n  const bgColor = background || fallbackColor;\n\n  // 如果背景是 CSS 变量，使用 fallback 颜色\n  if (typeof bgColor === 'string' && bgColor.startsWith('var(')) {\n    return fallbackColor;\n  }\n\n  return bgColor;\n};\n\n/**\n * 格式化头像文本（转大写并可选切片）\n */\nexport const formatAvatarText = (text: string | undefined, sliceText: boolean): string => {\n  if (!text) return '';\n\n  const upperText = text.toUpperCase();\n  return sliceText ? upperText.slice(0, 2) : upperText;\n};\n\n/**\n * 计算 emoji 大小\n */\nexport const calculateEmojiSize = (\n  size: number,\n  hasBackground: boolean,\n  emojiScaleWithBackground: boolean,\n): number => {\n  if (emojiScaleWithBackground) {\n    return hasBackground ? size * 0.85 : size;\n  }\n  return size * 0.85;\n};\n"],"mappings":";;;;;;AAMA,MAAa,sBAAsB,WAA+B;CAChE,IAAI,CAAC,QAAQ,OAAO;CAGpB,MAAM,iBADiB,OAAO,WAAW,YAErB;EAAC;EAAK;EAAQ;CAAO,CAAC,CAAC,MAAM,WAAW,OAAO,WAAW,MAAM,CAAC;CAErF,OAAO,QAAQ,kBAAkB,eAAe,MAAM,CAAC;AACzD;;;;AAKA,MAAa,sBAAsB,eAAwC;CACzE,OAAO,QACL,cACA,eAAe,iBACf,eAAe,mBACf,eAAe,IACjB;AACF;;;;;AAMA,MAAa,6BACX,YACA,kBACW;CACX,MAAM,UAAU,cAAc;CAG9B,IAAI,OAAO,YAAY,YAAY,QAAQ,WAAW,MAAM,GAC1D,OAAO;CAGT,OAAO;AACT;;;;AAKA,MAAa,oBAAoB,MAA0B,cAA+B;CACxF,IAAI,CAAC,MAAM,OAAO;CAElB,MAAM,YAAY,KAAK,YAAY;CACnC,OAAO,YAAY,UAAU,MAAM,GAAG,CAAC,IAAI;AAC7C;;;;AAKA,MAAa,sBACX,MACA,eACA,6BACW;CACX,IAAI,0BACF,OAAO,gBAAgB,OAAO,MAAO;CAEvC,OAAO,OAAO;AAChB"}

package/es/Block/Block.d.mts

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

package/es/Block/Block.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Block.mjs","names":["Flexbox"],"sources":["../../src/Block/Block.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { variants } from './style';\nimport type { BlockProps } from './type';\n\nconst Block: FC<BlockProps> = ({\n  className,\n  variant = 'filled',\n  shadow,\n  glass,\n  children,\n  clickable,\n  ref,\n  ...rest\n}) => {\n  return (\n    <Flexbox\n      className={cx(variants({ clickable, glass, shadow, variant }), className)}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Flexbox>\n  );\n};\n\nBlock.displayName = 'Block';\n\nexport default Block;\n"],"mappings":";;;;;;AAUA,MAAM,SAAyB,EAC7B,WACA,UAAU,UACV,QACA,OACA,UACA,WACA,KACA,GAAG,WACC;AACJ,QACE,oBAACA,mBAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAW;GAAO;GAAQ;GAAS,CAAC,EAAE,UAAU;EACpE;EACL,GAAI;EAEH;EACO,CAAA;;AAId,MAAM,cAAc"}
+{"version":3,"file":"Block.mjs","names":["Flexbox"],"sources":["../../src/Block/Block.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { variants } from './style';\nimport type { BlockProps } from './type';\n\nconst Block: FC<BlockProps> = ({\n  className,\n  variant = 'filled',\n  shadow,\n  glass,\n  children,\n  clickable,\n  ref,\n  ...rest\n}) => {\n  return (\n    <Flexbox\n      className={cx(variants({ clickable, glass, shadow, variant }), className)}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Flexbox>\n  );\n};\n\nBlock.displayName = 'Block';\n\nexport default Block;\n"],"mappings":";;;;;;AAUA,MAAM,SAAyB,EAC7B,WACA,UAAU,UACV,QACA,OACA,UACA,WACA,KACA,GAAG,WACC;CACJ,OACE,oBAACA,mBAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAW;GAAO;GAAQ;EAAQ,CAAC,GAAG,SAAS;EACnE;EACL,GAAI;EAEH;CACM,CAAA;AAEb;AAEA,MAAM,cAAc"}

package/es/Block/index.d.mts

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

package/es/Block/style.mjs

@@ -66,6 +66,6 @@ const variants = cva(styles.root, {
 	}
 });
 //#endregion
-export { variants };
+export { styles, variants };
 
 //# sourceMappingURL=style.mjs.map

package/es/Block/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Block/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  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    clickableBorderless: lobeStaticStylish.variantBorderless,\n    clickableFilled: lobeStaticStylish.variantFilled,\n    clickableOutlined: lobeStaticStylish.variantOutlined,\n    clickableRoot: css`\n      cursor: pointer;\n    `,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    glass: lobeStaticStylish.blur,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n      border-radius: ${cssVar.borderRadius};\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.clickableBorderless,\n      clickable: true,\n      variant: 'borderless',\n    },\n    {\n      class: styles.clickableFilled,\n      clickable: true,\n      variant: 'filled',\n    },\n    {\n      class: styles.clickableOutlined,\n      clickable: true,\n      variant: 'outlined',\n    },\n  ],\n  defaultVariants: {\n    clickable: false,\n    glass: false,\n    shadow: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    clickable: {\n      false: null,\n      true: styles.clickableRoot,\n    },\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,qBAAqBA,cAAkB;EACvC,iBAAiBA,cAAkB;EACnC,mBAAmBA,cAAkB;EACrC,eAAe,GAAG;;;EAGlB,QAAQA,cAAkB;EAC1B,OAAOA,cAAkB;EACzB,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;uBAEU,OAAO,aAAa;;EAEvC,QAAQA,cAAkB;EAC3B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB;EAChB;GACE,OAAO,OAAO;GACd,WAAW;GACX,SAAS;GACV;EACD;GACE,OAAO,OAAO;GACd,WAAW;GACX,SAAS;GACV;EACD;GACE,OAAO,OAAO;GACd,WAAW;GACX,SAAS;GACV;EACF;CACD,iBAAiB;EACf,WAAW;EACX,OAAO;EACP,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,WAAW;GACT,OAAO;GACP,MAAM,OAAO;GACd;EACD,OAAO;GACL,OAAO;GACP,MAAM,OAAO;GACd;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Block/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  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    clickableBorderless: lobeStaticStylish.variantBorderless,\n    clickableFilled: lobeStaticStylish.variantFilled,\n    clickableOutlined: lobeStaticStylish.variantOutlined,\n    clickableRoot: css`\n      cursor: pointer;\n    `,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    glass: lobeStaticStylish.blur,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n      border-radius: ${cssVar.borderRadius};\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.clickableBorderless,\n      clickable: true,\n      variant: 'borderless',\n    },\n    {\n      class: styles.clickableFilled,\n      clickable: true,\n      variant: 'filled',\n    },\n    {\n      class: styles.clickableOutlined,\n      clickable: true,\n      variant: 'outlined',\n    },\n  ],\n  defaultVariants: {\n    clickable: false,\n    glass: false,\n    shadow: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    clickable: {\n      false: null,\n      true: styles.clickableRoot,\n    },\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,YAAYA,cAAkB;EAC9B,qBAAqBA,cAAkB;EACvC,iBAAiBA,cAAkB;EACnC,mBAAmBA,cAAkB;EACrC,eAAe,GAAG;;;EAGlB,QAAQA,cAAkB;EAC1B,OAAOA,cAAkB;EACzB,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;uBAEU,OAAO,aAAa;;EAEvC,QAAQA,cAAkB;CAC5B;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB;EAChB;GACE,OAAO,OAAO;GACd,WAAW;GACX,SAAS;EACX;EACA;GACE,OAAO,OAAO;GACd,WAAW;GACX,SAAS;EACX;EACA;GACE,OAAO,OAAO;GACd,WAAW;GACX,SAAS;EACX;CACF;CACA,iBAAiB;EACf,WAAW;EACX,OAAO;EACP,QAAQ;EACR,SAAS;CACX;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;EACrB;EACA,WAAW;GACT,OAAO;GACP,MAAM,OAAO;EACf;EACA,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/Block/type.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { Ref } from "react";
-
 //#region src/Block/type.d.ts
 interface BlockProps extends FlexboxProps {
   clickable?: boolean;

package/es/Burger/Burger.d.mts

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

package/es/Burger/Burger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Burger.mjs","names":[],"sources":["../../src/Burger/Burger.tsx"],"sourcesContent":["'use client';\n\nimport { Drawer, Menu } from 'antd';\nimport { cx } from 'antd-style';\nimport { MenuIcon, X } from 'lucide-react';\nimport { memo, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Center } from '@/Flex';\n\nimport { styles } from './style';\nimport type { BurgerProps } from './type';\n\nconst Burger = memo<BurgerProps>(\n  ({\n    items,\n    openKeys,\n    selectedKeys,\n    opened,\n    setOpened,\n    className,\n    headerHeight = 64,\n    onClick,\n    iconProps,\n    size,\n    variant,\n    rootClassName,\n    fullscreen,\n    drawerProps,\n    ...rest\n  }) => {\n    // Convert props to CSS variables\n    const cssVariables = useMemo<Record<string, string>>(() => {\n      const vars: Record<string, string> = {\n        '--burger-header-height': `${headerHeight}px`,\n      };\n      if (fullscreen) {\n        vars['--burger-drawer-top'] = '0';\n        vars['--burger-menu-padding-top'] = '0px';\n      } else {\n        vars['--burger-drawer-top'] = `calc(var(--burger-header-height, ${headerHeight}px) + 1px)`;\n        vars['--burger-menu-padding-top'] = `${headerHeight}px`;\n      }\n      return vars;\n    }, [fullscreen, headerHeight]);\n\n    return (\n      <Center\n        className={cx(styles.container, className)}\n        onClick={() => {\n          setOpened(!opened);\n        }}\n        {...rest}\n      >\n        <ActionIcon icon={opened ? X : MenuIcon} size={size} variant={variant} {...iconProps} />\n        <Drawer\n          closeIcon={undefined}\n          open={opened}\n          placement={'left'}\n          width={'100vw'}\n          {...drawerProps}\n          className={styles.drawer}\n          rootClassName={cx(\n            fullscreen ? styles.drawerRootFullscreen : styles.drawerRoot,\n            rootClassName,\n          )}\n          rootStyle={{\n            ...cssVariables,\n            ...drawerProps?.rootStyle,\n          }}\n          styles={{\n            body: { padding: 0 },\n            header: { display: 'none' },\n          }}\n        >\n          <Menu\n            className={styles.menu}\n            items={items}\n            mode={'inline'}\n            openKeys={openKeys}\n            selectedKeys={selectedKeys}\n            style={cssVariables}\n            onClick={onClick}\n          />\n          <div className={styles.fillRect} />\n        </Drawer>\n      </Center>\n    );\n  },\n);\n\nBurger.displayName = 'Burger';\n\nexport default Burger;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,SAAS,MACZ,EACC,OACA,UACA,cACA,QACA,WACA,WACA,eAAe,IACf,SACA,WACA,MACA,SACA,eACA,YACA,aACA,GAAG,WACC;CAEJ,MAAM,eAAe,cAAsC;EACzD,MAAM,OAA+B,EACnC,0BAA0B,GAAG,aAAa,KAC3C;AACD,MAAI,YAAY;AACd,QAAK,yBAAyB;AAC9B,QAAK,+BAA+B;SAC/B;AACL,QAAK,yBAAyB,oCAAoC,aAAa;AAC/E,QAAK,+BAA+B,GAAG,aAAa;;AAEtD,SAAO;IACN,CAAC,YAAY,aAAa,CAAC;AAE9B,QACE,qBAAC,QAAD;EACE,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,eAAe;AACb,aAAU,CAAC,OAAO;;EAEpB,GAAI;YALN,CAOE,oBAAC,YAAD;GAAY,MAAM,SAAS,IAAI;GAAgB;GAAe;GAAS,GAAI;GAAa,CAAA,EACxF,qBAAC,QAAD;GACE,WAAW,KAAA;GACX,MAAM;GACN,WAAW;GACX,OAAO;GACP,GAAI;GACJ,WAAW,OAAO;GAClB,eAAe,GACb,aAAa,OAAO,uBAAuB,OAAO,YAClD,cACD;GACD,WAAW;IACT,GAAG;IACH,GAAG,aAAa;IACjB;GACD,QAAQ;IACN,MAAM,EAAE,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,QAAQ;IAC5B;aAlBH,CAoBE,oBAAC,MAAD;IACE,WAAW,OAAO;IACX;IACP,MAAM;IACI;IACI;IACd,OAAO;IACE;IACT,CAAA,EACF,oBAAC,OAAD,EAAK,WAAW,OAAO,UAAY,CAAA,CAC5B;KACF;;EAGd;AAED,OAAO,cAAc"}
+{"version":3,"file":"Burger.mjs","names":[],"sources":["../../src/Burger/Burger.tsx"],"sourcesContent":["'use client';\n\nimport { Drawer, Menu } from 'antd';\nimport { cx } from 'antd-style';\nimport { MenuIcon, X } from 'lucide-react';\nimport { memo, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Center } from '@/Flex';\n\nimport { styles } from './style';\nimport type { BurgerProps } from './type';\n\nconst Burger = memo<BurgerProps>(\n  ({\n    items,\n    openKeys,\n    selectedKeys,\n    opened,\n    setOpened,\n    className,\n    headerHeight = 64,\n    onClick,\n    iconProps,\n    size,\n    variant,\n    rootClassName,\n    fullscreen,\n    drawerProps,\n    ...rest\n  }) => {\n    // Convert props to CSS variables\n    const cssVariables = useMemo<Record<string, string>>(() => {\n      const vars: Record<string, string> = {\n        '--burger-header-height': `${headerHeight}px`,\n      };\n      if (fullscreen) {\n        vars['--burger-drawer-top'] = '0';\n        vars['--burger-menu-padding-top'] = '0px';\n      } else {\n        vars['--burger-drawer-top'] = `calc(var(--burger-header-height, ${headerHeight}px) + 1px)`;\n        vars['--burger-menu-padding-top'] = `${headerHeight}px`;\n      }\n      return vars;\n    }, [fullscreen, headerHeight]);\n\n    return (\n      <Center\n        className={cx(styles.container, className)}\n        onClick={() => {\n          setOpened(!opened);\n        }}\n        {...rest}\n      >\n        <ActionIcon icon={opened ? X : MenuIcon} size={size} variant={variant} {...iconProps} />\n        <Drawer\n          closeIcon={undefined}\n          open={opened}\n          placement={'left'}\n          width={'100vw'}\n          {...drawerProps}\n          className={styles.drawer}\n          rootClassName={cx(\n            fullscreen ? styles.drawerRootFullscreen : styles.drawerRoot,\n            rootClassName,\n          )}\n          rootStyle={{\n            ...cssVariables,\n            ...drawerProps?.rootStyle,\n          }}\n          styles={{\n            body: { padding: 0 },\n            header: { display: 'none' },\n          }}\n        >\n          <Menu\n            className={styles.menu}\n            items={items}\n            mode={'inline'}\n            openKeys={openKeys}\n            selectedKeys={selectedKeys}\n            style={cssVariables}\n            onClick={onClick}\n          />\n          <div className={styles.fillRect} />\n        </Drawer>\n      </Center>\n    );\n  },\n);\n\nBurger.displayName = 'Burger';\n\nexport default Burger;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,SAAS,MACZ,EACC,OACA,UACA,cACA,QACA,WACA,WACA,eAAe,IACf,SACA,WACA,MACA,SACA,eACA,YACA,aACA,GAAG,WACC;CAEJ,MAAM,eAAe,cAAsC;EACzD,MAAM,OAA+B,EACnC,0BAA0B,GAAG,aAAa,IAC5C;EACA,IAAI,YAAY;GACd,KAAK,yBAAyB;GAC9B,KAAK,+BAA+B;EACtC,OAAO;GACL,KAAK,yBAAyB,oCAAoC,aAAa;GAC/E,KAAK,+BAA+B,GAAG,aAAa;EACtD;EACA,OAAO;CACT,GAAG,CAAC,YAAY,YAAY,CAAC;CAE7B,OACE,qBAAC,QAAD;EACE,WAAW,GAAG,OAAO,WAAW,SAAS;EACzC,eAAe;GACb,UAAU,CAAC,MAAM;EACnB;EACA,GAAI;YALN,CAOE,oBAAC,YAAD;GAAY,MAAM,SAAS,IAAI;GAAgB;GAAe;GAAS,GAAI;EAAY,CAAA,GACvF,qBAAC,QAAD;GACE,WAAW,KAAA;GACX,MAAM;GACN,WAAW;GACX,OAAO;GACP,GAAI;GACJ,WAAW,OAAO;GAClB,eAAe,GACb,aAAa,OAAO,uBAAuB,OAAO,YAClD,aACF;GACA,WAAW;IACT,GAAG;IACH,GAAG,aAAa;GAClB;GACA,QAAQ;IACN,MAAM,EAAE,SAAS,EAAE;IACnB,QAAQ,EAAE,SAAS,OAAO;GAC5B;aAlBF,CAoBE,oBAAC,MAAD;IACE,WAAW,OAAO;IACX;IACP,MAAM;IACI;IACI;IACd,OAAO;IACE;GACV,CAAA,GACD,oBAAC,OAAD,EAAK,WAAW,OAAO,SAAW,CAAA,CAC5B;IACF;;AAEZ,CACF;AAEA,OAAO,cAAc"}

package/es/Burger/index.d.mts

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

package/es/Burger/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Burger/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    container: css`\n      cursor: pointer;\n      width: ${cssVar.controlHeight};\n      height: ${cssVar.controlHeight};\n      border-radius: ${cssVar.borderRadius};\n    `,\n    drawer: css`\n      &.${prefixCls}-drawer-content {\n        background: transparent;\n      }\n\n      .${prefixCls}-drawer-body {\n        display: flex;\n        flex-direction: column;\n      }\n    `,\n    drawerRoot: css`\n      inset-block-start: var(--burger-drawer-top, calc(var(--burger-header-height, 64px) + 1px));\n\n      :focus-visible {\n        outline: none;\n      }\n\n      .${prefixCls}-drawer {\n        &-mask {\n          ${lobeStaticStylish.blur};\n          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n        }\n\n        &-content-wrapper {\n          box-shadow: none;\n        }\n      }\n    `,\n    drawerRootFullscreen: css`\n      inset-block-start: 0;\n\n      :focus-visible {\n        outline: none;\n      }\n\n      .${prefixCls}-drawer {\n        &-mask {\n          ${lobeStaticStylish.blur};\n          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n        }\n\n        &-content-wrapper {\n          box-shadow: none;\n        }\n      }\n    `,\n\n    fillRect: css`\n      flex: 1;\n      width: 100%;\n      border-block-start: none;\n    `,\n\n    menu: css`\n      padding-block-start: var(--burger-menu-padding-top, 0);\n      border-inline-end: transparent !important;\n      background: transparent;\n\n      > .${prefixCls}-menu-item-only-child, .${prefixCls}-menu-submenu-title {\n        width: 100%;\n        margin: 0 !important;\n        border-block-start: none;\n        border-radius: 0;\n\n        &:active {\n          color: ${cssVar.colorText};\n          background-color: ${cssVar.colorFill};\n        }\n      }\n\n      .${prefixCls}-menu-item-only-child:first-child {\n        border-block-start: none;\n      }\n\n      .${prefixCls}-menu-submenu-title[aria-expanded='true'] {\n        a {\n          font-weight: 600;\n          color: ${cssVar.colorText} !important;\n        }\n      }\n\n      .${prefixCls}-menu-item-group-title {\n        padding-block: 8px;\n\n        font-size: 12px;\n        font-weight: 500;\n        line-height: 1;\n        text-overflow: ellipsis;\n        text-transform: uppercase;\n        white-space: nowrap;\n\n        background: ${cssVar.colorFillSecondary};\n      }\n\n      .${prefixCls}-menu-item {\n        width: calc(100% - 16px) !important;\n        margin: 8px !important;\n        border-radius: ${cssVar.borderRadius};\n\n        &:hover,\n        &:active {\n          color: ${cssVar.colorText} !important;\n          background: ${cssVar.colorFillSecondary} !important;\n        }\n      }\n\n      .${prefixCls}-menu-item-active {\n        width: calc(100% - 16px) !important;\n        margin: 8px !important;\n        border-radius: ${cssVar.borderRadius};\n        background: ${cssVar.colorFillSecondary};\n      }\n\n      .${prefixCls}-menu-item-selected {\n        font-weight: 600;\n        color: ${cssVar.colorBgLayout};\n        background: ${cssVar.colorText};\n\n        &:hover,\n        &:active {\n          color: ${cssVar.colorBgLayout} !important;\n          background: ${cssVar.colorText} !important;\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAIA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,WAAW,GAAG;;eAEH,OAAO,cAAc;gBACpB,OAAO,cAAc;uBACd,OAAO,aAAa;;EAEvC,QAAQ,GAAG;UACL,UAAU;;;;SAIX,UAAU;;;;;EAKf,YAAY,GAAG;;;;;;;SAOV,UAAU;;YAEPA,cAAkB,KAAK;iDACc,OAAO,cAAc;;;;;;;;EAQlE,sBAAsB,GAAG;;;;;;;SAOpB,UAAU;;YAEPA,cAAkB,KAAK;iDACc,OAAO,cAAc;;;;;;;;EASlE,UAAU,GAAG;;;;;EAMb,MAAM,GAAG;;;;;WAKF,UAAU,0BAA0B,UAAU;;;;;;;mBAOtC,OAAO,UAAU;8BACN,OAAO,UAAU;;;;SAItC,UAAU;;;;SAIV,UAAU;;;mBAGA,OAAO,UAAU;;;;SAI3B,UAAU;;;;;;;;;;sBAUG,OAAO,mBAAmB;;;SAGvC,UAAU;;;yBAGM,OAAO,aAAa;;;;mBAI1B,OAAO,UAAU;wBACZ,OAAO,mBAAmB;;;;SAIzC,UAAU;;;yBAGM,OAAO,aAAa;sBACvB,OAAO,mBAAmB;;;SAGvC,UAAU;;iBAEF,OAAO,cAAc;sBAChB,OAAO,UAAU;;;;mBAIpB,OAAO,cAAc;wBAChB,OAAO,UAAU;;;;EAItC;EACD"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Burger/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    container: css`\n      cursor: pointer;\n      width: ${cssVar.controlHeight};\n      height: ${cssVar.controlHeight};\n      border-radius: ${cssVar.borderRadius};\n    `,\n    drawer: css`\n      &.${prefixCls}-drawer-content {\n        background: transparent;\n      }\n\n      .${prefixCls}-drawer-body {\n        display: flex;\n        flex-direction: column;\n      }\n    `,\n    drawerRoot: css`\n      inset-block-start: var(--burger-drawer-top, calc(var(--burger-header-height, 64px) + 1px));\n\n      :focus-visible {\n        outline: none;\n      }\n\n      .${prefixCls}-drawer {\n        &-mask {\n          ${lobeStaticStylish.blur};\n          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n        }\n\n        &-content-wrapper {\n          box-shadow: none;\n        }\n      }\n    `,\n    drawerRootFullscreen: css`\n      inset-block-start: 0;\n\n      :focus-visible {\n        outline: none;\n      }\n\n      .${prefixCls}-drawer {\n        &-mask {\n          ${lobeStaticStylish.blur};\n          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n        }\n\n        &-content-wrapper {\n          box-shadow: none;\n        }\n      }\n    `,\n\n    fillRect: css`\n      flex: 1;\n      width: 100%;\n      border-block-start: none;\n    `,\n\n    menu: css`\n      padding-block-start: var(--burger-menu-padding-top, 0);\n      border-inline-end: transparent !important;\n      background: transparent;\n\n      > .${prefixCls}-menu-item-only-child, .${prefixCls}-menu-submenu-title {\n        width: 100%;\n        margin: 0 !important;\n        border-block-start: none;\n        border-radius: 0;\n\n        &:active {\n          color: ${cssVar.colorText};\n          background-color: ${cssVar.colorFill};\n        }\n      }\n\n      .${prefixCls}-menu-item-only-child:first-child {\n        border-block-start: none;\n      }\n\n      .${prefixCls}-menu-submenu-title[aria-expanded='true'] {\n        a {\n          font-weight: 600;\n          color: ${cssVar.colorText} !important;\n        }\n      }\n\n      .${prefixCls}-menu-item-group-title {\n        padding-block: 8px;\n\n        font-size: 12px;\n        font-weight: 500;\n        line-height: 1;\n        text-overflow: ellipsis;\n        text-transform: uppercase;\n        white-space: nowrap;\n\n        background: ${cssVar.colorFillSecondary};\n      }\n\n      .${prefixCls}-menu-item {\n        width: calc(100% - 16px) !important;\n        margin: 8px !important;\n        border-radius: ${cssVar.borderRadius};\n\n        &:hover,\n        &:active {\n          color: ${cssVar.colorText} !important;\n          background: ${cssVar.colorFillSecondary} !important;\n        }\n      }\n\n      .${prefixCls}-menu-item-active {\n        width: calc(100% - 16px) !important;\n        margin: 8px !important;\n        border-radius: ${cssVar.borderRadius};\n        background: ${cssVar.colorFillSecondary};\n      }\n\n      .${prefixCls}-menu-item-selected {\n        font-weight: 600;\n        color: ${cssVar.colorBgLayout};\n        background: ${cssVar.colorText};\n\n        &:hover,\n        &:active {\n          color: ${cssVar.colorBgLayout} !important;\n          background: ${cssVar.colorText} !important;\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAIA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,WAAW,GAAG;;eAEH,OAAO,cAAc;gBACpB,OAAO,cAAc;uBACd,OAAO,aAAa;;EAEvC,QAAQ,GAAG;UACL,UAAU;;;;SAIX,UAAU;;;;;EAKf,YAAY,GAAG;;;;;;;SAOV,UAAU;;YAEPA,cAAkB,KAAK;iDACc,OAAO,cAAc;;;;;;;;EAQlE,sBAAsB,GAAG;;;;;;;SAOpB,UAAU;;YAEPA,cAAkB,KAAK;iDACc,OAAO,cAAc;;;;;;;;EASlE,UAAU,GAAG;;;;;EAMb,MAAM,GAAG;;;;;WAKF,UAAU,0BAA0B,UAAU;;;;;;;mBAOtC,OAAO,UAAU;8BACN,OAAO,UAAU;;;;SAItC,UAAU;;;;SAIV,UAAU;;;mBAGA,OAAO,UAAU;;;;SAI3B,UAAU;;;;;;;;;;sBAUG,OAAO,mBAAmB;;;SAGvC,UAAU;;;yBAGM,OAAO,aAAa;;;;mBAI1B,OAAO,UAAU;wBACZ,OAAO,mBAAmB;;;;SAIzC,UAAU;;;yBAGM,OAAO,aAAa;sBACvB,OAAO,mBAAmB;;;SAGvC,UAAU;;iBAEF,OAAO,cAAc;sBAChB,OAAO,UAAU;;;;mBAIpB,OAAO,cAAc;wBAChB,OAAO,UAAU;;;;CAIvC;AACF,CAAC"}

package/es/Burger/type.d.mts

@@ -1,7 +1,7 @@
 import { ActionIconProps } from "../ActionIcon/type.mjs";
+import "../ActionIcon/index.mjs";
 import { CSSProperties, Ref } from "react";
 import { DrawerProps, MenuProps } from "antd";
-
 //#region src/Burger/type.d.ts
 interface BurgerProps {
   className?: string;

package/es/Button/Button.d.mts

@@ -1,11 +1,10 @@
 import { ButtonProps } from "./type.mjs";
 import { FC } from "react";
-
 //#region src/Button/Button.d.ts
 /**
  * @deprecated Use `Button` from `@lobehub/ui/base-ui` instead.
  */
 declare const Button: FC<ButtonProps>;
 //#endregion
-export { Button };
+export { Button as default };
 //# sourceMappingURL=Button.d.mts.map

package/es/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","names":["Button","AntdButton"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport { Button as AntdButton } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { Loader2Icon } from 'lucide-react';\nimport { type FC, isValidElement } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { variants } from './style';\nimport type { ButtonProps } from './type';\n\n/**\n * @deprecated Use `Button` from `@lobehub/ui/base-ui` instead.\n */\nconst Button: FC<ButtonProps> = ({\n  icon,\n  variant,\n  glass,\n  shadow,\n  loading,\n  className,\n  type,\n  color,\n  danger,\n  children,\n  iconProps,\n  ref,\n  ...rest\n}) => {\n  const { isDarkMode } = useThemeMode();\n\n  const defaultVariant = type ? undefined : variant || (isDarkMode ? 'filled' : 'outlined');\n\n  return (\n    <AntdButton\n      color={color || (defaultVariant === 'filled' ? 'default' : undefined)}\n      danger={danger}\n      ref={ref}\n      type={type}\n      variant={defaultVariant}\n      className={cx(\n        variants({\n          glass,\n          shadow,\n        }),\n        className,\n      )}\n      icon={\n        icon &&\n        (isValidElement(icon) ? (\n          icon\n        ) : (\n          <Icon icon={icon} {...iconProps} size={iconProps?.size || { size: '1.2em' }} />\n        ))\n      }\n      loading={\n        loading\n          ? {\n              icon: (\n                <Icon\n                  icon={Loader2Icon}\n                  {...iconProps}\n                  spin\n                  size={iconProps?.size || { size: '1.2em' }}\n                />\n              ),\n            }\n          : false\n      }\n      {...rest}\n    >\n      {children}\n    </AntdButton>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,YAA2B,EAC/B,MACA,SACA,OACA,QACA,SACA,WACA,MACA,OACA,QACA,UACA,WACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,cAAc;CAErC,MAAM,iBAAiB,OAAO,KAAA,IAAY,YAAY,aAAa,WAAW;AAE9E,QACE,oBAACC,QAAD;EACE,OAAO,UAAU,mBAAmB,WAAW,YAAY,KAAA;EACnD;EACH;EACC;EACN,SAAS;EACT,WAAW,GACT,SAAS;GACP;GACA;GACD,CAAC,EACF,UACD;EACD,MACE,SACC,eAAe,KAAK,GACnB,OAEA,oBAAC,MAAD;GAAY;GAAM,GAAI;GAAW,MAAM,WAAW,QAAQ,EAAE,MAAM,SAAS;GAAI,CAAA;EAGnF,SACE,UACI,EACE,MACE,oBAAC,MAAD;GACE,MAAM;GACN,GAAI;GACJ,MAAA;GACA,MAAM,WAAW,QAAQ,EAAE,MAAM,SAAS;GAC1C,CAAA,EAEL,GACD;EAEN,GAAI;EAEH;EACU,CAAA"}
+{"version":3,"file":"Button.mjs","names":["Button","AntdButton"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport { Button as AntdButton } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { Loader2Icon } from 'lucide-react';\nimport { type FC, isValidElement } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { variants } from './style';\nimport type { ButtonProps } from './type';\n\n/**\n * @deprecated Use `Button` from `@lobehub/ui/base-ui` instead.\n */\nconst Button: FC<ButtonProps> = ({\n  icon,\n  variant,\n  glass,\n  shadow,\n  loading,\n  className,\n  type,\n  color,\n  danger,\n  children,\n  iconProps,\n  ref,\n  ...rest\n}) => {\n  const { isDarkMode } = useThemeMode();\n\n  const defaultVariant = type ? undefined : variant || (isDarkMode ? 'filled' : 'outlined');\n\n  return (\n    <AntdButton\n      color={color || (defaultVariant === 'filled' ? 'default' : undefined)}\n      danger={danger}\n      ref={ref}\n      type={type}\n      variant={defaultVariant}\n      className={cx(\n        variants({\n          glass,\n          shadow,\n        }),\n        className,\n      )}\n      icon={\n        icon &&\n        (isValidElement(icon) ? (\n          icon\n        ) : (\n          <Icon icon={icon} {...iconProps} size={iconProps?.size || { size: '1.2em' }} />\n        ))\n      }\n      loading={\n        loading\n          ? {\n              icon: (\n                <Icon\n                  icon={Loader2Icon}\n                  {...iconProps}\n                  spin\n                  size={iconProps?.size || { size: '1.2em' }}\n                />\n              ),\n            }\n          : false\n      }\n      {...rest}\n    >\n      {children}\n    </AntdButton>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,YAA2B,EAC/B,MACA,SACA,OACA,QACA,SACA,WACA,MACA,OACA,QACA,UACA,WACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CAEpC,MAAM,iBAAiB,OAAO,KAAA,IAAY,YAAY,aAAa,WAAW;CAE9E,OACE,oBAACC,QAAD;EACE,OAAO,UAAU,mBAAmB,WAAW,YAAY,KAAA;EACnD;EACH;EACC;EACN,SAAS;EACT,WAAW,GACT,SAAS;GACP;GACA;EACF,CAAC,GACD,SACF;EACA,MACE,SACC,eAAe,IAAI,IAClB,OAEA,oBAAC,MAAD;GAAY;GAAM,GAAI;GAAW,MAAM,WAAW,QAAQ,EAAE,MAAM,QAAQ;EAAI,CAAA;EAGlF,SACE,UACI,EACE,MACE,oBAAC,MAAD;GACE,MAAM;GACN,GAAI;GACJ,MAAA;GACA,MAAM,WAAW,QAAQ,EAAE,MAAM,QAAQ;EAC1C,CAAA,EAEL,IACA;EAEN,GAAI;EAEH;CACS,CAAA;AAEhB"}

package/es/Button/index.d.mts

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

package/es/Button/style.mjs

@@ -34,6 +34,6 @@ const variants = cva(styles.root, {
 	}
 });
 //#endregion
-export { variants };
+export { styles, variants };
 
 //# sourceMappingURL=style.mjs.map

package/es/Button/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Button/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  return {\n    glass: lobeStaticStylish.blur,\n    root: css`\n      &[class*='ant-btn'] {\n        > [class*='ant-btn-icon'] {\n          display: flex;\n        }\n      }\n    `,\n    shadow: css`\n      box-shadow: ${cssVar.boxShadowTertiary} !important;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    glass: false,\n    shadow: false,\n  },\n\n  variants: {\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,OAAOA,cAAkB;EACzB,MAAM,GAAG;;;;;;;EAOT,QAAQ,GAAG;oBACK,OAAO,kBAAkB;;EAE1C;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,OAAO;EACP,QAAQ;EACT;CAED,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;GACd;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Button/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  return {\n    glass: lobeStaticStylish.blur,\n    root: css`\n      &[class*='ant-btn'] {\n        > [class*='ant-btn-icon'] {\n          display: flex;\n        }\n      }\n    `,\n    shadow: css`\n      box-shadow: ${cssVar.boxShadowTertiary} !important;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    glass: false,\n    shadow: false,\n  },\n\n  variants: {\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,OAAOA,cAAkB;EACzB,MAAM,GAAG;;;;;;;EAOT,QAAQ,GAAG;oBACK,OAAO,kBAAkB;;CAE3C;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,OAAO;EACP,QAAQ;CACV;CAEA,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/Button/type.d.mts

@@ -1,7 +1,7 @@
 import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
 import { Ref } from "react";
 import { ButtonProps } from "antd";
-
 //#region src/Button/type.d.ts
 interface ButtonProps$1 extends Omit<ButtonProps, 'icon'> {
   glass?: boolean;

package/es/Checkbox/Checkbox.mjs

@@ -4,11 +4,11 @@ import Text from "../Text/Text.mjs";
 import { styles } from "./style.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-import useControlledState from "use-merge-value";
+import useMergeState from "use-merge-value";
 import { CheckIcon, Minus } from "lucide-react";
 //#region src/Checkbox/Checkbox.tsx
 const Checkbox = ({ checked, defaultChecked, onChange, size = 16, className, style, children, textProps, backgroundColor, classNames, styles: customStyles, shape = "square", disabled, indeterminate, ...rest }) => {
-	const [value, setValue] = useControlledState(defaultChecked || false, {
+	const [value, setValue] = useMergeState(defaultChecked || false, {
 		defaultValue: defaultChecked,
 		onChange,
 		value: checked

package/es/Checkbox/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","names":["useMergeState","Flexbox"],"sources":["../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["import { cx } from 'antd-style';\nimport { CheckIcon, Minus } from 'lucide-react';\nimport type { CSSProperties, FC, MouseEvent } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Text from '@/Text';\n\nimport { styles } from './style';\nimport type { CheckboxProps } from './type';\n\nconst Checkbox: FC<CheckboxProps> = ({\n  checked,\n  defaultChecked,\n  onChange,\n  size = 16,\n  className,\n  style,\n  children,\n  textProps,\n  backgroundColor,\n  classNames,\n  styles: customStyles,\n  shape = 'square',\n  disabled,\n  indeterminate,\n  ...rest\n}) => {\n  const [value, setValue] = useMergeState(defaultChecked || false, {\n    defaultValue: defaultChecked,\n    onChange,\n    value: checked,\n  });\n\n  const checkboxStyles: CSSProperties = {\n    borderRadius: shape === 'square' ? `max(4px, ${Math.round(size / 4)}px)` : '50%',\n    ...style,\n    ...customStyles?.checkbox,\n  };\n\n  const handleClick = (e?: MouseEvent) => {\n    if (!disabled) {\n      e?.preventDefault();\n      setValue(!value);\n    }\n  };\n\n  const isIndeterminate = indeterminate;\n  const isChecked = !isIndeterminate && value;\n\n  const checkIcon = (\n    <Block\n      align={'center'}\n      flex={'none'}\n      height={size}\n      justify={'center'}\n      variant={'outlined'}\n      width={size}\n      className={cx(\n        styles.root,\n        isChecked && styles.checked,\n        isIndeterminate && styles.indeterminate,\n        disabled && styles.disabled,\n        className,\n        classNames?.checkbox,\n      )}\n      style={\n        backgroundColor && (isChecked || isIndeterminate)\n          ? { backgroundColor, borderColor: backgroundColor, ...checkboxStyles }\n          : { ...checkboxStyles }\n      }\n      onClick={handleClick}\n      {...rest}\n    >\n      {isIndeterminate ? (\n        <Minus\n          size={size}\n          strokeWidth={3}\n          style={{\n            transform: `scale(${shape === 'square' ? 0.75 : 0.66})`,\n          }}\n        />\n      ) : isChecked ? (\n        <CheckIcon\n          size={size}\n          strokeWidth={3}\n          style={{\n            transform: `scale(${shape === 'square' ? 0.75 : 0.66})`,\n          }}\n        />\n      ) : null}\n    </Block>\n  );\n\n  if (!children) return checkIcon;\n\n  return (\n    <Flexbox\n      horizontal\n      align={'center'}\n      className={classNames?.wrapper}\n      gap={Math.floor(size / 2)}\n      style={{\n        cursor: disabled ? 'not-allowed' : 'pointer',\n        userSelect: 'none',\n        ...customStyles?.wrapper,\n      }}\n      onClick={handleClick}\n    >\n      {checkIcon}\n      <Text\n        as={'span'}\n        className={cx(classNames?.text)}\n        style={customStyles?.text}\n        {...textProps}\n        type={disabled ? 'secondary' : textProps?.type}\n      >\n        {children}\n      </Text>\n    </Flexbox>\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"mappings":";;;;;;;;;AAYA,MAAM,YAA+B,EACnC,SACA,gBACA,UACA,OAAO,IACP,WACA,OACA,UACA,WACA,iBACA,YACA,QAAQ,cACR,QAAQ,UACR,UACA,eACA,GAAG,WACC;CACJ,MAAM,CAAC,OAAO,YAAYA,mBAAc,kBAAkB,OAAO;EAC/D,cAAc;EACd;EACA,OAAO;EACR,CAAC;CAEF,MAAM,iBAAgC;EACpC,cAAc,UAAU,WAAW,YAAY,KAAK,MAAM,OAAO,EAAE,CAAC,OAAO;EAC3E,GAAG;EACH,GAAG,cAAc;EAClB;CAED,MAAM,eAAe,MAAmB;AACtC,MAAI,CAAC,UAAU;AACb,MAAG,gBAAgB;AACnB,YAAS,CAAC,MAAM;;;CAIpB,MAAM,kBAAkB;CACxB,MAAM,YAAY,CAAC,mBAAmB;CAEtC,MAAM,YACJ,oBAAC,OAAD;EACE,OAAO;EACP,MAAM;EACN,QAAQ;EACR,SAAS;EACT,SAAS;EACT,OAAO;EACP,WAAW,GACT,OAAO,MACP,aAAa,OAAO,SACpB,mBAAmB,OAAO,eAC1B,YAAY,OAAO,UACnB,WACA,YAAY,SACb;EACD,OACE,oBAAoB,aAAa,mBAC7B;GAAE;GAAiB,aAAa;GAAiB,GAAG;GAAgB,GACpE,EAAE,GAAG,gBAAgB;EAE3B,SAAS;EACT,GAAI;YAEH,kBACC,oBAAC,OAAD;GACQ;GACN,aAAa;GACb,OAAO,EACL,WAAW,SAAS,UAAU,WAAW,MAAO,IAAK,IACtD;GACD,CAAA,GACA,YACF,oBAAC,WAAD;GACQ;GACN,aAAa;GACb,OAAO,EACL,WAAW,SAAS,UAAU,WAAW,MAAO,IAAK,IACtD;GACD,CAAA,GACA;EACE,CAAA;AAGV,KAAI,CAAC,SAAU,QAAO;AAEtB,QACE,qBAACC,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,YAAY;EACvB,KAAK,KAAK,MAAM,OAAO,EAAE;EACzB,OAAO;GACL,QAAQ,WAAW,gBAAgB;GACnC,YAAY;GACZ,GAAG,cAAc;GAClB;EACD,SAAS;YAVX,CAYG,WACD,oBAAC,MAAD;GACE,IAAI;GACJ,WAAW,GAAG,YAAY,KAAK;GAC/B,OAAO,cAAc;GACrB,GAAI;GACJ,MAAM,WAAW,cAAc,WAAW;GAEzC;GACI,CAAA,CACC;;;AAId,SAAS,cAAc"}
+{"version":3,"file":"Checkbox.mjs","names":["Flexbox"],"sources":["../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["import { cx } from 'antd-style';\nimport { CheckIcon, Minus } from 'lucide-react';\nimport type { CSSProperties, FC, MouseEvent } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Text from '@/Text';\n\nimport { styles } from './style';\nimport type { CheckboxProps } from './type';\n\nconst Checkbox: FC<CheckboxProps> = ({\n  checked,\n  defaultChecked,\n  onChange,\n  size = 16,\n  className,\n  style,\n  children,\n  textProps,\n  backgroundColor,\n  classNames,\n  styles: customStyles,\n  shape = 'square',\n  disabled,\n  indeterminate,\n  ...rest\n}) => {\n  const [value, setValue] = useMergeState(defaultChecked || false, {\n    defaultValue: defaultChecked,\n    onChange,\n    value: checked,\n  });\n\n  const checkboxStyles: CSSProperties = {\n    borderRadius: shape === 'square' ? `max(4px, ${Math.round(size / 4)}px)` : '50%',\n    ...style,\n    ...customStyles?.checkbox,\n  };\n\n  const handleClick = (e?: MouseEvent) => {\n    if (!disabled) {\n      e?.preventDefault();\n      setValue(!value);\n    }\n  };\n\n  const isIndeterminate = indeterminate;\n  const isChecked = !isIndeterminate && value;\n\n  const checkIcon = (\n    <Block\n      align={'center'}\n      flex={'none'}\n      height={size}\n      justify={'center'}\n      variant={'outlined'}\n      width={size}\n      className={cx(\n        styles.root,\n        isChecked && styles.checked,\n        isIndeterminate && styles.indeterminate,\n        disabled && styles.disabled,\n        className,\n        classNames?.checkbox,\n      )}\n      style={\n        backgroundColor && (isChecked || isIndeterminate)\n          ? { backgroundColor, borderColor: backgroundColor, ...checkboxStyles }\n          : { ...checkboxStyles }\n      }\n      onClick={handleClick}\n      {...rest}\n    >\n      {isIndeterminate ? (\n        <Minus\n          size={size}\n          strokeWidth={3}\n          style={{\n            transform: `scale(${shape === 'square' ? 0.75 : 0.66})`,\n          }}\n        />\n      ) : isChecked ? (\n        <CheckIcon\n          size={size}\n          strokeWidth={3}\n          style={{\n            transform: `scale(${shape === 'square' ? 0.75 : 0.66})`,\n          }}\n        />\n      ) : null}\n    </Block>\n  );\n\n  if (!children) return checkIcon;\n\n  return (\n    <Flexbox\n      horizontal\n      align={'center'}\n      className={classNames?.wrapper}\n      gap={Math.floor(size / 2)}\n      style={{\n        cursor: disabled ? 'not-allowed' : 'pointer',\n        userSelect: 'none',\n        ...customStyles?.wrapper,\n      }}\n      onClick={handleClick}\n    >\n      {checkIcon}\n      <Text\n        as={'span'}\n        className={cx(classNames?.text)}\n        style={customStyles?.text}\n        {...textProps}\n        type={disabled ? 'secondary' : textProps?.type}\n      >\n        {children}\n      </Text>\n    </Flexbox>\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"mappings":";;;;;;;;;AAYA,MAAM,YAA+B,EACnC,SACA,gBACA,UACA,OAAO,IACP,WACA,OACA,UACA,WACA,iBACA,YACA,QAAQ,cACR,QAAQ,UACR,UACA,eACA,GAAG,WACC;CACJ,MAAM,CAAC,OAAO,YAAY,cAAc,kBAAkB,OAAO;EAC/D,cAAc;EACd;EACA,OAAO;CACT,CAAC;CAED,MAAM,iBAAgC;EACpC,cAAc,UAAU,WAAW,YAAY,KAAK,MAAM,OAAO,CAAC,EAAE,OAAO;EAC3E,GAAG;EACH,GAAG,cAAc;CACnB;CAEA,MAAM,eAAe,MAAmB;EACtC,IAAI,CAAC,UAAU;GACb,GAAG,eAAe;GAClB,SAAS,CAAC,KAAK;EACjB;CACF;CAEA,MAAM,kBAAkB;CACxB,MAAM,YAAY,CAAC,mBAAmB;CAEtC,MAAM,YACJ,oBAAC,OAAD;EACE,OAAO;EACP,MAAM;EACN,QAAQ;EACR,SAAS;EACT,SAAS;EACT,OAAO;EACP,WAAW,GACT,OAAO,MACP,aAAa,OAAO,SACpB,mBAAmB,OAAO,eAC1B,YAAY,OAAO,UACnB,WACA,YAAY,QACd;EACA,OACE,oBAAoB,aAAa,mBAC7B;GAAE;GAAiB,aAAa;GAAiB,GAAG;EAAe,IACnE,EAAE,GAAG,eAAe;EAE1B,SAAS;EACT,GAAI;YAEH,kBACC,oBAAC,OAAD;GACQ;GACN,aAAa;GACb,OAAO,EACL,WAAW,SAAS,UAAU,WAAW,MAAO,IAAK,GACvD;EACD,CAAA,IACC,YACF,oBAAC,WAAD;GACQ;GACN,aAAa;GACb,OAAO,EACL,WAAW,SAAS,UAAU,WAAW,MAAO,IAAK,GACvD;EACD,CAAA,IACC;CACC,CAAA;CAGT,IAAI,CAAC,UAAU,OAAO;CAEtB,OACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,YAAY;EACvB,KAAK,KAAK,MAAM,OAAO,CAAC;EACxB,OAAO;GACL,QAAQ,WAAW,gBAAgB;GACnC,YAAY;GACZ,GAAG,cAAc;EACnB;EACA,SAAS;YAVX,CAYG,WACD,oBAAC,MAAD;GACE,IAAI;GACJ,WAAW,GAAG,YAAY,IAAI;GAC9B,OAAO,cAAc;GACrB,GAAI;GACJ,MAAM,WAAW,cAAc,WAAW;GAEzC;EACG,CAAA,CACC;;AAEb;AAEA,SAAS,cAAc"}

package/es/Checkbox/CheckboxGroup.d.mts

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

package/es/Checkbox/CheckboxGroup.mjs

@@ -1,16 +1,17 @@
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import Checkbox from "./Checkbox.mjs";
 import { jsx } from "react/jsx-runtime";
-import useControlledState from "use-merge-value";
+import useMergeState from "use-merge-value";
 //#region src/Checkbox/CheckboxGroup.tsx
 const CheckboxGroup = ({ defaultValue, disabled, onChange, options, textProps, value, shape, size, ...rest }) => {
-	const [selectedValues, setSelectedValues] = useControlledState(defaultValue || [], {
+	const [selectedValues, setSelectedValues] = useMergeState(defaultValue || [], {
 		defaultValue,
 		onChange,
 		value
 	});
 	const handleChange = (optionValue, checked) => {
-		setSelectedValues(checked ? [...selectedValues, optionValue] : selectedValues.filter((v) => v !== optionValue));
+		const newValues = checked ? [...selectedValues, optionValue] : selectedValues.filter((v) => v !== optionValue);
+		setSelectedValues(newValues);
 	};
 	const normalizedOptions = options.map((option) => {
 		if (typeof option === "string") return {

package/es/Checkbox/CheckboxGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.mjs","names":["useMergeState","Flexbox"],"sources":["../../src/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { Flexbox } from '@/Flex';\n\nimport Checkbox from './Checkbox';\nimport type { CheckboxGroupProps } from './type';\n\nconst CheckboxGroup: FC<CheckboxGroupProps> = ({\n  defaultValue,\n  disabled,\n  onChange,\n  options,\n  textProps,\n  value,\n  shape,\n  size,\n  ...rest\n}) => {\n  const [selectedValues, setSelectedValues] = useMergeState<string[]>(defaultValue || [], {\n    defaultValue,\n    onChange,\n    value,\n  });\n\n  const handleChange = (optionValue: string, checked: boolean) => {\n    const newValues = checked\n      ? [...selectedValues, optionValue]\n      : selectedValues.filter((v) => v !== optionValue);\n\n    setSelectedValues(newValues);\n  };\n\n  const normalizedOptions = options.map((option) => {\n    if (typeof option === 'string') {\n      return {\n        disabled: false,\n        label: option,\n        value: option,\n      };\n    }\n    return option;\n  });\n\n  return (\n    <Flexbox horizontal align={'center'} gap={16} wrap={'wrap'} {...rest}>\n      {normalizedOptions.map((option) => {\n        const isChecked = selectedValues.includes(option.value);\n        const isDisabled = disabled || option.disabled;\n\n        return (\n          <Checkbox\n            checked={isChecked}\n            disabled={isDisabled}\n            key={String(option.value)}\n            shape={shape}\n            size={size}\n            textProps={textProps}\n            onChange={(checked) => handleChange(option.value, checked)}\n          >\n            {option.label}\n          </Checkbox>\n        );\n      })}\n    </Flexbox>\n  );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\nexport default CheckboxGroup;\n"],"mappings":";;;;;AAQA,MAAM,iBAAyC,EAC7C,cACA,UACA,UACA,SACA,WACA,OACA,OACA,MACA,GAAG,WACC;CACJ,MAAM,CAAC,gBAAgB,qBAAqBA,mBAAwB,gBAAgB,EAAE,EAAE;EACtF;EACA;EACA;EACD,CAAC;CAEF,MAAM,gBAAgB,aAAqB,YAAqB;AAK9D,oBAJkB,UACd,CAAC,GAAG,gBAAgB,YAAY,GAChC,eAAe,QAAQ,MAAM,MAAM,YAAY,CAEvB;;CAG9B,MAAM,oBAAoB,QAAQ,KAAK,WAAW;AAChD,MAAI,OAAO,WAAW,SACpB,QAAO;GACL,UAAU;GACV,OAAO;GACP,OAAO;GACR;AAEH,SAAO;GACP;AAEF,QACE,oBAACC,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAAI,MAAM;EAAQ,GAAI;YAC7D,kBAAkB,KAAK,WAAW;AAIjC,UACE,oBAAC,UAAD;IACE,SALc,eAAe,SAAS,OAAO,MAK3B;IAClB,UALe,YAAY,OAAO;IAO3B;IACD;IACK;IACX,WAAW,YAAY,aAAa,OAAO,OAAO,QAAQ;cAEzD,OAAO;IACC,EAPJ,OAAO,OAAO,MAAM,CAOhB;IAEb;EACM,CAAA;;AAId,cAAc,cAAc"}
+{"version":3,"file":"CheckboxGroup.mjs","names":["Flexbox"],"sources":["../../src/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { Flexbox } from '@/Flex';\n\nimport Checkbox from './Checkbox';\nimport type { CheckboxGroupProps } from './type';\n\nconst CheckboxGroup: FC<CheckboxGroupProps> = ({\n  defaultValue,\n  disabled,\n  onChange,\n  options,\n  textProps,\n  value,\n  shape,\n  size,\n  ...rest\n}) => {\n  const [selectedValues, setSelectedValues] = useMergeState<string[]>(defaultValue || [], {\n    defaultValue,\n    onChange,\n    value,\n  });\n\n  const handleChange = (optionValue: string, checked: boolean) => {\n    const newValues = checked\n      ? [...selectedValues, optionValue]\n      : selectedValues.filter((v) => v !== optionValue);\n\n    setSelectedValues(newValues);\n  };\n\n  const normalizedOptions = options.map((option) => {\n    if (typeof option === 'string') {\n      return {\n        disabled: false,\n        label: option,\n        value: option,\n      };\n    }\n    return option;\n  });\n\n  return (\n    <Flexbox horizontal align={'center'} gap={16} wrap={'wrap'} {...rest}>\n      {normalizedOptions.map((option) => {\n        const isChecked = selectedValues.includes(option.value);\n        const isDisabled = disabled || option.disabled;\n\n        return (\n          <Checkbox\n            checked={isChecked}\n            disabled={isDisabled}\n            key={String(option.value)}\n            shape={shape}\n            size={size}\n            textProps={textProps}\n            onChange={(checked) => handleChange(option.value, checked)}\n          >\n            {option.label}\n          </Checkbox>\n        );\n      })}\n    </Flexbox>\n  );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\nexport default CheckboxGroup;\n"],"mappings":";;;;;AAQA,MAAM,iBAAyC,EAC7C,cACA,UACA,UACA,SACA,WACA,OACA,OACA,MACA,GAAG,WACC;CACJ,MAAM,CAAC,gBAAgB,qBAAqB,cAAwB,gBAAgB,CAAC,GAAG;EACtF;EACA;EACA;CACF,CAAC;CAED,MAAM,gBAAgB,aAAqB,YAAqB;EAC9D,MAAM,YAAY,UACd,CAAC,GAAG,gBAAgB,WAAW,IAC/B,eAAe,QAAQ,MAAM,MAAM,WAAW;EAElD,kBAAkB,SAAS;CAC7B;CAEA,MAAM,oBAAoB,QAAQ,KAAK,WAAW;EAChD,IAAI,OAAO,WAAW,UACpB,OAAO;GACL,UAAU;GACV,OAAO;GACP,OAAO;EACT;EAEF,OAAO;CACT,CAAC;CAED,OACE,oBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAAI,MAAM;EAAQ,GAAI;YAC7D,kBAAkB,KAAK,WAAW;GAIjC,OACE,oBAAC,UAAD;IACE,SALc,eAAe,SAAS,OAAO,KAK5B;IACjB,UALe,YAAY,OAAO;IAO3B;IACD;IACK;IACX,WAAW,YAAY,aAAa,OAAO,OAAO,OAAO;cAExD,OAAO;GACA,GAPH,OAAO,OAAO,KAAK,CAOhB;EAEd,CAAC;CACM,CAAA;AAEb;AAEA,cAAc,cAAc"}