@lobehub/ui 5.57.2 → 6.0.0-beta.1

package/es/mobile/ChatInputArea/components/ChatSendButton.mjs

@@ -1,5 +1,5 @@
 "use client";
-import Button from "../../../base-ui/Button/Button.mjs";
+import Button from "../../../Button/Button.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { SendHorizontal } from "lucide-react";

package/es/mobile/ChatInputArea/components/ChatSendButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatSendButton.mjs","names":[],"sources":["../../../../src/mobile/ChatInputArea/components/ChatSendButton.tsx"],"sourcesContent":["'use client';\n\nimport { SendHorizontal } from 'lucide-react';\nimport { memo } from 'react';\n\nimport Button from '@/base-ui/Button';\n\nimport type { ChatSendButtonProps } from '../type';\n\nconst ChatSendButton = memo<ChatSendButtonProps>(({ ref, loading, onStop, onSend, ...rest }) => {\n  return (\n    <Button\n      icon={SendHorizontal}\n      loading={loading}\n      ref={ref}\n      type={'primary'}\n      onClick={(e) => {\n        e.preventDefault();\n        if (loading) {\n          onStop?.(e);\n        } else {\n          onSend?.(e);\n        }\n      }}\n      {...rest}\n    />\n  );\n});\n\nChatSendButton.displayName = 'ChatSendButton';\n\nexport default ChatSendButton;\n"],"mappings":";;;;;;AASA,MAAM,iBAAiB,MAA2B,EAAE,KAAK,SAAS,QAAQ,QAAQ,GAAG,WAAW;CAC9F,OACE,oBAAC,QAAD;EACE,MAAM;EACG;EACJ;EACL,MAAM;EACN,UAAU,MAAM;GACd,EAAE,eAAe;GACjB,IAAI,SACF,SAAS,CAAC;QAEV,SAAS,CAAC;EAEd;EACA,GAAI;CACL,CAAA;AAEL,CAAC;AAED,eAAe,cAAc"}
+{"version":3,"file":"ChatSendButton.mjs","names":[],"sources":["../../../../src/mobile/ChatInputArea/components/ChatSendButton.tsx"],"sourcesContent":["'use client';\n\nimport { SendHorizontal } from 'lucide-react';\nimport { memo } from 'react';\n\nimport Button from '@/Button';\n\nimport type { ChatSendButtonProps } from '../type';\n\nconst ChatSendButton = memo<ChatSendButtonProps>(({ ref, loading, onStop, onSend, ...rest }) => {\n  return (\n    <Button\n      icon={SendHorizontal}\n      loading={loading}\n      ref={ref}\n      type={'primary'}\n      onClick={(e) => {\n        e.preventDefault();\n        if (loading) {\n          onStop?.(e);\n        } else {\n          onSend?.(e);\n        }\n      }}\n      {...rest}\n    />\n  );\n});\n\nChatSendButton.displayName = 'ChatSendButton';\n\nexport default ChatSendButton;\n"],"mappings":";;;;;;AASA,MAAM,iBAAiB,MAA2B,EAAE,KAAK,SAAS,QAAQ,QAAQ,GAAG,WAAW;CAC9F,OACE,oBAAC,QAAD;EACE,MAAM;EACG;EACJ;EACL,MAAM;EACN,UAAU,MAAM;GACd,EAAE,eAAe;GACjB,IAAI,SACF,SAAS,CAAC;QAEV,SAAS,CAAC;EAEd;EACA,GAAI;CACL,CAAA;AAEL,CAAC;AAED,eAAe,cAAc"}

package/es/mobile/ChatInputArea/style.mjs

@@ -1,32 +1,17 @@
-import { createStaticStyles } from "antd-style";
 //#region src/mobile/ChatInputArea/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => {
-	return {
-		container: css`
-      flex: none;
-      padding-block: 12px;
-      border-block-start: 1px solid ${cssVar.colorFillTertiary};
-      background: ${cssVar.colorFillQuaternary};
-    `,
-		expand: css`
-      position: absolute;
-      width: 100%;
-      height: 100%;
-    `,
-		expandButton: css`
-      position: absolute;
-      inset-inline-end: 14px;
-    `,
-		expandTextArea: css`
-      flex: 1;
-    `,
-		inner: css`
-      height: inherit;
-      padding-block: 0;
-      padding-inline: 8px;
-    `
-	};
-});
+const styles = {
+	container: {
+		kWkggS: "lb91pywm",
+		kLZC3w: "lbpi5byy",
+		kPef9Z: "lb13fuv20",
+		kEafiO: "lb178xt8z",
+		$$css: true
+	},
+	expand: {
+		kVAEAm: "lb10l6tqk",
+		$$css: true
+	}
+};
 //#endregion
 export { styles };
 

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

