@lobehub/ui 5.20.2 → 5.21.0

package/es/awesome/Giscus/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/Giscus/style.ts"],"sourcesContent":["import { css, useTheme } from 'antd-style';\nimport { rgba } from 'polished';\nimport { useMemo } from 'react';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nexport const useStyles = () => {\n  const theme = useTheme();\n  const colorText = theme.colorText;\n  const colorTextSecondary = theme.colorTextSecondary;\n  const colorTextTertiary = theme.colorTextTertiary;\n  const colorRed = theme.colorError;\n  const colorOrange = theme.colorWarning;\n  const colorGreen = theme.colorSuccess;\n  const colorBlue = theme.colorInfo;\n  const loaderContainer = theme.isDarkMode\n    ? 'https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg'\n    : 'https://github.com/images/modules/pulls/progressive-disclosure-line.svg';\n  const loadingImage = theme.isDarkMode\n    ? 'https://github.githubassets.com/images/mona-loading-dark.gif'\n    : 'https://github.githubassets.com/images/mona-loading-default.gif';\n  const { styles } = css`\n    main {\n      --color-prettylights-syntax-comment: ${colorTextTertiary};\n      --color-prettylights-syntax-constant: ${colorGreen};\n      --color-prettylights-syntax-entity: ${colorOrange};\n      --color-prettylights-syntax-storage-modifier-import: ${colorRed};\n      --color-prettylights-syntax-entity-tag: ${colorBlue};\n      --color-prettylights-syntax-keyword: ${colorBlue};\n      --color-prettylights-syntax-string: ${colorGreen};\n      --color-prettylights-syntax-variable: ${colorRed};\n      --color-prettylights-syntax-brackethighlighter-unmatched: ${colorRed};\n      --color-prettylights-syntax-invalid-illegal-text: ${colorTextSecondary};\n      --color-prettylights-syntax-invalid-illegal-bg: ${rgba(colorRed, 0.4)};\n      --color-prettylights-syntax-carriage-return-text: ${colorTextSecondary};\n      --color-prettylights-syntax-carriage-return-bg: ${rgba(colorRed, 0.6)};\n      --color-prettylights-syntax-string-regexp: ${colorGreen};\n      --color-prettylights-syntax-markup-list: ${colorOrange};\n      --color-prettylights-syntax-markup-heading: ${colorBlue};\n      --color-prettylights-syntax-markup-italic: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-bold: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-deleted-text: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-deleted-bg: ${rgba(colorRed, 0.2)};\n      --color-prettylights-syntax-markup-inserted-text: ${colorGreen};\n      --color-prettylights-syntax-markup-inserted-bg: ${rgba(colorGreen, 0.2)};\n      --color-prettylights-syntax-markup-changed-text: ${colorOrange};\n      --color-prettylights-syntax-markup-changed-bg: ${rgba(colorRed, 0.2)};\n      --color-prettylights-syntax-markup-ignored-text: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-ignored-bg: ${rgba(colorBlue, 0.2)};\n      --color-prettylights-syntax-meta-diff-range: ${colorOrange};\n      --color-prettylights-syntax-brackethighlighter-angle: ${colorTextSecondary};\n      --color-prettylights-syntax-sublimelinter-gutter-mark: ${colorTextTertiary};\n      --color-prettylights-syntax-constant-other-reference-link: ${colorBlue};\n      --color-btn-text: ${theme.colorText};\n      --color-btn-bg: ${theme.colorFillTertiary};\n      --color-btn-border: ${theme.colorBorderSecondary};\n      --color-btn-shadow: 0 0 transparent;\n      --color-btn-inset-shadow: 0 0 transparent;\n      --color-btn-hover-bg: ${theme.colorFillSecondary};\n      --color-btn-hover-border: ${theme.colorBorder};\n      --color-btn-active-bg: ${theme.colorFillSecondary};\n      --color-btn-active-border: ${theme.colorBorder};\n      --color-btn-selected-bg: ${theme.colorFillSecondary};\n      --color-btn-primary-text: ${safeReadableColor(theme.colorPrimary)};\n      --color-btn-primary-bg: ${theme.colorPrimary};\n      --color-btn-primary-border: ${theme.colorPrimaryBorder};\n      --color-btn-primary-shadow: 0 0 transparent;\n      --color-btn-primary-inset-shadow: 0 0 transparent;\n      --color-btn-primary-hover-bg: ${theme.colorPrimaryHover};\n      --color-btn-primary-hover-border: ${theme.colorPrimaryBorderHover};\n      --color-btn-primary-selected-bg: ${theme.colorPrimaryActive};\n      --color-btn-primary-selected-shadow: 0 0 transparent;\n      --color-btn-primary-disabled-text: ${rgba(safeReadableColor(theme.colorPrimary), 0.5)};\n      --color-btn-primary-disabled-bg: ${rgba(theme.colorPrimary, 0.5)};\n      --color-btn-primary-disabled-border: ${rgba(theme.colorPrimaryBorder, 0.5)};\n      --color-action-list-item-default-hover-bg: ${theme.colorFillQuaternary};\n      --color-segmented-control-bg: ${theme.colorFillTertiary};\n      --color-segmented-control-button-bg: transparent;\n      --color-segmented-control-button-selected-border: ${theme.colorBorder};\n      --color-fg-default: ${theme.colorText};\n      --color-fg-muted: ${theme.colorTextSecondary};\n      --color-fg-subtle: ${theme.colorTextQuaternary};\n      --color-canvas-default: transparent;\n      --color-canvas-overlay: ${theme.colorBgElevated};\n      --color-canvas-inset: transparent;\n      --color-canvas-subtle: ${theme.colorFillQuaternary};\n      --color-border-default: ${theme.colorBorder};\n      --color-border-muted: ${theme.colorBorderSecondary};\n      --color-neutral-muted: ${theme.colorFillQuaternary};\n      --color-neutral-subtle: ${theme.colorFillTertiary};\n      --color-accent-fg: ${theme.colorInfo};\n      --color-accent-emphasis: ${theme.colorInfoBorderHover};\n      --color-accent-muted: ${theme.colorInfoBorder};\n      --color-accent-subtle: ${theme.colorInfoBg};\n      --color-success-fg: ${theme.colorSuccess};\n      --color-attention-fg: ${theme.colorWarning};\n      --color-attention-muted: ${theme.colorWarningBorder};\n      --color-attention-subtle: ${theme.colorWarningBg};\n      --color-danger-fg: ${theme.colorError};\n      --color-danger-muted: ${theme.colorErrorBorder};\n      --color-danger-subtle: ${theme.colorErrorBg};\n      --color-primer-shadow-inset: 0 0 transparent;\n      --color-scale-gray-7: ${theme.colorBgContainer};\n      --color-scale-blue-8: ${theme.colorInfoBg};\n      --color-social-reaction-bg-hover: ${theme.colorFillSecondary};\n      --color-social-reaction-bg-reacted-hover: ${theme.colorInfoBgHover};\n\n      .markdown pre {\n        color: ${colorText};\n      }\n\n      .pagination-loader-container {\n        background-image: url(${loaderContainer});\n      }\n\n      .gsc-pagination-button {\n        background-color: var(--color-btn-bg);\n      }\n\n      .gsc-reactions-popover {\n        width: 170px;\n\n        > .m-2 {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 8px;\n        }\n      }\n\n      .gsc-emoji-button.has-reacted {\n        border-color: ${theme.colorInfoBorderHover};\n        border-radius: ${theme.borderRadius}px;\n      }\n\n      .gsc-loading-image {\n        background-image: url(${loadingImage});\n      }\n    }\n  `;\n\n  return useMemo(() => `data:text/css;base64,${btoa(styles)}`, [styles]);\n};\n\nexport const formatLang = (lang: string) => {\n  if (['zh_CN', 'zh_TW'].includes(lang)) {\n    return lang.replace('_', '-');\n  } else if (lang === 'zh_HK') {\n    return 'zh-TW';\n  } else {\n    return lang.split('_')[0];\n  }\n};\n"],"mappings":";;;;;AAMA,MAAa,kBAAkB;CAC7B,MAAM,QAAQ,UAAU;CACxB,MAAM,YAAY,MAAM;CACxB,MAAM,qBAAqB,MAAM;CACjC,MAAM,oBAAoB,MAAM;CAChC,MAAM,WAAW,MAAM;CACvB,MAAM,cAAc,MAAM;CAC1B,MAAM,aAAa,MAAM;CACzB,MAAM,YAAY,MAAM;CACxB,MAAM,kBAAkB,MAAM,aAC1B,iFACA;CACJ,MAAM,eAAe,MAAM,aACvB,iEACA;CACJ,MAAM,EAAE,WAAW,GAAG;;6CAEqB,kBAAkB;8CACjB,WAAW;4CACb,YAAY;6DACK,SAAS;gDACtB,UAAU;6CACb,UAAU;4CACX,WAAW;8CACT,SAAS;kEACW,SAAS;0DACjB,mBAAmB;wDACrB,KAAK,UAAU,GAAI,CAAC;0DAClB,mBAAmB;wDACrB,KAAK,UAAU,GAAI,CAAC;mDACzB,WAAW;iDACb,YAAY;oDACT,UAAU;mDACX,mBAAmB;iDACrB,mBAAmB;yDACX,mBAAmB;uDACrB,KAAK,UAAU,GAAI,CAAC;0DACjB,WAAW;wDACb,KAAK,YAAY,GAAI,CAAC;yDACrB,YAAY;uDACd,KAAK,UAAU,GAAI,CAAC;yDAClB,mBAAmB;uDACrB,KAAK,WAAW,GAAI,CAAC;qDACvB,YAAY;8DACH,mBAAmB;+DAClB,kBAAkB;mEACd,UAAU;0BACnD,MAAM,UAAU;wBAClB,MAAM,kBAAkB;4BACpB,MAAM,qBAAqB;;;8BAGzB,MAAM,mBAAmB;kCACrB,MAAM,YAAY;+BACrB,MAAM,mBAAmB;mCACrB,MAAM,YAAY;iCACpB,MAAM,mBAAmB;kCACxB,kBAAkB,MAAM,aAAa,CAAC;gCACxC,MAAM,aAAa;oCACf,MAAM,mBAAmB;;;sCAGvB,MAAM,kBAAkB;0CACpB,MAAM,wBAAwB;yCAC/B,MAAM,mBAAmB;;2CAEvB,KAAK,kBAAkB,MAAM,aAAa,EAAE,GAAI,CAAC;yCACnD,KAAK,MAAM,cAAc,GAAI,CAAC;6CAC1B,KAAK,MAAM,oBAAoB,GAAI,CAAC;mDAC9B,MAAM,oBAAoB;sCACvC,MAAM,kBAAkB;;0DAEJ,MAAM,YAAY;4BAChD,MAAM,UAAU;0BAClB,MAAM,mBAAmB;2BACxB,MAAM,oBAAoB;;gCAErB,MAAM,gBAAgB;;+BAEvB,MAAM,oBAAoB;gCACzB,MAAM,YAAY;8BACpB,MAAM,qBAAqB;+BAC1B,MAAM,oBAAoB;gCACzB,MAAM,kBAAkB;2BAC7B,MAAM,UAAU;iCACV,MAAM,qBAAqB;8BAC9B,MAAM,gBAAgB;+BACrB,MAAM,YAAY;4BACrB,MAAM,aAAa;8BACjB,MAAM,aAAa;iCAChB,MAAM,mBAAmB;kCACxB,MAAM,eAAe;2BAC5B,MAAM,WAAW;8BACd,MAAM,iBAAiB;+BACtB,MAAM,aAAa;;8BAEpB,MAAM,iBAAiB;8BACvB,MAAM,YAAY;0CACN,MAAM,mBAAmB;kDACjB,MAAM,iBAAiB;;;iBAGxD,UAAU;;;;gCAIK,gBAAgB;;;;;;;;;;;;;;;;;;wBAkBxB,MAAM,qBAAqB;yBAC1B,MAAM,aAAa;;;;gCAIZ,aAAa;;;;AAK3C,QAAO,cAAc,wBAAwB,KAAK,OAAO,IAAI,CAAC,OAAO,CAAC;;AAGxE,MAAa,cAAc,SAAiB;AAC1C,KAAI,CAAC,SAAS,QAAQ,CAAC,SAAS,KAAK,CACnC,QAAO,KAAK,QAAQ,KAAK,IAAI;UACpB,SAAS,QAClB,QAAO;KAEP,QAAO,KAAK,MAAM,IAAI,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/Giscus/style.ts"],"sourcesContent":["import { css, useTheme } from 'antd-style';\nimport { rgba } from 'polished';\nimport { useMemo } from 'react';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nexport const useStyles = () => {\n  const theme = useTheme();\n  const colorText = theme.colorText;\n  const colorTextSecondary = theme.colorTextSecondary;\n  const colorTextTertiary = theme.colorTextTertiary;\n  const colorRed = theme.colorError;\n  const colorOrange = theme.colorWarning;\n  const colorGreen = theme.colorSuccess;\n  const colorBlue = theme.colorInfo;\n  const loaderContainer = theme.isDarkMode\n    ? 'https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg'\n    : 'https://github.com/images/modules/pulls/progressive-disclosure-line.svg';\n  const loadingImage = theme.isDarkMode\n    ? 'https://github.githubassets.com/images/mona-loading-dark.gif'\n    : 'https://github.githubassets.com/images/mona-loading-default.gif';\n  const { styles } = css`\n    main {\n      --color-prettylights-syntax-comment: ${colorTextTertiary};\n      --color-prettylights-syntax-constant: ${colorGreen};\n      --color-prettylights-syntax-entity: ${colorOrange};\n      --color-prettylights-syntax-storage-modifier-import: ${colorRed};\n      --color-prettylights-syntax-entity-tag: ${colorBlue};\n      --color-prettylights-syntax-keyword: ${colorBlue};\n      --color-prettylights-syntax-string: ${colorGreen};\n      --color-prettylights-syntax-variable: ${colorRed};\n      --color-prettylights-syntax-brackethighlighter-unmatched: ${colorRed};\n      --color-prettylights-syntax-invalid-illegal-text: ${colorTextSecondary};\n      --color-prettylights-syntax-invalid-illegal-bg: ${rgba(colorRed, 0.4)};\n      --color-prettylights-syntax-carriage-return-text: ${colorTextSecondary};\n      --color-prettylights-syntax-carriage-return-bg: ${rgba(colorRed, 0.6)};\n      --color-prettylights-syntax-string-regexp: ${colorGreen};\n      --color-prettylights-syntax-markup-list: ${colorOrange};\n      --color-prettylights-syntax-markup-heading: ${colorBlue};\n      --color-prettylights-syntax-markup-italic: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-bold: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-deleted-text: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-deleted-bg: ${rgba(colorRed, 0.2)};\n      --color-prettylights-syntax-markup-inserted-text: ${colorGreen};\n      --color-prettylights-syntax-markup-inserted-bg: ${rgba(colorGreen, 0.2)};\n      --color-prettylights-syntax-markup-changed-text: ${colorOrange};\n      --color-prettylights-syntax-markup-changed-bg: ${rgba(colorRed, 0.2)};\n      --color-prettylights-syntax-markup-ignored-text: ${colorTextSecondary};\n      --color-prettylights-syntax-markup-ignored-bg: ${rgba(colorBlue, 0.2)};\n      --color-prettylights-syntax-meta-diff-range: ${colorOrange};\n      --color-prettylights-syntax-brackethighlighter-angle: ${colorTextSecondary};\n      --color-prettylights-syntax-sublimelinter-gutter-mark: ${colorTextTertiary};\n      --color-prettylights-syntax-constant-other-reference-link: ${colorBlue};\n      --color-btn-text: ${theme.colorText};\n      --color-btn-bg: ${theme.colorFillTertiary};\n      --color-btn-border: ${theme.colorBorderSecondary};\n      --color-btn-shadow: 0 0 transparent;\n      --color-btn-inset-shadow: 0 0 transparent;\n      --color-btn-hover-bg: ${theme.colorFillSecondary};\n      --color-btn-hover-border: ${theme.colorBorder};\n      --color-btn-active-bg: ${theme.colorFillSecondary};\n      --color-btn-active-border: ${theme.colorBorder};\n      --color-btn-selected-bg: ${theme.colorFillSecondary};\n      --color-btn-primary-text: ${safeReadableColor(theme.colorPrimary)};\n      --color-btn-primary-bg: ${theme.colorPrimary};\n      --color-btn-primary-border: ${theme.colorPrimaryBorder};\n      --color-btn-primary-shadow: 0 0 transparent;\n      --color-btn-primary-inset-shadow: 0 0 transparent;\n      --color-btn-primary-hover-bg: ${theme.colorPrimaryHover};\n      --color-btn-primary-hover-border: ${theme.colorPrimaryBorderHover};\n      --color-btn-primary-selected-bg: ${theme.colorPrimaryActive};\n      --color-btn-primary-selected-shadow: 0 0 transparent;\n      --color-btn-primary-disabled-text: ${rgba(safeReadableColor(theme.colorPrimary), 0.5)};\n      --color-btn-primary-disabled-bg: ${rgba(theme.colorPrimary, 0.5)};\n      --color-btn-primary-disabled-border: ${rgba(theme.colorPrimaryBorder, 0.5)};\n      --color-action-list-item-default-hover-bg: ${theme.colorFillQuaternary};\n      --color-segmented-control-bg: ${theme.colorFillTertiary};\n      --color-segmented-control-button-bg: transparent;\n      --color-segmented-control-button-selected-border: ${theme.colorBorder};\n      --color-fg-default: ${theme.colorText};\n      --color-fg-muted: ${theme.colorTextSecondary};\n      --color-fg-subtle: ${theme.colorTextQuaternary};\n      --color-canvas-default: transparent;\n      --color-canvas-overlay: ${theme.colorBgElevated};\n      --color-canvas-inset: transparent;\n      --color-canvas-subtle: ${theme.colorFillQuaternary};\n      --color-border-default: ${theme.colorBorder};\n      --color-border-muted: ${theme.colorBorderSecondary};\n      --color-neutral-muted: ${theme.colorFillQuaternary};\n      --color-neutral-subtle: ${theme.colorFillTertiary};\n      --color-accent-fg: ${theme.colorInfo};\n      --color-accent-emphasis: ${theme.colorInfoBorderHover};\n      --color-accent-muted: ${theme.colorInfoBorder};\n      --color-accent-subtle: ${theme.colorInfoBg};\n      --color-success-fg: ${theme.colorSuccess};\n      --color-attention-fg: ${theme.colorWarning};\n      --color-attention-muted: ${theme.colorWarningBorder};\n      --color-attention-subtle: ${theme.colorWarningBg};\n      --color-danger-fg: ${theme.colorError};\n      --color-danger-muted: ${theme.colorErrorBorder};\n      --color-danger-subtle: ${theme.colorErrorBg};\n      --color-primer-shadow-inset: 0 0 transparent;\n      --color-scale-gray-7: ${theme.colorBgContainer};\n      --color-scale-blue-8: ${theme.colorInfoBg};\n      --color-social-reaction-bg-hover: ${theme.colorFillSecondary};\n      --color-social-reaction-bg-reacted-hover: ${theme.colorInfoBgHover};\n\n      .markdown pre {\n        color: ${colorText};\n      }\n\n      .pagination-loader-container {\n        background-image: url(${loaderContainer});\n      }\n\n      .gsc-pagination-button {\n        background-color: var(--color-btn-bg);\n      }\n\n      .gsc-reactions-popover {\n        width: 170px;\n\n        > .m-2 {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 8px;\n        }\n      }\n\n      .gsc-emoji-button.has-reacted {\n        border-color: ${theme.colorInfoBorderHover};\n        border-radius: ${theme.borderRadius}px;\n      }\n\n      .gsc-loading-image {\n        background-image: url(${loadingImage});\n      }\n    }\n  `;\n\n  return useMemo(() => `data:text/css;base64,${btoa(styles)}`, [styles]);\n};\n\nexport const formatLang = (lang: string) => {\n  if (['zh_CN', 'zh_TW'].includes(lang)) {\n    return lang.replace('_', '-');\n  } else if (lang === 'zh_HK') {\n    return 'zh-TW';\n  } else {\n    return lang.split('_')[0];\n  }\n};\n"],"mappings":";;;;;AAMA,MAAa,kBAAkB;CAC7B,MAAM,QAAQ,SAAS;CACvB,MAAM,YAAY,MAAM;CACxB,MAAM,qBAAqB,MAAM;CACjC,MAAM,oBAAoB,MAAM;CAChC,MAAM,WAAW,MAAM;CACvB,MAAM,cAAc,MAAM;CAC1B,MAAM,aAAa,MAAM;CACzB,MAAM,YAAY,MAAM;CACxB,MAAM,kBAAkB,MAAM,aAC1B,iFACA;CACJ,MAAM,eAAe,MAAM,aACvB,iEACA;CACJ,MAAM,EAAE,WAAW,GAAG;;6CAEqB,kBAAkB;8CACjB,WAAW;4CACb,YAAY;6DACK,SAAS;gDACtB,UAAU;6CACb,UAAU;4CACX,WAAW;8CACT,SAAS;kEACW,SAAS;0DACjB,mBAAmB;wDACrB,KAAK,UAAU,EAAG,EAAE;0DAClB,mBAAmB;wDACrB,KAAK,UAAU,EAAG,EAAE;mDACzB,WAAW;iDACb,YAAY;oDACT,UAAU;mDACX,mBAAmB;iDACrB,mBAAmB;yDACX,mBAAmB;uDACrB,KAAK,UAAU,EAAG,EAAE;0DACjB,WAAW;wDACb,KAAK,YAAY,EAAG,EAAE;yDACrB,YAAY;uDACd,KAAK,UAAU,EAAG,EAAE;yDAClB,mBAAmB;uDACrB,KAAK,WAAW,EAAG,EAAE;qDACvB,YAAY;8DACH,mBAAmB;+DAClB,kBAAkB;mEACd,UAAU;0BACnD,MAAM,UAAU;wBAClB,MAAM,kBAAkB;4BACpB,MAAM,qBAAqB;;;8BAGzB,MAAM,mBAAmB;kCACrB,MAAM,YAAY;+BACrB,MAAM,mBAAmB;mCACrB,MAAM,YAAY;iCACpB,MAAM,mBAAmB;kCACxB,kBAAkB,MAAM,YAAY,EAAE;gCACxC,MAAM,aAAa;oCACf,MAAM,mBAAmB;;;sCAGvB,MAAM,kBAAkB;0CACpB,MAAM,wBAAwB;yCAC/B,MAAM,mBAAmB;;2CAEvB,KAAK,kBAAkB,MAAM,YAAY,GAAG,EAAG,EAAE;yCACnD,KAAK,MAAM,cAAc,EAAG,EAAE;6CAC1B,KAAK,MAAM,oBAAoB,EAAG,EAAE;mDAC9B,MAAM,oBAAoB;sCACvC,MAAM,kBAAkB;;0DAEJ,MAAM,YAAY;4BAChD,MAAM,UAAU;0BAClB,MAAM,mBAAmB;2BACxB,MAAM,oBAAoB;;gCAErB,MAAM,gBAAgB;;+BAEvB,MAAM,oBAAoB;gCACzB,MAAM,YAAY;8BACpB,MAAM,qBAAqB;+BAC1B,MAAM,oBAAoB;gCACzB,MAAM,kBAAkB;2BAC7B,MAAM,UAAU;iCACV,MAAM,qBAAqB;8BAC9B,MAAM,gBAAgB;+BACrB,MAAM,YAAY;4BACrB,MAAM,aAAa;8BACjB,MAAM,aAAa;iCAChB,MAAM,mBAAmB;kCACxB,MAAM,eAAe;2BAC5B,MAAM,WAAW;8BACd,MAAM,iBAAiB;+BACtB,MAAM,aAAa;;8BAEpB,MAAM,iBAAiB;8BACvB,MAAM,YAAY;0CACN,MAAM,mBAAmB;kDACjB,MAAM,iBAAiB;;;iBAGxD,UAAU;;;;gCAIK,gBAAgB;;;;;;;;;;;;;;;;;;wBAkBxB,MAAM,qBAAqB;yBAC1B,MAAM,aAAa;;;;gCAIZ,aAAa;;;;CAK3C,OAAO,cAAc,wBAAwB,KAAK,MAAM,KAAK,CAAC,MAAM,CAAC;AACvE;AAEA,MAAa,cAAc,SAAiB;CAC1C,IAAI,CAAC,SAAS,OAAO,CAAC,CAAC,SAAS,IAAI,GAClC,OAAO,KAAK,QAAQ,KAAK,GAAG;MACvB,IAAI,SAAS,SAClB,OAAO;MAEP,OAAO,KAAK,MAAM,GAAG,CAAC,CAAC;AAE3B"}

