@lobehub/ui 4.17.0 → 4.18.0

package/es/Markdown/Typography.d.mts

@@ -1,8 +1,8 @@
 import { TypographyProps } from "./type.mjs";
-import * as react70 from "react";
+import * as react19 from "react";
 
 //#region src/Markdown/Typography.d.ts
-declare const Typography: react70.NamedExoticComponent<TypographyProps>;
+declare const Typography: react19.NamedExoticComponent<TypographyProps>;
 //#endregion
 export { Typography };
 //# sourceMappingURL=Typography.d.mts.map

package/es/Markdown/components/SearchResultCards/index.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../../Flex/type.mjs";
 import "../../../Flex/index.mjs";
-import * as react4 from "react";
+import * as react77 from "react";
 import { Ref } from "react";
 
 //#region src/Markdown/components/SearchResultCards/index.d.ts
@@ -14,7 +14,7 @@ interface SearchResultCardsProps extends FlexboxProps {
   dataSource: string[] | SearchResultItem[];
   ref?: Ref<HTMLDivElement>;
 }
-declare const SearchResultCards: react4.NamedExoticComponent<SearchResultCardsProps>;
+declare const SearchResultCards: react77.NamedExoticComponent<SearchResultCardsProps>;
 //#endregion
 export { SearchResultCards, SearchResultCardsProps };
 //# sourceMappingURL=index.d.mts.map

package/es/Markdown/markdown.style.mjs

@@ -39,9 +39,6 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
       border-inline-start: solid 4px ${cssVar$1.colorBorder};
 
       color: ${cssVar$1.colorTextSecondary};
-
-      text-box-edge: cap alphabetic;
-      text-box-trim: trim-both;
     }
   `;
 	const code = css$1`
@@ -130,12 +127,8 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
         calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),
         var(--lobe-markdown-font-size)
       );
-
       font-weight: bold;
       line-height: 1.25;