@@ -1 +1 @@
-{"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;CAC5D,OAAO;EACL,WAAW,GAAG;;;sCAGoB,OAAO,kBAAkB;oBAC3C,OAAO,oBAAoB;;EAE3C,QAAQ,GAAG;;;;;EAKX,cAAc,GAAG;;;;EAIjB,gBAAgB,GAAG;;;EAGnB,OAAO,GAAG;;;;;CAKZ;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mobile/ChatInputArea/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const styles = stylex.create({\n  container: {\n    backgroundColor: cssVar.colorFillQuaternary,\n    borderBlockStartColor: cssVar.colorFillTertiary,\n    borderBlockStartStyle: 'solid',\n    borderBlockStartWidth: 1,\n  },\n  expand: {\n    position: 'absolute',\n  },\n});\n"],"mappings":";AAGA,MAAa,SAAS;CACpB,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;AACF"}

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

@@ -1,10 +1,10 @@
-import { ButtonProps } from "../../base-ui/Button/type.mjs";
-import "../../base-ui/Button/index.mjs";
+import { ButtonProps } from "../../Button/type.mjs";
+import "../../Button/index.mjs";
 import { ChatInputAreaInnerProps } from "../../chat/ChatInputArea/type.mjs";
 import "../../chat/ChatInputArea/index.mjs";
 import { CSSProperties, MouseEventHandler, ReactNode, Ref } from "react";
 //#region src/mobile/ChatInputArea/type.d.ts
