@botiverse/raft-ui 0.51.0 → 0.52.1

package/dist/components/input/input.mjs

@@ -0,0 +1,20 @@
+import { input } from "./input.recipe.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Input } from "@base-ui/react/input";
+//#region src/components/input/input.tsx
+function Input$1({ suppressPasswordManager, className, "data-invalid": dataInvalid, ...props }) {
+	const { root } = input();
+	return /* @__PURE__ */ jsx(Input, {
+		"data-slot": "input",
+		className: root({ className: [suppressPasswordManager && "keeper-ignore", className] }),
+		"data-1p-ignore": suppressPasswordManager ? "true" : void 0,
+		"data-bwignore": suppressPasswordManager ? "true" : void 0,
+		"data-form-type": suppressPasswordManager ? "other" : void 0,
+		"data-lpignore": suppressPasswordManager ? "true" : void 0,
+		...props,
+		"data-invalid": dataInvalid || void 0,
+		"aria-invalid": dataInvalid ? "true" : void 0
+	});
+}
+//#endregion
+export { Input$1 as Input };

package/dist/components/input/input.recipe.mjs

@@ -0,0 +1,12 @@
+import { tv } from "../../lib/tv.mjs";
+//#region src/components/input/input.recipe.ts
+const input = tv({ slots: { root: [
+	"h-control w-full px-3 py-0 font-heading text-field font-field outline-none",
+	"rounded-control border-[1.5px] border-line-field bg-layer-card",
+	"text-foreground placeholder:text-foreground-hint",
+	"shadow-none transition-shadow duration-90 ease-out focus-visible:shadow-focus",
+	"data-invalid:border-danger-strong",
+	"disabled:cursor-not-allowed disabled:border-line-hairline disabled:bg-fill-muted disabled:text-foreground-disabled disabled:placeholder:text-foreground-disabled"
+] } });
+//#endregion
+export { input };

package/dist/components/input-group/index.d.mts

@@ -0,0 +1,2 @@
+import { InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupAddonTextProps, InputGroupInput, InputGroupInputProps, InputGroupProps } from "./input-group.mjs";
+export { InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupAddonTextProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps };

package/dist/components/input-group/input-group.d.mts

@@ -0,0 +1,93 @@
+import { StyledProps } from "../../lib/styled-props.mjs";
+import { DataAttributes } from "../../lib/data-attributes.mjs";
+import { VariantProps } from "../../lib/tv.mjs";
+import { WithoutChildren } from "../../lib/without-children.mjs";
+import { InputBehaviorProps } from "../input/input.mjs";
+import { ComponentPropsWithRef } from "react";
+import { Input } from "@base-ui/react/input";
+//#region src/components/input-group/input-group.d.ts
+declare const inputGroup: import("tailwind-variants/lite").TVReturnType<{
+  align: {
+    "inline-start": {
+      addon: string;
+      text: string;
+    };
+    "inline-end": {
+      addon: string;
+      text: string;
+    };
+  };
+  variant: {
+    default: {};
+    container: {
+      addon: string[];
+      text: string[];
+    };
+  };
+}, {
+  root: string[];
+  addon: string[];
+  text: string[];
+  textInner: string[];
+  control: string[];
+}, undefined, {
+  align: {
+    "inline-start": {
+      addon: string;
+      text: string;
+    };
+    "inline-end": {
+      addon: string;
+      text: string;
+    };
+  };
+  variant: {
+    default: {};
+    container: {
+      addon: string[];
+      text: string[];
+    };
+  };
+}, {
+  root: string[];
+  addon: string[];
+  text: string[];
+  textInner: string[];
+  control: string[];
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+  align: {
+    "inline-start": {
+      addon: string;
+      text: string;
+    };
+    "inline-end": {
+      addon: string;
+      text: string;
+    };
+  };
+  variant: {
+    default: {};
+    container: {
+      addon: string[];
+      text: string[];
+    };
+  };
+}, {
+  root: string[];
+  addon: string[];
+  text: string[];
+  textInner: string[];
+  control: string[];
+}>>;
+export type InputGroupProps = ComponentPropsWithRef<"div">;
+export declare function InputGroup({ className, ...props }: InputGroupProps): import("react").JSX.Element;
+export type InputGroupAddonProps = ComponentPropsWithRef<"div"> & Pick<VariantProps<typeof inputGroup>, "align" | "variant">;
+declare function InputGroupAddonRoot({ align, variant, className, ...props }: InputGroupAddonProps): import("react").JSX.Element;
+export type InputGroupAddonTextProps = ComponentPropsWithRef<"span"> & Pick<VariantProps<typeof inputGroup>, "align" | "variant">;
+declare function TextAddon({ align, variant, className, ref, title, children, ...props }: InputGroupAddonTextProps): import("react").JSX.Element;
+export declare const InputGroupAddon: typeof InputGroupAddonRoot & {
+  Text: typeof TextAddon;
+};
+export type InputGroupInputProps = WithoutChildren<StyledProps<Input.Props>> & InputBehaviorProps & DataAttributes;
+export declare function InputGroupInput({ className, suppressPasswordManager, "data-invalid": dataInvalid, ...props }: InputGroupInputProps): import("react").JSX.Element;
+//#endregion

