@botiverse/raft-ui 0.63.0 → 0.64.0

package/CHANGELOG.md

@@ -1,3 +1,32 @@
+## [0.64.0](https://github.com/botiverse/raft-design/compare/v0.63.1...v0.64.0) (2026-11-05)
+
+### Added
+
+- **ButtonSplit**, **ButtonSplitMain** and **ButtonSplitMenu** (from `@botiverse/raft-ui/wip`): a `primary` or `default` Button with its ▾ menu, one shape in two parts. The parts touch and share one `radius-control` outline, the menu part's start border divides them, and each part hovers, presses, focuses and disables on its own; `disabled` on the group disables both. ([#1009](https://github.com/botiverse/raft-design/pull/1009))
+  - Why: Raft Chat's Members header needs Create agent with a ▾ for Take over a local session and Connect an external agent (cindyz, #triage:36bfa2f8; rule in [#1008](https://github.com/botiverse/raft-design/pull/1008)), and raft-ui only had `PanelSplitAction`, the frameless split of a panel header.
+  - Affects: nothing until used.
+  - Docs: https://raft-design.botiverse.build/components/button/#split-buttons
+- **AppLinkCard** and its parts (from `@botiverse/raft-ui/wip`): an app link's card drawn in the message itself, after the link's paragraph, where the app's answer lists one (protocol version 3: a `card` item with `placement: "block"` in `items`). The link is never replaced: it stays a chip when the answer lists `inline`, and the author's plain link when it doesn't. `AppLinkCardHeader` (with `AppLinkCardIcon`, `AppLinkCardName` and `AppLinkCardHost`) is Raft's row naming the app; `AppLinkCardBody`, `AppLinkCardEyebrow`, `AppLinkCardTitle` and `AppLinkCardMeta` are the item, as on the hover card, and the title holds a link that opens the item; `AppLinkCardActions` holds at most two of the app's buttons and ⋯ for the rest, where an Open link goes; `AppLinkCardPlaceholder` is the card's size while a cached answer loads. 400px wide, the message's width in the phone layout. Navigation's App links now say what each item of an answer draws, in the list's order, with nothing inferred. ([#1010](https://github.com/botiverse/raft-design/pull/1010))
+  - Why: a card whose buttons matter, such as a Stamp approval, could be acted on only by hovering its chip on desktop, and not at all on a phone. The app lists every way its link is drawn, a chip, a hover card or a block card, as artin decided in #proj-raft-ui:d3528715 after the prototype (https://app.raft.build/artifacts/Q6r36on3znYNHnSbczSH3S); AppFather defined version 3 (#proj-raft-ui:46e9d07e and 8051e1a8). Tenny asked that Raft always draw the app's name and icon in its own frame.
+  - Affects: nothing until a product draws one. PreviewCard is untouched.
+  - Docs: https://raft-design.botiverse.build/components/app-link-card/ and https://raft-design.botiverse.build/patterns/navigation/#what-an-apps-answer-lists
+
+### Fixed
+
+- **CommentMarginItem**: a `CommentMargin` renders its cards where the browser has no `ResizeObserver` (jsdom, some embedded webviews) instead of throwing. Each card keeps the height it had when placed. ([#1007](https://github.com/botiverse/raft-design/pull/1007))
+  - Why: the same gap #996 closed in `useCommentMarginFits`; slock's Artifact viewer works around it today by not drawing the margin there (Remy, slock #13062).
+  - Affects: only environments without `ResizeObserver`; there a card that grows after it is placed doesn't push the cards below it.
+  - Docs: https://raft-design.botiverse.build/components/comment/
+
+## [0.63.1](https://github.com/botiverse/raft-design/compare/v0.63.0...v0.63.1) (2026-11-05)
+
+### Fixed
+
+- **Fonts**: Cyrillic text no longer shows with its letters spaced apart. The sans and heading stacks try Arial and Helvetica Neue before the CJK faces. ([#994](https://github.com/botiverse/raft-design/pull/994))
+  - Why: Space Grotesk has no Cyrillic, so Russian and Ukrainian fell through to the CJK faces, whose Cyrillic glyphs are fullwidth (Hands #155, artin, #triage:83068786).
+  - Affects: only characters Space Grotesk lacks (Cyrillic, Greek and a few symbols such as arrows), on every page language. Latin and CJK text keeps its faces.
+  - Docs: https://raft-design.botiverse.build/foundations/typography/
+
 ## [0.63.0](https://github.com/botiverse/raft-design/compare/v0.62.0...v0.63.0) (2026-11-05)
 
 ### Added

package/dist/components/app-link-card/app-link-card.d.mts

@@ -0,0 +1,56 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/components/app-link-card/app-link-card.d.ts
+export type AppLinkCardProps = ComponentPropsWithRef<"div">;
+/**
+ * An app link's card drawn in the message, after the link's paragraph, where
+ * the app's answer lists one (a `card` item with `placement: "block"`):
+ * Raft's header with the app's identity, the item, and buttons that work by
+ * keyboard and touch. It never replaces the link. A `group`: label it with
+ * `aria-labelledby` pointing at its `AppLinkCardTitle`, so someone who tabs
+ * to one of its buttons hears which item the button acts on.
+ */
+export declare function AppLinkCard({ className, ...props }: AppLinkCardProps): import("react").JSX.Element;
+export type AppLinkCardPlaceholderProps = ComponentPropsWithRef<"div">;
+/**
+ * The card's size while Raft fetches an answer it already knows lists a
+ * block card. Put the `AppLinkCardHeader` in it when the app is known; the item's
+ * lines and a button follow, as gray bars.
+ */
+export declare function AppLinkCardPlaceholder({ className, children, ...props }: AppLinkCardPlaceholderProps): import("react").JSX.Element;
+export type AppLinkCardHeaderProps = ComponentPropsWithRef<"div">;
+/** Raft's row at the top: `AppLinkCardIcon`, `AppLinkCardName`, then `AppLinkCardHost`. */
+export declare function AppLinkCardHeader({ className, ...props }: AppLinkCardHeaderProps): import("react").JSX.Element;
+export type AppLinkCardIconProps = ComponentPropsWithRef<"span">;
+/** The app's registered icon, the image Raft stores and serves: one child at 16px. */
+export declare function AppLinkCardIcon({ className, ...props }: AppLinkCardIconProps): import("react").JSX.Element;
+export type AppLinkCardNameProps = ComponentPropsWithRef<"span">;
+/** The app's name as Raft stores it. One line, truncated. */
+export declare function AppLinkCardName({ className, ...props }: AppLinkCardNameProps): import("react").JSX.Element;
+export type AppLinkCardHostProps = ComponentPropsWithRef<"span">;
+/**
+ * The link's host, after a "·". When it doesn't fit it loses its start, so
+ * the end, which says where the link goes, stays.
+ */
+export declare function AppLinkCardHost({ className, children, ...props }: AppLinkCardHostProps): import("react").JSX.Element;
+export type AppLinkCardBodyProps = ComponentPropsWithRef<"div">;
+/** The item: `AppLinkCardEyebrow`, `AppLinkCardTitle`, `AppLinkCardMeta`, in that order. */
+export declare function AppLinkCardBody({ className, ...props }: AppLinkCardBodyProps): import("react").JSX.Element;
+export type AppLinkCardEyebrowProps = ComponentPropsWithRef<"p">;
+/** The app's id for the item, above the title. One line, truncated. */
+export declare function AppLinkCardEyebrow({ className, ...props }: AppLinkCardEyebrowProps): import("react").JSX.Element;
+export type AppLinkCardTitleProps = ComponentPropsWithRef<"p">;
+/**
+ * The app's title for the item, up to 2 lines, then an ellipsis. Put a link
+ * to the item in it: the title opens the item, in the title's ink.
+ */
+export declare function AppLinkCardTitle({ className, ...props }: AppLinkCardTitleProps): import("react").JSX.Element;
+export type AppLinkCardMetaProps = ComponentPropsWithRef<"div">;
+/** One state in a neutral Badge, then muted details. Wraps when it runs out of room. */
+export declare function AppLinkCardMeta({ className, ...props }: AppLinkCardMetaProps): import("react").JSX.Element;
+export type AppLinkCardActionsProps = ComponentPropsWithRef<"div">;
+/**
+ * The app's buttons at the card's bottom end: at most two, the bordered one
+ * last, with a More menu (⋯) to their left for the rest.
+ */
+export declare function AppLinkCardActions({ className, ...props }: AppLinkCardActionsProps): import("react").JSX.Element;
+//#endregion

package/dist/components/app-link-card/app-link-card.mjs

@@ -0,0 +1,207 @@
+import { tv } from "../../lib/tv.mjs";
+import { messageEmbed } from "../message-embed/message-embed.recipe.mjs";
+import { Skeleton } from "../skeleton/skeleton.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/app-link-card/app-link-card.tsx
+const appLinkCard = tv({ slots: {
+	root: ["flex w-full max-w-[400px] min-w-0 flex-col max-md:max-w-none", "my-2 first:mt-0 last:mb-0"],
+	header: [
+		"flex min-w-0 items-center gap-1.5",
+		"border-b border-line-hairline px-4 py-2",
+		"font-sans text-caption text-foreground-muted"
+	],
+	icon: ["inline-flex size-4 shrink-0 items-center justify-center", "*:size-full *:shrink-0 [&>img]:rounded-[2px] [&>img]:object-cover"],
+	name: ["min-w-0 truncate", "font-semibold text-foreground"],
+	host: ["flex min-w-0 items-baseline", "before:shrink-0 before:pe-1.5 before:content-['·']"],
+	hostText: ["min-w-0 truncate"],
+	body: ["flex min-w-0 flex-col gap-1.5", "px-4 py-3 last:pb-4"],
+	eyebrow: ["m-0 truncate", "font-mono text-mono-meta text-foreground-muted"],
+	title: [
+		"m-0 line-clamp-2",
+		"font-sans text-headline font-bold text-foreground",
+		"[&_a]:rounded-[2px] [&_a]:decoration-[1.5px] [&_a]:underline-offset-[3px] [&_a]:hover:underline",
+		"[&_a]:outline-none [&_a]:focus-visible:shadow-focus"
+	],
+	meta: ["flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", "m-0 font-sans text-callout text-foreground-muted"],
+	actions: ["flex flex-wrap items-center justify-end gap-2", "px-4 pb-3 last:pb-4"],
+	placeholderLine: ["flex h-lh items-center"],
+	placeholderButton: ["h-8 w-28 rounded-control"]
+} });
+function frame(className) {
+	const { root } = appLinkCard();
+	return messageEmbed().root({ className: root({ className }) });
+}
+/**
+* An app link's card drawn in the message, after the link's paragraph, where
+* the app's answer lists one (a `card` item with `placement: "block"`):
+* Raft's header with the app's identity, the item, and buttons that work by
+* keyboard and touch. It never replaces the link. A `group`: label it with
+* `aria-labelledby` pointing at its `AppLinkCardTitle`, so someone who tabs
+* to one of its buttons hears which item the button acts on.
+*/
+function AppLinkCard({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "app-link-card",
+		className: frame(className),
+		...props
+	});
+}
+/**
+* The card's size while Raft fetches an answer it already knows lists a
+* block card. Put the `AppLinkCardHeader` in it when the app is known; the item's
+* lines and a button follow, as gray bars.
+*/
+function AppLinkCardPlaceholder({ className, children, ...props }) {
+	const { body, eyebrow, title, meta, actions, placeholderLine, placeholderButton } = appLinkCard();
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "app-link-card-placeholder",
+		"aria-busy": "true",
+		className: frame(className),
+		...props,
+		children: [
+			children,
+			/* @__PURE__ */ jsxs("div", {
+				"aria-hidden": "true",
+				className: body(),
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: eyebrow({ className: placeholderLine() }),
+						children: /* @__PURE__ */ jsx(Skeleton, {
+							variant: "line",
+							className: "w-28"
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: title({ className: "line-clamp-none" }),
+						children: [/* @__PURE__ */ jsx("div", {
+							className: placeholderLine(),
+							children: /* @__PURE__ */ jsx(Skeleton, {
+								variant: "line",
+								className: "w-full"
+							})
+						}), /* @__PURE__ */ jsx("div", {
+							className: placeholderLine(),
+							children: /* @__PURE__ */ jsx(Skeleton, {
+								variant: "line",
+								className: "w-2/3"
+							})
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: meta({ className: placeholderLine() }),
+						children: /* @__PURE__ */ jsx(Skeleton, {
+							variant: "line",
+							className: "w-40"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				"aria-hidden": "true",
+				className: actions(),
+				children: /* @__PURE__ */ jsx(Skeleton, { className: placeholderButton() })
+			})
+		]
+	});
+}
+/** Raft's row at the top: `AppLinkCardIcon`, `AppLinkCardName`, then `AppLinkCardHost`. */
+function AppLinkCardHeader({ className, ...props }) {
+	const { header } = appLinkCard();
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "app-link-card-header",
+		className: header({ className }),
+		...props
+	});
+}
+/** The app's registered icon, the image Raft stores and serves: one child at 16px. */
+function AppLinkCardIcon({ className, ...props }) {
+	const { icon } = appLinkCard();
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "app-link-card-icon",
+		className: icon({ className }),
+		...props
+	});
+}
+/** The app's name as Raft stores it. One line, truncated. */
+function AppLinkCardName({ className, ...props }) {
+	const { name } = appLinkCard();
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "app-link-card-name",
+		className: name({ className }),
+		...props
+	});
+}
+/**
+* The link's host, after a "·". When it doesn't fit it loses its start, so
+* the end, which says where the link goes, stays.
+*/
+function AppLinkCardHost({ className, children, ...props }) {
+	const { host, hostText } = appLinkCard();
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "app-link-card-host",
+		className: host({ className }),
+		...props,
+		children: /* @__PURE__ */ jsx("span", {
+			dir: "rtl",
+			className: hostText(),
+			children: /* @__PURE__ */ jsx("span", {
+				dir: "ltr",
+				children
+			})
+		})
+	});
+}
+/** The item: `AppLinkCardEyebrow`, `AppLinkCardTitle`, `AppLinkCardMeta`, in that order. */
+function AppLinkCardBody({ className, ...props }) {
+	const { body } = appLinkCard();
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "app-link-card-body",
+		className: body({ className }),
+		...props
+	});
+}
+/** The app's id for the item, above the title. One line, truncated. */
+function AppLinkCardEyebrow({ className, ...props }) {
+	const { eyebrow } = appLinkCard();
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "app-link-card-eyebrow",
+		className: eyebrow({ className }),
+		...props
+	});
+}
+/**
+* The app's title for the item, up to 2 lines, then an ellipsis. Put a link
+* to the item in it: the title opens the item, in the title's ink.
+*/
+function AppLinkCardTitle({ className, ...props }) {
+	const { title } = appLinkCard();
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "app-link-card-title",
+		className: title({ className }),
+		...props
+	});
+}
+/** One state in a neutral Badge, then muted details. Wraps when it runs out of room. */
+function AppLinkCardMeta({ className, ...props }) {
+	const { meta } = appLinkCard();
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "app-link-card-meta",
+		className: meta({ className }),
+		...props
+	});
+}
+/**
+* The app's buttons at the card's bottom end: at most two, the bordered one
+* last, with a More menu (⋯) to their left for the rest.
+*/
+function AppLinkCardActions({ className, ...props }) {
+	const { actions } = appLinkCard();
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "app-link-card-actions",
+		className: actions({ className }),
+		...props
+	});
+}
+//#endregion
+export { AppLinkCard, AppLinkCardActions, AppLinkCardBody, AppLinkCardEyebrow, AppLinkCardHeader, AppLinkCardHost, AppLinkCardIcon, AppLinkCardMeta, AppLinkCardName, AppLinkCardPlaceholder, AppLinkCardTitle };

