@lobehub/ui 5.6.2 → 5.6.4

package/es/mobile/ChatInputArea/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["ChatInputAreaParent","ChatSendButton"],"sources":["../../../src/mobile/ChatInputArea/index.ts"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport ChatInputAreaParent from './ChatInputArea';\nimport ChatSendButton from './components/ChatSendButton';\nimport type { ChatInputAreaProps } from './type';\n\ninterface IChatHeader {\n  (props: ChatInputAreaProps): ReactNode;\n  SendButton: typeof ChatSendButton;\n}\n\nconst ChatInputArea = ChatInputAreaParent as unknown as IChatHeader;\n\nChatInputArea.SendButton = ChatSendButton;\n\nexport default ChatInputArea;\nexport { default as ChatSendButton } from './components/ChatSendButton';\nexport type * from './type';\n"],"mappings":";;;;AAWA,MAAM,gBAAgBA;AAEtB,cAAc,aAAaC;AAE3B,4BAAe"}
+{"version":3,"file":"index.mjs","names":["ChatInputAreaParent"],"sources":["../../../src/mobile/ChatInputArea/index.ts"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport ChatInputAreaParent from './ChatInputArea';\nimport ChatSendButton from './components/ChatSendButton';\nimport type { ChatInputAreaProps } from './type';\n\ninterface IChatHeader {\n  (props: ChatInputAreaProps): ReactNode;\n  SendButton: typeof ChatSendButton;\n}\n\nconst ChatInputArea = ChatInputAreaParent as unknown as IChatHeader;\n\nChatInputArea.SendButton = ChatSendButton;\n\nexport default ChatInputArea;\nexport { default as ChatSendButton } from './components/ChatSendButton';\nexport type * from './type';\n"],"mappings":";;;AAWA,MAAM,gBAAgBA;AAEtB,cAAc,aAAa"}

package/es/mobile/ChatInputArea/style.mjs

@@ -1,34 +1,33 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/mobile/ChatInputArea/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		container: css$1`
+		container: css`
       flex: none;
       padding-block: 12px;
-      border-block-start: 1px solid ${cssVar$1.colorFillTertiary};
-      background: ${cssVar$1.colorFillQuaternary};
+      border-block-start: 1px solid ${cssVar.colorFillTertiary};
+      background: ${cssVar.colorFillQuaternary};
     `,
-		expand: css$1`
+		expand: css`
       position: absolute;
       width: 100%;
       height: 100%;
     `,
-		expandButton: css$1`
+		expandButton: css`
       position: absolute;
       inset-inline-end: 14px;
     `,
-		expandTextArea: css$1`
+		expandTextArea: css`
       flex: 1;
     `,
-		inner: css$1`
+		inner: css`
       height: inherit;
       padding-block: 0;
       padding-inline: 8px;
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/mobile/ChatInputArea/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/mobile/ChatInputArea/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    container: css`\n      flex: none;\n      padding-block: 12px;\n      border-block-start: 1px solid ${cssVar.colorFillTertiary};\n      background: ${cssVar.colorFillQuaternary};\n    `,\n    expand: css`\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    `,\n    expandButton: css`\n      position: absolute;\n      inset-inline-end: 14px;\n    `,\n    expandTextArea: css`\n      flex: 1;\n    `,\n    inner: css`\n      height: inherit;\n      padding-block: 0;\n      padding-inline: 8px;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,WAAW,KAAG;;;sCAGoBA,SAAO,kBAAkB;oBAC3CA,SAAO,oBAAoB;;EAE3C,QAAQ,KAAG;;;;;EAKX,cAAc,KAAG;;;;EAIjB,gBAAgB,KAAG;;;EAGnB,OAAO,KAAG;;;;;EAKX;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mobile/ChatInputArea/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    container: css`\n      flex: none;\n      padding-block: 12px;\n      border-block-start: 1px solid ${cssVar.colorFillTertiary};\n      background: ${cssVar.colorFillQuaternary};\n    `,\n    expand: css`\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    `,\n    expandButton: css`\n      position: absolute;\n      inset-inline-end: 14px;\n    `,\n    expandTextArea: css`\n      flex: 1;\n    `,\n    inner: css`\n      height: inherit;\n      padding-block: 0;\n      padding-inline: 8px;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,WAAW,GAAG;;;sCAGoB,OAAO,kBAAkB;oBAC3C,OAAO,oBAAoB;;EAE3C,QAAQ,GAAG;;;;;EAKX,cAAc,GAAG;;;;EAIjB,gBAAgB,GAAG;;;EAGnB,OAAO,GAAG;;;;;EAKX;EACD"}

package/es/mobile/ChatInputArea/type.d.mts

@@ -1,9 +1,7 @@
 import { ButtonProps } from "../../Button/type.mjs";
-import "../../Button/index.mjs";
 import { ChatInputAreaInnerProps } from "../../chat/ChatInputArea/type.mjs";
-import "../../chat/ChatInputArea/index.mjs";
 import { CSSProperties, ReactNode, Ref } from "react";
-import { TextAreaRef } from "antd/es/input/TextArea";
+import { TextAreaRef } from "antd/es/input/TextArea.js";
 
 //#region src/mobile/ChatInputArea/type.d.ts
 interface ChatInputAreaProps extends ChatInputAreaInnerProps {

package/es/mobile/SafeArea/SafeArea.mjs

@@ -1,9 +1,7 @@
-'use client';
-
+"use client";
 import { styles } from "./style.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/mobile/SafeArea/SafeArea.tsx
 const SafeArea = ({ position, className, ...rest }) => {
 	return /* @__PURE__ */ jsx("div", {
@@ -12,8 +10,7 @@ const SafeArea = ({ position, className, ...rest }) => {
 	});
 };
 SafeArea.displayName = "SafeArea";
-var SafeArea_default = SafeArea;
-
 //#endregion
-export { SafeArea_default as default };
+export { SafeArea as default };
+
 //# sourceMappingURL=SafeArea.mjs.map

package/es/mobile/SafeArea/SafeArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SafeArea.mjs","names":["SafeArea: FC<SafeAreaProps>"],"sources":["../../../src/mobile/SafeArea/SafeArea.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { styles } from './style';\nimport type { SafeAreaProps } from './type';\n\nconst SafeArea: FC<SafeAreaProps> = ({ position, className, ...rest }) => {\n  return <div className={cx(styles.container, styles[position], className)} {...rest} />;\n};\n\nSafeArea.displayName = 'SafeArea';\n\nexport default SafeArea;\n"],"mappings":";;;;;;;AAQA,MAAMA,YAA+B,EAAE,UAAU,WAAW,GAAG,WAAW;AACxE,QAAO,oBAAC;EAAI,WAAW,GAAG,OAAO,WAAW,OAAO,WAAW,UAAU;EAAE,GAAI;GAAQ;;AAGxF,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"SafeArea.mjs","names":[],"sources":["../../../src/mobile/SafeArea/SafeArea.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { styles } from './style';\nimport type { SafeAreaProps } from './type';\n\nconst SafeArea: FC<SafeAreaProps> = ({ position, className, ...rest }) => {\n  return <div className={cx(styles.container, styles[position], className)} {...rest} />;\n};\n\nSafeArea.displayName = 'SafeArea';\n\nexport default SafeArea;\n"],"mappings":";;;;;AAQA,MAAM,YAA+B,EAAE,UAAU,WAAW,GAAG,WAAW;AACxE,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,WAAW,OAAO,WAAW,UAAU;EAAE,GAAI;EAAQ,CAAA;;AAGxF,SAAS,cAAc"}

package/es/mobile/SafeArea/style.mjs

@@ -1,22 +1,21 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/mobile/SafeArea/style.ts
-const styles = createStaticStyles(({ css: css$1 }) => {
+const styles = createStaticStyles(({ css }) => {
 	return {
-		bottom: css$1`
+		bottom: css`
       padding-block-end: env(safe-area-inset-bottom);
     `,
-		container: css$1`
+		container: css`
       overflow: hidden;
       flex: none;
       width: 100vw;
     `,
-		top: css$1`
+		top: css`
       padding-block-start: env(safe-area-inset-top);
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/mobile/SafeArea/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mobile/SafeArea/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    bottom: css`\n      padding-block-end: env(safe-area-inset-bottom);\n    `,\n    container: css`\n      overflow: hidden;\n      flex: none;\n      width: 100vw;\n    `,\n    top: css`\n      padding-block-start: env(safe-area-inset-top);\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,iBAAU;AACpD,QAAO;EACL,QAAQ,KAAG;;;EAGX,WAAW,KAAG;;;;;EAKd,KAAK,KAAG;;;EAGT;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mobile/SafeArea/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    bottom: css`\n      padding-block-end: env(safe-area-inset-bottom);\n    `,\n    container: css`\n      overflow: hidden;\n      flex: none;\n      width: 100vw;\n    `,\n    top: css`\n      padding-block-start: env(safe-area-inset-top);\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO;EACL,QAAQ,GAAG;;;EAGX,WAAW,GAAG;;;;;EAKd,KAAK,GAAG;;;EAGT;EACD"}

package/es/mobile/TabBar/TabBar.d.mts

@@ -1,8 +1,8 @@
 import { TabBarProps } from "./type.mjs";
-import * as react155 from "react";
+import * as _$react from "react";
 
 //#region src/mobile/TabBar/TabBar.d.ts
-declare const TabBar: react155.NamedExoticComponent<TabBarProps>;
+declare const TabBar: _$react.NamedExoticComponent<TabBarProps>;
 //#endregion
 export { TabBar };
 //# sourceMappingURL=TabBar.d.mts.map

package/es/mobile/TabBar/TabBar.mjs

@@ -1,13 +1,11 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import SafeArea_default from "../SafeArea/SafeArea.mjs";
+import SafeArea from "../SafeArea/SafeArea.mjs";
 import { styles } from "./style.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import useMergeState from "use-merge-value";
-
 //#region src/mobile/TabBar/TabBar.tsx
 const TabBar = memo(({ ref, className, safeArea, items, activeKey, defaultActiveKey, onChange, ...rest }) => {
 	const [currentActive, setCurrentActive] = useMergeState(defaultActiveKey || items[0].key, {
@@ -47,12 +45,11 @@ const TabBar = memo(({ ref, className, safeArea, items, activeKey, defaultActive
 					})]
 				}, item.key);
 			})
-		}), safeArea && /* @__PURE__ */ jsx(SafeArea_default, { position: "bottom" })]
+		}), safeArea && /* @__PURE__ */ jsx(SafeArea, { position: "bottom" })]
 	});
 });
 TabBar.displayName = "MobileTabBar";