package/dist/components/input-group/input-group.mjs

@@ -0,0 +1,178 @@
+import { tv } from "../../lib/tv.mjs";
+import { useOverflowTitle } from "../../lib/use-overflow-title.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Input } from "@base-ui/react/input";
+//#region src/components/input-group/input-group.tsx
+const inputGroup = tv({
+	slots: {
+		root: [
+			"group/input-group relative flex w-full min-w-0 items-center",
+			"has-data-[input-group-trim=inline-end]:[--ig-control-pr:0]",
+			"h-control overflow-hidden rounded-control border-[1.5px] border-line-field bg-layer-card text-foreground",
+			"shadow-none transition-shadow duration-90 ease-out has-focus-visible:shadow-focus",
+			"has-[[data-slot=input-group-control][data-invalid]]:border-danger-strong",
+			"has-[[data-slot=input-group-control]:disabled]:cursor-not-allowed has-[[data-slot=input-group-control]:disabled]:border-line-hairline has-[[data-slot=input-group-control]:disabled]:bg-fill-muted",
+			"has-[[data-slot=input-group-control]:disabled]:[--ig-addon-fg:var(--foreground-disabled)]",
+			"has-[[data-slot=input-group-control]:disabled]:[--ig-text-fg:var(--foreground-disabled)]"
+		],
+		addon: [
+			"flex shrink-0 items-center justify-center gap-2 px-3",
+			"select-none",
+			"text-(--ig-addon-fg,var(--ig-addon-fg-default,var(--foreground-hint)))",
+			"[&>svg:not([class*='size-'])]:size-4.5"
+		],
+		text: [
+			"flex min-w-0 max-w-1/2 shrink-0 items-center px-3",
+			"select-none",
+			"font-mono text-mono-code",
+			"text-(--ig-text-fg,var(--ig-text-fg-default,var(--foreground-hint)))"
+		],
+		textInner: ["min-w-0 truncate"],
+		control: [
+			"min-w-0 flex-1 bg-transparent pl-3 outline-none",
+			"pr-(--ig-control-pr,0.75rem)",
+			"h-full py-0 font-heading text-field font-field",
+			"text-foreground placeholder:text-foreground-hint",
+			"disabled:cursor-not-allowed disabled:text-foreground-disabled disabled:placeholder:text-foreground-disabled"
+		]
+	},
+	variants: {
+		align: {
+			"inline-start": {
+				addon: "order-first",
+				text: "order-first"
+			},
+			"inline-end": {
+				addon: "order-last",
+				text: "order-last"
+			}
+		},
+		variant: {
+			default: {},
+			container: {
+				addon: [
+					"self-stretch",
+					"[--ig-addon-fg-default:var(--foreground-hint)]",
+					"border-line-hairline bg-fill-muted"
+				],
+				text: [
+					"self-stretch",
+					"[--ig-text-fg-default:var(--foreground-hint)]",
+					"border-line-hairline bg-fill-muted"
+				]
+			}
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "default",
+			align: "inline-start",
+			class: {
+				addon: "[&~[data-slot=input-group-control]]:pl-0",
+				text: "[&~[data-slot=input-group-control]]:pl-0"
+			}
+		},
+		{
+			variant: "container",
+			align: "inline-start",
+			class: {
+				addon: "border-r",
+				text: "border-r"
+			}
+		},
+		{
+			variant: "container",
+			align: "inline-end",
+			class: {
+				addon: "border-l",
+				text: "border-l"
+			}
+		},
+		{
+			variant: "default",
+			align: "inline-start",
+			class: {
+				addon: "pr-2",
+				text: "pr-0.5"
+			}
+		},
+		{
+			variant: "default",
+			align: "inline-end",
+			class: {
+				addon: [
+					"pl-2",
+					"*:data-[slot=button]:size-control-embedded *:data-[slot=button]:rounded-chip",
+					"[&>[data-slot=button]_svg:not([class*='size-'])]:size-4",
+					"[&>[data-slot=button]:last-child]:me-[calc(var(--control-embedded-inset)-0.75rem-1px)]"
+				],
+				text: "pl-0.5"
+			}
+		}
+	],
+	defaultVariants: {
+		align: "inline-start",
+		variant: "default"
+	}
+});
+function InputGroup({ className, ...props }) {
+	const { root } = inputGroup();
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-group",
+		className: root({ className }),
+		...props
+	});
+}
+function InputGroupAddonRoot({ align = "inline-start", variant = "default", className, ...props }) {
+	const { addon } = inputGroup({
+		align,
+		variant
+	});
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-group-addon",
+		"data-align": align,
+		"data-variant": variant,
+		"data-input-group-trim": variant === "default" && align === "inline-end" ? align : void 0,
+		className: addon({ className }),
+		...props
+	});
+}
+function TextAddon({ align = "inline-start", variant = "default", className, ref, title, children, ...props }) {
+	const { text, textInner } = inputGroup({
+		align,
+		variant
+	});
+	const overflowRef = useOverflowTitle(ref, title);
+	return /* @__PURE__ */ jsx("span", {
+		ref: overflowRef,
+		title,
+		"data-slot": "input-group-text",
+		"data-align": align,
+		"data-variant": variant,
+		"data-input-group-trim": variant === "default" && align === "inline-end" ? align : void 0,
+		className: text({ className }),
+		...props,
+		children: /* @__PURE__ */ jsx("span", {
+			"data-slot": "input-group-text-value",
+			className: textInner(),
+			children
+		})
+	});
+}
+const InputGroupAddon = Object.assign(InputGroupAddonRoot, { Text: TextAddon });
+function InputGroupInput({ className, suppressPasswordManager, "data-invalid": dataInvalid, ...props }) {
+	const { control } = inputGroup();
+	return /* @__PURE__ */ jsx(Input, {
+		"data-slot": "input-group-control",
+		className: control({ className: [suppressPasswordManager && "keeper-ignore", className] }),
+		"data-1p-ignore": suppressPasswordManager ? "true" : void 0,
+		"data-bwignore": suppressPasswordManager ? "true" : void 0,
+		"data-form-type": suppressPasswordManager ? "other" : void 0,
+		"data-lpignore": suppressPasswordManager ? "true" : void 0,
+		...props,
+		"data-invalid": dataInvalid || void 0,
+		"aria-invalid": dataInvalid ? "true" : void 0
+	});
+}
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupInput };

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