-
-      text-box-edge: cap alphabetic;
-      text-box-trim: trim-both;
     }
 
     h1 {
@@ -193,9 +186,6 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
     li {
       margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);
 
-      text-box-edge: cap alphabetic;
-      text-box-trim: trim-both;
-
       p:first-child {
         display: inline;
       }
@@ -206,12 +196,8 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
       margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
       margin-inline-start: 1em;
       padding-inline-start: 0;
-
       list-style-position: outside;
 
-      text-box-edge: cap alphabetic;
-      text-box-trim: trim-both;
-
       > ul,
       > ol {
         margin-block: 0;
@@ -263,11 +249,9 @@ const styles = createStaticStyles(({ cssVar: cssVar$1, css: css$1 }) => {
 	const p = css$1`
     p {
       margin-block: 4px;
-
       line-height: var(--lobe-markdown-line-height);
       letter-spacing: 0.02em;
 
-      text-box-edge: cap alphabetic;
       text-box-trim: trim-both;
 
       &:not(:first-child) {

package/es/Markdown/markdown.style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.style.mjs","names":["cssVar"],"sources":["../../src/Markdown/markdown.style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst IGNORE_CLASSNAME = '.ignore-markdown-style';\n\nexport const styles = createStaticStyles(({ cssVar, css }) => {\n  const __root = css`\n    --lobe-markdown-font-size: 16px;\n    --lobe-markdown-header-multiple: 1;\n    --lobe-markdown-margin-multiple: 2;\n    --lobe-markdown-line-height: 1.8;\n    --lobe-markdown-border-radius: ${cssVar.borderRadiusLG};\n    --lobe-markdown-border-color: ${cssVar.colorFillQuaternary};\n\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    padding-inline: 1px;\n\n    font-size: var(--lobe-markdown-font-size);\n    line-height: var(--lobe-markdown-line-height);\n    word-break: break-word;\n  `;\n  const a = css`\n    a {\n      color: ${cssVar.colorInfoText};\n\n      &:hover {\n        color: ${cssVar.colorInfoHover};\n      }\n    }\n  `;\n\n  const blockquote = css`\n    blockquote {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline: 0;\n      padding-block: 0;\n      padding-inline: 1em;\n      border-inline-start: solid 4px ${cssVar.colorBorder};\n\n      color: ${cssVar.colorTextSecondary};\n\n      text-box-edge: cap alphabetic;\n      text-box-trim: trim-both;\n    }\n  `;\n\n  const code = css`\n    code {\n      &:not(:has(span)) {\n        display: inline;\n\n        margin-inline: 0.25em;\n        padding-block: 0.2em;\n        padding-inline: 0.4em;\n        border: 1px solid var(--lobe-markdown-border-color);\n        border-radius: 0.25em;\n\n        font-family: ${cssVar.fontFamilyCode};\n        font-size: 0.875em;\n        line-height: 1;\n        word-break: break-word;\n        white-space: break-spaces;\n\n        background: ${cssVar.colorFillSecondary};\n      }\n    }\n  `;\n\n  const del = css`\n    del {\n      color: ${cssVar.colorTextDescription};\n      text-decoration: line-through;\n    }\n  `;\n\n  const details = css`\n    details {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-block: 0.75em;\n      padding-inline: 1em;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      background: ${cssVar.colorFillTertiary};\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n      summary {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        list-style: none;\n\n        &::before {\n          content: '';\n\n          position: absolute;\n          inset-inline-end: 1.25em;\n          transform: rotateZ(-45deg);\n\n          display: block;\n\n          width: 0.4em;\n          height: 0.4em;\n          border-block-end: 1.5px solid ${cssVar.colorTextSecondary};\n          border-inline-end: 1.5px solid ${cssVar.colorTextSecondary};\n\n          font-family: ${cssVar.fontFamily};\n\n          transition: transform 200ms ${cssVar.motionEaseOut};\n        }\n      }\n\n      &[open] {\n        summary {\n          padding-block-end: 0.75em;\n          border-block-end: 1px dashed ${cssVar.colorBorder};\n\n          &::before {\n            transform: rotateZ(45deg);\n          }\n        }\n      }\n    }\n  `;\n  const header = css`\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin-block: max(\n        calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),\n        var(--lobe-markdown-font-size)\n      );\n\n      font-weight: bold;\n      line-height: 1.25;\n\n      text-box-edge: cap alphabetic;\n      text-box-trim: trim-both;\n    }\n\n    h1 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h2 {\n      font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));\n    }\n\n    h3 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h4 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h5,\n    h6 {\n      font-size: calc(var(--lobe-markdown-font-size) * 1);\n    }\n  `;\n  const hr = css`\n    hr {\n      width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);\n      border-color: ${cssVar.colorBorder};\n      border-style: dashed;\n      border-width: 1px;\n      border-block-start: none;\n      border-inline-start: none;\n      border-inline-end: none;\n    }\n  `;\n  const img = css`\n    img {\n      max-width: 100%;\n    }\n\n    > img,\n    > p > img {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    }\n  `;\n\n  const list = css`\n    li {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);\n\n      text-box-edge: cap alphabetic;\n      text-box-trim: trim-both;\n\n      p:first-child {\n        display: inline;\n      }\n    }\n\n    ul,\n    ol {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline-start: 1em;\n      padding-inline-start: 0;\n\n      list-style-position: outside;\n\n      text-box-edge: cap alphabetic;\n      text-box-trim: trim-both;\n\n      > ul,\n      > ol {\n        margin-block: 0;\n      }\n\n      > li {\n        margin-inline-start: 1em;\n      }\n    }\n\n    ol {\n      list-style: auto;\n    }\n\n    ul {\n      list-style-type: none;\n\n      > li {\n        &::before {\n          content: '-';\n\n          position: absolute;\n\n          display: inline-block;\n\n          margin-inline: -1em 0.5em;\n\n          opacity: 0.5;\n        }\n      }\n    }\n\n    .task-list-item {\n      &::before {\n        display: none !important;\n      }\n\n      input[type='checkbox'] {\n        margin-block: 0 0.25em;\n        margin-inline: -1.6em 0.2em;\n        vertical-align: middle;\n      }\n\n      input[type='checkbox']:dir(rtl) {\n        margin: 0 -1.6em 0.25em 0.2em;\n      }\n    }\n  `;\n  const p = css`\n    p {\n      margin-block: 4px;\n\n      line-height: var(--lobe-markdown-line-height);\n      letter-spacing: 0.02em;\n\n      text-box-edge: cap alphabetic;\n      text-box-trim: trim-both;\n\n      &:not(:first-child) {\n        margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n\n      &:not(:last-child) {\n        margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n    }\n  `;\n  const pre = css`\n    pre {\n      font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n    }\n  `;\n  const strong = css`\n    strong {\n      font-weight: 600;\n    }\n  `;\n  const svg = css`\n    svg {\n      line-height: 1;\n    }\n  `;\n  const table = css`\n    table {\n      unicode-bidi: isolate;\n      overflow: auto hidden;\n      display: block;\n      border-spacing: 0;\n      border-collapse: collapse;\n\n      box-sizing: border-box;\n      width: max-content;\n      max-width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      text-align: start;\n      text-indent: initial;\n      text-wrap: pretty;\n      word-break: auto-phrase;\n      overflow-wrap: break-word;\n\n      background: ${cssVar.colorFillQuaternary};\n      box-shadow: 0 0 0 1px ${cssVar.colorBorderSecondary};\n\n      code {\n        word-break: break-word;\n      }\n\n      thead {\n        background: ${cssVar.colorFillQuaternary};\n      }\n\n      tr {\n        box-shadow: 0 1px 0 ${cssVar.colorBorderSecondary};\n      }\n\n      th,\n      td {\n        min-width: 120px;\n        padding-block: 0.75em;\n        padding-inline: 1em;\n        text-align: start;\n      }\n    }\n  `;\n  const video = css`\n    > video,\n    > p > video {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    }\n\n    video {\n      max-width: 100%;\n    }\n  `;\n\n  const footnote = css`\n    .footnotes {\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      font-size: smaller;\n      color: #8b949e;\n\n      #footnote-label {\n        display: none;\n      }\n\n      > ol {\n        margin: 0 !important;\n      }\n    }\n  `;\n\n  const sup = css`\n    sup {\n      position: relative;\n      inset-block-start: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  `;\n\n  const sub = css`\n    sub {\n      position: relative;\n      inset-block-end: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  `;\n\n  return {\n    root: css`\n      :not(:has(${IGNORE_CLASSNAME})),\n      .markdown {\n        ${[\n          __root,\n          a,\n          blockquote,\n          code,\n          del,\n          details,\n          header,\n          hr,\n          img,\n          list,\n          p,\n          pre,\n          strong,\n          svg,\n          table,\n          video,\n          footnote,\n          sub,\n          sup,\n        ]}\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAM,mBAAmB;AAEzB,MAAa,SAAS,oBAAoB,EAAE,kBAAQ,iBAAU;CAC5D,MAAM,SAAS,KAAG;;;;;qCAKiBA,SAAO,eAAe;oCACvBA,SAAO,oBAAoB;;;;;;;;;;;;CAY7D,MAAM,IAAI,KAAG;;eAEAA,SAAO,cAAc;;;iBAGnBA,SAAO,eAAe;;;;CAKrC,MAAM,aAAa,KAAG;;;;;;uCAMeA,SAAO,YAAY;;eAE3CA,SAAO,mBAAmB;;;;;;CAOvC,MAAM,OAAO,KAAG;;;;;;;;;;;uBAWKA,SAAO,eAAe;;;;;;sBAMvBA,SAAO,mBAAmB;;;;CAK9C,MAAM,MAAM,KAAG;;eAEFA,SAAO,qBAAqB;;;;CAKzC,MAAM,UAAU,KAAG;;;;;;;oBAODA,SAAO,kBAAkB;;;;;;;;;;;;;;;;;;;;0CAoBHA,SAAO,mBAAmB;2CACzBA,SAAO,mBAAmB;;yBAE5CA,SAAO,WAAW;;wCAEHA,SAAO,cAAc;;;;;;;yCAOpBA,SAAO,YAAY;;;;;;;;;CAS1D,MAAM,SAAS,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8ClB,MAAM,KAAK,KAAG;;;;sBAIMA,SAAO,YAAY;;;;;;;;CAQvC,MAAM,MAAM,KAAG;;;;;;;;;;;;CAaf,MAAM,OAAO,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuEhB,MAAM,IAAI,KAAG;;;;;;;;;;;;;;;;;;;CAmBb,MAAM,MAAM,KAAG;;;;;CAKf,MAAM,SAAS,KAAG;;;;;CAKlB,MAAM,MAAM,KAAG;;;;;CAKf,MAAM,QAAQ,KAAG;;;;;;;;;;;;;;;;;;;;oBAoBCA,SAAO,oBAAoB;8BACjBA,SAAO,qBAAqB;;;;;;;sBAOpCA,SAAO,oBAAoB;;;;8BAInBA,SAAO,qBAAqB;;;;;;;;;;;;CAYxD,MAAM,QAAQ,KAAG;;;;;;;;;;;;CAajB,MAAM,WAAW,KAAG;;;;;;;;;;;;;;;CAgBpB,MAAM,MAAM,KAAG;;;;;;;;;;AAsBf,QAAO,EACL,MAAM,KAAG;kBACK,iBAAiB;;UAEzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAhCI,KAAG;;;;;;;;;;EAkCP;EACD,CAAC;;OAGP;EACD"}
+{"version":3,"file":"markdown.style.mjs","names":["cssVar"],"sources":["../../src/Markdown/markdown.style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst IGNORE_CLASSNAME = '.ignore-markdown-style';\n\nexport const styles = createStaticStyles(({ cssVar, css }) => {\n  const __root = css`\n    --lobe-markdown-font-size: 16px;\n    --lobe-markdown-header-multiple: 1;\n    --lobe-markdown-margin-multiple: 2;\n    --lobe-markdown-line-height: 1.8;\n    --lobe-markdown-border-radius: ${cssVar.borderRadiusLG};\n    --lobe-markdown-border-color: ${cssVar.colorFillQuaternary};\n\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    padding-inline: 1px;\n\n    font-size: var(--lobe-markdown-font-size);\n    line-height: var(--lobe-markdown-line-height);\n    word-break: break-word;\n  `;\n  const a = css`\n    a {\n      color: ${cssVar.colorInfoText};\n\n      &:hover {\n        color: ${cssVar.colorInfoHover};\n      }\n    }\n  `;\n\n  const blockquote = css`\n    blockquote {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline: 0;\n      padding-block: 0;\n      padding-inline: 1em;\n      border-inline-start: solid 4px ${cssVar.colorBorder};\n\n      color: ${cssVar.colorTextSecondary};\n    }\n  `;\n\n  const code = css`\n    code {\n      &:not(:has(span)) {\n        display: inline;\n\n        margin-inline: 0.25em;\n        padding-block: 0.2em;\n        padding-inline: 0.4em;\n        border: 1px solid var(--lobe-markdown-border-color);\n        border-radius: 0.25em;\n\n        font-family: ${cssVar.fontFamilyCode};\n        font-size: 0.875em;\n        line-height: 1;\n        word-break: break-word;\n        white-space: break-spaces;\n\n        background: ${cssVar.colorFillSecondary};\n      }\n    }\n  `;\n\n  const del = css`\n    del {\n      color: ${cssVar.colorTextDescription};\n      text-decoration: line-through;\n    }\n  `;\n\n  const details = css`\n    details {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-block: 0.75em;\n      padding-inline: 1em;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      background: ${cssVar.colorFillTertiary};\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n      summary {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        list-style: none;\n\n        &::before {\n          content: '';\n\n          position: absolute;\n          inset-inline-end: 1.25em;\n          transform: rotateZ(-45deg);\n\n          display: block;\n\n          width: 0.4em;\n          height: 0.4em;\n          border-block-end: 1.5px solid ${cssVar.colorTextSecondary};\n          border-inline-end: 1.5px solid ${cssVar.colorTextSecondary};\n\n          font-family: ${cssVar.fontFamily};\n\n          transition: transform 200ms ${cssVar.motionEaseOut};\n        }\n      }\n\n      &[open] {\n        summary {\n          padding-block-end: 0.75em;\n          border-block-end: 1px dashed ${cssVar.colorBorder};\n\n          &::before {\n            transform: rotateZ(45deg);\n          }\n        }\n      }\n    }\n  `;\n  const header = css`\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin-block: max(\n        calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),\n        var(--lobe-markdown-font-size)\n      );\n      font-weight: bold;\n      line-height: 1.25;\n    }\n\n    h1 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h2 {\n      font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));\n    }\n\n    h3 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h4 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h5,\n    h6 {\n      font-size: calc(var(--lobe-markdown-font-size) * 1);\n    }\n  `;\n  const hr = css`\n    hr {\n      width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);\n      border-color: ${cssVar.colorBorder};\n      border-style: dashed;\n      border-width: 1px;\n      border-block-start: none;\n      border-inline-start: none;\n      border-inline-end: none;\n    }\n  `;\n  const img = css`\n    img {\n      max-width: 100%;\n    }\n\n    > img,\n    > p > img {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    }\n  `;\n\n  const list = css`\n    li {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);\n\n      p:first-child {\n        display: inline;\n      }\n    }\n\n    ul,\n    ol {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline-start: 1em;\n      padding-inline-start: 0;\n      list-style-position: outside;\n\n      > ul,\n      > ol {\n        margin-block: 0;\n      }\n\n      > li {\n        margin-inline-start: 1em;\n      }\n    }\n\n    ol {\n      list-style: auto;\n    }\n\n    ul {\n      list-style-type: none;\n\n      > li {\n        &::before {\n          content: '-';\n\n          position: absolute;\n\n          display: inline-block;\n\n          margin-inline: -1em 0.5em;\n\n          opacity: 0.5;\n        }\n      }\n    }\n\n    .task-list-item {\n      &::before {\n        display: none !important;\n      }\n\n      input[type='checkbox'] {\n        margin-block: 0 0.25em;\n        margin-inline: -1.6em 0.2em;\n        vertical-align: middle;\n      }\n\n      input[type='checkbox']:dir(rtl) {\n        margin: 0 -1.6em 0.25em 0.2em;\n      }\n    }\n  `;\n  const p = css`\n    p {\n      margin-block: 4px;\n      line-height: var(--lobe-markdown-line-height);\n      letter-spacing: 0.02em;\n\n      text-box-trim: trim-both;\n\n      &:not(:first-child) {\n        margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n\n      &:not(:last-child) {\n        margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n    }\n  `;\n  const pre = css`\n    pre {\n      font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n    }\n  `;\n  const strong = css`\n    strong {\n      font-weight: 600;\n    }\n  `;\n  const svg = css`\n    svg {\n      line-height: 1;\n    }\n  `;\n  const table = css`\n    table {\n      unicode-bidi: isolate;\n      overflow: auto hidden;\n      display: block;\n      border-spacing: 0;\n      border-collapse: collapse;\n\n      box-sizing: border-box;\n      width: max-content;\n      max-width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      text-align: start;\n      text-indent: initial;\n      text-wrap: pretty;\n      word-break: auto-phrase;\n      overflow-wrap: break-word;\n\n      background: ${cssVar.colorFillQuaternary};\n      box-shadow: 0 0 0 1px ${cssVar.colorBorderSecondary};\n\n      code {\n        word-break: break-word;\n      }\n\n      thead {\n        background: ${cssVar.colorFillQuaternary};\n      }\n\n      tr {\n        box-shadow: 0 1px 0 ${cssVar.colorBorderSecondary};\n      }\n\n      th,\n      td {\n        min-width: 120px;\n        padding-block: 0.75em;\n        padding-inline: 1em;\n        text-align: start;\n      }\n    }\n  `;\n  const video = css`\n    > video,\n    > p > video {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    }\n\n    video {\n      max-width: 100%;\n    }\n  `;\n\n  const footnote = css`\n    .footnotes {\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      font-size: smaller;\n      color: #8b949e;\n\n      #footnote-label {\n        display: none;\n      }\n\n      > ol {\n        margin: 0 !important;\n      }\n    }\n  `;\n\n  const sup = css`\n    sup {\n      position: relative;\n      inset-block-start: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  `;\n\n  const sub = css`\n    sub {\n      position: relative;\n      inset-block-end: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  `;\n\n  return {\n    root: css`\n      :not(:has(${IGNORE_CLASSNAME})),\n      .markdown {\n        ${[\n          __root,\n          a,\n          blockquote,\n          code,\n          del,\n          details,\n          header,\n          hr,\n          img,\n          list,\n          p,\n          pre,\n          strong,\n          svg,\n          table,\n          video,\n          footnote,\n          sub,\n          sup,\n        ]}\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAM,mBAAmB;AAEzB,MAAa,SAAS,oBAAoB,EAAE,kBAAQ,iBAAU;CAC5D,MAAM,SAAS,KAAG;;;;;qCAKiBA,SAAO,eAAe;oCACvBA,SAAO,oBAAoB;;;;;;;;;;;;CAY7D,MAAM,IAAI,KAAG;;eAEAA,SAAO,cAAc;;;iBAGnBA,SAAO,eAAe;;;;CAKrC,MAAM,aAAa,KAAG;;;;;;uCAMeA,SAAO,YAAY;;eAE3CA,SAAO,mBAAmB;;;CAIvC,MAAM,OAAO,KAAG;;;;;;;;;;;uBAWKA,SAAO,eAAe;;;;;;sBAMvBA,SAAO,mBAAmB;;;;CAK9C,MAAM,MAAM,KAAG;;eAEFA,SAAO,qBAAqB;;;;CAKzC,MAAM,UAAU,KAAG;;;;;;;oBAODA,SAAO,kBAAkB;;;;;;;;;;;;;;;;;;;;0CAoBHA,SAAO,mBAAmB;2CACzBA,SAAO,mBAAmB;;yBAE5CA,SAAO,WAAW;;wCAEHA,SAAO,cAAc;;;;;;;yCAOpBA,SAAO,YAAY;;;;;;;;;CAS1D,MAAM,SAAS,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ClB,MAAM,KAAK,KAAG;;;;sBAIMA,SAAO,YAAY;;;;;;;;CAQvC,MAAM,MAAM,KAAG;;;;;;;;;;;;CAaf,MAAM,OAAO,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEhB,MAAM,IAAI,KAAG;;;;;;;;;;;;;;;;;CAiBb,MAAM,MAAM,KAAG;;;;;CAKf,MAAM,SAAS,KAAG;;;;;CAKlB,MAAM,MAAM,KAAG;;;;;CAKf,MAAM,QAAQ,KAAG;;;;;;;;;;;;;;;;;;;;oBAoBCA,SAAO,oBAAoB;8BACjBA,SAAO,qBAAqB;;;;;;;sBAOpCA,SAAO,oBAAoB;;;;8BAInBA,SAAO,qBAAqB;;;;;;;;;;;;CAYxD,MAAM,QAAQ,KAAG;;;;;;;;;;;;CAajB,MAAM,WAAW,KAAG;;;;;;;;;;;;;;;CAgBpB,MAAM,MAAM,KAAG;;;;;;;;;;AAsBf,QAAO,EACL,MAAM,KAAG;kBACK,iBAAiB;;UAEzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAhCI,KAAG;;;;;;;;;;EAkCP;EACD,CAAC;;OAGP;EACD"}

package/es/Markdown/type.d.mts

@@ -10,8 +10,7 @@ import { VideoProps } from "../mdx/mdxComponents/Video.mjs";
 import "../mdx/index.mjs";
 import { CSSProperties, ElementType, FC, ReactNode, Ref } from "react";
 import { AnchorProps } from "antd";
-import { Options } from "react-markdown";
-import { Components } from "react-markdown/lib";
+import { Components, Options } from "react-markdown";
 import { Pluggable } from "unified";
 
 //#region src/Markdown/type.d.ts

package/es/MaskShadow/MaskShadow.d.mts

@@ -1,8 +1,8 @@
 import { MaskShadowProps } from "./type.mjs";
-import * as react75 from "react";
+import * as react11 from "react";
 
 //#region src/MaskShadow/MaskShadow.d.ts
-declare const MaskShadow: react75.NamedExoticComponent<MaskShadowProps>;
+declare const MaskShadow: react11.NamedExoticComponent<MaskShadowProps>;
 //#endregion
 export { MaskShadow };
 //# sourceMappingURL=MaskShadow.d.mts.map

package/es/Menu/Menu.d.mts

@@ -1,8 +1,8 @@
 import { MenuProps } from "./type.mjs";
-import * as react67 from "react";
+import * as react18 from "react";
 
 //#region src/Menu/Menu.d.ts
-declare const Menu: react67.NamedExoticComponent<MenuProps<unknown>>;
+declare const Menu: react18.NamedExoticComponent<MenuProps<unknown>>;
 //#endregion
 export { Menu };
 //# sourceMappingURL=Menu.d.mts.map

package/es/Menu/sharedStyle.mjs

@@ -56,7 +56,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     min-height: 36px;
     padding-block: 8px;
     padding-inline: 12px;
-    border-radius: ${cssVar$1.borderRadius};
+    border-radius: ${cssVar$1.borderRadiusSM};
 
     font-size: 14px;
     line-height: 20px;

package/es/Menu/sharedStyle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sharedStyle.mjs","names":["cssVar"],"sources":["../../src/Menu/sharedStyle.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  empty: css`\n    cursor: default;\n    font-style: italic;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 8px 4px;\n    padding-inline: 12px;\n\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: uppercase;\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-end: 8px;\n  `,\n\n  item: css`\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 36px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadius};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    & a,\n    & a:visited,\n    & a:hover,\n    & a:active {\n      color: inherit;\n    }\n  `,\n\n  popup: css`\n    min-width: 120px;\n    padding: 4px;\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow:\n      0 0 15px 0 #00000008,\n      0 2px 30px 0 #00000014,\n      0 0 0 1px ${cssVar.colorBorder} inset;\n  `,\n  positioner: css`\n    z-index: 1100;\n\n    &[data-hover-trigger] {\n      --lobe-dropdown-animation-duration: 140ms;\n      --lobe-dropdown-animation-translate: 6px;\n      --lobe-dropdown-animation-scale: 0.98;\n      --lobe-dropdown-animation-ease-in: ease-in;\n      --lobe-dropdown-animation-ease-out: ${cssVar.motionEaseOut};\n      --lobe-dropdown-translate-x: 0;\n      --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);\n\n      & > * {\n        will-change: opacity, transform;\n        animation: none;\n      }\n\n      &[data-open] > * {\n        transform: translate3d(0, 0, 0) scale(1);\n        opacity: 1;\n        transition:\n          opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),\n          transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);\n      }\n\n      &[data-open] > *[data-starting-style] {\n        transform: translate3d(\n            var(--lobe-dropdown-translate-x),\n            var(--lobe-dropdown-translate-y),\n            0\n          )\n          scale(var(--lobe-dropdown-animation-scale));\n        opacity: 0;\n      }\n\n      &[data-closed] > * {\n        transform: translate3d(\n            var(--lobe-dropdown-translate-x),\n            var(--lobe-dropdown-translate-y),\n            0\n          )\n          scale(var(--lobe-dropdown-animation-scale));\n        opacity: 0;\n        transition:\n          opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),\n          transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);\n      }\n\n      &[data-placement='top'],\n      &[data-placement='topCenter'],\n      &[data-placement='topLeft'],\n      &[data-placement='topRight'] {\n        --lobe-dropdown-translate-y: var(--lobe-dropdown-animation-translate);\n      }\n\n      &[data-placement='bottom'],\n      &[data-placement='bottomCenter'],\n      &[data-placement='bottomLeft'],\n      &[data-placement='bottomRight'] {\n        --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);\n      }\n    }\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorder};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;aACAA,SAAO,WAAW;;;oBAGXA,SAAO,aAAa;;;CAItC,OAAO,KAAG;;;aAGCA,SAAO,kBAAkB;;CAGpC,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;CAGpC,YAAY,KAAG;;;;;;;;;aASJA,SAAO,kBAAkB;;;CAIpC,MAAM,KAAG;;;;;;;;;;CAWT,MAAM,KAAG;;;;;;;;;;;;;;qBAcUA,SAAO,aAAa;;;;aAI5BA,SAAO,UAAU;;;;4BAIFA,SAAO,cAAc;;;oBAG7BA,SAAO,kBAAkB;;;;oBAIzBA,SAAO,mBAAmB;;;;;eAK/BA,SAAO,kBAAkB;;;;;;;;;oBASpBA,SAAO,kBAAkB;;;;;;oBAMzBA,SAAO,kBAAkB;;;CAI3C,aAAa,KAAG;;;;;;CAOhB,OAAO,KAAG;;;;;;;;;;;;;CAcV,OAAO,KAAG;;;qBAGSA,SAAO,aAAa;;kBAEvBA,SAAO,gBAAgB;;;;;kBAKvBA,SAAO,YAAY;;CAEnC,YAAY,KAAG;;;;;;;;4CAQ2BA,SAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD/D,WAAW,KAAG;;;;kBAIEA,SAAO,YAAY;;CAGnC,cAAc,KAAG;;;;;;;;;;;CAWlB,EAAE"}
+{"version":3,"file":"sharedStyle.mjs","names":["cssVar"],"sources":["../../src/Menu/sharedStyle.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  empty: css`\n    cursor: default;\n    font-style: italic;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 8px 4px;\n    padding-inline: 12px;\n\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: uppercase;\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-end: 8px;\n  `,\n\n  item: css`\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 36px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    & a,\n    & a:visited,\n    & a:hover,\n    & a:active {\n      color: inherit;\n    }\n  `,\n\n  popup: css`\n    min-width: 120px;\n    padding: 4px;\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow:\n      0 0 15px 0 #00000008,\n      0 2px 30px 0 #00000014,\n      0 0 0 1px ${cssVar.colorBorder} inset;\n  `,\n  positioner: css`\n    z-index: 1100;\n\n    &[data-hover-trigger] {\n      --lobe-dropdown-animation-duration: 140ms;\n      --lobe-dropdown-animation-translate: 6px;\n      --lobe-dropdown-animation-scale: 0.98;\n      --lobe-dropdown-animation-ease-in: ease-in;\n      --lobe-dropdown-animation-ease-out: ${cssVar.motionEaseOut};\n      --lobe-dropdown-translate-x: 0;\n      --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);\n\n      & > * {\n        will-change: opacity, transform;\n        animation: none;\n      }\n\n      &[data-open] > * {\n        transform: translate3d(0, 0, 0) scale(1);\n        opacity: 1;\n        transition:\n          opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),\n          transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);\n      }\n\n      &[data-open] > *[data-starting-style] {\n        transform: translate3d(\n            var(--lobe-dropdown-translate-x),\n            var(--lobe-dropdown-translate-y),\n            0\n          )\n          scale(var(--lobe-dropdown-animation-scale));\n        opacity: 0;\n      }\n\n      &[data-closed] > * {\n        transform: translate3d(\n            var(--lobe-dropdown-translate-x),\n            var(--lobe-dropdown-translate-y),\n            0\n          )\n          scale(var(--lobe-dropdown-animation-scale));\n        opacity: 0;\n        transition:\n          opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),\n          transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);\n      }\n\n      &[data-placement='top'],\n      &[data-placement='topCenter'],\n      &[data-placement='topLeft'],\n      &[data-placement='topRight'] {\n        --lobe-dropdown-translate-y: var(--lobe-dropdown-animation-translate);\n      }\n\n      &[data-placement='bottom'],\n      &[data-placement='bottomCenter'],\n      &[data-placement='bottomLeft'],\n      &[data-placement='bottomRight'] {\n        --lobe-dropdown-translate-y: calc(var(--lobe-dropdown-animation-translate) * -1);\n      }\n    }\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorder};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,QAAQ,KAAG;aACAA,SAAO,WAAW;;;oBAGXA,SAAO,aAAa;;;CAItC,OAAO,KAAG;;;aAGCA,SAAO,kBAAkB;;CAGpC,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;CAGpC,YAAY,KAAG;;;;;;;;;aASJA,SAAO,kBAAkB;;;CAIpC,MAAM,KAAG;;;;;;;;;;CAWT,MAAM,KAAG;;;;;;;;;;;;;;qBAcUA,SAAO,eAAe;;;;aAI9BA,SAAO,UAAU;;;;4BAIFA,SAAO,cAAc;;;oBAG7BA,SAAO,kBAAkB;;;;oBAIzBA,SAAO,mBAAmB;;;;;eAK/BA,SAAO,kBAAkB;;;;;;;;;oBASpBA,SAAO,kBAAkB;;;;;;oBAMzBA,SAAO,kBAAkB;;;CAI3C,aAAa,KAAG;;;;;;CAOhB,OAAO,KAAG;;;;;;;;;;;;;CAcV,OAAO,KAAG;;;qBAGSA,SAAO,aAAa;;kBAEvBA,SAAO,gBAAgB;;;;;kBAKvBA,SAAO,YAAY;;CAEnC,YAAY,KAAG;;;;;;;;4CAQ2BA,SAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD/D,WAAW,KAAG;;;;kBAIEA,SAAO,YAAY;;CAGnC,cAAc,KAAG;;;;;;;;;;;CAWlB,EAAE"}

package/es/Mermaid/FullFeatured.mjs

@@ -4,8 +4,8 @@ import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import Text_default from "../Text/Text.mjs";
 import { stopPropagation } from "../utils/dom.mjs";
 import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
-import CopyButton_default from "../CopyButton/CopyButton.mjs";
 import MaterialFileTypeIcon_default from "../MaterialFileTypeIcon/MaterialFileTypeIcon.mjs";
+import CopyButton_default from "../CopyButton/CopyButton.mjs";
 import { bodyVariants, headerVariants, variants } from "../Highlighter/style.mjs";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/es/Mermaid/Mermaid.d.mts

@@ -1,8 +1,8 @@
 import { MermaidProps } from "./type.mjs";
-import * as react68 from "react";
+import * as react13 from "react";
 
 //#region src/Mermaid/Mermaid.d.ts
-declare const Mermaid: react68.NamedExoticComponent<MermaidProps>;
+declare const Mermaid: react13.NamedExoticComponent<MermaidProps>;
 //#endregion
 export { Mermaid };
 //# sourceMappingURL=Mermaid.d.mts.map

package/es/Mermaid/SyntaxMermaid/index.d.mts

@@ -1,8 +1,8 @@
 import { SyntaxMermaidProps } from "../type.mjs";
-import * as react69 from "react";
+import * as react14 from "react";
 
 //#region src/Mermaid/SyntaxMermaid/index.d.ts
-declare const SyntaxMermaid: react69.NamedExoticComponent<SyntaxMermaidProps>;
+declare const SyntaxMermaid: react14.NamedExoticComponent<SyntaxMermaidProps>;
 //#endregion
 export { SyntaxMermaid };
 //# sourceMappingURL=index.d.mts.map

package/es/Mermaid/type.d.mts

@@ -2,7 +2,7 @@ import { DivProps } from "../types/index.mjs";
 import { ActionIconProps } from "../ActionIcon/type.mjs";
 import "../ActionIcon/index.mjs";
 import { CSSProperties, ReactNode, Ref } from "react";
-import { MermaidConfig } from "mermaid/dist/config.type";
+import { MermaidConfig } from "mermaid";
 
 //#region src/Mermaid/type.d.ts
 interface SyntaxMermaidProps {

package/es/Modal/Modal.d.mts

@@ -1,8 +1,8 @@
 import { ModalProps } from "./type.mjs";
-import * as react72 from "react";
+import * as react15 from "react";
 
 //#region src/Modal/Modal.d.ts
-declare const Modal: react72.NamedExoticComponent<ModalProps>;
+declare const Modal: react15.NamedExoticComponent<ModalProps>;
 //#endregion
 export { Modal };
 //# sourceMappingURL=Modal.d.mts.map

package/es/Modal/ModalProvider.d.mts

@@ -1,9 +1,9 @@
 import { ModalContextValue } from "./type.mjs";
-import * as react73 from "react";
+import * as react16 from "react";
 import { ReactNode } from "react";
 
 //#region src/Modal/ModalProvider.d.ts
-declare const ModalProvider: react73.NamedExoticComponent<{
+declare const ModalProvider: react16.NamedExoticComponent<{
   children: ReactNode;
   value: ModalContextValue;
 }>;

package/es/Modal/imperative.d.mts

@@ -1,5 +1,5 @@
 import { ImperativeModalProps, ModalInstance, RawModalComponent, RawModalComponentProps, RawModalInstance, RawModalKeyOptions, RawModalOptions } from "./type.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/Modal/imperative.d.ts
 type ModalHostProps = {
@@ -7,7 +7,7 @@ type ModalHostProps = {
 };
 declare const ModalHost: ({
   root
-}: ModalHostProps) => react_jsx_runtime0.JSX.Element | null;
+}: ModalHostProps) => react_jsx_runtime5.JSX.Element | null;
 declare const createModal: (props: ImperativeModalProps) => ModalInstance;
 declare function createRawModal<P extends RawModalComponentProps>(component: RawModalComponent<P>, props: Omit<P, 'open' | 'onClose'>, options?: RawModalOptions): RawModalInstance<P>;
 declare function createRawModal<P, OpenKey extends keyof P, CloseKey extends keyof P>(component: RawModalComponent<P>, props: Omit<P, OpenKey | CloseKey>, options: RawModalKeyOptions<OpenKey, CloseKey>): RawModalInstance<P, OpenKey, CloseKey>;

package/es/MotionProvider/index.d.mts

@@ -1,4 +1,4 @@
-import * as react5 from "react";
+import * as react78 from "react";
 import { Context, ReactNode } from "react";
 import * as motion_react0 from "motion/react";
 import * as m from "motion/react-m";
@@ -6,7 +6,7 @@ import * as m from "motion/react-m";
 //#region src/MotionProvider/index.d.ts
 type MotionComponentType = typeof motion_react0.motion | typeof m;
 declare const MotionComponent: Context<MotionComponentType>;
-declare const MotionProvider: react5.NamedExoticComponent<{
+declare const MotionProvider: react78.NamedExoticComponent<{
   children: ReactNode;
   motion: MotionComponentType;
 }>;

package/es/Popover/ArrowIcon.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/Popover/ArrowIcon.d.ts
+declare const PopoverArrowIcon: react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PopoverArrowIcon };
+//# sourceMappingURL=ArrowIcon.d.mts.map

package/es/Popover/PopoverGroup.mjs

@@ -2,15 +2,14 @@
 
 import { placementMap } from "../utils/placement.mjs";
 import { useDestroyOnInvalidActiveTriggerElement, useHidePopupWhenPositionerAtOrigin } from "../utils/destroyOnInvalidActiveTriggerElement.mjs";
+import { PopoverArrowIcon } from "./ArrowIcon.mjs";
+import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
+import { PopoverArrow, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverViewport } from "./atoms.mjs";
 import { PopoverProvider } from "./context.mjs";
 import { PopoverGroupHandleContext, PopoverGroupPropsContext } from "./groupContext.mjs";
 import { parseTrigger } from "./parseTrigger.mjs";
-import { PopoverArrowIcon } from "./ArrowIcon.mjs";
-import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
-import { styles } from "./style.mjs";
 import { useCallback, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
 import { Popover } from "@base-ui/react/popover";
 
 //#region src/Popover/PopoverGroup.tsx
@@ -58,10 +57,10 @@ const PopoverGroup = ({ children, contentLayoutAnimation = false, disableDestroy
 						return -positioner.height;
 					} : baseSideOffset;
 					const resolvedClassNames = {
-						arrow: cx(styles.arrow, item.classNames?.arrow),
-						popup: cx(styles.popup, item.className),
-						positioner: cx(styles.positioner, item.classNames?.root),
-						viewport: cx(styles.viewport, item.classNames?.content)
+						arrow: item.classNames?.arrow,
+						popup: item.className,
+						positioner: item.classNames?.root,
+						viewport: item.classNames?.content
 					};
 					const resolvedStyles = {
 						arrow: item.styles?.arrow,
@@ -75,23 +74,23 @@ const PopoverGroup = ({ children, contentLayoutAnimation = false, disableDestroy
 						value: contextValue,
 						children: item.content
 					});
-					const popup = /* @__PURE__ */ jsx(Popover.Positioner, {
+					const popup = /* @__PURE__ */ jsx(PopoverPositioner, {
 						align: placementConfig.align,
 						className: resolvedClassNames.positioner,
-						"data-hover-trigger": openOnHover || void 0,
-						"data-placement": placement,
+						hoverTrigger: openOnHover,
+						placement,
 						side: placementConfig.side,
 						sideOffset: resolvedSideOffset,
 						style: resolvedStyles.positioner,
 						...item.positionerProps,
-						children: /* @__PURE__ */ jsxs(Popover.Popup, {
+						children: /* @__PURE__ */ jsxs(PopoverPopup, {
 							className: resolvedClassNames.popup,
 							...item.popupProps,
-							children: [arrow && /* @__PURE__ */ jsx(Popover.Arrow, {
+							children: [arrow && /* @__PURE__ */ jsx(PopoverArrow, {
 								className: resolvedClassNames.arrow,
 								style: resolvedStyles.arrow,
 								children: PopoverArrowIcon
-							}), contentLayoutAnimation ? /* @__PURE__ */ jsx(Popover.Viewport, {
+							}), contentLayoutAnimation ? /* @__PURE__ */ jsx(PopoverViewport, {
 								className: resolvedClassNames.viewport,
 								style: resolvedStyles.viewport,
 								children: contentNode
@@ -102,7 +101,7 @@ const PopoverGroup = ({ children, contentLayoutAnimation = false, disableDestroy
 							})]
 						})
 					});
-					return portalContainer ? /* @__PURE__ */ jsx(Popover.Portal, {
+					return portalContainer ? /* @__PURE__ */ jsx(PopoverPortal, {
 						container: portalContainer,
 						children: popup
 					}) : null;

package/es/Popover/PopoverGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverGroup.mjs","names":["PopoverGroup: FC<PopoverGroupProps>","BasePopover","key"],"sources":["../../src/Popover/PopoverGroup.tsx"],"sourcesContent":["'use client';\n\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport type { Side } from '@base-ui/react/utils/useAnchorPositioning';\nimport { cx } from 'antd-style';\nimport { type FC, type ReactNode, useCallback, useMemo, useRef, useState } from 'react';\n\nimport {\n  useDestroyOnInvalidActiveTriggerElement,\n  useHidePopupWhenPositionerAtOrigin,\n} from '@/utils/destroyOnInvalidActiveTriggerElement';\nimport { placementMap } from '@/utils/placement';\n\nimport { PopoverArrowIcon } from './ArrowIcon';\nimport { usePopoverPortalContainer } from './PopoverPortal';\nimport { PopoverProvider } from './context';\nimport {\n  PopoverGroupHandleContext,\n  type PopoverGroupItem,\n  PopoverGroupPropsContext,\n  type PopoverGroupSharedProps,\n} from './groupContext';\nimport { parseTrigger } from './parseTrigger';\nimport { styles } from './style';\n\ntype PopoverGroupProps = PopoverGroupSharedProps & {\n  children: ReactNode;\n};\n\nconst PopoverGroup: FC<PopoverGroupProps> = ({\n  children,\n  contentLayoutAnimation = false,\n  disableDestroyOnInvalidTrigger = false,\n  disableZeroOriginGuard = false,\n  ...sharedProps\n}) => {\n  const [{ handle, key }, setHandleState] = useState(() => ({\n    handle: BasePopover.createHandle<PopoverGroupItem>(),\n    key: 0,\n  }));\n  const activeItemRef = useRef<PopoverGroupItem | null>(null);\n  const destroy = useCallback(() => {\n    activeItemRef.current = null;\n    setHandleState(({ key }) => ({\n      handle: BasePopover.createHandle<PopoverGroupItem>(),\n      key: key + 1,\n    }));\n  }, []);\n  const close = useCallback(() => {\n    handle.close();\n  }, [handle]);\n  const contextValue = useMemo(() => ({ close }), [close]);\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    activeItemRef.current?.onOpenChange?.(open);\n  }, []);\n\n  useDestroyOnInvalidActiveTriggerElement(handle.store, destroy, {\n    enabled: !disableDestroyOnInvalidTrigger,\n  });\n  useHidePopupWhenPositionerAtOrigin(handle.store, { enabled: !disableZeroOriginGuard });\n\n  const portalContainer = usePopoverPortalContainer();\n\n  return (\n    <PopoverGroupHandleContext.Provider value={handle}>\n      <PopoverGroupPropsContext.Provider value={sharedProps}>\n        {children}\n        <BasePopover.Root handle={handle} key={key} onOpenChange={handleOpenChange}>\n          {({ payload }) => {\n            const item = (payload as PopoverGroupItem | null) ?? null;\n            activeItemRef.current = item;\n\n            if (!item?.content) return null;\n\n            const arrow = item.inset ? false : (item.arrow ?? false);\n            const placement = item.placement ?? 'top';\n            const { openOnHover } = parseTrigger(item.trigger ?? 'hover');\n\n            const placementConfig = placementMap[placement] ?? placementMap.top;\n            const baseSideOffset = arrow ? 10 : 6;\n            const resolvedSideOffset = item.inset\n              ? ({\n                  side,\n                  positioner,\n                }: {\n                  positioner: { height: number; width: number };\n                  side: Side;\n                }) => {\n                  if (\n                    side === 'left' ||\n                    side === 'right' ||\n                    side === 'inline-start' ||\n                    side === 'inline-end'\n                  ) {\n                    return -positioner.width;\n                  }\n                  return -positioner.height;\n                }\n              : baseSideOffset;\n\n            const resolvedClassNames = {\n              arrow: cx(styles.arrow, item.classNames?.arrow),\n              popup: cx(styles.popup, item.className),\n              positioner: cx(styles.positioner, item.classNames?.root),\n              viewport: cx(styles.viewport, item.classNames?.content),\n            };\n\n            const resolvedStyles = {\n              arrow: item.styles?.arrow,\n              positioner: {\n                ...item.styles?.root,\n                zIndex: item.zIndex ?? 1100,\n              },\n              viewport: item.styles?.content,\n            };\n\n            const contentNode = (\n              <PopoverProvider value={contextValue}>{item.content}</PopoverProvider>\n            );\n\n            const popup = (\n              <BasePopover.Positioner\n                align={placementConfig.align}\n                className={resolvedClassNames.positioner}\n                data-hover-trigger={openOnHover || undefined}\n                data-placement={placement}\n                side={placementConfig.side}\n                sideOffset={resolvedSideOffset}\n                style={resolvedStyles.positioner}\n                {...item.positionerProps}\n              >\n                <BasePopover.Popup className={resolvedClassNames.popup} {...item.popupProps}>\n                  {arrow && (\n                    <BasePopover.Arrow\n                      className={resolvedClassNames.arrow}\n                      style={resolvedStyles.arrow}\n                    >\n                      {PopoverArrowIcon}\n                    </BasePopover.Arrow>\n                  )}\n                  {contentLayoutAnimation ? (\n                    <BasePopover.Viewport\n                      className={resolvedClassNames.viewport}\n                      style={resolvedStyles.viewport}\n                    >\n                      {contentNode}\n                    </BasePopover.Viewport>\n                  ) : (\n                    <div className={resolvedClassNames.viewport} style={resolvedStyles.viewport}>\n                      {contentNode}\n                    </div>\n                  )}\n                </BasePopover.Popup>\n              </BasePopover.Positioner>\n            );\n\n            return portalContainer ? (\n              <BasePopover.Portal container={portalContainer}>{popup}</BasePopover.Portal>\n            ) : null;\n          }}\n        </BasePopover.Root>\n      </PopoverGroupPropsContext.Provider>\n    </PopoverGroupHandleContext.Provider>\n  );\n};\n\nPopoverGroup.displayName = 'PopoverGroup';\n\nexport default PopoverGroup;\n"],"mappings":";;;;;;;;;;;;;;;;AA6BA,MAAMA,gBAAuC,EAC3C,UACA,yBAAyB,OACzB,iCAAiC,OACjC,yBAAyB,OACzB,GAAG,kBACC;CACJ,MAAM,CAAC,EAAE,QAAQ,OAAO,kBAAkB,gBAAgB;EACxD,QAAQC,QAAY,cAAgC;EACpD,KAAK;EACN,EAAE;CACH,MAAM,gBAAgB,OAAgC,KAAK;CAC3D,MAAM,UAAU,kBAAkB;AAChC,gBAAc,UAAU;AACxB,kBAAgB,EAAE,kBAAW;GAC3B,QAAQA,QAAY,cAAgC;GACpD,KAAKC,QAAM;GACZ,EAAE;IACF,EAAE,CAAC;CACN,MAAM,QAAQ,kBAAkB;AAC9B,SAAO,OAAO;IACb,CAAC,OAAO,CAAC;CACZ,MAAM,eAAe,eAAe,EAAE,OAAO,GAAG,CAAC,MAAM,CAAC;CAExD,MAAM,mBAAmB,aAAa,SAAkB;AACtD,gBAAc,SAAS,eAAe,KAAK;IAC1C,EAAE,CAAC;AAEN,yCAAwC,OAAO,OAAO,SAAS,EAC7D,SAAS,CAAC,gCACX,CAAC;AACF,oCAAmC,OAAO,OAAO,EAAE,SAAS,CAAC,wBAAwB,CAAC;CAEtF,MAAM,kBAAkB,2BAA2B;AAEnD,QACE,oBAAC,0BAA0B;EAAS,OAAO;YACzC,qBAAC,yBAAyB;GAAS,OAAO;cACvC,UACD,oBAACD,QAAY;IAAa;IAAkB,cAAc;eACtD,EAAE,cAAc;KAChB,MAAM,OAAQ,WAAuC;AACrD,mBAAc,UAAU;AAExB,SAAI,CAAC,MAAM,QAAS,QAAO;KAE3B,MAAM,QAAQ,KAAK,QAAQ,QAAS,KAAK,SAAS;KAClD,MAAM,YAAY,KAAK,aAAa;KACpC,MAAM,EAAE,gBAAgB,aAAa,KAAK,WAAW,QAAQ;KAE7D,MAAM,kBAAkB,aAAa,cAAc,aAAa;KAChE,MAAM,iBAAiB,QAAQ,KAAK;KACpC,MAAM,qBAAqB,KAAK,SAC3B,EACC,MACA,iBAII;AACJ,UACE,SAAS,UACT,SAAS,WACT,SAAS,kBACT,SAAS,aAET,QAAO,CAAC,WAAW;AAErB,aAAO,CAAC,WAAW;SAErB;KAEJ,MAAM,qBAAqB;MACzB,OAAO,GAAG,OAAO,OAAO,KAAK,YAAY,MAAM;MAC/C,OAAO,GAAG,OAAO,OAAO,KAAK,UAAU;MACvC,YAAY,GAAG,OAAO,YAAY,KAAK,YAAY,KAAK;MACxD,UAAU,GAAG,OAAO,UAAU,KAAK,YAAY,QAAQ;MACxD;KAED,MAAM,iBAAiB;MACrB,OAAO,KAAK,QAAQ;MACpB,YAAY;OACV,GAAG,KAAK,QAAQ;OAChB,QAAQ,KAAK,UAAU;OACxB;MACD,UAAU,KAAK,QAAQ;MACxB;KAED,MAAM,cACJ,oBAAC;MAAgB,OAAO;gBAAe,KAAK;OAA0B;KAGxE,MAAM,QACJ,oBAACA,QAAY;MACX,OAAO,gBAAgB;MACvB,WAAW,mBAAmB;MAC9B,sBAAoB,eAAe;MACnC,kBAAgB;MAChB,MAAM,gBAAgB;MACtB,YAAY;MACZ,OAAO,eAAe;MACtB,GAAI,KAAK;gBAET,qBAACA,QAAY;OAAM,WAAW,mBAAmB;OAAO,GAAI,KAAK;kBAC9D,SACC,oBAACA,QAAY;QACX,WAAW,mBAAmB;QAC9B,OAAO,eAAe;kBAErB;SACiB,EAErB,yBACC,oBAACA,QAAY;QACX,WAAW,mBAAmB;QAC9B,OAAO,eAAe;kBAErB;SACoB,GAEvB,oBAAC;QAAI,WAAW,mBAAmB;QAAU,OAAO,eAAe;kBAChE;SACG;QAEU;OACG;AAG3B,YAAO,kBACL,oBAACA,QAAY;MAAO,WAAW;gBAAkB;OAA2B,GAC1E;;MA3F+B,IA6FpB;IACe;GACD;;AAIzC,aAAa,cAAc;AAE3B,2BAAe"}
+{"version":3,"file":"PopoverGroup.mjs","names":["PopoverGroup: FC<PopoverGroupProps>","BasePopover","key"],"sources":["../../src/Popover/PopoverGroup.tsx"],"sourcesContent":["'use client';\n\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport { type FC, type ReactNode, useCallback, useMemo, useRef, useState } from 'react';\n\nimport {\n  useDestroyOnInvalidActiveTriggerElement,\n  useHidePopupWhenPositionerAtOrigin,\n} from '@/utils/destroyOnInvalidActiveTriggerElement';\nimport { type Side, placementMap } from '@/utils/placement';\n\nimport { PopoverArrowIcon } from './ArrowIcon';\nimport { usePopoverPortalContainer } from './PopoverPortal';\nimport {\n  PopoverArrow,\n  PopoverPopup,\n  PopoverPortal,\n  PopoverPositioner,\n  PopoverViewport,\n} from './atoms';\nimport { PopoverProvider } from './context';\nimport {\n  PopoverGroupHandleContext,\n  type PopoverGroupItem,\n  PopoverGroupPropsContext,\n  type PopoverGroupSharedProps,\n} from './groupContext';\nimport { parseTrigger } from './parseTrigger';\n\ntype PopoverGroupProps = PopoverGroupSharedProps & {\n  children: ReactNode;\n};\n\nconst PopoverGroup: FC<PopoverGroupProps> = ({\n  children,\n  contentLayoutAnimation = false,\n  disableDestroyOnInvalidTrigger = false,\n  disableZeroOriginGuard = false,\n  ...sharedProps\n}) => {\n  const [{ handle, key }, setHandleState] = useState(() => ({\n    handle: BasePopover.createHandle<PopoverGroupItem>(),\n    key: 0,\n  }));\n  const activeItemRef = useRef<PopoverGroupItem | null>(null);\n  const destroy = useCallback(() => {\n    activeItemRef.current = null;\n    setHandleState(({ key }) => ({\n      handle: BasePopover.createHandle<PopoverGroupItem>(),\n      key: key + 1,\n    }));\n  }, []);\n  const close = useCallback(() => {\n    handle.close();\n  }, [handle]);\n  const contextValue = useMemo(() => ({ close }), [close]);\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    activeItemRef.current?.onOpenChange?.(open);\n  }, []);\n\n  useDestroyOnInvalidActiveTriggerElement(handle.store, destroy, {\n    enabled: !disableDestroyOnInvalidTrigger,\n  });\n  useHidePopupWhenPositionerAtOrigin(handle.store, { enabled: !disableZeroOriginGuard });\n\n  const portalContainer = usePopoverPortalContainer();\n\n  return (\n    <PopoverGroupHandleContext.Provider value={handle}>\n      <PopoverGroupPropsContext.Provider value={sharedProps}>\n        {children}\n        <BasePopover.Root handle={handle} key={key} onOpenChange={handleOpenChange}>\n          {({ payload }) => {\n            const item = (payload as PopoverGroupItem | null) ?? null;\n            activeItemRef.current = item;\n\n            if (!item?.content) return null;\n\n            const arrow = item.inset ? false : (item.arrow ?? false);\n            const placement = item.placement ?? 'top';\n            const { openOnHover } = parseTrigger(item.trigger ?? 'hover');\n\n            const placementConfig = placementMap[placement] ?? placementMap.top;\n            const baseSideOffset = arrow ? 10 : 6;\n            const resolvedSideOffset = item.inset\n              ? ({\n                  side,\n                  positioner,\n                }: {\n                  positioner: { height: number; width: number };\n                  side: Side;\n                }) => {\n                  if (\n                    side === 'left' ||\n                    side === 'right' ||\n                    side === 'inline-start' ||\n                    side === 'inline-end'\n                  ) {\n                    return -positioner.width;\n                  }\n                  return -positioner.height;\n                }\n              : baseSideOffset;\n\n            const resolvedClassNames = {\n              arrow: item.classNames?.arrow,\n              popup: item.className,\n              positioner: item.classNames?.root,\n              viewport: item.classNames?.content,\n            };\n\n            const resolvedStyles = {\n              arrow: item.styles?.arrow,\n              positioner: {\n                ...item.styles?.root,\n                zIndex: item.zIndex ?? 1100,\n              },\n              viewport: item.styles?.content,\n            };\n\n            const contentNode = (\n              <PopoverProvider value={contextValue}>{item.content}</PopoverProvider>\n            );\n\n            const popup = (\n              <PopoverPositioner\n                align={placementConfig.align}\n                className={resolvedClassNames.positioner}\n                hoverTrigger={openOnHover}\n                placement={placement}\n                side={placementConfig.side}\n                sideOffset={resolvedSideOffset as any}\n                style={resolvedStyles.positioner}\n                {...item.positionerProps}\n              >\n                <PopoverPopup className={resolvedClassNames.popup} {...item.popupProps}>\n                  {arrow && (\n                    <PopoverArrow className={resolvedClassNames.arrow} style={resolvedStyles.arrow}>\n                      {PopoverArrowIcon}\n                    </PopoverArrow>\n                  )}\n                  {contentLayoutAnimation ? (\n                    <PopoverViewport\n                      className={resolvedClassNames.viewport}\n                      style={resolvedStyles.viewport}\n                    >\n                      {contentNode}\n                    </PopoverViewport>\n                  ) : (\n                    <div className={resolvedClassNames.viewport} style={resolvedStyles.viewport}>\n                      {contentNode}\n                    </div>\n                  )}\n                </PopoverPopup>\n              </PopoverPositioner>\n            );\n\n            return portalContainer ? (\n              <PopoverPortal container={portalContainer}>{popup}</PopoverPortal>\n            ) : null;\n          }}\n        </BasePopover.Root>\n      </PopoverGroupPropsContext.Provider>\n    </PopoverGroupHandleContext.Provider>\n  );\n};\n\nPopoverGroup.displayName = 'PopoverGroup';\n\nexport default PopoverGroup;\n"],"mappings":";;;;;;;;;;;;;;;AAiCA,MAAMA,gBAAuC,EAC3C,UACA,yBAAyB,OACzB,iCAAiC,OACjC,yBAAyB,OACzB,GAAG,kBACC;CACJ,MAAM,CAAC,EAAE,QAAQ,OAAO,kBAAkB,gBAAgB;EACxD,QAAQC,QAAY,cAAgC;EACpD,KAAK;EACN,EAAE;CACH,MAAM,gBAAgB,OAAgC,KAAK;CAC3D,MAAM,UAAU,kBAAkB;AAChC,gBAAc,UAAU;AACxB,kBAAgB,EAAE,kBAAW;GAC3B,QAAQA,QAAY,cAAgC;GACpD,KAAKC,QAAM;GACZ,EAAE;IACF,EAAE,CAAC;CACN,MAAM,QAAQ,kBAAkB;AAC9B,SAAO,OAAO;IACb,CAAC,OAAO,CAAC;CACZ,MAAM,eAAe,eAAe,EAAE,OAAO,GAAG,CAAC,MAAM,CAAC;CAExD,MAAM,mBAAmB,aAAa,SAAkB;AACtD,gBAAc,SAAS,eAAe,KAAK;IAC1C,EAAE,CAAC;AAEN,yCAAwC,OAAO,OAAO,SAAS,EAC7D,SAAS,CAAC,gCACX,CAAC;AACF,oCAAmC,OAAO,OAAO,EAAE,SAAS,CAAC,wBAAwB,CAAC;CAEtF,MAAM,kBAAkB,2BAA2B;AAEnD,QACE,oBAAC,0BAA0B;EAAS,OAAO;YACzC,qBAAC,yBAAyB;GAAS,OAAO;cACvC,UACD,oBAACD,QAAY;IAAa;IAAkB,cAAc;eACtD,EAAE,cAAc;KAChB,MAAM,OAAQ,WAAuC;AACrD,mBAAc,UAAU;AAExB,SAAI,CAAC,MAAM,QAAS,QAAO;KAE3B,MAAM,QAAQ,KAAK,QAAQ,QAAS,KAAK,SAAS;KAClD,MAAM,YAAY,KAAK,aAAa;KACpC,MAAM,EAAE,gBAAgB,aAAa,KAAK,WAAW,QAAQ;KAE7D,MAAM,kBAAkB,aAAa,cAAc,aAAa;KAChE,MAAM,iBAAiB,QAAQ,KAAK;KACpC,MAAM,qBAAqB,KAAK,SAC3B,EACC,MACA,iBAII;AACJ,UACE,SAAS,UACT,SAAS,WACT,SAAS,kBACT,SAAS,aAET,QAAO,CAAC,WAAW;AAErB,aAAO,CAAC,WAAW;SAErB;KAEJ,MAAM,qBAAqB;MACzB,OAAO,KAAK,YAAY;MACxB,OAAO,KAAK;MACZ,YAAY,KAAK,YAAY;MAC7B,UAAU,KAAK,YAAY;MAC5B;KAED,MAAM,iBAAiB;MACrB,OAAO,KAAK,QAAQ;MACpB,YAAY;OACV,GAAG,KAAK,QAAQ;OAChB,QAAQ,KAAK,UAAU;OACxB;MACD,UAAU,KAAK,QAAQ;MACxB;KAED,MAAM,cACJ,oBAAC;MAAgB,OAAO;gBAAe,KAAK;OAA0B;KAGxE,MAAM,QACJ,oBAAC;MACC,OAAO,gBAAgB;MACvB,WAAW,mBAAmB;MAC9B,cAAc;MACH;MACX,MAAM,gBAAgB;MACtB,YAAY;MACZ,OAAO,eAAe;MACtB,GAAI,KAAK;gBAET,qBAAC;OAAa,WAAW,mBAAmB;OAAO,GAAI,KAAK;kBACzD,SACC,oBAAC;QAAa,WAAW,mBAAmB;QAAO,OAAO,eAAe;kBACtE;SACY,EAEhB,yBACC,oBAAC;QACC,WAAW,mBAAmB;QAC9B,OAAO,eAAe;kBAErB;SACe,GAElB,oBAAC;QAAI,WAAW,mBAAmB;QAAU,OAAO,eAAe;kBAChE;SACG;QAEK;OACG;AAGtB,YAAO,kBACL,oBAAC;MAAc,WAAW;gBAAkB;OAAsB,GAChE;;MAxF+B,IA0FpB;IACe;GACD;;AAIzC,aAAa,cAAc;AAE3B,2BAAe"}

package/es/Popover/PopoverPortal.d.mts

@@ -0,0 +1,6 @@
+//#region src/Popover/PopoverPortal.d.ts
+declare const POPOVER_CONTAINER_ATTR = "data-lobe-ui-popover-container";
+declare const usePopoverPortalContainer: (root?: HTMLElement | ShadowRoot | null) => HTMLElement | null;
+//#endregion
+export { POPOVER_CONTAINER_ATTR, usePopoverPortalContainer };
+//# sourceMappingURL=PopoverPortal.d.mts.map

package/es/Popover/PopoverPortal.mjs

@@ -41,5 +41,5 @@ const usePopoverPortalContainer = (root) => {
 };
 
 //#endregion
-export { usePopoverPortalContainer };
+export { POPOVER_CONTAINER_ATTR, usePopoverPortalContainer };
 //# sourceMappingURL=PopoverPortal.mjs.map

package/es/Popover/PopoverStandalone.mjs

@@ -3,16 +3,13 @@
 import { useNativeButton } from "../hooks/useNativeButton.mjs";
 import { useIsClient } from "../hooks/useIsClient.mjs";
 import { placementMap } from "../utils/placement.mjs";
-import { PopoverProvider } from "./context.mjs";
-import { parseTrigger } from "./parseTrigger.mjs";
 import { PopoverArrowIcon } from "./ArrowIcon.mjs";
 import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
-import { styles } from "./style.mjs";
-import { cloneElement, isValidElement, memo, useCallback, useMemo, useState } from "react";
+import { PopoverArrow, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTriggerElement, PopoverViewport } from "./atoms.mjs";
+import { PopoverProvider } from "./context.mjs";
+import { parseTrigger } from "./parseTrigger.mjs";
+import { memo, useCallback, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { mergeProps } from "@base-ui/react/merge-props";
-import { mergeRefs } from "react-merge-refs";
 import { Popover } from "@base-ui/react/popover";
 
 //#region src/Popover/PopoverStandalone.tsx
@@ -52,16 +49,16 @@ const PopoverStandalone = memo(({ children, content, arrow: originArrow = false,
 		};
 	}, [baseSideOffset, inset]);
 	const portalContainer = usePopoverPortalContainer();
-	const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({
+	const { resolvedNativeButton } = useNativeButton({
 		children,
 		nativeButton
 	});
 	const resolvedClassNames = useMemo(() => ({
-		arrow: cx(styles.arrow, classNames?.arrow),
-		popup: cx(styles.popup, className),
-		positioner: cx(styles.positioner, classNames?.root),
+		arrow: classNames?.arrow,
+		popup: className,
+		positioner: classNames?.root,
 		trigger: classNames?.trigger,
-		viewport: cx(styles.viewport, classNames?.content)
+		viewport: classNames?.content
 	}), [
 		className,
 		classNames?.arrow,
@@ -70,38 +67,13 @@ const PopoverStandalone = memo(({ children, content, arrow: originArrow = false,
 		classNames?.trigger
 	]);
 	const triggerElement = useMemo(() => {
-		const baseTriggerProps = {
+		return /* @__PURE__ */ jsx(PopoverTriggerElement, {
+			handle: popoverHandle,
 			closeDelay: resolvedCloseDelay,
 			delay: resolvedOpenDelay,
 			disabled,
 			openOnHover: openOnHover && !disabled,
-			...triggerProps
-		};
-		if (isValidElement(children)) return /* @__PURE__ */ jsx(Popover.Trigger, {
-			handle: popoverHandle,
-			...baseTriggerProps,
-			nativeButton: resolvedNativeButton,
-			render: (props) => {
-				const resolvedProps = (() => {
-					if (isNativeButtonTriggerElement) return props;
-					const { type, ref: triggerRef, ...restProps } = props;
-					return restProps;
-				})();
-				const mergedProps = mergeProps(children.props, resolvedProps);
-				return cloneElement(children, {
-					...mergedProps,
-					className: cx(mergedProps.className, resolvedClassNames.trigger),
-					ref: mergeRefs([
-						children.ref,
-						props.ref,
-						refProp
-					])
-				});
-			}
-		});
-		return /* @__PURE__ */ jsx(Popover.Trigger, {
-			handle: popoverHandle,
-			...baseTriggerProps,
+			...triggerProps,
 			className: resolvedClassNames.trigger,
 			nativeButton: resolvedNativeButton,
 			ref: refProp,
@@ -110,7 +82,6 @@ const PopoverStandalone = memo(({ children, content, arrow: originArrow = false,
 	}, [
 		children,
 		disabled,
-		isNativeButtonTriggerElement,
 		openOnHover,
 		popoverHandle,
 		refProp,
@@ -136,23 +107,23 @@ const PopoverStandalone = memo(({ children, content, arrow: originArrow = false,
 		styleProps?.root,
 		zIndex
 	]);
-	const popup = useMemo(() => /* @__PURE__ */ jsx(Popover.Positioner, {
+	const popup = useMemo(() => /* @__PURE__ */ jsx(PopoverPositioner, {
 		align: placementConfig.align,
 		className: resolvedClassNames.positioner,
-		"data-hover-trigger": openOnHover || void 0,
-		"data-placement": placement,
+		hoverTrigger: openOnHover,
+		placement,
 		side: placementConfig.side,
 		sideOffset: resolvedSideOffset,
 		style: resolvedStyles.positioner,
 		...positionerProps,
-		children: /* @__PURE__ */ jsxs(Popover.Popup, {
+		children: /* @__PURE__ */ jsxs(PopoverPopup, {
 			className: resolvedClassNames.popup,
 			...popupProps,
-			children: [arrow && /* @__PURE__ */ jsx(Popover.Arrow, {
+			children: [arrow && /* @__PURE__ */ jsx(PopoverArrow, {
 				className: resolvedClassNames.arrow,
 				style: resolvedStyles.arrow,
 				children: PopoverArrowIcon
-			}), /* @__PURE__ */ jsx(Popover.Viewport, {
+			}), /* @__PURE__ */ jsx(PopoverViewport, {
 				className: resolvedClassNames.viewport,
 				style: resolvedStyles.viewport,
 				children: /* @__PURE__ */ jsx(PopoverProvider, {
@@ -177,7 +148,7 @@ const PopoverStandalone = memo(({ children, content, arrow: originArrow = false,
 	]);
 	if (!content) return children;
 	const resolvedPortalContainer = customContainer ?? portalContainer;
-	return /* @__PURE__ */ jsxs(Popover.Root, {
+	return /* @__PURE__ */ jsxs(PopoverRoot, {
 		defaultOpen,
 		handle: popoverHandle,
 		onOpenChange: handleOpenChange,
@@ -185,7 +156,7 @@ const PopoverStandalone = memo(({ children, content, arrow: originArrow = false,
 		children: [
 			triggerElement,
 			backdropProps && /* @__PURE__ */ jsx(Popover.Backdrop, { ...backdropProps }),
-			resolvedPortalContainer ? /* @__PURE__ */ jsx(Popover.Portal, {
+			resolvedPortalContainer ? /* @__PURE__ */ jsx(PopoverPortal, {
 				container: resolvedPortalContainer,
 				...portalProps,
 				children: popup