@jinmi/ui 0.0.0-stage → 6.0.2

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

@@ -0,0 +1,69 @@
+"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

@@ -0,0 +1 @@
+{"version":3,"file":"Burger.mjs","names":["burgerMessages"],"sources":["../../../src/base-ui/Burger/Burger.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Menu, X } from 'lucide-react';\r\nimport { memo } from 'react';\r\n\r\nimport ActionIcon from '@/base-ui/ActionIcon';\r\nimport { Drawer } from '@/base-ui/Drawer';\r\nimport List, { type ListItem } from '@/base-ui/List';\r\nimport burgerMessages from '@/i18n/resources/en/burger';\r\nimport { useTranslation } from '@/i18n/useTranslation';\r\n\r\nimport { styles } from './style';\r\nimport type { BurgerProps } from './type';\r\n\r\nconst withoutIcons = (items: ListItem[]): ListItem[] =>\r\n  items.flatMap((item) => (item.type === 'divider' ? [] : [{ ...item, icon: undefined }]));\r\n\r\nconst Burger = memo<BurgerProps>(\r\n  ({\r\n    activeKey,\r\n    className,\r\n    footer,\r\n    fullscreen = false,\r\n    headerHeight = 64,\r\n    items,\r\n    onOpenChange,\r\n    onSelect,\r\n    opened,\r\n    size,\r\n    style,\r\n    variant,\r\n  }) => {\r\n    const { t } = useTranslation(burgerMessages);\r\n    const close = () => onOpenChange(false);\r\n\r\n    const toggle = (\r\n      <ActionIcon\r\n        aria-expanded={opened}\r\n        aria-label={opened ? t('burger.close') : t('burger.open')}\r\n        className={className}\r\n        icon={opened ? X : Menu}\r\n        size={size}\r\n        style={style}\r\n        variant={variant}\r\n        onClick={() => onOpenChange(!opened)}\r\n      />\r\n    );\r\n\r\n    return (\r\n      <>\r\n        {toggle}\r\n        <Drawer\r\n          noHeader\r\n          classNames={{ bodyContent: styles.body }}\r\n          height={fullscreen ? '100dvh' : `calc(100dvh - ${headerHeight}px)`}\r\n          open={opened}\r\n          placement=\"top\"\r\n          styles={fullscreen ? undefined : { popup: { insetBlockStart: headerHeight } }}\r\n          onClose={close}\r\n        >\r\n          {fullscreen && (\r\n            <div className={styles.fullHeader} style={{ height: headerHeight }}>\r\n              <ActionIcon aria-label={t('burger.close')} icon={X} size={size} onClick={close} />\r\n            </div>\r\n          )}\r\n          <List\r\n            selectable\r\n            activeKey={activeKey ?? null}\r\n            classNames={{ item: fullscreen ? styles.largeRow : styles.row }}\r\n            items={fullscreen ? withoutIcons(items) : items}\r\n            onClick={({ key }) => {\r\n              onSelect?.(key);\r\n              close();\r\n            }}\r\n          />\r\n          {fullscreen && footer && <div className={styles.footer}>{footer}</div>}\r\n        </Drawer>\r\n      </>\r\n    );\r\n  },\r\n);\r\n\r\nBurger.displayName = 'Burger';\r\n\r\nexport default Burger;\r\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

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

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

@@ -0,0 +1,63 @@
+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

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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,128 @@
+"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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mjs","names":[],"sources":["../../../src/base-ui/Button/Button.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport {\r\n  isValidElement,\r\n  type MouseEvent,\r\n  type ReactElement,\r\n  type ReactNode,\r\n  type Ref,\r\n} from 'react';\r\n\r\nimport Icon, { type IconProps } from '@/Icon';\r\nimport { useMotionComponent } from '@/MotionProvider';\r\n\r\nimport { styles } from './style';\r\nimport type { ButtonOutdent, ButtonProps, ButtonType } from './type';\r\n\r\nconst resolveIconNode = (node: ReactNode | IconProps['icon'] | undefined | null) => {\r\n  if (node === undefined || node === null) return null;\r\n  if (isValidElement(node) || typeof node === 'string' || typeof node === 'number') {\r\n    return node;\r\n  }\r\n  return <Icon icon={node as any} size={'small'} />;\r\n};\r\n\r\nconst resolveSizeCls = (size: ButtonProps['size']) => {\r\n  if (size === 'small') return styles.sizeSmall;\r\n  if (size === 'large') return styles.sizeLarge;\r\n  return styles.sizeMiddle;\r\n};\r\n\r\nconst resolveIconOnlySizeCls = (size: ButtonProps['size']) => {\r\n  if (size === 'small') return styles.iconOnlySmall;\r\n  if (size === 'large') return styles.iconOnlyLarge;\r\n  return styles.iconOnlyMiddle;\r\n};\r\n\r\nconst resolveVariantCls = ({\r\n  danger,\r\n  ghost,\r\n  type,\r\n}: {\r\n  danger: boolean;\r\n  ghost: boolean;\r\n  type: NonNullable<ButtonProps['type']>;\r\n}): string => {\r\n  // `text` and `link` already drop the surface, so `ghost` there would only cost them\r\n  // their own traits (link's zero inline padding).\r\n  if (ghost && type !== 'text' && type !== 'link') {\r\n    if (danger) return styles.ghostDanger;\r\n    if (type === 'primary') return styles.ghostPrimary;\r\n    return styles.ghostDefault;\r\n  }\r\n\r\n  switch (type) {\r\n    case 'primary': {\r\n      return danger ? styles.dangerSolid : styles.variantPrimary;\r\n    }\r\n    case 'dashed': {\r\n      return danger ? cx(styles.variantDashed, styles.dangerOutlined) : styles.variantDashed;\r\n    }\r\n    case 'fill': {\r\n      return danger ? styles.dangerFill : styles.variantFill;\r\n    }\r\n    case 'text': {\r\n      return danger ? cx(styles.variantText, styles.dangerInline) : styles.variantText;\r\n    }\r\n    case 'link': {\r\n      return danger ? cx(styles.variantLink, styles.dangerInline) : styles.variantLink;\r\n    }\r\n    default: {\r\n      return danger ? cx(styles.variantDefault, styles.dangerOutlined) : styles.variantDefault;\r\n    }\r\n  }\r\n};\r\n\r\nconst tapAnim = { scale: 0.98 };\r\nconst motionTransition = {\r\n  damping: 26,\r\n  mass: 0.6,\r\n  stiffness: 600,\r\n  type: 'spring' as const,\r\n};\r\n\r\ntype ButtonImplProps = Omit<ButtonProps, 'outdent' | 'type'> & {\r\n  outdent?: ButtonOutdent;\r\n  type?: ButtonType;\r\n};\r\n\r\nconst ButtonImpl = ({\r\n  block,\r\n  children,\r\n  className,\r\n  classNames,\r\n  danger = false,\r\n  disabled,\r\n  outdent,\r\n  ghost = false,\r\n  href,\r\n  htmlType = 'button',\r\n  icon,\r\n  iconPosition = 'start',\r\n  loading,\r\n  onClick,\r\n  ref,\r\n  shape = 'default',\r\n  size = 'middle',\r\n  styles: userStyles,\r\n  target,\r\n  type = 'default',\r\n  ...rest\r\n}: ButtonImplProps) => {\r\n  const Motion = useMotionComponent();\r\n  const isInteractionDisabled = disabled || loading;\r\n  const sizeCls = resolveSizeCls(size);\r\n  const variantCls = resolveVariantCls({ danger, ghost, type });\r\n  const shapeCls =\r\n    shape === 'circle' ? styles.shapeCircle : shape === 'round' ? styles.shapeRound : undefined;\r\n\r\n  const hasChildren =\r\n    children !== undefined && children !== null && children !== false && children !== '';\r\n  const renderIcon = loading || icon;\r\n  const iconOnly = !hasChildren && !!renderIcon;\r\n  const iconOnlySizeCls = iconOnly ? resolveIconOnlySizeCls(size) : undefined;\r\n\r\n  const outdentCls =\r\n    type === 'text' && outdent\r\n      ? outdent === 'end'\r\n        ? styles.outdentEnd\r\n        : styles.outdentStart\r\n      : undefined;\r\n\r\n  const composedClassName = cx(\r\n    styles.base,\r\n    sizeCls,\r\n    variantCls,\r\n    shapeCls,\r\n    block && styles.block,\r\n    iconPosition === 'end' && styles.iconEnd,\r\n    iconOnlySizeCls,\r\n    outdentCls,\r\n    className,\r\n  );\r\n\r\n  const spinnerNode = (\r\n    <span\r\n      aria-hidden={!loading}\r\n      style={userStyles?.icon}\r\n      className={cx(\r\n        styles.iconBox,\r\n        styles.spinnerSlot,\r\n        loading && styles.spinnerSlotShow,\r\n        iconPosition === 'end' && styles.spinnerSlotEnd,\r\n        classNames?.icon,\r\n      )}\r\n    >\r\n      <span className={styles.spinner} />\r\n    </span>\r\n  );\r\n\r\n  const iconNode =\r\n    icon && !loading ? (\r\n      <span className={cx(styles.iconBox, classNames?.icon)} style={userStyles?.icon}>\r\n        {resolveIconNode(icon)}\r\n      </span>\r\n    ) : null;\r\n\r\n  const inner = (\r\n    <>\r\n      {spinnerNode}\r\n      {iconNode}\r\n      {children}\r\n    </>\r\n  );\r\n\r\n  const motionGestures = isInteractionDisabled\r\n    ? {}\r\n    : { transition: motionTransition, whileTap: tapAnim };\r\n\r\n  if (href !== undefined) {\r\n    const handleAnchorClick = (e: MouseEvent<HTMLAnchorElement>) => {\r\n      if (isInteractionDisabled) {\r\n        e.preventDefault();\r\n        return;\r\n      }\r\n      onClick?.(e as unknown as MouseEvent<HTMLButtonElement>);\r\n    };\r\n\r\n    return (\r\n      <Motion.a\r\n        aria-busy={loading || undefined}\r\n        aria-disabled={isInteractionDisabled || undefined}\r\n        href={disabled ? undefined : href}\r\n        target={target}\r\n        {...(rest as any)}\r\n        className={composedClassName}\r\n        ref={ref as Ref<HTMLAnchorElement>}\r\n        onClick={handleAnchorClick}\r\n        {...motionGestures}\r\n      >\r\n        {inner}\r\n      </Motion.a>\r\n    );\r\n  }\r\n\r\n  const handleButtonClick = (e: MouseEvent<HTMLButtonElement>) => {\r\n    if (isInteractionDisabled) {\r\n      e.preventDefault();\r\n      return;\r\n    }\r\n    onClick?.(e);\r\n  };\r\n\r\n  return (\r\n    <Motion.button\r\n      type={htmlType}\r\n      {...(rest as any)}\r\n      aria-busy={loading || undefined}\r\n      aria-disabled={isInteractionDisabled || undefined}\r\n      className={composedClassName}\r\n      disabled={disabled}\r\n      ref={ref as Ref<HTMLButtonElement>}\r\n      onClick={handleButtonClick}\r\n      {...motionGestures}\r\n    >\r\n      {inner}\r\n    </Motion.button>\r\n  );\r\n};\r\n\r\nButtonImpl.displayName = 'BaseButton';\r\n\r\nconst Button = ButtonImpl as <T extends ButtonType = 'default'>(\r\n  props: ButtonProps<T>,\r\n) => ReactElement;\r\n\r\nexport default Button;\r\n"],"mappings":"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"}

package/es/base-ui/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/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

@@ -0,0 +1,121 @@
+"use client";
+import { inkCssVar } from "../../styles/inkCssVar.mjs";
+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`
+    & > :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: ${inkCssVar.colorInkHover};
+      background: ${inkCssVar.colorInkHover};
+    }
+
+    &:has(> :where(button, a):active:not(:disabled, [aria-disabled='true'])) > :where(button, a) {
+      border-color: ${inkCssVar.colorInkActive};
+      background: ${inkCssVar.colorInkActive};
+    }
+  `,
+	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

@@ -0,0 +1 @@
+{"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';\nimport { inkCssVar } from '@/styles/inkCssVar';\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    & > :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: ${inkCssVar.colorInkHover};\n      background: ${inkCssVar.colorInkHover};\n    }\n\n    &:has(> :where(button, a):active:not(:disabled, [aria-disabled='true'])) > :where(button, a) {\n      border-color: ${inkCssVar.colorInkActive};\n      background: ${inkCssVar.colorInkActive};\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":";;;;;;;;;AA0BA,MAAM,qBAAqB,cAAiC,CAAC,CAAC;AAE9D,MAAM,SAAS,oBAAoB,EAAE,KAAK,cAAc;CACtD,qBAAqB,GAAG;;;;;;;;CAQxB,OAAO,GAAG;;;;;;;;;;;;;;;CAeV,aAAa,GAAG;;sBAEI,OAAO,gBAAgB;oBACzB,OAAO,gBAAgB;;;;sBAIrB,OAAO,iBAAiB;oBAC1B,OAAO,iBAAiB;;;CAG1C,cAAc,GAAG;;sBAEG,UAAU,cAAc;oBAC1B,UAAU,cAAc;;;;sBAItB,UAAU,eAAe;oBAC3B,UAAU,eAAe;;;CAG3C,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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,42 @@
+//#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