@@ -0,0 +1,2 @@
+import { Kbd, KbdGroup, KbdGroupProps, KbdProps } from "./kbd.mjs";
+export { Kbd, KbdGroup, type KbdGroupProps, type KbdProps };

package/dist/components/kbd/kbd.d.mts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/components/kbd/kbd.d.ts
+export type KbdProps = ComponentPropsWithRef<"kbd">;
+export declare function Kbd({ className, ...props }: KbdProps): import("react").JSX.Element;
+export type KbdGroupProps = ComponentPropsWithRef<"span">;
+export declare function KbdGroup({ className, ...props }: KbdGroupProps): import("react").JSX.Element;
+//#endregion

package/dist/components/kbd/kbd.mjs

@@ -0,0 +1,34 @@
+import { tv } from "../../lib/tv.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/kbd/kbd.tsx
+const kbd = tv({ slots: {
+	root: [
+		"pointer-events-none inline-flex w-fit shrink-0 items-center justify-center gap-1",
+		"whitespace-nowrap select-none",
+		"[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-3",
+		"min-w-4 rounded-[3px] px-1",
+		"font-mono text-mono-meta font-normal text-foreground-hint",
+		"inset-ring inset-ring-line-hairline",
+		"in-data-[slot=tooltip-content]:text-foreground-on-hud/70",
+		"in-data-[slot=tooltip-content]:shadow-[inset_0_0_0_1px_color-mix(in_oklch,var(--foreground-on-hud)_70%,transparent)]"
+	],
+	group: ["inline-flex items-center gap-1"]
+} });
+function Kbd({ className, ...props }) {
+	const { root } = kbd();
+	return /* @__PURE__ */ jsx("kbd", {
+		"data-slot": "kbd",
+		className: root({ className }),
+		...props
+	});
+}
+function KbdGroup({ className, ...props }) {
+	const { group } = kbd();
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "kbd-group",
+		className: group({ className }),
+		...props
+	});
+}
+//#endregion
+export { Kbd, KbdGroup };

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