package/es/awesome/Giscus/type.d.mts

@@ -1,6 +1,5 @@
 import { CSSProperties, ComponentProps } from "react";
 import GiscusComponent from "@giscus/react";
-
 //#region src/awesome/Giscus/type.d.ts
 interface GiscusProps extends ComponentProps<typeof GiscusComponent> {
   className?: string;

package/es/awesome/GradientButton/GradientButton.d.mts

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

package/es/awesome/GradientButton/GradientButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GradientButton.mjs","names":[],"sources":["../../../src/awesome/GradientButton/GradientButton.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx, useThemeMode } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport Button from '@/Button';\n\nimport { styles } from './style';\nimport type { GradientButtonProps } from './type';\n\nconst GradientButton = memo<GradientButtonProps>(\n  ({ glow = true, children, className, size, disabled, style, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n\n    // Convert size prop to CSS variable for borderRadius\n    const cssVariables = useMemo<Record<string, string>>(() => {\n      if (!size || disabled) return {} as Record<string, string>;\n      let borderRadius: string;\n      switch (size) {\n        case 'large': {\n          borderRadius = cssVar.borderRadiusLG;\n          break;\n        }\n        case 'small': {\n          borderRadius = cssVar.borderRadiusSM;\n          break;\n        }\n        default: {\n          borderRadius = cssVar.borderRadius;\n          break;\n        }\n      }\n      return {\n        '--gradient-button-border-radius': borderRadius,\n      };\n    }, [size, disabled]);\n\n    return (\n      <Button\n        disabled={disabled}\n        size={size}\n        variant={disabled ? undefined : 'text'}\n        className={cx(\n          !disabled && (isDarkMode ? styles.buttonDark : styles.buttonLight),\n          className,\n        )}\n        style={{\n          ...cssVariables,\n          ...style,\n        }}\n        {...rest}\n      >\n        {glow && <div className={styles.glow} />}\n        {children}\n      </Button>\n    );\n  },\n);\n\nGradientButton.displayName = 'GradientButton';\n\nexport default GradientButton;\n"],"mappings":";;;;;;;AAUA,MAAM,iBAAiB,MACpB,EAAE,OAAO,MAAM,UAAU,WAAW,MAAM,UAAU,OAAO,GAAG,WAAW;CACxE,MAAM,EAAE,eAAe,cAAc;CAGrC,MAAM,eAAe,cAAsC;AACzD,MAAI,CAAC,QAAQ,SAAU,QAAO,EAAE;EAChC,IAAI;AACJ,UAAQ,MAAR;GACE,KAAK;AACH,mBAAe,OAAO;AACtB;GAEF,KAAK;AACH,mBAAe,OAAO;AACtB;GAEF;AACE,mBAAe,OAAO;AACtB;;AAGJ,SAAO,EACL,mCAAmC,cACpC;IACA,CAAC,MAAM,SAAS,CAAC;AAEpB,QACE,qBAAC,QAAD;EACY;EACJ;EACN,SAAS,WAAW,KAAA,IAAY;EAChC,WAAW,GACT,CAAC,aAAa,aAAa,OAAO,aAAa,OAAO,cACtD,UACD;EACD,OAAO;GACL,GAAG;GACH,GAAG;GACJ;EACD,GAAI;YAZN,CAcG,QAAQ,oBAAC,OAAD,EAAK,WAAW,OAAO,MAAQ,CAAA,EACvC,SACM;;EAGd;AAED,eAAe,cAAc"}
+{"version":3,"file":"GradientButton.mjs","names":[],"sources":["../../../src/awesome/GradientButton/GradientButton.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx, useThemeMode } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport Button from '@/Button';\n\nimport { styles } from './style';\nimport type { GradientButtonProps } from './type';\n\nconst GradientButton = memo<GradientButtonProps>(\n  ({ glow = true, children, className, size, disabled, style, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n\n    // Convert size prop to CSS variable for borderRadius\n    const cssVariables = useMemo<Record<string, string>>(() => {\n      if (!size || disabled) return {} as Record<string, string>;\n      let borderRadius: string;\n      switch (size) {\n        case 'large': {\n          borderRadius = cssVar.borderRadiusLG;\n          break;\n        }\n        case 'small': {\n          borderRadius = cssVar.borderRadiusSM;\n          break;\n        }\n        default: {\n          borderRadius = cssVar.borderRadius;\n          break;\n        }\n      }\n      return {\n        '--gradient-button-border-radius': borderRadius,\n      };\n    }, [size, disabled]);\n\n    return (\n      <Button\n        disabled={disabled}\n        size={size}\n        variant={disabled ? undefined : 'text'}\n        className={cx(\n          !disabled && (isDarkMode ? styles.buttonDark : styles.buttonLight),\n          className,\n        )}\n        style={{\n          ...cssVariables,\n          ...style,\n        }}\n        {...rest}\n      >\n        {glow && <div className={styles.glow} />}\n        {children}\n      </Button>\n    );\n  },\n);\n\nGradientButton.displayName = 'GradientButton';\n\nexport default GradientButton;\n"],"mappings":";;;;;;;AAUA,MAAM,iBAAiB,MACpB,EAAE,OAAO,MAAM,UAAU,WAAW,MAAM,UAAU,OAAO,GAAG,WAAW;CACxE,MAAM,EAAE,eAAe,aAAa;CAGpC,MAAM,eAAe,cAAsC;EACzD,IAAI,CAAC,QAAQ,UAAU,OAAO,CAAC;EAC/B,IAAI;EACJ,QAAQ,MAAR;GACE,KAAK;IACH,eAAe,OAAO;IACtB;GAEF,KAAK;IACH,eAAe,OAAO;IACtB;GAEF;IACE,eAAe,OAAO;IACtB;EAEJ;EACA,OAAO,EACL,mCAAmC,aACrC;CACF,GAAG,CAAC,MAAM,QAAQ,CAAC;CAEnB,OACE,qBAAC,QAAD;EACY;EACJ;EACN,SAAS,WAAW,KAAA,IAAY;EAChC,WAAW,GACT,CAAC,aAAa,aAAa,OAAO,aAAa,OAAO,cACtD,SACF;EACA,OAAO;GACL,GAAG;GACH,GAAG;EACL;EACA,GAAI;YAZN,CAcG,QAAQ,oBAAC,OAAD,EAAK,WAAW,OAAO,KAAO,CAAA,GACtC,QACK;;AAEZ,CACF;AAEA,eAAe,cAAc"}

package/es/awesome/GradientButton/index.d.mts

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

package/es/awesome/GradientButton/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/awesome/GradientButton/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const borderRadius = 'var(--gradient-button-border-radius, var(--ant-border-radius))';\n\n  return {\n    buttonDark: css`\n      position: relative;\n      z-index: 1;\n      border: none;\n      border-radius: ${borderRadius} !important;\n\n      &::before {\n        ${lobeStaticStylish.gradientAnimation}\n        content: '';\n\n        position: absolute;\n        z-index: -2;\n        inset: 0;\n\n        border-radius: ${borderRadius};\n      }\n\n      &::after {\n        content: '';\n\n        position: absolute;\n        z-index: -1;\n        inset-block-start: 1px;\n        inset-inline-start: 1px;\n\n        width: calc(100% - 2px);\n        height: calc(100% - 2px);\n        border-radius: calc(${borderRadius} - 1px);\n\n        background: ${cssVar.colorBgLayout};\n      }\n\n      &:hover {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgLayout} 90%, transparent);\n        }\n      }\n\n      &:active {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgLayout} 85%, transparent);\n        }\n      }\n    `,\n    buttonLight: css`\n      position: relative;\n      z-index: 1;\n      border: none;\n      border-radius: ${borderRadius} !important;\n\n      &::before {\n        ${lobeStaticStylish.gradientAnimation}\n        content: '';\n\n        position: absolute;\n        z-index: -2;\n        inset: 0;\n\n        border-radius: ${borderRadius};\n      }\n\n      &::after {\n        content: '';\n\n        position: absolute;\n        z-index: -1;\n        inset-block-start: 1px;\n        inset-inline-start: 1px;\n\n        width: calc(100% - 2px);\n        height: calc(100% - 2px);\n        border-radius: calc(${borderRadius} - 1px);\n\n        background: ${cssVar.colorBgContainer};\n      }\n\n      &:hover {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgContainer} 95%, transparent);\n        }\n      }\n\n      &:active {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgContainer} 90%, transparent);\n        }\n      }\n    `,\n    glow: cx(\n      lobeStaticStylish.gradientAnimation,\n      css`\n        position: absolute;\n        z-index: -2;\n        inset-block-start: 0;\n        inset-inline-start: 0;\n\n        width: 100%;\n        height: 100%;\n        border-radius: inherit;\n\n        opacity: 0.5;\n        filter: blur(0.5em);\n      `,\n    ),\n  };\n});\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,MAAM,eAAe;AAErB,QAAO;EACL,YAAY,GAAG;;;;uBAII,aAAa;;;UAG1BA,cAAkB,kBAAkB;;;;;;;yBAOrB,aAAa;;;;;;;;;;;;;8BAaR,aAAa;;sBAErB,OAAO,cAAc;;;;;2CAKA,OAAO,cAAc;;;;;;2CAMrB,OAAO,cAAc;;;;EAI5D,aAAa,GAAG;;;;uBAIG,aAAa;;;UAG1BA,cAAkB,kBAAkB;;;;;;;yBAOrB,aAAa;;;;;;;;;;;;;8BAaR,aAAa;;sBAErB,OAAO,iBAAiB;;;;;2CAKH,OAAO,iBAAiB;;;;;;2CAMxB,OAAO,iBAAiB;;;;EAI/D,MAAM,GACJA,cAAkB,mBAClB,GAAG;;;;;;;;;;;;QAaJ;EACF;EACD"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/awesome/GradientButton/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const borderRadius = 'var(--gradient-button-border-radius, var(--ant-border-radius))';\n\n  return {\n    buttonDark: css`\n      position: relative;\n      z-index: 1;\n      border: none;\n      border-radius: ${borderRadius} !important;\n\n      &::before {\n        ${lobeStaticStylish.gradientAnimation}\n        content: '';\n\n        position: absolute;\n        z-index: -2;\n        inset: 0;\n\n        border-radius: ${borderRadius};\n      }\n\n      &::after {\n        content: '';\n\n        position: absolute;\n        z-index: -1;\n        inset-block-start: 1px;\n        inset-inline-start: 1px;\n\n        width: calc(100% - 2px);\n        height: calc(100% - 2px);\n        border-radius: calc(${borderRadius} - 1px);\n\n        background: ${cssVar.colorBgLayout};\n      }\n\n      &:hover {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgLayout} 90%, transparent);\n        }\n      }\n\n      &:active {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgLayout} 85%, transparent);\n        }\n      }\n    `,\n    buttonLight: css`\n      position: relative;\n      z-index: 1;\n      border: none;\n      border-radius: ${borderRadius} !important;\n\n      &::before {\n        ${lobeStaticStylish.gradientAnimation}\n        content: '';\n\n        position: absolute;\n        z-index: -2;\n        inset: 0;\n\n        border-radius: ${borderRadius};\n      }\n\n      &::after {\n        content: '';\n\n        position: absolute;\n        z-index: -1;\n        inset-block-start: 1px;\n        inset-inline-start: 1px;\n\n        width: calc(100% - 2px);\n        height: calc(100% - 2px);\n        border-radius: calc(${borderRadius} - 1px);\n\n        background: ${cssVar.colorBgContainer};\n      }\n\n      &:hover {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgContainer} 95%, transparent);\n        }\n      }\n\n      &:active {\n        &::after {\n          background: color-mix(in srgb, ${cssVar.colorBgContainer} 90%, transparent);\n        }\n      }\n    `,\n    glow: cx(\n      lobeStaticStylish.gradientAnimation,\n      css`\n        position: absolute;\n        z-index: -2;\n        inset-block-start: 0;\n        inset-inline-start: 0;\n\n        width: 100%;\n        height: 100%;\n        border-radius: inherit;\n\n        opacity: 0.5;\n        filter: blur(0.5em);\n      `,\n    ),\n  };\n});\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,MAAM,eAAe;CAErB,OAAO;EACL,YAAY,GAAG;;;;uBAII,aAAa;;;UAG1BA,cAAkB,kBAAkB;;;;;;;yBAOrB,aAAa;;;;;;;;;;;;;8BAaR,aAAa;;sBAErB,OAAO,cAAc;;;;;2CAKA,OAAO,cAAc;;;;;;2CAMrB,OAAO,cAAc;;;;EAI5D,aAAa,GAAG;;;;uBAIG,aAAa;;;UAG1BA,cAAkB,kBAAkB;;;;;;;yBAOrB,aAAa;;;;;;;;;;;;;8BAaR,aAAa;;sBAErB,OAAO,iBAAiB;;;;;2CAKH,OAAO,iBAAiB;;;;;;2CAMxB,OAAO,iBAAiB;;;;EAI/D,MAAM,GACJA,cAAkB,mBAClB,GAAG;;;;;;;;;;;;OAaL;CACF;AACF,CAAC"}

package/es/awesome/GradientButton/type.d.mts

@@ -1,4 +1,5 @@
 import { ButtonProps } from "../../Button/type.mjs";