package/dist/components/app-link-card/index.d.mts

@@ -0,0 +1,2 @@
+import { AppLinkCard, AppLinkCardActions, AppLinkCardActionsProps, AppLinkCardBody, AppLinkCardBodyProps, AppLinkCardEyebrow, AppLinkCardEyebrowProps, AppLinkCardHeader, AppLinkCardHeaderProps, AppLinkCardHost, AppLinkCardHostProps, AppLinkCardIcon, AppLinkCardIconProps, AppLinkCardMeta, AppLinkCardMetaProps, AppLinkCardName, AppLinkCardNameProps, AppLinkCardPlaceholder, AppLinkCardPlaceholderProps, AppLinkCardTitle, AppLinkCardTitleProps } from "./app-link-card.mjs";
+export { AppLinkCard, AppLinkCardActions, type AppLinkCardActionsProps, AppLinkCardBody, type AppLinkCardBodyProps, AppLinkCardEyebrow, type AppLinkCardEyebrowProps, AppLinkCardHeader, type AppLinkCardHeaderProps, AppLinkCardHost, type AppLinkCardHostProps, AppLinkCardIcon, type AppLinkCardIconProps, AppLinkCardMeta, type AppLinkCardMetaProps, AppLinkCardName, type AppLinkCardNameProps, AppLinkCardPlaceholder, type AppLinkCardPlaceholderProps, AppLinkCardTitle, type AppLinkCardTitleProps };