@@ -0,0 +1,2 @@
+import { Label, LabelAsterisk, LabelAsteriskProps, LabelOptional, LabelOptionalProps, LabelProps, LabelSub, LabelSubProps } from "./label.mjs";
+export { Label, LabelAsterisk, type LabelAsteriskProps, LabelOptional, type LabelOptionalProps, type LabelProps, LabelSub, type LabelSubProps };

package/dist/components/label/label.d.mts

@@ -0,0 +1,60 @@
+import { VariantProps } from "../../lib/tv.mjs";
+import { ComponentPropsWithRef } from "react";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/label/label.d.ts
+declare const label: import("tailwind-variants/lite").TVReturnType<{
+  size: {
+    sm: {
+      root: string[];
+    };
+    md: {
+      root: string[];
+    };
+  };
+}, {
+  root: string[];
+  asterisk: string[];
+  sub: string[];
+}, undefined, {
+  size: {
+    sm: {
+      root: string[];
+    };
+    md: {
+      root: string[];
+    };
+  };
+}, {
+  root: string[];
+  asterisk: string[];
+  sub: string[];
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+  size: {
+    sm: {
+      root: string[];
+    };
+    md: {
+      root: string[];
+    };
+  };
+}, {
+  root: string[];
+  asterisk: string[];
+  sub: string[];
+}>>;
+export type LabelProps = useRender.ComponentProps<"label"> & VariantProps<typeof label> & {
+  disabled?: boolean;
+};
+declare function LabelRoot({ size, disabled, className, render, ...props }: LabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type LabelAsteriskProps = ComponentPropsWithRef<"span">;
+export declare function LabelAsterisk({ className, children, ...props }: LabelAsteriskProps): import("react").JSX.Element;
+export type LabelSubProps = ComponentPropsWithRef<"span">;
+export declare function LabelSub({ className, ...props }: LabelSubProps): import("react").JSX.Element;
+export type LabelOptionalProps = LabelSubProps;
+export declare function LabelOptional({ children, ...props }: LabelOptionalProps): import("react").JSX.Element;
+export declare const Label: typeof LabelRoot & {
+  Asterisk: typeof LabelAsterisk;
+  Optional: typeof LabelOptional;
+  Sub: typeof LabelSub;
+};
+//#endregion

package/dist/components/label/label.mjs

@@ -0,0 +1,75 @@
+import { tv } from "../../lib/tv.mjs";
+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/label/label.tsx
+const label = tv({
+	slots: {
+		root: [
+			"group/label inline-flex w-fit items-center gap-1",
+			"cursor-pointer select-none",
+			"text-sm leading-none",
+			"data-disabled:cursor-not-allowed data-disabled:text-foreground-disabled",
+			"font-sans font-semibold text-foreground-muted"
+		],
+		asterisk: ["group-data-disabled/label:text-foreground-disabled", "text-foreground-hint"],
+		sub: [
+			"normal-case",
+			"group-data-disabled/label:text-foreground-disabled",
+			"font-normal tracking-normal text-foreground-hint"
+		]
+	},
+	variants: { size: {
+		sm: { root: ["text-caption font-semibold"] },
+		md: { root: ["text-footnote font-semibold"] }
+	} },
+	defaultVariants: { size: "md" }
+});
+function LabelRoot({ size, disabled, className, render, ...props }) {
+	const { root } = label({ size });
+	const defaultProps = {
+		"aria-disabled": disabled ? true : void 0,
+		"data-disabled": disabled ? "" : void 0,
+		className: root({ className })
+	};
+	return useRender({
+		defaultTagName: "label",
+		render,
+		props: mergeProps(defaultProps, props),
+		state: {
+			slot: "label",
+			disabled: disabled ?? false
+		}
+	});
+}
+function LabelAsterisk({ className, children = "*", ...props }) {
+	const { asterisk } = label();
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "label-asterisk",
+		className: asterisk({ className }),
+		...props,
+		children
+	});
+}
+function LabelSub({ className, ...props }) {
+	const { sub } = label();
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "label-sub",
+		className: sub({ className }),
+		...props
+	});
+}
+function LabelOptional({ children = "(optional)", ...props }) {
+	return /* @__PURE__ */ jsx(LabelSub, {
+		"data-slot": "label-optional",
+		...props,
+		children
+	});
+}
+const Label = Object.assign(LabelRoot, {
+	Asterisk: LabelAsterisk,
+	Optional: LabelOptional,
+	Sub: LabelSub
+});
+//#endregion
+export { Label, LabelAsterisk, LabelOptional, LabelSub };