+import "../../Button/index.mjs";
 //#region src/awesome/GradientButton/type.d.ts
 interface GradientButtonProps extends ButtonProps {
   glow?: boolean;

package/es/awesome/GridBackground/GridBackground.d.mts

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

package/es/awesome/GridBackground/GridBackground.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GridBackground.mjs","names":[],"sources":["../../../src/awesome/GridBackground/GridBackground.tsx"],"sourcesContent":["'use client';\n\nimport { useSize } from 'ahooks';\nimport { cssVar, cx, useTheme } from 'antd-style';\nimport chroma from 'chroma-js';\nimport { shuffle } from 'es-toolkit/compat';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport Grid, { type GridProps } from './components/Grid';\nimport { styles } from './style';\nimport type { GridBackgroundProps } from './type';\n\nconst initialGroup = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14];\n\nconst GridBackground = memo<GridBackgroundProps>(\n  ({\n    flip,\n    reverse,\n    showBackground,\n    backgroundColor,\n    random,\n    animationDuration = 8,\n    className,\n    colorFront,\n    colorBack,\n    strokeWidth,\n    style,\n    animation,\n    ...rest\n  }) => {\n    const ref = useRef(null);\n    const size = useSize(ref);\n    const theme = useTheme();\n\n    const backgroundCssVariables = useMemo<Record<string, string>>(() => {\n      if (!showBackground) return {} as Record<string, string>;\n\n      const scale = chroma\n        .bezier([theme.colorText, backgroundColor || 'blue', theme.colorBgLayout])\n        .scale()\n        .mode('lch')\n        .correctLightness()\n        .colors(6);\n\n      return {\n        '--grid-background-color-1': scale[1],\n        '--grid-background-color-2': scale[2],\n        '--grid-background-color-3': scale[3],\n        '--grid-background-color-4': scale[4],\n      };\n    }, [showBackground, backgroundColor, theme.colorText, theme.colorBgLayout]);\n\n    const gridProps: GridProps = useMemo(\n      () => ({\n        className: reverse ? styles.highlightReverse : styles.highlight,\n        color: colorFront || cssVar.colorText,\n        strokeWidth,\n      }),\n      [reverse, colorFront, strokeWidth],\n    );\n\n    const [group, setGroup] = useState(random ? initialGroup : undefined);\n    useEffect(() => {\n      setGroup(random ? shuffle(initialGroup) : undefined);\n    }, [random]);\n\n    const HighlightGrid = useCallback(() => {\n      if (!group)\n        return <Grid style={{ '--duration': `${animationDuration}s` } as any} {...gridProps} />;\n\n      return (\n        <>\n          {group.map((item, index) => {\n            return (\n              <Grid\n                key={item}\n                linePick={item}\n                style={\n                  {\n                    '--delay': `${index + Math.random()}s`,\n                    '--duration': `${animationDuration}s`,\n                  } as any\n                }\n                {...gridProps}\n              />\n            );\n          })}\n        </>\n      );\n    }, [group, animationDuration, gridProps]);\n\n    return (\n      <div\n        className={cx(styles.container, className)}\n        ref={ref}\n        style={flip ? { transform: 'scaleY(-1)', ...style } : style}\n        {...rest}\n      >\n        <Grid\n          color={colorBack || cssVar.colorBorder}\n          strokeWidth={strokeWidth}\n          style={{ zIndex: 2 }}\n        />\n        {animation && <HighlightGrid />}\n        {showBackground && (\n          <div\n            className={styles.backgroundContainer}\n            style={{\n              ...(size ? { fontSize: size.width / 80 } : {}),\n              ...backgroundCssVariables,\n            }}\n          >\n            <div className={styles.background} />\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nGridBackground.displayName = 'GridBackground';\n\nexport default GridBackground;\n"],"mappings":";;;;;;;;;;AAYA,MAAM,eAAe;CAAC;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAI;CAAI;CAAI;CAAI;CAAG;AAEvE,MAAM,iBAAiB,MACpB,EACC,MACA,SACA,gBACA,iBACA,QACA,oBAAoB,GACpB,WACA,YACA,WACA,aACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,MAAM,OAAO,KAAK;CACxB,MAAM,OAAO,QAAQ,IAAI;CACzB,MAAM,QAAQ,UAAU;CAExB,MAAM,yBAAyB,cAAsC;AACnE,MAAI,CAAC,eAAgB,QAAO,EAAE;EAE9B,MAAM,QAAQ,OACX,OAAO;GAAC,MAAM;GAAW,mBAAmB;GAAQ,MAAM;GAAc,CAAC,CACzE,OAAO,CACP,KAAK,MAAM,CACX,kBAAkB,CAClB,OAAO,EAAE;AAEZ,SAAO;GACL,6BAA6B,MAAM;GACnC,6BAA6B,MAAM;GACnC,6BAA6B,MAAM;GACnC,6BAA6B,MAAM;GACpC;IACA;EAAC;EAAgB;EAAiB,MAAM;EAAW,MAAM;EAAc,CAAC;CAE3E,MAAM,YAAuB,eACpB;EACL,WAAW,UAAU,OAAO,mBAAmB,OAAO;EACtD,OAAO,cAAc,OAAO;EAC5B;EACD,GACD;EAAC;EAAS;EAAY;EAAY,CACnC;CAED,MAAM,CAAC,OAAO,YAAY,SAAS,SAAS,eAAe,KAAA,EAAU;AACrE,iBAAgB;AACd,WAAS,SAAS,QAAQ,aAAa,GAAG,KAAA,EAAU;IACnD,CAAC,OAAO,CAAC;CAEZ,MAAM,gBAAgB,kBAAkB;AACtC,MAAI,CAAC,MACH,QAAO,oBAAC,MAAD;GAAM,OAAO,EAAE,cAAc,GAAG,kBAAkB,IAAI;GAAS,GAAI;GAAa,CAAA;AAEzF,SACE,oBAAA,YAAA,EAAA,UACG,MAAM,KAAK,MAAM,UAAU;AAC1B,UACE,oBAAC,MAAD;IAEE,UAAU;IACV,OACE;KACE,WAAW,GAAG,QAAQ,KAAK,QAAQ,CAAC;KACpC,cAAc,GAAG,kBAAkB;KACpC;IAEH,GAAI;IACJ,EATK,KASL;IAEJ,EACD,CAAA;IAEJ;EAAC;EAAO;EAAmB;EAAU,CAAC;AAEzC,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,OAAO,WAAW,UAAU;EACrC;EACL,OAAO,OAAO;GAAE,WAAW;GAAc,GAAG;GAAO,GAAG;EACtD,GAAI;YAJN;GAME,oBAAC,MAAD;IACE,OAAO,aAAa,OAAO;IACd;IACb,OAAO,EAAE,QAAQ,GAAG;IACpB,CAAA;GACD,aAAa,oBAAC,eAAD,EAAiB,CAAA;GAC9B,kBACC,oBAAC,OAAD;IACE,WAAW,OAAO;IAClB,OAAO;KACL,GAAI,OAAO,EAAE,UAAU,KAAK,QAAQ,IAAI,GAAG,EAAE;KAC7C,GAAG;KACJ;cAED,oBAAC,OAAD,EAAK,WAAW,OAAO,YAAc,CAAA;IACjC,CAAA;GAEJ;;EAGX;AAED,eAAe,cAAc"}
+{"version":3,"file":"GridBackground.mjs","names":[],"sources":["../../../src/awesome/GridBackground/GridBackground.tsx"],"sourcesContent":["'use client';\n\nimport { useSize } from 'ahooks';\nimport { cssVar, cx, useTheme } from 'antd-style';\nimport chroma from 'chroma-js';\nimport { shuffle } from 'es-toolkit/compat';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport Grid, { type GridProps } from './components/Grid';\nimport { styles } from './style';\nimport type { GridBackgroundProps } from './type';\n\nconst initialGroup = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14];\n\nconst GridBackground = memo<GridBackgroundProps>(\n  ({\n    flip,\n    reverse,\n    showBackground,\n    backgroundColor,\n    random,\n    animationDuration = 8,\n    className,\n    colorFront,\n    colorBack,\n    strokeWidth,\n    style,\n    animation,\n    ...rest\n  }) => {\n    const ref = useRef(null);\n    const size = useSize(ref);\n    const theme = useTheme();\n\n    const backgroundCssVariables = useMemo<Record<string, string>>(() => {\n      if (!showBackground) return {} as Record<string, string>;\n\n      const scale = chroma\n        .bezier([theme.colorText, backgroundColor || 'blue', theme.colorBgLayout])\n        .scale()\n        .mode('lch')\n        .correctLightness()\n        .colors(6);\n\n      return {\n        '--grid-background-color-1': scale[1],\n        '--grid-background-color-2': scale[2],\n        '--grid-background-color-3': scale[3],\n        '--grid-background-color-4': scale[4],\n      };\n    }, [showBackground, backgroundColor, theme.colorText, theme.colorBgLayout]);\n\n    const gridProps: GridProps = useMemo(\n      () => ({\n        className: reverse ? styles.highlightReverse : styles.highlight,\n        color: colorFront || cssVar.colorText,\n        strokeWidth,\n      }),\n      [reverse, colorFront, strokeWidth],\n    );\n\n    const [group, setGroup] = useState(random ? initialGroup : undefined);\n    useEffect(() => {\n      setGroup(random ? shuffle(initialGroup) : undefined);\n    }, [random]);\n\n    const HighlightGrid = useCallback(() => {\n      if (!group)\n        return <Grid style={{ '--duration': `${animationDuration}s` } as any} {...gridProps} />;\n\n      return (\n        <>\n          {group.map((item, index) => {\n            return (\n              <Grid\n                key={item}\n                linePick={item}\n                style={\n                  {\n                    '--delay': `${index + Math.random()}s`,\n                    '--duration': `${animationDuration}s`,\n                  } as any\n                }\n                {...gridProps}\n              />\n            );\n          })}\n        </>\n      );\n    }, [group, animationDuration, gridProps]);\n\n    return (\n      <div\n        className={cx(styles.container, className)}\n        ref={ref}\n        style={flip ? { transform: 'scaleY(-1)', ...style } : style}\n        {...rest}\n      >\n        <Grid\n          color={colorBack || cssVar.colorBorder}\n          strokeWidth={strokeWidth}\n          style={{ zIndex: 2 }}\n        />\n        {animation && <HighlightGrid />}\n        {showBackground && (\n          <div\n            className={styles.backgroundContainer}\n            style={{\n              ...(size ? { fontSize: size.width / 80 } : {}),\n              ...backgroundCssVariables,\n            }}\n          >\n            <div className={styles.background} />\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nGridBackground.displayName = 'GridBackground';\n\nexport default GridBackground;\n"],"mappings":";;;;;;;;;;AAYA,MAAM,eAAe;CAAC;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAG;CAAI;CAAI;CAAI;CAAI;AAAE;AAEtE,MAAM,iBAAiB,MACpB,EACC,MACA,SACA,gBACA,iBACA,QACA,oBAAoB,GACpB,WACA,YACA,WACA,aACA,OACA,WACA,GAAG,WACC;CACJ,MAAM,MAAM,OAAO,IAAI;CACvB,MAAM,OAAO,QAAQ,GAAG;CACxB,MAAM,QAAQ,SAAS;CAEvB,MAAM,yBAAyB,cAAsC;EACnE,IAAI,CAAC,gBAAgB,OAAO,CAAC;EAE7B,MAAM,QAAQ,OACX,OAAO;GAAC,MAAM;GAAW,mBAAmB;GAAQ,MAAM;EAAa,CAAC,CAAC,CACzE,MAAM,CAAC,CACP,KAAK,KAAK,CAAC,CACX,iBAAiB,CAAC,CAClB,OAAO,CAAC;EAEX,OAAO;GACL,6BAA6B,MAAM;GACnC,6BAA6B,MAAM;GACnC,6BAA6B,MAAM;GACnC,6BAA6B,MAAM;EACrC;CACF,GAAG;EAAC;EAAgB;EAAiB,MAAM;EAAW,MAAM;CAAa,CAAC;CAE1E,MAAM,YAAuB,eACpB;EACL,WAAW,UAAU,OAAO,mBAAmB,OAAO;EACtD,OAAO,cAAc,OAAO;EAC5B;CACF,IACA;EAAC;EAAS;EAAY;CAAW,CACnC;CAEA,MAAM,CAAC,OAAO,YAAY,SAAS,SAAS,eAAe,KAAA,CAAS;CACpE,gBAAgB;EACd,SAAS,SAAS,QAAQ,YAAY,IAAI,KAAA,CAAS;CACrD,GAAG,CAAC,MAAM,CAAC;CAEX,MAAM,gBAAgB,kBAAkB;EACtC,IAAI,CAAC,OACH,OAAO,oBAAC,MAAD;GAAM,OAAO,EAAE,cAAc,GAAG,kBAAkB,GAAG;GAAU,GAAI;EAAY,CAAA;EAExF,OACE,oBAAA,YAAA,EAAA,UACG,MAAM,KAAK,MAAM,UAAU;GAC1B,OACE,oBAAC,MAAD;IAEE,UAAU;IACV,OACE;KACE,WAAW,GAAG,QAAQ,KAAK,OAAO,EAAE;KACpC,cAAc,GAAG,kBAAkB;IACrC;IAEF,GAAI;GACL,GATM,IASN;EAEL,CAAC,EACD,CAAA;CAEN,GAAG;EAAC;EAAO;EAAmB;CAAS,CAAC;CAExC,OACE,qBAAC,OAAD;EACE,WAAW,GAAG,OAAO,WAAW,SAAS;EACpC;EACL,OAAO,OAAO;GAAE,WAAW;GAAc,GAAG;EAAM,IAAI;EACtD,GAAI;YAJN;GAME,oBAAC,MAAD;IACE,OAAO,aAAa,OAAO;IACd;IACb,OAAO,EAAE,QAAQ,EAAE;GACpB,CAAA;GACA,aAAa,oBAAC,eAAD,CAAgB,CAAA;GAC7B,kBACC,oBAAC,OAAD;IACE,WAAW,OAAO;IAClB,OAAO;KACL,GAAI,OAAO,EAAE,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC;KAC5C,GAAG;IACL;cAEA,oBAAC,OAAD,EAAK,WAAW,OAAO,WAAa,CAAA;GACjC,CAAA;EAEJ;;AAET,CACF;AAEA,eAAe,cAAc"}

package/es/awesome/GridBackground/GridShowcase.d.mts

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

package/es/awesome/GridBackground/GridShowcase.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GridShowcase.mjs","names":["Flexbox"],"sources":["../../../src/awesome/GridBackground/GridShowcase.tsx"],"sourcesContent":["'use client';\n\nimport { useTheme } from 'antd-style';\nimport { rgba } from 'polished';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport GridBackground from './GridBackground';\nimport type { GridShowcaseProps } from './type';\n\nconst GridShowcase = memo<GridShowcaseProps>(\n  ({ style, children, backgroundColor = '#001dff', innerProps, ...rest }) => {\n    const theme = useTheme();\n\n    return (\n      <Flexbox style={{ position: 'relative', ...style }} {...rest}>\n        <GridBackground\n          animation\n          flip\n          colorBack={rgba(theme.colorText, 0.12)}\n          colorFront={rgba(theme.colorText, 0.6)}\n        />\n        <Flexbox align={'center'} {...innerProps} style={{ zIndex: 4, ...innerProps?.style }}>\n          {children}\n        </Flexbox>\n        <GridBackground\n          animation\n          random\n          reverse\n          showBackground\n          backgroundColor={backgroundColor}\n          colorBack={rgba(theme.colorText, 0.24)}\n          colorFront={theme.colorText}\n          style={{ zIndex: 0 }}\n        />\n      </Flexbox>\n    );\n  },\n);\n\nGridShowcase.displayName = 'GridShowcase';\n\nexport default GridShowcase;\n"],"mappings":";;;;;;;;AAWA,MAAM,eAAe,MAClB,EAAE,OAAO,UAAU,kBAAkB,WAAW,YAAY,GAAG,WAAW;CACzE,MAAM,QAAQ,UAAU;AAExB,QACE,qBAACA,mBAAD;EAAS,OAAO;GAAE,UAAU;GAAY,GAAG;GAAO;EAAE,GAAI;YAAxD;GACE,oBAAC,gBAAD;IACE,WAAA;IACA,MAAA;IACA,WAAW,KAAK,MAAM,WAAW,IAAK;IACtC,YAAY,KAAK,MAAM,WAAW,GAAI;IACtC,CAAA;GACF,oBAACA,mBAAD;IAAS,OAAO;IAAU,GAAI;IAAY,OAAO;KAAE,QAAQ;KAAG,GAAG,YAAY;KAAO;IACjF;IACO,CAAA;GACV,oBAAC,gBAAD;IACE,WAAA;IACA,QAAA;IACA,SAAA;IACA,gBAAA;IACiB;IACjB,WAAW,KAAK,MAAM,WAAW,IAAK;IACtC,YAAY,MAAM;IAClB,OAAO,EAAE,QAAQ,GAAG;IACpB,CAAA;GACM;;EAGf;AAED,aAAa,cAAc"}
+{"version":3,"file":"GridShowcase.mjs","names":["Flexbox"],"sources":["../../../src/awesome/GridBackground/GridShowcase.tsx"],"sourcesContent":["'use client';\n\nimport { useTheme } from 'antd-style';\nimport { rgba } from 'polished';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport GridBackground from './GridBackground';\nimport type { GridShowcaseProps } from './type';\n\nconst GridShowcase = memo<GridShowcaseProps>(\n  ({ style, children, backgroundColor = '#001dff', innerProps, ...rest }) => {\n    const theme = useTheme();\n\n    return (\n      <Flexbox style={{ position: 'relative', ...style }} {...rest}>\n        <GridBackground\n          animation\n          flip\n          colorBack={rgba(theme.colorText, 0.12)}\n          colorFront={rgba(theme.colorText, 0.6)}\n        />\n        <Flexbox align={'center'} {...innerProps} style={{ zIndex: 4, ...innerProps?.style }}>\n          {children}\n        </Flexbox>\n        <GridBackground\n          animation\n          random\n          reverse\n          showBackground\n          backgroundColor={backgroundColor}\n          colorBack={rgba(theme.colorText, 0.24)}\n          colorFront={theme.colorText}\n          style={{ zIndex: 0 }}\n        />\n      </Flexbox>\n    );\n  },\n);\n\nGridShowcase.displayName = 'GridShowcase';\n\nexport default GridShowcase;\n"],"mappings":";;;;;;;;AAWA,MAAM,eAAe,MAClB,EAAE,OAAO,UAAU,kBAAkB,WAAW,YAAY,GAAG,WAAW;CACzE,MAAM,QAAQ,SAAS;CAEvB,OACE,qBAACA,mBAAD;EAAS,OAAO;GAAE,UAAU;GAAY,GAAG;EAAM;EAAG,GAAI;YAAxD;GACE,oBAAC,gBAAD;IACE,WAAA;IACA,MAAA;IACA,WAAW,KAAK,MAAM,WAAW,GAAI;IACrC,YAAY,KAAK,MAAM,WAAW,EAAG;GACtC,CAAA;GACD,oBAACA,mBAAD;IAAS,OAAO;IAAU,GAAI;IAAY,OAAO;KAAE,QAAQ;KAAG,GAAG,YAAY;IAAM;IAChF;GACM,CAAA;GACT,oBAAC,gBAAD;IACE,WAAA;IACA,QAAA;IACA,SAAA;IACA,gBAAA;IACiB;IACjB,WAAW,KAAK,MAAM,WAAW,GAAI;IACrC,YAAY,MAAM;IAClB,OAAO,EAAE,QAAQ,EAAE;GACpB,CAAA;EACM;;AAEb,CACF;AAEA,aAAa,cAAc"}

package/es/awesome/GridBackground/components/Grid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.mjs","names":[],"sources":["../../../../src/awesome/GridBackground/components/Grid.tsx"],"sourcesContent":["import { isUndefined } from 'es-toolkit/compat';\nimport { memo, useCallback } from 'react';\n\nimport type { SvgProps } from '@/types';\n\nenum Line {\n  l7,\n  l6,\n  l5,\n  l4,\n  l3,\n  l2,\n  l1,\n  center,\n  r1,\n  r2,\n  r3,\n  r4,\n  r5,\n  r6,\n  r7,\n}\n\nexport interface GridProps extends SvgProps {\n  color?: string;\n  linePick?: Line;\n  strokeWidth?: number;\n}\n\nconst Grid = memo<GridProps>(({ color = '#fff', strokeWidth = 3, linePick, ...rest }) => {\n  const isUnpick = isUndefined(linePick);\n\n  const showLine = useCallback((l: Line) => isUnpick || linePick === l, [linePick]);\n\n  const vLine = (\n    <>\n      {showLine(Line.l7) && <path d=\"M2 420v-60.343c0-21.82 14.15-41.12 34.959-47.684L1026 0h0\" />}\n      {showLine(Line.l6) && (\n        <path d=\"M268 420v-62.077c0-20.977 13.094-39.724 32.789-46.944L1149 0h0\" />\n      )}\n      {showLine(Line.l5) && <path d=\"M534 420v-64.358a50 50 0 0129.884-45.775L1269 0h0\" />}\n      {showLine(Line.l4) && <path d=\"M800 420v-67.395a50 50 0 0125.958-43.84L1389 0h0\" />}\n      {showLine(Line.l3) && <path d=\"M1066 420v-71.645a50 50 0 0120.456-40.337L1507 0h0\" />}\n      {showLine(Line.l2) && <path d=\"M1332 420v-77.506a50 50 0 0113.194-33.843L1629 0h0\" />}\n      {showLine(Line.l1) && <path d=\"M1598 420v-86.225a50 50 0 014.438-20.594L1744 0h0\" />}\n      {showLine(Line.center) && <path d=\"M1864 420V0h0\" />}\n      {showLine(Line.r1) && <path d=\"M2130 420v-86.225a50 50 0 00-4.438-20.594L1984 0h0\" />}\n      {showLine(Line.r2) && <path d=\"M2396 420v-77.506a50 50 0 00-13.194-33.843L2099 0h0\" />}\n      {showLine(Line.r3) && <path d=\"M2662 420v-71.645a50 50 0 00-20.456-40.337L2221 0h0\" />}\n      {showLine(Line.r4) && <path d=\"M2928 420v-67.395a50 50 0 00-25.958-43.84L2339 0h0\" />}\n      {showLine(Line.r5) && <path d=\"M3194 420v-64.358a50 50 0 00-29.884-45.775L2459 0h0\" />}\n      {showLine(Line.r6) && (\n        <path d=\"M3460 420v-62.077c0-20.977-13.094-39.724-32.789-46.944L2579 0h0\" />\n      )}\n      {showLine(Line.r7) && (\n        <path d=\"M3726 420v-60.343c0-21.82-14.15-41.12-34.959-47.684L2702 0h0\" />\n      )}\n    </>\n  );\n\n  const hLine = isUnpick && (\n    <>\n      <path d=\"M2835 42H892\" />\n      <path d=\"M595 136h2538\" />\n      <path d=\"M237 249h3254\" />\n    </>\n  );\n\n  return (\n    <svg\n      style={{ width: '100%' }}\n      viewBox=\"0 0 3728 422\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <g fill=\"none\" fillRule=\"evenodd\" stroke={color} strokeWidth={strokeWidth}>\n        {vLine}\n        {hLine}\n      </g>\n    </svg>\n  );\n});\n\nGrid.displayName = 'Grid';\n\nexport default Grid;\n"],"mappings":";;;;AA6BA,MAAM,OAAO,MAAiB,EAAE,QAAQ,QAAQ,cAAc,GAAG,UAAU,GAAG,WAAW;CACvF,MAAM,WAAW,YAAY,SAAS;CAEtC,MAAM,WAAW,aAAa,MAAY,YAAY,aAAa,GAAG,CAAC,SAAS,CAAC;CAEjF,MAAM,QACJ,qBAAA,YAAA,EAAA,UAAA;EACG,SAAA,EAAiB,IAAI,oBAAC,QAAD,EAAM,GAAE,6DAA8D,CAAA;EAC3F,SAAA,EAAiB,IAChB,oBAAC,QAAD,EAAM,GAAE,kEAAmE,CAAA;EAE5E,SAAA,EAAiB,IAAI,oBAAC,QAAD,EAAM,GAAE,qDAAsD,CAAA;EACnF,SAAA,EAAiB,IAAI,oBAAC,QAAD,EAAM,GAAE,oDAAqD,CAAA;EAClF,SAAA,EAAiB,IAAI,oBAAC,QAAD,EAAM,GAAE,sDAAuD,CAAA;EACpF,SAAA,EAAiB,IAAI,oBAAC,QAAD,EAAM,GAAE,sDAAuD,CAAA;EACpF,SAAA,EAAiB,IAAI,oBAAC,QAAD,EAAM,GAAE,qDAAsD,CAAA;EACnF,SAAA,EAAqB,IAAI,oBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA;EACnD,SAAA,EAAiB,IAAI,oBAAC,QAAD,EAAM,GAAE,sDAAuD,CAAA;EACpF,SAAA,EAAiB,IAAI,oBAAC,QAAD,EAAM,GAAE,uDAAwD,CAAA;EACrF,SAAA,GAAiB,IAAI,oBAAC,QAAD,EAAM,GAAE,uDAAwD,CAAA;EACrF,SAAA,GAAiB,IAAI,oBAAC,QAAD,EAAM,GAAE,sDAAuD,CAAA;EACpF,SAAA,GAAiB,IAAI,oBAAC,QAAD,EAAM,GAAE,uDAAwD,CAAA;EACrF,SAAA,GAAiB,IAChB,oBAAC,QAAD,EAAM,GAAE,mEAAoE,CAAA;EAE7E,SAAA,GAAiB,IAChB,oBAAC,QAAD,EAAM,GAAE,gEAAiE,CAAA;EAE1E,EAAA,CAAA;CAGL,MAAM,QAAQ,YACZ,qBAAA,YAAA,EAAA,UAAA;EACE,oBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;EACzB,oBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA;EAC1B,oBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA;EACzB,EAAA,CAAA;AAGL,QACE,oBAAC,OAAD;EACE,OAAO,EAAE,OAAO,QAAQ;EACxB,SAAQ;EACR,OAAM;EACN,GAAI;YAEJ,qBAAC,KAAD;GAAG,MAAK;GAAO,UAAS;GAAU,QAAQ;GAAoB;aAA9D,CACG,OACA,MACC;;EACA,CAAA;EAER;AAEF,KAAK,cAAc"}
+{"version":3,"file":"Grid.mjs","names":[],"sources":["../../../../src/awesome/GridBackground/components/Grid.tsx"],"sourcesContent":["import { isUndefined } from 'es-toolkit/compat';\nimport { memo, useCallback } from 'react';\n\nimport type { SvgProps } from '@/types';\n\nenum Line {\n  l7,\n  l6,\n  l5,\n  l4,\n  l3,\n  l2,\n  l1,\n  center,\n  r1,\n  r2,\n  r3,\n  r4,\n  r5,\n  r6,\n  r7,\n}\n\nexport interface GridProps extends SvgProps {\n  color?: string;\n  linePick?: Line;\n  strokeWidth?: number;\n}\n\nconst Grid = memo<GridProps>(({ color = '#fff', strokeWidth = 3, linePick, ...rest }) => {\n  const isUnpick = isUndefined(linePick);\n\n  const showLine = useCallback((l: Line) => isUnpick || linePick === l, [linePick]);\n\n  const vLine = (\n    <>\n      {showLine(Line.l7) && <path d=\"M2 420v-60.343c0-21.82 14.15-41.12 34.959-47.684L1026 0h0\" />}\n      {showLine(Line.l6) && (\n        <path d=\"M268 420v-62.077c0-20.977 13.094-39.724 32.789-46.944L1149 0h0\" />\n      )}\n      {showLine(Line.l5) && <path d=\"M534 420v-64.358a50 50 0 0129.884-45.775L1269 0h0\" />}\n      {showLine(Line.l4) && <path d=\"M800 420v-67.395a50 50 0 0125.958-43.84L1389 0h0\" />}\n      {showLine(Line.l3) && <path d=\"M1066 420v-71.645a50 50 0 0120.456-40.337L1507 0h0\" />}\n      {showLine(Line.l2) && <path d=\"M1332 420v-77.506a50 50 0 0113.194-33.843L1629 0h0\" />}\n      {showLine(Line.l1) && <path d=\"M1598 420v-86.225a50 50 0 014.438-20.594L1744 0h0\" />}\n      {showLine(Line.center) && <path d=\"M1864 420V0h0\" />}\n      {showLine(Line.r1) && <path d=\"M2130 420v-86.225a50 50 0 00-4.438-20.594L1984 0h0\" />}\n      {showLine(Line.r2) && <path d=\"M2396 420v-77.506a50 50 0 00-13.194-33.843L2099 0h0\" />}\n      {showLine(Line.r3) && <path d=\"M2662 420v-71.645a50 50 0 00-20.456-40.337L2221 0h0\" />}\n      {showLine(Line.r4) && <path d=\"M2928 420v-67.395a50 50 0 00-25.958-43.84L2339 0h0\" />}\n      {showLine(Line.r5) && <path d=\"M3194 420v-64.358a50 50 0 00-29.884-45.775L2459 0h0\" />}\n      {showLine(Line.r6) && (\n        <path d=\"M3460 420v-62.077c0-20.977-13.094-39.724-32.789-46.944L2579 0h0\" />\n      )}\n      {showLine(Line.r7) && (\n        <path d=\"M3726 420v-60.343c0-21.82-14.15-41.12-34.959-47.684L2702 0h0\" />\n      )}\n    </>\n  );\n\n  const hLine = isUnpick && (\n    <>\n      <path d=\"M2835 42H892\" />\n      <path d=\"M595 136h2538\" />\n      <path d=\"M237 249h3254\" />\n    </>\n  );\n\n  return (\n    <svg\n      style={{ width: '100%' }}\n      viewBox=\"0 0 3728 422\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <g fill=\"none\" fillRule=\"evenodd\" stroke={color} strokeWidth={strokeWidth}>\n        {vLine}\n        {hLine}\n      </g>\n    </svg>\n  );\n});\n\nGrid.displayName = 'Grid';\n\nexport default Grid;\n"],"mappings":";;;;AA6BA,MAAM,OAAO,MAAiB,EAAE,QAAQ,QAAQ,cAAc,GAAG,UAAU,GAAG,WAAW;CACvF,MAAM,WAAW,YAAY,QAAQ;CAErC,MAAM,WAAW,aAAa,MAAY,YAAY,aAAa,GAAG,CAAC,QAAQ,CAAC;CAEhF,MAAM,QACJ,qBAAA,YAAA,EAAA,UAAA;EACG,SAAA,CAAgB,KAAK,oBAAC,QAAD,EAAM,GAAE,4DAA6D,CAAA;EAC1F,SAAA,CAAgB,KACf,oBAAC,QAAD,EAAM,GAAE,iEAAkE,CAAA;EAE3E,SAAA,CAAgB,KAAK,oBAAC,QAAD,EAAM,GAAE,oDAAqD,CAAA;EAClF,SAAA,CAAgB,KAAK,oBAAC,QAAD,EAAM,GAAE,mDAAoD,CAAA;EACjF,SAAA,CAAgB,KAAK,oBAAC,QAAD,EAAM,GAAE,qDAAsD,CAAA;EACnF,SAAA,CAAgB,KAAK,oBAAC,QAAD,EAAM,GAAE,qDAAsD,CAAA;EACnF,SAAA,CAAgB,KAAK,oBAAC,QAAD,EAAM,GAAE,oDAAqD,CAAA;EAClF,SAAA,CAAoB,KAAK,oBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;EAClD,SAAA,CAAgB,KAAK,oBAAC,QAAD,EAAM,GAAE,qDAAsD,CAAA;EACnF,SAAA,CAAgB,KAAK,oBAAC,QAAD,EAAM,GAAE,sDAAuD,CAAA;EACpF,SAAA,EAAgB,KAAK,oBAAC,QAAD,EAAM,GAAE,sDAAuD,CAAA;EACpF,SAAA,EAAgB,KAAK,oBAAC,QAAD,EAAM,GAAE,qDAAsD,CAAA;EACnF,SAAA,EAAgB,KAAK,oBAAC,QAAD,EAAM,GAAE,sDAAuD,CAAA;EACpF,SAAA,EAAgB,KACf,oBAAC,QAAD,EAAM,GAAE,kEAAmE,CAAA;EAE5E,SAAA,EAAgB,KACf,oBAAC,QAAD,EAAM,GAAE,+DAAgE,CAAA;CAE1E,EAAA,CAAA;CAGJ,MAAM,QAAQ,YACZ,qBAAA,YAAA,EAAA,UAAA;EACE,oBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;EACxB,oBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;EACzB,oBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;CACzB,EAAA,CAAA;CAGJ,OACE,oBAAC,OAAD;EACE,OAAO,EAAE,OAAO,OAAO;EACvB,SAAQ;EACR,OAAM;EACN,GAAI;YAEJ,qBAAC,KAAD;GAAG,MAAK;GAAO,UAAS;GAAU,QAAQ;GAAoB;aAA9D,CACG,OACA,KACA;;CACA,CAAA;AAET,CAAC;AAED,KAAK,cAAc"}

package/es/awesome/GridBackground/index.d.mts

@@ -1,3 +1,4 @@
 import { GridBackgroundProps, GridShowcaseProps } from "./type.mjs";
-import { GridBackground } from "./GridBackground.mjs";
-import { GridShowcase } from "./GridShowcase.mjs";
+import GridBackground from "./GridBackground.mjs";
+import GridShowcase from "./GridShowcase.mjs";
+export { type GridBackgroundProps, GridShowcase, type GridShowcaseProps, GridBackground as default };

package/es/awesome/GridBackground/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/GridBackground/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\n\nconst highlightAnimation = keyframes`\n  0% {\n    mask-position: 100% 0%;\n  }\n  16%,100% {\n    mask-position: 100% 200%;\n  }\n`;\n\nconst highlightAnimationReverse = keyframes`\n  0% {\n    mask-position: 100% 200%;\n  }\n  16%,100% {\n    mask-position: 100% 0%;\n  }\n`;\n\nexport const styles = createStaticStyles(({ css }) => {\n  const width = 24;\n  const height = 36;\n\n  return {\n    background: css`\n      position: absolute;\n      inset-block-start: ${60 - height / 2}%;\n      inset-inline-start: ${50 - width / 2}%;\n      transform: rotateX(60deg);\n\n      width: ${width}%;\n      height: ${height}%;\n      border-radius: 50%;\n\n      background: var(--grid-background-color-1, transparent);\n      filter: blur(2em) saturate(400%);\n      box-shadow:\n        0 0 1em 2em var(--grid-background-color-1, transparent),\n        0 0 3em 6em var(--grid-background-color-2, transparent),\n        0 0 6em 10em var(--grid-background-color-3, transparent),\n        0 0 8em 16em var(--grid-background-color-4, transparent);\n    `,\n    backgroundContainer: css`\n      position: absolute;\n      z-index: -1;\n      inset: 0;\n\n      width: 100%;\n      height: 100%;\n\n      perspective: 200px;\n    `,\n    container: css`\n      position: relative;\n\n      mask-image: linear-gradient(to bottom, transparent, #fff 30%, #fff 70%, transparent);\n      mask-size: cover;\n    `,\n    highlight: css`\n      --duration: 6s;\n      --delay: 0s;\n\n      position: absolute;\n      z-index: 1;\n      inset: 0;\n\n      animation: ${highlightAnimation} var(--duration) cubic-bezier(0.62, 0.62, 0.28, 0.67) infinite;\n      animation-delay: var(--delay);\n\n      mask-image: linear-gradient(to bottom, transparent 40%, #fff 60%, transparent);\n      mask-size: 100% 200%;\n    `,\n    highlightReverse: css`\n      --duration: 6s;\n      --delay: 0s;\n\n      position: absolute;\n      z-index: 1;\n      inset: 0;\n\n      animation: ${highlightAnimationReverse} var(--duration) cubic-bezier(0.62, 0.62, 0.28, 0.67)\n        infinite;\n      animation-delay: var(--delay);\n\n      mask-image: linear-gradient(to bottom, transparent 40%, #fff 60%, transparent);\n      mask-size: 100% 200%;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAM,qBAAqB,SAAS;;;;;;;;AASpC,MAAM,4BAA4B,SAAS;;;;;;;;AAS3C,MAAa,SAAS,oBAAoB,EAAE,UAAU;CACpD,MAAM,QAAQ;CACd,MAAM,SAAS;AAEf,QAAO;EACL,YAAY,GAAG;;2BAEQ,KAAK,SAAS,EAAE;4BACf,KAAK,QAAQ,EAAE;;;eAG5B,MAAM;gBACL,OAAO;;;;;;;;;;;EAWnB,qBAAqB,GAAG;;;;;;;;;;EAUxB,WAAW,GAAG;;;;;;EAMd,WAAW,GAAG;;;;;;;;mBAQC,mBAAmB;;;;;;EAMlC,kBAAkB,GAAG;;;;;;;;mBAQN,0BAA0B;;;;;;;EAO1C;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/GridBackground/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\n\nconst highlightAnimation = keyframes`\n  0% {\n    mask-position: 100% 0%;\n  }\n  16%,100% {\n    mask-position: 100% 200%;\n  }\n`;\n\nconst highlightAnimationReverse = keyframes`\n  0% {\n    mask-position: 100% 200%;\n  }\n  16%,100% {\n    mask-position: 100% 0%;\n  }\n`;\n\nexport const styles = createStaticStyles(({ css }) => {\n  const width = 24;\n  const height = 36;\n\n  return {\n    background: css`\n      position: absolute;\n      inset-block-start: ${60 - height / 2}%;\n      inset-inline-start: ${50 - width / 2}%;\n      transform: rotateX(60deg);\n\n      width: ${width}%;\n      height: ${height}%;\n      border-radius: 50%;\n\n      background: var(--grid-background-color-1, transparent);\n      filter: blur(2em) saturate(400%);\n      box-shadow:\n        0 0 1em 2em var(--grid-background-color-1, transparent),\n        0 0 3em 6em var(--grid-background-color-2, transparent),\n        0 0 6em 10em var(--grid-background-color-3, transparent),\n        0 0 8em 16em var(--grid-background-color-4, transparent);\n    `,\n    backgroundContainer: css`\n      position: absolute;\n      z-index: -1;\n      inset: 0;\n\n      width: 100%;\n      height: 100%;\n\n      perspective: 200px;\n    `,\n    container: css`\n      position: relative;\n\n      mask-image: linear-gradient(to bottom, transparent, #fff 30%, #fff 70%, transparent);\n      mask-size: cover;\n    `,\n    highlight: css`\n      --duration: 6s;\n      --delay: 0s;\n\n      position: absolute;\n      z-index: 1;\n      inset: 0;\n\n      animation: ${highlightAnimation} var(--duration) cubic-bezier(0.62, 0.62, 0.28, 0.67) infinite;\n      animation-delay: var(--delay);\n\n      mask-image: linear-gradient(to bottom, transparent 40%, #fff 60%, transparent);\n      mask-size: 100% 200%;\n    `,\n    highlightReverse: css`\n      --duration: 6s;\n      --delay: 0s;\n\n      position: absolute;\n      z-index: 1;\n      inset: 0;\n\n      animation: ${highlightAnimationReverse} var(--duration) cubic-bezier(0.62, 0.62, 0.28, 0.67)\n        infinite;\n      animation-delay: var(--delay);\n\n      mask-image: linear-gradient(to bottom, transparent 40%, #fff 60%, transparent);\n      mask-size: 100% 200%;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAM,qBAAqB,SAAS;;;;;;;;AASpC,MAAM,4BAA4B,SAAS;;;;;;;;AAS3C,MAAa,SAAS,oBAAoB,EAAE,UAAU;CACpD,MAAM,QAAQ;CACd,MAAM,SAAS;CAEf,OAAO;EACL,YAAY,GAAG;;2BAEQ,KAAK,SAAS,EAAE;4BACf,KAAK,QAAQ,EAAE;;;eAG5B,MAAM;gBACL,OAAO;;;;;;;;;;;EAWnB,qBAAqB,GAAG;;;;;;;;;;EAUxB,WAAW,GAAG;;;;;;EAMd,WAAW,GAAG;;;;;;;;mBAQC,mBAAmB;;;;;;EAMlC,kBAAkB,GAAG;;;;;;;;mBAQN,0BAA0B;;;;;;;CAO3C;AACF,CAAC"}

package/es/awesome/GridBackground/type.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
+import "../../Flex/index.mjs";
 import { DivProps } from "../../types/index.mjs";
-
 //#region src/awesome/GridBackground/type.d.ts
 interface GridBackgroundProps extends DivProps {
   animation?: boolean;

package/es/awesome/Hero/Hero.d.mts

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

package/es/awesome/Hero/Hero.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Hero.mjs","names":["Flexbox","Button"],"sources":["../../../src/awesome/Hero/Hero.tsx"],"sourcesContent":["'use client';\n\nimport { GithubIcon } from '@lobehub/ui/icons';\nimport { ConfigProvider } from 'antd';\nimport { useResponsive } from 'antd-style';\nimport { memo, useCallback } from 'react';\n\nimport A from '@/A';\nimport AuroraBackground from '@/awesome/AuroraBackground';\nimport GradientButton from '@/awesome/GradientButton';\nimport Button from '@/Button';\nimport { Center, Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport { type HeroProps } from './type';\n\nconst Hero = memo<HeroProps>(({ title, description, actions, Link }) => {\n  const { mobile } = useResponsive();\n\n  const LinkRender = Link || A;\n\n  const ButtonGroups = useCallback(\n    () =>\n      Boolean(actions?.length) && (\n        <Flexbox horizontal className={styles.actions} gap={16} justify={'center'}>\n          {actions!.map(({ text, link, openExternal, github, type }, index) => {\n            const content =\n              type === 'primary' ? (\n                <GradientButton\n                  block={mobile}\n                  icon={github ? GithubIcon : undefined}\n                  key={index}\n                  size=\"large\"\n                >\n                  {text}\n                </GradientButton>\n              ) : (\n                <Button\n                  block={mobile}\n                  icon={github ? GithubIcon : undefined}\n                  key={index}\n                  size=\"large\"\n                  type=\"primary\"\n                >\n                  {text}\n                </Button>\n              );\n\n            return openExternal ? (\n              <A href={link} key={text} target={openExternal ? '_blank' : undefined}>\n                {content}\n              </A>\n            ) : (\n              <LinkRender key={text} to={link}>\n                {content}\n              </LinkRender>\n            );\n          })}\n        </Flexbox>\n      ),\n    [actions],\n  );\n\n  return (\n    <>\n      <AuroraBackground />\n      <ConfigProvider theme={{ token: { fontSize: 16 } }}>\n        <Flexbox align={'center'} style={{ zIndex: 1 }}>\n          <Flexbox horizontal className={styles.container} distribution={'center'}>\n            <Center>\n              {title && (\n                <Center\n                  horizontal\n                  as={'h1'}\n                  className={styles.title}\n                  dangerouslySetInnerHTML={{ __html: title }}\n                  gap={'0.25em'}\n                  wrap={'wrap'}\n                />\n              )}\n              {description && (\n                <p className={styles.desc} dangerouslySetInnerHTML={{ __html: description }} />\n              )}\n              <ButtonGroups />\n            </Center>\n          </Flexbox>\n        </Flexbox>\n      </ConfigProvider>\n    </>\n  );\n});\n\nHero.displayName = 'Hero';\n\nexport default Hero;\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,OAAO,MAAiB,EAAE,OAAO,aAAa,SAAS,WAAW;CACtE,MAAM,EAAE,WAAW,eAAe;CAElC,MAAM,aAAa,QAAQ;CAE3B,MAAM,eAAe,kBAEjB,QAAQ,SAAS,OAAO,IACtB,oBAACA,mBAAD;EAAS,YAAA;EAAW,WAAW,OAAO;EAAS,KAAK;EAAI,SAAS;YAC9D,QAAS,KAAK,EAAE,MAAM,MAAM,cAAc,QAAQ,QAAQ,UAAU;GACnE,MAAM,UACJ,SAAS,YACP,oBAAC,gBAAD;IACE,OAAO;IACP,MAAM,SAAS,aAAa,KAAA;IAE5B,MAAK;cAEJ;IACc,EAJV,MAIU,GAEjB,oBAACC,UAAD;IACE,OAAO;IACP,MAAM,SAAS,aAAa,KAAA;IAE5B,MAAK;IACL,MAAK;cAEJ;IACM,EALF,MAKE;AAGb,UAAO,eACL,oBAAC,GAAD;IAAG,MAAM;IAAiB,QAAQ,eAAe,WAAW,KAAA;cACzD;IACC,EAFgB,KAEhB,GAEJ,oBAAC,YAAD;IAAuB,IAAI;cACxB;IACU,EAFI,KAEJ;IAEf;EACM,CAAA,EAEd,CAAC,QAAQ,CACV;AAED,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,kBAAD,EAAoB,CAAA,EACpB,oBAAC,gBAAD;EAAgB,OAAO,EAAE,OAAO,EAAE,UAAU,IAAI,EAAE;YAChD,oBAACD,mBAAD;GAAS,OAAO;GAAU,OAAO,EAAE,QAAQ,GAAG;aAC5C,oBAACA,mBAAD;IAAS,YAAA;IAAW,WAAW,OAAO;IAAW,cAAc;cAC7D,qBAAC,QAAD,EAAA,UAAA;KACG,SACC,oBAAC,QAAD;MACE,YAAA;MACA,IAAI;MACJ,WAAW,OAAO;MAClB,yBAAyB,EAAE,QAAQ,OAAO;MAC1C,KAAK;MACL,MAAM;MACN,CAAA;KAEH,eACC,oBAAC,KAAD;MAAG,WAAW,OAAO;MAAM,yBAAyB,EAAE,QAAQ,aAAa;MAAI,CAAA;KAEjF,oBAAC,cAAD,EAAgB,CAAA;KACT,EAAA,CAAA;IACD,CAAA;GACF,CAAA;EACK,CAAA,CAChB,EAAA,CAAA;EAEL;AAEF,KAAK,cAAc"}
+{"version":3,"file":"Hero.mjs","names":["Flexbox","Button"],"sources":["../../../src/awesome/Hero/Hero.tsx"],"sourcesContent":["'use client';\n\nimport { GithubIcon } from '@lobehub/ui/icons';\nimport { ConfigProvider } from 'antd';\nimport { useResponsive } from 'antd-style';\nimport { memo, useCallback } from 'react';\n\nimport A from '@/A';\nimport AuroraBackground from '@/awesome/AuroraBackground';\nimport GradientButton from '@/awesome/GradientButton';\nimport Button from '@/Button';\nimport { Center, Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport { type HeroProps } from './type';\n\nconst Hero = memo<HeroProps>(({ title, description, actions, Link }) => {\n  const { mobile } = useResponsive();\n\n  const LinkRender = Link || A;\n\n  const ButtonGroups = useCallback(\n    () =>\n      Boolean(actions?.length) && (\n        <Flexbox horizontal className={styles.actions} gap={16} justify={'center'}>\n          {actions!.map(({ text, link, openExternal, github, type }, index) => {\n            const content =\n              type === 'primary' ? (\n                <GradientButton\n                  block={mobile}\n                  icon={github ? GithubIcon : undefined}\n                  key={index}\n                  size=\"large\"\n                >\n                  {text}\n                </GradientButton>\n              ) : (\n                <Button\n                  block={mobile}\n                  icon={github ? GithubIcon : undefined}\n                  key={index}\n                  size=\"large\"\n                  type=\"primary\"\n                >\n                  {text}\n                </Button>\n              );\n\n            return openExternal ? (\n              <A href={link} key={text} target={openExternal ? '_blank' : undefined}>\n                {content}\n              </A>\n            ) : (\n              <LinkRender key={text} to={link}>\n                {content}\n              </LinkRender>\n            );\n          })}\n        </Flexbox>\n      ),\n    [actions],\n  );\n\n  return (\n    <>\n      <AuroraBackground />\n      <ConfigProvider theme={{ token: { fontSize: 16 } }}>\n        <Flexbox align={'center'} style={{ zIndex: 1 }}>\n          <Flexbox horizontal className={styles.container} distribution={'center'}>\n            <Center>\n              {title && (\n                <Center\n                  horizontal\n                  as={'h1'}\n                  className={styles.title}\n                  dangerouslySetInnerHTML={{ __html: title }}\n                  gap={'0.25em'}\n                  wrap={'wrap'}\n                />\n              )}\n              {description && (\n                <p className={styles.desc} dangerouslySetInnerHTML={{ __html: description }} />\n              )}\n              <ButtonGroups />\n            </Center>\n          </Flexbox>\n        </Flexbox>\n      </ConfigProvider>\n    </>\n  );\n});\n\nHero.displayName = 'Hero';\n\nexport default Hero;\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,OAAO,MAAiB,EAAE,OAAO,aAAa,SAAS,WAAW;CACtE,MAAM,EAAE,WAAW,cAAc;CAEjC,MAAM,aAAa,QAAQ;CAE3B,MAAM,eAAe,kBAEjB,QAAQ,SAAS,MAAM,KACrB,oBAACA,mBAAD;EAAS,YAAA;EAAW,WAAW,OAAO;EAAS,KAAK;EAAI,SAAS;YAC9D,QAAS,KAAK,EAAE,MAAM,MAAM,cAAc,QAAQ,QAAQ,UAAU;GACnE,MAAM,UACJ,SAAS,YACP,oBAAC,gBAAD;IACE,OAAO;IACP,MAAM,SAAS,aAAa,KAAA;IAE5B,MAAK;cAEJ;GACa,GAJT,KAIS,IAEhB,oBAACC,UAAD;IACE,OAAO;IACP,MAAM,SAAS,aAAa,KAAA;IAE5B,MAAK;IACL,MAAK;cAEJ;GACK,GALD,KAKC;GAGZ,OAAO,eACL,oBAAC,GAAD;IAAG,MAAM;IAAiB,QAAQ,eAAe,WAAW,KAAA;cACzD;GACA,GAFiB,IAEjB,IAEH,oBAAC,YAAD;IAAuB,IAAI;cACxB;GACS,GAFK,IAEL;EAEhB,CAAC;CACM,CAAA,GAEb,CAAC,OAAO,CACV;CAEA,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,kBAAD,CAAmB,CAAA,GACnB,oBAAC,gBAAD;EAAgB,OAAO,EAAE,OAAO,EAAE,UAAU,GAAG,EAAE;YAC/C,oBAACD,mBAAD;GAAS,OAAO;GAAU,OAAO,EAAE,QAAQ,EAAE;aAC3C,oBAACA,mBAAD;IAAS,YAAA;IAAW,WAAW,OAAO;IAAW,cAAc;cAC7D,qBAAC,QAAD,EAAA,UAAA;KACG,SACC,oBAAC,QAAD;MACE,YAAA;MACA,IAAI;MACJ,WAAW,OAAO;MAClB,yBAAyB,EAAE,QAAQ,MAAM;MACzC,KAAK;MACL,MAAM;KACP,CAAA;KAEF,eACC,oBAAC,KAAD;MAAG,WAAW,OAAO;MAAM,yBAAyB,EAAE,QAAQ,YAAY;KAAI,CAAA;KAEhF,oBAAC,cAAD,CAAe,CAAA;IACT,EAAA,CAAA;GACD,CAAA;EACF,CAAA;CACK,CAAA,CAChB,EAAA,CAAA;AAEN,CAAC;AAED,KAAK,cAAc"}

package/es/awesome/Hero/index.d.mts

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

package/es/awesome/Hero/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/awesome/Hero/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  actions: css`\n    margin-block-start: 24px;\n\n    button {\n      padding-inline: 32px !important;\n      font-weight: 500;\n    }\n\n    ${responsive.sm} {\n      flex-direction: column;\n      gap: 16px;\n      width: 100%;\n      margin-block-start: 24px;\n\n      button {\n        width: 100%;\n      }\n    }\n  `,\n\n  container: css`\n    position: relative;\n    box-sizing: border-box;\n    text-align: center;\n  `,\n\n  desc: css`\n    margin-block-start: 0;\n    font-size: ${cssVar.fontSizeHeading3};\n    color: ${cssVar.colorTextSecondary};\n    text-align: center;\n\n    ${responsive.sm} {\n      margin-block: 24px;\n      margin-inline: 16px;\n      font-size: ${cssVar.fontSizeHeading5};\n    }\n  `,\n  title: css`\n    z-index: 10;\n\n    margin: 0;\n\n    font-size: min(100px, 10vw);\n    line-height: 1.2;\n    text-align: center;\n\n    b {\n      ${lobeStaticStylish.gradientAnimation}\n      position: relative;\n      z-index: 5;\n      background-clip: text;\n\n      -webkit-text-fill-color: transparent;\n\n      &::selection {\n        -webkit-text-fill-color: #000 !important;\n      }\n    }\n\n    ${responsive.sm} {\n      font-size: 64px;\n    }\n  `,\n}));\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,SAAS,GAAG;;;;;;;;MAQR,WAAW,GAAG;;;;;;;;;;;CAYlB,WAAW,GAAG;;;;;CAMd,MAAM,GAAG;;iBAEM,OAAO,iBAAiB;aAC5B,OAAO,mBAAmB;;;MAGjC,WAAW,GAAG;;;mBAGD,OAAO,iBAAiB;;;CAGzC,OAAO,GAAG;;;;;;;;;;QAUJA,cAAkB,kBAAkB;;;;;;;;;;;;MAYtC,WAAW,GAAG;;;;CAInB,EAAE"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/awesome/Hero/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  actions: css`\n    margin-block-start: 24px;\n\n    button {\n      padding-inline: 32px !important;\n      font-weight: 500;\n    }\n\n    ${responsive.sm} {\n      flex-direction: column;\n      gap: 16px;\n      width: 100%;\n      margin-block-start: 24px;\n\n      button {\n        width: 100%;\n      }\n    }\n  `,\n\n  container: css`\n    position: relative;\n    box-sizing: border-box;\n    text-align: center;\n  `,\n\n  desc: css`\n    margin-block-start: 0;\n    font-size: ${cssVar.fontSizeHeading3};\n    color: ${cssVar.colorTextSecondary};\n    text-align: center;\n\n    ${responsive.sm} {\n      margin-block: 24px;\n      margin-inline: 16px;\n      font-size: ${cssVar.fontSizeHeading5};\n    }\n  `,\n  title: css`\n    z-index: 10;\n\n    margin: 0;\n\n    font-size: min(100px, 10vw);\n    line-height: 1.2;\n    text-align: center;\n\n    b {\n      ${lobeStaticStylish.gradientAnimation}\n      position: relative;\n      z-index: 5;\n      background-clip: text;\n\n      -webkit-text-fill-color: transparent;\n\n      &::selection {\n        -webkit-text-fill-color: #000 !important;\n      }\n    }\n\n    ${responsive.sm} {\n      font-size: 64px;\n    }\n  `,\n}));\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,SAAS,GAAG;;;;;;;;MAQR,WAAW,GAAG;;;;;;;;;;;CAYlB,WAAW,GAAG;;;;;CAMd,MAAM,GAAG;;iBAEM,OAAO,iBAAiB;aAC5B,OAAO,mBAAmB;;;MAGjC,WAAW,GAAG;;;mBAGD,OAAO,iBAAiB;;;CAGzC,OAAO,GAAG;;;;;;;;;;QAUJA,cAAkB,kBAAkB;;;;;;;;;;;;MAYtC,WAAW,GAAG;;;;AAIpB,EAAE"}

package/es/awesome/Hero/type.d.mts

@@ -1,5 +1,4 @@
 import { ElementType } from "react";
-
 //#region src/awesome/Hero/type.d.ts
 interface HeroAction {
   github?: boolean;

package/es/awesome/Spline/ParentSize.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ParentSize.mjs","names":[],"sources":["../../../src/awesome/Spline/ParentSize.tsx"],"sourcesContent":["import { debounce } from 'es-toolkit/compat';\nimport {\n  type CSSProperties,\n  memo,\n  type ReactNode,\n  type Ref,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\ninterface ResizeObserverCallback {\n  (entries: ResizeObserverEntry[], observer: ResizeObserver): void;\n}\n\ninterface ResizeObserverPolyfill {\n  new (callback: ResizeObserverCallback): ResizeObserver;\n}\n\n// @TODO remove when upgraded to TS 4 which has its own declaration\ninterface PrivateWindow {\n  ResizeObserver: ResizeObserverPolyfill;\n}\n\nexport interface ParentSizeProps {\n  /** Child render function `({ width, height, top, left, ref, resize }) => ReactNode`. */\n  children: (\n    args: {\n      ref: HTMLDivElement | null;\n      resize: (state: ParentSizeState) => void;\n    } & ParentSizeState,\n  ) => ReactNode;\n  /** Optional `className` to add to the parent `div` wrapper used for size measurement. */\n  className?: string;\n  /** Child render updates upon resize are delayed until `debounceTime` milliseconds _after_ the last resize event is observed. */\n  debounceTime?: number;\n  /** Optional flag to toggle leading debounce calls. When set to true this will ensure that the component always renders immediately. (defaults to true) */\n  enableDebounceLeadingCall?: boolean;\n  /** Optional dimensions provided won't trigger a state change when changed. */\n  ignoreDimensions?: keyof ParentSizeState | (keyof ParentSizeState)[];\n  /** Optional `style` object to apply to the parent `div` wrapper used for size measurement. */\n  parentSizeStyles?: CSSProperties;\n  ref?: Ref<HTMLDivElement>;\n  /** Optionally inject a ResizeObserver polyfill, else this *must* be globally available. */\n  resizeObserverPolyfill?: ResizeObserverPolyfill;\n}\n\ntype ParentSizeState = {\n  height: number;\n  left: number;\n  top: number;\n  width: number;\n};\n\nexport type ParentSizeProvidedProps = ParentSizeState;\n\nconst defaultIgnoreDimensions: ParentSizeProps['ignoreDimensions'] = [];\nconst defaultParentSizeStyles = { height: '100%', width: '100%' };\n\nconst ParentSize = memo<ParentSizeProps>(\n  ({\n    ref,\n    className,\n    children,\n    debounceTime = 300,\n    ignoreDimensions = defaultIgnoreDimensions,\n    parentSizeStyles,\n    enableDebounceLeadingCall = true,\n    resizeObserverPolyfill,\n    ...restProps\n  }) => {\n    const target = useRef<HTMLDivElement | null>(null);\n    const animationFrameID = useRef(0);\n\n    const [state, setState] = useState<ParentSizeState>({\n      height: 0,\n      left: 0,\n      top: 0,\n      width: 0,\n    });\n\n    const resize = useMemo(() => {\n      const normalized = Array.isArray(ignoreDimensions) ? ignoreDimensions : [ignoreDimensions];\n\n      return debounce(\n        (incoming: ParentSizeState) => {\n          setState((existing) => {\n            const stateKeys = Object.keys(existing) as (keyof ParentSizeState)[];\n            const keysWithChanges = stateKeys.filter((key) => existing[key] !== incoming[key]);\n            const shouldBail = keysWithChanges.every((key) => normalized.includes(key));\n\n            return shouldBail ? existing : incoming;\n          });\n        },\n        debounceTime,\n        { leading: enableDebounceLeadingCall },\n      );\n    }, [debounceTime, enableDebounceLeadingCall, ignoreDimensions]);\n\n    useEffect(() => {\n      const LocalResizeObserver =\n        resizeObserverPolyfill || (window as unknown as PrivateWindow).ResizeObserver;\n\n      const observer = new LocalResizeObserver((entries) => {\n        for (const entry of entries) {\n          const { left, top, width, height } = entry?.contentRect ?? {};\n          animationFrameID.current = window.requestAnimationFrame(() => {\n            resize({ height, left, top, width });\n          });\n        }\n      });\n      if (target.current) observer.observe(target.current);\n\n      return () => {\n        window.cancelAnimationFrame(animationFrameID.current);\n        observer.disconnect();\n        resize.cancel();\n      };\n    }, [resize, resizeObserverPolyfill]);\n\n    return (\n      <div\n        className={className}\n        ref={mergeRefs<HTMLDivElement>([ref, target])}\n        style={{ ...defaultParentSizeStyles, ...parentSizeStyles }}\n        {...restProps}\n      >\n        {children({\n          ...state,\n          ref: target.current,\n          resize,\n        })}\n      </div>\n    );\n  },\n);\n\nexport default ParentSize;\n"],"mappings":";;;;;AA0DA,MAAM,0BAA+D,EAAE;AACvE,MAAM,0BAA0B;CAAE,QAAQ;CAAQ,OAAO;CAAQ;AAEjE,MAAM,aAAa,MAChB,EACC,KACA,WACA,UACA,eAAe,KACf,mBAAmB,yBACnB,kBACA,4BAA4B,MAC5B,wBACA,GAAG,gBACC;CACJ,MAAM,SAAS,OAA8B,KAAK;CAClD,MAAM,mBAAmB,OAAO,EAAE;CAElC,MAAM,CAAC,OAAO,YAAY,SAA0B;EAClD,QAAQ;EACR,MAAM;EACN,KAAK;EACL,OAAO;EACR,CAAC;CAEF,MAAM,SAAS,cAAc;EAC3B,MAAM,aAAa,MAAM,QAAQ,iBAAiB,GAAG,mBAAmB,CAAC,iBAAiB;AAE1F,SAAO,UACJ,aAA8B;AAC7B,aAAU,aAAa;AAKrB,WAJkB,OAAO,KAAK,SACG,CAAC,QAAQ,QAAQ,SAAS,SAAS,SAAS,KAC3C,CAAC,OAAO,QAAQ,WAAW,SAAS,IAAI,CAEzD,GAAG,WAAW;KAC/B;KAEJ,cACA,EAAE,SAAS,2BAA2B,CACvC;IACA;EAAC;EAAc;EAA2B;EAAiB,CAAC;AAE/D,iBAAgB;EAId,MAAM,WAAW,KAFf,0BAA2B,OAAoC,iBAEvB,YAAY;AACpD,QAAK,MAAM,SAAS,SAAS;IAC3B,MAAM,EAAE,MAAM,KAAK,OAAO,WAAW,OAAO,eAAe,EAAE;AAC7D,qBAAiB,UAAU,OAAO,4BAA4B;AAC5D,YAAO;MAAE;MAAQ;MAAM;MAAK;MAAO,CAAC;MACpC;;IAEJ;AACF,MAAI,OAAO,QAAS,UAAS,QAAQ,OAAO,QAAQ;AAEpD,eAAa;AACX,UAAO,qBAAqB,iBAAiB,QAAQ;AACrD,YAAS,YAAY;AACrB,UAAO,QAAQ;;IAEhB,CAAC,QAAQ,uBAAuB,CAAC;AAEpC,QACE,oBAAC,OAAD;EACa;EACX,KAAK,UAA0B,CAAC,KAAK,OAAO,CAAC;EAC7C,OAAO;GAAE,GAAG;GAAyB,GAAG;GAAkB;EAC1D,GAAI;YAEH,SAAS;GACR,GAAG;GACH,KAAK,OAAO;GACZ;GACD,CAAC;EACE,CAAA;EAGX"}
+{"version":3,"file":"ParentSize.mjs","names":[],"sources":["../../../src/awesome/Spline/ParentSize.tsx"],"sourcesContent":["import { debounce } from 'es-toolkit/compat';\nimport {\n  type CSSProperties,\n  memo,\n  type ReactNode,\n  type Ref,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\ninterface ResizeObserverCallback {\n  (entries: ResizeObserverEntry[], observer: ResizeObserver): void;\n}\n\ninterface ResizeObserverPolyfill {\n  new (callback: ResizeObserverCallback): ResizeObserver;\n}\n\n// @TODO remove when upgraded to TS 4 which has its own declaration\ninterface PrivateWindow {\n  ResizeObserver: ResizeObserverPolyfill;\n}\n\nexport interface ParentSizeProps {\n  /** Child render function `({ width, height, top, left, ref, resize }) => ReactNode`. */\n  children: (\n    args: {\n      ref: HTMLDivElement | null;\n      resize: (state: ParentSizeState) => void;\n    } & ParentSizeState,\n  ) => ReactNode;\n  /** Optional `className` to add to the parent `div` wrapper used for size measurement. */\n  className?: string;\n  /** Child render updates upon resize are delayed until `debounceTime` milliseconds _after_ the last resize event is observed. */\n  debounceTime?: number;\n  /** Optional flag to toggle leading debounce calls. When set to true this will ensure that the component always renders immediately. (defaults to true) */\n  enableDebounceLeadingCall?: boolean;\n  /** Optional dimensions provided won't trigger a state change when changed. */\n  ignoreDimensions?: keyof ParentSizeState | (keyof ParentSizeState)[];\n  /** Optional `style` object to apply to the parent `div` wrapper used for size measurement. */\n  parentSizeStyles?: CSSProperties;\n  ref?: Ref<HTMLDivElement>;\n  /** Optionally inject a ResizeObserver polyfill, else this *must* be globally available. */\n  resizeObserverPolyfill?: ResizeObserverPolyfill;\n}\n\ntype ParentSizeState = {\n  height: number;\n  left: number;\n  top: number;\n  width: number;\n};\n\nexport type ParentSizeProvidedProps = ParentSizeState;\n\nconst defaultIgnoreDimensions: ParentSizeProps['ignoreDimensions'] = [];\nconst defaultParentSizeStyles = { height: '100%', width: '100%' };\n\nconst ParentSize = memo<ParentSizeProps>(\n  ({\n    ref,\n    className,\n    children,\n    debounceTime = 300,\n    ignoreDimensions = defaultIgnoreDimensions,\n    parentSizeStyles,\n    enableDebounceLeadingCall = true,\n    resizeObserverPolyfill,\n    ...restProps\n  }) => {\n    const target = useRef<HTMLDivElement | null>(null);\n    const animationFrameID = useRef(0);\n\n    const [state, setState] = useState<ParentSizeState>({\n      height: 0,\n      left: 0,\n      top: 0,\n      width: 0,\n    });\n\n    const resize = useMemo(() => {\n      const normalized = Array.isArray(ignoreDimensions) ? ignoreDimensions : [ignoreDimensions];\n\n      return debounce(\n        (incoming: ParentSizeState) => {\n          setState((existing) => {\n            const stateKeys = Object.keys(existing) as (keyof ParentSizeState)[];\n            const keysWithChanges = stateKeys.filter((key) => existing[key] !== incoming[key]);\n            const shouldBail = keysWithChanges.every((key) => normalized.includes(key));\n\n            return shouldBail ? existing : incoming;\n          });\n        },\n        debounceTime,\n        { leading: enableDebounceLeadingCall },\n      );\n    }, [debounceTime, enableDebounceLeadingCall, ignoreDimensions]);\n\n    useEffect(() => {\n      const LocalResizeObserver =\n        resizeObserverPolyfill || (window as unknown as PrivateWindow).ResizeObserver;\n\n      const observer = new LocalResizeObserver((entries) => {\n        for (const entry of entries) {\n          const { left, top, width, height } = entry?.contentRect ?? {};\n          animationFrameID.current = window.requestAnimationFrame(() => {\n            resize({ height, left, top, width });\n          });\n        }\n      });\n      if (target.current) observer.observe(target.current);\n\n      return () => {\n        window.cancelAnimationFrame(animationFrameID.current);\n        observer.disconnect();\n        resize.cancel();\n      };\n    }, [resize, resizeObserverPolyfill]);\n\n    return (\n      <div\n        className={className}\n        ref={mergeRefs<HTMLDivElement>([ref, target])}\n        style={{ ...defaultParentSizeStyles, ...parentSizeStyles }}\n        {...restProps}\n      >\n        {children({\n          ...state,\n          ref: target.current,\n          resize,\n        })}\n      </div>\n    );\n  },\n);\n\nexport default ParentSize;\n"],"mappings":";;;;;AA0DA,MAAM,0BAA+D,CAAC;AACtE,MAAM,0BAA0B;CAAE,QAAQ;CAAQ,OAAO;AAAO;AAEhE,MAAM,aAAa,MAChB,EACC,KACA,WACA,UACA,eAAe,KACf,mBAAmB,yBACnB,kBACA,4BAA4B,MAC5B,wBACA,GAAG,gBACC;CACJ,MAAM,SAAS,OAA8B,IAAI;CACjD,MAAM,mBAAmB,OAAO,CAAC;CAEjC,MAAM,CAAC,OAAO,YAAY,SAA0B;EAClD,QAAQ;EACR,MAAM;EACN,KAAK;EACL,OAAO;CACT,CAAC;CAED,MAAM,SAAS,cAAc;EAC3B,MAAM,aAAa,MAAM,QAAQ,gBAAgB,IAAI,mBAAmB,CAAC,gBAAgB;EAEzF,OAAO,UACJ,aAA8B;GAC7B,UAAU,aAAa;IAKrB,OAJkB,OAAO,KAAK,QACE,CAAC,CAAC,QAAQ,QAAQ,SAAS,SAAS,SAAS,IAC5C,CAAC,CAAC,OAAO,QAAQ,WAAW,SAAS,GAAG,CAEzD,IAAI,WAAW;GACjC,CAAC;EACH,GACA,cACA,EAAE,SAAS,0BAA0B,CACvC;CACF,GAAG;EAAC;EAAc;EAA2B;CAAgB,CAAC;CAE9D,gBAAgB;EAId,MAAM,WAAW,KAFf,0BAA2B,OAAoC,iBAEvB,YAAY;GACpD,KAAK,MAAM,SAAS,SAAS;IAC3B,MAAM,EAAE,MAAM,KAAK,OAAO,WAAW,OAAO,eAAe,CAAC;IAC5D,iBAAiB,UAAU,OAAO,4BAA4B;KAC5D,OAAO;MAAE;MAAQ;MAAM;MAAK;KAAM,CAAC;IACrC,CAAC;GACH;EACF,CAAC;EACD,IAAI,OAAO,SAAS,SAAS,QAAQ,OAAO,OAAO;EAEnD,aAAa;GACX,OAAO,qBAAqB,iBAAiB,OAAO;GACpD,SAAS,WAAW;GACpB,OAAO,OAAO;EAChB;CACF,GAAG,CAAC,QAAQ,sBAAsB,CAAC;CAEnC,OACE,oBAAC,OAAD;EACa;EACX,KAAK,UAA0B,CAAC,KAAK,MAAM,CAAC;EAC5C,OAAO;GAAE,GAAG;GAAyB,GAAG;EAAiB;EACzD,GAAI;YAEH,SAAS;GACR,GAAG;GACH,KAAK,OAAO;GACZ;EACF,CAAC;CACE,CAAA;AAET,CACF"}

package/es/awesome/Spline/Spine.d.mts

@@ -1,7 +1,7 @@
 import { SplineProps } from "./type.mjs";
-import * as _$react from "react";
+import "@splinetool/runtime";
 //#region src/awesome/Spline/Spine.d.ts
-declare const Spline: _$react.NamedExoticComponent<SplineProps>;
+declare const Spline: import("react").NamedExoticComponent<SplineProps>;
 //#endregion
-export { Spline };
+export { Spline as default };
 //# sourceMappingURL=Spine.d.mts.map

package/es/awesome/Spline/Spine.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Spine.mjs","names":[],"sources":["../../../src/awesome/Spline/Spine.tsx"],"sourcesContent":["'use client';\n\nimport { type SplineEvent, type SplineEventName } from '@splinetool/runtime';\nimport { Application } from '@splinetool/runtime';\nimport { memo, useEffect, useRef, useState } from 'react';\n\nimport ParentSize from './ParentSize';\nimport { type SplineProps } from './type';\n\nconst Spline = memo<SplineProps>(\n  ({\n    ref,\n    scene,\n    style,\n    onMouseDown,\n    onMouseUp,\n    onMouseHover,\n    onKeyDown,\n    onKeyUp,\n    onStart,\n    onLookAt,\n    onFollow,\n    onWheel,\n    onLoad,\n    renderOnDemand = true,\n    ...props\n  }) => {\n    const canvasRef = useRef<HTMLCanvasElement>(null);\n    const [isLoading, setIsLoading] = useState(true);\n\n    const init = async (\n      speApp: Application,\n      events: {\n        cb?: (e: SplineEvent) => void;\n        name: SplineEventName;\n      }[],\n    ) => {\n      await speApp.load(scene);\n\n      for (const event of events) {\n        if (event.cb) {\n          speApp.addEventListener(event.name, event.cb);\n        }\n      }\n\n      setIsLoading(false);\n      onLoad?.(speApp);\n    };\n\n    // Initialize runtime when component is mounted\n    useEffect(() => {\n      setIsLoading(true);\n\n      let speApp: Application;\n      const events: {\n        cb?: (e: SplineEvent) => void;\n        name: SplineEventName;\n      }[] = [\n        {\n          cb: onMouseDown,\n          name: 'mouseDown',\n        },\n        {\n          cb: onMouseUp,\n          name: 'mouseUp',\n        },\n        {\n          cb: onMouseHover,\n          name: 'mouseHover',\n        },\n        {\n          cb: onKeyDown,\n          name: 'keyDown',\n        },\n        {\n          cb: onKeyUp,\n          name: 'keyUp',\n        },\n        {\n          cb: onStart,\n          name: 'start',\n        },\n        {\n          cb: onLookAt,\n          name: 'lookAt',\n        },\n        {\n          cb: onFollow,\n          name: 'follow',\n        },\n        {\n          cb: onWheel,\n          name: 'scroll',\n        },\n      ];\n\n      if (canvasRef.current) {\n        speApp = new Application(canvasRef.current, { renderOnDemand });\n        init(speApp, events);\n      }\n\n      return () => {\n        for (const event of events) {\n          if (event.cb) {\n            speApp.removeEventListener(event.name, event.cb);\n          }\n        }\n        speApp.dispose();\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [scene]);\n\n    return (\n      <ParentSize debounceTime={50} parentSizeStyles={style} ref={ref} {...props}>\n        {() => {\n          return (\n            <canvas\n              ref={canvasRef}\n              style={{\n                display: isLoading ? 'none' : 'block',\n              }}\n            />\n          );\n        }}\n      </ParentSize>\n    );\n  },\n);\n\nSpline.displayName = 'Spline';\n\nexport default Spline;\n\nexport { type SPEObject, type SplineEvent, type SplineEventName } from '@splinetool/runtime';\n"],"mappings":";;;;;;AASA,MAAM,SAAS,MACZ,EACC,KACA,OACA,OACA,aACA,WACA,cACA,WACA,SACA,SACA,UACA,UACA,SACA,QACA,iBAAiB,MACjB,GAAG,YACC;CACJ,MAAM,YAAY,OAA0B,KAAK;CACjD,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAEhD,MAAM,OAAO,OACX,QACA,WAIG;AACH,QAAM,OAAO,KAAK,MAAM;AAExB,OAAK,MAAM,SAAS,OAClB,KAAI,MAAM,GACR,QAAO,iBAAiB,MAAM,MAAM,MAAM,GAAG;AAIjD,eAAa,MAAM;AACnB,WAAS,OAAO;;AAIlB,iBAAgB;AACd,eAAa,KAAK;EAElB,IAAI;EACJ,MAAM,SAGA;GACJ;IACE,IAAI;IACJ,MAAM;IACP;GACD;IACE,IAAI;IACJ,MAAM;IACP;GACD;IACE,IAAI;IACJ,MAAM;IACP;GACD;IACE,IAAI;IACJ,MAAM;IACP;GACD;IACE,IAAI;IACJ,MAAM;IACP;GACD;IACE,IAAI;IACJ,MAAM;IACP;GACD;IACE,IAAI;IACJ,MAAM;IACP;GACD;IACE,IAAI;IACJ,MAAM;IACP;GACD;IACE,IAAI;IACJ,MAAM;IACP;GACF;AAED,MAAI,UAAU,SAAS;AACrB,YAAS,IAAI,YAAY,UAAU,SAAS,EAAE,gBAAgB,CAAC;AAC/D,QAAK,QAAQ,OAAO;;AAGtB,eAAa;AACX,QAAK,MAAM,SAAS,OAClB,KAAI,MAAM,GACR,QAAO,oBAAoB,MAAM,MAAM,MAAM,GAAG;AAGpD,UAAO,SAAS;;IAGjB,CAAC,MAAM,CAAC;AAEX,QACE,oBAAC,YAAD;EAAY,cAAc;EAAI,kBAAkB;EAAY;EAAK,GAAI;kBAC5D;AACL,UACE,oBAAC,UAAD;IACE,KAAK;IACL,OAAO,EACL,SAAS,YAAY,SAAS,SAC/B;IACD,CAAA;;EAGK,CAAA;EAGlB;AAED,OAAO,cAAc"}
+{"version":3,"file":"Spine.mjs","names":[],"sources":["../../../src/awesome/Spline/Spine.tsx"],"sourcesContent":["'use client';\n\nimport { type SplineEvent, type SplineEventName } from '@splinetool/runtime';\nimport { Application } from '@splinetool/runtime';\nimport { memo, useEffect, useRef, useState } from 'react';\n\nimport ParentSize from './ParentSize';\nimport { type SplineProps } from './type';\n\nconst Spline = memo<SplineProps>(\n  ({\n    ref,\n    scene,\n    style,\n    onMouseDown,\n    onMouseUp,\n    onMouseHover,\n    onKeyDown,\n    onKeyUp,\n    onStart,\n    onLookAt,\n    onFollow,\n    onWheel,\n    onLoad,\n    renderOnDemand = true,\n    ...props\n  }) => {\n    const canvasRef = useRef<HTMLCanvasElement>(null);\n    const [isLoading, setIsLoading] = useState(true);\n\n    const init = async (\n      speApp: Application,\n      events: {\n        cb?: (e: SplineEvent) => void;\n        name: SplineEventName;\n      }[],\n    ) => {\n      await speApp.load(scene);\n\n      for (const event of events) {\n        if (event.cb) {\n          speApp.addEventListener(event.name, event.cb);\n        }\n      }\n\n      setIsLoading(false);\n      onLoad?.(speApp);\n    };\n\n    // Initialize runtime when component is mounted\n    useEffect(() => {\n      setIsLoading(true);\n\n      let speApp: Application;\n      const events: {\n        cb?: (e: SplineEvent) => void;\n        name: SplineEventName;\n      }[] = [\n        {\n          cb: onMouseDown,\n          name: 'mouseDown',\n        },\n        {\n          cb: onMouseUp,\n          name: 'mouseUp',\n        },\n        {\n          cb: onMouseHover,\n          name: 'mouseHover',\n        },\n        {\n          cb: onKeyDown,\n          name: 'keyDown',\n        },\n        {\n          cb: onKeyUp,\n          name: 'keyUp',\n        },\n        {\n          cb: onStart,\n          name: 'start',\n        },\n        {\n          cb: onLookAt,\n          name: 'lookAt',\n        },\n        {\n          cb: onFollow,\n          name: 'follow',\n        },\n        {\n          cb: onWheel,\n          name: 'scroll',\n        },\n      ];\n\n      if (canvasRef.current) {\n        speApp = new Application(canvasRef.current, { renderOnDemand });\n        init(speApp, events);\n      }\n\n      return () => {\n        for (const event of events) {\n          if (event.cb) {\n            speApp.removeEventListener(event.name, event.cb);\n          }\n        }\n        speApp.dispose();\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [scene]);\n\n    return (\n      <ParentSize debounceTime={50} parentSizeStyles={style} ref={ref} {...props}>\n        {() => {\n          return (\n            <canvas\n              ref={canvasRef}\n              style={{\n                display: isLoading ? 'none' : 'block',\n              }}\n            />\n          );\n        }}\n      </ParentSize>\n    );\n  },\n);\n\nSpline.displayName = 'Spline';\n\nexport default Spline;\n\nexport { type SPEObject, type SplineEvent, type SplineEventName } from '@splinetool/runtime';\n"],"mappings":";;;;;;AASA,MAAM,SAAS,MACZ,EACC,KACA,OACA,OACA,aACA,WACA,cACA,WACA,SACA,SACA,UACA,UACA,SACA,QACA,iBAAiB,MACjB,GAAG,YACC;CACJ,MAAM,YAAY,OAA0B,IAAI;CAChD,MAAM,CAAC,WAAW,gBAAgB,SAAS,IAAI;CAE/C,MAAM,OAAO,OACX,QACA,WAIG;EACH,MAAM,OAAO,KAAK,KAAK;EAEvB,KAAK,MAAM,SAAS,QAClB,IAAI,MAAM,IACR,OAAO,iBAAiB,MAAM,MAAM,MAAM,EAAE;EAIhD,aAAa,KAAK;EAClB,SAAS,MAAM;CACjB;CAGA,gBAAgB;EACd,aAAa,IAAI;EAEjB,IAAI;EACJ,MAAM,SAGA;GACJ;IACE,IAAI;IACJ,MAAM;GACR;GACA;IACE,IAAI;IACJ,MAAM;GACR;GACA;IACE,IAAI;IACJ,MAAM;GACR;GACA;IACE,IAAI;IACJ,MAAM;GACR;GACA;IACE,IAAI;IACJ,MAAM;GACR;GACA;IACE,IAAI;IACJ,MAAM;GACR;GACA;IACE,IAAI;IACJ,MAAM;GACR;GACA;IACE,IAAI;IACJ,MAAM;GACR;GACA;IACE,IAAI;IACJ,MAAM;GACR;EACF;EAEA,IAAI,UAAU,SAAS;GACrB,SAAS,IAAI,YAAY,UAAU,SAAS,EAAE,eAAe,CAAC;GAC9D,KAAK,QAAQ,MAAM;EACrB;EAEA,aAAa;GACX,KAAK,MAAM,SAAS,QAClB,IAAI,MAAM,IACR,OAAO,oBAAoB,MAAM,MAAM,MAAM,EAAE;GAGnD,OAAO,QAAQ;EACjB;CAEF,GAAG,CAAC,KAAK,CAAC;CAEV,OACE,oBAAC,YAAD;EAAY,cAAc;EAAI,kBAAkB;EAAY;EAAK,GAAI;kBAC5D;GACL,OACE,oBAAC,UAAD;IACE,KAAK;IACL,OAAO,EACL,SAAS,YAAY,SAAS,QAChC;GACD,CAAA;EAEL;CACU,CAAA;AAEhB,CACF;AAEA,OAAO,cAAc"}

package/es/awesome/Spline/index.d.mts

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

package/es/awesome/Spline/type.d.mts

@@ -1,6 +1,5 @@
 import { HTMLAttributes, Ref } from "react";
 import { Application, SplineEvent } from "@splinetool/runtime";
-
 //#region src/awesome/Spline/type.d.ts
 interface SplineProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onLoad' | 'onMouseDown' | 'onMouseUp' | 'onMouseHover' | 'onKeyDown' | 'onKeyUp' | 'onWheel'> {
   onFollow?: (e: SplineEvent) => void;

package/es/awesome/Spotlight/Spotlight.d.mts

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

package/es/awesome/Spotlight/Spotlight.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Spotlight.mjs","names":[],"sources":["../../../src/awesome/Spotlight/Spotlight.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { styles } from './style';\nimport type { SpotlightProps } from './type';\nimport { useMouseOffset } from './useMouseOffset';\n\nconst Spotlight = memo<SpotlightProps>(({ className, size = 64, ...properties }) => {\n  const [offset, outside, reference] = useMouseOffset();\n  const { isDarkMode } = useThemeMode();\n\n  const cssVariables = useMemo<Record<string, string>>(\n    () => ({\n      '--spotlight-opacity': outside ? '0' : '0.1',\n      '--spotlight-size': `${size}px`,\n      '--spotlight-x': `${offset?.x ?? 0}px`,\n      '--spotlight-y': `${offset?.y ?? 0}px`,\n    }),\n    [offset, size, outside],\n  );\n\n  const spotlightStyle = isDarkMode\n    ? outside\n      ? styles.spotlightDarkOutside\n      : styles.spotlightDark\n    : outside\n      ? styles.spotlightLightOutside\n      : styles.spotlightLight;\n\n  return (\n    <div\n      className={cx(spotlightStyle, className)}\n      ref={reference}\n      style={cssVariables}\n      {...properties}\n    />\n  );\n});\n\nSpotlight.displayName = 'Spotlight';\n\nexport default Spotlight;\n"],"mappings":";;;;;;;AASA,MAAM,YAAY,MAAsB,EAAE,WAAW,OAAO,IAAI,GAAG,iBAAiB;CAClF,MAAM,CAAC,QAAQ,SAAS,aAAa,gBAAgB;CACrD,MAAM,EAAE,eAAe,cAAc;CAErC,MAAM,eAAe,eACZ;EACL,uBAAuB,UAAU,MAAM;EACvC,oBAAoB,GAAG,KAAK;EAC5B,iBAAiB,GAAG,QAAQ,KAAK,EAAE;EACnC,iBAAiB,GAAG,QAAQ,KAAK,EAAE;EACpC,GACD;EAAC;EAAQ;EAAM;EAAQ,CACxB;AAUD,QACE,oBAAC,OAAD;EACE,WAAW,GAVQ,aACnB,UACE,OAAO,uBACP,OAAO,gBACT,UACE,OAAO,wBACP,OAAO,gBAIqB,UAAU;EACxC,KAAK;EACL,OAAO;EACP,GAAI;EACJ,CAAA;EAEJ;AAEF,UAAU,cAAc"}
+{"version":3,"file":"Spotlight.mjs","names":[],"sources":["../../../src/awesome/Spotlight/Spotlight.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { styles } from './style';\nimport type { SpotlightProps } from './type';\nimport { useMouseOffset } from './useMouseOffset';\n\nconst Spotlight = memo<SpotlightProps>(({ className, size = 64, ...properties }) => {\n  const [offset, outside, reference] = useMouseOffset();\n  const { isDarkMode } = useThemeMode();\n\n  const cssVariables = useMemo<Record<string, string>>(\n    () => ({\n      '--spotlight-opacity': outside ? '0' : '0.1',\n      '--spotlight-size': `${size}px`,\n      '--spotlight-x': `${offset?.x ?? 0}px`,\n      '--spotlight-y': `${offset?.y ?? 0}px`,\n    }),\n    [offset, size, outside],\n  );\n\n  const spotlightStyle = isDarkMode\n    ? outside\n      ? styles.spotlightDarkOutside\n      : styles.spotlightDark\n    : outside\n      ? styles.spotlightLightOutside\n      : styles.spotlightLight;\n\n  return (\n    <div\n      className={cx(spotlightStyle, className)}\n      ref={reference}\n      style={cssVariables}\n      {...properties}\n    />\n  );\n});\n\nSpotlight.displayName = 'Spotlight';\n\nexport default Spotlight;\n"],"mappings":";;;;;;;AASA,MAAM,YAAY,MAAsB,EAAE,WAAW,OAAO,IAAI,GAAG,iBAAiB;CAClF,MAAM,CAAC,QAAQ,SAAS,aAAa,eAAe;CACpD,MAAM,EAAE,eAAe,aAAa;CAEpC,MAAM,eAAe,eACZ;EACL,uBAAuB,UAAU,MAAM;EACvC,oBAAoB,GAAG,KAAK;EAC5B,iBAAiB,GAAG,QAAQ,KAAK,EAAE;EACnC,iBAAiB,GAAG,QAAQ,KAAK,EAAE;CACrC,IACA;EAAC;EAAQ;EAAM;CAAO,CACxB;CAUA,OACE,oBAAC,OAAD;EACE,WAAW,GAVQ,aACnB,UACE,OAAO,uBACP,OAAO,gBACT,UACE,OAAO,wBACP,OAAO,gBAIqB,SAAS;EACvC,KAAK;EACL,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CAAC;AAED,UAAU,cAAc"}

package/es/awesome/Spotlight/index.d.mts

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

package/es/awesome/Spotlight/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/Spotlight/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  spotlightDark: css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    border-radius: inherit;\n\n    opacity: var(--spotlight-opacity, 0.1);\n    background: radial-gradient(\n      var(--spotlight-size, 64px) circle at var(--spotlight-x, 0) var(--spotlight-y, 0),\n      ${cssVar.colorText},\n      transparent\n    );\n\n    transition: all 0.2s;\n  `,\n\n  spotlightDarkOutside: css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    border-radius: inherit;\n\n    opacity: 0;\n    background: radial-gradient(\n      var(--spotlight-size, 64px) circle at var(--spotlight-x, 0) var(--spotlight-y, 0),\n      ${cssVar.colorText},\n      transparent\n    );\n\n    transition: all 0.2s;\n  `,\n\n  spotlightLight: css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    border-radius: inherit;\n\n    opacity: var(--spotlight-opacity, 0.1);\n    background: radial-gradient(\n      var(--spotlight-size, 64px) circle at var(--spotlight-x, 0) var(--spotlight-y, 0),\n      #fff,\n      ${cssVar.colorTextQuaternary}\n    );\n\n    transition: all 0.2s;\n  `,\n\n  spotlightLightOutside: css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    border-radius: inherit;\n\n    opacity: 0;\n    background: radial-gradient(\n      var(--spotlight-size, 64px) circle at var(--spotlight-x, 0) var(--spotlight-y, 0),\n      #fff,\n      ${cssVar.colorTextQuaternary}\n    );\n\n    transition: all 0.2s;\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,eAAe,GAAG;;;;;;;;;;;;QAYZ,OAAO,UAAU;;;;;;CAOvB,sBAAsB,GAAG;;;;;;;;;;;;QAYnB,OAAO,UAAU;;;;;;CAOvB,gBAAgB,GAAG;;;;;;;;;;;;;QAab,OAAO,oBAAoB;;;;;CAMjC,uBAAuB,GAAG;;;;;;;;;;;;;QAapB,OAAO,oBAAoB;;;;;CAKlC,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/Spotlight/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  spotlightDark: css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    border-radius: inherit;\n\n    opacity: var(--spotlight-opacity, 0.1);\n    background: radial-gradient(\n      var(--spotlight-size, 64px) circle at var(--spotlight-x, 0) var(--spotlight-y, 0),\n      ${cssVar.colorText},\n      transparent\n    );\n\n    transition: all 0.2s;\n  `,\n\n  spotlightDarkOutside: css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    border-radius: inherit;\n\n    opacity: 0;\n    background: radial-gradient(\n      var(--spotlight-size, 64px) circle at var(--spotlight-x, 0) var(--spotlight-y, 0),\n      ${cssVar.colorText},\n      transparent\n    );\n\n    transition: all 0.2s;\n  `,\n\n  spotlightLight: css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    border-radius: inherit;\n\n    opacity: var(--spotlight-opacity, 0.1);\n    background: radial-gradient(\n      var(--spotlight-size, 64px) circle at var(--spotlight-x, 0) var(--spotlight-y, 0),\n      #fff,\n      ${cssVar.colorTextQuaternary}\n    );\n\n    transition: all 0.2s;\n  `,\n\n  spotlightLightOutside: css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    border-radius: inherit;\n\n    opacity: 0;\n    background: radial-gradient(\n      var(--spotlight-size, 64px) circle at var(--spotlight-x, 0) var(--spotlight-y, 0),\n      #fff,\n      ${cssVar.colorTextQuaternary}\n    );\n\n    transition: all 0.2s;\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,eAAe,GAAG;;;;;;;;;;;;QAYZ,OAAO,UAAU;;;;;;CAOvB,sBAAsB,GAAG;;;;;;;;;;;;QAYnB,OAAO,UAAU;;;;;;CAOvB,gBAAgB,GAAG;;;;;;;;;;;;;QAab,OAAO,oBAAoB;;;;;CAMjC,uBAAuB,GAAG;;;;;;;;;;;;;QAapB,OAAO,oBAAoB;;;;;AAKnC,EAAE"}

package/es/awesome/Spotlight/type.d.mts

@@ -1,5 +1,4 @@
 import { DivProps } from "../../types/index.mjs";
-
 //#region src/awesome/Spotlight/type.d.ts
 interface SpotlightProps extends DivProps {
   size?: number;

package/es/awesome/Spotlight/useMouseOffset.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMouseOffset.mjs","names":[],"sources":["../../../src/awesome/Spotlight/useMouseOffset.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport const useMouseOffset = (): any => {\n  const [offset, setOffset] = useState<{ x: number; y: number }>();\n  const [outside, setOutside] = useState(true);\n  const reference = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (reference.current && reference.current.parentElement) {\n      const element = reference.current.parentElement;\n\n      // debounce?\n      const onMouseMove = (e: MouseEvent) => {\n        const bound = element.getBoundingClientRect();\n        setOffset({ x: e.clientX - bound.x, y: e.clientY - bound.y });\n        setOutside(false);\n      };\n\n      const onMouseLeave = () => {\n        setOutside(true);\n      };\n      element.addEventListener('mousemove', onMouseMove);\n      element.addEventListener('mouseleave', onMouseLeave);\n      return () => {\n        element.removeEventListener('mousemove', onMouseMove);\n        element.removeEventListener('mouseleave', onMouseLeave);\n      };\n    }\n  }, []);\n\n  return [offset, outside, reference] as const;\n};\n"],"mappings":";;AAEA,MAAa,uBAA4B;CACvC,MAAM,CAAC,QAAQ,aAAa,UAAoC;CAChE,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,YAAY,OAAuB,KAAK;AAE9C,iBAAgB;AACd,MAAI,UAAU,WAAW,UAAU,QAAQ,eAAe;GACxD,MAAM,UAAU,UAAU,QAAQ;GAGlC,MAAM,eAAe,MAAkB;IACrC,MAAM,QAAQ,QAAQ,uBAAuB;AAC7C,cAAU;KAAE,GAAG,EAAE,UAAU,MAAM;KAAG,GAAG,EAAE,UAAU,MAAM;KAAG,CAAC;AAC7D,eAAW,MAAM;;GAGnB,MAAM,qBAAqB;AACzB,eAAW,KAAK;;AAElB,WAAQ,iBAAiB,aAAa,YAAY;AAClD,WAAQ,iBAAiB,cAAc,aAAa;AACpD,gBAAa;AACX,YAAQ,oBAAoB,aAAa,YAAY;AACrD,YAAQ,oBAAoB,cAAc,aAAa;;;IAG1D,EAAE,CAAC;AAEN,QAAO;EAAC;EAAQ;EAAS;EAAU"}
+{"version":3,"file":"useMouseOffset.mjs","names":[],"sources":["../../../src/awesome/Spotlight/useMouseOffset.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport const useMouseOffset = (): any => {\n  const [offset, setOffset] = useState<{ x: number; y: number }>();\n  const [outside, setOutside] = useState(true);\n  const reference = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (reference.current && reference.current.parentElement) {\n      const element = reference.current.parentElement;\n\n      // debounce?\n      const onMouseMove = (e: MouseEvent) => {\n        const bound = element.getBoundingClientRect();\n        setOffset({ x: e.clientX - bound.x, y: e.clientY - bound.y });\n        setOutside(false);\n      };\n\n      const onMouseLeave = () => {\n        setOutside(true);\n      };\n      element.addEventListener('mousemove', onMouseMove);\n      element.addEventListener('mouseleave', onMouseLeave);\n      return () => {\n        element.removeEventListener('mousemove', onMouseMove);\n        element.removeEventListener('mouseleave', onMouseLeave);\n      };\n    }\n  }, []);\n\n  return [offset, outside, reference] as const;\n};\n"],"mappings":";;AAEA,MAAa,uBAA4B;CACvC,MAAM,CAAC,QAAQ,aAAa,SAAmC;CAC/D,MAAM,CAAC,SAAS,cAAc,SAAS,IAAI;CAC3C,MAAM,YAAY,OAAuB,IAAI;CAE7C,gBAAgB;EACd,IAAI,UAAU,WAAW,UAAU,QAAQ,eAAe;GACxD,MAAM,UAAU,UAAU,QAAQ;GAGlC,MAAM,eAAe,MAAkB;IACrC,MAAM,QAAQ,QAAQ,sBAAsB;IAC5C,UAAU;KAAE,GAAG,EAAE,UAAU,MAAM;KAAG,GAAG,EAAE,UAAU,MAAM;IAAE,CAAC;IAC5D,WAAW,KAAK;GAClB;GAEA,MAAM,qBAAqB;IACzB,WAAW,IAAI;GACjB;GACA,QAAQ,iBAAiB,aAAa,WAAW;GACjD,QAAQ,iBAAiB,cAAc,YAAY;GACnD,aAAa;IACX,QAAQ,oBAAoB,aAAa,WAAW;IACpD,QAAQ,oBAAoB,cAAc,YAAY;GACxD;EACF;CACF,GAAG,CAAC,CAAC;CAEL,OAAO;EAAC;EAAQ;EAAS;CAAS;AACpC"}

package/es/awesome/SpotlightCard/SpotlightCard.d.mts

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

package/es/awesome/SpotlightCard/SpotlightCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SpotlightCard.mjs","names":[],"sources":["../../../src/awesome/SpotlightCard/SpotlightCard.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo, useEffect, useMemo, useRef } from 'react';\n\nimport Grid from '@/Grid';\n\nimport SpotlightCardItem from './SpotlightCardItem';\nimport { CHILDREN_CLASSNAME, styles } from './style';\nimport type { SpotlightCardProps } from './type';\n\nconst SpotlightCard = memo<SpotlightCardProps>(\n  ({\n    items,\n    renderItem: Content,\n    maxItemWidth,\n    className,\n    columns = 3,\n    gap = '1em',\n    style,\n    size = 800,\n    borderRadius = 12,\n    spotlight = true,\n    ...rest\n  }) => {\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--spotlight-card-border-radius': `${borderRadius}px`,\n        '--spotlight-card-size': `${size}px`,\n      }),\n      [borderRadius, size],\n    );\n    const ref = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n      if (!ref.current) return;\n      if (!spotlight) return;\n      const fn = (e: MouseEvent) => {\n        for (const card of document.querySelectorAll(`.${CHILDREN_CLASSNAME}`)) {\n          const rect = card.getBoundingClientRect(),\n            x = e.clientX - rect.left,\n            y = e.clientY - rect.top;\n\n          (card as HTMLDivElement).style.setProperty('--mouse-x', `${x}px`);\n          (card as HTMLDivElement).style.setProperty('--mouse-y', `${y}px`);\n        }\n      };\n      ref.current.addEventListener('mousemove', fn);\n\n      return () => {\n        ref.current?.removeEventListener('mousemove', fn);\n      };\n    }, []);\n\n    return (\n      <Grid\n        className={cx(styles.container, styles.grid, className)}\n        gap={gap}\n        maxItemWidth={maxItemWidth}\n        ref={ref}\n        rows={columns}\n        style={{\n          ...cssVariables,\n          ...style,\n        }}\n        {...rest}\n      >\n        {items.map((item, index) => {\n          return (\n            <SpotlightCardItem\n              borderRadius={borderRadius}\n              className={CHILDREN_CLASSNAME}\n              key={index}\n              size={size}\n            >\n              <Content {...item} />\n            </SpotlightCardItem>\n          );\n        })}\n      </Grid>\n    );\n  },\n);\n\nSpotlightCard.displayName = 'SpotlightCard';\n\nexport default SpotlightCard;\n"],"mappings":";;;;;;;;AAWA,MAAM,gBAAgB,MACnB,EACC,OACA,YAAY,SACZ,cACA,WACA,UAAU,GACV,MAAM,OACN,OACA,OAAO,KACP,eAAe,IACf,YAAY,MACZ,GAAG,WACC;CACJ,MAAM,eAAe,eACZ;EACL,kCAAkC,GAAG,aAAa;EAClD,yBAAyB,GAAG,KAAK;EAClC,GACD,CAAC,cAAc,KAAK,CACrB;CACD,MAAM,MAAM,OAAuB,KAAK;AAExC,iBAAgB;AACd,MAAI,CAAC,IAAI,QAAS;AAClB,MAAI,CAAC,UAAW;EAChB,MAAM,MAAM,MAAkB;AAC5B,QAAK,MAAM,QAAQ,SAAS,iBAAiB,IAAI,qBAAqB,EAAE;IACtE,MAAM,OAAO,KAAK,uBAAuB,EACvC,IAAI,EAAE,UAAU,KAAK,MACrB,IAAI,EAAE,UAAU,KAAK;AAEtB,SAAwB,MAAM,YAAY,aAAa,GAAG,EAAE,IAAI;AAChE,SAAwB,MAAM,YAAY,aAAa,GAAG,EAAE,IAAI;;;AAGrE,MAAI,QAAQ,iBAAiB,aAAa,GAAG;AAE7C,eAAa;AACX,OAAI,SAAS,oBAAoB,aAAa,GAAG;;IAElD,EAAE,CAAC;AAEN,QACE,oBAAC,MAAD;EACE,WAAW,GAAG,OAAO,WAAW,OAAO,MAAM,UAAU;EAClD;EACS;EACT;EACL,MAAM;EACN,OAAO;GACL,GAAG;GACH,GAAG;GACJ;EACD,GAAI;YAEH,MAAM,KAAK,MAAM,UAAU;AAC1B,UACE,oBAAC,mBAAD;IACgB;IACd,WAAW;IAEL;cAEN,oBAAC,SAAD,EAAS,GAAI,MAAQ,CAAA;IACH,EAJb,MAIa;IAEtB;EACG,CAAA;EAGZ;AAED,cAAc,cAAc"}
+{"version":3,"file":"SpotlightCard.mjs","names":[],"sources":["../../../src/awesome/SpotlightCard/SpotlightCard.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo, useEffect, useMemo, useRef } from 'react';\n\nimport Grid from '@/Grid';\n\nimport SpotlightCardItem from './SpotlightCardItem';\nimport { CHILDREN_CLASSNAME, styles } from './style';\nimport type { SpotlightCardProps } from './type';\n\nconst SpotlightCard = memo<SpotlightCardProps>(\n  ({\n    items,\n    renderItem: Content,\n    maxItemWidth,\n    className,\n    columns = 3,\n    gap = '1em',\n    style,\n    size = 800,\n    borderRadius = 12,\n    spotlight = true,\n    ...rest\n  }) => {\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--spotlight-card-border-radius': `${borderRadius}px`,\n        '--spotlight-card-size': `${size}px`,\n      }),\n      [borderRadius, size],\n    );\n    const ref = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n      if (!ref.current) return;\n      if (!spotlight) return;\n      const fn = (e: MouseEvent) => {\n        for (const card of document.querySelectorAll(`.${CHILDREN_CLASSNAME}`)) {\n          const rect = card.getBoundingClientRect(),\n            x = e.clientX - rect.left,\n            y = e.clientY - rect.top;\n\n          (card as HTMLDivElement).style.setProperty('--mouse-x', `${x}px`);\n          (card as HTMLDivElement).style.setProperty('--mouse-y', `${y}px`);\n        }\n      };\n      ref.current.addEventListener('mousemove', fn);\n\n      return () => {\n        ref.current?.removeEventListener('mousemove', fn);\n      };\n    }, []);\n\n    return (\n      <Grid\n        className={cx(styles.container, styles.grid, className)}\n        gap={gap}\n        maxItemWidth={maxItemWidth}\n        ref={ref}\n        rows={columns}\n        style={{\n          ...cssVariables,\n          ...style,\n        }}\n        {...rest}\n      >\n        {items.map((item, index) => {\n          return (\n            <SpotlightCardItem\n              borderRadius={borderRadius}\n              className={CHILDREN_CLASSNAME}\n              key={index}\n              size={size}\n            >\n              <Content {...item} />\n            </SpotlightCardItem>\n          );\n        })}\n      </Grid>\n    );\n  },\n);\n\nSpotlightCard.displayName = 'SpotlightCard';\n\nexport default SpotlightCard;\n"],"mappings":";;;;;;;;AAWA,MAAM,gBAAgB,MACnB,EACC,OACA,YAAY,SACZ,cACA,WACA,UAAU,GACV,MAAM,OACN,OACA,OAAO,KACP,eAAe,IACf,YAAY,MACZ,GAAG,WACC;CACJ,MAAM,eAAe,eACZ;EACL,kCAAkC,GAAG,aAAa;EAClD,yBAAyB,GAAG,KAAK;CACnC,IACA,CAAC,cAAc,IAAI,CACrB;CACA,MAAM,MAAM,OAAuB,IAAI;CAEvC,gBAAgB;EACd,IAAI,CAAC,IAAI,SAAS;EAClB,IAAI,CAAC,WAAW;EAChB,MAAM,MAAM,MAAkB;GAC5B,KAAK,MAAM,QAAQ,SAAS,iBAAiB,IAAI,oBAAoB,GAAG;IACtE,MAAM,OAAO,KAAK,sBAAsB,GACtC,IAAI,EAAE,UAAU,KAAK,MACrB,IAAI,EAAE,UAAU,KAAK;IAEvB,KAAyB,MAAM,YAAY,aAAa,GAAG,EAAE,GAAG;IAChE,KAAyB,MAAM,YAAY,aAAa,GAAG,EAAE,GAAG;GAClE;EACF;EACA,IAAI,QAAQ,iBAAiB,aAAa,EAAE;EAE5C,aAAa;GACX,IAAI,SAAS,oBAAoB,aAAa,EAAE;EAClD;CACF,GAAG,CAAC,CAAC;CAEL,OACE,oBAAC,MAAD;EACE,WAAW,GAAG,OAAO,WAAW,OAAO,MAAM,SAAS;EACjD;EACS;EACT;EACL,MAAM;EACN,OAAO;GACL,GAAG;GACH,GAAG;EACL;EACA,GAAI;YAEH,MAAM,KAAK,MAAM,UAAU;GAC1B,OACE,oBAAC,mBAAD;IACgB;IACd,WAAW;IAEL;cAEN,oBAAC,SAAD,EAAS,GAAI,KAAO,CAAA;GACH,GAJZ,KAIY;EAEvB,CAAC;CACG,CAAA;AAEV,CACF;AAEA,cAAc,cAAc"}

package/es/awesome/SpotlightCard/SpotlightCardItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SpotlightCardItem.mjs","names":["Flexbox"],"sources":["../../../src/awesome/SpotlightCard/SpotlightCardItem.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { SpotlightCardItemProps } from './type';\n\nconst SpotlightCardItem = memo<SpotlightCardItemProps>(\n  ({ children, className, style, borderRadius, size, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--spotlight-card-border-radius': `${borderRadius}px`,\n        '--spotlight-card-size': `${size}px`,\n      }),\n      [borderRadius, size],\n    );\n\n    return (\n      <Flexbox\n        className={cx(isDarkMode ? styles.itemContainerDark : styles.itemContainerLight, className)}\n        style={{\n          ...cssVariables,\n          borderRadius,\n          ...style,\n        }}\n        {...rest}\n      >\n        <Flexbox className={styles.content}>{children}</Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nSpotlightCardItem.displayName = 'SpotlightCardItem';\n\nexport default SpotlightCardItem;\n"],"mappings":";;;;;;;AAUA,MAAM,oBAAoB,MACvB,EAAE,UAAU,WAAW,OAAO,cAAc,MAAM,GAAG,WAAW;CAC/D,MAAM,EAAE,eAAe,cAAc;CAErC,MAAM,eAAe,eACZ;EACL,kCAAkC,GAAG,aAAa;EAClD,yBAAyB,GAAG,KAAK;EAClC,GACD,CAAC,cAAc,KAAK,CACrB;AAED,QACE,oBAACA,mBAAD;EACE,WAAW,GAAG,aAAa,OAAO,oBAAoB,OAAO,oBAAoB,UAAU;EAC3F,OAAO;GACL,GAAG;GACH;GACA,GAAG;GACJ;EACD,GAAI;YAEJ,oBAACA,mBAAD;GAAS,WAAW,OAAO;GAAU;GAAmB,CAAA;EAChD,CAAA;EAGf;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"SpotlightCardItem.mjs","names":["Flexbox"],"sources":["../../../src/awesome/SpotlightCard/SpotlightCardItem.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { SpotlightCardItemProps } from './type';\n\nconst SpotlightCardItem = memo<SpotlightCardItemProps>(\n  ({ children, className, style, borderRadius, size, ...rest }) => {\n    const { isDarkMode } = useThemeMode();\n\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--spotlight-card-border-radius': `${borderRadius}px`,\n        '--spotlight-card-size': `${size}px`,\n      }),\n      [borderRadius, size],\n    );\n\n    return (\n      <Flexbox\n        className={cx(isDarkMode ? styles.itemContainerDark : styles.itemContainerLight, className)}\n        style={{\n          ...cssVariables,\n          borderRadius,\n          ...style,\n        }}\n        {...rest}\n      >\n        <Flexbox className={styles.content}>{children}</Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nSpotlightCardItem.displayName = 'SpotlightCardItem';\n\nexport default SpotlightCardItem;\n"],"mappings":";;;;;;;AAUA,MAAM,oBAAoB,MACvB,EAAE,UAAU,WAAW,OAAO,cAAc,MAAM,GAAG,WAAW;CAC/D,MAAM,EAAE,eAAe,aAAa;CAEpC,MAAM,eAAe,eACZ;EACL,kCAAkC,GAAG,aAAa;EAClD,yBAAyB,GAAG,KAAK;CACnC,IACA,CAAC,cAAc,IAAI,CACrB;CAEA,OACE,oBAACA,mBAAD;EACE,WAAW,GAAG,aAAa,OAAO,oBAAoB,OAAO,oBAAoB,SAAS;EAC1F,OAAO;GACL,GAAG;GACH;GACA,GAAG;EACL;EACA,GAAI;YAEJ,oBAACA,mBAAD;GAAS,WAAW,OAAO;GAAU;EAAkB,CAAA;CAChD,CAAA;AAEb,CACF;AAEA,kBAAkB,cAAc"}

package/es/awesome/SpotlightCard/index.d.mts

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

package/es/awesome/SpotlightCard/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/SpotlightCard/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\n\nexport const CHILDREN_CLASSNAME = 'hover-card';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  container: css`\n    &:hover > .${CHILDREN_CLASSNAME}::after {\n      opacity: 1;\n    }\n  `,\n\n  content: css`\n    z-index: 2;\n\n    flex-grow: 1;\n\n    height: 100%;\n    margin: 1px;\n    border-radius: calc(var(--spotlight-card-border-radius, 12px) - 1px);\n\n    background: ${cssVar.colorBgContainer};\n  `,\n  grid: css`\n    display: grid;\n\n    ${responsive.sm} {\n      display: flex;\n      flex-direction: column;\n    }\n  `,\n  itemContainerDark: css`\n    cursor: pointer;\n\n    position: relative;\n\n    overflow: hidden;\n\n    width: 100%;\n    border-radius: var(--spotlight-card-border-radius, 12px);\n\n    background: color-mix(in srgb, ${cssVar.colorBorderSecondary} 75%, transparent);\n\n    &::before,\n    &::after {\n      content: '';\n\n      position: absolute;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n\n      width: 100%;\n      height: 100%;\n      border-radius: inherit;\n\n      opacity: 0;\n\n      transition: opacity 500ms;\n    }\n\n    &::before {\n      pointer-events: none;\n      user-select: none;\n      z-index: 3;\n      background: radial-gradient(\n        var(--spotlight-card-size, 800px) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 6%, transparent),\n        transparent 40%\n      );\n    }\n\n    &::after {\n      z-index: 1;\n      background: radial-gradient(\n        calc(var(--spotlight-card-size, 800px) * 0.75) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 40%, transparent),\n        transparent 40%\n      );\n    }\n\n    :hover::before {\n      opacity: 1;\n    }\n  `,\n\n  itemContainerLight: css`\n    cursor: pointer;\n\n    position: relative;\n\n    overflow: hidden;\n\n    width: 100%;\n    border-radius: var(--spotlight-card-border-radius, 12px);\n\n    background: color-mix(in srgb, ${cssVar.colorBorderSecondary} 75%, transparent);\n\n    &::before,\n    &::after {\n      content: '';\n\n      position: absolute;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n\n      width: 100%;\n      height: 100%;\n      border-radius: inherit;\n\n      opacity: 0;\n\n      transition: opacity 500ms;\n    }\n\n    &::before {\n      pointer-events: none;\n      user-select: none;\n      z-index: 3;\n      background: radial-gradient(\n        var(--spotlight-card-size, 800px) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 2%, transparent),\n        transparent 40%\n      );\n    }\n\n    &::after {\n      z-index: 1;\n      background: radial-gradient(\n        calc(var(--spotlight-card-size, 800px) * 0.75) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 20%, transparent),\n        transparent 40%\n      );\n    }\n\n    :hover::before {\n      opacity: 1;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,qBAAqB;AAElC,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,WAAW,GAAG;iBACC,mBAAmB;;;;CAKlC,SAAS,GAAG;;;;;;;;;kBASI,OAAO,iBAAiB;;CAExC,MAAM,GAAG;;;MAGL,WAAW,GAAG;;;;;CAKlB,mBAAmB,GAAG;;;;;;;;;;qCAUa,OAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;6BAyBpC,OAAO,cAAc;;;;;;;;;6BASrB,OAAO,cAAc;;;;;;;;;CAUhD,oBAAoB,GAAG;;;;;;;;;;qCAUY,OAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;6BAyBpC,OAAO,cAAc;;;;;;;;;6BASrB,OAAO,cAAc;;;;;;;;;CASjD,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/SpotlightCard/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\n\nexport const CHILDREN_CLASSNAME = 'hover-card';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  container: css`\n    &:hover > .${CHILDREN_CLASSNAME}::after {\n      opacity: 1;\n    }\n  `,\n\n  content: css`\n    z-index: 2;\n\n    flex-grow: 1;\n\n    height: 100%;\n    margin: 1px;\n    border-radius: calc(var(--spotlight-card-border-radius, 12px) - 1px);\n\n    background: ${cssVar.colorBgContainer};\n  `,\n  grid: css`\n    display: grid;\n\n    ${responsive.sm} {\n      display: flex;\n      flex-direction: column;\n    }\n  `,\n  itemContainerDark: css`\n    cursor: pointer;\n\n    position: relative;\n\n    overflow: hidden;\n\n    width: 100%;\n    border-radius: var(--spotlight-card-border-radius, 12px);\n\n    background: color-mix(in srgb, ${cssVar.colorBorderSecondary} 75%, transparent);\n\n    &::before,\n    &::after {\n      content: '';\n\n      position: absolute;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n\n      width: 100%;\n      height: 100%;\n      border-radius: inherit;\n\n      opacity: 0;\n\n      transition: opacity 500ms;\n    }\n\n    &::before {\n      pointer-events: none;\n      user-select: none;\n      z-index: 3;\n      background: radial-gradient(\n        var(--spotlight-card-size, 800px) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 6%, transparent),\n        transparent 40%\n      );\n    }\n\n    &::after {\n      z-index: 1;\n      background: radial-gradient(\n        calc(var(--spotlight-card-size, 800px) * 0.75) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 40%, transparent),\n        transparent 40%\n      );\n    }\n\n    :hover::before {\n      opacity: 1;\n    }\n  `,\n\n  itemContainerLight: css`\n    cursor: pointer;\n\n    position: relative;\n\n    overflow: hidden;\n\n    width: 100%;\n    border-radius: var(--spotlight-card-border-radius, 12px);\n\n    background: color-mix(in srgb, ${cssVar.colorBorderSecondary} 75%, transparent);\n\n    &::before,\n    &::after {\n      content: '';\n\n      position: absolute;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n\n      width: 100%;\n      height: 100%;\n      border-radius: inherit;\n\n      opacity: 0;\n\n      transition: opacity 500ms;\n    }\n\n    &::before {\n      pointer-events: none;\n      user-select: none;\n      z-index: 3;\n      background: radial-gradient(\n        var(--spotlight-card-size, 800px) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 2%, transparent),\n        transparent 40%\n      );\n    }\n\n    &::after {\n      z-index: 1;\n      background: radial-gradient(\n        calc(var(--spotlight-card-size, 800px) * 0.75) circle at var(--mouse-x) var(--mouse-y),\n        color-mix(in srgb, ${cssVar.colorTextBase} 20%, transparent),\n        transparent 40%\n      );\n    }\n\n    :hover::before {\n      opacity: 1;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,qBAAqB;AAElC,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,WAAW,GAAG;iBACC,mBAAmB;;;;CAKlC,SAAS,GAAG;;;;;;;;;kBASI,OAAO,iBAAiB;;CAExC,MAAM,GAAG;;;MAGL,WAAW,GAAG;;;;;CAKlB,mBAAmB,GAAG;;;;;;;;;;qCAUa,OAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;6BAyBpC,OAAO,cAAc;;;;;;;;;6BASrB,OAAO,cAAc;;;;;;;;;CAUhD,oBAAoB,GAAG;;;;;;;;;;qCAUY,OAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;6BAyBpC,OAAO,cAAc;;;;;;;;;6BASrB,OAAO,cAAc;;;;;;;;;AASlD,EAAE"}

package/es/awesome/SpotlightCard/type.d.mts

@@ -1,6 +1,5 @@
 import { DivProps } from "../../types/index.mjs";
 import { ReactNode } from "react";
-
 //#region src/awesome/SpotlightCard/type.d.ts
 interface SpotlightCardProps<T = any> extends DivProps {
   borderRadius?: number;

package/es/awesome/TypewriterEffect/TypewriterEffect.d.mts

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