package/dist/components/button/button-split.d.mts

@@ -0,0 +1,38 @@
+import { DataAttributes } from "../../lib/data-attributes.mjs";
+import { ButtonProps } from "./button.mjs";
+import { ComponentProps } from "react";
+//#region src/components/button/button-split.d.ts
+/** The Button variants a split button takes: the filled ones and the bordered one. */
+export type ButtonSplitVariant = "primary" | "default" | "warning" | "danger";
+/** The Button sizes a split button takes. */
+export type ButtonSplitSize = "md" | "lg";
+export type ButtonSplitProps = ComponentProps<"div"> & DataAttributes & {
+  /** Disables both parts. Either part can also be disabled on its own. */
+  disabled?: boolean;
+};
+/**
+ * A Button with a menu beside it, such as Create agent and its ▾: a
+ * `ButtonSplitMain`, then a `ButtonSplitMenu` as the trigger of a DropdownMenu.
+ * The two parts touch and read as one button. A `role="group"`: name it with
+ * `aria-label`, not with the main part's name. For a frameless split in a
+ * panel header, use `PanelSplitAction`.
+ */
+export declare function ButtonSplit({ disabled, className, ...props }: ButtonSplitProps): import("react").JSX.Element;
+type ButtonSplitPartProps = Omit<ButtonProps, "variant" | "size"> & {
+  /** The Button variant; give both parts the same one. */
+  variant?: ButtonSplitVariant;
+  /** The Button size; give both parts the same one. */
+  size?: ButtonSplitSize;
+};
+export type ButtonSplitMainProps = ButtonSplitPartProps;
+/** The action of a split button: a Button, rounded only on its start side. */
+export declare function ButtonSplitMain({ variant, size, disabled, className, ...props }: ButtonSplitMainProps): import("react").JSX.Element;
+export type ButtonSplitMenuProps = ButtonSplitPartProps;
+/**
+ * The narrow part of a split button that opens its menu, with a chevron by
+ * default; its start border is the divider. Render it as the trigger of a
+ * DropdownMenu:
+ * `<DropdownMenuTrigger render={<ButtonSplitMenu aria-label="More ways to create an agent" />} />`.
+ */
+export declare function ButtonSplitMenu({ variant, size, disabled, className, children, ...props }: ButtonSplitMenuProps): import("react").JSX.Element;
+//#endregion

package/dist/components/button/button-split.mjs

