@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/Burger/style.mjs

@@ -1,140 +1,52 @@
-import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
-import { createStaticStyles } from "antd-style";
 //#region src/Burger/style.ts
-const prefixCls = "ant";
-const styles = createStaticStyles(({ css, cssVar }) => {
-	return {
-		container: css`
-      cursor: pointer;
-      width: ${cssVar.controlHeight};
-      height: ${cssVar.controlHeight};
-      border-radius: ${cssVar.borderRadius};
-    `,
-		drawer: css`
-      &.${prefixCls}-drawer-content {
-        background: transparent;
-      }
-
-      .${prefixCls}-drawer-body {
-        display: flex;
-        flex-direction: column;
-      }
-    `,
-		drawerRoot: css`
-      inset-block-start: var(--burger-drawer-top, calc(var(--burger-header-height, 64px) + 1px));
-
-      :focus-visible {
-        outline: none;
-      }
-
-      .${prefixCls}-drawer {
-        &-mask {
-          ${staticStylish.blur};
-          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);
-        }
-
-        &-content-wrapper {
-          box-shadow: none;
-        }
-      }
-    `,
-		drawerRootFullscreen: css`
-      inset-block-start: 0;
-
-      :focus-visible {
-        outline: none;
-      }
-
-      .${prefixCls}-drawer {
-        &-mask {
-          ${staticStylish.blur};
-          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);
-        }
-
-        &-content-wrapper {
-          box-shadow: none;
-        }
-      }
-    `,
-		fillRect: css`
-      flex: 1;
-      width: 100%;
-      border-block-start: none;
-    `,
-		menu: css`
-      padding-block-start: var(--burger-menu-padding-top, 0);
-      border-inline-end: transparent !important;
-      background: transparent;
-
-      > .${prefixCls}-menu-item-only-child, .${prefixCls}-menu-submenu-title {
-        width: 100%;
-        margin: 0 !important;
-        border-block-start: none;
-        border-radius: 0;
-
-        &:active {
-          color: ${cssVar.colorText};
-          background-color: ${cssVar.colorFill};
-        }
-      }
-
-      .${prefixCls}-menu-item-only-child:first-child {
-        border-block-start: none;
-      }
-
-      .${prefixCls}-menu-submenu-title[aria-expanded='true'] {
-        a {
-          font-weight: 600;
-          color: ${cssVar.colorText} !important;
-        }
-      }
-
-      .${prefixCls}-menu-item-group-title {
-        padding-block: 8px;
-
-        font-size: 12px;
-        font-weight: 500;
-        line-height: 1;
-        text-overflow: ellipsis;
-        text-transform: uppercase;
-        white-space: nowrap;
-
-        background: ${cssVar.colorFillSecondary};
-      }
-
-      .${prefixCls}-menu-item {
-        width: calc(100% - 16px) !important;
-        margin: 8px !important;
-        border-radius: ${cssVar.borderRadius};
-
-        &:hover,
-        &:active {
-          color: ${cssVar.colorText} !important;
-          background: ${cssVar.colorFillSecondary} !important;
-        }
-      }
-
-      .${prefixCls}-menu-item-active {
-        width: calc(100% - 16px) !important;
-        margin: 8px !important;
-        border-radius: ${cssVar.borderRadius};
-        background: ${cssVar.colorFillSecondary};
-      }
-
-      .${prefixCls}-menu-item-selected {
-        font-weight: 600;
-        color: ${cssVar.colorBgLayout};
-        background: ${cssVar.colorText};
-
-        &:hover,
-        &:active {
-          color: ${cssVar.colorBgLayout} !important;
-          background: ${cssVar.colorText} !important;
-        }
-      }
-    `
-	};
-});
+const styles = {
+	footer: {
+		kmVPX3: "lb1qhigcl",
+		kOIVth: "lb167g77z",
+		k1xSpc: "lb78zum5",
+		keoZOQ: "lbr1yuqi",
+		$$css: true
+	},
+	fullHeader: {
+		kUk6DE: "lb1okw0bk",
+		kg3NbH: "lbaope02",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kjj79g: "lb13a6bvl",
+		$$css: true
+	},
+	largeRow: {
+		kaIpWk: "lb4pepcl",
+		kg3NbH: "lbdqyycr",
+		kWkggS: "lbjbqb8w lb1gowcop",
+		kMwMTN: "lbybvley lb1bxu9lh",
+		kGuDYH: "lb1s3cmhv",
+		k63SB2: "lb1s688f",
+		kb6lSQ: "lb72az59",
+		kLWn49: "lb1uo3zyz",
+		kAzted: "lb1wxaq2x",
+		$$css: true
+	},
+	largeRowCurrent: {
+		kWkggS: "lbjbqb8w",
+		kMwMTN: "lb66ogz0",
+		$$css: true
+	},
+	row: {
+		kaIpWk: "lb1e6avla",
+		kOIVth: "lb1af02g3",
+		kg3NbH: "lb1hr3lfm",
+		kGuDYH: "lb19d36u7",
+		kAzted: "lb1wiwyrm",
+		$$css: true
+	},
+	rowCurrent: {
+		kWkggS: "lbuzaq58",
+		kMwMTN: "lb1y38k7b",
+		k63SB2: "lb1s688f",
+		$$css: true
+	}
+};
 //#endregion
 export { styles };
 