package/dist/components/legacy-task-panel/index.d.mts

@@ -0,0 +1,2 @@
+import { LegacyTaskPanelActions, LegacyTaskPanelActionsProps, LegacyTaskPanelBody, LegacyTaskPanelBodyProps, LegacyTaskPanelField, LegacyTaskPanelFieldLabel, LegacyTaskPanelFieldLabelProps, LegacyTaskPanelFieldProps, LegacyTaskPanelFieldText, LegacyTaskPanelFieldTextProps, LegacyTaskPanelFieldTitle, LegacyTaskPanelFieldTitleProps, LegacyTaskPanelHeader, LegacyTaskPanelHeaderProps, LegacyTaskPanelIcon, LegacyTaskPanelIconProps, LegacyTaskPanelMeta, LegacyTaskPanelMetaLabel, LegacyTaskPanelMetaLabelProps, LegacyTaskPanelMetaProps, LegacyTaskPanelMetaRow, LegacyTaskPanelMetaRowProps, LegacyTaskPanelMetaValue, LegacyTaskPanelMetaValueProps, LegacyTaskPanelRoot, LegacyTaskPanelRootProps, LegacyTaskPanelSection, LegacyTaskPanelSectionProps, LegacyTaskPanelStatus, LegacyTaskPanelStatusProps, LegacyTaskPanelTitle, LegacyTaskPanelTitleMeta, LegacyTaskPanelTitleMetaProps, LegacyTaskPanelTitleProps } from "./legacy-task-panel.mjs";
+export { LegacyTaskPanelActions, type LegacyTaskPanelActionsProps, LegacyTaskPanelBody, type LegacyTaskPanelBodyProps, LegacyTaskPanelField, LegacyTaskPanelFieldLabel, type LegacyTaskPanelFieldLabelProps, type LegacyTaskPanelFieldProps, LegacyTaskPanelFieldText, type LegacyTaskPanelFieldTextProps, LegacyTaskPanelFieldTitle, type LegacyTaskPanelFieldTitleProps, LegacyTaskPanelHeader, type LegacyTaskPanelHeaderProps, LegacyTaskPanelIcon, type LegacyTaskPanelIconProps, LegacyTaskPanelMeta, LegacyTaskPanelMetaLabel, type LegacyTaskPanelMetaLabelProps, type LegacyTaskPanelMetaProps, LegacyTaskPanelMetaRow, type LegacyTaskPanelMetaRowProps, LegacyTaskPanelMetaValue, type LegacyTaskPanelMetaValueProps, LegacyTaskPanelRoot, type LegacyTaskPanelRootProps, LegacyTaskPanelSection, type LegacyTaskPanelSectionProps, LegacyTaskPanelStatus, type LegacyTaskPanelStatusProps, LegacyTaskPanelTitle, LegacyTaskPanelTitleMeta, type LegacyTaskPanelTitleMetaProps, type LegacyTaskPanelTitleProps };

