@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/base-ui/Burger/Burger.mjs

@@ -1,69 +0,0 @@
-"use client";
-import ActionIcon from "../ActionIcon/ActionIcon.mjs";
-import { useTranslation } from "../../i18n/useTranslation.mjs";
-import Drawer from "../Drawer/Drawer.mjs";
-import List from "../List/List.mjs";
-import burger_default from "../../i18n/resources/en/burger.mjs";
-import { styles } from "./style.mjs";
-import { memo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Menu, X } from "lucide-react";
-//#region src/base-ui/Burger/Burger.tsx
-const withoutIcons = (items) => items.flatMap((item) => item.type === "divider" ? [] : [{
-	...item,
-	icon: void 0
-}]);
-const Burger = memo(({ activeKey, className, footer, fullscreen = false, headerHeight = 64, items, onOpenChange, onSelect, opened, size, style, variant }) => {
-	const { t } = useTranslation(burger_default);
-	const close = () => onOpenChange(false);
-	const toggle = /* @__PURE__ */ jsx(ActionIcon, {
-		"aria-expanded": opened,
-		"aria-label": opened ? t("burger.close") : t("burger.open"),
-		className,
-		icon: opened ? X : Menu,
-		size,
-		style,
-		variant,
-		onClick: () => onOpenChange(!opened)
-	});
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [toggle, /* @__PURE__ */ jsxs(Drawer, {
-		noHeader: true,
-		classNames: { bodyContent: styles.body },
-		height: fullscreen ? "100dvh" : `calc(100dvh - ${headerHeight}px)`,
-		open: opened,
-		placement: "top",
-		styles: fullscreen ? void 0 : { popup: { insetBlockStart: headerHeight } },
-		onClose: close,
-		children: [
-			fullscreen && /* @__PURE__ */ jsx("div", {
-				className: styles.fullHeader,
-				style: { height: headerHeight },
-				children: /* @__PURE__ */ jsx(ActionIcon, {
-					"aria-label": t("burger.close"),
-					icon: X,
-					size,
-					onClick: close
-				})
-			}),
-			/* @__PURE__ */ jsx(List, {
-				selectable: true,
-				activeKey: activeKey ?? null,
-				classNames: { item: fullscreen ? styles.largeRow : styles.row },
-				items: fullscreen ? withoutIcons(items) : items,
-				onClick: ({ key }) => {
-					onSelect?.(key);
-					close();
-				}
-			}),
-			fullscreen && footer && /* @__PURE__ */ jsx("div", {
-				className: styles.footer,
-				children: footer
-			})
-		]
-	})] });
-});
-Burger.displayName = "Burger";
-//#endregion
-export { Burger as default };
-
-//# sourceMappingURL=Burger.mjs.map