package/es/Burger/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Burger/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    container: css`\n      cursor: pointer;\n      width: ${cssVar.controlHeight};\n      height: ${cssVar.controlHeight};\n      border-radius: ${cssVar.borderRadius};\n    `,\n    drawer: css`\n      &.${prefixCls}-drawer-content {\n        background: transparent;\n      }\n\n      .${prefixCls}-drawer-body {\n        display: flex;\n        flex-direction: column;\n      }\n    `,\n    drawerRoot: css`\n      inset-block-start: var(--burger-drawer-top, calc(var(--burger-header-height, 64px) + 1px));\n\n      :focus-visible {\n        outline: none;\n      }\n\n      .${prefixCls}-drawer {\n        &-mask {\n          ${lobeStaticStylish.blur};\n          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n        }\n\n        &-content-wrapper {\n          box-shadow: none;\n        }\n      }\n    `,\n    drawerRootFullscreen: css`\n      inset-block-start: 0;\n\n      :focus-visible {\n        outline: none;\n      }\n\n      .${prefixCls}-drawer {\n        &-mask {\n          ${lobeStaticStylish.blur};\n          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n        }\n\n        &-content-wrapper {\n          box-shadow: none;\n        }\n      }\n    `,\n\n    fillRect: css`\n      flex: 1;\n      width: 100%;\n      border-block-start: none;\n    `,\n\n    menu: css`\n      padding-block-start: var(--burger-menu-padding-top, 0);\n      border-inline-end: transparent !important;\n      background: transparent;\n\n      > .${prefixCls}-menu-item-only-child, .${prefixCls}-menu-submenu-title {\n        width: 100%;\n        margin: 0 !important;\n        border-block-start: none;\n        border-radius: 0;\n\n        &:active {\n          color: ${cssVar.colorText};\n          background-color: ${cssVar.colorFill};\n        }\n      }\n\n      .${prefixCls}-menu-item-only-child:first-child {\n        border-block-start: none;\n      }\n\n      .${prefixCls}-menu-submenu-title[aria-expanded='true'] {\n        a {\n          font-weight: 600;\n          color: ${cssVar.colorText} !important;\n        }\n      }\n\n      .${prefixCls}-menu-item-group-title {\n        padding-block: 8px;\n\n        font-size: 12px;\n        font-weight: 500;\n        line-height: 1;\n        text-overflow: ellipsis;\n        text-transform: uppercase;\n        white-space: nowrap;\n\n        background: ${cssVar.colorFillSecondary};\n      }\n\n      .${prefixCls}-menu-item {\n        width: calc(100% - 16px) !important;\n        margin: 8px !important;\n        border-radius: ${cssVar.borderRadius};\n\n        &:hover,\n        &:active {\n          color: ${cssVar.colorText} !important;\n          background: ${cssVar.colorFillSecondary} !important;\n        }\n      }\n\n      .${prefixCls}-menu-item-active {\n        width: calc(100% - 16px) !important;\n        margin: 8px !important;\n        border-radius: ${cssVar.borderRadius};\n        background: ${cssVar.colorFillSecondary};\n      }\n\n      .${prefixCls}-menu-item-selected {\n        font-weight: 600;\n        color: ${cssVar.colorBgLayout};\n        background: ${cssVar.colorText};\n\n        &:hover,\n        &:active {\n          color: ${cssVar.colorBgLayout} !important;\n          background: ${cssVar.colorText} !important;\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAIA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,WAAW,GAAG;;eAEH,OAAO,cAAc;gBACpB,OAAO,cAAc;uBACd,OAAO,aAAa;;EAEvC,QAAQ,GAAG;UACL,UAAU;;;;SAIX,UAAU;;;;;EAKf,YAAY,GAAG;;;;;;;SAOV,UAAU;;YAEPA,cAAkB,KAAK;iDACc,OAAO,cAAc;;;;;;;;EAQlE,sBAAsB,GAAG;;;;;;;SAOpB,UAAU;;YAEPA,cAAkB,KAAK;iDACc,OAAO,cAAc;;;;;;;;EASlE,UAAU,GAAG;;;;;EAMb,MAAM,GAAG;;;;;WAKF,UAAU,0BAA0B,UAAU;;;;;;;mBAOtC,OAAO,UAAU;8BACN,OAAO,UAAU;;;;SAItC,UAAU;;;;SAIV,UAAU;;;mBAGA,OAAO,UAAU;;;;SAI3B,UAAU;;;;;;;;;;sBAUG,OAAO,mBAAmB;;;SAGvC,UAAU;;;yBAGM,OAAO,aAAa;;;;mBAI1B,OAAO,UAAU;wBACZ,OAAO,mBAAmB;;;;SAIzC,UAAU;;;yBAGM,OAAO,aAAa;sBACvB,OAAO,mBAAmB;;;SAGvC,UAAU;;iBAEF,OAAO,cAAc;sBAChB,OAAO,UAAU;;;;mBAIpB,OAAO,cAAc;wBAChB,OAAO,UAAU;;;;CAIvC;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Burger/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const styles = stylex.create({\n  footer: {\n    padding: 20,\n    gap: 8,\n    display: 'flex',\n    marginBlockStart: 'auto',\n  },\n  fullHeader: {\n    flex: 'none',\n    paddingInline: 12,\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'flex-end',\n  },\n  largeRow: {\n    borderRadius: 12,\n    paddingInline: 8,\n    backgroundColor: { 'default': 'transparent', ':hover': cssVar.colorFillTertiary },\n    color: { 'default': cssVar.colorTextQuaternary, ':hover': cssVar.colorText },\n    fontSize: 32,\n    fontWeight: 600,\n    letterSpacing: '-0.02em',\n    lineHeight: 1.15,\n    minHeight: 48,\n  },\n  largeRowCurrent: {\n    backgroundColor: 'transparent',\n    color: cssVar.colorText,\n  },\n  row: {\n    borderRadius: 999,\n    gap: 14,\n    paddingInline: 16,\n    fontSize: 17,\n    minHeight: 52,\n  },\n  rowCurrent: {\n    backgroundColor: cssVar.colorText,\n    color: cssVar.colorBgContainer,\n    fontWeight: 600,\n  },\n});\n"],"mappings":";AAGA,MAAa,SAAS;CACpB,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/Burger/type.d.mts

@@ -1,26 +1,22 @@
-import { ActionIconProps } from "../base-ui/ActionIcon/type.mjs";
-import "../base-ui/ActionIcon/index.mjs";
-import { CSSProperties, Ref } from "react";
-import { DrawerProps, MenuProps } from "antd";
+import { ActionIconProps } from "../ActionIcon/type.mjs";
+import "../ActionIcon/index.mjs";
+import { ListItem } from "../List/type.mjs";
+import "../List/index.mjs";
+import { CSSProperties, Key, ReactNode } from "react";
 //#region src/Burger/type.d.ts
-interface BurgerProps {
+export interface BurgerProps {
+  activeKey?: Key | null;
   className?: string;
-  drawerProps?: Partial<Omit<DrawerProps, 'items' | 'opened' | 'setOpened'>>;
+  footer?: ReactNode;
   fullscreen?: boolean;
   headerHeight?: number;
-  iconProps?: Partial<ActionIconProps>;
-  items: MenuProps['items'];
-  onClick?: MenuProps['onClick'];
+  items: ListItem[];
+  onOpenChange: (opened: boolean) => void;
+  onSelect?: (key: Key) => void;
   opened: boolean;
-  openKeys?: MenuProps['openKeys'];
-  ref?: Ref<HTMLDivElement>;
-  rootClassName?: string;
-  selectedKeys?: MenuProps['selectedKeys'];
-  setOpened: (state: boolean) => void;
   size?: ActionIconProps['size'];
   style?: CSSProperties;
   variant?: ActionIconProps['variant'];
 }
 //#endregion
-export { BurgerProps };
 //# sourceMappingURL=type.d.mts.map

package/es/Button/Button.d.mts

@@ -1,10 +1,8 @@
-import { ButtonProps } from "./type.mjs";
-import { FC } from "react";
+import "../styles/stylex/props.mjs";
+import { ButtonProps, ButtonType } from "./type.mjs";
+import { ReactElement } from "react";
 //#region src/Button/Button.d.ts
-/**
- * @deprecated Use `Button` from `@lobehub/ui/base-ui` instead.
- */
-declare const Button: FC<ButtonProps>;
+declare const Button: <T extends ButtonType = "default">(props: ButtonProps<T>) => ReactElement;
 //#endregion
 export { Button as default };
 //# sourceMappingURL=Button.d.mts.map

package/es/Button/Button.mjs

@@ -1,44 +1,144 @@
 "use client";
+import { useMotionComponent } from "../MotionProvider/index.mjs";
+import { styleProps } from "../styles/stylex/props.mjs";
+import { focusRing } from "../styles/stylex/focusRing.mjs";
 import Icon from "../Icon/Icon.mjs";
-import { variants } from "./style.mjs";
+import { styles } from "./style.mjs";
 import { isValidElement } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cx, useThemeMode } from "antd-style";
-import { Loader2Icon } from "lucide-react";
-import { Button } from "antd";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import * as stylex from "@stylexjs/stylex";
 //#region src/Button/Button.tsx
-/**
-* @deprecated Use `Button` from `@lobehub/ui/base-ui` instead.
-*/
-const Button$1 = ({ icon, variant, glass, shadow, loading, className, type, color, danger, children, iconProps, ref, ...rest }) => {
-	const { isDarkMode } = useThemeMode();
-	const defaultVariant = type ? void 0 : variant || (isDarkMode ? "filled" : "outlined");
-	return /* @__PURE__ */ jsx(Button, {
-		color: color || (defaultVariant === "filled" ? "default" : void 0),
+const resolveIconNode = (node) => {
+	if (node === void 0 || node === null) return null;
+	if (isValidElement(node) || typeof node === "string" || typeof node === "number") return node;
+	return /* @__PURE__ */ jsx(Icon, {
+		icon: node,
+		size: "small"
+	});
+};
+const resolveSizeCls = (size) => {
+	if (size === "small") return styles.sizeSmall;
+	if (size === "large") return styles.sizeLarge;
+	return styles.sizeMiddle;
+};
+const resolveIconOnlySizeCls = (size) => {
+	if (size === "small") return styles.iconOnlySmall;
+	if (size === "large") return styles.iconOnlyLarge;
+	return styles.iconOnlyMiddle;
+};
+const resolveVariantCls = ({ danger, ghost, type }) => {
+	if (ghost && type !== "text" && type !== "link") {
+		if (danger) return styles.ghostDanger;
+		if (type === "primary") return styles.ghostPrimary;
+		return styles.ghostDefault;
+	}
+	switch (type) {
+		case "primary": return danger ? styles.dangerSolid : styles.variantPrimary;
+		case "dashed": return danger ? [styles.variantDashed, styles.dangerOutlined] : styles.variantDashed;
+		case "fill": return danger ? styles.dangerFill : styles.variantFill;
+		case "text": return danger ? [styles.variantText, styles.dangerText] : styles.variantText;
+		case "link": return danger ? [styles.variantLink, styles.dangerInline] : styles.variantLink;
+		default: return danger ? [styles.variantDefault, styles.dangerOutlined] : styles.variantDefault;
+	}
+};
+const tapAnim = { scale: .98 };
+const motionTransition = {
+	damping: 26,
+	mass: .6,
+	stiffness: 600,
+	type: "spring"
+};
+const ButtonImpl = ({ block, children, className, classNames, danger = false, disabled, outdent, ghost = false, href, htmlType = "button", icon, iconPosition = "start", loading, onClick, ref, shape = "default", size = "middle", styles: userStyles, target, type = "default", xstyle, ...rest }) => {
+	const Motion = useMotionComponent();
+	const isInteractionDisabled = disabled || loading;
+	const sizeCls = resolveSizeCls(size);
+	const variantCls = resolveVariantCls({
 		danger,
-		ref,
-		type,
-		variant: defaultVariant,
-		className: cx(variants({
-			glass,
-			shadow
-		}), className),
-		icon: icon && (isValidElement(icon) ? icon : /* @__PURE__ */ jsx(Icon, {
-			icon,
-			...iconProps,
-			size: iconProps?.size || { size: "1.2em" }
-		})),
-		loading: loading ? { icon: /* @__PURE__ */ jsx(Icon, {
-			icon: Loader2Icon,
-			...iconProps,
-			spin: true,
-			size: iconProps?.size || { size: "1.2em" }
-		}) } : false,
-		...rest,
+		ghost,
+		type
+	});
+	const shapeCls = shape === "circle" ? styles.shapeCircle : shape === "round" ? styles.shapeRound : void 0;
+	const iconOnlySizeCls = !(children !== void 0 && children !== null && children !== false && children !== "") && !!(loading || icon) ? resolveIconOnlySizeCls(size) : void 0;
+	const outdentCls = type === "text" && outdent ? outdent === "end" ? styles.outdentEnd : styles.outdentStart : void 0;
+	const composedClassName = styleProps([
+		styles.base,
+		focusRing.info,
+		sizeCls,
+		variantCls,
+		shapeCls,
+		block && styles.block,
+		iconPosition === "end" && styles.iconEnd,
+		iconOnlySizeCls,
+		outdentCls,
+		xstyle
+	], className).className;
+	const spinnerNode = /* @__PURE__ */ jsx("span", {
+		"aria-hidden": !loading,
+		...styleProps([
+			styles.iconBox,
+			styles.spinnerSlot,
+			iconPosition === "end" && styles.spinnerSlotEnd,
+			loading && styles.spinnerSlotShow
+		], classNames?.icon, userStyles?.icon),
+		children: /* @__PURE__ */ jsx("span", { ...stylex.props(styles.spinner) })
+	});
+	const iconNode = icon && !loading ? /* @__PURE__ */ jsx("span", {
+		...styleProps(styles.iconBox, classNames?.icon, userStyles?.icon),
+		children: resolveIconNode(icon)
+	}) : null;
+	const inner = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		spinnerNode,
+		iconNode,
 		children
+	] });
+	const motionGestures = isInteractionDisabled ? {} : {
+		transition: motionTransition,
+		whileTap: tapAnim
+	};
+	if (href !== void 0) {
+		const handleAnchorClick = (e) => {
+			if (isInteractionDisabled) {
+				e.preventDefault();
+				return;
+			}
+			onClick?.(e);
+		};
+		return /* @__PURE__ */ jsx(Motion.a, {
+			"aria-busy": loading || void 0,
+			"aria-disabled": isInteractionDisabled || void 0,
+			href: disabled ? void 0 : href,
+			target,
+			...rest,
+			className: composedClassName,
+			ref,
+			onClick: handleAnchorClick,
+			...motionGestures,
+			children: inner
+		});
+	}
+	const handleButtonClick = (e) => {
+		if (isInteractionDisabled) {
+			e.preventDefault();
+			return;
+		}
+		onClick?.(e);
+	};
+	return /* @__PURE__ */ jsx(Motion.button, {
+		type: htmlType,
+		...rest,
+		"aria-busy": loading || void 0,
+		"aria-disabled": isInteractionDisabled || void 0,
+		className: composedClassName,
+		disabled,
+		ref,
+		onClick: handleButtonClick,
+		...motionGestures,
+		children: inner
 	});
 };
+ButtonImpl.displayName = "BaseButton";
+const Button = ButtonImpl;
 //#endregion
-export { Button$1 as default };
+export { ButtonImpl, Button as default };
 
 //# sourceMappingURL=Button.mjs.map

package/es/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","names":["Button","AntdButton"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport { Button as AntdButton } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { Loader2Icon } from 'lucide-react';\nimport { type FC, isValidElement } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { variants } from './style';\nimport type { ButtonProps } from './type';\n\n/**\n * @deprecated Use `Button` from `@lobehub/ui/base-ui` instead.\n */\nconst Button: FC<ButtonProps> = ({\n  icon,\n  variant,\n  glass,\n  shadow,\n  loading,\n  className,\n  type,\n  color,\n  danger,\n  children,\n  iconProps,\n  ref,\n  ...rest\n}) => {\n  const { isDarkMode } = useThemeMode();\n\n  const defaultVariant = type ? undefined : variant || (isDarkMode ? 'filled' : 'outlined');\n\n  return (\n    <AntdButton\n      color={color || (defaultVariant === 'filled' ? 'default' : undefined)}\n      danger={danger}\n      ref={ref}\n      type={type}\n      variant={defaultVariant}\n      className={cx(\n        variants({\n          glass,\n          shadow,\n        }),\n        className,\n      )}\n      icon={\n        icon &&\n        (isValidElement(icon) ? (\n          icon\n        ) : (\n          <Icon icon={icon} {...iconProps} size={iconProps?.size || { size: '1.2em' }} />\n        ))\n      }\n      loading={\n        loading\n          ? {\n              icon: (\n                <Icon\n                  icon={Loader2Icon}\n                  {...iconProps}\n                  spin\n                  size={iconProps?.size || { size: '1.2em' }}\n                />\n              ),\n            }\n          : false\n      }\n      {...rest}\n    >\n      {children}\n    </AntdButton>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,YAA2B,EAC/B,MACA,SACA,OACA,QACA,SACA,WACA,MACA,OACA,QACA,UACA,WACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CAEpC,MAAM,iBAAiB,OAAO,KAAA,IAAY,YAAY,aAAa,WAAW;CAE9E,OACE,oBAACC,QAAD;EACE,OAAO,UAAU,mBAAmB,WAAW,YAAY,KAAA;EACnD;EACH;EACC;EACN,SAAS;EACT,WAAW,GACT,SAAS;GACP;GACA;EACF,CAAC,GACD,SACF;EACA,MACE,SACC,eAAe,IAAI,IAClB,OAEA,oBAAC,MAAD;GAAY;GAAM,GAAI;GAAW,MAAM,WAAW,QAAQ,EAAE,MAAM,QAAQ;EAAI,CAAA;EAGlF,SACE,UACI,EACE,MACE,oBAAC,MAAD;GACE,MAAM;GACN,GAAI;GACJ,MAAA;GACA,MAAM,WAAW,QAAQ,EAAE,MAAM,QAAQ;EAC1C,CAAA,EAEL,IACA;EAEN,GAAI;EAEH;CACS,CAAA;AAEhB"}
+{"version":3,"file":"Button.mjs","names":[],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport {\n  isValidElement,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\nimport Icon, { type IconProps } from '@/Icon';\nimport { useMotionComponent } from '@/MotionProvider';\nimport { focusRing } from '@/styles/stylex/focusRing';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { styles } from './style';\nimport type { ButtonOutdent, ButtonProps, ButtonType } from './type';\n\nconst resolveIconNode = (node: ReactNode | IconProps['icon'] | undefined | null) => {\n  if (node === undefined || node === null) return null;\n  if (isValidElement(node) || typeof node === 'string' || typeof node === 'number') {\n    return node;\n  }\n  return <Icon icon={node as any} size={'small'} />;\n};\n\nconst resolveSizeCls = (size: ButtonProps['size']) => {\n  if (size === 'small') return styles.sizeSmall;\n  if (size === 'large') return styles.sizeLarge;\n  return styles.sizeMiddle;\n};\n\nconst resolveIconOnlySizeCls = (size: ButtonProps['size']) => {\n  if (size === 'small') return styles.iconOnlySmall;\n  if (size === 'large') return styles.iconOnlyLarge;\n  return styles.iconOnlyMiddle;\n};\n\nconst resolveVariantCls = ({\n  danger,\n  ghost,\n  type,\n}: {\n  danger: boolean;\n  ghost: boolean;\n  type: NonNullable<ButtonProps['type']>;\n}) => {\n  // `text` and `link` already drop the surface, so `ghost` there would only cost them\n  // their own traits (link's zero inline padding).\n  if (ghost && type !== 'text' && type !== 'link') {\n    if (danger) return styles.ghostDanger;\n    if (type === 'primary') return styles.ghostPrimary;\n    return styles.ghostDefault;\n  }\n\n  switch (type) {\n    case 'primary': {\n      return danger ? styles.dangerSolid : styles.variantPrimary;\n    }\n    case 'dashed': {\n      return danger ? [styles.variantDashed, styles.dangerOutlined] : styles.variantDashed;\n    }\n    case 'fill': {\n      return danger ? styles.dangerFill : styles.variantFill;\n    }\n    case 'text': {\n      return danger ? [styles.variantText, styles.dangerText] : styles.variantText;\n    }\n    case 'link': {\n      return danger ? [styles.variantLink, styles.dangerInline] : styles.variantLink;\n    }\n    default: {\n      return danger ? [styles.variantDefault, styles.dangerOutlined] : styles.variantDefault;\n    }\n  }\n};\n\nconst tapAnim = { scale: 0.98 };\nconst motionTransition = {\n  damping: 26,\n  mass: 0.6,\n  stiffness: 600,\n  type: 'spring' as const,\n};\n\ntype ButtonImplProps = Omit<ButtonProps, 'outdent' | 'type'> & {\n  outdent?: ButtonOutdent;\n  type?: ButtonType;\n  xstyle?: Parameters<typeof styleProps>[0];\n};\n\nconst ButtonImpl = ({\n  block,\n  children,\n  className,\n  classNames,\n  danger = false,\n  disabled,\n  outdent,\n  ghost = false,\n  href,\n  htmlType = 'button',\n  icon,\n  iconPosition = 'start',\n  loading,\n  onClick,\n  ref,\n  shape = 'default',\n  size = 'middle',\n  styles: userStyles,\n  target,\n  type = 'default',\n  xstyle,\n  ...rest\n}: ButtonImplProps) => {\n  const Motion = useMotionComponent();\n  const isInteractionDisabled = disabled || loading;\n  const sizeCls = resolveSizeCls(size);\n  const variantCls = resolveVariantCls({ danger, ghost, type });\n  const shapeCls =\n    shape === 'circle' ? styles.shapeCircle : shape === 'round' ? styles.shapeRound : undefined;\n\n  const hasChildren =\n    children !== undefined && children !== null && children !== false && children !== '';\n  const renderIcon = loading || icon;\n  const iconOnly = !hasChildren && !!renderIcon;\n  const iconOnlySizeCls = iconOnly ? resolveIconOnlySizeCls(size) : undefined;\n\n  const outdentCls =\n    type === 'text' && outdent\n      ? outdent === 'end'\n        ? styles.outdentEnd\n        : styles.outdentStart\n      : undefined;\n\n  const composedClassName = styleProps(\n    [\n      styles.base,\n      focusRing.info,\n      sizeCls,\n      variantCls,\n      shapeCls,\n      block && styles.block,\n      iconPosition === 'end' && styles.iconEnd,\n      iconOnlySizeCls,\n      outdentCls,\n      xstyle,\n    ],\n    className,\n  ).className;\n\n  const spinnerNode = (\n    <span\n      aria-hidden={!loading}\n      {...styleProps(\n        [\n          styles.iconBox,\n          styles.spinnerSlot,\n          iconPosition === 'end' && styles.spinnerSlotEnd,\n          loading && styles.spinnerSlotShow,\n        ],\n        classNames?.icon,\n        userStyles?.icon,\n      )}\n    >\n      <span {...stylex.props(styles.spinner)} />\n    </span>\n  );\n\n  const iconNode =\n    icon && !loading ? (\n      <span {...styleProps(styles.iconBox, classNames?.icon, userStyles?.icon)}>\n        {resolveIconNode(icon)}\n      </span>\n    ) : null;\n\n  const inner = (\n    <>\n      {spinnerNode}\n      {iconNode}\n      {children}\n    </>\n  );\n\n  const motionGestures = isInteractionDisabled\n    ? {}\n    : { transition: motionTransition, whileTap: tapAnim };\n\n  if (href !== undefined) {\n    const handleAnchorClick = (e: MouseEvent<HTMLAnchorElement>) => {\n      if (isInteractionDisabled) {\n        e.preventDefault();\n        return;\n      }\n      onClick?.(e as unknown as MouseEvent<HTMLButtonElement>);\n    };\n\n    return (\n      <Motion.a\n        aria-busy={loading || undefined}\n        aria-disabled={isInteractionDisabled || undefined}\n        href={disabled ? undefined : href}\n        target={target}\n        {...(rest as any)}\n        className={composedClassName}\n        ref={ref as Ref<HTMLAnchorElement>}\n        onClick={handleAnchorClick}\n        {...motionGestures}\n      >\n        {inner}\n      </Motion.a>\n    );\n  }\n\n  const handleButtonClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (isInteractionDisabled) {\n      e.preventDefault();\n      return;\n    }\n    onClick?.(e);\n  };\n\n  return (\n    <Motion.button\n      type={htmlType}\n      {...(rest as any)}\n      aria-busy={loading || undefined}\n      aria-disabled={isInteractionDisabled || undefined}\n      className={composedClassName}\n      disabled={disabled}\n      ref={ref as Ref<HTMLButtonElement>}\n      onClick={handleButtonClick}\n      {...motionGestures}\n    >\n      {inner}\n    </Motion.button>\n  );\n};\n\nButtonImpl.displayName = 'BaseButton';\n\nexport { ButtonImpl };\n\nconst Button = ButtonImpl as <T extends ButtonType = 'default'>(\n  props: ButtonProps<T>,\n) => ReactElement;\n\nexport default Button;\n"],"mappings":"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"}

package/es/Button/SplitButton.d.mts

@@ -0,0 +1,31 @@
+import { DropdownMenuProps } from "../DropdownMenu/type.mjs";
+import "../DropdownMenu/index.mjs";
+import { ButtonProps } from "./type.mjs";
+import { CSSProperties, ReactNode } from "react";
+//#region src/Button/SplitButton.d.ts
+interface SharedVisualProps {
+  danger?: boolean;
+  disabled?: boolean;
+  loading?: boolean;
+  size?: ButtonProps['size'];
+  type?: ButtonProps['type'];
+}
+interface SplitButtonProps extends SharedVisualProps {
+  children: ReactNode;
+  className?: string;
+  style?: CSSProperties;
+}
+declare const SplitButton: ({ children, className, style, danger, disabled, loading, size, type }: SplitButtonProps) => import("react").JSX.Element;
+declare const SplitButtonMain: (props: ButtonProps) => import("react").JSX.Element;
+interface SplitButtonMenuProps extends Omit<DropdownMenuProps, 'children'> {
+  icon?: ReactNode;
+}
+declare const SplitButtonMenu: ({ icon, disabled, ...menuProps }: SplitButtonMenuProps) => import("react").JSX.Element;
+type SplitButtonComponent = typeof SplitButton & {
+  Main: typeof SplitButtonMain;
+  Menu: typeof SplitButtonMenu;
+};
+declare const _default: SplitButtonComponent;
+//#endregion
+export { type SplitButtonMenuProps, type SplitButtonProps, _default as default };
+//# sourceMappingURL=SplitButton.d.mts.map

package/es/Button/SplitButton.mjs

@@ -0,0 +1,80 @@
+"use client";
+import { styleProps } from "../styles/stylex/props.mjs";
+import { splitStyles } from "./style.mjs";
+import { ButtonImpl } from "./Button.mjs";
+import DropdownMenu from "../DropdownMenu/DropdownMenu.mjs";
+import { createContext, use, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { ChevronDownIcon } from "lucide-react";
+//#region src/Button/SplitButton.tsx
+const SplitButtonContext = createContext({});
+const SplitButton = ({ children, className, style, danger, disabled, loading, size, type }) => {
+	const shared = useMemo(() => ({
+		danger,
+		disabled,
+		loading,
+		size,
+		type
+	}), [
+		danger,
+		disabled,
+		loading,
+		size,
+		type
+	]);
+	return /* @__PURE__ */ jsx(SplitButtonContext, {
+		value: shared,
+		children: /* @__PURE__ */ jsx("div", {
+			...styleProps([
+				splitStyles.root,
+				type === "primary" && (danger ? splitStyles.solidDanger : splitStyles.solidPrimary),
+				(disabled || loading) && splitStyles.interactionDisabled
+			], className, style),
+			children
+		})
+	});
+};
+const itemFill = ({ danger, ghost }) => {
+	if (ghost) return splitStyles.itemFillGhost;
+	return danger ? splitStyles.itemFillDanger : splitStyles.itemFillPrimary;
+};
+const itemStyle = (shared, item) => {
+	const solid = shared.type === "primary";
+	return [
+		splitStyles.item,
+		(shared.disabled || shared.loading) && splitStyles.itemInteractionDisabled,
+		solid && splitStyles.itemSolid,
+		solid && (item.type ?? shared.type) === "primary" && itemFill({
+			danger: item.danger ?? shared.danger,
+			ghost: item.ghost
+		})
+	];
+};
+const SplitButtonMain = (props) => {
+	const shared = use(SplitButtonContext);
+	return /* @__PURE__ */ jsx(ButtonImpl, {
+		...shared,
+		...props,
+		xstyle: itemStyle(shared, props)
+	});
+};
+const SplitButtonMenu = ({ icon = /* @__PURE__ */ jsx(ChevronDownIcon, { size: 14 }), disabled, ...menuProps }) => {
+	const shared = use(SplitButtonContext);
+	const interactionDisabled = disabled || shared.disabled || shared.loading;
+	return /* @__PURE__ */ jsx(DropdownMenu, {
+		...menuProps,
+		disabled: interactionDisabled,
+		children: /* @__PURE__ */ jsx(ButtonImpl, {
+			...shared,
+			disabled: interactionDisabled,
+			icon,
+			xstyle: itemStyle(shared, {})
+		})
+	});
+};
+SplitButton.Main = SplitButtonMain;
+SplitButton.Menu = SplitButtonMenu;
+//#endregion
+export { SplitButton as default };
+
+//# sourceMappingURL=SplitButton.mjs.map

package/es/Button/SplitButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.mjs","names":[],"sources":["../../src/Button/SplitButton.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDownIcon } from 'lucide-react';\nimport { createContext, type CSSProperties, type ReactNode, use, useMemo } from 'react';\n\nimport { DropdownMenu, type DropdownMenuProps } from '@/DropdownMenu';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { ButtonImpl } from './Button';\nimport { splitStyles } from './style';\nimport type { ButtonProps } from './type';\n\ninterface SharedVisualProps {\n  danger?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  size?: ButtonProps['size'];\n  type?: ButtonProps['type'];\n}\n\ninterface SplitButtonProps extends SharedVisualProps {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n}\n\nconst SplitButtonContext = createContext<SharedVisualProps>({});\n\nconst SplitButton = ({\n  children,\n  className,\n  style,\n  danger,\n  disabled,\n  loading,\n  size,\n  type,\n}: SplitButtonProps) => {\n  const shared = useMemo<SharedVisualProps>(\n    () => ({ danger, disabled, loading, size, type }),\n    [danger, disabled, loading, size, type],\n  );\n  return (\n    <SplitButtonContext value={shared}>\n      <div\n        {...styleProps(\n          [\n            splitStyles.root,\n            type === 'primary' && (danger ? splitStyles.solidDanger : splitStyles.solidPrimary),\n            (disabled || loading) && splitStyles.interactionDisabled,\n          ],\n          className,\n          style,\n        )}\n      >\n        {children}\n      </div>\n    </SplitButtonContext>\n  );\n};\n\nconst itemFill = ({ danger, ghost }: Pick<ButtonProps, 'danger' | 'ghost'>) => {\n  if (ghost) return splitStyles.itemFillGhost;\n  return danger ? splitStyles.itemFillDanger : splitStyles.itemFillPrimary;\n};\n\nconst itemStyle = (\n  shared: SharedVisualProps,\n  item: Pick<ButtonProps, 'danger' | 'ghost' | 'type'>,\n) => {\n  const solid = shared.type === 'primary';\n  return [\n    splitStyles.item,\n    (shared.disabled || shared.loading) && splitStyles.itemInteractionDisabled,\n    solid && splitStyles.itemSolid,\n    solid &&\n      (item.type ?? shared.type) === 'primary' &&\n      itemFill({ danger: item.danger ?? shared.danger, ghost: item.ghost }),\n  ];\n};\n\nconst SplitButtonMain = (props: ButtonProps) => {\n  const shared = use(SplitButtonContext);\n  return <ButtonImpl {...shared} {...props} xstyle={itemStyle(shared, props)} />;\n};\n\ninterface SplitButtonMenuProps extends Omit<DropdownMenuProps, 'children'> {\n  icon?: ReactNode;\n}\n\nconst SplitButtonMenu = ({\n  icon = <ChevronDownIcon size={14} />,\n  disabled,\n  ...menuProps\n}: SplitButtonMenuProps) => {\n  const shared = use(SplitButtonContext);\n  const interactionDisabled = disabled || shared.disabled || shared.loading;\n\n  return (\n    <DropdownMenu {...menuProps} disabled={interactionDisabled}>\n      <ButtonImpl\n        {...shared}\n        disabled={interactionDisabled}\n        icon={icon}\n        xstyle={itemStyle(shared, {})}\n      />\n    </DropdownMenu>\n  );\n};\n\ntype SplitButtonComponent = typeof SplitButton & {\n  Main: typeof SplitButtonMain;\n  Menu: typeof SplitButtonMenu;\n};\n\n(SplitButton as SplitButtonComponent).Main = SplitButtonMain;\n(SplitButton as SplitButtonComponent).Menu = SplitButtonMenu;\n\nexport type { SplitButtonMenuProps, SplitButtonProps };\nexport default SplitButton as SplitButtonComponent;\n"],"mappings":";;;;;;;;;AA0BA,MAAM,qBAAqB,cAAiC,CAAC,CAAC;AAE9D,MAAM,eAAe,EACnB,UACA,WACA,OACA,QACA,UACA,SACA,MACA,WACsB;CACtB,MAAM,SAAS,eACN;EAAE;EAAQ;EAAU;EAAS;EAAM;CAAK,IAC/C;EAAC;EAAQ;EAAU;EAAS;EAAM;CAAI,CACxC;CACA,OACE,oBAAC,oBAAD;EAAoB,OAAO;EACzB,UAAA,oBAAC,OAAD;GACE,GAAI,WACF;IACE,YAAY;IACZ,SAAS,cAAc,SAAS,YAAY,cAAc,YAAY;KACrE,YAAY,YAAY,YAAY;GACvC,GACA,WACA,KACF;GAEC;EACE,CAAA;CACa,CAAA;AAExB;AAEA,MAAM,YAAY,EAAE,QAAQ,YAAmD;CAC7E,IAAI,OAAO,OAAO,YAAY;CAC9B,OAAO,SAAS,YAAY,iBAAiB,YAAY;AAC3D;AAEA,MAAM,aACJ,QACA,SACG;CACH,MAAM,QAAQ,OAAO,SAAS;CAC9B,OAAO;EACL,YAAY;GACX,OAAO,YAAY,OAAO,YAAY,YAAY;EACnD,SAAS,YAAY;EACrB,UACG,KAAK,QAAQ,OAAO,UAAU,aAC/B,SAAS;GAAE,QAAQ,KAAK,UAAU,OAAO;GAAQ,OAAO,KAAK;EAAM,CAAC;CACxE;AACF;AAEA,MAAM,mBAAmB,UAAuB;CAC9C,MAAM,SAAS,IAAI,kBAAkB;CACrC,OAAO,oBAAC,YAAD;EAAY,GAAI;EAAQ,GAAI;EAAO,QAAQ,UAAU,QAAQ,KAAK;CAAI,CAAA;AAC/E;AAMA,MAAM,mBAAmB,EACvB,OAAO,oBAAC,iBAAD,EAAiB,MAAM,GAAK,CAAA,GACnC,UACA,GAAG,gBACuB;CAC1B,MAAM,SAAS,IAAI,kBAAkB;CACrC,MAAM,sBAAsB,YAAY,OAAO,YAAY,OAAO;CAElE,OACE,oBAAC,cAAD;EAAc,GAAI;EAAW,UAAU;EACrC,UAAA,oBAAC,YAAD;GACE,GAAI;GACJ,UAAU;GACJ;GACN,QAAQ,UAAU,QAAQ,CAAC,CAAC;EAC7B,CAAA;CACW,CAAA;AAElB;AAOA,YAAsC,OAAO;AAC7C,YAAsC,OAAO"}

package/es/Button/index.d.mts

@@ -1,3 +1,5 @@
-import { ButtonProps } from "./type.mjs";
+import { ButtonIconPosition, ButtonOutdent, ButtonProps, ButtonShape, ButtonSize, ButtonType } from "./type.mjs";
 import Button from "./Button.mjs";
-export { type ButtonProps, Button as default };
+import _default, { SplitButtonMenuProps, SplitButtonProps } from "./SplitButton.mjs";
+import { buttonPaddingInline, buttonStyles } from "./style.mjs";
+export { Button, type ButtonIconPosition, type ButtonOutdent, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonType, _default as SplitButton, type SplitButtonMenuProps, type SplitButtonProps, buttonPaddingInline, buttonStyles, Button as default };

package/es/Button/index.mjs

@@ -1 +1,4 @@
-export { default } from "./Button.mjs";
+import { buttonPaddingInline, buttonStyles } from "./style.mjs";
+import Button from "./Button.mjs";
+import SplitButton from "./SplitButton.mjs";
+export { Button, SplitButton, buttonPaddingInline, buttonStyles, Button as default };