@@ -0,0 +1,119 @@
+import { tv } from "../../lib/tv.mjs";
+import { Button } from "./button.mjs";
+import { ChevronDown } from "lucide-react";
+import { createContext, useCallback, useContext, useLayoutEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/button/button-split.tsx
+const buttonSplit = tv({ base: [
+	"relative isolate inline-flex shrink-0 items-stretch",
+	"rounded-control ring-sticker-edge",
+	"data-sticker-edge:ring-[1.5px]"
+] });
+const buttonSplitMain = tv({ base: ["rounded-e-none border-e-0", "ring-0 focus-visible:z-1"] });
+const buttonSplitMenu = tv({
+	base: [
+		"min-w-0 rounded-s-none px-0",
+		"ring-0 focus-visible:z-1",
+		"after:inset-s-0"
+	],
+	variants: {
+		variant: {
+			primary: "data-popup-open:overlay-sticker-medium",
+			warning: "data-popup-open:overlay-sticker-medium",
+			danger: "data-popup-open:overlay-sticker-medium",
+			default: "data-popup-open:overlay-medium"
+		},
+		size: {
+			md: ["w-7", "after:-inset-e-[calc(--spacing(4)+1.5px)]"],
+			lg: ["w-9 md:pointer-fine:w-7", "after:-inset-e-[calc(--spacing(2)+1.5px)] md:pointer-fine:after:-inset-e-[calc(--spacing(4)+1.5px)]"]
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+});
+const STICKERS = /* @__PURE__ */ new Set([
+	"primary",
+	"warning",
+	"danger"
+]);
+const ButtonSplitContext = createContext({
+	disabled: false,
+	registerStickerPart: () => () => {}
+});
+/** An enabled sticker part asks its group to draw the die-cut edge while it is mounted. */
+function useStickerEdge(active) {
+	const { registerStickerPart } = useContext(ButtonSplitContext);
+	useLayoutEffect(() => active ? registerStickerPart() : void 0, [active, registerStickerPart]);
+}
+/**
+* A Button with a menu beside it, such as Create agent and its ▾: a
+* `ButtonSplitMain`, then a `ButtonSplitMenu` as the trigger of a DropdownMenu.
+* The two parts touch and read as one button. A `role="group"`: name it with
+* `aria-label`, not with the main part's name. For a frameless split in a
+* panel header, use `PanelSplitAction`.
+*/
+function ButtonSplit({ disabled = false, className, ...props }) {
+	const [stickerParts, setStickerParts] = useState(0);
+	const registerStickerPart = useCallback(() => {
+		setStickerParts((count) => count + 1);
+		return () => setStickerParts((count) => count - 1);
+	}, []);
+	const context = useMemo(() => ({
+		disabled,
+		registerStickerPart
+	}), [disabled, registerStickerPart]);
+	return /* @__PURE__ */ jsx(ButtonSplitContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ jsx("div", {
+			role: "group",
+			...props,
+			"data-slot": "button-split",
+			"data-sticker-edge": stickerParts > 0 ? "" : void 0,
+			className: buttonSplit({ className })
+		})
+	});
+}
+/** The action of a split button: a Button, rounded only on its start side. */
+function ButtonSplitMain({ variant = "default", size = "md", disabled, className, ...props }) {
+	const group = useContext(ButtonSplitContext);
+	const isDisabled = disabled || group.disabled;
+	useStickerEdge(STICKERS.has(variant) && !isDisabled && !props.loading);
+	return /* @__PURE__ */ jsx(Button, {
+		...props,
+		variant,
+		size,
+		disabled: isDisabled,
+		"data-split-part": "main",
+		"data-split-sticker": STICKERS.has(variant) ? "" : void 0,
+		className: buttonSplitMain({ className })
+	});
+}
+/**
+* The narrow part of a split button that opens its menu, with a chevron by
+* default; its start border is the divider. Render it as the trigger of a
+* DropdownMenu:
+* `<DropdownMenuTrigger render={<ButtonSplitMenu aria-label="More ways to create an agent" />} />`.
+*/
+function ButtonSplitMenu({ variant = "default", size = "md", disabled, className, children, ...props }) {
+	const group = useContext(ButtonSplitContext);
+	const isDisabled = disabled || group.disabled;
+	useStickerEdge(STICKERS.has(variant) && !isDisabled && !props.loading);
+	return /* @__PURE__ */ jsx(Button, {
+		...props,
+		variant,
+		size,
+		disabled: isDisabled,
+		"data-split-part": "menu",
+		"data-split-sticker": STICKERS.has(variant) ? "" : void 0,
+		className: buttonSplitMenu({
+			variant,
+			size,
+			className
+		}),
+		children: children ?? /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": true })
+	});
+}
+//#endregion
+export { ButtonSplit, ButtonSplitMain, ButtonSplitMenu, buttonSplit, buttonSplitMain, buttonSplitMenu };

package/dist/components/button/index.d.mts

@@ -1,2 +1,3 @@
 import { Button, ButtonProps, ButtonSize, DeprecatedButtonSize, buttonVariants } from "./button.mjs";
-export { Button, type ButtonProps, type ButtonSize, type DeprecatedButtonSize, buttonVariants };
+import { ButtonSplit, ButtonSplitMain, ButtonSplitMainProps, ButtonSplitMenu, ButtonSplitMenuProps, ButtonSplitProps, ButtonSplitSize, ButtonSplitVariant } from "./button-split.mjs";
+export { Button, type ButtonProps, type ButtonSize, ButtonSplit, ButtonSplitMain, type ButtonSplitMainProps, ButtonSplitMenu, type ButtonSplitMenuProps, type ButtonSplitProps, type ButtonSplitSize, type ButtonSplitVariant, type DeprecatedButtonSize, buttonVariants };

package/dist/components/comment/comment-margin.mjs

@@ -51,6 +51,8 @@ function CommentMargin({ className, render, style, gap = 8, ...props }) {
 	}, []);
 	const place = useCallback((id, placement) => patch(id, placement), [patch]);
 	const observe = useCallback((id, element) => {
+		patch(id, { height: heightOf(element) });
+		if (typeof ResizeObserver === "undefined") return () => {};
 		observer.current ??= new ResizeObserver((records) => {
 			for (const record of records) {
 				const target = observed.current.get(record.target);
@@ -58,7 +60,6 @@ function CommentMargin({ className, render, style, gap = 8, ...props }) {
 			}
 		});
 		observed.current.set(element, id);
-		patch(id, { height: heightOf(element) });
 		observer.current.observe(element);
 		return () => {
 			observer.current?.unobserve(element);

package/dist/fonts.css

@@ -1,43 +1,46 @@
 @import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Space+Mono:wght@400;700&display=swap");
 
 /* Raft Design System: Space Grotesk is what people say, Space Mono is what
-   machines write. CJK falls back to PingFang / Source Han Sans; a Traditional
+   machines write. Arial / Helvetica Neue cover Cyrillic before the CJK faces,
+   whose Cyrillic glyphs can have wide advances. Keep system-ui after the CJK
+   families so it does not override their language-specific glyph shapes.
+   CJK falls back to PingFang / Source Han Sans; a Traditional
    Chinese, Japanese or Korean page (<html lang="zh-TW|ja|ko">) falls back to its
    own faces first, so characters keep Traditional or Japanese glyph shapes and
    Hangul a Korean face. */
 :where(:root) {
   --heading-font:
-    "Space Grotesk", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC",
-    system-ui, sans-serif;
+    "Space Grotesk", Arial, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
+    "Noto Sans SC", system-ui, sans-serif;
   --sans-font:
-    "Space Grotesk", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC",
-    system-ui, sans-serif;
+    "Space Grotesk", Arial, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
+    "Noto Sans SC", system-ui, sans-serif;
   --mono-font: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;
 }
 
 :where(:root:lang(zh-TW), :root:lang(zh-HK), :root:lang(zh-MO), :root:lang(zh-Hant)) {
   --heading-font:
-    "Space Grotesk", "PingFang TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "Noto Sans TC",
-    "Noto Sans CJK TC", system-ui, sans-serif;
+    "Space Grotesk", Arial, "Helvetica Neue", "PingFang TC", "Microsoft JhengHei UI",
+    "Microsoft JhengHei", "Noto Sans TC", "Noto Sans CJK TC", system-ui, sans-serif;
   --sans-font:
-    "Space Grotesk", "PingFang TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "Noto Sans TC",
-    "Noto Sans CJK TC", system-ui, sans-serif;
+    "Space Grotesk", Arial, "Helvetica Neue", "PingFang TC", "Microsoft JhengHei UI",
+    "Microsoft JhengHei", "Noto Sans TC", "Noto Sans CJK TC", system-ui, sans-serif;
 }
 
 :where(:root:lang(ja)) {
   --heading-font:
-    "Space Grotesk", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo,
-    "Noto Sans JP", "Noto Sans CJK JP", system-ui, sans-serif;
+    "Space Grotesk", Arial, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN",
+    "Yu Gothic UI", Meiryo, "Noto Sans JP", "Noto Sans CJK JP", system-ui, sans-serif;
   --sans-font:
-    "Space Grotesk", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo,
-    "Noto Sans JP", "Noto Sans CJK JP", system-ui, sans-serif;
+    "Space Grotesk", Arial, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN",
+    "Yu Gothic UI", Meiryo, "Noto Sans JP", "Noto Sans CJK JP", system-ui, sans-serif;
 }
 
 :where(:root:lang(ko)) {
   --heading-font:
-    "Space Grotesk", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR",
-    system-ui, sans-serif;
+    "Space Grotesk", Arial, "Helvetica Neue", "Apple SD Gothic Neo", "Malgun Gothic",
+    "Noto Sans KR", "Noto Sans CJK KR", system-ui, sans-serif;
   --sans-font:
-    "Space Grotesk", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR",
-    system-ui, sans-serif;
+    "Space Grotesk", Arial, "Helvetica Neue", "Apple SD Gothic Neo", "Malgun Gothic",
+    "Noto Sans KR", "Noto Sans CJK KR", system-ui, sans-serif;
 }

package/dist/wip.d.mts

@@ -1,3 +1,5 @@
+import { ButtonSplit, ButtonSplitMain, ButtonSplitMainProps, ButtonSplitMenu, ButtonSplitMenuProps, ButtonSplitProps, ButtonSplitSize, ButtonSplitVariant } from "./components/button/button-split.mjs";
+import "./components/button/index.mjs";
 import { Dialog, DialogClose, DialogFooterNote, DialogFooterNoteProps, DialogSheetBack, DialogSheetBackProps, DialogTrigger } from "./components/dialog/dialog.mjs";
 import { DialogCommit, DialogCommitProps, DialogSheetContent, DialogSheetContentProps } from "./components/dialog/dialog-sheet.mjs";
 import "./components/dialog/index.mjs";
@@ -59,6 +61,8 @@ import "./components/meter/index.mjs";
 import { FilterChip, FilterChipLabel, FilterChipLabelProps, FilterChipProps, FilterChipRemove, FilterChipRemoveProps } from "./components/filter-chip/filter-chip.mjs";
 import "./components/filter-chip/index.mjs";
 import { OverlayLayerKind, OverlayLayerProvider, OverlayLayerProviderProps, useParentOverlayKind } from "./lib/overlay-depth.mjs";
+import { AppLinkCard, AppLinkCardActions, AppLinkCardActionsProps, AppLinkCardBody, AppLinkCardBodyProps, AppLinkCardEyebrow, AppLinkCardEyebrowProps, AppLinkCardHeader, AppLinkCardHeaderProps, AppLinkCardHost, AppLinkCardHostProps, AppLinkCardIcon, AppLinkCardIconProps, AppLinkCardMeta, AppLinkCardMetaProps, AppLinkCardName, AppLinkCardNameProps, AppLinkCardPlaceholder, AppLinkCardPlaceholderProps, AppLinkCardTitle, AppLinkCardTitleProps } from "./components/app-link-card/app-link-card.mjs";
+import "./components/app-link-card/index.mjs";
 import { PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PullToRefreshState } from "./components/pull-to-refresh/pull-to-refresh-gesture.mjs";
 import { PULL_TO_REFRESH_POINTER_QUERY, PullToRefresh, PullToRefreshPlatform, UsePullToRefreshOptions, usePullToRefresh } from "./components/pull-to-refresh/use-pull-to-refresh.mjs";
 import { PullToRefreshIndicator, PullToRefreshIndicatorProps } from "./components/pull-to-refresh/pull-to-refresh-indicator.mjs";
@@ -69,4 +73,4 @@ import { SaveStatus, SaveStatusError, SaveStatusErrorProps, SaveStatusProps, Sav
 import "./components/save-status/index.mjs";
 import { TaskCompletionControl, TaskCompletionControlProps } from "./components/task-completion-control/task-completion-control.mjs";
 import "./components/task-completion-control/index.mjs";
-export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, AvatarGroupButton, type AvatarGroupButtonProps, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, type ChoiceListGroup, type ChoiceListItem, type ChoiceListMultipleProps, type ChoiceListProps, type ChoiceListSingleProps, ComboboxSelect, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, CommentCard, CommentCardMeta, type CommentCardMetaProps, type CommentCardProps, CommentCardQuote, type CommentCardQuoteProps, CommentCardTrigger, type CommentCardTriggerProps, CommentEntry, CommentEntryAuthor, type CommentEntryAuthorProps, CommentEntryBody, type CommentEntryBodyProps, CommentEntryHeader, type CommentEntryHeaderProps, type CommentEntryProps, CommentEntryTime, type CommentEntryTimeProps, CommentMargin, CommentMarginItem, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, CommentMarker, type CommentMarkerProps, DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DialogCommit, type DialogCommitProps, DialogFooterNote, type DialogFooterNoteProps, DialogSheetBack, type DialogSheetBackProps, DialogSheetContent, type DialogSheetContentProps, type DragAcrossLists, type DragAnnouncementSource, DragLift, type DragLiftProps, type DragListsItems, DragLiveRegion, type DragMessages, type DragNamed, type DragPlace, DragRefusalHint, type DragRefusalHintProps, DragRemeasure, type DragRemeasureProps, type DragSensorsOptions, DraggedSlot, type DraggedSlotProps, DropPlaceholder, type DropPlaceholderProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, Ellipsis, type EllipsisProps, type EllipsisState, EllipsisToggle, type EllipsisToggleProps, FilterChip, FilterChipLabel, type FilterChipLabelProps, type FilterChipProps, FilterChipRemove, type FilterChipRemoveProps, type HoldThenMoveOptions, HoldThenMoveTouchSensor, InboxItemLeadingBadge, type InboxItemLeadingBadgeProps, InboxItemLine, type InboxItemLineProps, InboxItemListGroup, type InboxItemListGroupProps, InboxItemListHeading, type InboxItemListHeadingProps, InboxItemSkeleton, InboxItemSkeletonList, type InboxItemSkeletonListProps, type InboxItemSkeletonProps, InboxItemStatus, type InboxItemStatusProps, type KbdKeyName, KbdShortcut, type KbdShortcutProps, type KeyboardPlatform, LIFT_CLASS, ListRowSkeleton, type ListRowSkeletonProps, MOUSE_DRAG_DISTANCE_PX, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, MessageReferenceIcon, type MessageReferenceIconProps, MessageReferenceReadMark, type MessageReferenceReadMarkProps, Meter, MeterHeader, type MeterHeaderProps, MeterIndicator, type MeterIndicatorProps, MeterLabel, type MeterLabelProps, type MeterProps, MeterTrack, type MeterTrackProps, MeterValue, type MeterValueProps, MobileNavServerItem, type MobileNavServerItemProps, MobileNavServerPopover, MobileNavServerPopoverContent, type MobileNavServerPopoverContentProps, MobileNavServerPopoverDestination, type MobileNavServerPopoverDestinationProps, MobileNavServerPopoverDestinations, type MobileNavServerPopoverDestinationsProps, MobileNavServerPopoverGroup, type MobileNavServerPopoverGroupProps, MobileNavServerPopoverList, type MobileNavServerPopoverListProps, type MobileNavServerPopoverProps, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, type MobileNavServerPopoverRowBodyProps, MobileNavServerPopoverRowDescription, type MobileNavServerPopoverRowDescriptionProps, MobileNavServerPopoverRowLabel, type MobileNavServerPopoverRowLabelProps, type MobileNavServerPopoverRowProps, ModeBar, ModeBarAction, type ModeBarActionProps, ModeBarContent, type ModeBarContentProps, ModeBarDescription, type ModeBarDescriptionProps, type ModeBarProps, ModeBarTitle, type ModeBarTitleProps, MouseOnlyPointerSensor, ORIGIN_OPACITY, type OverlayLayerKind, OverlayLayerProvider, type OverlayLayerProviderProps, PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_POINTER_QUERY, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PanelSplitAction, PanelSplitActionMain, type PanelSplitActionMainProps, PanelSplitActionMenu, type PanelSplitActionMenuProps, type PanelSplitActionProps, PanelSplitActionToggle, type PanelSplitActionToggleProps, PopoverActions, type PopoverActionsProps, PopoverBody, type PopoverBodyProps, PreviewCardActions, type PreviewCardActionsProps, PreviewCardBody, type PreviewCardBodyProps, PreviewCardEyebrow, type PreviewCardEyebrowProps, PreviewCardFooter, type PreviewCardFooterProps, PreviewCardMeta, type PreviewCardMetaProps, type PullToRefresh, PullToRefreshIndicator, type PullToRefreshIndicatorProps, type PullToRefreshPlatform, type PullToRefreshState, SaveStatus, SaveStatusError, type SaveStatusErrorProps, type SaveStatusProps, SaveStatusSaved, type SaveStatusSavedProps, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, type TableSort, TableSortButton, type TableSortButtonProps, TableSortableHead, type TableSortableHeadProps, TaskCompletionControl, type TaskCompletionControlProps, type UseCommentMarginFitsOptions, type UseDragListsOptions, type UsePullToRefreshOptions, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useHoldThenMoveTouchSensor, useKeyboardPlatform, useMouseOnlyPointerSensor, useParentOverlayKind, usePullToRefresh, useTruncated };
+export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, AppLinkCard, AppLinkCardActions, type AppLinkCardActionsProps, AppLinkCardBody, type AppLinkCardBodyProps, AppLinkCardEyebrow, type AppLinkCardEyebrowProps, AppLinkCardHeader, type AppLinkCardHeaderProps, AppLinkCardHost, type AppLinkCardHostProps, AppLinkCardIcon, type AppLinkCardIconProps, AppLinkCardMeta, type AppLinkCardMetaProps, AppLinkCardName, type AppLinkCardNameProps, AppLinkCardPlaceholder, type AppLinkCardPlaceholderProps, AppLinkCardTitle, type AppLinkCardTitleProps, AvatarGroupButton, type AvatarGroupButtonProps, ButtonSplit, ButtonSplitMain, type ButtonSplitMainProps, ButtonSplitMenu, type ButtonSplitMenuProps, type ButtonSplitProps, type ButtonSplitSize, type ButtonSplitVariant, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, type ChoiceListGroup, type ChoiceListItem, type ChoiceListMultipleProps, type ChoiceListProps, type ChoiceListSingleProps, ComboboxSelect, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue, CommentCard, CommentCardMeta, type CommentCardMetaProps, type CommentCardProps, CommentCardQuote, type CommentCardQuoteProps, CommentCardTrigger, type CommentCardTriggerProps, CommentEntry, CommentEntryAuthor, type CommentEntryAuthorProps, CommentEntryBody, type CommentEntryBodyProps, CommentEntryHeader, type CommentEntryHeaderProps, type CommentEntryProps, CommentEntryTime, type CommentEntryTimeProps, CommentMargin, CommentMarginItem, type CommentMarginItemProps, type CommentMarginLayout, type CommentMarginLayoutItem, type CommentMarginLayoutOptions, type CommentMarginProps, CommentMarker, type CommentMarkerProps, DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DialogCommit, type DialogCommitProps, DialogFooterNote, type DialogFooterNoteProps, DialogSheetBack, type DialogSheetBackProps, DialogSheetContent, type DialogSheetContentProps, type DragAcrossLists, type DragAnnouncementSource, DragLift, type DragLiftProps, type DragListsItems, DragLiveRegion, type DragMessages, type DragNamed, type DragPlace, DragRefusalHint, type DragRefusalHintProps, DragRemeasure, type DragRemeasureProps, type DragSensorsOptions, DraggedSlot, type DraggedSlotProps, DropPlaceholder, type DropPlaceholderProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, Ellipsis, type EllipsisProps, type EllipsisState, EllipsisToggle, type EllipsisToggleProps, FilterChip, FilterChipLabel, type FilterChipLabelProps, type FilterChipProps, FilterChipRemove, type FilterChipRemoveProps, type HoldThenMoveOptions, HoldThenMoveTouchSensor, InboxItemLeadingBadge, type InboxItemLeadingBadgeProps, InboxItemLine, type InboxItemLineProps, InboxItemListGroup, type InboxItemListGroupProps, InboxItemListHeading, type InboxItemListHeadingProps, InboxItemSkeleton, InboxItemSkeletonList, type InboxItemSkeletonListProps, type InboxItemSkeletonProps, InboxItemStatus, type InboxItemStatusProps, type KbdKeyName, KbdShortcut, type KbdShortcutProps, type KeyboardPlatform, LIFT_CLASS, ListRowSkeleton, type ListRowSkeletonProps, MOUSE_DRAG_DISTANCE_PX, MessageItemDelegatedAvatar, type MessageItemDelegatedAvatarProps, MessageItemDelegatedBy, MessageItemDelegatedByButton, type MessageItemDelegatedByButtonProps, MessageItemDelegatedByName, type MessageItemDelegatedByNameProps, type MessageItemDelegatedByProps, MessageListJumpControls, type MessageListJumpControlsProps, MessageListJumpPill, MessageListJumpPillDismiss, type MessageListJumpPillDismissProps, MessageListJumpPillGroup, type MessageListJumpPillGroupProps, type MessageListJumpPillProps, MessageQuotedPreviewAuthorDelegatedBy, type MessageQuotedPreviewAuthorDelegatedByProps, MessageReferenceIcon, type MessageReferenceIconProps, MessageReferenceReadMark, type MessageReferenceReadMarkProps, Meter, MeterHeader, type MeterHeaderProps, MeterIndicator, type MeterIndicatorProps, MeterLabel, type MeterLabelProps, type MeterProps, MeterTrack, type MeterTrackProps, MeterValue, type MeterValueProps, MobileNavServerItem, type MobileNavServerItemProps, MobileNavServerPopover, MobileNavServerPopoverContent, type MobileNavServerPopoverContentProps, MobileNavServerPopoverDestination, type MobileNavServerPopoverDestinationProps, MobileNavServerPopoverDestinations, type MobileNavServerPopoverDestinationsProps, MobileNavServerPopoverGroup, type MobileNavServerPopoverGroupProps, MobileNavServerPopoverList, type MobileNavServerPopoverListProps, type MobileNavServerPopoverProps, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, type MobileNavServerPopoverRowBodyProps, MobileNavServerPopoverRowDescription, type MobileNavServerPopoverRowDescriptionProps, MobileNavServerPopoverRowLabel, type MobileNavServerPopoverRowLabelProps, type MobileNavServerPopoverRowProps, ModeBar, ModeBarAction, type ModeBarActionProps, ModeBarContent, type ModeBarContentProps, ModeBarDescription, type ModeBarDescriptionProps, type ModeBarProps, ModeBarTitle, type ModeBarTitleProps, MouseOnlyPointerSensor, ORIGIN_OPACITY, type OverlayLayerKind, OverlayLayerProvider, type OverlayLayerProviderProps, PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_POINTER_QUERY, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PanelSplitAction, PanelSplitActionMain, type PanelSplitActionMainProps, PanelSplitActionMenu, type PanelSplitActionMenuProps, type PanelSplitActionProps, PanelSplitActionToggle, type PanelSplitActionToggleProps, PopoverActions, type PopoverActionsProps, PopoverBody, type PopoverBodyProps, PreviewCardActions, type PreviewCardActionsProps, PreviewCardBody, type PreviewCardBodyProps, PreviewCardEyebrow, type PreviewCardEyebrowProps, PreviewCardFooter, type PreviewCardFooterProps, PreviewCardMeta, type PreviewCardMetaProps, type PullToRefresh, PullToRefreshIndicator, type PullToRefreshIndicatorProps, type PullToRefreshPlatform, type PullToRefreshState, SaveStatus, SaveStatusError, type SaveStatusErrorProps, type SaveStatusProps, SaveStatusSaved, type SaveStatusSavedProps, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, type TableSort, TableSortButton, type TableSortButtonProps, TableSortableHead, type TableSortableHeadProps, TaskCompletionControl, type TaskCompletionControlProps, type UseCommentMarginFitsOptions, type UseDragListsOptions, type UsePullToRefreshOptions, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useHoldThenMoveTouchSensor, useKeyboardPlatform, useMouseOnlyPointerSensor, useParentOverlayKind, usePullToRefresh, useTruncated };

package/dist/wip.mjs

@@ -1,5 +1,6 @@
 import "./lib/drag-escape.mjs";
 import { OverlayLayerProvider, useParentOverlayKind } from "./lib/overlay-depth.mjs";
+import { ButtonSplit, ButtonSplitMain, ButtonSplitMenu } from "./components/button/button-split.mjs";
 import { Dialog, DialogClose, DialogFooterNote, DialogSheetBack, DialogTrigger } from "./components/dialog/dialog.mjs";
 import { DialogCommit, DialogSheetContent } from "./components/dialog/dialog-sheet.mjs";
 import { useKeyboardPlatform } from "./lib/use-platform.mjs";
@@ -40,10 +41,11 @@ import { InboxItemSkeleton, InboxItemSkeletonList } from "./components/inbox-ite
 import { ListRowSkeleton } from "./components/list-row/list-row-skeleton.mjs";
 import { Meter, MeterHeader, MeterIndicator, MeterLabel, MeterTrack, MeterValue } from "./components/meter/meter.mjs";
 import { FilterChip, FilterChipLabel, FilterChipRemove } from "./components/filter-chip/filter-chip.mjs";
+import { AppLinkCard, AppLinkCardActions, AppLinkCardBody, AppLinkCardEyebrow, AppLinkCardHeader, AppLinkCardHost, AppLinkCardIcon, AppLinkCardMeta, AppLinkCardName, AppLinkCardPlaceholder, AppLinkCardTitle } from "./components/app-link-card/app-link-card.mjs";
 import { PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD } from "./components/pull-to-refresh/pull-to-refresh-gesture.mjs";
 import { PULL_TO_REFRESH_POINTER_QUERY, usePullToRefresh } from "./components/pull-to-refresh/use-pull-to-refresh.mjs";
 import { PullToRefreshIndicator } from "./components/pull-to-refresh/pull-to-refresh-indicator.mjs";
 import { ChoiceList } from "./components/choice-list/choice-list.mjs";
 import { SaveStatus, SaveStatusError, SaveStatusSaved } from "./components/save-status/save-status.mjs";
 import { TaskCompletionControl } from "./components/task-completion-control/task-completion-control.mjs";
-export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, AvatarGroupButton, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, ComboboxSelect, CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger, CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime, CommentMargin, CommentMarginItem, CommentMarker, DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DialogCommit, DialogFooterNote, DialogSheetBack, DialogSheetContent, DragLift, DragLiveRegion, DragRefusalHint, DragRemeasure, DraggedSlot, DropPlaceholder, DropdownMenuLinkItem, Ellipsis, EllipsisToggle, FilterChip, FilterChipLabel, FilterChipRemove, HoldThenMoveTouchSensor, InboxItemLeadingBadge, InboxItemLine, InboxItemListGroup, InboxItemListHeading, InboxItemSkeleton, InboxItemSkeletonList, InboxItemStatus, KbdShortcut, LIFT_CLASS, ListRowSkeleton, MOUSE_DRAG_DISTANCE_PX, MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName, MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup, MessageQuotedPreviewAuthorDelegatedBy, MessageReferenceIcon, MessageReferenceReadMark, Meter, MeterHeader, MeterIndicator, MeterLabel, MeterTrack, MeterValue, MobileNavServerItem, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinations, MobileNavServerPopoverGroup, MobileNavServerPopoverList, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowLabel, ModeBar, ModeBarAction, ModeBarContent, ModeBarDescription, ModeBarTitle, MouseOnlyPointerSensor, ORIGIN_OPACITY, OverlayLayerProvider, PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_POINTER_QUERY, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PanelSplitAction, PanelSplitActionMain, PanelSplitActionMenu, PanelSplitActionToggle, PopoverActions, PopoverBody, PreviewCardActions, PreviewCardBody, PreviewCardEyebrow, PreviewCardFooter, PreviewCardMeta, PullToRefreshIndicator, SaveStatus, SaveStatusError, SaveStatusSaved, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, TableSortButton, TableSortableHead, TaskCompletionControl, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useHoldThenMoveTouchSensor, useKeyboardPlatform, useMouseOnlyPointerSensor, useParentOverlayKind, usePullToRefresh, useTruncated };
+export { Dialog as AnnouncementDialog, AnnouncementDialogAction, AnnouncementDialogBody, DialogClose as AnnouncementDialogClose, AnnouncementDialogContent, AnnouncementDialogFooter, AnnouncementDialogHeader, AnnouncementDialogLabel, AnnouncementDialogPicture, AnnouncementDialogSecondaryAction, AnnouncementDialogText, AnnouncementDialogTitle, DialogTrigger as AnnouncementDialogTrigger, AppLinkCard, AppLinkCardActions, AppLinkCardBody, AppLinkCardEyebrow, AppLinkCardHeader, AppLinkCardHost, AppLinkCardIcon, AppLinkCardMeta, AppLinkCardName, AppLinkCardPlaceholder, AppLinkCardTitle, AvatarGroupButton, ButtonSplit, ButtonSplitMain, ButtonSplitMenu, COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, ChoiceList, ComboboxSelect, CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger, CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime, CommentMargin, CommentMarginItem, CommentMarker, DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DialogCommit, DialogFooterNote, DialogSheetBack, DialogSheetContent, DragLift, DragLiveRegion, DragRefusalHint, DragRemeasure, DraggedSlot, DropPlaceholder, DropdownMenuLinkItem, Ellipsis, EllipsisToggle, FilterChip, FilterChipLabel, FilterChipRemove, HoldThenMoveTouchSensor, InboxItemLeadingBadge, InboxItemLine, InboxItemListGroup, InboxItemListHeading, InboxItemSkeleton, InboxItemSkeletonList, InboxItemStatus, KbdShortcut, LIFT_CLASS, ListRowSkeleton, MOUSE_DRAG_DISTANCE_PX, MessageItemDelegatedAvatar, MessageItemDelegatedBy, MessageItemDelegatedByButton, MessageItemDelegatedByName, MessageListJumpControls, MessageListJumpPill, MessageListJumpPillDismiss, MessageListJumpPillGroup, MessageQuotedPreviewAuthorDelegatedBy, MessageReferenceIcon, MessageReferenceReadMark, Meter, MeterHeader, MeterIndicator, MeterLabel, MeterTrack, MeterValue, MobileNavServerItem, MobileNavServerPopover, MobileNavServerPopoverContent, MobileNavServerPopoverDestination, MobileNavServerPopoverDestinations, MobileNavServerPopoverGroup, MobileNavServerPopoverList, MobileNavServerPopoverRow, MobileNavServerPopoverRowBody, MobileNavServerPopoverRowDescription, MobileNavServerPopoverRowLabel, ModeBar, ModeBarAction, ModeBarContent, ModeBarDescription, ModeBarTitle, MouseOnlyPointerSensor, ORIGIN_OPACITY, OverlayLayerProvider, PULL_TO_REFRESH_DAMPING, PULL_TO_REFRESH_HOLD_DISTANCE, PULL_TO_REFRESH_MAX_DISTANCE, PULL_TO_REFRESH_POINTER_QUERY, PULL_TO_REFRESH_SNAP_BACK_MS, PULL_TO_REFRESH_THRESHOLD, PanelSplitAction, PanelSplitActionMain, PanelSplitActionMenu, PanelSplitActionToggle, PopoverActions, PopoverBody, PreviewCardActions, PreviewCardBody, PreviewCardEyebrow, PreviewCardFooter, PreviewCardMeta, PullToRefreshIndicator, SaveStatus, SaveStatusError, SaveStatusSaved, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, TableSortButton, TableSortableHead, TaskCompletionControl, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, resolveCommentMarginLayout, setCommentHighlights, useCommentMarginFits, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useHoldThenMoveTouchSensor, useKeyboardPlatform, useMouseOnlyPointerSensor, useParentOverlayKind, usePullToRefresh, useTruncated };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botiverse/raft-ui",
-  "version": "0.63.0",
+  "version": "0.64.0",
   "description": "React components and CSS foundations for the Raft Design System.",
   "keywords": [
     "agent-skills",