-var TabBar_default = TabBar;
-
 //#endregion
-export { TabBar_default as default };
+export { TabBar as default };
+
 //# sourceMappingURL=TabBar.mjs.map

package/es/mobile/TabBar/TabBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.mjs","names":["Flexbox","SafeArea"],"sources":["../../../src/mobile/TabBar/TabBar.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { Flexbox } from '@/Flex';\nimport SafeArea from '@/mobile/SafeArea';\n\nimport { styles } from './style';\nimport type { TabBarProps } from './type';\n\nconst TabBar = memo<TabBarProps>(\n  ({ ref, className, safeArea, items, activeKey, defaultActiveKey, onChange, ...rest }) => {\n    const [currentActive, setCurrentActive] = useMergeState<string>(\n      defaultActiveKey || items[0].key,\n      {\n        defaultValue: defaultActiveKey,\n        onChange,\n        value: activeKey,\n      },\n    );\n\n    return (\n      <Flexbox as={'footer'} className={cx(styles.container, className)} ref={ref} {...rest}>\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={cx(styles.inner, className)}\n          justify={'space-around'}\n        >\n          {items.map((item) => {\n            const active = item.key === currentActive;\n            return (\n              <Flexbox\n                align={'center'}\n                className={cx(styles.tab, active && styles.active)}\n                gap={4}\n                justify={'center'}\n                key={item.key}\n                onClick={() => {\n                  setCurrentActive(item.key);\n                  item?.onClick?.();\n                }}\n              >\n                <Flexbox align={'center'} className={styles.icon} justify={'center'}>\n                  {typeof item.icon === 'function' ? item.icon(active) : item.icon}\n                </Flexbox>\n                <div className={styles.title}>\n                  {typeof item.title === 'function' ? item.title(active) : item.title}\n                </div>\n              </Flexbox>\n            );\n          })}\n        </Flexbox>\n        {safeArea && <SafeArea position={'bottom'} />}\n      </Flexbox>\n    );\n  },\n);\n\nTabBar.displayName = 'MobileTabBar';\n\nexport default TabBar;\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,SAAS,MACZ,EAAE,KAAK,WAAW,UAAU,OAAO,WAAW,kBAAkB,UAAU,GAAG,WAAW;CACvF,MAAM,CAAC,eAAe,oBAAoB,cACxC,oBAAoB,MAAM,GAAG,KAC7B;EACE,cAAc;EACd;EACA,OAAO;EACR,CACF;AAED,QACE,qBAACA;EAAQ,IAAI;EAAU,WAAW,GAAG,OAAO,WAAW,UAAU;EAAO;EAAK,GAAI;aAC/E,oBAACA;GACC;GACA,OAAO;GACP,WAAW,GAAG,OAAO,OAAO,UAAU;GACtC,SAAS;aAER,MAAM,KAAK,SAAS;IACnB,MAAM,SAAS,KAAK,QAAQ;AAC5B,WACE,qBAACA;KACC,OAAO;KACP,WAAW,GAAG,OAAO,KAAK,UAAU,OAAO,OAAO;KAClD,KAAK;KACL,SAAS;KAET,eAAe;AACb,uBAAiB,KAAK,IAAI;AAC1B,YAAM,WAAW;;gBAGnB,oBAACA;MAAQ,OAAO;MAAU,WAAW,OAAO;MAAM,SAAS;gBACxD,OAAO,KAAK,SAAS,aAAa,KAAK,KAAK,OAAO,GAAG,KAAK;OACpD,EACV,oBAAC;MAAI,WAAW,OAAO;gBACpB,OAAO,KAAK,UAAU,aAAa,KAAK,MAAM,OAAO,GAAG,KAAK;OAC1D;OAXD,KAAK,IAYF;KAEZ;IACM,EACT,YAAY,oBAACC,oBAAS,UAAU,WAAY;GACrC;EAGf;AAED,OAAO,cAAc;AAErB,qBAAe"}
+{"version":3,"file":"TabBar.mjs","names":["Flexbox"],"sources":["../../../src/mobile/TabBar/TabBar.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { Flexbox } from '@/Flex';\nimport SafeArea from '@/mobile/SafeArea';\n\nimport { styles } from './style';\nimport type { TabBarProps } from './type';\n\nconst TabBar = memo<TabBarProps>(\n  ({ ref, className, safeArea, items, activeKey, defaultActiveKey, onChange, ...rest }) => {\n    const [currentActive, setCurrentActive] = useMergeState<string>(\n      defaultActiveKey || items[0].key,\n      {\n        defaultValue: defaultActiveKey,\n        onChange,\n        value: activeKey,\n      },\n    );\n\n    return (\n      <Flexbox as={'footer'} className={cx(styles.container, className)} ref={ref} {...rest}>\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={cx(styles.inner, className)}\n          justify={'space-around'}\n        >\n          {items.map((item) => {\n            const active = item.key === currentActive;\n            return (\n              <Flexbox\n                align={'center'}\n                className={cx(styles.tab, active && styles.active)}\n                gap={4}\n                justify={'center'}\n                key={item.key}\n                onClick={() => {\n                  setCurrentActive(item.key);\n                  item?.onClick?.();\n                }}\n              >\n                <Flexbox align={'center'} className={styles.icon} justify={'center'}>\n                  {typeof item.icon === 'function' ? item.icon(active) : item.icon}\n                </Flexbox>\n                <div className={styles.title}>\n                  {typeof item.title === 'function' ? item.title(active) : item.title}\n                </div>\n              </Flexbox>\n            );\n          })}\n        </Flexbox>\n        {safeArea && <SafeArea position={'bottom'} />}\n      </Flexbox>\n    );\n  },\n);\n\nTabBar.displayName = 'MobileTabBar';\n\nexport default TabBar;\n"],"mappings":";;;;;;;;;AAYA,MAAM,SAAS,MACZ,EAAE,KAAK,WAAW,UAAU,OAAO,WAAW,kBAAkB,UAAU,GAAG,WAAW;CACvF,MAAM,CAAC,eAAe,oBAAoB,cACxC,oBAAoB,MAAM,GAAG,KAC7B;EACE,cAAc;EACd;EACA,OAAO;EACR,CACF;AAED,QACE,qBAACA,mBAAD;EAAS,IAAI;EAAU,WAAW,GAAG,OAAO,WAAW,UAAU;EAAO;EAAK,GAAI;YAAjF,CACE,oBAACA,mBAAD;GACE,YAAA;GACA,OAAO;GACP,WAAW,GAAG,OAAO,OAAO,UAAU;GACtC,SAAS;aAER,MAAM,KAAK,SAAS;IACnB,MAAM,SAAS,KAAK,QAAQ;AAC5B,WACE,qBAACA,mBAAD;KACE,OAAO;KACP,WAAW,GAAG,OAAO,KAAK,UAAU,OAAO,OAAO;KAClD,KAAK;KACL,SAAS;KAET,eAAe;AACb,uBAAiB,KAAK,IAAI;AAC1B,YAAM,WAAW;;eARrB,CAWE,oBAACA,mBAAD;MAAS,OAAO;MAAU,WAAW,OAAO;MAAM,SAAS;gBACxD,OAAO,KAAK,SAAS,aAAa,KAAK,KAAK,OAAO,GAAG,KAAK;MACpD,CAAA,EACV,oBAAC,OAAD;MAAK,WAAW,OAAO;gBACpB,OAAO,KAAK,UAAU,aAAa,KAAK,MAAM,OAAO,GAAG,KAAK;MAC1D,CAAA,CACE;OAZH,KAAK,IAYF;KAEZ;GACM,CAAA,EACT,YAAY,oBAAC,UAAD,EAAU,UAAU,UAAY,CAAA,CACrC;;EAGf;AAED,OAAO,cAAc"}

