@botiverse/raft-ui 0.51.0 → 0.52.0

package/dist/components/list-row/list-row-skeleton.d.mts

@@ -0,0 +1,21 @@
+import { ListRowProps } from "./list-row.mjs";
+//#region src/components/list-row/list-row-skeleton.d.ts
+export type ListRowSkeletonProps = Omit<ListRowProps, "tone" | "selected" | "interactive" | "children"> & {
+  /**
+   * A leading block: 35px for an avatar or tile in a `default` row, 20px for
+   * a `ListRowIcon` in a `plain` or `entry` row. On by default in a `default`
+   * row.
+   */
+  leading?: boolean;
+  /** A second line, where the rows have a `ListRowDescription`. On by default in a `default` row. */
+  description?: boolean;
+};
+/**
+ * A placeholder for one `ListRow` while the list loads. It is a display-only
+ * `ListRow` of the same `variant`, with a bar in its title, its time and its
+ * description, so it is the loaded row's size and its divider sits in the
+ * same place. Hidden from assistive technology: mark the region that stays
+ * while the list loads, such as its `ListRowGroup`, `aria-busy`.
+ */
+export declare function ListRowSkeleton({ variant, leading, description, className, ...props }: ListRowSkeletonProps): import("react").JSX.Element;
+//#endregion

package/dist/components/list-row/list-row-skeleton.mjs

@@ -0,0 +1,43 @@
+import { tv } from "../../lib/tv.mjs";
+import { ListRow, ListRowBody, ListRowBottom, ListRowDescription, ListRowMeta, ListRowTitle, ListRowTop } from "./list-row.mjs";
+import { Skeleton } from "../skeleton/skeleton.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/list-row/list-row-skeleton.tsx
+const listRowSkeleton = tv({ slots: {
+	row: [
+		"[--list-row-skeleton-title:45%] [--list-row-skeleton-description:75%]",
+		"nth-[3n+2]:[--list-row-skeleton-title:35%] nth-[3n+2]:[--list-row-skeleton-description:60%]",
+		"nth-[3n]:[--list-row-skeleton-title:55%] nth-[3n]:[--list-row-skeleton-description:70%]"
+	],
+	avatar: ["size-[35px] shrink-0"],
+	icon: ["size-5 shrink-0"],
+	bar: ["inline-block h-[0.75em] max-w-full align-middle"],
+	titleBar: ["w-(--list-row-skeleton-title)"],
+	descriptionBar: ["w-(--list-row-skeleton-description)"],
+	metaBar: ["w-9"]
+} });
+/**
+* A placeholder for one `ListRow` while the list loads. It is a display-only
+* `ListRow` of the same `variant`, with a bar in its title, its time and its
+* description, so it is the loaded row's size and its divider sits in the
+* same place. Hidden from assistive technology: mark the region that stays
+* while the list loads, such as its `ListRowGroup`, `aria-busy`.
+*/
+function ListRowSkeleton({ variant = "default", leading = variant === "default", description = variant === "default", className, ...props }) {
+	const slots = listRowSkeleton();
+	const bar = (width) => /* @__PURE__ */ jsx(Skeleton, {
+		variant: "line",
+		className: slots.bar({ className: width })
+	});
+	return /* @__PURE__ */ jsxs(ListRow, {
+		"aria-hidden": true,
+		"data-skeleton": "",
+		interactive: false,
+		variant,
+		...props,
+		className: slots.row({ className }),
+		children: [leading ? /* @__PURE__ */ jsx(Skeleton, { className: variant === "default" ? slots.avatar() : slots.icon() }) : null, /* @__PURE__ */ jsxs(ListRowBody, { children: [/* @__PURE__ */ jsxs(ListRowTop, { children: [/* @__PURE__ */ jsx(ListRowTitle, { children: bar(slots.titleBar()) }), variant === "default" ? /* @__PURE__ */ jsx(ListRowMeta, { children: bar(slots.metaBar()) }) : null] }), description ? /* @__PURE__ */ jsx(ListRowBottom, { children: /* @__PURE__ */ jsx(ListRowDescription, { children: bar(slots.descriptionBar()) }) }) : null] })]
+	});
+}
+//#endregion
+export { ListRowSkeleton };

