@jinmi/ui 6.0.1 → 6.0.2

package/es/ActionIcon/ActionIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.mjs","names":[],"sources":["../../src/ActionIcon/ActionIcon.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { Loader2 } from 'lucide-react';\r\nimport { memo, type MouseEventHandler, useCallback, useMemo } from 'react';\r\n\r\nimport { Center } from '@/Flex';\r\nimport Icon from '@/Icon';\r\nimport Tooltip from '@/Tooltip';\r\n\r\nimport { calcSize } from './components/utils';\r\nimport { variants } from './style';\r\nimport { type ActionIconProps } from './type';\r\n\r\n/**\r\n * @deprecated Use `ActionIcon` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst ActionIcon = memo<ActionIconProps>(\r\n  ({\r\n    color,\r\n    fill,\r\n    className,\r\n    active,\r\n    icon,\r\n    size = 'middle',\r\n    variant = 'borderless',\r\n    style,\r\n    glass,\r\n    title,\r\n    onClick,\r\n    loading,\r\n    fillOpacity,\r\n    fillRule,\r\n    focusable,\r\n    shadow,\r\n    disabled,\r\n    spin: iconSpinning,\r\n    tooltipProps,\r\n    danger,\r\n    ref,\r\n    ...rest\r\n  }) => {\r\n    const { blockSize, borderRadius } = useMemo(() => calcSize(size), [size]);\r\n    const popupTriggerAria = rest as {\r\n      'aria-expanded'?: unknown;\r\n      'aria-haspopup'?: unknown;\r\n      'aria-label'?: string;\r\n    };\r\n    const isPopupTrigger =\r\n      popupTriggerAria['aria-haspopup'] !== undefined ||\r\n      popupTriggerAria['aria-expanded'] !== undefined;\r\n    const popupTriggerLabel =\r\n      popupTriggerAria['aria-label'] ??\r\n      (isPopupTrigger && typeof title === 'string' ? title : undefined);\r\n\r\n    const handleClick = useCallback<MouseEventHandler<HTMLDivElement>>(\r\n      (event) => {\r\n        if (loading || disabled) return;\r\n        onClick?.(event);\r\n      },\r\n      [loading, disabled, onClick],\r\n    );\r\n\r\n    const node = (\r\n      <Center\r\n        horizontal\r\n        className={cx(variants({ active, danger, disabled, glass, shadow, variant }), className)}\r\n        flex={'none'}\r\n        ref={ref}\r\n        role=\"button\"\r\n        style={{ borderRadius, height: blockSize, width: blockSize, ...style }}\r\n        tabIndex={disabled ? -1 : 0}\r\n        onClick={handleClick}\r\n        {...rest}\r\n        aria-label={popupTriggerLabel}\r\n      >\r\n        {icon && (\r\n          <Icon\r\n            color={color}\r\n            fill={fill}\r\n            fillOpacity={fillOpacity}\r\n            fillRule={fillRule}\r\n            focusable={focusable}\r\n            icon={loading ? Loader2 : icon}\r\n            size={size}\r\n            spin={loading ? true : iconSpinning}\r\n            style={{\r\n              pointerEvents: 'none',\r\n            }}\r\n          />\r\n        )}\r\n      </Center>\r\n    );\r\n\r\n    if (!title) return node;\r\n\r\n    return (\r\n      <Tooltip\r\n        title={title}\r\n        {...tooltipProps}\r\n        styles={\r\n          typeof tooltipProps?.styles === 'function'\r\n            ? tooltipProps.styles\r\n            : {\r\n                ...tooltipProps?.styles,\r\n                container: { pointerEvents: 'none', ...tooltipProps?.styles?.container },\r\n              }\r\n        }\r\n      >\r\n        {node}\r\n      </Tooltip>\r\n    );\r\n  },\r\n);\r\n\r\nActionIcon.displayName = 'ActionIcon';\r\n\r\nexport default ActionIcon;\r\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,aAAa,MAChB,EACC,OACA,MACA,WACA,QACA,MACA,OAAO,UACP,UAAU,cACV,OACA,OACA,OACA,SACA,SACA,aACA,UACA,WACA,QACA,UACA,MAAM,cACN,cACA,QACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,iBAAiB,cAAc,SAAS,IAAI,GAAG,CAAC,IAAI,CAAC;CACxE,MAAM,mBAAmB;CAKzB,MAAM,iBACJ,iBAAiB,qBAAqB,KAAA,KACtC,iBAAiB,qBAAqB,KAAA;CACxC,MAAM,oBACJ,iBAAiB,kBAChB,kBAAkB,OAAO,UAAU,WAAW,QAAQ,KAAA;CAEzD,MAAM,cAAc,aACjB,UAAU;EACT,IAAI,WAAW,UAAU;EACzB,UAAU,KAAK;CACjB,GACA;EAAC;EAAS;EAAU;CAAO,CAC7B;CAEA,MAAM,OACJ,oBAAC,QAAD;EACE,YAAA;EACA,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAQ;GAAU;GAAO;GAAQ;EAAQ,CAAC,GAAG,SAAS;EACvF,MAAM;EACD;EACL,MAAK;EACL,OAAO;GAAE;GAAc,QAAQ;GAAW,OAAO;GAAW,GAAG;EAAM;EACrE,UAAU,WAAW,KAAK;EAC1B,SAAS;EACT,GAAI;EACJ,cAAY;EAEX,UAAA,QACC,oBAAC,MAAD;GACS;GACD;GACO;GACH;GACC;GACX,MAAM,UAAU,UAAU;GACpB;GACN,MAAM,UAAU,OAAO;GACvB,OAAO,EACL,eAAe,OACjB;EACD,CAAA;CAEG,CAAA;CAGV,IAAI,CAAC,OAAO,OAAO;CAEnB,OACE,oBAAC,SAAD;EACS;EACP,GAAI;EACJ,QACE,OAAO,cAAc,WAAW,aAC5B,aAAa,SACb;GACE,GAAG,cAAc;GACjB,WAAW;IAAE,eAAe;IAAQ,GAAG,cAAc,QAAQ;GAAU;EACzE;EAGL,UAAA;CACM,CAAA;AAEb,CACF;AAEA,WAAW,cAAc"}
+{"version":3,"file":"ActionIcon.mjs","names":[],"sources":["../../src/ActionIcon/ActionIcon.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Loader2 } from 'lucide-react';\nimport { memo, type MouseEventHandler, useCallback, useMemo } from 'react';\n\nimport { Center } from '@/Flex';\nimport Icon from '@/Icon';\nimport Tooltip from '@/Tooltip';\n\nimport { calcSize } from './components/utils';\nimport { variants } from './style';\nimport { type ActionIconProps } from './type';\n\n/**\n * @deprecated Use `ActionIcon` from `@jinmi/ui/base-ui` instead.\n */\nconst ActionIcon = memo<ActionIconProps>(\n  ({\n    color,\n    fill,\n    className,\n    active,\n    icon,\n    size = 'middle',\n    variant = 'borderless',\n    style,\n    glass,\n    title,\n    onClick,\n    loading,\n    fillOpacity,\n    fillRule,\n    focusable,\n    shadow,\n    disabled,\n    spin: iconSpinning,\n    tooltipProps,\n    danger,\n    ref,\n    ...rest\n  }) => {\n    const { blockSize, borderRadius } = useMemo(() => calcSize(size), [size]);\n    const popupTriggerAria = rest as {\n      'aria-expanded'?: unknown;\n      'aria-haspopup'?: unknown;\n      'aria-label'?: string;\n    };\n    const isPopupTrigger =\n      popupTriggerAria['aria-haspopup'] !== undefined ||\n      popupTriggerAria['aria-expanded'] !== undefined;\n    const popupTriggerLabel =\n      popupTriggerAria['aria-label'] ??\n      (isPopupTrigger && typeof title === 'string' ? title : undefined);\n\n    const handleClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n      (event) => {\n        if (loading || disabled) return;\n        onClick?.(event);\n      },\n      [loading, disabled, onClick],\n    );\n\n    const node = (\n      <Center\n        horizontal\n        className={cx(variants({ active, danger, disabled, glass, shadow, variant }), className)}\n        flex={'none'}\n        ref={ref}\n        role=\"button\"\n        style={{ borderRadius, height: blockSize, width: blockSize, ...style }}\n        tabIndex={disabled ? -1 : 0}\n        onClick={handleClick}\n        {...rest}\n        aria-label={popupTriggerLabel}\n      >\n        {icon && (\n          <Icon\n            color={color}\n            fill={fill}\n            fillOpacity={fillOpacity}\n            fillRule={fillRule}\n            focusable={focusable}\n            icon={loading ? Loader2 : icon}\n            size={size}\n            spin={loading ? true : iconSpinning}\n            style={{\n              pointerEvents: 'none',\n            }}\n          />\n        )}\n      </Center>\n    );\n\n    if (!title) return node;\n\n    return (\n      <Tooltip\n        title={title}\n        {...tooltipProps}\n        styles={\n          typeof tooltipProps?.styles === 'function'\n            ? tooltipProps.styles\n            : {\n                ...tooltipProps?.styles,\n                container: { pointerEvents: 'none', ...tooltipProps?.styles?.container },\n              }\n        }\n      >\n        {node}\n      </Tooltip>\n    );\n  },\n);\n\nActionIcon.displayName = 'ActionIcon';\n\nexport default ActionIcon;\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,aAAa,MAChB,EACC,OACA,MACA,WACA,QACA,MACA,OAAO,UACP,UAAU,cACV,OACA,OACA,OACA,SACA,SACA,aACA,UACA,WACA,QACA,UACA,MAAM,cACN,cACA,QACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,iBAAiB,cAAc,SAAS,IAAI,GAAG,CAAC,IAAI,CAAC;CACxE,MAAM,mBAAmB;CAKzB,MAAM,iBACJ,iBAAiB,qBAAqB,KAAA,KACtC,iBAAiB,qBAAqB,KAAA;CACxC,MAAM,oBACJ,iBAAiB,kBAChB,kBAAkB,OAAO,UAAU,WAAW,QAAQ,KAAA;CAEzD,MAAM,cAAc,aACjB,UAAU;EACT,IAAI,WAAW,UAAU;EACzB,UAAU,KAAK;CACjB,GACA;EAAC;EAAS;EAAU;CAAO,CAC7B;CAEA,MAAM,OACJ,oBAAC,QAAD;EACE,YAAA;EACA,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAQ;GAAU;GAAO;GAAQ;EAAQ,CAAC,GAAG,SAAS;EACvF,MAAM;EACD;EACL,MAAK;EACL,OAAO;GAAE;GAAc,QAAQ;GAAW,OAAO;GAAW,GAAG;EAAM;EACrE,UAAU,WAAW,KAAK;EAC1B,SAAS;EACT,GAAI;EACJ,cAAY;EAEX,UAAA,QACC,oBAAC,MAAD;GACS;GACD;GACO;GACH;GACC;GACX,MAAM,UAAU,UAAU;GACpB;GACN,MAAM,UAAU,OAAO;GACvB,OAAO,EACL,eAAe,OACjB;EACD,CAAA;CAEG,CAAA;CAGV,IAAI,CAAC,OAAO,OAAO;CAEnB,OACE,oBAAC,SAAD;EACS;EACP,GAAI;EACJ,QACE,OAAO,cAAc,WAAW,aAC5B,aAAa,SACb;GACE,GAAG,cAAc;GACjB,WAAW;IAAE,eAAe;IAAQ,GAAG,cAAc,QAAQ;GAAU;EACzE;EAGL,UAAA;CACM,CAAA;AAEb,CACF;AAEA,WAAW,cAAc"}

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';\r\n\r\nimport { getEmoji } from '@lobehub/fluent-emoji';\r\nimport { Avatar as AntAvatar } from 'antd';\r\nimport { cssVar, cx } from 'antd-style';\r\nimport { Loader2 } from 'lucide-react';\r\nimport { memo, useMemo, useState } from 'react';\r\n\r\nimport { Center } from '@/Flex';\r\nimport FluentEmoji from '@/FluentEmoji';\r\nimport Icon from '@/Icon';\r\nimport Img from '@/Img';\r\nimport { safeReadableColor } from '@/utils/safeReadableColor';\r\n\r\nimport { styles, variants } from './style';\r\nimport { type AvatarProps } from './type';\r\nimport {\r\n  calculateEmojiSize,\r\n  formatAvatarText,\r\n  hasValidBackground,\r\n  isDefaultAntAvatar as checkIsDefaultAntAvatar,\r\n} from './utils';\r\n\r\n/**\r\n * @deprecated Use `Avatar` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst Avatar = memo<AvatarProps>(\r\n  ({\r\n    bordered,\r\n    className,\r\n    avatar,\r\n    title,\r\n    animation,\r\n    borderedColor,\r\n    size = 48,\r\n    shape = 'square',\r\n    background,\r\n    style,\r\n    unoptimized,\r\n    alt,\r\n    variant = 'borderless',\r\n    shadow,\r\n    loading,\r\n    sliceText = true,\r\n    emojiScaleWithBackground = true,\r\n    ref,\r\n    ...rest\r\n  }) => {\r\n    const isStringAvatar = typeof avatar === 'string';\r\n\r\n    const isDefaultAntAvatar = useMemo(() => checkIsDefaultAntAvatar(avatar), [avatar]);\r\n    const [isImgError, setIsImgError] = useState(false);\r\n\r\n    const emoji = useMemo(\r\n      () => avatar && !isDefaultAntAvatar && isStringAvatar && getEmoji(avatar),\r\n      [avatar, isStringAvatar, isDefaultAntAvatar],\r\n    );\r\n\r\n    const text = String(isDefaultAntAvatar ? title : avatar);\r\n\r\n    const imgAlt = alt || title || 'avatar';\r\n\r\n    const defaultAvatar = useMemo(\r\n      () =>\r\n        typeof avatar === 'string' ? (\r\n          <Img\r\n            alt={imgAlt}\r\n            height={size}\r\n            loading={'lazy'}\r\n            src={avatar}\r\n            unoptimized={unoptimized}\r\n            width={size}\r\n            onError={() => setIsImgError(true)}\r\n          />\r\n        ) : (\r\n          avatar\r\n        ),\r\n      [avatar, imgAlt, size, unoptimized],\r\n    );\r\n\r\n    const hasBackground = hasValidBackground(background);\r\n\r\n    const customAvatar = useMemo(\r\n      () =>\r\n        emoji ? (\r\n          <FluentEmoji\r\n            emoji={emoji}\r\n            size={calculateEmojiSize(size, hasBackground, emojiScaleWithBackground)}\r\n            type={animation ? 'anim' : '3d'}\r\n            unoptimized={unoptimized}\r\n          />\r\n        ) : (\r\n          formatAvatarText(text || title, sliceText)\r\n        ),\r\n      [\r\n        animation,\r\n        emoji,\r\n        hasBackground,\r\n        size,\r\n        sliceText,\r\n        text,\r\n        title,\r\n        unoptimized,\r\n        emojiScaleWithBackground,\r\n      ],\r\n    );\r\n\r\n    const avatarStyle = useMemo(\r\n      () => ({\r\n        backgroundColor:\r\n          (isDefaultAntAvatar && !isImgError) || emoji\r\n            ? background\r\n            : background || cssVar.colorBorder,\r\n        borderRadius: shape === 'square' && size && size < 24 ? '33%' : undefined,\r\n        boxShadow: bordered\r\n          ? `${cssVar.colorBgLayout} 0 0 0 2px, ${borderedColor || cssVar.colorTextTertiary} 0 0 0 4px`\r\n          : undefined,\r\n        color: safeReadableColor(background || cssVar.colorBorder),\r\n        cursor: rest?.onClick ? 'pointer' : undefined,\r\n        fontSize: size * (emoji ? 0.7 : 0.5),\r\n        ...style,\r\n      }),\r\n      [\r\n        isDefaultAntAvatar,\r\n        isImgError,\r\n        background,\r\n        shape,\r\n        emoji,\r\n        size,\r\n        bordered,\r\n        borderedColor,\r\n        rest?.onClick,\r\n        style,\r\n      ],\r\n    );\r\n\r\n    const showFallback = !isDefaultAntAvatar || isImgError;\r\n\r\n    return (\r\n      <AntAvatar\r\n        alt={imgAlt}\r\n        className={cx(variants({ shadow, variant }), className)}\r\n        draggable={false}\r\n        ref={ref}\r\n        shape={shape}\r\n        size={size}\r\n        src={isDefaultAntAvatar && !isImgError ? defaultAvatar : undefined}\r\n        style={avatarStyle}\r\n        {...rest}\r\n      >\r\n        {loading && (\r\n          <Center className={styles.loading} height={'100%'} width={'100%'}>\r\n            <Icon spin icon={Loader2} />\r\n          </Center>\r\n        )}\r\n        {showFallback && customAvatar}\r\n      </AntAvatar>\r\n    );\r\n  },\r\n);\r\n\r\nAvatar.displayName = 'Avatar';\r\n\r\nexport default Avatar;\r\n"],"mappings":";;;;;;;;;;;;;;;;;;AA0BA,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;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,cAAc,OAAO,WAAW;EACzD,QAAQ,MAAM,UAAU,YAAY,KAAA;EACpC,UAAU,QAAQ,QAAQ,KAAM;EAChC,GAAG;CACL,IACA;EACEA;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;EATN,UAAA,CAWG,WACC,oBAAC,QAAD;GAAQ,WAAW,OAAO;GAAS,QAAQ;GAAQ,OAAO;GACxD,UAAA,oBAAC,MAAD;IAAM,MAAA;IAAK,MAAM;GAAU,CAAA;EACrB,CAAA,GAET,gBAAgB,YACR;;AAEf,CACF;AAEA,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  hasValidBackground,\n  isDefaultAntAvatar as checkIsDefaultAntAvatar,\n} from './utils';\n\n/**\n * @deprecated Use `Avatar` from `@jinmi/ui/base-ui` instead.\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    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(background || cssVar.colorBorder),\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        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":";;;;;;;;;;;;;;;;;;AA0BA,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;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,cAAc,OAAO,WAAW;EACzD,QAAQ,MAAM,UAAU,YAAY,KAAA;EACpC,UAAU,QAAQ,QAAQ,KAAM;EAChC,GAAG;CACL,IACA;EACEA;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;EATN,UAAA,CAWG,WACC,oBAAC,QAAD;GAAQ,WAAW,OAAO;GAAS,QAAQ;GAAQ,OAAO;GACxD,UAAA,oBAAC,MAAD;IAAM,MAAA;IAAK,MAAM;GAAU,CAAA;EACrB,CAAA,GAET,gBAAgB,YACR;;AAEf,CACF;AAEA,SAAO,cAAc"}

package/es/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","names":["Button","AntdButton"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Button as AntdButton } from 'antd';\r\nimport { cx, useThemeMode } from 'antd-style';\r\nimport { Loader2Icon } from 'lucide-react';\r\nimport { type FC, isValidElement } from 'react';\r\n\r\nimport Icon from '@/Icon';\r\n\r\nimport { variants } from './style';\r\nimport type { ButtonProps } from './type';\r\n\r\n/**\r\n * @deprecated Use `Button` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst Button: FC<ButtonProps> = ({\r\n  icon,\r\n  variant,\r\n  glass,\r\n  shadow,\r\n  loading,\r\n  className,\r\n  type,\r\n  color,\r\n  danger,\r\n  children,\r\n  iconProps,\r\n  ref,\r\n  ...rest\r\n}) => {\r\n  const { isDarkMode } = useThemeMode();\r\n\r\n  const defaultVariant = type ? undefined : variant || (isDarkMode ? 'filled' : 'outlined');\r\n\r\n  return (\r\n    <AntdButton\r\n      color={color || (defaultVariant === 'filled' ? 'default' : undefined)}\r\n      danger={danger}\r\n      ref={ref}\r\n      type={type}\r\n      variant={defaultVariant}\r\n      className={cx(\r\n        variants({\r\n          glass,\r\n          shadow,\r\n        }),\r\n        className,\r\n      )}\r\n      icon={\r\n        icon &&\r\n        (isValidElement(icon) ? (\r\n          icon\r\n        ) : (\r\n          <Icon icon={icon} {...iconProps} size={iconProps?.size || { size: '1.2em' }} />\r\n        ))\r\n      }\r\n      loading={\r\n        loading\r\n          ? {\r\n              icon: (\r\n                <Icon\r\n                  icon={Loader2Icon}\r\n                  {...iconProps}\r\n                  spin\r\n                  size={iconProps?.size || { size: '1.2em' }}\r\n                />\r\n              ),\r\n            }\r\n          : false\r\n      }\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </AntdButton>\r\n  );\r\n};\r\n\r\nexport default Button;\r\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"}
+{"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 `@jinmi/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/Checkbox/style.mjs

@@ -1,11 +1,12 @@
+import { inkCssVar } from "../styles/inkCssVar.mjs";
 import { createStaticStyles } from "antd-style";
 //#region src/Checkbox/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
 		checked: css`
-      border-color: ${cssVar.colorPrimary};
-      color: ${cssVar.colorBgLayout};
-      background-color: ${cssVar.colorPrimary};
+      border-color: ${inkCssVar.colorInk};
+      color: ${inkCssVar.colorInkText};
+      background-color: ${inkCssVar.colorInk};
     `,
 		disabled: css`
       cursor: not-allowed;
@@ -18,9 +19,9 @@ const styles = createStaticStyles(({ css, cssVar }) => {
       background-color: ${cssVar.colorFill};
     `,
 		indeterminate: css`
-      border-color: ${cssVar.colorPrimary};
-      color: ${cssVar.colorBgLayout};
-      background-color: ${cssVar.colorPrimary};
+      border-color: ${inkCssVar.colorInk};
+      color: ${inkCssVar.colorInkText};
+      background-color: ${inkCssVar.colorInk};
     `,
 		root: css`
       cursor: pointer;

package/es/Checkbox/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Checkbox/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => {\r\n  return {\r\n    checked: css`\r\n      border-color: ${cssVar.colorPrimary};\r\n      color: ${cssVar.colorBgLayout};\r\n      background-color: ${cssVar.colorPrimary};\r\n    `,\r\n    disabled: css`\r\n      cursor: not-allowed;\r\n\r\n      border-color: ${cssVar.colorFill};\r\n\r\n      color: ${cssVar.colorText};\r\n\r\n      opacity: 0.25;\r\n      background-color: ${cssVar.colorFill};\r\n    `,\r\n    indeterminate: css`\r\n      border-color: ${cssVar.colorPrimary};\r\n      color: ${cssVar.colorBgLayout};\r\n      background-color: ${cssVar.colorPrimary};\r\n    `,\r\n    root: css`\r\n      cursor: pointer;\r\n      display: inline-flex;\r\n    `,\r\n  };\r\n});\r\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,SAAS,GAAG;sBACM,OAAO,aAAa;eAC3B,OAAO,cAAc;0BACV,OAAO,aAAa;;EAE1C,UAAU,GAAG;;;sBAGK,OAAO,UAAU;;eAExB,OAAO,UAAU;;;0BAGN,OAAO,UAAU;;EAEvC,eAAe,GAAG;sBACA,OAAO,aAAa;eAC3B,OAAO,cAAc;0BACV,OAAO,aAAa;;EAE1C,MAAM,GAAG;;;;CAIX;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Checkbox/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { inkCssVar } from '@/styles/inkCssVar';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    checked: css`\n      border-color: ${inkCssVar.colorInk};\n      color: ${inkCssVar.colorInkText};\n      background-color: ${inkCssVar.colorInk};\n    `,\n    disabled: css`\n      cursor: not-allowed;\n\n      border-color: ${cssVar.colorFill};\n\n      color: ${cssVar.colorText};\n\n      opacity: 0.25;\n      background-color: ${cssVar.colorFill};\n    `,\n    indeterminate: css`\n      border-color: ${inkCssVar.colorInk};\n      color: ${inkCssVar.colorInkText};\n      background-color: ${inkCssVar.colorInk};\n    `,\n    root: css`\n      cursor: pointer;\n      display: inline-flex;\n    `,\n  };\n});\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,SAAS,GAAG;sBACM,UAAU,SAAS;eAC1B,UAAU,aAAa;0BACZ,UAAU,SAAS;;EAEzC,UAAU,GAAG;;;sBAGK,OAAO,UAAU;;eAExB,OAAO,UAAU;;;0BAGN,OAAO,UAAU;;EAEvC,eAAe,GAAG;sBACA,UAAU,SAAS;eAC1B,UAAU,aAAa;0BACZ,UAAU,SAAS;;EAEzC,MAAM,GAAG;;;;CAIX;AACF,CAAC"}

package/es/Modal/Modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","names":["Modal","AntModal"],"sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Button, ConfigProvider, Drawer, type DrawerProps, Modal as AntModal } from 'antd';\r\nimport { cssVar, cx, useResponsive } from 'antd-style';\r\nimport { Maximize2, Minimize2, X } from 'lucide-react';\r\nimport { memo, type ReactNode, useState } from 'react';\r\n\r\nimport ActionIcon from '@/base-ui/ActionIcon';\r\nimport Icon from '@/Icon';\r\n\r\nimport { styles } from './style';\r\nimport { type ModalProps } from './type';\r\n\r\n/**\r\n * @deprecated Use `Modal` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst Modal = memo<ModalProps>(\r\n  ({\r\n    panelRef,\r\n    allowFullscreen,\r\n    children,\r\n    title = ' ',\r\n    className,\r\n    classNames,\r\n    width = 700,\r\n    onCancel,\r\n    open,\r\n    destroyOnHidden,\r\n    paddings,\r\n    height = '75dvh',\r\n    enableResponsive = true,\r\n    footer,\r\n    styles: customStyles,\r\n    okText,\r\n    onOk,\r\n    cancelText,\r\n    okButtonProps,\r\n    cancelButtonProps,\r\n    confirmLoading,\r\n    ...rest\r\n  }) => {\r\n    const [fullscreen, setFullscreen] = useState(false);\r\n    const { mobile } = useResponsive();\r\n    const hideFooter = footer === false || footer === null;\r\n    if (enableResponsive && mobile)\r\n      return (\r\n        <ConfigProvider\r\n          theme={{\r\n            token: {\r\n              colorBgElevated: cssVar.colorBgContainer,\r\n            },\r\n          }}\r\n        >\r\n          <Drawer\r\n            className={cx(styles.drawerContent, className)}\r\n            closeIcon={<ActionIcon icon={X} />}\r\n            destroyOnHidden={destroyOnHidden}\r\n            height={fullscreen ? 'calc(100% - env(safe-area-inset-top))' : height}\r\n            open={open}\r\n            panelRef={panelRef}\r\n            placement={'bottom'}\r\n            title={title}\r\n            classNames={\r\n              (typeof classNames === 'function'\r\n                ? classNames\r\n                : {\r\n                    ...classNames,\r\n                    wrapper: cx(styles.wrap, classNames?.wrapper),\r\n                  }) as DrawerProps['classNames']\r\n            }\r\n            extra={\r\n              allowFullscreen && (\r\n                <ActionIcon\r\n                  icon={fullscreen ? Minimize2 : Maximize2}\r\n                  onClick={() => setFullscreen(!fullscreen)}\r\n                />\r\n              )\r\n            }\r\n            footer={\r\n              hideFooter\r\n                ? null\r\n                : (footer as ReactNode) || (\r\n                    <>\r\n                      <Button\r\n                        color={'default'}\r\n                        variant={'filled'}\r\n                        onClick={onCancel as any}\r\n                        {...cancelButtonProps}\r\n                      >\r\n                        {cancelText || 'Cancel'}\r\n                      </Button>\r\n                      <Button\r\n                        loading={confirmLoading}\r\n                        type=\"primary\"\r\n                        onClick={onOk as any}\r\n                        {...okButtonProps}\r\n                        style={{\r\n                          marginInlineStart: 8,\r\n                          ...okButtonProps?.style,\r\n                        }}\r\n                      >\r\n                        {okText || 'OK'}\r\n                      </Button>\r\n                    </>\r\n                  )\r\n            }\r\n            styles={\r\n              (typeof customStyles === 'function'\r\n                ? customStyles\r\n                : {\r\n                    ...customStyles,\r\n                    body: {\r\n                      paddingBlock: `16px ${footer ? 0 : '16px'}`,\r\n                      paddingInline: paddings?.desktop ?? 16,\r\n                      ...customStyles?.body,\r\n                    },\r\n                  }) as DrawerProps['styles']\r\n            }\r\n            onClose={onCancel as any}\r\n            {...rest}\r\n          >\r\n            {children}\r\n          </Drawer>\r\n        </ConfigProvider>\r\n      );\r\n\r\n    return (\r\n      <ConfigProvider\r\n        theme={{\r\n          token: {\r\n            colorBgElevated: cssVar.colorBgContainer,\r\n          },\r\n        }}\r\n      >\r\n        <AntModal\r\n          closable\r\n          cancelText={cancelText}\r\n          className={cx(styles.content, className)}\r\n          closeIcon={<Icon icon={X} size={20} />}\r\n          confirmLoading={confirmLoading}\r\n          destroyOnHidden={destroyOnHidden}\r\n          footer={hideFooter ? null : footer}\r\n          mask={{ closable: true }}\r\n          okButtonProps={okButtonProps}\r\n          okText={okText}\r\n          open={open}\r\n          panelRef={panelRef}\r\n          title={title}\r\n          width={width}\r\n          cancelButtonProps={{\r\n            color: 'default',\r\n            variant: 'filled',\r\n            ...cancelButtonProps,\r\n          }}\r\n          classNames={\r\n            typeof classNames === 'function'\r\n              ? classNames\r\n              : {\r\n                  ...classNames,\r\n                  wrapper: cx(styles.wrap, classNames?.wrapper),\r\n                }\r\n          }\r\n          styles={\r\n            typeof customStyles === 'function'\r\n              ? customStyles\r\n              : {\r\n                  ...customStyles,\r\n                  body: {\r\n                    maxHeight: height,\r\n                    overflow: 'hidden auto',\r\n                    paddingBlock: `0 ${footer === null ? '16px' : 0}`,\r\n                    paddingInline: paddings?.desktop ?? 16,\r\n                    ...customStyles?.body,\r\n                  },\r\n                }\r\n          }\r\n          onCancel={onCancel}\r\n          onOk={onOk}\r\n          {...rest}\r\n        >\r\n          {children}\r\n        </AntModal>\r\n      </ConfigProvider>\r\n    );\r\n  },\r\n);\r\n\r\nModal.displayName = 'Modal';\r\n\r\nexport default Modal;\r\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,UAAQ,MACX,EACC,UACA,iBACA,UACA,QAAQ,KACR,WACA,YACA,QAAQ,KACR,UACA,MACA,iBACA,UACA,SAAS,SACT,mBAAmB,MACnB,QACA,QAAQ,cACR,QACA,MACA,YACA,eACA,mBACA,gBACA,GAAG,WACC;CACJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,EAAE,WAAW,cAAc;CACjC,MAAM,aAAa,WAAW,SAAS,WAAW;CAClD,IAAI,oBAAoB,QACtB,OACE,oBAAC,gBAAD;EACE,OAAO,EACL,OAAO,EACL,iBAAiB,OAAO,iBAC1B,EACF;EAEA,UAAA,oBAAC,QAAD;GACE,WAAW,GAAG,OAAO,eAAe,SAAS;GAC7C,WAAW,oBAAC,YAAD,EAAY,MAAM,EAAI,CAAA;GAChB;GACjB,QAAQ,aAAa,0CAA0C;GACzD;GACI;GACV,WAAW;GACJ;GACP,YACG,OAAO,eAAe,aACnB,aACA;IACE,GAAG;IACH,SAAS,GAAG,OAAO,MAAM,YAAY,OAAO;GAC9C;GAEN,OACE,mBACE,oBAAC,YAAD;IACE,MAAM,aAAa,YAAY;IAC/B,eAAe,cAAc,CAAC,UAAU;GACzC,CAAA;GAGL,QACE,aACI,OACC,UACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD;IACE,OAAO;IACP,SAAS;IACT,SAAS;IACT,GAAI;IAEH,UAAA,cAAc;GACT,CAAA,GACR,oBAAC,QAAD;IACE,SAAS;IACT,MAAK;IACL,SAAS;IACT,GAAI;IACJ,OAAO;KACL,mBAAmB;KACnB,GAAG,eAAe;IACpB;IAEC,UAAA,UAAU;GACL,CAAA,CACR,EAAA,CAAA;GAGV,QACG,OAAO,iBAAiB,aACrB,eACA;IACE,GAAG;IACH,MAAM;KACJ,cAAc,QAAQ,SAAS,IAAI;KACnC,eAAe,UAAU,WAAW;KACpC,GAAG,cAAc;IACnB;GACF;GAEN,SAAS;GACT,GAAI;GAEH;EACK,CAAA;CACM,CAAA;CAGpB,OACE,oBAAC,gBAAD;EACE,OAAO,EACL,OAAO,EACL,iBAAiB,OAAO,iBAC1B,EACF;EAEA,UAAA,oBAACC,OAAD;GACE,UAAA;GACY;GACZ,WAAW,GAAG,OAAO,SAAS,SAAS;GACvC,WAAW,oBAAC,MAAD;IAAM,MAAM;IAAG,MAAM;GAAK,CAAA;GACrB;GACC;GACjB,QAAQ,aAAa,OAAO;GAC5B,MAAM,EAAE,UAAU,KAAK;GACR;GACP;GACF;GACI;GACH;GACA;GACP,mBAAmB;IACjB,OAAO;IACP,SAAS;IACT,GAAG;GACL;GACA,YACE,OAAO,eAAe,aAClB,aACA;IACE,GAAG;IACH,SAAS,GAAG,OAAO,MAAM,YAAY,OAAO;GAC9C;GAEN,QACE,OAAO,iBAAiB,aACpB,eACA;IACE,GAAG;IACH,MAAM;KACJ,WAAW;KACX,UAAU;KACV,cAAc,KAAK,WAAW,OAAO,SAAS;KAC9C,eAAe,UAAU,WAAW;KACpC,GAAG,cAAc;IACnB;GACF;GAEI;GACJ;GACN,GAAI;GAEH;EACO,CAAA;CACI,CAAA;AAEpB,CACF;AAEA,QAAM,cAAc"}
+{"version":3,"file":"Modal.mjs","names":["Modal","AntModal"],"sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport { Button, ConfigProvider, Drawer, type DrawerProps, Modal as AntModal } from 'antd';\nimport { cssVar, cx, useResponsive } from 'antd-style';\nimport { Maximize2, Minimize2, X } from 'lucide-react';\nimport { memo, type ReactNode, useState } from 'react';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\nimport Icon from '@/Icon';\n\nimport { styles } from './style';\nimport { type ModalProps } from './type';\n\n/**\n * @deprecated Use `Modal` from `@jinmi/ui/base-ui` instead.\n */\nconst Modal = memo<ModalProps>(\n  ({\n    panelRef,\n    allowFullscreen,\n    children,\n    title = ' ',\n    className,\n    classNames,\n    width = 700,\n    onCancel,\n    open,\n    destroyOnHidden,\n    paddings,\n    height = '75dvh',\n    enableResponsive = true,\n    footer,\n    styles: customStyles,\n    okText,\n    onOk,\n    cancelText,\n    okButtonProps,\n    cancelButtonProps,\n    confirmLoading,\n    ...rest\n  }) => {\n    const [fullscreen, setFullscreen] = useState(false);\n    const { mobile } = useResponsive();\n    const hideFooter = footer === false || footer === null;\n    if (enableResponsive && mobile)\n      return (\n        <ConfigProvider\n          theme={{\n            token: {\n              colorBgElevated: cssVar.colorBgContainer,\n            },\n          }}\n        >\n          <Drawer\n            className={cx(styles.drawerContent, className)}\n            closeIcon={<ActionIcon icon={X} />}\n            destroyOnHidden={destroyOnHidden}\n            height={fullscreen ? 'calc(100% - env(safe-area-inset-top))' : height}\n            open={open}\n            panelRef={panelRef}\n            placement={'bottom'}\n            title={title}\n            classNames={\n              (typeof classNames === 'function'\n                ? classNames\n                : {\n                    ...classNames,\n                    wrapper: cx(styles.wrap, classNames?.wrapper),\n                  }) as DrawerProps['classNames']\n            }\n            extra={\n              allowFullscreen && (\n                <ActionIcon\n                  icon={fullscreen ? Minimize2 : Maximize2}\n                  onClick={() => setFullscreen(!fullscreen)}\n                />\n              )\n            }\n            footer={\n              hideFooter\n                ? null\n                : (footer as ReactNode) || (\n                    <>\n                      <Button\n                        color={'default'}\n                        variant={'filled'}\n                        onClick={onCancel as any}\n                        {...cancelButtonProps}\n                      >\n                        {cancelText || 'Cancel'}\n                      </Button>\n                      <Button\n                        loading={confirmLoading}\n                        type=\"primary\"\n                        onClick={onOk as any}\n                        {...okButtonProps}\n                        style={{\n                          marginInlineStart: 8,\n                          ...okButtonProps?.style,\n                        }}\n                      >\n                        {okText || 'OK'}\n                      </Button>\n                    </>\n                  )\n            }\n            styles={\n              (typeof customStyles === 'function'\n                ? customStyles\n                : {\n                    ...customStyles,\n                    body: {\n                      paddingBlock: `16px ${footer ? 0 : '16px'}`,\n                      paddingInline: paddings?.desktop ?? 16,\n                      ...customStyles?.body,\n                    },\n                  }) as DrawerProps['styles']\n            }\n            onClose={onCancel as any}\n            {...rest}\n          >\n            {children}\n          </Drawer>\n        </ConfigProvider>\n      );\n\n    return (\n      <ConfigProvider\n        theme={{\n          token: {\n            colorBgElevated: cssVar.colorBgContainer,\n          },\n        }}\n      >\n        <AntModal\n          closable\n          cancelText={cancelText}\n          className={cx(styles.content, className)}\n          closeIcon={<Icon icon={X} size={20} />}\n          confirmLoading={confirmLoading}\n          destroyOnHidden={destroyOnHidden}\n          footer={hideFooter ? null : footer}\n          mask={{ closable: true }}\n          okButtonProps={okButtonProps}\n          okText={okText}\n          open={open}\n          panelRef={panelRef}\n          title={title}\n          width={width}\n          cancelButtonProps={{\n            color: 'default',\n            variant: 'filled',\n            ...cancelButtonProps,\n          }}\n          classNames={\n            typeof classNames === 'function'\n              ? classNames\n              : {\n                  ...classNames,\n                  wrapper: cx(styles.wrap, classNames?.wrapper),\n                }\n          }\n          styles={\n            typeof customStyles === 'function'\n              ? customStyles\n              : {\n                  ...customStyles,\n                  body: {\n                    maxHeight: height,\n                    overflow: 'hidden auto',\n                    paddingBlock: `0 ${footer === null ? '16px' : 0}`,\n                    paddingInline: paddings?.desktop ?? 16,\n                    ...customStyles?.body,\n                  },\n                }\n          }\n          onCancel={onCancel}\n          onOk={onOk}\n          {...rest}\n        >\n          {children}\n        </AntModal>\n      </ConfigProvider>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n\nexport default Modal;\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,UAAQ,MACX,EACC,UACA,iBACA,UACA,QAAQ,KACR,WACA,YACA,QAAQ,KACR,UACA,MACA,iBACA,UACA,SAAS,SACT,mBAAmB,MACnB,QACA,QAAQ,cACR,QACA,MACA,YACA,eACA,mBACA,gBACA,GAAG,WACC;CACJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,EAAE,WAAW,cAAc;CACjC,MAAM,aAAa,WAAW,SAAS,WAAW;CAClD,IAAI,oBAAoB,QACtB,OACE,oBAAC,gBAAD;EACE,OAAO,EACL,OAAO,EACL,iBAAiB,OAAO,iBAC1B,EACF;EAEA,UAAA,oBAAC,QAAD;GACE,WAAW,GAAG,OAAO,eAAe,SAAS;GAC7C,WAAW,oBAAC,YAAD,EAAY,MAAM,EAAI,CAAA;GAChB;GACjB,QAAQ,aAAa,0CAA0C;GACzD;GACI;GACV,WAAW;GACJ;GACP,YACG,OAAO,eAAe,aACnB,aACA;IACE,GAAG;IACH,SAAS,GAAG,OAAO,MAAM,YAAY,OAAO;GAC9C;GAEN,OACE,mBACE,oBAAC,YAAD;IACE,MAAM,aAAa,YAAY;IAC/B,eAAe,cAAc,CAAC,UAAU;GACzC,CAAA;GAGL,QACE,aACI,OACC,UACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD;IACE,OAAO;IACP,SAAS;IACT,SAAS;IACT,GAAI;IAEH,UAAA,cAAc;GACT,CAAA,GACR,oBAAC,QAAD;IACE,SAAS;IACT,MAAK;IACL,SAAS;IACT,GAAI;IACJ,OAAO;KACL,mBAAmB;KACnB,GAAG,eAAe;IACpB;IAEC,UAAA,UAAU;GACL,CAAA,CACR,EAAA,CAAA;GAGV,QACG,OAAO,iBAAiB,aACrB,eACA;IACE,GAAG;IACH,MAAM;KACJ,cAAc,QAAQ,SAAS,IAAI;KACnC,eAAe,UAAU,WAAW;KACpC,GAAG,cAAc;IACnB;GACF;GAEN,SAAS;GACT,GAAI;GAEH;EACK,CAAA;CACM,CAAA;CAGpB,OACE,oBAAC,gBAAD;EACE,OAAO,EACL,OAAO,EACL,iBAAiB,OAAO,iBAC1B,EACF;EAEA,UAAA,oBAACC,OAAD;GACE,UAAA;GACY;GACZ,WAAW,GAAG,OAAO,SAAS,SAAS;GACvC,WAAW,oBAAC,MAAD;IAAM,MAAM;IAAG,MAAM;GAAK,CAAA;GACrB;GACC;GACjB,QAAQ,aAAa,OAAO;GAC5B,MAAM,EAAE,UAAU,KAAK;GACR;GACP;GACF;GACI;GACH;GACA;GACP,mBAAmB;IACjB,OAAO;IACP,SAAS;IACT,GAAG;GACL;GACA,YACE,OAAO,eAAe,aAClB,aACA;IACE,GAAG;IACH,SAAS,GAAG,OAAO,MAAM,YAAY,OAAO;GAC9C;GAEN,QACE,OAAO,iBAAiB,aACpB,eACA;IACE,GAAG;IACH,MAAM;KACJ,WAAW;KACX,UAAU;KACV,cAAc,KAAK,WAAW,OAAO,SAAS;KAC9C,eAAe,UAAU,WAAW;KACpC,GAAG,cAAc;IACnB;GACF;GAEI;GACJ;GACN,GAAI;GAEH;EACO,CAAA;CACI,CAAA;AAEpB,CACF;AAEA,QAAM,cAAc"}

package/es/Segmented/Segmented.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Segmented.mjs","names":["Segmented","AntdSegmented"],"sources":["../../src/Segmented/Segmented.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Segmented as AntdSegmented } from 'antd';\r\nimport { cx } from 'antd-style';\r\nimport { memo } from 'react';\r\n\r\nimport { variants } from './style';\r\nimport type { SegmentedProps } from './type';\r\n\r\n/**\r\n * @deprecated Use `Segmented` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst Segmented = memo<SegmentedProps>(\r\n  ({ ref, padding, style, className, variant = 'filled', shadow, glass, ...rest }) => {\r\n    return (\r\n      <AntdSegmented\r\n        className={cx(variants({ glass, shadow, variant }), className)}\r\n        ref={ref}\r\n        style={{\r\n          padding,\r\n          ...style,\r\n        }}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nSegmented.displayName = 'Segmented';\r\n\r\nexport default Segmented;\r\n"],"mappings":";;;;;;;;;;AAYA,MAAMA,cAAY,MACf,EAAE,KAAK,SAAS,OAAO,WAAW,UAAU,UAAU,QAAQ,OAAO,GAAG,WAAW;CAClF,OACE,oBAACC,WAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAO;GAAQ;EAAQ,CAAC,GAAG,SAAS;EACxD;EACL,OAAO;GACL;GACA,GAAG;EACL;EACA,GAAI;CACL,CAAA;AAEL,CACF;AAEA,YAAU,cAAc"}
+{"version":3,"file":"Segmented.mjs","names":["Segmented","AntdSegmented"],"sources":["../../src/Segmented/Segmented.tsx"],"sourcesContent":["'use client';\n\nimport { Segmented as AntdSegmented } from 'antd';\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { SegmentedProps } from './type';\n\n/**\n * @deprecated Use `Segmented` from `@jinmi/ui/base-ui` instead.\n */\nconst Segmented = memo<SegmentedProps>(\n  ({ ref, padding, style, className, variant = 'filled', shadow, glass, ...rest }) => {\n    return (\n      <AntdSegmented\n        className={cx(variants({ glass, shadow, variant }), className)}\n        ref={ref}\n        style={{\n          padding,\n          ...style,\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n\nSegmented.displayName = 'Segmented';\n\nexport default Segmented;\n"],"mappings":";;;;;;;;;;AAYA,MAAMA,cAAY,MACf,EAAE,KAAK,SAAS,OAAO,WAAW,UAAU,UAAU,QAAQ,OAAO,GAAG,WAAW;CAClF,OACE,oBAACC,WAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAO;GAAQ;EAAQ,CAAC,GAAG,SAAS;EACxD;EACL,OAAO;GACL;GACA,GAAG;EACL;EACA,GAAI;CACL,CAAA;AAEL,CACF;AAEA,YAAU,cAAc"}

package/es/Select/Select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.mjs","names":["Select","AntSelect"],"sources":["../../src/Select/Select.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Select as AntSelect } from 'antd';\r\nimport { cx, useThemeMode } from 'antd-style';\r\nimport { ChevronDownIcon } from 'lucide-react';\r\nimport { memo } from 'react';\r\n\r\nimport Icon from '@/Icon';\r\n\r\nimport { variants } from './style';\r\nimport type { SelectProps } from './type';\r\n\r\n/**\r\n * @deprecated Use `Select` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst Select = memo<SelectProps>(\r\n  ({ ref, variant, suffixIconProps, suffixIcon, shadow, className, ...rest }) => {\r\n    const { isDarkMode } = useThemeMode();\r\n\r\n    return (\r\n      <AntSelect\r\n        ref={ref}\r\n        variant={variant || (isDarkMode ? 'filled' : 'outlined')}\r\n        className={cx(\r\n          variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\r\n          className,\r\n        )}\r\n        suffixIcon={\r\n          <Icon\r\n            icon={suffixIcon || ChevronDownIcon}\r\n            size={'small'}\r\n            {...suffixIconProps}\r\n            style={{\r\n              pointerEvents: 'none',\r\n              ...suffixIconProps?.style,\r\n            }}\r\n          />\r\n        }\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nSelect.displayName = 'Select';\r\n\r\nexport default Select;\r\n"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,WAAS,MACZ,EAAE,KAAK,SAAS,iBAAiB,YAAY,QAAQ,WAAW,GAAG,WAAW;CAC7E,MAAM,EAAE,eAAe,aAAa;CAEpC,OACE,oBAACC,QAAD;EACO;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;EAAY,CAAC,GAC7E,SACF;EACA,YACE,oBAAC,MAAD;GACE,MAAM,cAAc;GACpB,MAAM;GACN,GAAI;GACJ,OAAO;IACL,eAAe;IACf,GAAG,iBAAiB;GACtB;EACD,CAAA;EAEH,GAAI;CACL,CAAA;AAEL,CACF;AAEA,SAAO,cAAc"}
+{"version":3,"file":"Select.mjs","names":["Select","AntSelect"],"sources":["../../src/Select/Select.tsx"],"sourcesContent":["'use client';\n\nimport { Select as AntSelect } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { ChevronDownIcon } from 'lucide-react';\nimport { memo } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { variants } from './style';\nimport type { SelectProps } from './type';\n\n/**\n * @deprecated Use `Select` from `@jinmi/ui/base-ui` instead.\n */\nconst Select = memo<SelectProps>(\n  ({ ref, variant, suffixIconProps, suffixIcon, shadow, className, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n\n    return (\n      <AntSelect\n        ref={ref}\n        variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n        className={cx(\n          variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n          className,\n        )}\n        suffixIcon={\n          <Icon\n            icon={suffixIcon || ChevronDownIcon}\n            size={'small'}\n            {...suffixIconProps}\n            style={{\n              pointerEvents: 'none',\n              ...suffixIconProps?.style,\n            }}\n          />\n        }\n        {...rest}\n      />\n    );\n  },\n);\n\nSelect.displayName = 'Select';\n\nexport default Select;\n"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,WAAS,MACZ,EAAE,KAAK,SAAS,iBAAiB,YAAY,QAAQ,WAAW,GAAG,WAAW;CAC7E,MAAM,EAAE,eAAe,aAAa;CAEpC,OACE,oBAACC,QAAD;EACO;EACL,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;EAAY,CAAC,GAC7E,SACF;EACA,YACE,oBAAC,MAAD;GACE,MAAM,cAAc;GACpB,MAAM;GACN,GAAI;GACJ,OAAO;IACL,eAAe;IACf,GAAG,iBAAiB;GACtB;EACD,CAAA;EAEH,GAAI;CACL,CAAA;AAEL,CACF;AAEA,SAAO,cAAc"}

package/es/Skeleton/Skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.mjs","names":["Flexbox"],"sources":["../../src/Skeleton/Skeleton.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport { Flexbox } from '@/Flex';\r\n\r\nimport SkeletonAvatar from './SkeletonAvatar';\r\nimport SkeletonParagraph from './SkeletonParagraph';\r\nimport SkeletonTitle from './SkeletonTitle';\r\nimport { styles } from './style';\r\nimport type { SkeletonProps } from './type';\r\n\r\n/**\r\n * @deprecated Use `Skeleton` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst Skeleton: FC<SkeletonProps> = ({\r\n  active,\r\n  avatar = false,\r\n  title = true,\r\n  paragraph = true,\r\n  className,\r\n  classNames,\r\n  styles: customStyles,\r\n  style,\r\n  width,\r\n  height,\r\n  gap = 16,\r\n  ...rest\r\n}) => {\r\n  const showAvatar = Boolean(avatar);\r\n  const showTitle = Boolean(title);\r\n  const showParagraph = Boolean(paragraph);\r\n  const avatarProps = typeof avatar === 'object' ? avatar : undefined;\r\n  const titleProps = typeof title === 'object' ? title : undefined;\r\n  const paragraphProps = typeof paragraph === 'object' ? paragraph : undefined;\r\n  const rootStyle = {\r\n    ...style,\r\n    ...customStyles?.root,\r\n    ...(width !== undefined ? { width } : {}),\r\n    ...(height !== undefined ? { height } : {}),\r\n  };\r\n\r\n  const avatarActive = avatarProps?.active ?? active;\r\n  const titleActive = titleProps?.active ?? active;\r\n  const paragraphActive = paragraphProps?.active ?? active;\r\n\r\n  return (\r\n    <Flexbox\r\n      horizontal\r\n      align={showParagraph ? 'flex-start' : 'center'}\r\n      className={cx(className, classNames?.root)}\r\n      gap={gap}\r\n      style={rootStyle}\r\n      width={'100%'}\r\n      {...rest}\r\n    >\r\n      {showAvatar && (\r\n        <SkeletonAvatar\r\n          {...avatarProps}\r\n          active={avatarActive}\r\n          className={cx(styles.avatar, classNames?.avatar, avatarProps?.className)}\r\n          style={{\r\n            ...avatarProps?.style,\r\n            ...customStyles?.avatar,\r\n          }}\r\n        />\r\n      )}\r\n      <Flexbox gap={gap} width={'100%'}>\r\n        {showTitle && (\r\n          <SkeletonTitle\r\n            {...titleProps}\r\n            active={titleActive}\r\n            className={cx(classNames?.title, titleProps?.className)}\r\n            style={{\r\n              ...titleProps?.style,\r\n              ...customStyles?.title,\r\n            }}\r\n          />\r\n        )}\r\n        {showParagraph && (\r\n          <SkeletonParagraph\r\n            {...paragraphProps}\r\n            active={paragraphActive}\r\n            className={cx(classNames?.paragraph, paragraphProps?.className)}\r\n            style={{\r\n              ...paragraphProps?.style,\r\n              ...customStyles?.paragraph,\r\n            }}\r\n          />\r\n        )}\r\n      </Flexbox>\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nSkeleton.displayName = 'Skeleton';\r\n\r\nexport default Skeleton;\r\n"],"mappings":";;;;;;;;;;;;AAgBA,MAAM,YAA+B,EACnC,QACA,SAAS,OACT,QAAQ,MACR,YAAY,MACZ,WACA,YACA,QAAQ,cACR,OACA,OACA,QACA,MAAM,IACN,GAAG,WACC;CACJ,MAAM,aAAa,QAAQ,MAAM;CACjC,MAAM,YAAY,QAAQ,KAAK;CAC/B,MAAM,gBAAgB,QAAQ,SAAS;CACvC,MAAM,cAAc,OAAO,WAAW,WAAW,SAAS,KAAA;CAC1D,MAAM,aAAa,OAAO,UAAU,WAAW,QAAQ,KAAA;CACvD,MAAM,iBAAiB,OAAO,cAAc,WAAW,YAAY,KAAA;CACnE,MAAM,YAAY;EAChB,GAAG;EACH,GAAG,cAAc;EACjB,GAAI,UAAU,KAAA,IAAY,EAAE,MAAM,IAAI,CAAC;EACvC,GAAI,WAAW,KAAA,IAAY,EAAE,OAAO,IAAI,CAAC;CAC3C;CAEA,MAAM,eAAe,aAAa,UAAU;CAC5C,MAAM,cAAc,YAAY,UAAU;CAC1C,MAAM,kBAAkB,gBAAgB,UAAU;CAElD,OACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO,gBAAgB,eAAe;EACtC,WAAW,GAAG,WAAW,YAAY,IAAI;EACpC;EACL,OAAO;EACP,OAAO;EACP,GAAI;EAPN,UAAA,CASG,cACC,oBAAC,gBAAD;GACE,GAAI;GACJ,QAAQ;GACR,WAAW,GAAG,OAAO,QAAQ,YAAY,QAAQ,aAAa,SAAS;GACvE,OAAO;IACL,GAAG,aAAa;IAChB,GAAG,cAAc;GACnB;EACD,CAAA,GAEH,qBAACA,mBAAD;GAAc;GAAK,OAAO;GAA1B,UAAA,CACG,aACC,oBAAC,eAAD;IACE,GAAI;IACJ,QAAQ;IACR,WAAW,GAAG,YAAY,OAAO,YAAY,SAAS;IACtD,OAAO;KACL,GAAG,YAAY;KACf,GAAG,cAAc;IACnB;GACD,CAAA,GAEF,iBACC,oBAAC,mBAAD;IACE,GAAI;IACJ,QAAQ;IACR,WAAW,GAAG,YAAY,WAAW,gBAAgB,SAAS;IAC9D,OAAO;KACL,GAAG,gBAAgB;KACnB,GAAG,cAAc;IACnB;GACD,CAAA,CAEI;EACF,CAAA,CAAA;;AAEb;AAEA,SAAS,cAAc"}
+{"version":3,"file":"Skeleton.mjs","names":["Flexbox"],"sources":["../../src/Skeleton/Skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport SkeletonAvatar from './SkeletonAvatar';\nimport SkeletonParagraph from './SkeletonParagraph';\nimport SkeletonTitle from './SkeletonTitle';\nimport { styles } from './style';\nimport type { SkeletonProps } from './type';\n\n/**\n * @deprecated Use `Skeleton` from `@jinmi/ui/base-ui` instead.\n */\nconst Skeleton: FC<SkeletonProps> = ({\n  active,\n  avatar = false,\n  title = true,\n  paragraph = true,\n  className,\n  classNames,\n  styles: customStyles,\n  style,\n  width,\n  height,\n  gap = 16,\n  ...rest\n}) => {\n  const showAvatar = Boolean(avatar);\n  const showTitle = Boolean(title);\n  const showParagraph = Boolean(paragraph);\n  const avatarProps = typeof avatar === 'object' ? avatar : undefined;\n  const titleProps = typeof title === 'object' ? title : undefined;\n  const paragraphProps = typeof paragraph === 'object' ? paragraph : undefined;\n  const rootStyle = {\n    ...style,\n    ...customStyles?.root,\n    ...(width !== undefined ? { width } : {}),\n    ...(height !== undefined ? { height } : {}),\n  };\n\n  const avatarActive = avatarProps?.active ?? active;\n  const titleActive = titleProps?.active ?? active;\n  const paragraphActive = paragraphProps?.active ?? active;\n\n  return (\n    <Flexbox\n      horizontal\n      align={showParagraph ? 'flex-start' : 'center'}\n      className={cx(className, classNames?.root)}\n      gap={gap}\n      style={rootStyle}\n      width={'100%'}\n      {...rest}\n    >\n      {showAvatar && (\n        <SkeletonAvatar\n          {...avatarProps}\n          active={avatarActive}\n          className={cx(styles.avatar, classNames?.avatar, avatarProps?.className)}\n          style={{\n            ...avatarProps?.style,\n            ...customStyles?.avatar,\n          }}\n        />\n      )}\n      <Flexbox gap={gap} width={'100%'}>\n        {showTitle && (\n          <SkeletonTitle\n            {...titleProps}\n            active={titleActive}\n            className={cx(classNames?.title, titleProps?.className)}\n            style={{\n              ...titleProps?.style,\n              ...customStyles?.title,\n            }}\n          />\n        )}\n        {showParagraph && (\n          <SkeletonParagraph\n            {...paragraphProps}\n            active={paragraphActive}\n            className={cx(classNames?.paragraph, paragraphProps?.className)}\n            style={{\n              ...paragraphProps?.style,\n              ...customStyles?.paragraph,\n            }}\n          />\n        )}\n      </Flexbox>\n    </Flexbox>\n  );\n};\n\nSkeleton.displayName = 'Skeleton';\n\nexport default Skeleton;\n"],"mappings":";;;;;;;;;;;;AAgBA,MAAM,YAA+B,EACnC,QACA,SAAS,OACT,QAAQ,MACR,YAAY,MACZ,WACA,YACA,QAAQ,cACR,OACA,OACA,QACA,MAAM,IACN,GAAG,WACC;CACJ,MAAM,aAAa,QAAQ,MAAM;CACjC,MAAM,YAAY,QAAQ,KAAK;CAC/B,MAAM,gBAAgB,QAAQ,SAAS;CACvC,MAAM,cAAc,OAAO,WAAW,WAAW,SAAS,KAAA;CAC1D,MAAM,aAAa,OAAO,UAAU,WAAW,QAAQ,KAAA;CACvD,MAAM,iBAAiB,OAAO,cAAc,WAAW,YAAY,KAAA;CACnE,MAAM,YAAY;EAChB,GAAG;EACH,GAAG,cAAc;EACjB,GAAI,UAAU,KAAA,IAAY,EAAE,MAAM,IAAI,CAAC;EACvC,GAAI,WAAW,KAAA,IAAY,EAAE,OAAO,IAAI,CAAC;CAC3C;CAEA,MAAM,eAAe,aAAa,UAAU;CAC5C,MAAM,cAAc,YAAY,UAAU;CAC1C,MAAM,kBAAkB,gBAAgB,UAAU;CAElD,OACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO,gBAAgB,eAAe;EACtC,WAAW,GAAG,WAAW,YAAY,IAAI;EACpC;EACL,OAAO;EACP,OAAO;EACP,GAAI;EAPN,UAAA,CASG,cACC,oBAAC,gBAAD;GACE,GAAI;GACJ,QAAQ;GACR,WAAW,GAAG,OAAO,QAAQ,YAAY,QAAQ,aAAa,SAAS;GACvE,OAAO;IACL,GAAG,aAAa;IAChB,GAAG,cAAc;GACnB;EACD,CAAA,GAEH,qBAACA,mBAAD;GAAc;GAAK,OAAO;GAA1B,UAAA,CACG,aACC,oBAAC,eAAD;IACE,GAAI;IACJ,QAAQ;IACR,WAAW,GAAG,YAAY,OAAO,YAAY,SAAS;IACtD,OAAO;KACL,GAAG,YAAY;KACf,GAAG,cAAc;IACnB;GACD,CAAA,GAEF,iBACC,oBAAC,mBAAD;IACE,GAAI;IACJ,QAAQ;IACR,WAAW,GAAG,YAAY,WAAW,gBAAgB,SAAS;IAC9D,OAAO;KACL,GAAG,gBAAgB;KACnB,GAAG,cAAc;IACnB;GACD,CAAA,CAEI;EACF,CAAA,CAAA;;AAEb;AAEA,SAAS,cAAc"}

package/es/Skeleton/SkeletonAvatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonAvatar.mjs","names":[],"sources":["../../src/Skeleton/SkeletonAvatar.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cssVar, cx } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport SkeletonBlock from './SkeletonBlock';\r\nimport { styles } from './style';\r\nimport type { SkeletonAvatarProps } from './type';\r\n\r\nconst DEFAULT_SIZE = 40;\r\n\r\n/**\r\n * @deprecated Use `Skeleton.Avatar` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst SkeletonAvatar: FC<SkeletonAvatarProps> = ({\r\n  active,\r\n  shape = 'square',\r\n  size,\r\n  width,\r\n  height,\r\n  style,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const defaultSize = size ?? DEFAULT_SIZE;\r\n  const finalWidth = width ?? defaultSize;\r\n  const finalHeight = height ?? defaultSize;\r\n  const borderRadius = shape === 'circle' ? '50%' : cssVar.borderRadius;\r\n\r\n  return (\r\n    <SkeletonBlock\r\n      active={active}\r\n      className={cx(styles.avatar, className)}\r\n      height={finalHeight}\r\n      style={{ borderRadius, ...style }}\r\n      width={finalWidth}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nSkeletonAvatar.displayName = 'SkeletonAvatar';\r\n\r\nexport default SkeletonAvatar;\r\n"],"mappings":";;;;;;AASA,MAAM,eAAe;;;;AAKrB,MAAM,kBAA2C,EAC/C,QACA,QAAQ,UACR,MACA,OACA,QACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,cAAc,QAAQ;CAC5B,MAAM,aAAa,SAAS;CAC5B,MAAM,cAAc,UAAU;CAC9B,MAAM,eAAe,UAAU,WAAW,QAAQ,OAAO;CAEzD,OACE,oBAAC,eAAD;EACU;EACR,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,QAAQ;EACR,OAAO;GAAE;GAAc,GAAG;EAAM;EAChC,OAAO;EACP,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}
+{"version":3,"file":"SkeletonAvatar.mjs","names":[],"sources":["../../src/Skeleton/SkeletonAvatar.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport { styles } from './style';\nimport type { SkeletonAvatarProps } from './type';\n\nconst DEFAULT_SIZE = 40;\n\n/**\n * @deprecated Use `Skeleton.Avatar` from `@jinmi/ui/base-ui` instead.\n */\nconst SkeletonAvatar: FC<SkeletonAvatarProps> = ({\n  active,\n  shape = 'square',\n  size,\n  width,\n  height,\n  style,\n  className,\n  ...rest\n}) => {\n  const defaultSize = size ?? DEFAULT_SIZE;\n  const finalWidth = width ?? defaultSize;\n  const finalHeight = height ?? defaultSize;\n  const borderRadius = shape === 'circle' ? '50%' : cssVar.borderRadius;\n\n  return (\n    <SkeletonBlock\n      active={active}\n      className={cx(styles.avatar, className)}\n      height={finalHeight}\n      style={{ borderRadius, ...style }}\n      width={finalWidth}\n      {...rest}\n    />\n  );\n};\n\nSkeletonAvatar.displayName = 'SkeletonAvatar';\n\nexport default SkeletonAvatar;\n"],"mappings":";;;;;;AASA,MAAM,eAAe;;;;AAKrB,MAAM,kBAA2C,EAC/C,QACA,QAAQ,UACR,MACA,OACA,QACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,cAAc,QAAQ;CAC5B,MAAM,aAAa,SAAS;CAC5B,MAAM,cAAc,UAAU;CAC9B,MAAM,eAAe,UAAU,WAAW,QAAQ,OAAO;CAEzD,OACE,oBAAC,eAAD;EACU;EACR,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,QAAQ;EACR,OAAO;GAAE;GAAc,GAAG;EAAM;EAChC,OAAO;EACP,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

package/es/Skeleton/SkeletonBlock.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonBlock.mjs","names":[],"sources":["../../src/Skeleton/SkeletonBlock.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport Block from '@/Block';\r\nimport type { SkeletonBlockProps } from '@/Skeleton/type';\r\n\r\nimport { styles } from './style';\r\n\r\n/**\r\n * @deprecated Use `Skeleton` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst SkeletonBlock: FC<SkeletonBlockProps> = ({\r\n  width = '100%',\r\n  height = '1em',\r\n  active,\r\n  style,\r\n  className,\r\n}) => {\r\n  return (\r\n    <Block\r\n      className={cx(styles.base, active && styles.active, className)}\r\n      height={height}\r\n      style={style}\r\n      variant={'filled'}\r\n      width={width}\r\n    />\r\n  );\r\n};\r\n\r\nSkeletonBlock.displayName = 'SkeletonBlock';\r\n\r\nexport default SkeletonBlock;\r\n"],"mappings":";;;;;;;;;AAaA,MAAM,iBAAyC,EAC7C,QAAQ,QACR,SAAS,OACT,QACA,OACA,gBACI;CACJ,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,OAAO,MAAM,UAAU,OAAO,QAAQ,SAAS;EACrD;EACD;EACP,SAAS;EACF;CACR,CAAA;AAEL;AAEA,cAAc,cAAc"}
+{"version":3,"file":"SkeletonBlock.mjs","names":[],"sources":["../../src/Skeleton/SkeletonBlock.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport Block from '@/Block';\nimport type { SkeletonBlockProps } from '@/Skeleton/type';\n\nimport { styles } from './style';\n\n/**\n * @deprecated Use `Skeleton` from `@jinmi/ui/base-ui` instead.\n */\nconst SkeletonBlock: FC<SkeletonBlockProps> = ({\n  width = '100%',\n  height = '1em',\n  active,\n  style,\n  className,\n}) => {\n  return (\n    <Block\n      className={cx(styles.base, active && styles.active, className)}\n      height={height}\n      style={style}\n      variant={'filled'}\n      width={width}\n    />\n  );\n};\n\nSkeletonBlock.displayName = 'SkeletonBlock';\n\nexport default SkeletonBlock;\n"],"mappings":";;;;;;;;;AAaA,MAAM,iBAAyC,EAC7C,QAAQ,QACR,SAAS,OACT,QACA,OACA,gBACI;CACJ,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,OAAO,MAAM,UAAU,OAAO,QAAQ,SAAS;EACrD;EACD;EACP,SAAS;EACF;CACR,CAAA;AAEL;AAEA,cAAc,cAAc"}

package/es/Skeleton/SkeletonButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonButton.mjs","names":[],"sources":["../../src/Skeleton/SkeletonButton.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cssVar } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport SkeletonBlock from './SkeletonBlock';\r\nimport type { SkeletonButtonProps } from './type';\r\n\r\nconst HEIGHT_MAP: Record<'large' | 'small' | 'default', number> = {\r\n  default: 36,\r\n  large: 46,\r\n  small: 28,\r\n};\r\n\r\n/**\r\n * @deprecated Use `Skeleton` with an explicit `height` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst SkeletonButton: FC<SkeletonButtonProps> = ({\r\n  active,\r\n  block = false,\r\n  shape = 'default',\r\n  size = 'default',\r\n  width,\r\n  height,\r\n  style,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const resolvedSize = size ?? 'default';\r\n  const baseHeight = height ?? HEIGHT_MAP[resolvedSize];\r\n  const defaultWidth = block ? '100%' : shape === 'circle' ? baseHeight : 80;\r\n  const finalWidth = width ?? defaultWidth;\r\n\r\n  const RADIUS_MAP: Record<'large' | 'small' | 'default', string> = {\r\n    default: cssVar.borderRadius,\r\n    large: cssVar.borderRadiusLG,\r\n    small: cssVar.borderRadiusSM,\r\n  };\r\n\r\n  const borderRadius =\r\n    shape === 'circle'\r\n      ? '50%'\r\n      : shape === 'round'\r\n        ? `calc(${cssVar.borderRadius} * 2)`\r\n        : RADIUS_MAP[resolvedSize];\r\n\r\n  return (\r\n    <SkeletonBlock\r\n      active={active}\r\n      className={className}\r\n      height={baseHeight}\r\n      style={{ borderRadius, ...style }}\r\n      width={finalWidth}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nSkeletonButton.displayName = 'SkeletonButton';\r\n\r\nexport default SkeletonButton;\r\n"],"mappings":";;;;;AAQA,MAAM,aAA4D;CAChE,SAAS;CACT,OAAO;CACP,OAAO;AACT;;;;AAKA,MAAM,kBAA2C,EAC/C,QACA,QAAQ,OACR,QAAQ,WACR,OAAO,WACP,OACA,QACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,eAAe,QAAQ;CAC7B,MAAM,aAAa,UAAU,WAAW;CAExC,MAAM,aAAa,UADE,QAAQ,SAAS,UAAU,WAAW,aAAa;CAGxE,MAAM,aAA4D;EAChE,SAAS,OAAO;EAChB,OAAO,OAAO;EACd,OAAO,OAAO;CAChB;CAEA,MAAM,eACJ,UAAU,WACN,QACA,UAAU,UACR,QAAQ,OAAO,aAAa,SAC5B,WAAW;CAEnB,OACE,oBAAC,eAAD;EACU;EACG;EACX,QAAQ;EACR,OAAO;GAAE;GAAc,GAAG;EAAM;EAChC,OAAO;EACP,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}
+{"version":3,"file":"SkeletonButton.mjs","names":[],"sources":["../../src/Skeleton/SkeletonButton.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport { type FC } from 'react';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport type { SkeletonButtonProps } from './type';\n\nconst HEIGHT_MAP: Record<'large' | 'small' | 'default', number> = {\n  default: 36,\n  large: 46,\n  small: 28,\n};\n\n/**\n * @deprecated Use `Skeleton` with an explicit `height` from `@jinmi/ui/base-ui` instead.\n */\nconst SkeletonButton: FC<SkeletonButtonProps> = ({\n  active,\n  block = false,\n  shape = 'default',\n  size = 'default',\n  width,\n  height,\n  style,\n  className,\n  ...rest\n}) => {\n  const resolvedSize = size ?? 'default';\n  const baseHeight = height ?? HEIGHT_MAP[resolvedSize];\n  const defaultWidth = block ? '100%' : shape === 'circle' ? baseHeight : 80;\n  const finalWidth = width ?? defaultWidth;\n\n  const RADIUS_MAP: Record<'large' | 'small' | 'default', string> = {\n    default: cssVar.borderRadius,\n    large: cssVar.borderRadiusLG,\n    small: cssVar.borderRadiusSM,\n  };\n\n  const borderRadius =\n    shape === 'circle'\n      ? '50%'\n      : shape === 'round'\n        ? `calc(${cssVar.borderRadius} * 2)`\n        : RADIUS_MAP[resolvedSize];\n\n  return (\n    <SkeletonBlock\n      active={active}\n      className={className}\n      height={baseHeight}\n      style={{ borderRadius, ...style }}\n      width={finalWidth}\n      {...rest}\n    />\n  );\n};\n\nSkeletonButton.displayName = 'SkeletonButton';\n\nexport default SkeletonButton;\n"],"mappings":";;;;;AAQA,MAAM,aAA4D;CAChE,SAAS;CACT,OAAO;CACP,OAAO;AACT;;;;AAKA,MAAM,kBAA2C,EAC/C,QACA,QAAQ,OACR,QAAQ,WACR,OAAO,WACP,OACA,QACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,eAAe,QAAQ;CAC7B,MAAM,aAAa,UAAU,WAAW;CAExC,MAAM,aAAa,UADE,QAAQ,SAAS,UAAU,WAAW,aAAa;CAGxE,MAAM,aAA4D;EAChE,SAAS,OAAO;EAChB,OAAO,OAAO;EACd,OAAO,OAAO;CAChB;CAEA,MAAM,eACJ,UAAU,WACN,QACA,UAAU,UACR,QAAQ,OAAO,aAAa,SAC5B,WAAW;CAEnB,OACE,oBAAC,eAAD;EACU;EACG;EACX,QAAQ;EACR,OAAO;GAAE;GAAc,GAAG;EAAM;EAChC,OAAO;EACP,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

package/es/Skeleton/SkeletonParagraph.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonParagraph.mjs","names":["Flexbox"],"sources":["../../src/Skeleton/SkeletonParagraph.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { type FC } from 'react';\r\n\r\nimport { Flexbox } from '@/Flex';\r\n\r\nimport SkeletonBlock from './SkeletonBlock';\r\nimport type { SkeletonParagraphProps } from './type';\r\n\r\nconst DEFAULT_ROWS = 3;\r\n\r\n/**\r\n * @deprecated Use `Skeleton.Text` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst SkeletonParagraph: FC<SkeletonParagraphProps> = ({\r\n  active,\r\n  rows = DEFAULT_ROWS,\r\n  gap,\r\n  width,\r\n  height,\r\n  fontSize,\r\n  lineHeight,\r\n  style,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const rowGap = gap;\r\n  const rowCount = Math.max(rows, 1);\r\n  const baseFontSize = fontSize ?? 14;\r\n  const resolvedLineHeight = lineHeight ?? 1.6;\r\n  const computedHeight = height ? height : Math.round(baseFontSize * resolvedLineHeight);\r\n  const marginBlock = computedHeight - baseFontSize;\r\n  const widthList = Array.isArray(width) ? width : null;\r\n\r\n  const getRowWidth = (index: number): string | number => {\r\n    if (widthList) return widthList[index] ?? widthList.at(-1) ?? '100%';\r\n    if (width !== undefined) return width as string | number;\r\n    if (index === rowCount - 1) return '66%';\r\n    return '100%';\r\n  };\r\n\r\n  const containerStyle = { gap: rowGap, ...style };\r\n\r\n  return (\r\n    <Flexbox\r\n      className={className}\r\n      gap={gap || marginBlock}\r\n      style={containerStyle}\r\n      width={'100%'}\r\n      {...rest}\r\n    >\r\n      {Array.from({ length: rowCount }).map((_, index) => (\r\n        <SkeletonBlock\r\n          active={active}\r\n          height={baseFontSize}\r\n          key={index}\r\n          width={getRowWidth(index)}\r\n        />\r\n      ))}\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nSkeletonParagraph.displayName = 'SkeletonParagraph';\r\n\r\nexport default SkeletonParagraph;\r\n"],"mappings":";;;;;AASA,MAAM,eAAe;;;;AAKrB,MAAM,qBAAiD,EACrD,QACA,OAAO,cACP,KACA,OACA,QACA,UACA,YACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS;CACf,MAAM,WAAW,KAAK,IAAI,MAAM,CAAC;CACjC,MAAM,eAAe,YAAY;CAGjC,MAAM,eADiB,SAAS,SAAS,KAAK,MAAM,gBADzB,cAAc,IAC4C,KAChD;CACrC,MAAM,YAAY,MAAM,QAAQ,KAAK,IAAI,QAAQ;CAEjD,MAAM,eAAe,UAAmC;EACtD,IAAI,WAAW,OAAO,UAAU,UAAU,UAAU,GAAG,EAAE,KAAK;EAC9D,IAAI,UAAU,KAAA,GAAW,OAAO;EAChC,IAAI,UAAU,WAAW,GAAG,OAAO;EACnC,OAAO;CACT;CAEA,MAAM,iBAAiB;EAAE,KAAK;EAAQ,GAAG;CAAM;CAE/C,OACE,oBAACA,mBAAD;EACa;EACX,KAAK,OAAO;EACZ,OAAO;EACP,OAAO;EACP,GAAI;EAEH,UAAA,MAAM,KAAK,EAAE,QAAQ,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,UACxC,oBAAC,eAAD;GACU;GACR,QAAQ;GAER,OAAO,YAAY,KAAK;EACzB,GAFM,KAEN,CACF;CACM,CAAA;AAEb;AAEA,kBAAkB,cAAc"}
+{"version":3,"file":"SkeletonParagraph.mjs","names":["Flexbox"],"sources":["../../src/Skeleton/SkeletonParagraph.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport type { SkeletonParagraphProps } from './type';\n\nconst DEFAULT_ROWS = 3;\n\n/**\n * @deprecated Use `Skeleton.Text` from `@jinmi/ui/base-ui` instead.\n */\nconst SkeletonParagraph: FC<SkeletonParagraphProps> = ({\n  active,\n  rows = DEFAULT_ROWS,\n  gap,\n  width,\n  height,\n  fontSize,\n  lineHeight,\n  style,\n  className,\n  ...rest\n}) => {\n  const rowGap = gap;\n  const rowCount = Math.max(rows, 1);\n  const baseFontSize = fontSize ?? 14;\n  const resolvedLineHeight = lineHeight ?? 1.6;\n  const computedHeight = height ? height : Math.round(baseFontSize * resolvedLineHeight);\n  const marginBlock = computedHeight - baseFontSize;\n  const widthList = Array.isArray(width) ? width : null;\n\n  const getRowWidth = (index: number): string | number => {\n    if (widthList) return widthList[index] ?? widthList.at(-1) ?? '100%';\n    if (width !== undefined) return width as string | number;\n    if (index === rowCount - 1) return '66%';\n    return '100%';\n  };\n\n  const containerStyle = { gap: rowGap, ...style };\n\n  return (\n    <Flexbox\n      className={className}\n      gap={gap || marginBlock}\n      style={containerStyle}\n      width={'100%'}\n      {...rest}\n    >\n      {Array.from({ length: rowCount }).map((_, index) => (\n        <SkeletonBlock\n          active={active}\n          height={baseFontSize}\n          key={index}\n          width={getRowWidth(index)}\n        />\n      ))}\n    </Flexbox>\n  );\n};\n\nSkeletonParagraph.displayName = 'SkeletonParagraph';\n\nexport default SkeletonParagraph;\n"],"mappings":";;;;;AASA,MAAM,eAAe;;;;AAKrB,MAAM,qBAAiD,EACrD,QACA,OAAO,cACP,KACA,OACA,QACA,UACA,YACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS;CACf,MAAM,WAAW,KAAK,IAAI,MAAM,CAAC;CACjC,MAAM,eAAe,YAAY;CAGjC,MAAM,eADiB,SAAS,SAAS,KAAK,MAAM,gBADzB,cAAc,IAC4C,KAChD;CACrC,MAAM,YAAY,MAAM,QAAQ,KAAK,IAAI,QAAQ;CAEjD,MAAM,eAAe,UAAmC;EACtD,IAAI,WAAW,OAAO,UAAU,UAAU,UAAU,GAAG,EAAE,KAAK;EAC9D,IAAI,UAAU,KAAA,GAAW,OAAO;EAChC,IAAI,UAAU,WAAW,GAAG,OAAO;EACnC,OAAO;CACT;CAEA,MAAM,iBAAiB;EAAE,KAAK;EAAQ,GAAG;CAAM;CAE/C,OACE,oBAACA,mBAAD;EACa;EACX,KAAK,OAAO;EACZ,OAAO;EACP,OAAO;EACP,GAAI;EAEH,UAAA,MAAM,KAAK,EAAE,QAAQ,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,UACxC,oBAAC,eAAD;GACU;GACR,QAAQ;GAER,OAAO,YAAY,KAAK;EACzB,GAFM,KAEN,CACF;CACM,CAAA;AAEb;AAEA,kBAAkB,cAAc"}

package/es/Skeleton/SkeletonTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonTitle.mjs","names":[],"sources":["../../src/Skeleton/SkeletonTitle.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cssVar } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport SkeletonBlock from './SkeletonBlock';\r\nimport type { SkeletonTitleProps } from './type';\r\n\r\n/**\r\n * @deprecated Use `Skeleton.Text` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst SkeletonTitle: FC<SkeletonTitleProps> = ({\r\n  active,\r\n  fontSize,\r\n  lineHeight,\r\n  height,\r\n  width = '60%',\r\n  style,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const resolvedLineHeight = lineHeight ?? 1.6;\r\n  const baseFontSize = fontSize !== undefined ? `${fontSize}px` : cssVar.fontSize;\r\n\r\n  // height = baseFontSize * (1 + (lineHeight - 1) * 0.5)\r\n  const heightMultiplier = 1 + (resolvedLineHeight - 1) * 0.5;\r\n  // marginBlock = baseFontSize * (lineHeight - 1) * 0.25\r\n  const marginMultiplier = (resolvedLineHeight - 1) * 0.25;\r\n\r\n  return (\r\n    <SkeletonBlock\r\n      active={active}\r\n      className={className}\r\n      height={height ?? `round(calc(${baseFontSize} * ${heightMultiplier}), 1px)`}\r\n      width={width}\r\n      style={{\r\n        marginBlock: `round(calc(${baseFontSize} * ${marginMultiplier}), 1px)`,\r\n        ...style,\r\n      }}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nSkeletonTitle.displayName = 'SkeletonTitle';\r\n\r\nexport default SkeletonTitle;\r\n"],"mappings":";;;;;;;;AAWA,MAAM,iBAAyC,EAC7C,QACA,UACA,YACA,QACA,QAAQ,OACR,OACA,WACA,GAAG,WACC;CACJ,MAAM,qBAAqB,cAAc;CACzC,MAAM,eAAe,aAAa,KAAA,IAAY,GAAG,SAAS,MAAM,OAAO;CAGvE,MAAM,mBAAmB,KAAK,qBAAqB,KAAK;CAExD,MAAM,oBAAoB,qBAAqB,KAAK;CAEpD,OACE,oBAAC,eAAD;EACU;EACG;EACX,QAAQ,UAAU,cAAc,aAAa,KAAK,iBAAiB;EAC5D;EACP,OAAO;GACL,aAAa,cAAc,aAAa,KAAK,iBAAiB;GAC9D,GAAG;EACL;EACA,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc"}
+{"version":3,"file":"SkeletonTitle.mjs","names":[],"sources":["../../src/Skeleton/SkeletonTitle.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport { type FC } from 'react';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport type { SkeletonTitleProps } from './type';\n\n/**\n * @deprecated Use `Skeleton.Text` from `@jinmi/ui/base-ui` instead.\n */\nconst SkeletonTitle: FC<SkeletonTitleProps> = ({\n  active,\n  fontSize,\n  lineHeight,\n  height,\n  width = '60%',\n  style,\n  className,\n  ...rest\n}) => {\n  const resolvedLineHeight = lineHeight ?? 1.6;\n  const baseFontSize = fontSize !== undefined ? `${fontSize}px` : cssVar.fontSize;\n\n  // height = baseFontSize * (1 + (lineHeight - 1) * 0.5)\n  const heightMultiplier = 1 + (resolvedLineHeight - 1) * 0.5;\n  // marginBlock = baseFontSize * (lineHeight - 1) * 0.25\n  const marginMultiplier = (resolvedLineHeight - 1) * 0.25;\n\n  return (\n    <SkeletonBlock\n      active={active}\n      className={className}\n      height={height ?? `round(calc(${baseFontSize} * ${heightMultiplier}), 1px)`}\n      width={width}\n      style={{\n        marginBlock: `round(calc(${baseFontSize} * ${marginMultiplier}), 1px)`,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n\nSkeletonTitle.displayName = 'SkeletonTitle';\n\nexport default SkeletonTitle;\n"],"mappings":";;;;;;;;AAWA,MAAM,iBAAyC,EAC7C,QACA,UACA,YACA,QACA,QAAQ,OACR,OACA,WACA,GAAG,WACC;CACJ,MAAM,qBAAqB,cAAc;CACzC,MAAM,eAAe,aAAa,KAAA,IAAY,GAAG,SAAS,MAAM,OAAO;CAGvE,MAAM,mBAAmB,KAAK,qBAAqB,KAAK;CAExD,MAAM,oBAAoB,qBAAqB,KAAK;CAEpD,OACE,oBAAC,eAAD;EACU;EACG;EACX,QAAQ,UAAU,cAAc,aAAa,KAAK,iBAAiB;EAC5D;EACP,OAAO;GACL,aAAa,cAAc,aAAa,KAAK,iBAAiB;GAC9D,GAAG;EACL;EACA,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc"}

package/es/Tabs/Tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.mjs","names":["Tabs","AntdTabs"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Tabs as AntdTabs } from 'antd';\r\nimport { cx } from 'antd-style';\r\nimport { MoreHorizontalIcon } from 'lucide-react';\r\nimport { type FC } from 'react';\r\n\r\nimport ActionIcon from '@/base-ui/ActionIcon';\r\n\r\nimport { styles, variants } from './style';\r\nimport type { TabsProps } from './type';\r\n\r\n/**\r\n * @deprecated Use `Tabs` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst Tabs: FC<TabsProps> = ({\r\n  className,\r\n  compact,\r\n  variant = 'rounded',\r\n  items,\r\n  classNames,\r\n  ...rest\r\n}) => {\r\n  const hasContent = items?.some((item) => !!item.children);\r\n  const popupClassNames = {\r\n    root: styles.dropdown,\r\n    ...(typeof classNames === 'function' ? undefined : classNames?.popup),\r\n  };\r\n  const mergedClassNames: TabsProps['classNames'] =\r\n    typeof classNames === 'function'\r\n      ? Object.assign((info: Parameters<typeof classNames>[0]) => classNames(info), {\r\n          popup: popupClassNames,\r\n        })\r\n      : {\r\n          ...classNames,\r\n          popup: popupClassNames,\r\n        };\r\n\r\n  return (\r\n    <AntdTabs\r\n      className={cx(variants({ compact, underlined: hasContent, variant }), className)}\r\n      items={items}\r\n      {...rest}\r\n      classNames={mergedClassNames}\r\n      more={{\r\n        icon: <ActionIcon icon={MoreHorizontalIcon} />,\r\n        ...rest?.more,\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nTabs.displayName = 'Tabs';\r\n\r\nexport default Tabs;\r\n"],"mappings":";;;;;;;;;;;AAeA,MAAMA,UAAuB,EAC3B,WACA,SACA,UAAU,WACV,OACA,YACA,GAAG,WACC;CACJ,MAAM,aAAa,OAAO,MAAM,SAAS,CAAC,CAAC,KAAK,QAAQ;CACxD,MAAM,kBAAkB;EACtB,MAAM,OAAO;EACb,GAAI,OAAO,eAAe,aAAa,KAAA,IAAY,YAAY;CACjE;CACA,MAAM,mBACJ,OAAO,eAAe,aAClB,OAAO,QAAQ,SAA2C,WAAW,IAAI,GAAG,EAC1E,OAAO,gBACT,CAAC,IACD;EACE,GAAG;EACH,OAAO;CACT;CAEN,OACE,oBAACC,MAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAS,YAAY;GAAY;EAAQ,CAAC,GAAG,SAAS;EACxE;EACP,GAAI;EACJ,YAAY;EACZ,MAAM;GACJ,MAAM,oBAAC,YAAD,EAAY,MAAM,mBAAqB,CAAA;GAC7C,GAAG,MAAM;EACX;CACD,CAAA;AAEL;AAEA,OAAK,cAAc"}
+{"version":3,"file":"Tabs.mjs","names":["Tabs","AntdTabs"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport { Tabs as AntdTabs } from 'antd';\nimport { cx } from 'antd-style';\nimport { MoreHorizontalIcon } from 'lucide-react';\nimport { type FC } from 'react';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\n\nimport { styles, variants } from './style';\nimport type { TabsProps } from './type';\n\n/**\n * @deprecated Use `Tabs` from `@jinmi/ui/base-ui` instead.\n */\nconst Tabs: FC<TabsProps> = ({\n  className,\n  compact,\n  variant = 'rounded',\n  items,\n  classNames,\n  ...rest\n}) => {\n  const hasContent = items?.some((item) => !!item.children);\n  const popupClassNames = {\n    root: styles.dropdown,\n    ...(typeof classNames === 'function' ? undefined : classNames?.popup),\n  };\n  const mergedClassNames: TabsProps['classNames'] =\n    typeof classNames === 'function'\n      ? Object.assign((info: Parameters<typeof classNames>[0]) => classNames(info), {\n          popup: popupClassNames,\n        })\n      : {\n          ...classNames,\n          popup: popupClassNames,\n        };\n\n  return (\n    <AntdTabs\n      className={cx(variants({ compact, underlined: hasContent, variant }), className)}\n      items={items}\n      {...rest}\n      classNames={mergedClassNames}\n      more={{\n        icon: <ActionIcon icon={MoreHorizontalIcon} />,\n        ...rest?.more,\n      }}\n    />\n  );\n};\n\nTabs.displayName = 'Tabs';\n\nexport default Tabs;\n"],"mappings":";;;;;;;;;;;AAeA,MAAMA,UAAuB,EAC3B,WACA,SACA,UAAU,WACV,OACA,YACA,GAAG,WACC;CACJ,MAAM,aAAa,OAAO,MAAM,SAAS,CAAC,CAAC,KAAK,QAAQ;CACxD,MAAM,kBAAkB;EACtB,MAAM,OAAO;EACb,GAAI,OAAO,eAAe,aAAa,KAAA,IAAY,YAAY;CACjE;CACA,MAAM,mBACJ,OAAO,eAAe,aAClB,OAAO,QAAQ,SAA2C,WAAW,IAAI,GAAG,EAC1E,OAAO,gBACT,CAAC,IACD;EACE,GAAG;EACH,OAAO;CACT;CAEN,OACE,oBAACC,MAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAS,YAAY;GAAY;EAAQ,CAAC,GAAG,SAAS;EACxE;EACP,GAAI;EACJ,YAAY;EACZ,MAAM;GACJ,MAAM,oBAAC,YAAD,EAAY,MAAM,mBAAqB,CAAA;GAC7C,GAAG,MAAM;EACX;CACD,CAAA;AAEL;AAEA,OAAK,cAAc"}

package/es/Tag/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","names":["Tag","AntTag"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Tag as AntTag } from 'antd';\r\nimport { cssVar, cx } from 'antd-style';\r\nimport { type FC, useMemo } from 'react';\r\n\r\nimport { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from '@/Tag/utils';\r\nimport { safeReadableColor } from '@/utils/safeReadableColor';\r\n\r\nimport { variants } from './styles';\r\nimport type { TagProps } from './type';\r\n\r\n/**\r\n * @deprecated Use `Tag` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst Tag: FC<TagProps> = ({\r\n  className,\r\n  ref,\r\n  shape = 'normal',\r\n  size = 'middle',\r\n  color,\r\n  variant = 'filled',\r\n  children,\r\n  onClick,\r\n  style,\r\n  ...rest\r\n}) => {\r\n  const colors = useMemo(() => {\r\n    let textColor = cssVar.colorTextSecondary;\r\n    let backgroundColor;\r\n    let borderColor;\r\n    const isBorderless = variant === 'borderless';\r\n    const isFilled = variant === 'filled';\r\n    const isSolid = variant === 'solid';\r\n    const isPresetColor = color && presetColors.includes(color);\r\n    const isPresetSystemColors = color && presetSystemColors.has(color);\r\n    const isHexColor = color && color.startsWith('#');\r\n\r\n    if (isPresetColor) {\r\n      const solidBgColor = colorsPreset(color);\r\n      textColor = isSolid ? safeReadableColor(solidBgColor) : colorsPreset(color, 'active');\r\n      backgroundColor = isSolid\r\n        ? solidBgColor\r\n        : isBorderless\r\n          ? 'transparent'\r\n          : colorsPreset(color, 'fillTertiary');\r\n      borderColor = isSolid\r\n        ? solidBgColor\r\n        : colorsPreset(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\r\n    }\r\n    if (isPresetSystemColors) {\r\n      const solidBgColor = colorsPresetSystem(color);\r\n      textColor = isSolid ? safeReadableColor(solidBgColor) : colorsPresetSystem(color);\r\n      backgroundColor = isSolid\r\n        ? solidBgColor\r\n        : isBorderless\r\n          ? 'transparent'\r\n          : colorsPresetSystem(color, 'fillTertiary');\r\n      borderColor = isSolid\r\n        ? solidBgColor\r\n        : colorsPresetSystem(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\r\n    }\r\n    if (isHexColor) {\r\n      textColor = isSolid ? safeReadableColor(color) : isBorderless ? color : cssVar.colorBgLayout;\r\n      backgroundColor = isSolid ? color : isBorderless ? 'transparent' : color;\r\n      borderColor = isSolid ? color : borderColor;\r\n    }\r\n\r\n    return {\r\n      backgroundColor,\r\n      borderColor,\r\n      textColor,\r\n    };\r\n  }, [color, variant]);\r\n\r\n  return (\r\n    <AntTag\r\n      className={cx(variants({ shape, size, variant: variant as any }), className)}\r\n      color={color}\r\n      ref={ref}\r\n      variant={variant === 'borderless' ? 'outlined' : variant === 'solid' ? 'filled' : variant}\r\n      style={{\r\n        background: colors?.backgroundColor,\r\n        borderColor: colors?.borderColor,\r\n        color: colors?.textColor,\r\n        cursor: onClick ? 'pointer' : undefined,\r\n        ...style,\r\n      }}\r\n      onClick={onClick}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </AntTag>\r\n  );\r\n};\r\n\r\nTag.displayName = 'Tag';\r\n\r\nexport default Tag;\r\n"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,SAAqB,EACzB,WACA,KACA,QAAQ,UACR,OAAO,UACP,OACA,UAAU,UACV,UACA,SACA,OACA,GAAG,WACC;CACJ,MAAM,SAAS,cAAc;EAC3B,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,UAAU,kBAAkB,YAAY,IAAI,aAAa,OAAO,QAAQ;GACpF,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,UAAU,kBAAkB,YAAY,IAAI,mBAAmB,KAAK;GAChF,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,eAAe,QAAQ,OAAO;GAC/E,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"}
+{"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\n/**\n * @deprecated Use `Tag` from `@jinmi/ui/base-ui` instead.\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    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 ? safeReadableColor(solidBgColor) : 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 ? safeReadableColor(solidBgColor) : 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) : isBorderless ? 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":";;;;;;;;;;;;AAeA,MAAMA,SAAqB,EACzB,WACA,KACA,QAAQ,UACR,OAAO,UACP,OACA,UAAU,UACV,UACA,SACA,OACA,GAAG,WACC;CACJ,MAAM,SAAS,cAAc;EAC3B,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,UAAU,kBAAkB,YAAY,IAAI,aAAa,OAAO,QAAQ;GACpF,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,UAAU,kBAAkB,YAAY,IAAI,mBAAmB,KAAK;GAChF,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,eAAe,QAAQ,OAAO;GAC/E,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/Text/Text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","names":[],"sources":["../../src/Text/Text.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { type FC, useRef } from 'react';\r\n\r\nimport { useTextOverflow } from '@/hooks/useTextOverflow';\r\nimport Tooltip from '@/Tooltip';\r\n\r\nimport { variants } from './styles';\r\nimport { type TextProps } from './type';\r\n\r\n/**\r\n * @deprecated Use `Text` from `@jinmi/ui/base-ui` instead.\r\n */\r\nconst Text: FC<TextProps> = ({\r\n  as: Container = 'div',\r\n  align,\r\n  className,\r\n  children,\r\n  style,\r\n  type,\r\n  disabled,\r\n  strong,\r\n  italic,\r\n  underline,\r\n  delete: deleteStyle,\r\n  fontSize,\r\n  lineClamp,\r\n  lineHeight,\r\n  mark,\r\n  code,\r\n  color,\r\n  weight,\r\n  ellipsis,\r\n  noWrap,\r\n  textDecoration,\r\n  textTransform,\r\n  whiteSpace,\r\n  wordBreak,\r\n  ...rest\r\n}) => {\r\n  const textRef = useRef<HTMLElement>(null);\r\n  const isOverflow = useTextOverflow(textRef, ellipsis, children);\r\n\r\n  const isMultiEllipsis = typeof ellipsis === 'object' && !!ellipsis.rows && ellipsis.rows > 1;\r\n  const tooltipWhenOverflow = typeof ellipsis === 'object' && ellipsis.tooltipWhenOverflow;\r\n\r\n  const textStyle = {\r\n    ...(color && { color }),\r\n    ...(weight && { fontWeight: weight }),\r\n    ...(lineHeight && { lineHeight }),\r\n    ...(textTransform && { textTransform }),\r\n    ...(textDecoration && { textDecoration }),\r\n    ...(wordBreak && { wordBreak }),\r\n    ...(typeof ellipsis === 'object' &&\r\n      ellipsis.rows && {\r\n        WebkitLineClamp: ellipsis.rows,\r\n      }),\r\n    ...(!ellipsis &&\r\n      !!lineClamp && {\r\n        WebkitBoxOrient: 'vertical',\r\n        WebkitLineClamp: lineClamp,\r\n        display: '-webkit-box',\r\n        overflow: 'hidden',\r\n        textOverflow: 'ellipsis',\r\n      }),\r\n    ...(fontSize && { fontSize }),\r\n    ...(align && { textAlign: align }),\r\n    ...(!isMultiEllipsis && noWrap && { whiteSpace: 'nowrap' as const }),\r\n    ...(whiteSpace && { whiteSpace }),\r\n    ...style,\r\n  };\r\n\r\n  const content = (\r\n    <Container\r\n      ref={textRef}\r\n      style={textStyle}\r\n      className={cx(\r\n        variants({\r\n          as: ['h1', 'h2', 'h3', 'h4', 'h5', 'p'].includes(Container as string)\r\n            ? (Container as any)\r\n            : undefined,\r\n          code,\r\n          delete: deleteStyle,\r\n          disabled,\r\n          ellipsis: ellipsis\r\n            ? typeof ellipsis === 'object' && ellipsis.rows\r\n              ? 'multi'\r\n              : true\r\n            : undefined,\r\n          italic,\r\n          mark,\r\n          strong,\r\n          type,\r\n          underline,\r\n        }),\r\n        className,\r\n      )}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Container>\r\n  );\r\n\r\n  // 处理带有 tooltip 的省略\r\n  if (\r\n    ellipsis &&\r\n    typeof ellipsis === 'object' &&\r\n    (ellipsis.tooltip || ellipsis.tooltipWhenOverflow)\r\n  ) {\r\n    // 如果设置了 tooltipWhenOverflow，只在溢出时显示 tooltip\r\n    if (tooltipWhenOverflow && !isOverflow) {\r\n      return content;\r\n    }\r\n\r\n    const title = typeof ellipsis.tooltip === 'string' ? ellipsis.tooltip : children;\r\n    if (ellipsis.tooltip && typeof ellipsis.tooltip === 'object')\r\n      return (\r\n        <Tooltip {...ellipsis.tooltip} title={ellipsis.tooltip?.title || title}>\r\n          {content}\r\n        </Tooltip>\r\n      );\r\n    return <Tooltip title={title}>{content}</Tooltip>;\r\n  }\r\n\r\n  return content;\r\n};\r\n\r\nText.displayName = 'Text';\r\n\r\nexport default Text;\r\n"],"mappings":";;;;;;;;;;;AAcA,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;CAErE,MAAM,YAAY;EAChB,GAAI,SAAS,EAAE,MAAM;EACrB,GAAI,UAAU,EAAE,YAAY,OAAO;EACnC,GAAI,cAAc,EAAE,WAAW;EAC/B,GAAI,iBAAiB,EAAE,cAAc;EACrC,GAAI,kBAAkB,EAAE,eAAe;EACvC,GAAI,aAAa,EAAE,UAAU;EAC7B,GAAI,OAAO,aAAa,YACtB,SAAS,QAAQ,EACf,iBAAiB,SAAS,KAC5B;EACF,GAAI,CAAC,YACH,CAAC,CAAC,aAAa;GACb,iBAAiB;GACjB,iBAAiB;GACjB,SAAS;GACT,UAAU;GACV,cAAc;EAChB;EACF,GAAI,YAAY,EAAE,SAAS;EAC3B,GAAI,SAAS,EAAE,WAAW,MAAM;EAChC,GAAI,CAAC,mBAAmB,UAAU,EAAE,YAAY,SAAkB;EAClE,GAAI,cAAc,EAAE,WAAW;EAC/B,GAAG;CACL;CAEA,MAAM,UACJ,oBAAC,WAAD;EACE,KAAK;EACL,OAAO;EACP,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;GAC9D,UAAA;EACM,CAAA;EAEb,OAAO,oBAAC,SAAD;GAAgB;GAAQ,UAAA;EAAiB,CAAA;CAClD;CAEA,OAAO;AACT;AAEA,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\n/**\n * @deprecated Use `Text` from `@jinmi/ui/base-ui` instead.\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":";;;;;;;;;;;AAcA,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;CAErE,MAAM,YAAY;EAChB,GAAI,SAAS,EAAE,MAAM;EACrB,GAAI,UAAU,EAAE,YAAY,OAAO;EACnC,GAAI,cAAc,EAAE,WAAW;EAC/B,GAAI,iBAAiB,EAAE,cAAc;EACrC,GAAI,kBAAkB,EAAE,eAAe;EACvC,GAAI,aAAa,EAAE,UAAU;EAC7B,GAAI,OAAO,aAAa,YACtB,SAAS,QAAQ,EACf,iBAAiB,SAAS,KAC5B;EACF,GAAI,CAAC,YACH,CAAC,CAAC,aAAa;GACb,iBAAiB;GACjB,iBAAiB;GACjB,SAAS;GACT,UAAU;GACV,cAAc;EAChB;EACF,GAAI,YAAY,EAAE,SAAS;EAC3B,GAAI,SAAS,EAAE,WAAW,MAAM;EAChC,GAAI,CAAC,mBAAmB,UAAU,EAAE,YAAY,SAAkB;EAClE,GAAI,cAAc,EAAE,WAAW;EAC/B,GAAG;CACL;CAEA,MAAM,UACJ,oBAAC,WAAD;EACE,KAAK;EACL,OAAO;EACP,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;GAC9D,UAAA;EACM,CAAA;EAEb,OAAO,oBAAC,SAAD;GAAgB;GAAQ,UAAA;EAAiB,CAAA;CAClD;CAEA,OAAO;AACT;AAEA,KAAK,cAAc"}

package/es/ThemeProvider/GlobalStyle/antdOverride.mjs

@@ -3,10 +3,10 @@ import { css } from "antd-style";
 import { rgba } from "polished";
 //#region src/ThemeProvider/GlobalStyle/antdOverride.ts
 var antdOverride_default = (token) => {
-	const readColor = safeReadableColor(token.colorPrimary);
+	const readColor = safeReadableColor(token.colorInk);
 	return css`
     .${token.prefixCls}-checkbox-inner:after {
-      border-color: ${safeReadableColor(token.colorPrimary)} !important;
+      border-color: ${safeReadableColor(token.colorInk)} !important;
     }
 
     .${token.prefixCls}-btn {
@@ -56,14 +56,14 @@ var antdOverride_default = (token) => {
       font-size: ${token.fontSizeSM}px;
       line-height: 1.2;
       color: ${token.colorTextSecondary} !important;
-      word-break: break-word;
+      overflow-wrap: anywhere;
       white-space: normal;
 
       background: ${token.colorBgElevated} !important;
       box-shadow:
-        0 1px 2px 0 rgba(0, 0, 0, 3%),
-        0 1px 6px -1px rgba(0, 0, 0, 2%),
-        0 2px 4px 0 rgba(0, 0, 0, 2%) !important;
+        0 1px 2px 0 rgb(0 0 0 / 3%),
+        0 1px 6px -1px rgb(0 0 0 / 2%),
+        0 2px 4px 0 rgb(0 0 0 / 2%) !important;
     }
 
     .${token.prefixCls}-switch-handle::before {

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';\r\nimport { rgba } from 'polished';\r\n\r\nimport { safeReadableColor } from '@/utils/safeReadableColor';\r\n\r\nexport default (token: Theme) => {\r\n  const readColor = safeReadableColor(token.colorPrimary);\r\n  return css`\r\n    .${token.prefixCls}-checkbox-inner:after {\r\n      border-color: ${safeReadableColor(token.colorPrimary)} !important;\r\n    }\r\n\r\n    .${token.prefixCls}-btn {\r\n      box-shadow: none;\r\n    }\r\n\r\n    .${token.prefixCls}-btn-primary:not(:disabled) {\r\n      color: ${readColor} !important;\r\n\r\n      &:hover {\r\n        color: ${readColor} !important;\r\n      }\r\n\r\n      &:active {\r\n        color: ${readColor} !important;\r\n      }\r\n    }\r\n\r\n    .${token.prefixCls}-tooltip {\r\n      --antd-arrow-background-color: ${token.colorBgElevated};\r\n\r\n      max-width: 320px;\r\n    }\r\n\r\n    .${token.prefixCls}-tooltip-arrow::before {\r\n      background: ${token.colorBgElevated} !important;\r\n    }\r\n\r\n    .${token.prefixCls}-tooltip-arrow::after {\r\n      box-shadow: 0 0 0 1px ${token.colorBorderSecondary} !important;\r\n    }\r\n\r\n    .${token.prefixCls}-tooltip-container {\r\n      user-select: none;\r\n\r\n      display: flex;\r\n      gap: 6px;\r\n      align-items: center;\r\n\r\n      min-width: unset;\r\n      min-height: unset;\r\n      padding-block: 4px;\r\n      padding-inline: 8px;\r\n      border: 1px solid ${token.colorBorderSecondary} !important;\r\n      border-radius: ${token.borderRadiusSM}px !important;\r\n\r\n      font-size: ${token.fontSizeSM}px;\r\n      line-height: 1.2;\r\n      color: ${token.colorTextSecondary} !important;\r\n      word-break: break-word;\r\n      white-space: normal;\r\n\r\n      background: ${token.colorBgElevated} !important;\r\n      box-shadow:\r\n        0 1px 2px 0 rgba(0, 0, 0, 3%),\r\n        0 1px 6px -1px rgba(0, 0, 0, 2%),\r\n        0 2px 4px 0 rgba(0, 0, 0, 2%) !important;\r\n    }\r\n\r\n    .${token.prefixCls}-switch-handle::before {\r\n      background: ${token.colorBgContainer} !important;\r\n    }\r\n\r\n    .${token.prefixCls}-image-preview-close,\r\n      .${token.prefixCls}-image-preview-switch-right,\r\n      .${token.prefixCls}-image-preview-switch-left {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      width: 32px;\r\n      height: 32px;\r\n      padding: 0;\r\n\r\n      background: ${rgba(token.colorBgMask, 0.1)};\r\n\r\n      border-radius: ${token.borderRadiusLG}px;\r\n\r\n      ${token.stylish.blur};\r\n    }\r\n\r\n    .${token.prefixCls}-dropdown-menu, .${token.prefixCls}-select-dropdown {\r\n      border-radius: ${token.borderRadius}px !important;\r\n      box-shadow:\r\n        0 0 15px 0 #00000008,\r\n        0 2px 30px 0 #00000014,\r\n        0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !important;\r\n    }\r\n\r\n    .${token.prefixCls}-modal-content {\r\n      border: 1px solid ${token.colorBorderSecondary} !important;\r\n    }\r\n\r\n    .${token.prefixCls}-radio-wrapper\r\n      .${token.prefixCls}-radio-checked\r\n      .${token.prefixCls}-radio-inner:after {\r\n      background: ${readColor};\r\n    }\r\n  `;\r\n};\r\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"}
+{"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.colorInk);\n  return css`\n    .${token.prefixCls}-checkbox-inner:after {\n      border-color: ${safeReadableColor(token.colorInk)} !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      overflow-wrap: anywhere;\n      white-space: normal;\n\n      background: ${token.colorBgElevated} !important;\n      box-shadow:\n        0 1px 2px 0 rgb(0 0 0 / 3%),\n        0 1px 6px -1px rgb(0 0 0 / 2%),\n        0 2px 4px 0 rgb(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,QAAQ;CAClD,OAAO,GAAG;OACL,MAAM,UAAU;sBACD,kBAAkB,MAAM,QAAQ,EAAE;;;OAGjD,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"}