-interface ChatInputAreaProps extends ChatInputAreaInnerProps {
+export interface ChatInputAreaProps extends ChatInputAreaInnerProps {
   bottomAddons?: ReactNode;
   expand?: boolean;
   ref?: Ref<HTMLTextAreaElement>;
@@ -15,10 +15,9 @@ interface ChatInputAreaProps extends ChatInputAreaInnerProps {
   textAreaRightAddons?: ReactNode;
   topAddons?: ReactNode;
 }
-interface ChatSendButtonProps extends Omit<ButtonProps, 'onClick'> {
+export interface ChatSendButtonProps extends Omit<ButtonProps, 'onClick'> {
   onSend?: MouseEventHandler<HTMLElement>;
   onStop?: MouseEventHandler<HTMLElement>;
 }
 //#endregion
-export { ChatInputAreaProps, ChatSendButtonProps };
 //# sourceMappingURL=type.d.mts.map

package/es/mobile/SafeArea/SafeArea.mjs

@@ -1,11 +1,11 @@
 "use client";
+import { styleProps } from "../../styles/stylex/props.mjs";
 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 }) => {
+const SafeArea = ({ position, className, style, ...rest }) => {
 	return /* @__PURE__ */ jsx("div", {
-		className: cx(styles.container, styles[position], className),
+		...styleProps([styles.container, styles[position]], className, style),
 		...rest
 	});
 };

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

@@ -1 +1 @@
-{"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;CACxE,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,WAAW,OAAO,WAAW,SAAS;EAAG,GAAI;CAAO,CAAA;AACvF;AAEA,SAAS,cAAc"}
+{"version":3,"file":"SafeArea.mjs","names":[],"sources":["../../../src/mobile/SafeArea/SafeArea.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { styles } from './style';\nimport type { SafeAreaProps } from './type';\n\nconst SafeArea: FC<SafeAreaProps> = ({ position, className, style, ...rest }) => {\n  return <div {...styleProps([styles.container, styles[position]], className, style)} {...rest} />;\n};\n\nSafeArea.displayName = 'SafeArea';\n\nexport default SafeArea;\n"],"mappings":";;;;;AASA,MAAM,YAA+B,EAAE,UAAU,WAAW,OAAO,GAAG,WAAW;CAC/E,OAAO,oBAAC,OAAD;EAAK,GAAI,WAAW,CAAC,OAAO,WAAW,OAAO,SAAS,GAAG,WAAW,KAAK;EAAG,GAAI;CAAO,CAAA;AACjG;AAEA,SAAS,cAAc"}

package/es/mobile/SafeArea/style.mjs

@@ -1,20 +1,20 @@
-import { createStaticStyles } from "antd-style";
 //#region src/mobile/SafeArea/style.ts
-const styles = createStaticStyles(({ css }) => {
-	return {
-		bottom: css`
-      padding-block-end: env(safe-area-inset-bottom);
-    `,
-		container: css`
-      overflow: hidden;
-      flex: none;
-      width: 100vw;
-    `,
-		top: css`
-      padding-block-start: env(safe-area-inset-top);
-    `
-	};
-});
+const styles = {
+	bottom: {
+		kGO01o: "lb11ba12",
+		$$css: true
+	},
+	container: {
+		kUk6DE: "lb1okw0bk",
+		kVQacm: "lbb3r6kr",
+		kzqmXN: "lbn9wirt",
+		$$css: true
+	},
+	top: {
+		kLKAdn: "lb6vio5b",
+		$$css: true
+	}
+};
 //#endregion
 export { styles };
 

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,UAAU;CACpD,OAAO;EACL,QAAQ,GAAG;;;EAGX,WAAW,GAAG;;;;;EAKd,KAAK,GAAG;;;CAGV;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mobile/SafeArea/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nexport const styles = stylex.create({\n  bottom: {\n    paddingBlockEnd: 'env(safe-area-inset-bottom)',\n  },\n  container: {\n    flex: 'none',\n    overflow: 'hidden',\n    width: '100vw',\n  },\n  top: {\n    paddingBlockStart: 'env(safe-area-inset-top)',\n  },\n});\n"],"mappings":";AACA,MAAa,SAAS;CACpB,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,OAAO;CACT;AACF"}

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

@@ -1,8 +1,7 @@
 import { DivProps } from "../../types/index.mjs";
 //#region src/mobile/SafeArea/type.d.ts
-interface SafeAreaProps extends DivProps {
+export interface SafeAreaProps extends DivProps {
   position: 'top' | 'bottom';
 }
 //#endregion
-export { SafeAreaProps };
 //# sourceMappingURL=type.d.mts.map

package/es/mobile/TabBar/TabBar.mjs

@@ -1,46 +1,54 @@
 "use client";
+import { styleProps } from "../../styles/stylex/props.mjs";
 import FlexBasic_default from "../../Flex/FlexBasic.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";
+import * as stylex from "@stylexjs/stylex";
+import useControlledState 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, {
+	const [currentActive, setCurrentActive] = useControlledState(defaultActiveKey || items[0].key, {
 		defaultValue: defaultActiveKey,
 		onChange,
 		value: activeKey
 	});
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
 		as: "footer",
-		className: cx(styles.container, className),
+		flex: "none",
 		ref,
+		width: "100vw",
+		...styleProps(styles.container, className),
 		...rest,
 		children: [/* @__PURE__ */ jsx(FlexBasic_default, {
 			horizontal: true,
 			align: "center",
-			className: cx(styles.inner, className),
+			height: 48,
 			justify: "space-around",
+			...styleProps(styles.inner, className),
 			children: items.map((item) => {
 				const active = item.key === currentActive;
 				return /* @__PURE__ */ jsxs(FlexBasic_default, {
 					align: "center",
-					className: cx(styles.tab, active && styles.active),
 					gap: 4,
+					height: 48,
 					justify: "center",
+					width: 48,
+					...stylex.props(styles.tab, active && styles.active),
 					onClick: () => {
 						setCurrentActive(item.key);
 						item?.onClick?.();
 					},
 					children: [/* @__PURE__ */ jsx(FlexBasic_default, {
 						align: "center",
-						className: styles.icon,
+						height: 24,
 						justify: "center",
+						width: 24,
+						...stylex.props(styles.icon),
 						children: typeof item.icon === "function" ? item.icon(active) : item.icon
 					}), /* @__PURE__ */ jsx("div", {
-						className: styles.title,
+						...stylex.props(styles.title),
 						children: typeof item.title === "function" ? item.title(active) : item.title
 					})]
 				}, item.key);

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

@@ -1 +1 @@
-{"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,EAAE,CAAC,KAC7B;EACE,cAAc;EACd;EACA,OAAO;CACT,CACF;CAEA,OACE,qBAACA,mBAAD;EAAS,IAAI;EAAU,WAAW,GAAG,OAAO,WAAW,SAAS;EAAQ;EAAK,GAAI;EAAjF,UAAA,CACE,oBAACA,mBAAD;GACE,YAAA;GACA,OAAO;GACP,WAAW,GAAG,OAAO,OAAO,SAAS;GACrC,SAAS;GAER,UAAA,MAAM,KAAK,SAAS;IACnB,MAAM,SAAS,KAAK,QAAQ;IAC5B,OACE,qBAACA,mBAAD;KACE,OAAO;KACP,WAAW,GAAG,OAAO,KAAK,UAAU,OAAO,MAAM;KACjD,KAAK;KACL,SAAS;KAET,eAAe;MACb,iBAAiB,KAAK,GAAG;MACzB,MAAM,UAAU;KAClB;KATF,UAAA,CAWE,oBAACA,mBAAD;MAAS,OAAO;MAAU,WAAW,OAAO;MAAM,SAAS;MACxD,UAAA,OAAO,KAAK,SAAS,aAAa,KAAK,KAAK,MAAM,IAAI,KAAK;KACrD,CAAA,GACT,oBAAC,OAAD;MAAK,WAAW,OAAO;MACpB,UAAA,OAAO,KAAK,UAAU,aAAa,KAAK,MAAM,MAAM,IAAI,KAAK;KAC3D,CAAA,CACE;IAZF,GAAA,KAAK,GAYH;GAEb,CAAC;EACM,CAAA,GACR,YAAY,oBAAC,UAAD,EAAU,UAAU,SAAW,CAAA,CACrC;;AAEb,CACF;AAEA,OAAO,cAAc"}
+{"version":3,"file":"TabBar.mjs","names":["useMergeState","Flexbox"],"sources":["../../../src/mobile/TabBar/TabBar.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport { memo } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { Flexbox } from '@/Flex';\nimport SafeArea from '@/mobile/SafeArea';\nimport { styleProps } from '@/styles/stylex/props';\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\n        as={'footer'}\n        flex={'none'}\n        ref={ref}\n        width={'100vw'}\n        {...styleProps(styles.container, className)}\n        {...rest}\n      >\n        <Flexbox\n          horizontal\n          align={'center'}\n          height={48}\n          justify={'space-around'}\n          {...styleProps(styles.inner, className)}\n        >\n          {items.map((item) => {\n            const active = item.key === currentActive;\n            return (\n              <Flexbox\n                align={'center'}\n                gap={4}\n                height={48}\n                justify={'center'}\n                key={item.key}\n                width={48}\n                {...stylex.props(styles.tab, active && styles.active)}\n                onClick={() => {\n                  setCurrentActive(item.key);\n                  item?.onClick?.();\n                }}\n              >\n                <Flexbox\n                  align={'center'}\n                  height={24}\n                  justify={'center'}\n                  width={24}\n                  {...stylex.props(styles.icon)}\n                >\n                  {typeof item.icon === 'function' ? item.icon(active) : item.icon}\n                </Flexbox>\n                <div {...stylex.props(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":";;;;;;;;;;AAUA,MAAM,SAAS,MAAmB,EAChC,KACA,WACA,UACA,OACA,WACA,kBACA,UACA,GAAG,WACC;CACJ,MAAM,CAAC,eAAe,oBAAoBA,mBAAsB,oBAAoB,MAAM,EAAE,CAAC,KAAK;EAChG,cAAc;EACd;EACA,OAAO;CACT,CAAC;CACD,OAAO,qBAACC,mBAAD;EAAS,IAAI;EAAU,MAAM;EAAa;EAAK,OAAO;EAAS,GAAI,WAAW,OAAO,WAAW,SAAS;EAAG,GAAI;EAAhH,UAAA,CACD,oBAACA,mBAAD;GAAS,YAAA;GAAW,OAAO;GAAU,QAAQ;GAAI,SAAS;GAAgB,GAAI,WAAW,OAAO,OAAO,SAAS;GAC7G,UAAA,MAAM,KAAI,SAAQ;IACrB,MAAM,SAAS,KAAK,QAAQ;IAC5B,OAAO,qBAACA,mBAAD;KAAS,OAAO;KAAU,KAAK;KAAG,QAAQ;KAAI,SAAS;KAAyB,OAAO;KAAI,GAAI,OAAO,MAAM,OAAO,KAAK,UAAU,OAAO,MAAM;KAAG,eAAe;MACtK,iBAAiB,KAAK,GAAG;MACzB,MAAM,UAAU;KAClB;KAHO,UAAA,CAIC,oBAACA,mBAAD;MAAS,OAAO;MAAU,QAAQ;MAAI,SAAS;MAAU,OAAO;MAAI,GAAI,OAAO,MAAM,OAAO,IAAI;MAC7F,UAAA,OAAO,KAAK,SAAS,aAAa,KAAK,KAAK,MAAM,IAAI,KAAK;KACrD,CAAA,GACT,oBAAC,OAAD;MAAK,GAAI,OAAO,MAAM,OAAO,KAAK;MAC/B,UAAA,OAAO,KAAK,UAAU,aAAa,KAAK,MAAM,MAAM,IAAI,KAAK;KAC3D,CAAA,CACE;IAV8D,GAAA,KAAK,GAUnE;GACjB,CAAC;EACU,CAAA,GACR,YAAY,oBAAC,UAAD,EAAU,UAAU,SAAW,CAAA,CACrC;;AACf,CAAC;AACD,OAAO,cAAc"}

package/es/mobile/TabBar/style.mjs

@@ -1,51 +1,43 @@
-import { createStaticStyles } from "antd-style";
 //#region src/mobile/TabBar/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => {
-	return {
-		active: css`
-      color: ${cssVar.colorPrimary};
-    `,
-		container: css`
-      user-select: none;
-
-      overflow: hidden;
-      flex: none;
-
-      width: 100vw;
-      border-block-start: 1px solid ${cssVar.colorFillTertiary};
-
-      background: ${cssVar.colorBgLayout};
-    `,
-		icon: css`
-      width: 24px;
-      height: 24px;
-      font-size: 24px;
-    `,
-		inner: css`
-      position: relative;
-      width: 100%;
-      height: 48px;
-    `,
-		tab: css`
-      cursor: pointer;
-      width: 48px;
-      height: 48px;
-      color: ${cssVar.colorTextDescription};
-    `,
-		title: css`
-      overflow: hidden;
-
-      width: 100%;
-      margin-block-start: -0.125em;
-
-      font-size: 12px;
-      line-height: 1.125em;
-      text-align: center;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    `
-	};
-});
+const styles = {
+	active: {
+		kMwMTN: "lb16owwnm",
+		$$css: true
+	},
+	container: {
+		kVQacm: "lbb3r6kr",
+		kWkggS: "lb41ilrr",
+		kLZC3w: "lbpi5byy",
+		kPef9Z: "lb13fuv20",
+		kEafiO: "lb178xt8z",
+		kfSwDN: "lb87ps6o",
+		$$css: true
+	},
+	icon: {
+		kGuDYH: "lb1pvqxga",
+		$$css: true
+	},
+	inner: {
+		kVAEAm: "lb1n2onr6",
+		$$css: true
+	},
+	tab: {
+		kMwMTN: "lb19ppog9",
+		kkrTdU: "lb1ypdohk",
+		$$css: true
+	},
+	title: {
+		kVQacm: "lbb3r6kr",
+		kGuDYH: "lbfifm61",
+		kLWn49: "lb19br3l",
+		keoZOQ: "lbiosdrt",
+		k9WMMc: "lb2b8uid",
+		kg5iWk: "lblyipyv",
+		khDVqt: "lbuxw1ft",
+		kzqmXN: "lbh8yej3",
+		$$css: true
+	}
+};
 //#endregion
 export { styles };
 

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

@@ -1 +1 @@
-{"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;CAC5D,OAAO;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;;;;;;;;;;;;CAYZ;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mobile/TabBar/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const styles = stylex.create({\n  active: {\n    color: cssVar.colorPrimary,\n  },\n  container: {\n    overflow: 'hidden',\n    backgroundColor: cssVar.colorBgLayout,\n    borderBlockStartColor: cssVar.colorFillTertiary,\n    borderBlockStartStyle: 'solid',\n    borderBlockStartWidth: 1,\n    userSelect: 'none',\n  },\n  icon: {\n    fontSize: 24,\n  },\n  inner: {\n    position: 'relative',\n  },\n  tab: {\n    color: cssVar.colorTextDescription,\n    cursor: 'pointer',\n  },\n  title: {\n    overflow: 'hidden',\n    fontSize: 12,\n    lineHeight: '1.125em',\n    marginBlockStart: '-0.125em',\n    textAlign: 'center',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    width: '100%',\n  },\n});\n"],"mappings":";AAGA,MAAa,SAAS;CACpB,QAAQ;EACN,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

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

@@ -2,13 +2,13 @@ import { FlexboxProps } from "../../Flex/type.mjs";
 import "../../Flex/index.mjs";
 import { ReactNode, Ref } from "react";
 //#region src/mobile/TabBar/type.d.ts
-interface TabBarItemType {
+export interface TabBarItemType {
   icon: ReactNode | ((active: boolean) => ReactNode);
   key: string;
   onClick?: () => void;
   title: ReactNode | ((active: boolean) => ReactNode);
 }
-interface TabBarProps extends Omit<FlexboxProps, 'onChange'> {
+export interface TabBarProps extends Omit<FlexboxProps, 'onChange'> {
   activeKey?: string;
   defaultActiveKey?: string;
   items: TabBarItemType[];
@@ -17,5 +17,4 @@ interface TabBarProps extends Omit<FlexboxProps, 'onChange'> {
   safeArea?: boolean;
 }
 //#endregion
-export { TabBarItemType, TabBarProps };
 //# sourceMappingURL=type.d.mts.map