package/dist/components/legacy-task-panel/legacy-task-panel.d.mts

@@ -0,0 +1,57 @@
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/legacy-task-panel/legacy-task-panel.d.ts
+export type LegacyTaskPanelRootProps = useRender.ComponentProps<"div"> & {
+  /** Docs preview chrome. A host shell that draws its own frame leaves this off. */
+  framed?: boolean;
+};
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelRoot({ className, framed, render, children, ...props }: LegacyTaskPanelRootProps): import("react").JSX.Element;
+export type LegacyTaskPanelHeaderProps = useRender.ComponentProps<"div">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelHeader({ className, ...props }: LegacyTaskPanelHeaderProps): import("react").JSX.Element;
+export type LegacyTaskPanelIconProps = useRender.ComponentProps<"div">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelIcon({ className, render, children, ...props }: LegacyTaskPanelIconProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type LegacyTaskPanelTitleProps = useRender.ComponentProps<"h2">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelTitle({ className, ...props }: LegacyTaskPanelTitleProps): import("react").JSX.Element;
+export type LegacyTaskPanelTitleMetaProps = useRender.ComponentProps<"span">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelTitleMeta({ className, ...props }: LegacyTaskPanelTitleMetaProps): import("react").JSX.Element;
+export type LegacyTaskPanelActionsProps = useRender.ComponentProps<"div">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelActions({ className, ...props }: LegacyTaskPanelActionsProps): import("react").JSX.Element;
+export type LegacyTaskPanelBodyProps = useRender.ComponentProps<"div">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelBody({ className, children, ...props }: LegacyTaskPanelBodyProps): import("react").JSX.Element;
+export type LegacyTaskPanelStatusProps = useRender.ComponentProps<"div">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelStatus({ className, render, ...props }: LegacyTaskPanelStatusProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type LegacyTaskPanelSectionProps = useRender.ComponentProps<"section">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelSection({ className, render, ...props }: LegacyTaskPanelSectionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type LegacyTaskPanelFieldProps = useRender.ComponentProps<"div">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelField({ className, render, ...props }: LegacyTaskPanelFieldProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type LegacyTaskPanelFieldLabelProps = useRender.ComponentProps<"p">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelFieldLabel({ className, render, ...props }: LegacyTaskPanelFieldLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type LegacyTaskPanelFieldTitleProps = useRender.ComponentProps<"h3">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelFieldTitle({ className, render, ...props }: LegacyTaskPanelFieldTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type LegacyTaskPanelFieldTextProps = useRender.ComponentProps<"p">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelFieldText({ className, render, ...props }: LegacyTaskPanelFieldTextProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type LegacyTaskPanelMetaProps = useRender.ComponentProps<"section">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelMeta({ className, render, ...props }: LegacyTaskPanelMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type LegacyTaskPanelMetaRowProps = useRender.ComponentProps<"div">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelMetaRow({ className, render, ...props }: LegacyTaskPanelMetaRowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type LegacyTaskPanelMetaLabelProps = useRender.ComponentProps<"span">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelMetaLabel({ className, render, ...props }: LegacyTaskPanelMetaLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type LegacyTaskPanelMetaValueProps = useRender.ComponentProps<"span">;
+/** @deprecated No consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0. */
+export declare function LegacyTaskPanelMetaValue({ className, render, ...props }: LegacyTaskPanelMetaValueProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion