@lobehub/ui 5.20.3 → 5.22.0

package/es/Tag/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","names":["Tag","AntTag"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport { Tag as AntTag } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from '@/Tag/utils';\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nimport { variants } from './styles';\nimport type { TagProps } from './type';\n\nconst Tag: FC<TagProps> = ({\n  className,\n  ref,\n  shape = 'normal',\n  size = 'middle',\n  color,\n  variant = 'filled',\n  children,\n  onClick,\n  style,\n  ...rest\n}) => {\n  const colors = useMemo(() => {\n    const resolveActualColor = (colorValue?: string) => {\n      if (!colorValue || !colorValue.startsWith('var(')) return colorValue;\n      if (typeof window === 'undefined') return colorValue;\n\n      const matched = colorValue.match(/var\\((--[^,\\s)]+)/);\n      if (!matched?.[1]) return colorValue;\n\n      const resolved = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue(matched[1])\n        .trim();\n\n      return resolved || colorValue;\n    };\n\n    let textColor = cssVar.colorTextSecondary;\n    let backgroundColor;\n    let borderColor;\n    const isBorderless = variant === 'borderless';\n    const isFilled = variant === 'filled';\n    const isSolid = variant === 'solid';\n    const isPresetColor = color && presetColors.includes(color);\n    const isPresetSystemColors = color && presetSystemColors.has(color);\n    const isHexColor = color && color.startsWith('#');\n\n    if (isPresetColor) {\n      const solidBgColor = colorsPreset(color);\n      textColor = isSolid\n        ? safeReadableColor(resolveActualColor(solidBgColor) || solidBgColor)\n        : colorsPreset(color, 'active');\n      backgroundColor = isSolid\n        ? solidBgColor\n        : isBorderless\n          ? 'transparent'\n          : colorsPreset(color, 'fillTertiary');\n      borderColor = isSolid\n        ? solidBgColor\n        : colorsPreset(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isPresetSystemColors) {\n      const solidBgColor = colorsPresetSystem(color);\n      textColor = isSolid\n        ? safeReadableColor(resolveActualColor(solidBgColor) || solidBgColor)\n        : colorsPresetSystem(color);\n      backgroundColor = isSolid\n        ? solidBgColor\n        : isBorderless\n          ? 'transparent'\n          : colorsPresetSystem(color, 'fillTertiary');\n      borderColor = isSolid\n        ? solidBgColor\n        : colorsPresetSystem(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isHexColor) {\n      textColor = isSolid ? safeReadableColor(color) : cssVar.colorBgLayout;\n      backgroundColor = isSolid ? color : isBorderless ? 'transparent' : color;\n      borderColor = isSolid ? color : borderColor;\n    }\n\n    return {\n      backgroundColor,\n      borderColor,\n      textColor,\n    };\n  }, [color, variant]);\n\n  return (\n    <AntTag\n      className={cx(variants({ shape, size, variant: variant as any }), className)}\n      color={color}\n      ref={ref}\n      variant={variant === 'borderless' ? 'outlined' : variant === 'solid' ? 'filled' : variant}\n      style={{\n        background: colors?.backgroundColor,\n        borderColor: colors?.borderColor,\n        color: colors?.textColor,\n        cursor: onClick ? 'pointer' : undefined,\n        ...style,\n      }}\n      onClick={onClick}\n      {...rest}\n    >\n      {children}\n    </AntTag>\n  );\n};\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"mappings":";;;;;;;;;AAYA,MAAMA,SAAqB,EACzB,WACA,KACA,QAAQ,UACR,OAAO,UACP,OACA,UAAU,UACV,UACA,SACA,OACA,GAAG,WACC;CACJ,MAAM,SAAS,cAAc;EAC3B,MAAM,sBAAsB,eAAwB;AAClD,OAAI,CAAC,cAAc,CAAC,WAAW,WAAW,OAAO,CAAE,QAAO;AAC1D,OAAI,OAAO,WAAW,YAAa,QAAO;GAE1C,MAAM,UAAU,WAAW,MAAM,oBAAoB;AACrD,OAAI,CAAC,UAAU,GAAI,QAAO;AAO1B,UALiB,OACd,iBAAiB,SAAS,gBAAgB,CAC1C,iBAAiB,QAAQ,GAAG,CAC5B,MAEY,IAAI;;EAGrB,IAAI,YAAY,OAAO;EACvB,IAAI;EACJ,IAAI;EACJ,MAAM,eAAe,YAAY;EACjC,MAAM,WAAW,YAAY;EAC7B,MAAM,UAAU,YAAY;EAC5B,MAAM,gBAAgB,SAAS,aAAa,SAAS,MAAM;EAC3D,MAAM,uBAAuB,SAAS,mBAAmB,IAAI,MAAM;EACnE,MAAM,aAAa,SAAS,MAAM,WAAW,IAAI;AAEjD,MAAI,eAAe;GACjB,MAAM,eAAe,aAAa,MAAM;AACxC,eAAY,UACR,kBAAkB,mBAAmB,aAAa,IAAI,aAAa,GACnE,aAAa,OAAO,SAAS;AACjC,qBAAkB,UACd,eACA,eACE,gBACA,aAAa,OAAO,eAAe;AACzC,iBAAc,UACV,eACA,aAAa,OAAO,WAAW,mBAAmB,eAAe;;AAEvE,MAAI,sBAAsB;GACxB,MAAM,eAAe,mBAAmB,MAAM;AAC9C,eAAY,UACR,kBAAkB,mBAAmB,aAAa,IAAI,aAAa,GACnE,mBAAmB,MAAM;AAC7B,qBAAkB,UACd,eACA,eACE,gBACA,mBAAmB,OAAO,eAAe;AAC/C,iBAAc,UACV,eACA,mBAAmB,OAAO,WAAW,mBAAmB,eAAe;;AAE7E,MAAI,YAAY;AACd,eAAY,UAAU,kBAAkB,MAAM,GAAG,OAAO;AACxD,qBAAkB,UAAU,QAAQ,eAAe,gBAAgB;AACnE,iBAAc,UAAU,QAAQ;;AAGlC,SAAO;GACL;GACA;GACA;GACD;IACA,CAAC,OAAO,QAAQ,CAAC;AAEpB,QACE,oBAACC,KAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAO;GAAe;GAAgB,CAAC,EAAE,UAAU;EACrE;EACF;EACL,SAAS,YAAY,eAAe,aAAa,YAAY,UAAU,WAAW;EAClF,OAAO;GACL,YAAY,QAAQ;GACpB,aAAa,QAAQ;GACrB,OAAO,QAAQ;GACf,QAAQ,UAAU,YAAY,KAAA;GAC9B,GAAG;GACJ;EACQ;EACT,GAAI;EAEH;EACM,CAAA;;AAIb,MAAI,cAAc"}
+{"version":3,"file":"Tag.mjs","names":["Tag","AntTag"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport { Tag as AntTag } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from '@/Tag/utils';\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nimport { variants } from './styles';\nimport type { TagProps } from './type';\n\nconst Tag: FC<TagProps> = ({\n  className,\n  ref,\n  shape = 'normal',\n  size = 'middle',\n  color,\n  variant = 'filled',\n  children,\n  onClick,\n  style,\n  ...rest\n}) => {\n  const colors = useMemo(() => {\n    const resolveActualColor = (colorValue?: string) => {\n      if (!colorValue || !colorValue.startsWith('var(')) return colorValue;\n      if (typeof window === 'undefined') return colorValue;\n\n      const matched = colorValue.match(/var\\((--[^,\\s)]+)/);\n      if (!matched?.[1]) return colorValue;\n\n      const resolved = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue(matched[1])\n        .trim();\n\n      return resolved || colorValue;\n    };\n\n    let textColor = cssVar.colorTextSecondary;\n    let backgroundColor;\n    let borderColor;\n    const isBorderless = variant === 'borderless';\n    const isFilled = variant === 'filled';\n    const isSolid = variant === 'solid';\n    const isPresetColor = color && presetColors.includes(color);\n    const isPresetSystemColors = color && presetSystemColors.has(color);\n    const isHexColor = color && color.startsWith('#');\n\n    if (isPresetColor) {\n      const solidBgColor = colorsPreset(color);\n      textColor = isSolid\n        ? safeReadableColor(resolveActualColor(solidBgColor) || solidBgColor)\n        : colorsPreset(color, 'active');\n      backgroundColor = isSolid\n        ? solidBgColor\n        : isBorderless\n          ? 'transparent'\n          : colorsPreset(color, 'fillTertiary');\n      borderColor = isSolid\n        ? solidBgColor\n        : colorsPreset(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isPresetSystemColors) {\n      const solidBgColor = colorsPresetSystem(color);\n      textColor = isSolid\n        ? safeReadableColor(resolveActualColor(solidBgColor) || solidBgColor)\n        : colorsPresetSystem(color);\n      backgroundColor = isSolid\n        ? solidBgColor\n        : isBorderless\n          ? 'transparent'\n          : colorsPresetSystem(color, 'fillTertiary');\n      borderColor = isSolid\n        ? solidBgColor\n        : colorsPresetSystem(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isHexColor) {\n      textColor = isSolid ? safeReadableColor(color) : cssVar.colorBgLayout;\n      backgroundColor = isSolid ? color : isBorderless ? 'transparent' : color;\n      borderColor = isSolid ? color : borderColor;\n    }\n\n    return {\n      backgroundColor,\n      borderColor,\n      textColor,\n    };\n  }, [color, variant]);\n\n  return (\n    <AntTag\n      className={cx(variants({ shape, size, variant: variant as any }), className)}\n      color={color}\n      ref={ref}\n      variant={variant === 'borderless' ? 'outlined' : variant === 'solid' ? 'filled' : variant}\n      style={{\n        background: colors?.backgroundColor,\n        borderColor: colors?.borderColor,\n        color: colors?.textColor,\n        cursor: onClick ? 'pointer' : undefined,\n        ...style,\n      }}\n      onClick={onClick}\n      {...rest}\n    >\n      {children}\n    </AntTag>\n  );\n};\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"mappings":";;;;;;;;;AAYA,MAAMA,SAAqB,EACzB,WACA,KACA,QAAQ,UACR,OAAO,UACP,OACA,UAAU,UACV,UACA,SACA,OACA,GAAG,WACC;CACJ,MAAM,SAAS,cAAc;EAC3B,MAAM,sBAAsB,eAAwB;GAClD,IAAI,CAAC,cAAc,CAAC,WAAW,WAAW,MAAM,GAAG,OAAO;GAC1D,IAAI,OAAO,WAAW,aAAa,OAAO;GAE1C,MAAM,UAAU,WAAW,MAAM,mBAAmB;GACpD,IAAI,CAAC,UAAU,IAAI,OAAO;GAO1B,OALiB,OACd,iBAAiB,SAAS,eAAe,CAAC,CAC1C,iBAAiB,QAAQ,EAAE,CAAC,CAC5B,KAEW,KAAK;EACrB;EAEA,IAAI,YAAY,OAAO;EACvB,IAAI;EACJ,IAAI;EACJ,MAAM,eAAe,YAAY;EACjC,MAAM,WAAW,YAAY;EAC7B,MAAM,UAAU,YAAY;EAC5B,MAAM,gBAAgB,SAAS,aAAa,SAAS,KAAK;EAC1D,MAAM,uBAAuB,SAAS,mBAAmB,IAAI,KAAK;EAClE,MAAM,aAAa,SAAS,MAAM,WAAW,GAAG;EAEhD,IAAI,eAAe;GACjB,MAAM,eAAe,aAAa,KAAK;GACvC,YAAY,UACR,kBAAkB,mBAAmB,YAAY,KAAK,YAAY,IAClE,aAAa,OAAO,QAAQ;GAChC,kBAAkB,UACd,eACA,eACE,gBACA,aAAa,OAAO,cAAc;GACxC,cAAc,UACV,eACA,aAAa,OAAO,WAAW,mBAAmB,cAAc;EACtE;EACA,IAAI,sBAAsB;GACxB,MAAM,eAAe,mBAAmB,KAAK;GAC7C,YAAY,UACR,kBAAkB,mBAAmB,YAAY,KAAK,YAAY,IAClE,mBAAmB,KAAK;GAC5B,kBAAkB,UACd,eACA,eACE,gBACA,mBAAmB,OAAO,cAAc;GAC9C,cAAc,UACV,eACA,mBAAmB,OAAO,WAAW,mBAAmB,cAAc;EAC5E;EACA,IAAI,YAAY;GACd,YAAY,UAAU,kBAAkB,KAAK,IAAI,OAAO;GACxD,kBAAkB,UAAU,QAAQ,eAAe,gBAAgB;GACnE,cAAc,UAAU,QAAQ;EAClC;EAEA,OAAO;GACL;GACA;GACA;EACF;CACF,GAAG,CAAC,OAAO,OAAO,CAAC;CAEnB,OACE,oBAACC,KAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAO;GAAe;EAAe,CAAC,GAAG,SAAS;EACpE;EACF;EACL,SAAS,YAAY,eAAe,aAAa,YAAY,UAAU,WAAW;EAClF,OAAO;GACL,YAAY,QAAQ;GACpB,aAAa,QAAQ;GACrB,OAAO,QAAQ;GACf,QAAQ,UAAU,YAAY,KAAA;GAC9B,GAAG;EACL;EACS;EACT,GAAI;EAEH;CACK,CAAA;AAEZ;AAEA,MAAI,cAAc"}

package/es/Tag/index.d.mts

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

package/es/Tag/styles.mjs

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

package/es/Tag/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","names":["lobeStaticStylish"],"sources":["../../src/Tag/styles.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  borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n  filled: lobeStaticStylish.variantFilledWithoutHover,\n  large: css`\n    &.${prefixCls}-tag {\n      height: 28px;\n      padding-inline: 12px;\n      border-radius: 6px !important;\n    }\n  `,\n  outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  round: css`\n    &.${prefixCls}-tag {\n      border-radius: 999px !important;\n    }\n  `,\n  roundLarge: css`\n    &.${prefixCls}-tag {\n      padding-inline: 14px;\n    }\n  `,\n  roundMiddle: css`\n    &.${prefixCls}-tag {\n      padding-inline: 10px;\n    }\n  `,\n  roundSmall: css`\n    &.${prefixCls}-tag {\n      padding-inline: 8px;\n    }\n  `,\n  root: css`\n    color: ${cssVar.colorTextSecondary};\n\n    &.${prefixCls}-tag {\n      user-select: none;\n\n      display: flex;\n      gap: 0.4em;\n      align-items: center;\n      justify-content: center;\n\n      width: fit-content;\n      height: 22px;\n      margin: 0;\n      border-radius: 3px;\n\n      line-height: 1.2;\n\n      span {\n        margin: 0;\n      }\n\n      span:not(.anticon) {\n        line-height: inherit;\n      }\n    }\n  `,\n  small: css`\n    &.${prefixCls}-tag {\n      height: 20px;\n      padding-inline: 4px;\n      border-radius: 3px;\n    }\n  `,\n}));\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shape: 'normal',\n    size: 'middle',\n    variant: 'filled',\n  },\n\n  compoundVariants: [\n    {\n      className: styles.roundSmall,\n      shape: 'round',\n      size: 'small',\n    },\n    {\n      className: styles.roundMiddle,\n      shape: 'round',\n      size: 'middle',\n    },\n    {\n      className: styles.roundLarge,\n      shape: 'round',\n      size: 'large',\n    },\n  ],\n\n  variants: {\n    shape: {\n      normal: null,\n      round: styles.round,\n    },\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n      solid: styles.filled,\n    },\n    size: {\n      small: styles.small,\n      middle: null,\n      large: styles.large,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,YAAYA,cAAkB;CAC9B,QAAQA,cAAkB;CAC1B,OAAO,GAAG;QACJ,UAAU;;;;;;CAMhB,UAAUA,cAAkB;CAC5B,OAAO,GAAG;QACJ,UAAU;;;;CAIhB,YAAY,GAAG;QACT,UAAU;;;;CAIhB,aAAa,GAAG;QACV,UAAU;;;;CAIhB,YAAY,GAAG;QACT,UAAU;;;;CAIhB,MAAM,GAAG;aACE,OAAO,mBAAmB;;QAE/B,UAAU;;;;;;;;;;;;;;;;;;;;;;;;CAwBhB,OAAO,GAAG;QACJ,UAAU;;;;;;CAMjB,EAAE;AAEH,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,OAAO;EACP,MAAM;EACN,SAAS;EACV;CAED,kBAAkB;EAChB;GACE,WAAW,OAAO;GAClB,OAAO;GACP,MAAM;GACP;EACD;GACE,WAAW,OAAO;GAClB,OAAO;GACP,MAAM;GACP;EACD;GACE,WAAW,OAAO;GAClB,OAAO;GACP,MAAM;GACP;EACF;CAED,UAAU;EACR,OAAO;GACL,QAAQ;GACR,OAAO,OAAO;GACf;EACD,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACnB,OAAO,OAAO;GACf;EACD,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ;GACR,OAAO,OAAO;GACf;EACF;CACF,CAAC"}
+{"version":3,"file":"styles.mjs","names":["lobeStaticStylish"],"sources":["../../src/Tag/styles.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  borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n  filled: lobeStaticStylish.variantFilledWithoutHover,\n  large: css`\n    &.${prefixCls}-tag {\n      height: 28px;\n      padding-inline: 12px;\n      border-radius: 6px !important;\n    }\n  `,\n  outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  round: css`\n    &.${prefixCls}-tag {\n      border-radius: 999px !important;\n    }\n  `,\n  roundLarge: css`\n    &.${prefixCls}-tag {\n      padding-inline: 14px;\n    }\n  `,\n  roundMiddle: css`\n    &.${prefixCls}-tag {\n      padding-inline: 10px;\n    }\n  `,\n  roundSmall: css`\n    &.${prefixCls}-tag {\n      padding-inline: 8px;\n    }\n  `,\n  root: css`\n    color: ${cssVar.colorTextSecondary};\n\n    &.${prefixCls}-tag {\n      user-select: none;\n\n      display: flex;\n      gap: 0.4em;\n      align-items: center;\n      justify-content: center;\n\n      width: fit-content;\n      height: 22px;\n      margin: 0;\n      border-radius: 3px;\n\n      line-height: 1.2;\n\n      span {\n        margin: 0;\n      }\n\n      span:not(.anticon) {\n        line-height: inherit;\n      }\n    }\n  `,\n  small: css`\n    &.${prefixCls}-tag {\n      height: 20px;\n      padding-inline: 4px;\n      border-radius: 3px;\n    }\n  `,\n}));\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shape: 'normal',\n    size: 'middle',\n    variant: 'filled',\n  },\n\n  compoundVariants: [\n    {\n      className: styles.roundSmall,\n      shape: 'round',\n      size: 'small',\n    },\n    {\n      className: styles.roundMiddle,\n      shape: 'round',\n      size: 'middle',\n    },\n    {\n      className: styles.roundLarge,\n      shape: 'round',\n      size: 'large',\n    },\n  ],\n\n  variants: {\n    shape: {\n      normal: null,\n      round: styles.round,\n    },\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n      solid: styles.filled,\n    },\n    size: {\n      small: styles.small,\n      middle: null,\n      large: styles.large,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,YAAYA,cAAkB;CAC9B,QAAQA,cAAkB;CAC1B,OAAO,GAAG;QACJ,UAAU;;;;;;CAMhB,UAAUA,cAAkB;CAC5B,OAAO,GAAG;QACJ,UAAU;;;;CAIhB,YAAY,GAAG;QACT,UAAU;;;;CAIhB,aAAa,GAAG;QACV,UAAU;;;;CAIhB,YAAY,GAAG;QACT,UAAU;;;;CAIhB,MAAM,GAAG;aACE,OAAO,mBAAmB;;QAE/B,UAAU;;;;;;;;;;;;;;;;;;;;;;;;CAwBhB,OAAO,GAAG;QACJ,UAAU;;;;;;AAMlB,EAAE;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,OAAO;EACP,MAAM;EACN,SAAS;CACX;CAEA,kBAAkB;EAChB;GACE,WAAW,OAAO;GAClB,OAAO;GACP,MAAM;EACR;EACA;GACE,WAAW,OAAO;GAClB,OAAO;GACP,MAAM;EACR;EACA;GACE,WAAW,OAAO;GAClB,OAAO;GACP,MAAM;EACR;CACF;CAEA,UAAU;EACR,OAAO;GACL,QAAQ;GACR,OAAO,OAAO;EAChB;EACA,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACnB,OAAO,OAAO;EAChB;EACA,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ;GACR,OAAO,OAAO;EAChB;CACF;AACF,CAAC"}

package/es/Tag/type.d.mts

@@ -1,6 +1,5 @@
 import { Ref } from "react";
 import { TagProps } from "antd";
-
 //#region src/Tag/type.d.ts
 interface TagProps$1 extends Omit<TagProps, 'color' | 'variant'> {
   color?: TagProps['color'] | 'info';

package/es/Tag/utils.mjs

@@ -16,7 +16,7 @@ const presetColors = [
 	"magenta",
 	"gray"
 ];
-const presetSystemColors = new Set([
+const presetSystemColors = /* @__PURE__ */ new Set([
 	"error",
 	"warning",
 	"success",

package/es/Tag/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Tag/utils.ts"],"sourcesContent":["import { cssVar } from 'antd-style';\nimport { camelCase } from 'es-toolkit/compat';\n\nexport const presetColors = [\n  'red',\n  'volcano',\n  'orange',\n  'gold',\n  'yellow',\n  'lime',\n  'green',\n  'cyan',\n  'blue',\n  'geekblue',\n  'purple',\n  'magenta',\n  'gray',\n];\n\nexport const presetSystemColors = new Set(['error', 'warning', 'success', 'info', 'processing']);\n\nconst toKebabCase = (value: string) =>\n  value\n    .replaceAll(/([a-z])([A-Z])/g, '$1-$2')\n    .replaceAll(/([a-z])(\\d)/g, '$1-$2')\n    .replaceAll(/(\\d)([A-Z])/g, '$1-$2')\n    .replaceAll(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')\n    .toLowerCase();\n\nconst getCssVar = (tokenKey: string) => {\n  const mapped = (cssVar as Record<string, string>)[tokenKey];\n  return mapped || `var(--ant-${toKebabCase(tokenKey)})`;\n};\n\nexport const colorsPreset = (type: string, ...keys: string[]) =>\n  getCssVar(camelCase([type, ...keys].join('-')));\n\nexport const colorsPresetSystem = (type: string, ...keys: string[]) => {\n  const t = type === 'processing' ? 'info' : type;\n  return getCssVar(camelCase(['color', t, ...keys].join('-')));\n};\n"],"mappings":";;;AAGA,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,qBAAqB,IAAI,IAAI;CAAC;CAAS;CAAW;CAAW;CAAQ;CAAa,CAAC;AAEhG,MAAM,eAAe,UACnB,MACG,WAAW,mBAAmB,QAAQ,CACtC,WAAW,gBAAgB,QAAQ,CACnC,WAAW,gBAAgB,QAAQ,CACnC,WAAW,yBAAyB,QAAQ,CAC5C,aAAa;AAElB,MAAM,aAAa,aAAqB;AAEtC,QADgB,OAAkC,aACjC,aAAa,YAAY,SAAS,CAAC;;AAGtD,MAAa,gBAAgB,MAAc,GAAG,SAC5C,UAAU,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC;AAEjD,MAAa,sBAAsB,MAAc,GAAG,SAAmB;AAErE,QAAO,UAAU,UAAU;EAAC;EADlB,SAAS,eAAe,SAAS;EACH,GAAG;EAAK,CAAC,KAAK,IAAI,CAAC,CAAC"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Tag/utils.ts"],"sourcesContent":["import { cssVar } from 'antd-style';\nimport { camelCase } from 'es-toolkit/compat';\n\nexport const presetColors = [\n  'red',\n  'volcano',\n  'orange',\n  'gold',\n  'yellow',\n  'lime',\n  'green',\n  'cyan',\n  'blue',\n  'geekblue',\n  'purple',\n  'magenta',\n  'gray',\n];\n\nexport const presetSystemColors = new Set(['error', 'warning', 'success', 'info', 'processing']);\n\nconst toKebabCase = (value: string) =>\n  value\n    .replaceAll(/([a-z])([A-Z])/g, '$1-$2')\n    .replaceAll(/([a-z])(\\d)/g, '$1-$2')\n    .replaceAll(/(\\d)([A-Z])/g, '$1-$2')\n    .replaceAll(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')\n    .toLowerCase();\n\nconst getCssVar = (tokenKey: string) => {\n  const mapped = (cssVar as Record<string, string>)[tokenKey];\n  return mapped || `var(--ant-${toKebabCase(tokenKey)})`;\n};\n\nexport const colorsPreset = (type: string, ...keys: string[]) =>\n  getCssVar(camelCase([type, ...keys].join('-')));\n\nexport const colorsPresetSystem = (type: string, ...keys: string[]) => {\n  const t = type === 'processing' ? 'info' : type;\n  return getCssVar(camelCase(['color', t, ...keys].join('-')));\n};\n"],"mappings":";;;AAGA,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAa,qCAAqB,IAAI,IAAI;CAAC;CAAS;CAAW;CAAW;CAAQ;AAAY,CAAC;AAE/F,MAAM,eAAe,UACnB,MACG,WAAW,mBAAmB,OAAO,CAAC,CACtC,WAAW,gBAAgB,OAAO,CAAC,CACnC,WAAW,gBAAgB,OAAO,CAAC,CACnC,WAAW,yBAAyB,OAAO,CAAC,CAC5C,YAAY;AAEjB,MAAM,aAAa,aAAqB;CAEtC,OADgB,OAAkC,aACjC,aAAa,YAAY,QAAQ,EAAE;AACtD;AAEA,MAAa,gBAAgB,MAAc,GAAG,SAC5C,UAAU,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;AAEhD,MAAa,sBAAsB,MAAc,GAAG,SAAmB;CAErE,OAAO,UAAU,UAAU;EAAC;EADlB,SAAS,eAAe,SAAS;EACH,GAAG;CAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;AAC7D"}

package/es/Text/Text.d.mts

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

package/es/Text/Text.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { useTextOverflow } from "../hooks/useTextOverflow.mjs";
-import Tooltip from "../base-ui/Tooltip/Tooltip.mjs";
+import { Tooltip } from "../base-ui/Tooltip/Tooltip.mjs";
 import { variants } from "./styles.mjs";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/es/Text/Text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","names":[],"sources":["../../src/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, useRef } from 'react';\n\nimport { useTextOverflow } from '@/hooks/useTextOverflow';\nimport Tooltip from '@/Tooltip';\n\nimport { variants } from './styles';\nimport { type TextProps } from './type';\n\nconst Text: FC<TextProps> = ({\n  as: Container = 'div',\n  align,\n  className,\n  children,\n  style,\n  type,\n  disabled,\n  strong,\n  italic,\n  underline,\n  delete: deleteStyle,\n  fontSize,\n  lineClamp,\n  lineHeight,\n  mark,\n  code,\n  color,\n  weight,\n  ellipsis,\n  noWrap,\n  textDecoration,\n  textTransform,\n  whiteSpace,\n  wordBreak,\n  ...rest\n}) => {\n  const textRef = useRef<HTMLElement>(null);\n  const isOverflow = useTextOverflow(textRef, ellipsis, children);\n\n  const isMultiEllipsis = typeof ellipsis === 'object' && !!ellipsis.rows && ellipsis.rows > 1;\n  const tooltipWhenOverflow = typeof ellipsis === 'object' && ellipsis.tooltipWhenOverflow;\n\n  const textStyle = {\n    ...(color && { color }),\n    ...(weight && { fontWeight: weight }),\n    ...(lineHeight && { lineHeight }),\n    ...(textTransform && { textTransform }),\n    ...(textDecoration && { textDecoration }),\n    ...(wordBreak && { wordBreak }),\n    ...(typeof ellipsis === 'object' &&\n      ellipsis.rows && {\n        WebkitLineClamp: ellipsis.rows,\n      }),\n    ...(!ellipsis &&\n      !!lineClamp && {\n        WebkitBoxOrient: 'vertical',\n        WebkitLineClamp: lineClamp,\n        display: '-webkit-box',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n      }),\n    ...(fontSize && { fontSize }),\n    ...(align && { textAlign: align }),\n    ...(!isMultiEllipsis && noWrap && { whiteSpace: 'nowrap' as const }),\n    ...(whiteSpace && { whiteSpace }),\n    ...style,\n  };\n\n  const content = (\n    <Container\n      ref={textRef}\n      style={textStyle}\n      className={cx(\n        variants({\n          as: ['h1', 'h2', 'h3', 'h4', 'h5', 'p'].includes(Container as string)\n            ? (Container as any)\n            : undefined,\n          code,\n          delete: deleteStyle,\n          disabled,\n          ellipsis: ellipsis\n            ? typeof ellipsis === 'object' && ellipsis.rows\n              ? 'multi'\n              : true\n            : undefined,\n          italic,\n          mark,\n          strong,\n          type,\n          underline,\n        }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Container>\n  );\n\n  // 处理带有 tooltip 的省略\n  if (\n    ellipsis &&\n    typeof ellipsis === 'object' &&\n    (ellipsis.tooltip || ellipsis.tooltipWhenOverflow)\n  ) {\n    // 如果设置了 tooltipWhenOverflow，只在溢出时显示 tooltip\n    if (tooltipWhenOverflow && !isOverflow) {\n      return content;\n    }\n\n    const title = typeof ellipsis.tooltip === 'string' ? ellipsis.tooltip : children;\n    if (ellipsis.tooltip && typeof ellipsis.tooltip === 'object')\n      return (\n        <Tooltip {...ellipsis.tooltip} title={ellipsis.tooltip?.title || title}>\n          {content}\n        </Tooltip>\n      );\n    return <Tooltip title={title}>{content}</Tooltip>;\n  }\n\n  return content;\n};\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"mappings":";;;;;;;;AAWA,MAAM,QAAuB,EAC3B,IAAI,YAAY,OAChB,OACA,WACA,UACA,OACA,MACA,UACA,QACA,QACA,WACA,QAAQ,aACR,UACA,WACA,YACA,MACA,MACA,OACA,QACA,UACA,QACA,gBACA,eACA,YACA,WACA,GAAG,WACC;CACJ,MAAM,UAAU,OAAoB,KAAK;CACzC,MAAM,aAAa,gBAAgB,SAAS,UAAU,SAAS;CAE/D,MAAM,kBAAkB,OAAO,aAAa,YAAY,CAAC,CAAC,SAAS,QAAQ,SAAS,OAAO;CAC3F,MAAM,sBAAsB,OAAO,aAAa,YAAY,SAAS;CA4BrE,MAAM,UACJ,oBAAC,WAAD;EACE,KAAK;EACL,OAAO;GA5BT,GAAI,SAAS,EAAE,OAAO;GACtB,GAAI,UAAU,EAAE,YAAY,QAAQ;GACpC,GAAI,cAAc,EAAE,YAAY;GAChC,GAAI,iBAAiB,EAAE,eAAe;GACtC,GAAI,kBAAkB,EAAE,gBAAgB;GACxC,GAAI,aAAa,EAAE,WAAW;GAC9B,GAAI,OAAO,aAAa,YACtB,SAAS,QAAQ,EACf,iBAAiB,SAAS,MAC3B;GACH,GAAI,CAAC,YACH,CAAC,CAAC,aAAa;IACb,iBAAiB;IACjB,iBAAiB;IACjB,SAAS;IACT,UAAU;IACV,cAAc;IACf;GACH,GAAI,YAAY,EAAE,UAAU;GAC5B,GAAI,SAAS,EAAE,WAAW,OAAO;GACjC,GAAI,CAAC,mBAAmB,UAAU,EAAE,YAAY,UAAmB;GACnE,GAAI,cAAc,EAAE,YAAY;GAChC,GAAG;GAMe;EAChB,WAAW,GACT,SAAS;GACP,IAAI;IAAC;IAAM;IAAM;IAAM;IAAM;IAAM;IAAI,CAAC,SAAS,UAAoB,GAChE,YACD,KAAA;GACJ;GACA,QAAQ;GACR;GACA,UAAU,WACN,OAAO,aAAa,YAAY,SAAS,OACvC,UACA,OACF,KAAA;GACJ;GACA;GACA;GACA;GACA;GACD,CAAC,EACF,UACD;EACD,GAAI;EAEH;EACS,CAAA;AAId,KACE,YACA,OAAO,aAAa,aACnB,SAAS,WAAW,SAAS,sBAC9B;AAEA,MAAI,uBAAuB,CAAC,WAC1B,QAAO;EAGT,MAAM,QAAQ,OAAO,SAAS,YAAY,WAAW,SAAS,UAAU;AACxE,MAAI,SAAS,WAAW,OAAO,SAAS,YAAY,SAClD,QACE,oBAAC,SAAD;GAAS,GAAI,SAAS;GAAS,OAAO,SAAS,SAAS,SAAS;aAC9D;GACO,CAAA;AAEd,SAAO,oBAAC,SAAD;GAAgB;aAAQ;GAAkB,CAAA;;AAGnD,QAAO;;AAGT,KAAK,cAAc"}
+{"version":3,"file":"Text.mjs","names":[],"sources":["../../src/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, useRef } from 'react';\n\nimport { useTextOverflow } from '@/hooks/useTextOverflow';\nimport Tooltip from '@/Tooltip';\n\nimport { variants } from './styles';\nimport { type TextProps } from './type';\n\nconst Text: FC<TextProps> = ({\n  as: Container = 'div',\n  align,\n  className,\n  children,\n  style,\n  type,\n  disabled,\n  strong,\n  italic,\n  underline,\n  delete: deleteStyle,\n  fontSize,\n  lineClamp,\n  lineHeight,\n  mark,\n  code,\n  color,\n  weight,\n  ellipsis,\n  noWrap,\n  textDecoration,\n  textTransform,\n  whiteSpace,\n  wordBreak,\n  ...rest\n}) => {\n  const textRef = useRef<HTMLElement>(null);\n  const isOverflow = useTextOverflow(textRef, ellipsis, children);\n\n  const isMultiEllipsis = typeof ellipsis === 'object' && !!ellipsis.rows && ellipsis.rows > 1;\n  const tooltipWhenOverflow = typeof ellipsis === 'object' && ellipsis.tooltipWhenOverflow;\n\n  const textStyle = {\n    ...(color && { color }),\n    ...(weight && { fontWeight: weight }),\n    ...(lineHeight && { lineHeight }),\n    ...(textTransform && { textTransform }),\n    ...(textDecoration && { textDecoration }),\n    ...(wordBreak && { wordBreak }),\n    ...(typeof ellipsis === 'object' &&\n      ellipsis.rows && {\n        WebkitLineClamp: ellipsis.rows,\n      }),\n    ...(!ellipsis &&\n      !!lineClamp && {\n        WebkitBoxOrient: 'vertical',\n        WebkitLineClamp: lineClamp,\n        display: '-webkit-box',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n      }),\n    ...(fontSize && { fontSize }),\n    ...(align && { textAlign: align }),\n    ...(!isMultiEllipsis && noWrap && { whiteSpace: 'nowrap' as const }),\n    ...(whiteSpace && { whiteSpace }),\n    ...style,\n  };\n\n  const content = (\n    <Container\n      ref={textRef}\n      style={textStyle}\n      className={cx(\n        variants({\n          as: ['h1', 'h2', 'h3', 'h4', 'h5', 'p'].includes(Container as string)\n            ? (Container as any)\n            : undefined,\n          code,\n          delete: deleteStyle,\n          disabled,\n          ellipsis: ellipsis\n            ? typeof ellipsis === 'object' && ellipsis.rows\n              ? 'multi'\n              : true\n            : undefined,\n          italic,\n          mark,\n          strong,\n          type,\n          underline,\n        }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Container>\n  );\n\n  // 处理带有 tooltip 的省略\n  if (\n    ellipsis &&\n    typeof ellipsis === 'object' &&\n    (ellipsis.tooltip || ellipsis.tooltipWhenOverflow)\n  ) {\n    // 如果设置了 tooltipWhenOverflow，只在溢出时显示 tooltip\n    if (tooltipWhenOverflow && !isOverflow) {\n      return content;\n    }\n\n    const title = typeof ellipsis.tooltip === 'string' ? ellipsis.tooltip : children;\n    if (ellipsis.tooltip && typeof ellipsis.tooltip === 'object')\n      return (\n        <Tooltip {...ellipsis.tooltip} title={ellipsis.tooltip?.title || title}>\n          {content}\n        </Tooltip>\n      );\n    return <Tooltip title={title}>{content}</Tooltip>;\n  }\n\n  return content;\n};\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"mappings":";;;;;;;;AAWA,MAAM,QAAuB,EAC3B,IAAI,YAAY,OAChB,OACA,WACA,UACA,OACA,MACA,UACA,QACA,QACA,WACA,QAAQ,aACR,UACA,WACA,YACA,MACA,MACA,OACA,QACA,UACA,QACA,gBACA,eACA,YACA,WACA,GAAG,WACC;CACJ,MAAM,UAAU,OAAoB,IAAI;CACxC,MAAM,aAAa,gBAAgB,SAAS,UAAU,QAAQ;CAE9D,MAAM,kBAAkB,OAAO,aAAa,YAAY,CAAC,CAAC,SAAS,QAAQ,SAAS,OAAO;CAC3F,MAAM,sBAAsB,OAAO,aAAa,YAAY,SAAS;CA4BrE,MAAM,UACJ,oBAAC,WAAD;EACE,KAAK;EACL,OAAO;GA5BT,GAAI,SAAS,EAAE,MAAM;GACrB,GAAI,UAAU,EAAE,YAAY,OAAO;GACnC,GAAI,cAAc,EAAE,WAAW;GAC/B,GAAI,iBAAiB,EAAE,cAAc;GACrC,GAAI,kBAAkB,EAAE,eAAe;GACvC,GAAI,aAAa,EAAE,UAAU;GAC7B,GAAI,OAAO,aAAa,YACtB,SAAS,QAAQ,EACf,iBAAiB,SAAS,KAC5B;GACF,GAAI,CAAC,YACH,CAAC,CAAC,aAAa;IACb,iBAAiB;IACjB,iBAAiB;IACjB,SAAS;IACT,UAAU;IACV,cAAc;GAChB;GACF,GAAI,YAAY,EAAE,SAAS;GAC3B,GAAI,SAAS,EAAE,WAAW,MAAM;GAChC,GAAI,CAAC,mBAAmB,UAAU,EAAE,YAAY,SAAkB;GAClE,GAAI,cAAc,EAAE,WAAW;GAC/B,GAAG;EAMc;EACf,WAAW,GACT,SAAS;GACP,IAAI;IAAC;IAAM;IAAM;IAAM;IAAM;IAAM;GAAG,CAAC,CAAC,SAAS,SAAmB,IAC/D,YACD,KAAA;GACJ;GACA,QAAQ;GACR;GACA,UAAU,WACN,OAAO,aAAa,YAAY,SAAS,OACvC,UACA,OACF,KAAA;GACJ;GACA;GACA;GACA;GACA;EACF,CAAC,GACD,SACF;EACA,GAAI;EAEH;CACQ,CAAA;CAIb,IACE,YACA,OAAO,aAAa,aACnB,SAAS,WAAW,SAAS,sBAC9B;EAEA,IAAI,uBAAuB,CAAC,YAC1B,OAAO;EAGT,MAAM,QAAQ,OAAO,SAAS,YAAY,WAAW,SAAS,UAAU;EACxE,IAAI,SAAS,WAAW,OAAO,SAAS,YAAY,UAClD,OACE,oBAAC,SAAD;GAAS,GAAI,SAAS;GAAS,OAAO,SAAS,SAAS,SAAS;aAC9D;EACM,CAAA;EAEb,OAAO,oBAAC,SAAD;GAAgB;aAAQ;EAAiB,CAAA;CAClD;CAEA,OAAO;AACT;AAEA,KAAK,cAAc"}

package/es/Text/index.d.mts

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

package/es/Text/styles.mjs

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

package/es/Text/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","names":[],"sources":["../../src/Text/styles.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  code: css`\n    font-family: ${cssVar.fontFamilyCode};\n  `,\n  danger: css`\n    color: ${cssVar.colorError};\n  `,\n  delete: css`\n    text-decoration: line-through;\n  `,\n  disabled: css`\n    cursor: not-allowed;\n    color: ${cssVar.colorTextDisabled};\n  `,\n  ellipsis: css`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n  ellipsisMulti: css`\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n  `,\n  // Heading styles\n  h1: css`\n    font-size: calc(${cssVar.fontSize} * 2.5);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h2: css`\n    font-size: calc(${cssVar.fontSize} * 2);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h3: css`\n    font-size: calc(${cssVar.fontSize} * 1.5);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h4: css`\n    font-size: calc(${cssVar.fontSize} * 1.25);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h5: css`\n    font-size: ${cssVar.fontSize};\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n  info: css`\n    color: ${cssVar.colorInfo};\n  `,\n\n  italic: css`\n    font-style: italic;\n  `,\n\n  mark: css`\n    color: #000;\n    background-color: ${cssVar.yellow};\n  `,\n\n  p: css`\n    margin-block: 0;\n  `,\n\n  secondary: css`\n    color: ${cssVar.colorTextDescription};\n  `,\n\n  strong: css`\n    font-weight: bold;\n  `,\n  success: css`\n    color: ${cssVar.colorSuccess};\n  `,\n  text: css`\n    color: ${cssVar.colorText};\n  `,\n  underline: css`\n    text-decoration: underline;\n  `,\n  warning: css`\n    color: ${cssVar.colorWarning};\n  `,\n}));\n\nexport const variants = cva(styles.text, {\n  defaultVariants: {},\n  variants: {\n    as: {\n      h1: styles.h1,\n      h2: styles.h2,\n      h3: styles.h3,\n      h4: styles.h4,\n      h5: styles.h5,\n      p: styles.p,\n    },\n    code: {\n      true: styles.code,\n    },\n    delete: {\n      true: styles.delete,\n    },\n    disabled: {\n      true: styles.disabled,\n    },\n    ellipsis: {\n      multi: styles.ellipsisMulti,\n      true: styles.ellipsis,\n    },\n    italic: {\n      true: styles.italic,\n    },\n    mark: {\n      true: styles.mark,\n    },\n    strong: {\n      true: styles.strong,\n    },\n    type: {\n      danger: styles.danger,\n      info: styles.info,\n      secondary: styles.secondary,\n      success: styles.success,\n      warning: styles.warning,\n    },\n    underline: {\n      true: styles.underline,\n    },\n  },\n});\n"],"mappings":";;;AAGA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;mBACQ,OAAO,eAAe;;CAEvC,QAAQ,GAAG;aACA,OAAO,WAAW;;CAE7B,QAAQ,GAAG;;;CAGX,UAAU,GAAG;;aAEF,OAAO,kBAAkB;;CAEpC,UAAU,GAAG;;;;;CAKb,eAAe,GAAG;;;;;;CAOlB,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;iBACQ,OAAO,SAAS;;;;CAI/B,MAAM,GAAG;aACE,OAAO,UAAU;;CAG5B,QAAQ,GAAG;;;CAIX,MAAM,GAAG;;wBAEa,OAAO,OAAO;;CAGpC,GAAG,GAAG;;;CAIN,WAAW,GAAG;aACH,OAAO,qBAAqB;;CAGvC,QAAQ,GAAG;;;CAGX,SAAS,GAAG;aACD,OAAO,aAAa;;CAE/B,MAAM,GAAG;aACE,OAAO,UAAU;;CAE5B,WAAW,GAAG;;;CAGd,SAAS,GAAG;aACD,OAAO,aAAa;;CAEhC,EAAE;AAEH,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EAAE;CACnB,UAAU;EACR,IAAI;GACF,IAAI,OAAO;GACX,IAAI,OAAO;GACX,IAAI,OAAO;GACX,IAAI,OAAO;GACX,IAAI,OAAO;GACX,GAAG,OAAO;GACX;EACD,MAAM,EACJ,MAAM,OAAO,MACd;EACD,QAAQ,EACN,MAAM,OAAO,QACd;EACD,UAAU,EACR,MAAM,OAAO,UACd;EACD,UAAU;GACR,OAAO,OAAO;GACd,MAAM,OAAO;GACd;EACD,QAAQ,EACN,MAAM,OAAO,QACd;EACD,MAAM,EACJ,MAAM,OAAO,MACd;EACD,QAAQ,EACN,MAAM,OAAO,QACd;EACD,MAAM;GACJ,QAAQ,OAAO;GACf,MAAM,OAAO;GACb,WAAW,OAAO;GAClB,SAAS,OAAO;GAChB,SAAS,OAAO;GACjB;EACD,WAAW,EACT,MAAM,OAAO,WACd;EACF;CACF,CAAC"}
+{"version":3,"file":"styles.mjs","names":[],"sources":["../../src/Text/styles.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  code: css`\n    font-family: ${cssVar.fontFamilyCode};\n  `,\n  danger: css`\n    color: ${cssVar.colorError};\n  `,\n  delete: css`\n    text-decoration: line-through;\n  `,\n  disabled: css`\n    cursor: not-allowed;\n    color: ${cssVar.colorTextDisabled};\n  `,\n  ellipsis: css`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n  ellipsisMulti: css`\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n  `,\n  // Heading styles\n  h1: css`\n    font-size: calc(${cssVar.fontSize} * 2.5);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h2: css`\n    font-size: calc(${cssVar.fontSize} * 2);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h3: css`\n    font-size: calc(${cssVar.fontSize} * 1.5);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h4: css`\n    font-size: calc(${cssVar.fontSize} * 1.25);\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n\n  h5: css`\n    font-size: ${cssVar.fontSize};\n    font-weight: bold;\n    line-height: 1.25;\n  `,\n  info: css`\n    color: ${cssVar.colorInfo};\n  `,\n\n  italic: css`\n    font-style: italic;\n  `,\n\n  mark: css`\n    color: #000;\n    background-color: ${cssVar.yellow};\n  `,\n\n  p: css`\n    margin-block: 0;\n  `,\n\n  secondary: css`\n    color: ${cssVar.colorTextDescription};\n  `,\n\n  strong: css`\n    font-weight: bold;\n  `,\n  success: css`\n    color: ${cssVar.colorSuccess};\n  `,\n  text: css`\n    color: ${cssVar.colorText};\n  `,\n  underline: css`\n    text-decoration: underline;\n  `,\n  warning: css`\n    color: ${cssVar.colorWarning};\n  `,\n}));\n\nexport const variants = cva(styles.text, {\n  defaultVariants: {},\n  variants: {\n    as: {\n      h1: styles.h1,\n      h2: styles.h2,\n      h3: styles.h3,\n      h4: styles.h4,\n      h5: styles.h5,\n      p: styles.p,\n    },\n    code: {\n      true: styles.code,\n    },\n    delete: {\n      true: styles.delete,\n    },\n    disabled: {\n      true: styles.disabled,\n    },\n    ellipsis: {\n      multi: styles.ellipsisMulti,\n      true: styles.ellipsis,\n    },\n    italic: {\n      true: styles.italic,\n    },\n    mark: {\n      true: styles.mark,\n    },\n    strong: {\n      true: styles.strong,\n    },\n    type: {\n      danger: styles.danger,\n      info: styles.info,\n      secondary: styles.secondary,\n      success: styles.success,\n      warning: styles.warning,\n    },\n    underline: {\n      true: styles.underline,\n    },\n  },\n});\n"],"mappings":";;;AAGA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;mBACQ,OAAO,eAAe;;CAEvC,QAAQ,GAAG;aACA,OAAO,WAAW;;CAE7B,QAAQ,GAAG;;;CAGX,UAAU,GAAG;;aAEF,OAAO,kBAAkB;;CAEpC,UAAU,GAAG;;;;;CAKb,eAAe,GAAG;;;;;;CAOlB,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;iBACQ,OAAO,SAAS;;;;CAI/B,MAAM,GAAG;aACE,OAAO,UAAU;;CAG5B,QAAQ,GAAG;;;CAIX,MAAM,GAAG;;wBAEa,OAAO,OAAO;;CAGpC,GAAG,GAAG;;;CAIN,WAAW,GAAG;aACH,OAAO,qBAAqB;;CAGvC,QAAQ,GAAG;;;CAGX,SAAS,GAAG;aACD,OAAO,aAAa;;CAE/B,MAAM,GAAG;aACE,OAAO,UAAU;;CAE5B,WAAW,GAAG;;;CAGd,SAAS,GAAG;aACD,OAAO,aAAa;;AAEjC,EAAE;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,CAAC;CAClB,UAAU;EACR,IAAI;GACF,IAAI,OAAO;GACX,IAAI,OAAO;GACX,IAAI,OAAO;GACX,IAAI,OAAO;GACX,IAAI,OAAO;GACX,GAAG,OAAO;EACZ;EACA,MAAM,EACJ,MAAM,OAAO,KACf;EACA,QAAQ,EACN,MAAM,OAAO,OACf;EACA,UAAU,EACR,MAAM,OAAO,SACf;EACA,UAAU;GACR,OAAO,OAAO;GACd,MAAM,OAAO;EACf;EACA,QAAQ,EACN,MAAM,OAAO,OACf;EACA,MAAM,EACJ,MAAM,OAAO,KACf;EACA,QAAQ,EACN,MAAM,OAAO,OACf;EACA,MAAM;GACJ,QAAQ,OAAO;GACf,MAAM,OAAO;GACb,WAAW,OAAO;GAClB,SAAS,OAAO;GAChB,SAAS,OAAO;EAClB;EACA,WAAW,EACT,MAAM,OAAO,UACf;CACF;AACF,CAAC"}

package/es/Text/type.d.mts

@@ -1,7 +1,7 @@
 import { DivProps } from "../types/index.mjs";
 import { TooltipProps } from "../base-ui/Tooltip/type.mjs";
+import "../Tooltip/index.mjs";
 import { CSSProperties, ElementType, Ref } from "react";
-
 //#region src/Text/type.d.ts
 interface TextProps extends DivProps {
   align?: 'left' | 'center' | 'right';

package/es/ThemeProvider/AppElementContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppElementContext.mjs","names":[],"sources":["../../src/ThemeProvider/AppElementContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use } from 'react';\n\nconst AppElementContext = createContext<HTMLDivElement | null>(null);\n\nexport const useAppElement = (): HTMLDivElement | null => {\n  return use(AppElementContext);\n};\n\nexport default AppElementContext;\n"],"mappings":";;;AAIA,MAAM,oBAAoB,cAAqC,KAAK;AAEpE,MAAa,sBAA6C;AACxD,QAAO,IAAI,kBAAkB"}
+{"version":3,"file":"AppElementContext.mjs","names":[],"sources":["../../src/ThemeProvider/AppElementContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use } from 'react';\n\nconst AppElementContext = createContext<HTMLDivElement | null>(null);\n\nexport const useAppElement = (): HTMLDivElement | null => {\n  return use(AppElementContext);\n};\n\nexport default AppElementContext;\n"],"mappings":";;;AAIA,MAAM,oBAAoB,cAAqC,IAAI;AAEnE,MAAa,sBAA6C;CACxD,OAAO,IAAI,iBAAiB;AAC9B"}

package/es/ThemeProvider/ConfigProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigProvider.mjs","names":["ConfigProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ConfigProvider.tsx"],"sourcesContent":["'use client';\n\nimport { ConfigProvider as AntdConfigProvider } from 'antd';\nimport { cssVar } from 'antd-style';\nimport { memo, type PropsWithChildren } from 'react';\n\nconst ConfigProvider = memo<PropsWithChildren>(({ children }) => {\n  return (\n    <AntdConfigProvider\n      theme={{\n        components: {\n          Button: {\n            contentFontSizeSM: 12,\n          },\n          DatePicker: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Input: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          InputNumber: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Mentions: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Select: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n        },\n      }}\n    >\n      {children}\n    </AntdConfigProvider>\n  );\n});\n\nexport default ConfigProvider;\n"],"mappings":";;;;;;AAMA,MAAMA,mBAAiB,MAAyB,EAAE,eAAe;AAC/D,QACE,oBAACC,gBAAD;EACE,OAAO,EACL,YAAY;GACV,QAAQ,EACN,mBAAmB,IACpB;GACD,YAAY;IACV,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,OAAO;IACL,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,aAAa;IACX,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,UAAU;IACR,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,QAAQ;IACN,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACF,EACF;EAEA;EACkB,CAAA;EAEvB"}
+{"version":3,"file":"ConfigProvider.mjs","names":["ConfigProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ConfigProvider.tsx"],"sourcesContent":["'use client';\n\nimport { ConfigProvider as AntdConfigProvider } from 'antd';\nimport { cssVar } from 'antd-style';\nimport { memo, type PropsWithChildren } from 'react';\n\nconst ConfigProvider = memo<PropsWithChildren>(({ children }) => {\n  return (\n    <AntdConfigProvider\n      theme={{\n        components: {\n          Button: {\n            contentFontSizeSM: 12,\n          },\n          DatePicker: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Input: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          InputNumber: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Mentions: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Select: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n        },\n      }}\n    >\n      {children}\n    </AntdConfigProvider>\n  );\n});\n\nexport default ConfigProvider;\n"],"mappings":";;;;;;AAMA,MAAMA,mBAAiB,MAAyB,EAAE,eAAe;CAC/D,OACE,oBAACC,gBAAD;EACE,OAAO,EACL,YAAY;GACV,QAAQ,EACN,mBAAmB,GACrB;GACA,YAAY;IACV,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;GAC3B;GACA,OAAO;IACL,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;GAC3B;GACA,aAAa;IACX,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;GAC3B;GACA,UAAU;IACR,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;GAC3B;GACA,QAAQ;IACN,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;GAC3B;EACF,EACF;EAEC;CACiB,CAAA;AAExB,CAAC"}

package/es/ThemeProvider/GlobalStyle/antdOverride.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"antdOverride.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/antdOverride.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\nimport { rgba } from 'polished';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nexport default (token: Theme) => {\n  const readColor = safeReadableColor(token.colorPrimary);\n  return css`\n    .${token.prefixCls}-checkbox-inner:after {\n      border-color: ${safeReadableColor(token.colorPrimary)} !important;\n    }\n\n    .${token.prefixCls}-btn {\n      box-shadow: none;\n    }\n\n    .${token.prefixCls}-btn-primary:not(:disabled) {\n      color: ${readColor} !important;\n\n      &:hover {\n        color: ${readColor} !important;\n      }\n\n      &:active {\n        color: ${readColor} !important;\n      }\n    }\n\n    .${token.prefixCls}-tooltip {\n      --antd-arrow-background-color: ${token.colorBgElevated};\n\n      max-width: 320px;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::before {\n      background: ${token.colorBgElevated} !important;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::after {\n      box-shadow: 0 0 0 1px ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-tooltip-container {\n      user-select: none;\n\n      display: flex;\n      gap: 6px;\n      align-items: center;\n\n      min-width: unset;\n      min-height: unset;\n      padding-block: 4px;\n      padding-inline: 8px;\n      border: 1px solid ${token.colorBorderSecondary} !important;\n      border-radius: ${token.borderRadiusSM}px !important;\n\n      font-size: ${token.fontSizeSM}px;\n      line-height: 1.2;\n      color: ${token.colorTextSecondary} !important;\n      word-break: break-word;\n      white-space: normal;\n\n      background: ${token.colorBgElevated} !important;\n      box-shadow:\n        0 1px 2px 0 rgba(0, 0, 0, 3%),\n        0 1px 6px -1px rgba(0, 0, 0, 2%),\n        0 2px 4px 0 rgba(0, 0, 0, 2%) !important;\n    }\n\n    .${token.prefixCls}-switch-handle::before {\n      background: ${token.colorBgContainer} !important;\n    }\n\n    .${token.prefixCls}-image-preview-close,\n      .${token.prefixCls}-image-preview-switch-right,\n      .${token.prefixCls}-image-preview-switch-left {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 32px;\n      height: 32px;\n      padding: 0;\n\n      background: ${rgba(token.colorBgMask, 0.1)};\n\n      border-radius: ${token.borderRadiusLG}px;\n\n      ${token.stylish.blur};\n    }\n\n    .${token.prefixCls}-dropdown-menu, .${token.prefixCls}-select-dropdown {\n      border-radius: ${token.borderRadius}px !important;\n      box-shadow:\n        0 0 15px 0 #00000008,\n        0 2px 30px 0 #00000014,\n        0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !important;\n    }\n\n    .${token.prefixCls}-modal-content {\n      border: 1px solid ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-radio-wrapper\n      .${token.prefixCls}-radio-checked\n      .${token.prefixCls}-radio-inner:after {\n      background: ${readColor};\n    }\n  `;\n};\n"],"mappings":";;;;AAKA,IAAA,wBAAgB,UAAiB;CAC/B,MAAM,YAAY,kBAAkB,MAAM,aAAa;AACvD,QAAO,GAAG;OACL,MAAM,UAAU;sBACD,kBAAkB,MAAM,aAAa,CAAC;;;OAGrD,MAAM,UAAU;;;;OAIhB,MAAM,UAAU;eACR,UAAU;;;iBAGR,UAAU;;;;iBAIV,UAAU;;;;OAIpB,MAAM,UAAU;uCACgB,MAAM,gBAAgB;;;;;OAKtD,MAAM,UAAU;oBACH,MAAM,gBAAgB;;;OAGnC,MAAM,UAAU;8BACO,MAAM,qBAAqB;;;OAGlD,MAAM,UAAU;;;;;;;;;;;0BAWG,MAAM,qBAAqB;uBAC9B,MAAM,eAAe;;mBAEzB,MAAM,WAAW;;eAErB,MAAM,mBAAmB;;;;oBAIpB,MAAM,gBAAgB;;;;;;;OAOnC,MAAM,UAAU;oBACH,MAAM,iBAAiB;;;OAGpC,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;;;;;;;;;oBASL,KAAK,MAAM,aAAa,GAAI,CAAC;;uBAE1B,MAAM,eAAe;;QAEpC,MAAM,QAAQ,KAAK;;;OAGpB,MAAM,UAAU,mBAAmB,MAAM,UAAU;uBACnC,MAAM,aAAa;;;;oBAItB,MAAM,aAAa,MAAM,oBAAoB,MAAM,YAAY;;;OAG5E,MAAM,UAAU;0BACG,MAAM,qBAAqB;;;OAG9C,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;oBACL,UAAU"}
+{"version":3,"file":"antdOverride.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/antdOverride.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\nimport { rgba } from 'polished';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nexport default (token: Theme) => {\n  const readColor = safeReadableColor(token.colorPrimary);\n  return css`\n    .${token.prefixCls}-checkbox-inner:after {\n      border-color: ${safeReadableColor(token.colorPrimary)} !important;\n    }\n\n    .${token.prefixCls}-btn {\n      box-shadow: none;\n    }\n\n    .${token.prefixCls}-btn-primary:not(:disabled) {\n      color: ${readColor} !important;\n\n      &:hover {\n        color: ${readColor} !important;\n      }\n\n      &:active {\n        color: ${readColor} !important;\n      }\n    }\n\n    .${token.prefixCls}-tooltip {\n      --antd-arrow-background-color: ${token.colorBgElevated};\n\n      max-width: 320px;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::before {\n      background: ${token.colorBgElevated} !important;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::after {\n      box-shadow: 0 0 0 1px ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-tooltip-container {\n      user-select: none;\n\n      display: flex;\n      gap: 6px;\n      align-items: center;\n\n      min-width: unset;\n      min-height: unset;\n      padding-block: 4px;\n      padding-inline: 8px;\n      border: 1px solid ${token.colorBorderSecondary} !important;\n      border-radius: ${token.borderRadiusSM}px !important;\n\n      font-size: ${token.fontSizeSM}px;\n      line-height: 1.2;\n      color: ${token.colorTextSecondary} !important;\n      word-break: break-word;\n      white-space: normal;\n\n      background: ${token.colorBgElevated} !important;\n      box-shadow:\n        0 1px 2px 0 rgba(0, 0, 0, 3%),\n        0 1px 6px -1px rgba(0, 0, 0, 2%),\n        0 2px 4px 0 rgba(0, 0, 0, 2%) !important;\n    }\n\n    .${token.prefixCls}-switch-handle::before {\n      background: ${token.colorBgContainer} !important;\n    }\n\n    .${token.prefixCls}-image-preview-close,\n      .${token.prefixCls}-image-preview-switch-right,\n      .${token.prefixCls}-image-preview-switch-left {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 32px;\n      height: 32px;\n      padding: 0;\n\n      background: ${rgba(token.colorBgMask, 0.1)};\n\n      border-radius: ${token.borderRadiusLG}px;\n\n      ${token.stylish.blur};\n    }\n\n    .${token.prefixCls}-dropdown-menu, .${token.prefixCls}-select-dropdown {\n      border-radius: ${token.borderRadius}px !important;\n      box-shadow:\n        0 0 15px 0 #00000008,\n        0 2px 30px 0 #00000014,\n        0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !important;\n    }\n\n    .${token.prefixCls}-modal-content {\n      border: 1px solid ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-radio-wrapper\n      .${token.prefixCls}-radio-checked\n      .${token.prefixCls}-radio-inner:after {\n      background: ${readColor};\n    }\n  `;\n};\n"],"mappings":";;;;AAKA,IAAA,wBAAgB,UAAiB;CAC/B,MAAM,YAAY,kBAAkB,MAAM,YAAY;CACtD,OAAO,GAAG;OACL,MAAM,UAAU;sBACD,kBAAkB,MAAM,YAAY,EAAE;;;OAGrD,MAAM,UAAU;;;;OAIhB,MAAM,UAAU;eACR,UAAU;;;iBAGR,UAAU;;;;iBAIV,UAAU;;;;OAIpB,MAAM,UAAU;uCACgB,MAAM,gBAAgB;;;;;OAKtD,MAAM,UAAU;oBACH,MAAM,gBAAgB;;;OAGnC,MAAM,UAAU;8BACO,MAAM,qBAAqB;;;OAGlD,MAAM,UAAU;;;;;;;;;;;0BAWG,MAAM,qBAAqB;uBAC9B,MAAM,eAAe;;mBAEzB,MAAM,WAAW;;eAErB,MAAM,mBAAmB;;;;oBAIpB,MAAM,gBAAgB;;;;;;;OAOnC,MAAM,UAAU;oBACH,MAAM,iBAAiB;;;OAGpC,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;;;;;;;;;oBASL,KAAK,MAAM,aAAa,EAAG,EAAE;;uBAE1B,MAAM,eAAe;;QAEpC,MAAM,QAAQ,KAAK;;;OAGpB,MAAM,UAAU,mBAAmB,MAAM,UAAU;uBACnC,MAAM,aAAa;;;;oBAItB,MAAM,aAAa,MAAM,oBAAoB,MAAM,YAAY;;;OAG5E,MAAM,UAAU;0BACG,MAAM,qBAAqB;;;OAG9C,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;oBACL,UAAU;;;AAG9B"}

package/es/ThemeProvider/GlobalStyle/essential.mjs

@@ -0,0 +1,90 @@
+import { CLASSNAMES } from "../../styles/classNames.mjs";
+import { css } from "antd-style";
+//#region src/ThemeProvider/GlobalStyle/essential.ts
+/**
+* Styles that library components rely on to render correctly (Flex layout,
+* popup trigger states, brand animations). Always injected by ThemeProvider,
+* independent of `enableGlobalStyle`, which only gates document-level resets.
+*/
+var essential_default = (token) => css`
+  @layer lobe-popup {
+    .${CLASSNAMES.ContextTrigger}[data-popup-open],
+      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {
+      background: ${token.colorFillTertiary};
+    }
+  }
+
+  @layer lobe-base {
+    :where(.lobe-flex) {
+      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */
+      --lobe-flex: 0 1 auto;
+      --lobe-flex-direction: column;
+      --lobe-flex-wrap: nowrap;
+      --lobe-flex-justify: flex-start;
+      --lobe-flex-align: stretch;
+      --lobe-flex-width: auto;
+      --lobe-flex-height: auto;
+      --lobe-flex-padding: 0;
+
+      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */
+      --lobe-flex-padding-inline: var(--lobe-flex-padding);
+      --lobe-flex-padding-block: var(--lobe-flex-padding);
+      --lobe-flex-gap: 0;
+
+      display: flex;
+      flex: var(--lobe-flex);
+      flex-flow: var(--lobe-flex-direction) var(--lobe-flex-wrap);
+      gap: var(--lobe-flex-gap);
+      align-items: var(--lobe-flex-align);
+      justify-content: var(--lobe-flex-justify);
+
+      width: var(--lobe-flex-width);
+      height: var(--lobe-flex-height);
+      padding: var(--lobe-flex-padding);
+      padding-block: var(--lobe-flex-padding-block);
+      padding-inline: var(--lobe-flex-padding-inline);
+    }
+
+    .lobe-flex-hidden {
+      display: none;
+    }
+  }
+
+  /* Brand Loading */
+  @keyframes draw {
+    0% {
+      stroke-dashoffset: 1000;
+    }
+
+    100% {
+      stroke-dashoffset: 0;
+    }
+  }
+
+  @keyframes fill {
+    30% {
+      fill-opacity: 0.05;
+    }
+
+    100% {
+      fill-opacity: 1;
+    }
+  }
+
+  .lobe-brand-loading path {
+    fill: currentcolor;
+    fill-opacity: 0;
+    stroke: currentcolor;
+    stroke-dasharray: 1000;
+    stroke-dashoffset: 1000;
+    stroke-width: 0.25em;
+
+    animation:
+      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,
+      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+  }
+`;
+//#endregion
+export { essential_default as default };
+
+//# sourceMappingURL=essential.mjs.map

package/es/ThemeProvider/GlobalStyle/essential.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"essential.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/essential.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\n\nimport { CLASSNAMES } from '@/styles/classNames';\n\n/**\n * Styles that library components rely on to render correctly (Flex layout,\n * popup trigger states, brand animations). Always injected by ThemeProvider,\n * independent of `enableGlobalStyle`, which only gates document-level resets.\n */\nexport default (token: Theme) => css`\n  @layer lobe-popup {\n    .${CLASSNAMES.ContextTrigger}[data-popup-open],\n      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {\n      background: ${token.colorFillTertiary};\n    }\n  }\n\n  @layer lobe-base {\n    :where(.lobe-flex) {\n      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */\n      --lobe-flex: 0 1 auto;\n      --lobe-flex-direction: column;\n      --lobe-flex-wrap: nowrap;\n      --lobe-flex-justify: flex-start;\n      --lobe-flex-align: stretch;\n      --lobe-flex-width: auto;\n      --lobe-flex-height: auto;\n      --lobe-flex-padding: 0;\n\n      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */\n      --lobe-flex-padding-inline: var(--lobe-flex-padding);\n      --lobe-flex-padding-block: var(--lobe-flex-padding);\n      --lobe-flex-gap: 0;\n\n      display: flex;\n      flex: var(--lobe-flex);\n      flex-flow: var(--lobe-flex-direction) var(--lobe-flex-wrap);\n      gap: var(--lobe-flex-gap);\n      align-items: var(--lobe-flex-align);\n      justify-content: var(--lobe-flex-justify);\n\n      width: var(--lobe-flex-width);\n      height: var(--lobe-flex-height);\n      padding: var(--lobe-flex-padding);\n      padding-block: var(--lobe-flex-padding-block);\n      padding-inline: var(--lobe-flex-padding-inline);\n    }\n\n    .lobe-flex-hidden {\n      display: none;\n    }\n  }\n\n  /* Brand Loading */\n  @keyframes draw {\n    0% {\n      stroke-dashoffset: 1000;\n    }\n\n    100% {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @keyframes fill {\n    30% {\n      fill-opacity: 0.05;\n    }\n\n    100% {\n      fill-opacity: 1;\n    }\n  }\n\n  .lobe-brand-loading path {\n    fill: currentcolor;\n    fill-opacity: 0;\n    stroke: currentcolor;\n    stroke-dasharray: 1000;\n    stroke-dashoffset: 1000;\n    stroke-width: 0.25em;\n\n    animation:\n      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\n      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n`;\n"],"mappings":";;;;;;;;AASA,IAAA,qBAAgB,UAAiB,GAAG;;OAE7B,WAAW,eAAe;SACxB,WAAW,oBAAoB;oBACpB,MAAM,kBAAkB"}

package/es/ThemeProvider/GlobalStyle/global.mjs

@@ -1,4 +1,3 @@
-import { CLASSNAMES } from "../../styles/classNames.mjs";
 import { css } from "antd-style";
 //#region src/ThemeProvider/GlobalStyle/global.ts
 var global_default = (token) => css`
@@ -38,7 +37,6 @@ var global_default = (token) => css`
     color: ${token.colorTextBase};
     text-wrap: pretty;
     text-size-adjust: 100%;
-    text-size-adjust: 100%;
     text-rendering: optimizelegibility;
     overflow-wrap: anywhere;
     vertical-align: baseline;
@@ -79,83 +77,6 @@ var global_default = (token) => css`
     box-sizing: border-box;
     vertical-align: baseline;
   }
-
-  @layer lobe-popup {
-    .${CLASSNAMES.ContextTrigger}[data-popup-open],
-      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {
-      background: ${token.colorFillTertiary};
-    }
-  }
-
-  @layer lobe-base {
-    :where(.lobe-flex) {
-      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */
-      --lobe-flex: 0 1 auto;
-      --lobe-flex-direction: column;
-      --lobe-flex-wrap: nowrap;
-      --lobe-flex-justify: flex-start;
-      --lobe-flex-align: stretch;
-      --lobe-flex-width: auto;
-      --lobe-flex-height: auto;
-      --lobe-flex-padding: 0;
-
-      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */
-      --lobe-flex-padding-inline: var(--lobe-flex-padding);
-      --lobe-flex-padding-block: var(--lobe-flex-padding);
-      --lobe-flex-gap: 0;
-
-      display: flex;
-      flex: var(--lobe-flex);
-      flex-flow: var(--lobe-flex-direction) var(--lobe-flex-wrap);
-      gap: var(--lobe-flex-gap);
-      align-items: var(--lobe-flex-align);
-      justify-content: var(--lobe-flex-justify);
-
-      width: var(--lobe-flex-width);
-      height: var(--lobe-flex-height);
-      padding: var(--lobe-flex-padding);
-      padding-block: var(--lobe-flex-padding-block);
-      padding-inline: var(--lobe-flex-padding-inline);
-    }
-
-    .lobe-flex-hidden {
-      display: none;
-    }
-  }
-
-  /* Brand Loading */
-  @keyframes draw {
-    0% {
-      stroke-dashoffset: 1000;
-    }
-
-    100% {
-      stroke-dashoffset: 0;
-    }
-  }
-
-  @keyframes fill {
-    30% {
-      fill-opacity: 0.05;
-    }
-
-    100% {
-      fill-opacity: 1;
-    }
-  }
-
-  .lobe-brand-loading path {
-    fill: currentcolor;
-    fill-opacity: 0;
-    stroke: currentcolor;
-    stroke-dasharray: 1000;
-    stroke-dashoffset: 1000;
-    stroke-width: 0.25em;
-
-    animation:
-      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,
-      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
-  }
 `;
 //#endregion
 export { global_default as default };

package/es/ThemeProvider/GlobalStyle/global.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\n\nimport { CLASSNAMES } from '@/styles/classNames';\n\nexport default (token: Theme) => css`\n  :root {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n\n    /* Real Geist italic for Latin; synthesize style for CJK fallback faces. */\n    font-synthesis: style;\n    text-autospace: normal;\n  }\n\n  html {\n    overscroll-behavior: none;\n    color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\n  }\n\n  body {\n    overflow: hidden auto;\n\n    min-height: 100vh;\n    margin: 0;\n    padding: 0;\n\n    font-family: ${token.fontFamily};\n    font-size: ${token.fontSize}px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    font-optical-sizing: auto;\n    font-kerning: normal;\n    font-variant-ligatures: common-ligatures contextual;\n    font-variant-numeric: tabular-nums;\n    font-size-adjust: from-font;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    line-height: 1;\n    color: ${token.colorTextBase};\n    text-wrap: pretty;\n    text-size-adjust: 100%;\n    text-size-adjust: 100%;\n    text-rendering: optimizelegibility;\n    overflow-wrap: anywhere;\n    vertical-align: baseline;\n\n    background-color: ${token.colorBgLayout};\n\n    font-synthesis: style;\n\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: ${token.fontFamilyCode} !important;\n    font-feature-settings:\n      'liga' 0,\n      'calt' 0;\n    font-variant-ligatures: none;\n\n    span {\n      font-family: ${token.fontFamilyCode} !important;\n    }\n  }\n\n  ::selection {\n    color: #000;\n    background: ${token.yellow9};\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    scrollbar-color: ${token.colorFill} transparent;\n    scrollbar-width: thin;\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n\n  @layer lobe-popup {\n    .${CLASSNAMES.ContextTrigger}[data-popup-open],\n      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {\n      background: ${token.colorFillTertiary};\n    }\n  }\n\n  @layer lobe-base {\n    :where(.lobe-flex) {\n      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */\n      --lobe-flex: 0 1 auto;\n      --lobe-flex-direction: column;\n      --lobe-flex-wrap: nowrap;\n      --lobe-flex-justify: flex-start;\n      --lobe-flex-align: stretch;\n      --lobe-flex-width: auto;\n      --lobe-flex-height: auto;\n      --lobe-flex-padding: 0;\n\n      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */\n      --lobe-flex-padding-inline: var(--lobe-flex-padding);\n      --lobe-flex-padding-block: var(--lobe-flex-padding);\n      --lobe-flex-gap: 0;\n\n      display: flex;\n      flex: var(--lobe-flex);\n      flex-flow: var(--lobe-flex-direction) var(--lobe-flex-wrap);\n      gap: var(--lobe-flex-gap);\n      align-items: var(--lobe-flex-align);\n      justify-content: var(--lobe-flex-justify);\n\n      width: var(--lobe-flex-width);\n      height: var(--lobe-flex-height);\n      padding: var(--lobe-flex-padding);\n      padding-block: var(--lobe-flex-padding-block);\n      padding-inline: var(--lobe-flex-padding-inline);\n    }\n\n    .lobe-flex-hidden {\n      display: none;\n    }\n  }\n\n  /* Brand Loading */\n  @keyframes draw {\n    0% {\n      stroke-dashoffset: 1000;\n    }\n\n    100% {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @keyframes fill {\n    30% {\n      fill-opacity: 0.05;\n    }\n\n    100% {\n      fill-opacity: 1;\n    }\n  }\n\n  .lobe-brand-loading path {\n    fill: currentcolor;\n    fill-opacity: 0;\n    stroke: currentcolor;\n    stroke-dasharray: 1000;\n    stroke-dashoffset: 1000;\n    stroke-width: 0.25em;\n\n    animation:\n      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\n      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n`;\n"],"mappings":";;;AAIA,IAAA,kBAAgB,UAAiB,GAAG;;;;;;;;;;;;oBAYhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;mBAUrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;;;;;;aAWnB,MAAM,cAAc;;;;;;;;wBAQT,MAAM,cAAc;;;;;;;;;;;;mBAYzB,MAAM,eAAe;;;;;;;qBAOnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU;;;;;;;OAOhC,WAAW,eAAe;SACxB,WAAW,oBAAoB;oBACpB,MAAM,kBAAkB"}
+{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\n\nexport default (token: Theme) => css`\n  :root {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n\n    /* Real Geist italic for Latin; synthesize style for CJK fallback faces. */\n    font-synthesis: style;\n    text-autospace: normal;\n  }\n\n  html {\n    overscroll-behavior: none;\n    color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\n  }\n\n  body {\n    overflow: hidden auto;\n\n    min-height: 100vh;\n    margin: 0;\n    padding: 0;\n\n    font-family: ${token.fontFamily};\n    font-size: ${token.fontSize}px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    font-optical-sizing: auto;\n    font-kerning: normal;\n    font-variant-ligatures: common-ligatures contextual;\n    font-variant-numeric: tabular-nums;\n    font-size-adjust: from-font;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    line-height: 1;\n    color: ${token.colorTextBase};\n    text-wrap: pretty;\n    text-size-adjust: 100%;\n    text-rendering: optimizelegibility;\n    overflow-wrap: anywhere;\n    vertical-align: baseline;\n\n    background-color: ${token.colorBgLayout};\n\n    font-synthesis: style;\n\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: ${token.fontFamilyCode} !important;\n    font-feature-settings:\n      'liga' 0,\n      'calt' 0;\n    font-variant-ligatures: none;\n\n    span {\n      font-family: ${token.fontFamilyCode} !important;\n    }\n  }\n\n  ::selection {\n    color: #000;\n    background: ${token.yellow9};\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    scrollbar-color: ${token.colorFill} transparent;\n    scrollbar-width: thin;\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n`;\n"],"mappings":";;AAEA,IAAA,kBAAgB,UAAiB,GAAG;;;;;;;;;;;;oBAYhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;mBAUrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;;;;;;aAWnB,MAAM,cAAc;;;;;;;wBAOT,MAAM,cAAc;;;;;;;;;;;;mBAYzB,MAAM,eAAe;;;;;;;qBAOnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU"}

package/es/ThemeProvider/GlobalStyle/index.mjs

@@ -1,10 +1,12 @@
 "use client";
 import antdOverride_default from "./antdOverride.mjs";
+import essential_default from "./essential.mjs";
 import global_default from "./global.mjs";
 import { createGlobalStyle } from "antd-style";
 //#region src/ThemeProvider/GlobalStyle/index.ts
-const GlobalStyle = createGlobalStyle(({ theme }) => [global_default(theme), antdOverride_default(theme)]);
+const GlobalStyle = createGlobalStyle(({ theme }) => global_default(theme));
+const EssentialStyle = createGlobalStyle(({ theme }) => [essential_default(theme), antdOverride_default(theme)]);
 //#endregion
-export { GlobalStyle as default };
+export { EssentialStyle, GlobalStyle as default };
 
 //# sourceMappingURL=index.mjs.map

package/es/ThemeProvider/GlobalStyle/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["global","antdOverride"],"sources":["../../../src/ThemeProvider/GlobalStyle/index.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle } from 'antd-style';\n\nimport antdOverride from './antdOverride';\nimport global from './global';\n\nconst GlobalStyle = createGlobalStyle(({ theme }) => [global(theme), antdOverride(theme)]);\n\nexport default GlobalStyle;\n"],"mappings":";;;;;AAOA,MAAM,cAAc,mBAAmB,EAAE,YAAY,CAACA,eAAO,MAAM,EAAEC,qBAAa,MAAM,CAAC,CAAC"}
+{"version":3,"file":"index.mjs","names":["global","essential","antdOverride"],"sources":["../../../src/ThemeProvider/GlobalStyle/index.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle } from 'antd-style';\n\nimport antdOverride from './antdOverride';\nimport essential from './essential';\nimport global from './global';\n\nconst GlobalStyle = createGlobalStyle(({ theme }) => global(theme));\n\nexport const EssentialStyle = createGlobalStyle(({ theme }) => [\n  essential(theme),\n  antdOverride(theme),\n]);\n\nexport default GlobalStyle;\n"],"mappings":";;;;;;AAQA,MAAM,cAAc,mBAAmB,EAAE,YAAYA,eAAO,KAAK,CAAC;AAElE,MAAa,iBAAiB,mBAAmB,EAAE,YAAY,CAC7DC,kBAAU,KAAK,GACfC,qBAAa,KAAK,CACpB,CAAC"}

package/es/ThemeProvider/Meta.d.mts

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

package/es/ThemeProvider/Meta.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Meta.mjs","names":[],"sources":["../../src/ThemeProvider/Meta.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useCallback } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\n\nimport type { MetaProps } from './type';\n\nconst Meta: FC<MetaProps> = ({\n  title = 'LobeHub',\n  description = 'Empowering your AI dreams with LobeHub',\n  withManifest,\n}) => {\n  const genCdnUrl = useCdnFn();\n  const genAssets = useCallback(\n    (path: string) =>\n      genCdnUrl({\n        path,\n        pkg: '@lobehub/assets-favicons',\n        version: 'latest',\n      }),\n    [],\n  );\n  return (\n    <>\n      <link href={genAssets('assets/favicon.ico')} rel=\"shortcut icon\" />\n      <link\n        href={genAssets('assets/apple-touch-icon.png')}\n        rel=\"apple-touch-icon\"\n        sizes=\"180x180\"\n      />\n      <link\n        href={genAssets('assets/favicon-32x32.png')}\n        rel=\"icon\"\n        sizes=\"32x32\"\n        type=\"image/png\"\n      />\n      <link\n        href={genAssets('assets/favicon-16x16.png')}\n        rel=\"icon\"\n        sizes=\"16x16\"\n        type=\"image/png\"\n      />\n      <meta\n        content=\"width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no\"\n        name=\"viewport\"\n      />\n      <meta content={title} name=\"apple-mobile-web-app-title\" />\n      <meta content={title} name=\"application-name\" />\n      <meta content={description} name=\"description\" />\n      <meta content=\"#000000\" name=\"msapplication-TileColor\" />\n      <meta content=\"#fff\" media=\"(prefers-color-scheme: light)\" name=\"theme-color\" />\n      <meta content=\"#000\" media=\"(prefers-color-scheme: dark)\" name=\"theme-color\" />\n      <meta content=\"yes\" name=\"apple-mobile-web-app-capable\" />\n      <meta content={title} name=\"apple-mobile-web-app-title\" />\n      <meta content=\"black-translucent\" name=\"apple-mobile-web-app-status-bar-style\" />\n      {withManifest && <link href={genAssets('assets/site.webmanifest')} rel=\"manifest\" />}\n    </>\n  );\n};\n\nexport default Meta;\n"],"mappings":";;;;;AAQA,MAAM,QAAuB,EAC3B,QAAQ,WACR,cAAc,0CACd,mBACI;CACJ,MAAM,YAAY,UAAU;CAC5B,MAAM,YAAY,aACf,SACC,UAAU;EACR;EACA,KAAK;EACL,SAAS;EACV,CAAC,EACJ,EAAE,CACH;AACD,QACE,qBAAA,YAAA,EAAA,UAAA;EACE,oBAAC,QAAD;GAAM,MAAM,UAAU,qBAAqB;GAAE,KAAI;GAAkB,CAAA;EACnE,oBAAC,QAAD;GACE,MAAM,UAAU,8BAA8B;GAC9C,KAAI;GACJ,OAAM;GACN,CAAA;EACF,oBAAC,QAAD;GACE,MAAM,UAAU,2BAA2B;GAC3C,KAAI;GACJ,OAAM;GACN,MAAK;GACL,CAAA;EACF,oBAAC,QAAD;GACE,MAAM,UAAU,2BAA2B;GAC3C,KAAI;GACJ,OAAM;GACN,MAAK;GACL,CAAA;EACF,oBAAC,QAAD;GACE,SAAQ;GACR,MAAK;GACL,CAAA;EACF,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;GAA+B,CAAA;EAC1D,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;GAAqB,CAAA;EAChD,oBAAC,QAAD;GAAM,SAAS;GAAa,MAAK;GAAgB,CAAA;EACjD,oBAAC,QAAD;GAAM,SAAQ;GAAU,MAAK;GAA4B,CAAA;EACzD,oBAAC,QAAD;GAAM,SAAQ;GAAO,OAAM;GAAgC,MAAK;GAAgB,CAAA;EAChF,oBAAC,QAAD;GAAM,SAAQ;GAAO,OAAM;GAA+B,MAAK;GAAgB,CAAA;EAC/E,oBAAC,QAAD;GAAM,SAAQ;GAAM,MAAK;GAAiC,CAAA;EAC1D,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;GAA+B,CAAA;EAC1D,oBAAC,QAAD;GAAM,SAAQ;GAAoB,MAAK;GAA0C,CAAA;EAChF,gBAAgB,oBAAC,QAAD;GAAM,MAAM,UAAU,0BAA0B;GAAE,KAAI;GAAa,CAAA;EACnF,EAAA,CAAA"}
+{"version":3,"file":"Meta.mjs","names":[],"sources":["../../src/ThemeProvider/Meta.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useCallback } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\n\nimport type { MetaProps } from './type';\n\nconst Meta: FC<MetaProps> = ({\n  title = 'LobeHub',\n  description = 'Empowering your AI dreams with LobeHub',\n  withManifest,\n}) => {\n  const genCdnUrl = useCdnFn();\n  const genAssets = useCallback(\n    (path: string) =>\n      genCdnUrl({\n        path,\n        pkg: '@lobehub/assets-favicons',\n        version: 'latest',\n      }),\n    [],\n  );\n  return (\n    <>\n      <link href={genAssets('assets/favicon.ico')} rel=\"shortcut icon\" />\n      <link\n        href={genAssets('assets/apple-touch-icon.png')}\n        rel=\"apple-touch-icon\"\n        sizes=\"180x180\"\n      />\n      <link\n        href={genAssets('assets/favicon-32x32.png')}\n        rel=\"icon\"\n        sizes=\"32x32\"\n        type=\"image/png\"\n      />\n      <link\n        href={genAssets('assets/favicon-16x16.png')}\n        rel=\"icon\"\n        sizes=\"16x16\"\n        type=\"image/png\"\n      />\n      <meta\n        content=\"width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no\"\n        name=\"viewport\"\n      />\n      <meta content={title} name=\"apple-mobile-web-app-title\" />\n      <meta content={title} name=\"application-name\" />\n      <meta content={description} name=\"description\" />\n      <meta content=\"#000000\" name=\"msapplication-TileColor\" />\n      <meta content=\"#fff\" media=\"(prefers-color-scheme: light)\" name=\"theme-color\" />\n      <meta content=\"#000\" media=\"(prefers-color-scheme: dark)\" name=\"theme-color\" />\n      <meta content=\"yes\" name=\"apple-mobile-web-app-capable\" />\n      <meta content={title} name=\"apple-mobile-web-app-title\" />\n      <meta content=\"black-translucent\" name=\"apple-mobile-web-app-status-bar-style\" />\n      {withManifest && <link href={genAssets('assets/site.webmanifest')} rel=\"manifest\" />}\n    </>\n  );\n};\n\nexport default Meta;\n"],"mappings":";;;;;AAQA,MAAM,QAAuB,EAC3B,QAAQ,WACR,cAAc,0CACd,mBACI;CACJ,MAAM,YAAY,SAAS;CAC3B,MAAM,YAAY,aACf,SACC,UAAU;EACR;EACA,KAAK;EACL,SAAS;CACX,CAAC,GACH,CAAC,CACH;CACA,OACE,qBAAA,YAAA,EAAA,UAAA;EACE,oBAAC,QAAD;GAAM,MAAM,UAAU,oBAAoB;GAAG,KAAI;EAAiB,CAAA;EAClE,oBAAC,QAAD;GACE,MAAM,UAAU,6BAA6B;GAC7C,KAAI;GACJ,OAAM;EACP,CAAA;EACD,oBAAC,QAAD;GACE,MAAM,UAAU,0BAA0B;GAC1C,KAAI;GACJ,OAAM;GACN,MAAK;EACN,CAAA;EACD,oBAAC,QAAD;GACE,MAAM,UAAU,0BAA0B;GAC1C,KAAI;GACJ,OAAM;GACN,MAAK;EACN,CAAA;EACD,oBAAC,QAAD;GACE,SAAQ;GACR,MAAK;EACN,CAAA;EACD,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;EAA8B,CAAA;EACzD,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;EAAoB,CAAA;EAC/C,oBAAC,QAAD;GAAM,SAAS;GAAa,MAAK;EAAe,CAAA;EAChD,oBAAC,QAAD;GAAM,SAAQ;GAAU,MAAK;EAA2B,CAAA;EACxD,oBAAC,QAAD;GAAM,SAAQ;GAAO,OAAM;GAAgC,MAAK;EAAe,CAAA;EAC/E,oBAAC,QAAD;GAAM,SAAQ;GAAO,OAAM;GAA+B,MAAK;EAAe,CAAA;EAC9E,oBAAC,QAAD;GAAM,SAAQ;GAAM,MAAK;EAAgC,CAAA;EACzD,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;EAA8B,CAAA;EACzD,oBAAC,QAAD;GAAM,SAAQ;GAAoB,MAAK;EAAyC,CAAA;EAC/E,gBAAgB,oBAAC,QAAD;GAAM,MAAM,UAAU,yBAAyB;GAAG,KAAI;EAAY,CAAA;CACnF,EAAA,CAAA;AAEN"}

package/es/ThemeProvider/ThemeProvider.d.mts

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

package/es/ThemeProvider/ThemeProvider.mjs

@@ -7,14 +7,14 @@ import { LOBE_THEME_APP_ID } from "./constants.mjs";
 import FontLoader from "../FontLoader/index.mjs";
 import { createLobeAntdTheme } from "../styles/theme/antdTheme.mjs";
 import ConfigProvider$1 from "./ConfigProvider.mjs";
-import GlobalStyle from "./GlobalStyle/index.mjs";
+import GlobalStyle, { EssentialStyle } from "./GlobalStyle/index.mjs";
 import { memo, useCallback, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { App } from "antd";
 import { ThemeProvider } from "antd-style";
 import { merge } from "es-toolkit/compat";
 //#region src/ThemeProvider/ThemeProvider.tsx
-const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCustomFonts = true, enableGlobalStyle = true, customFonts, customTheme = {}, className, style, theme: antdTheme, ...rest }) => {
+const ThemeProvider$1 = memo(({ appId = LOBE_THEME_APP_ID, children, customStylish, customToken, enableCustomFonts = true, enableGlobalStyle = true, customFonts, customTheme = {}, className, style, theme: antdTheme, ...rest }) => {
 	const genCdnUrl = useCdnFn();
 	const [appRef, setAppRef] = useState(null);
 	const webfontUrls = useMemo(() => customFonts || [
@@ -63,27 +63,31 @@ const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCust
 		customToken: token,
 		theme,
 		...rest,
-		children: /* @__PURE__ */ jsxs(ConfigProvider$1, { children: [enableGlobalStyle && /* @__PURE__ */ jsx(GlobalStyle, {}), /* @__PURE__ */ jsx(App, {
-			className,
-			style: {
-				isolation: "isolate",
-				minHeight: "inherit",
-				width: "inherit",
-				...style
-			},
-			children: /* @__PURE__ */ jsx("div", {
-				id: LOBE_THEME_APP_ID,
-				style: contentsStyle,
-				children: /* @__PURE__ */ jsxs(AppElementContext, {
-					value: appRef,
-					children: [children, /* @__PURE__ */ jsx("div", {
-						"data-lobe-portal-host": "",
-						ref: setAppRef,
-						style: hostPortalHostStyle
-					})]
+		children: /* @__PURE__ */ jsxs(ConfigProvider$1, { children: [
+			/* @__PURE__ */ jsx(EssentialStyle, {}),
+			enableGlobalStyle && /* @__PURE__ */ jsx(GlobalStyle, {}),
+			/* @__PURE__ */ jsx(App, {
+				className,
+				style: {
+					isolation: "isolate",
+					minHeight: "inherit",
+					width: "inherit",
+					...style
+				},
+				children: /* @__PURE__ */ jsx("div", {
+					id: appId,
+					style: contentsStyle,
+					children: /* @__PURE__ */ jsxs(AppElementContext, {
+						value: appRef,
+						children: [children, /* @__PURE__ */ jsx("div", {
+							"data-lobe-portal-host": "",
+							ref: setAppRef,
+							style: hostPortalHostStyle
+						})]
+					})
 				})
 			})
-		})] })
+		] })
 	})] });
 });
 ThemeProvider$1.displayName = "LobeThemeProvider";