package/dist/components/list-row/list-row.d.mts

@@ -0,0 +1,66 @@
+import { VariantProps } from "../../lib/tv.mjs";
+import { RowTone } from "../../lib/row-tone.mjs";
+import { listRow } from "./list-row.recipe.mjs";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/list-row/list-row.d.ts
+export type ListRowGroupProps = useRender.ComponentProps<"div">;
+/** An inset group: rows wrapped in a card (surface, hairline, radius-lg). */
+export declare function ListRowGroup({ className, render, ...props }: ListRowGroupProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type ListRowProps = useRender.ComponentProps<"button"> & Pick<VariantProps<typeof listRow>, "variant"> & {
+  /** Something waits for you here (bold title, ink preview), the place is
+   *  muted (ink-2 title), or you are not in it yet (ink-3 title and preview).
+   *  A disabled row ignores it: everything is ink-disabled. */
+  tone?: RowTone;
+  /** The item open beside the list: the row takes the cyan wash and stops
+   *  reacting to hover. Say why it is selected with `aria-current` or
+   *  `aria-selected` yourself. */
+  selected?: boolean;
+  /** `false` renders a display-only row: a `div` with no hover or press,
+   *  for a row whose controls (a switch, a button) are its only targets. */
+  interactive?: boolean;
+  /** Draw the row as a list cell (design/patterns/lists.md): no line between
+   *  rows, and hover, press, selection and focus on one shape inset 8px at
+   *  the sides. For a list of places or people on a phone; put the rows in a
+   *  `flex flex-col gap-0.5 py-2` column. A settings card keeps the default
+   *  look, with its lines. */
+  cell?: boolean;
+};
+/**
+ * One row of a list. It renders a `button` by default; pass `render={<a />}`
+ * (or a router link) for a row that goes somewhere. Children are the leading
+ * block (an avatar, a channel or icon tile, `ListRowIcon`), `ListRowBody`, and
+ * anything trailing (a value, a badge, a switch, `ListRowChevron`).
+ */
+export declare function ListRow({ variant, tone, selected, interactive, cell, className, render, ...props }: ListRowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type ListRowIconProps = useRender.ComponentProps<"span">;
+/** A 20px leading icon in ink-3: entry rows and settings. */
+export declare function ListRowIcon({ className, render, ...props }: ListRowIconProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type ListRowBodyProps = useRender.ComponentProps<"span">;
+/** The text column: the title and the preview, or a `ListRowTop` and a `ListRowBottom`. */
+export declare function ListRowBody({ className, render, ...props }: ListRowBodyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type ListRowTopProps = useRender.ComponentProps<"span">;
+/** The first line: the title, then the time. */
+export declare function ListRowTop({ className, render, ...props }: ListRowTopProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type ListRowBottomProps = useRender.ComponentProps<"span">;
+/** The second line: the preview, then at most one badge. */
+export declare function ListRowBottom({ className, render, ...props }: ListRowBottomProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type ListRowTitleProps = useRender.ComponentProps<"span">;
+/** 16/24 600 on one line; the row's tone sets its weight and ink. */
+export declare function ListRowTitle({ className, render, ...props }: ListRowTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type ListRowDescriptionProps = useRender.ComponentProps<"span"> & {
+  /** Let the text run onto more lines instead of truncating: a setting's
+   *  consequence. */
+  wrap?: boolean;
+};
+/** The preview (who spoke first: "Wug: …") or a setting's consequence, 14/20 ink-2. */
+export declare function ListRowDescription({ className, render, wrap, ...props }: ListRowDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type ListRowMetaProps = useRender.ComponentProps<"span">;
+/** Machine-written facts in Space Mono 12, ink-3: the time, a gray count. */
+export declare function ListRowMeta({ className, render, ...props }: ListRowMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type ListRowValueProps = useRender.ComponentProps<"span">;
+/** A setting's current value on the right, 15/20 ink-3, at most 45% of the row. */
+export declare function ListRowValue({ className, render, ...props }: ListRowValueProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type ListRowChevronProps = useRender.ComponentProps<"span">;
+/** The ink-3 arrow of a row that opens another page. */
+export declare function ListRowChevron({ className, render, ...props }: ListRowChevronProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion

package/dist/components/list-row/list-row.mjs

@@ -0,0 +1,167 @@
+import { listRow } from "./list-row.recipe.mjs";
+import { ChevronRight } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/list-row/list-row.tsx
+/** An inset group: rows wrapped in a card (surface, hairline, radius-lg). */
+function ListRowGroup({ className, render, ...props }) {
+	const { group } = listRow();
+	const defaultProps = {
+		"data-slot": "list-row-group",
+		className: group({ className })
+	};
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+/**
+* One row of a list. It renders a `button` by default; pass `render={<a />}`
+* (or a router link) for a row that goes somewhere. Children are the leading
+* block (an avatar, a channel or icon tile, `ListRowIcon`), `ListRowBody`, and
+* anything trailing (a value, a badge, a switch, `ListRowChevron`).
+*/
+function ListRow({ variant = "default", tone = "default", selected = false, interactive = true, cell = false, className, render, ...props }) {
+	const { root } = listRow({
+		variant,
+		interactive,
+		cell
+	});
+	const defaultProps = {
+		"data-slot": "list-row",
+		"data-variant": variant,
+		"data-tone": tone === "default" ? void 0 : tone,
+		"data-selected": selected ? "" : void 0,
+		className: root({ className }),
+		...interactive && !render ? { type: "button" } : {}
+	};
+	return useRender({
+		defaultTagName: interactive ? "button" : "div",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+/** A 20px leading icon in ink-3: entry rows and settings. */
+function ListRowIcon({ className, render, ...props }) {
+	const { icon } = listRow();
+	const defaultProps = {
+		"data-slot": "list-row-icon",
+		"aria-hidden": true,
+		className: icon({ className })
+	};
+	return useRender({
+		defaultTagName: "span",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+/** The text column: the title and the preview, or a `ListRowTop` and a `ListRowBottom`. */
+function ListRowBody({ className, render, ...props }) {
+	const { body } = listRow();
+	const defaultProps = {
+		"data-slot": "list-row-body",
+		className: body({ className })
+	};
+	return useRender({
+		defaultTagName: "span",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+/** The first line: the title, then the time. */
+function ListRowTop({ className, render, ...props }) {
+	const { line } = listRow();
+	const defaultProps = {
+		"data-slot": "list-row-top",
+		className: line({ className })
+	};
+	return useRender({
+		defaultTagName: "span",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+/** The second line: the preview, then at most one badge. */
+function ListRowBottom({ className, render, ...props }) {
+	const { line } = listRow();
+	const defaultProps = {
+		"data-slot": "list-row-bottom",
+		className: line({ className })
+	};
+	return useRender({
+		defaultTagName: "span",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+/** 16/24 600 on one line; the row's tone sets its weight and ink. */
+function ListRowTitle({ className, render, ...props }) {
+	const { title } = listRow();
+	const defaultProps = {
+		"data-slot": "list-row-title",
+		className: title({ className })
+	};
+	return useRender({
+		defaultTagName: "span",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+/** The preview (who spoke first: "Wug: …") or a setting's consequence, 14/20 ink-2. */
+function ListRowDescription({ className, render, wrap = false, ...props }) {
+	const { description } = listRow({ wrap });
+	const defaultProps = {
+		"data-slot": "list-row-description",
+		className: description({ className })
+	};
+	return useRender({
+		defaultTagName: "span",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+/** Machine-written facts in Space Mono 12, ink-3: the time, a gray count. */
+function ListRowMeta({ className, render, ...props }) {
+	const { meta } = listRow();
+	const defaultProps = {
+		"data-slot": "list-row-meta",
+		className: meta({ className })
+	};
+	return useRender({
+		defaultTagName: "span",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+/** A setting's current value on the right, 15/20 ink-3, at most 45% of the row. */
+function ListRowValue({ className, render, ...props }) {
+	const { value } = listRow();
+	const defaultProps = {
+		"data-slot": "list-row-value",
+		className: value({ className })
+	};
+	return useRender({
+		defaultTagName: "span",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+/** The ink-3 arrow of a row that opens another page. */
+function ListRowChevron({ className, render, ...props }) {
+	const { chevron } = listRow();
+	const defaultProps = {
+		"data-slot": "list-row-chevron",
+		"aria-hidden": true,
+		className: chevron({ className }),
+		children: /* @__PURE__ */ jsx(ChevronRight, {})
+	};
+	return useRender({
+		defaultTagName: "span",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+//#endregion
+export { ListRow, ListRowBody, ListRowBottom, ListRowChevron, ListRowDescription, ListRowGroup, ListRowIcon, ListRowMeta, ListRowTitle, ListRowTop, ListRowValue };

package/dist/components/list-row/list-row.recipe.d.mts

@@ -0,0 +1,126 @@
+//#region src/components/list-row/list-row.recipe.d.ts
+export declare const listRow: import("tailwind-variants/lite").TVReturnType<{
+  variant: {
+    default: {
+      root: string;
+    };
+    plain: {
+      root: string;
+    };
+    entry: {
+      root: string;
+    };
+  };
+  interactive: {
+    true: {};
+    false: {};
+  };
+  cell: {
+    false: {
+      root: string[];
+    };
+    true: {
+      root: (string | string[])[];
+    };
+  };
+  wrap: {
+    true: {
+      description: string;
+    };
+    false: {};
+  };
+}, {
+  group: string[];
+  root: string[];
+  icon: string[];
+  body: string[];
+  line: string[];
+  title: string[];
+  description: string[];
+  meta: string[];
+  value: string[];
+  chevron: string[];
+}, undefined, {
+  variant: {
+    default: {
+      root: string;
+    };
+    plain: {
+      root: string;
+    };
+    entry: {
+      root: string;
+    };
+  };
+  interactive: {
+    true: {};
+    false: {};
+  };
+  cell: {
+    false: {
+      root: string[];
+    };
+    true: {
+      root: (string | string[])[];
+    };
+  };
+  wrap: {
+    true: {
+      description: string;
+    };
+    false: {};
+  };
+}, {
+  group: string[];
+  root: string[];
+  icon: string[];
+  body: string[];
+  line: string[];
+  title: string[];
+  description: string[];
+  meta: string[];
+  value: string[];
+  chevron: string[];
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+  variant: {
+    default: {
+      root: string;
+    };
+    plain: {
+      root: string;
+    };
+    entry: {
+      root: string;
+    };
+  };
+  interactive: {
+    true: {};
+    false: {};
+  };
+  cell: {
+    false: {
+      root: string[];
+    };
+    true: {
+      root: (string | string[])[];
+    };
+  };
+  wrap: {
+    true: {
+      description: string;
+    };
+    false: {};
+  };
+}, {
+  group: string[];
+  root: string[];
+  icon: string[];
+  body: string[];
+  line: string[];
+  title: string[];
+  description: string[];
+  meta: string[];
+  value: string[];
+  chevron: string[];
+}>>;
+//#endregion

package/dist/components/list-row/list-row.recipe.mjs

@@ -0,0 +1,94 @@
+import { tv } from "../../lib/tv.mjs";
+import { listCell, listCellFocus, listCellStates } from "../../lib/list-cell.mjs";
+const listRow = tv({
+	slots: {
+		group: ["flex min-w-0 flex-col overflow-hidden", "rounded-container border border-line-hairline bg-layer-card text-foreground"],
+		root: [
+			"group/list-row flex w-full min-w-0 items-center gap-3 py-3 text-left",
+			"font-sans no-underline",
+			"[--list-row-ink:var(--foreground)] [--list-row-ink-2:var(--foreground-muted)] [--list-row-ink-3:var(--foreground-hint)]",
+			"text-(--list-row-ink)",
+			"not-disabled:not-aria-disabled:data-[tone=unread]:[--list-row-ink-2:var(--foreground)]",
+			"not-disabled:not-aria-disabled:data-[tone=muted]:[--list-row-ink:var(--foreground-muted)]",
+			"not-disabled:not-aria-disabled:data-[tone=away]:[--list-row-ink:var(--foreground-hint)]",
+			"not-disabled:not-aria-disabled:data-[tone=away]:[--list-row-ink-2:var(--foreground-hint)]",
+			"disabled:cursor-not-allowed disabled:[--list-row-ink:var(--foreground-disabled)]",
+			"disabled:[--list-row-ink-2:var(--foreground-disabled)] disabled:[--list-row-ink-3:var(--foreground-disabled)]",
+			"aria-disabled:cursor-not-allowed aria-disabled:[--list-row-ink:var(--foreground-disabled)]",
+			"aria-disabled:[--list-row-ink-2:var(--foreground-disabled)] aria-disabled:[--list-row-ink-3:var(--foreground-disabled)]"
+		],
+		icon: ["flex shrink-0 items-center justify-center", "text-(--list-row-ink-3) [&>svg]:size-5 [&>svg]:shrink-0"],
+		body: ["flex min-w-0 flex-1 flex-col gap-0.5"],
+		line: ["flex min-w-0 items-center gap-2"],
+		title: [
+			"min-w-0 flex-1 truncate",
+			"text-body font-semibold",
+			"group-data-[tone=unread]/list-row:font-bold"
+		],
+		description: ["min-w-0 flex-1 truncate", "text-callout text-(--list-row-ink-2)"],
+		meta: ["min-w-0 truncate", "font-mono text-mono-meta font-normal tabular-nums text-(--list-row-ink-3)"],
+		value: ["max-w-[45%] shrink-0 truncate", "text-subhead text-(--list-row-ink-3)"],
+		chevron: ["flex shrink-0 items-center justify-center", "text-(--list-row-ink-3) [&>svg]:size-5 [&>svg]:shrink-0"]
+	},
+	variants: {
+		variant: {
+			default: { root: "min-h-16 [--list-row-rule-start:63px]" },
+			plain: { root: "[--list-row-rule-start:16px]" },
+			entry: { root: "" }
+		},
+		interactive: {
+			true: {},
+			false: {}
+		},
+		cell: {
+			false: { root: [
+				"relative px-4",
+				"transition-colors duration-100",
+				"outline-none focus-visible:keyboard:inset-ring-2 focus-visible:keyboard:inset-ring-foreground",
+				"data-selected:bg-info-soft"
+			] },
+			true: { root: [
+				listCell,
+				listCellFocus,
+				"data-selected:before:bg-fill-cell-selected"
+			] }
+		},
+		wrap: {
+			true: { description: "whitespace-normal text-pretty" },
+			false: {}
+		}
+	},
+	compoundVariants: [
+		{
+			cell: false,
+			variant: ["default", "plain"],
+			class: { root: [
+				"before:pointer-events-none before:absolute before:top-0 before:right-0 before:hidden",
+				"before:left-(--list-row-rule-start) before:border-t before:border-line-hairline",
+				"[[data-slot=list-row]+&]:before:block [li+li>&]:before:block"
+			] }
+		},
+		{
+			cell: false,
+			interactive: true,
+			class: { root: [
+				"not-disabled:not-aria-disabled:not-data-selected:hover:overlay-subtle",
+				"not-disabled:not-aria-disabled:not-data-selected:active:overlay-medium",
+				"not-data-selected:data-popup-open:overlay-subtle"
+			] }
+		},
+		{
+			cell: true,
+			interactive: true,
+			class: { root: listCellStates }
+		}
+	],
+	defaultVariants: {
+		variant: "default",
+		interactive: true,
+		cell: false,
+		wrap: false
+	}
+});
+//#endregion
+export { listRow };

package/dist/components/live-agent-activity-bar/index.d.mts

@@ -0,0 +1,2 @@
+import { LiveAgentActivityBar, LiveAgentActivityBarAvatar, LiveAgentActivityBarAvatarProps, LiveAgentActivityBarContent, LiveAgentActivityBarContentProps, LiveAgentActivityBarProps, LiveAgentActivityBarRow, LiveAgentActivityBarRowProps, LiveAgentActivityBarStatus, LiveAgentActivityBarStatusProps, LiveAgentActivityBarText, LiveAgentActivityBarTextProps } from "./live-agent-activity-bar.mjs";
+export { LiveAgentActivityBar, LiveAgentActivityBarAvatar, type LiveAgentActivityBarAvatarProps, LiveAgentActivityBarContent, type LiveAgentActivityBarContentProps, type LiveAgentActivityBarProps, LiveAgentActivityBarRow, type LiveAgentActivityBarRowProps, LiveAgentActivityBarStatus, type LiveAgentActivityBarStatusProps, LiveAgentActivityBarText, type LiveAgentActivityBarTextProps };

package/dist/components/live-agent-activity-bar/live-agent-activity-bar.d.mts

@@ -0,0 +1,25 @@
+import { StatusProps } from "../status/status.mjs";
+import "../status/index.mjs";
+import { AvatarProps } from "../avatar/avatar.mjs";
+import "../avatar/index.mjs";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/live-agent-activity-bar/live-agent-activity-bar.d.ts
+export type LiveAgentActivityBarProps = useRender.ComponentProps<"div">;
+/** @deprecated The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0. */
+export declare function LiveAgentActivityBar({ children, className, render, ...props }: LiveAgentActivityBarProps): import("react").JSX.Element | null;
+export type LiveAgentActivityBarRowProps = useRender.ComponentProps<"div">;
+/** @deprecated The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0. */
+export declare function LiveAgentActivityBarRow({ className, render, ...props }: LiveAgentActivityBarRowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type LiveAgentActivityBarAvatarProps = Omit<AvatarProps, "size" | "type">;
+/** @deprecated The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0. */
+export declare function LiveAgentActivityBarAvatar({ children, className, render, ...props }: LiveAgentActivityBarAvatarProps): import("react").JSX.Element;
+export type LiveAgentActivityBarContentProps = useRender.ComponentProps<"div">;
+/** @deprecated The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0. */
+export declare function LiveAgentActivityBarContent({ className, render, ...props }: LiveAgentActivityBarContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type LiveAgentActivityBarStatusProps = Omit<StatusProps, "attention" | "pulse" | "size" | "variant">;
+/** @deprecated The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0. */
+export declare function LiveAgentActivityBarStatus({ className, ...props }: LiveAgentActivityBarStatusProps): import("react").JSX.Element;
+export type LiveAgentActivityBarTextProps = useRender.ComponentProps<"span">;
+/** @deprecated The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0. */
+export declare function LiveAgentActivityBarText({ className, render, ...props }: LiveAgentActivityBarTextProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion

package/dist/components/live-agent-activity-bar/live-agent-activity-bar.mjs

@@ -0,0 +1,107 @@
+import { tv } from "../../lib/tv.mjs";
+import { Status } from "../status/status.mjs";
+import { Avatar, AvatarFallback } from "../avatar/avatar.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/live-agent-activity-bar/live-agent-activity-bar.tsx
+const liveAgentActivityBar = tv({ slots: {
+	root: ["shrink-0", "rounded-container border border-line-hairline bg-layer-card px-3 py-2 shadow-none"],
+	row: [
+		"flex min-h-8 items-center",
+		"gap-2",
+		"[&>[data-slot=avatar]+[data-slot=avatar]]:ml-[-5px]"
+	],
+	avatar: ["shrink-0 overflow-hidden", "size-[19px]"],
+	content: ["flex min-w-0 flex-1 items-center", "gap-1.5"],
+	status: ["animate-none [--status-color:var(--presence-busy)]"],
+	text: ["min-w-0 truncate", "font-sans text-footnote font-semibold text-foreground"]
+} });
+function LiveAgentActivityBarRoot({ children, className, render, ...props }) {
+	const { root } = liveAgentActivityBar();
+	const defaultProps = {
+		"aria-live": "polite",
+		"data-slot": "live-agent-activity-bar",
+		"data-testid": "live-agent-activity-bar",
+		className: root({ className }),
+		children
+	};
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+/** @deprecated The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0. */
+function LiveAgentActivityBar({ children, className, render, ...props }) {
+	return children == null ? null : /* @__PURE__ */ jsx(LiveAgentActivityBarRoot, {
+		className,
+		render,
+		...props,
+		children
+	});
+}
+/** @deprecated The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0. */
+function LiveAgentActivityBarRow({ className, render, ...props }) {
+	const { row } = liveAgentActivityBar();
+	const defaultProps = {
+		"data-slot": "live-agent-activity-bar-row",
+		className: row({ className })
+	};
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+/** @deprecated The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0. */
+function LiveAgentActivityBarAvatar({ children, className, render, ...props }) {
+	const { avatar } = liveAgentActivityBar();
+	return /* @__PURE__ */ jsxs(Avatar, {
+		render: render ?? /* @__PURE__ */ jsx("div", {}),
+		size: "xs",
+		type: "agent",
+		className: avatar({ className }),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(AvatarFallback, {})]
+	});
+}
+/** @deprecated The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0. */
+function LiveAgentActivityBarContent({ className, render, ...props }) {
+	const { content } = liveAgentActivityBar();
+	const defaultProps = {
+		"data-slot": "live-agent-activity-bar-content",
+		className: content({ className })
+	};
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+/** @deprecated The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0. */
+function LiveAgentActivityBarStatus({ className, ...props }) {
+	const { status } = liveAgentActivityBar();
+	return /* @__PURE__ */ jsx(Status, {
+		"aria-hidden": true,
+		size: "md",
+		variant: "primary",
+		className: status({ className }),
+		...props
+	});
+}
+/** @deprecated The Raft Design System shows agents at work where they appear instead of in a live bar (see the agents pattern). Removed in raft-ui 1.0. */
+function LiveAgentActivityBarText({ className, render, ...props }) {
+	const { text } = liveAgentActivityBar();
+	const defaultProps = {
+		"data-slot": "live-agent-activity-bar-text",
+		className: text({ className })
+	};
+	return useRender({
+		defaultTagName: "span",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+//#endregion
+export { LiveAgentActivityBar, LiveAgentActivityBarAvatar, LiveAgentActivityBarContent, LiveAgentActivityBarRow, LiveAgentActivityBarStatus, LiveAgentActivityBarText };

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

@@ -0,0 +1,2 @@
+import { RaftLogo, RaftLogoLockup, RaftLogoLockupProps, RaftLogoProps, RaftWordmark, RaftWordmarkProps } from "./raft-logo.mjs";
+export { RaftLogo, RaftLogoLockup, type RaftLogoLockupProps, type RaftLogoProps, RaftWordmark, type RaftWordmarkProps };

package/dist/components/logo/raft-logo.d.mts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/logo/raft-logo.d.ts
+export type RaftLogoProps = ComponentPropsWithoutRef<"svg">;
+export declare function RaftLogo(props: RaftLogoProps): import("react").JSX.Element;
+export type RaftWordmarkProps = ComponentPropsWithoutRef<"svg">;
+export declare function RaftWordmark(props: RaftWordmarkProps): import("react").JSX.Element;
+export type RaftLogoLockupProps = ComponentPropsWithoutRef<"svg">;
+export declare function RaftLogoLockup(props: RaftLogoLockupProps): import("react").JSX.Element;
+//#endregion