package/es/base-ui/Burger/Burger.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Burger.mjs","names":["burgerMessages"],"sources":["../../../src/base-ui/Burger/Burger.tsx"],"sourcesContent":["'use client';\n\nimport { Menu, X } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\nimport { Drawer } from '@/base-ui/Drawer';\nimport List, { type ListItem } from '@/base-ui/List';\nimport burgerMessages from '@/i18n/resources/en/burger';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport { styles } from './style';\nimport type { BurgerProps } from './type';\n\nconst withoutIcons = (items: ListItem[]): ListItem[] =>\n  items.flatMap((item) => (item.type === 'divider' ? [] : [{ ...item, icon: undefined }]));\n\nconst Burger = memo<BurgerProps>(\n  ({\n    activeKey,\n    className,\n    footer,\n    fullscreen = false,\n    headerHeight = 64,\n    items,\n    onOpenChange,\n    onSelect,\n    opened,\n    size,\n    style,\n    variant,\n  }) => {\n    const { t } = useTranslation(burgerMessages);\n    const close = () => onOpenChange(false);\n\n    const toggle = (\n      <ActionIcon\n        aria-expanded={opened}\n        aria-label={opened ? t('burger.close') : t('burger.open')}\n        className={className}\n        icon={opened ? X : Menu}\n        size={size}\n        style={style}\n        variant={variant}\n        onClick={() => onOpenChange(!opened)}\n      />\n    );\n\n    return (\n      <>\n        {toggle}\n        <Drawer\n          noHeader\n          classNames={{ bodyContent: styles.body }}\n          height={fullscreen ? '100dvh' : `calc(100dvh - ${headerHeight}px)`}\n          open={opened}\n          placement=\"top\"\n          styles={fullscreen ? undefined : { popup: { insetBlockStart: headerHeight } }}\n          onClose={close}\n        >\n          {fullscreen && (\n            <div className={styles.fullHeader} style={{ height: headerHeight }}>\n              <ActionIcon aria-label={t('burger.close')} icon={X} size={size} onClick={close} />\n            </div>\n          )}\n          <List\n            selectable\n            activeKey={activeKey ?? null}\n            classNames={{ item: fullscreen ? styles.largeRow : styles.row }}\n            items={fullscreen ? withoutIcons(items) : items}\n            onClick={({ key }) => {\n              onSelect?.(key);\n              close();\n            }}\n          />\n          {fullscreen && footer && <div className={styles.footer}>{footer}</div>}\n        </Drawer>\n      </>\n    );\n  },\n);\n\nBurger.displayName = 'Burger';\n\nexport default Burger;\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,gBAAgB,UACpB,MAAM,SAAS,SAAU,KAAK,SAAS,YAAY,CAAC,IAAI,CAAC;CAAE,GAAG;CAAM,MAAM,KAAA;AAAU,CAAC,CAAE;AAEzF,MAAM,SAAS,MACZ,EACC,WACA,WACA,QACA,aAAa,OACb,eAAe,IACf,OACA,cACA,UACA,QACA,MACA,OACA,cACI;CACJ,MAAM,EAAE,MAAM,eAAeA,cAAc;CAC3C,MAAM,cAAc,aAAa,KAAK;CAEtC,MAAM,SACJ,oBAAC,YAAD;EACE,iBAAe;EACf,cAAY,SAAS,EAAE,cAAc,IAAI,EAAE,aAAa;EAC7C;EACX,MAAM,SAAS,IAAI;EACb;EACC;EACE;EACT,eAAe,aAAa,CAAC,MAAM;CACpC,CAAA;CAGH,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,QACD,qBAAC,QAAD;EACE,UAAA;EACA,YAAY,EAAE,aAAa,OAAO,KAAK;EACvC,QAAQ,aAAa,WAAW,iBAAiB,aAAa;EAC9D,MAAM;EACN,WAAU;EACV,QAAQ,aAAa,KAAA,IAAY,EAAE,OAAO,EAAE,iBAAiB,aAAa,EAAE;EAC5E,SAAS;EAPX,UAAA;GASG,cACC,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAY,OAAO,EAAE,QAAQ,aAAa;IAC/D,UAAA,oBAAC,YAAD;KAAY,cAAY,EAAE,cAAc;KAAG,MAAM;KAAS;KAAM,SAAS;IAAQ,CAAA;GAC9E,CAAA;GAEP,oBAAC,MAAD;IACE,YAAA;IACA,WAAW,aAAa;IACxB,YAAY,EAAE,MAAM,aAAa,OAAO,WAAW,OAAO,IAAI;IAC9D,OAAO,aAAa,aAAa,KAAK,IAAI;IAC1C,UAAU,EAAE,UAAU;KACpB,WAAW,GAAG;KACd,MAAM;IACR;GACD,CAAA;GACA,cAAc,UAAU,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAS,UAAA;GAAY,CAAA;EAC/D;CACR,CAAA,CAAA,EAAA,CAAA;AAEN,CACF;AAEA,OAAO,cAAc"}

package/es/base-ui/Burger/index.d.mts

@@ -1,3 +0,0 @@
-import { BurgerProps } from "./type.mjs";
-import Burger from "./Burger.mjs";
-export { type BurgerProps, Burger as default };

package/es/base-ui/Burger/style.mjs

@@ -1,63 +0,0 @@
-import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Burger/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	body: css`
-    display: flex;
-    flex-direction: column;
-    padding-block: 8px;
-    padding-inline: 12px;
-  `,
-	footer: css`
-    display: flex;
-    gap: 8px;
-    margin-block-start: auto;
-    padding: 20px;
-  `,
-	fullHeader: css`
-    display: flex;
-    flex: none;
-    align-items: center;
-    justify-content: flex-end;
-
-    padding-inline: 12px;
-  `,
-	largeRow: css`
-    min-height: 48px;
-    padding-inline: 8px;
-    border-radius: 12px;
-
-    font-size: 32px;
-    font-weight: 600;
-    line-height: 1.15;
-    color: ${cssVar.colorTextQuaternary};
-    letter-spacing: -0.02em;
-
-    background: none;
-
-    &[aria-current='true'],
-    &[aria-current='true']:hover {
-      color: ${cssVar.colorText};
-      background: none;
-    }
-  `,
-	row: css`
-    gap: 14px;
-
-    min-height: 52px;
-    padding-inline: 16px;
-    border-radius: 999px;
-
-    font-size: 17px;
-
-    &[aria-current='true'],
-    &[aria-current='true']:hover {
-      font-weight: 600;
-      color: ${cssVar.colorBgContainer};
-      background: ${cssVar.colorText};
-    }
-  `
-}));
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/Burger/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Burger/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  body: css`\n    display: flex;\n    flex-direction: column;\n    padding-block: 8px;\n    padding-inline: 12px;\n  `,\n  footer: css`\n    display: flex;\n    gap: 8px;\n    margin-block-start: auto;\n    padding: 20px;\n  `,\n  fullHeader: css`\n    display: flex;\n    flex: none;\n    align-items: center;\n    justify-content: flex-end;\n\n    padding-inline: 12px;\n  `,\n  largeRow: css`\n    min-height: 48px;\n    padding-inline: 8px;\n    border-radius: 12px;\n\n    font-size: 32px;\n    font-weight: 600;\n    line-height: 1.15;\n    color: ${cssVar.colorTextQuaternary};\n    letter-spacing: -0.02em;\n\n    background: none;\n\n    &[aria-current='true'],\n    &[aria-current='true']:hover {\n      color: ${cssVar.colorText};\n      background: none;\n    }\n  `,\n  row: css`\n    gap: 14px;\n\n    min-height: 52px;\n    padding-inline: 16px;\n    border-radius: 999px;\n\n    font-size: 17px;\n\n    &[aria-current='true'],\n    &[aria-current='true']:hover {\n      font-weight: 600;\n      color: ${cssVar.colorBgContainer};\n      background: ${cssVar.colorText};\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;;;;;;CAMT,QAAQ,GAAG;;;;;;CAMX,YAAY,GAAG;;;;;;;;CAQf,UAAU,GAAG;;;;;;;;aAQF,OAAO,oBAAoB;;;;;;;eAOzB,OAAO,UAAU;;;;CAI9B,KAAK,GAAG;;;;;;;;;;;;eAYK,OAAO,iBAAiB;oBACnB,OAAO,UAAU;;;AAGrC,EAAE"}

package/es/base-ui/Burger/type.d.mts

@@ -1,23 +0,0 @@
-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/base-ui/Burger/type.d.ts
-interface BurgerProps {
-  activeKey?: Key | null;
-  className?: string;
-  footer?: ReactNode;
-  fullscreen?: boolean;
-  headerHeight?: number;
-  items: ListItem[];
-  onOpenChange: (opened: boolean) => void;
-  onSelect?: (key: Key) => void;
-  opened: boolean;
-  size?: ActionIconProps['size'];
-  style?: CSSProperties;
-  variant?: ActionIconProps['variant'];
-}
-//#endregion
-export { BurgerProps };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Button/Button.d.mts

@@ -1,7 +0,0 @@
-import { ButtonProps, ButtonType } from "./type.mjs";
-import { ReactElement } from "react";
-//#region src/base-ui/Button/Button.d.ts
-declare const Button: <T extends ButtonType = "default">(props: ButtonProps<T>) => ReactElement;
-//#endregion
-export { Button as default };
-//# sourceMappingURL=Button.d.mts.map

package/es/base-ui/Button/Button.mjs

@@ -1,128 +0,0 @@
-"use client";
-import { useMotionComponent } from "../../MotionProvider/index.mjs";
-import Icon from "../../Icon/Icon.mjs";
-import { styles } from "./style.mjs";
-import { isValidElement } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-//#region src/base-ui/Button/Button.tsx
-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 ? cx(styles.variantDashed, styles.dangerOutlined) : styles.variantDashed;
-		case "fill": return danger ? styles.dangerFill : styles.variantFill;
-		case "text": return danger ? cx(styles.variantText, styles.dangerInline) : styles.variantText;
-		case "link": return danger ? cx(styles.variantLink, styles.dangerInline) : styles.variantLink;
-		default: return danger ? cx(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", ...rest }) => {
-	const Motion = useMotionComponent();
-	const isInteractionDisabled = disabled || loading;
-	const sizeCls = resolveSizeCls(size);
-	const variantCls = resolveVariantCls({
-		danger,
-		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 = cx(styles.base, sizeCls, variantCls, shapeCls, block && styles.block, iconPosition === "end" && styles.iconEnd, iconOnlySizeCls, outdentCls, className);
-	const spinnerNode = /* @__PURE__ */ jsx("span", {
-		"aria-hidden": !loading,
-		style: userStyles?.icon,
-		className: cx(styles.iconBox, styles.spinnerSlot, loading && styles.spinnerSlotShow, iconPosition === "end" && styles.spinnerSlotEnd, classNames?.icon),
-		children: /* @__PURE__ */ jsx("span", { className: styles.spinner })
-	});
-	const iconNode = icon && !loading ? /* @__PURE__ */ jsx("span", {
-		className: cx(styles.iconBox, classNames?.icon),
-		style: 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 as default };
-
-//# sourceMappingURL=Button.mjs.map

package/es/base-ui/Button/Button.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.mjs","names":[],"sources":["../../../src/base-ui/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\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';\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}): string => {\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 ? cx(styles.variantDashed, styles.dangerOutlined) : styles.variantDashed;\n    }\n    case 'fill': {\n      return danger ? styles.dangerFill : styles.variantFill;\n    }\n    case 'text': {\n      return danger ? cx(styles.variantText, styles.dangerInline) : styles.variantText;\n    }\n    case 'link': {\n      return danger ? cx(styles.variantLink, styles.dangerInline) : styles.variantLink;\n    }\n    default: {\n      return danger ? cx(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};\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  ...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 = cx(\n    styles.base,\n    sizeCls,\n    variantCls,\n    shapeCls,\n    block && styles.block,\n    iconPosition === 'end' && styles.iconEnd,\n    iconOnlySizeCls,\n    outdentCls,\n    className,\n  );\n\n  const spinnerNode = (\n    <span\n      aria-hidden={!loading}\n      style={userStyles?.icon}\n      className={cx(\n        styles.iconBox,\n        styles.spinnerSlot,\n        loading && styles.spinnerSlotShow,\n        iconPosition === 'end' && styles.spinnerSlotEnd,\n        classNames?.icon,\n      )}\n    >\n      <span className={styles.spinner} />\n    </span>\n  );\n\n  const iconNode =\n    icon && !loading ? (\n      <span className={cx(styles.iconBox, classNames?.icon)} style={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\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/base-ui/Button/SplitButton.d.mts

@@ -1,31 +0,0 @@
-import { DropdownMenuProps } from "../DropdownMenu/type.mjs";
-import "../DropdownMenu/index.mjs";
-import { ButtonProps } from "./type.mjs";
-import { CSSProperties, ReactNode } from "react";
-//#region src/base-ui/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/base-ui/Button/SplitButton.mjs

@@ -1,125 +0,0 @@
-"use client";
-import Button from "./Button.mjs";
-import DropdownMenu from "../DropdownMenu/DropdownMenu.mjs";
-import { createContext, use, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { createStaticStyles, cx } from "antd-style";
-import { ChevronDownIcon } from "lucide-react";
-//#region src/base-ui/Button/SplitButton.tsx
-const SplitButtonContext = createContext({});
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	interactionDisabled: css`
-    opacity: 0.5;
-
-    & > :where(button, a):disabled,
-    & > :where(button, a)[aria-disabled='true'] {
-      opacity: 1;
-    }
-  `,
-	solid: css`
-    /* solid halves share one color, so the outline-merging overlap only adds a dark seam once each half is translucent (disabled) */
-    & > :where(button, a):last-of-type {
-      margin-inline-start: 0;
-    }
-
-    & > :where(button, a):last-of-type::before {
-      pointer-events: none;
-      content: '';
-
-      position: absolute;
-      inset-block: 0;
-      inset-inline-start: 0;
-
-      width: 1px;
-
-      opacity: 0.2;
-      background: currentcolor;
-    }
-  `,
-	solidDanger: css`
-    &:has(> :where(button, a):hover:not(:disabled, [aria-disabled='true'])) > :where(button, a) {
-      border-color: ${cssVar.colorErrorHover};
-      background: ${cssVar.colorErrorHover};
-    }
-
-    &:has(> :where(button, a):active:not(:disabled, [aria-disabled='true'])) > :where(button, a) {
-      border-color: ${cssVar.colorErrorActive};
-      background: ${cssVar.colorErrorActive};
-    }
-  `,
-	solidPrimary: css`
-    &:has(> :where(button, a):hover:not(:disabled, [aria-disabled='true'])) > :where(button, a) {
-      border-color: ${cssVar.colorPrimaryHover};
-      background: ${cssVar.colorPrimaryHover};
-    }
-
-    &:has(> :where(button, a):active:not(:disabled, [aria-disabled='true'])) > :where(button, a) {
-      border-color: ${cssVar.colorPrimaryActive};
-      background: ${cssVar.colorPrimaryActive};
-    }
-  `,
-	splitButton: css`
-    display: inline-flex;
-    flex-direction: row;
-
-    & > :where(button, a):first-of-type {
-      border-start-end-radius: 0;
-      border-end-end-radius: 0;
-    }
-
-    & > :where(button, a):last-of-type {
-      margin-inline-start: -1px;
-      border-start-start-radius: 0;
-      border-end-start-radius: 0;
-    }
-  `
-}));
-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", {
-			style,
-			className: cx(styles.splitButton, type === "primary" && styles.solid, type === "primary" && (danger ? styles.solidDanger : styles.solidPrimary), (disabled || loading) && styles.interactionDisabled, className),
-			children
-		})
-	});
-};
-const SplitButtonMain = (props) => {
-	const shared = use(SplitButtonContext);
-	return /* @__PURE__ */ jsx(Button, {
-		...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(Button, {
-			...shared,
-			disabled: interactionDisabled,
-			icon
-		})
-	});
-};
-SplitButton.Main = SplitButtonMain;
-SplitButton.Menu = SplitButtonMenu;
-//#endregion
-export { SplitButton as default };
-
-//# sourceMappingURL=SplitButton.mjs.map

package/es/base-ui/Button/SplitButton.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitButton.mjs","names":[],"sources":["../../../src/base-ui/Button/SplitButton.tsx"],"sourcesContent":["'use client';\n\nimport { createStaticStyles, cx } from 'antd-style';\nimport { ChevronDownIcon } from 'lucide-react';\nimport { createContext, type CSSProperties, type ReactNode, use, useMemo } from 'react';\n\nimport { DropdownMenu, type DropdownMenuProps } from '@/base-ui/DropdownMenu';\n\nimport Button from './Button';\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 styles = createStaticStyles(({ css, cssVar }) => ({\n  interactionDisabled: css`\n    opacity: 0.5;\n\n    & > :where(button, a):disabled,\n    & > :where(button, a)[aria-disabled='true'] {\n      opacity: 1;\n    }\n  `,\n  solid: css`\n    /* solid halves share one color, so the outline-merging overlap only adds a dark seam once each half is translucent (disabled) */\n    & > :where(button, a):last-of-type {\n      margin-inline-start: 0;\n    }\n\n    & > :where(button, a):last-of-type::before {\n      pointer-events: none;\n      content: '';\n\n      position: absolute;\n      inset-block: 0;\n      inset-inline-start: 0;\n\n      width: 1px;\n\n      opacity: 0.2;\n      background: currentcolor;\n    }\n  `,\n  solidDanger: css`\n    &:has(> :where(button, a):hover:not(:disabled, [aria-disabled='true'])) > :where(button, a) {\n      border-color: ${cssVar.colorErrorHover};\n      background: ${cssVar.colorErrorHover};\n    }\n\n    &:has(> :where(button, a):active:not(:disabled, [aria-disabled='true'])) > :where(button, a) {\n      border-color: ${cssVar.colorErrorActive};\n      background: ${cssVar.colorErrorActive};\n    }\n  `,\n  solidPrimary: css`\n    &:has(> :where(button, a):hover:not(:disabled, [aria-disabled='true'])) > :where(button, a) {\n      border-color: ${cssVar.colorPrimaryHover};\n      background: ${cssVar.colorPrimaryHover};\n    }\n\n    &:has(> :where(button, a):active:not(:disabled, [aria-disabled='true'])) > :where(button, a) {\n      border-color: ${cssVar.colorPrimaryActive};\n      background: ${cssVar.colorPrimaryActive};\n    }\n  `,\n  splitButton: css`\n    display: inline-flex;\n    flex-direction: row;\n\n    & > :where(button, a):first-of-type {\n      border-start-end-radius: 0;\n      border-end-end-radius: 0;\n    }\n\n    & > :where(button, a):last-of-type {\n      margin-inline-start: -1px;\n      border-start-start-radius: 0;\n      border-end-start-radius: 0;\n    }\n  `,\n}));\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        style={style}\n        className={cx(\n          styles.splitButton,\n          type === 'primary' && styles.solid,\n          type === 'primary' && (danger ? styles.solidDanger : styles.solidPrimary),\n          (disabled || loading) && styles.interactionDisabled,\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </SplitButtonContext>\n  );\n};\n\nconst SplitButtonMain = (props: ButtonProps) => {\n  const shared = use(SplitButtonContext);\n  return <Button {...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      <Button {...shared} disabled={interactionDisabled} icon={icon} />\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":";;;;;;;;AAyBA,MAAM,qBAAqB,cAAiC,CAAC,CAAC;AAE9D,MAAM,SAAS,oBAAoB,EAAE,KAAK,cAAc;CACtD,qBAAqB,GAAG;;;;;;;;CAQxB,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;CAoBV,aAAa,GAAG;;sBAEI,OAAO,gBAAgB;oBACzB,OAAO,gBAAgB;;;;sBAIrB,OAAO,iBAAiB;oBAC1B,OAAO,iBAAiB;;;CAG1C,cAAc,GAAG;;sBAEG,OAAO,kBAAkB;oBAC3B,OAAO,kBAAkB;;;;sBAIvB,OAAO,mBAAmB;oBAC5B,OAAO,mBAAmB;;;CAG5C,aAAa,GAAG;;;;;;;;;;;;;;;AAelB,EAAE;AAEF,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;GACS;GACP,WAAW,GACT,OAAO,aACP,SAAS,aAAa,OAAO,OAC7B,SAAS,cAAc,SAAS,OAAO,cAAc,OAAO,gBAC3D,YAAY,YAAY,OAAO,qBAChC,SACF;GAEC;EACE,CAAA;CACa,CAAA;AAExB;AAEA,MAAM,mBAAmB,UAAuB;CAC9C,MAAM,SAAS,IAAI,kBAAkB;CACrC,OAAO,oBAAC,QAAD;EAAQ,GAAI;EAAQ,GAAI;CAAQ,CAAA;AACzC;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,QAAD;GAAQ,GAAI;GAAQ,UAAU;GAA2B;EAAO,CAAA;CACpD,CAAA;AAElB;AAOA,YAAsC,OAAO;AAC7C,YAAsC,OAAO"}

package/es/base-ui/Button/index.d.mts

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

package/es/base-ui/Button/style.d.mts

@@ -1,42 +0,0 @@
-//#region src/base-ui/Button/style.d.ts
-declare const buttonPaddingInline: {
-  readonly large: 16;
-  readonly middle: 14;
-  readonly small: 8;
-};
-declare const styles: {
-  base: string;
-  sizeSmall: string;
-  sizeMiddle: string;
-  sizeLarge: string;
-  outdentStart: string;
-  outdentEnd: string;
-  shapeCircle: string;
-  shapeRound: string;
-  block: string;
-  iconEnd: string;
-  iconOnlySmall: string;
-  iconOnlyMiddle: string;
-  iconOnlyLarge: string;
-  iconBox: string;
-  spinnerSlot: string;
-  spinnerSlotEnd: string;
-  spinnerSlotShow: string;
-  variantDefault: string;
-  variantPrimary: string;
-  variantDashed: string;
-  variantFill: string;
-  variantText: string;
-  variantLink: string;
-  dangerOutlined: string;
-  dangerSolid: string;
-  dangerFill: string;
-  dangerInline: string;
-  ghostDefault: string;
-  ghostPrimary: string;
-  ghostDanger: string;
-  spinner: string;
-};
-//#endregion
-export { buttonPaddingInline, styles };
-//# sourceMappingURL=style.d.mts.map