package/es/mobile/TabBar/style.mjs

@@ -1,39 +1,38 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/mobile/TabBar/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		active: css$1`
-      color: ${cssVar$1.colorPrimary};
+		active: css`
+      color: ${cssVar.colorPrimary};
     `,
-		container: css$1`
+		container: css`
       user-select: none;
 
       overflow: hidden;
       flex: none;
 
       width: 100vw;
-      border-block-start: 1px solid ${cssVar$1.colorFillTertiary};
+      border-block-start: 1px solid ${cssVar.colorFillTertiary};
 
-      background: ${cssVar$1.colorBgLayout};
+      background: ${cssVar.colorBgLayout};
     `,
-		icon: css$1`
+		icon: css`
       width: 24px;
       height: 24px;
       font-size: 24px;
     `,
-		inner: css$1`
+		inner: css`
       position: relative;
       width: 100%;
       height: 48px;
     `,
-		tab: css$1`
+		tab: css`
       cursor: pointer;
       width: 48px;
       height: 48px;
-      color: ${cssVar$1.colorTextDescription};
+      color: ${cssVar.colorTextDescription};
     `,
-		title: css$1`
+		title: css`
       overflow: hidden;
 
       width: 100%;
@@ -47,7 +46,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/mobile/TabBar/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/mobile/TabBar/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    active: css`\n      color: ${cssVar.colorPrimary};\n    `,\n    container: css`\n      user-select: none;\n\n      overflow: hidden;\n      flex: none;\n\n      width: 100vw;\n      border-block-start: 1px solid ${cssVar.colorFillTertiary};\n\n      background: ${cssVar.colorBgLayout};\n    `,\n\n    icon: css`\n      width: 24px;\n      height: 24px;\n      font-size: 24px;\n    `,\n    inner: css`\n      position: relative;\n      width: 100%;\n      height: 48px;\n    `,\n    tab: css`\n      cursor: pointer;\n      width: 48px;\n      height: 48px;\n      color: ${cssVar.colorTextDescription};\n    `,\n    title: css`\n      overflow: hidden;\n\n      width: 100%;\n      margin-block-start: -0.125em;\n\n      font-size: 12px;\n      line-height: 1.125em;\n      text-align: center;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,QAAQ,KAAG;eACAA,SAAO,aAAa;;EAE/B,WAAW,KAAG;;;;;;;sCAOoBA,SAAO,kBAAkB;;oBAE3CA,SAAO,cAAc;;EAGrC,MAAM,KAAG;;;;;EAKT,OAAO,KAAG;;;;;EAKV,KAAK,KAAG;;;;eAIGA,SAAO,qBAAqB;;EAEvC,OAAO,KAAG;;;;;;;;;;;;EAYX;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mobile/TabBar/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    active: css`\n      color: ${cssVar.colorPrimary};\n    `,\n    container: css`\n      user-select: none;\n\n      overflow: hidden;\n      flex: none;\n\n      width: 100vw;\n      border-block-start: 1px solid ${cssVar.colorFillTertiary};\n\n      background: ${cssVar.colorBgLayout};\n    `,\n\n    icon: css`\n      width: 24px;\n      height: 24px;\n      font-size: 24px;\n    `,\n    inner: css`\n      position: relative;\n      width: 100%;\n      height: 48px;\n    `,\n    tab: css`\n      cursor: pointer;\n      width: 48px;\n      height: 48px;\n      color: ${cssVar.colorTextDescription};\n    `,\n    title: css`\n      overflow: hidden;\n\n      width: 100%;\n      margin-block-start: -0.125em;\n\n      font-size: 12px;\n      line-height: 1.125em;\n      text-align: center;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,QAAQ,GAAG;eACA,OAAO,aAAa;;EAE/B,WAAW,GAAG;;;;;;;sCAOoB,OAAO,kBAAkB;;oBAE3C,OAAO,cAAc;;EAGrC,MAAM,GAAG;;;;;EAKT,OAAO,GAAG;;;;;EAKV,KAAK,GAAG;;;;eAIG,OAAO,qBAAqB;;EAEvC,OAAO,GAAG;;;;;;;;;;;;EAYX;EACD"}

package/es/mobile/TabBar/type.d.mts

@@ -1,5 +1,4 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
-import "../../Flex/index.mjs";
 import { ReactNode, Ref } from "react";
 
 //#region src/mobile/TabBar/type.d.ts

package/es/mobile/index.d.mts

@@ -6,8 +6,6 @@ import { ChatSendButton } from "./ChatInputArea/components/ChatSendButton.mjs";
 import { ChatInputArea } from "./ChatInputArea/index.mjs";
 import { SafeAreaProps } from "./SafeArea/type.mjs";
 import { SafeArea } from "./SafeArea/SafeArea.mjs";
-import "./SafeArea/index.mjs";
 import { TabBarItemType, TabBarProps } from "./TabBar/type.mjs";
 import { TabBar } from "./TabBar/TabBar.mjs";
-import "./TabBar/index.mjs";
 export { ChatHeader, type ChatHeaderProps, ChatHeaderTitle, type ChatHeaderTitleProps, ChatInputArea, type ChatInputAreaProps, ChatSendButton, type ChatSendButtonProps, SafeArea, type SafeAreaProps, TabBar, type TabBarItemType, type TabBarProps };

package/es/mobile/index.mjs

@@ -1,8 +1,7 @@
-import SafeArea_default from "./SafeArea/SafeArea.mjs";
-import ChatHeaderTitle_default from "./ChatHeader/ChatHeaderTitle.mjs";
-import ChatHeader_default from "./ChatHeader/index.mjs";
-import ChatSendButton_default from "./ChatInputArea/components/ChatSendButton.mjs";
-import ChatInputArea_default from "./ChatInputArea/index.mjs";
-import TabBar_default from "./TabBar/TabBar.mjs";
-
-export { ChatHeader_default as ChatHeader, ChatHeaderTitle_default as ChatHeaderTitle, ChatInputArea_default as ChatInputArea, ChatSendButton_default as ChatSendButton, SafeArea_default as SafeArea, TabBar_default as TabBar };
+import SafeArea from "./SafeArea/SafeArea.mjs";
+import ChatHeaderTitle from "./ChatHeader/ChatHeaderTitle.mjs";
+import ChatHeader from "./ChatHeader/index.mjs";
+import ChatSendButton from "./ChatInputArea/components/ChatSendButton.mjs";
+import ChatInputArea from "./ChatInputArea/index.mjs";
+import TabBar from "./TabBar/TabBar.mjs";
+export { ChatHeader, ChatHeaderTitle, ChatInputArea, ChatSendButton, SafeArea, TabBar };

package/es/node_modules/@base-ui/react/esm/separator/Separator.d.mts

@@ -0,0 +1,31 @@
+import { BaseUIComponentProps, Orientation } from "../utils/types.mjs";
+import * as React$1 from "react";
+
+//#region node_modules/@base-ui/react/esm/separator/Separator.d.ts
+/**
+ * A separator element accessible to screen readers.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Separator](https://base-ui.com/react/components/separator)
+ */
+declare const Separator: React$1.ForwardRefExoticComponent<SeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+interface SeparatorProps extends BaseUIComponentProps<'div', Separator.State> {
+  /**
+   * The orientation of the separator.
+   * @default 'horizontal'
+   */
+  orientation?: Orientation;
+}
+interface SeparatorState {
+  /**
+   * The orientation of the separator.
+   */
+  orientation: Orientation;
+}
+declare namespace Separator {
+  type Props = SeparatorProps;
+  type State = SeparatorState;
+}
+//#endregion
+export { SeparatorProps };
+//# sourceMappingURL=Separator.d.mts.map

package/es/node_modules/@base-ui/react/esm/utils/types.d.mts

@@ -0,0 +1,49 @@
+import * as React$1 from "react";
+
+//#region node_modules/@base-ui/react/esm/utils/types.d.ts
+type HTMLProps<T = any> = React$1.HTMLAttributes<T> & {
+  ref?: React$1.Ref<T> | undefined;
+};
+type BaseUIEvent<E extends React$1.SyntheticEvent<Element, Event>> = E & {
+  preventBaseUIHandler: () => void;
+  readonly baseUIHandlerPrevented?: boolean;
+};
+type WithPreventBaseUIHandler<T> = T extends ((event: infer E) => any) ? E extends React$1.SyntheticEvent<Element, Event> ? (event: BaseUIEvent<E>) => ReturnType<T> : T : T extends undefined ? undefined : T;
+/**
+ * Adds a `preventBaseUIHandler` method to all event handlers.
+ */
+type WithBaseUIEvent<T> = { [K in keyof T]: WithPreventBaseUIHandler<T[K]> };
+/**
+ * Shape of the render prop: a function that takes props to be spread on the element and component's state and returns a React element.
+ *
+ * @template Props Props to be spread on the rendered element.
+ * @template State Component's internal state.
+ */
+type ComponentRenderFn<Props, State> = (props: Props, state: State) => React$1.ReactElement<unknown>;
+/**
+ * Props shared by all Base UI components.
+ * Contains `className` (string or callback taking the component's state as an argument) and `render` (function to customize rendering).
+ */
+type BaseUIComponentProps<ElementType extends React$1.ElementType, State, RenderFunctionProps = HTMLProps> = Omit<WithBaseUIEvent<React$1.ComponentPropsWithoutRef<ElementType>>, 'className' | 'color' | 'defaultValue' | 'defaultChecked'> & {
+  /**
+   * CSS class applied to the element, or a function that
+   * returns a class based on the component’s state.
+   */
+  className?: string | ((state: State) => string | undefined);
+  /**
+   * Allows you to replace the component’s HTML element
+   * with a different tag, or compose it with another component.
+   *
+   * Accepts a `ReactElement` or a function that returns the element to render.
+   */
+  render?: ComponentRenderFn<RenderFunctionProps, State> | React$1.ReactElement;
+  /**
+   * Style applied to the element, or a function that
+   * returns a style object based on the component’s state.
+   */
+  style?: React$1.CSSProperties | ((state: State) => React$1.CSSProperties | undefined);
+};
+type Orientation = 'horizontal' | 'vertical';
+//#endregion
+export { BaseUIComponentProps, Orientation };
+//# sourceMappingURL=types.d.mts.map

package/es/node_modules/@types/hast/index.d.mts

@@ -0,0 +1,228 @@
+import { Data as Data$1, Node as Node$1 } from "../unist/index.mjs";
+
+//#region node_modules/@types/hast/index.d.ts
+// ## Interfaces
+/**
+ * Info associated with hast nodes by the ecosystem.
+ *
+ * This space is guaranteed to never be specified by unist or hast.
+ * But you can use it in utilities and plugins to store data.
+ *
+ * This type can be augmented to register custom data.
+ * For example:
+ *
+ * ```ts
+ * declare module 'hast' {
+ *   interface Data {
+ *     // `someNode.data.myId` is typed as `number | undefined`
+ *     myId?: number | undefined
+ *   }
+ * }
+ * ```
+ */
+interface Data extends Data$1 {}
+/**
+ * Info associated with an element.
+ */
+interface Properties {
+  [PropertyName: string]: boolean | number | string | null | undefined | Array<string | number>;
+}
+// ## Content maps
+/**
+ * Union of registered hast nodes that can occur in {@link Element}.
+ *
+ * To register mote custom hast nodes, add them to {@link ElementContentMap}.
+ * They will be automatically added here.
+ */
+type ElementContent = ElementContentMap[keyof ElementContentMap];
+/**
+ * Registry of all hast nodes that can occur as children of {@link Element}.
+ *
+ * For a union of all {@link Element} children, see {@link ElementContent}.
+ */
+interface ElementContentMap {
+  comment: Comment;
+  element: Element;
+  text: Text;
+}
+/**
+ * Union of registered hast nodes that can occur in {@link Root}.
+ *
+ * To register custom hast nodes, add them to {@link RootContentMap}.
+ * They will be automatically added here.
+ */
+type RootContent = RootContentMap[keyof RootContentMap];
+/**
+ * Registry of all hast nodes that can occur as children of {@link Root}.
+ *
+ * > 👉 **Note**: {@link Root} does not need to be an entire document.
+ * > it can also be a fragment.
+ *
+ * For a union of all {@link Root} children, see {@link RootContent}.
+ */
+interface RootContentMap {
+  comment: Comment;
+  doctype: Doctype;
+  element: Element;
+  text: Text;
+}
+// ## Abstract nodes
+/**
+ * Abstract hast node.
+ *
+ * This interface is supposed to be extended.
+ * If you can use {@link Literal} or {@link Parent}, you should.
+ * But for example in HTML, a `Doctype` is neither literal nor parent, but
+ * still a node.
+ *
+ * To register custom hast nodes, add them to {@link RootContentMap} and other
+ * places where relevant (such as {@link ElementContentMap}).
+ *
+ * For a union of all registered hast nodes, see {@link Nodes}.
+ */
+interface Node extends Node$1 {
+  /**
+   * Info from the ecosystem.
+   */
+  data?: Data | undefined;
+}
+/**
+ * Abstract hast node that contains the smallest possible value.
+ *
+ * This interface is supposed to be extended if you make custom hast nodes.
+ *
+ * For a union of all registered hast literals, see {@link Literals}.
+ */
+interface Literal extends Node {
+  /**
+   * Plain-text value.
+   */
+  value: string;
+}
+/**
+ * Abstract hast node that contains other hast nodes (*children*).
+ *
+ * This interface is supposed to be extended if you make custom hast nodes.
+ *
+ * For a union of all registered hast parents, see {@link Parents}.
+ */
+interface Parent extends Node {
+  /**
+   * List of children.
+   */
+  children: RootContent[];
+}
+// ## Concrete nodes
+/**
+ * HTML comment.
+ */
+interface Comment extends Literal {
+  /**
+   * Node type of HTML comments in hast.
+   */
+  type: "comment";
+  /**
+   * Data associated with the comment.
+   */
+  data?: CommentData | undefined;
+}
+/**
+ * Info associated with hast comments by the ecosystem.
+ */
+interface CommentData extends Data {}
+/**
+ * HTML document type.
+ */
+interface Doctype extends Node$1 {
+  /**
+   * Node type of HTML document types in hast.
+   */
+  type: "doctype";
+  /**
+   * Data associated with the doctype.
+   */
+  data?: DoctypeData | undefined;
+}
+/**
+ * Info associated with hast doctypes by the ecosystem.
+ */
+interface DoctypeData extends Data {}
+/**
+ * HTML element.
+ */
+interface Element extends Parent {
+  /**
+   * Node type of elements.
+   */
+  type: "element";
+  /**
+   * Tag name (such as `'body'`) of the element.
+   */
+  tagName: string;
+  /**
+   * Info associated with the element.
+   */
+  properties: Properties;
+  /**
+   * Children of element.
+   */
+  children: ElementContent[];
+  /**
+   * When the `tagName` field is `'template'`, a `content` field can be
+   * present.
+   */
+  content?: Root | undefined;
+  /**
+   * Data associated with the element.
+   */
+  data?: ElementData | undefined;
+}
+/**
+ * Info associated with hast elements by the ecosystem.
+ */
+interface ElementData extends Data {}
+/**
+ * Document fragment or a whole document.
+ *
+ * Should be used as the root of a tree and must not be used as a child.
+ *
+ * Can also be used as the value for the content field on a `'template'` element.
+ */
+interface Root extends Parent {
+  /**
+   * Node type of hast root.
+   */
+  type: "root";
+  /**
+   * Children of root.
+   */
+  children: RootContent[];
+  /**
+   * Data associated with the hast root.
+   */
+  data?: RootData | undefined;
+}
+/**
+ * Info associated with hast root nodes by the ecosystem.
+ */
+interface RootData extends Data {}
+/**
+ * HTML character data (plain text).
+ */
+interface Text extends Literal {
+  /**
+   * Node type of HTML character data (plain text) in hast.
+   */
+  type: "text";
+  /**
+   * Data associated with the text.
+   */
+  data?: TextData | undefined;
+}
+/**
+ * Info associated with hast texts by the ecosystem.
+ */
+interface TextData extends Data {}
+//#endregion
+export { Root };
+//# sourceMappingURL=index.d.mts.map