@justanarthur/modo-ui 0.0.0-stage → 0.1.0

package/dist/components/inputs/date-time/month-picker/index.d.ts

@@ -0,0 +1,57 @@
+import { Locale } from "date-fns";
+import { RefObject } from "react";
+type SizeVariant = "default" | "compact";
+import { JSX as JSX_1kxb } from "react";
+interface MonthPickerProps {
+	/** The picked month as its first day; `null` when empty. */
+	value?: Date | null;
+	/** Initial month, for an uncontrolled picker. Defaults to `null`. */
+	defaultValue?: Date | null;
+	/** Called with the new month's first day, or `null` when the field is cleared. */
+	onValueChange?: (value: Date | null) => void;
+	/** A react-day-picker / date-fns locale: month names and what typing reads. Defaults to `enUS`. */
+	locale?: Locale;
+	/** Shown while empty. */
+	placeholder?: string;
+	/** The first month that can be picked. Defaults to 100 years back. */
+	startMonth?: Date;
+	/** The last month that can be picked. Defaults to 50 years ahead. */
+	endMonth?: Date;
+	/** Disables the field. Defaults to `false`. */
+	disabled?: boolean;
+	/** Marks the field invalid. Defaults to `false`. */
+	invalid?: boolean;
+	/** Pins the field and its panel to one step of the size ladder. Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+	/** Controlled open state. */
+	open?: boolean;
+	/** Initial open state, for an uncontrolled panel. Defaults to `false`. */
+	defaultOpen?: boolean;
+	/** Called when the panel opens or closes. */
+	onOpenChange?: (open: boolean) => void;
+	/** Id of the field, for a `Label`'s `htmlFor`. */
+	id?: string;
+	/** Where the panel grows from (see Morph): the field, the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'` (the field). */
+	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject<HTMLElement | null>;
+	/** How the panel grows (see Morph), as Combobox's list does: with the liquid goo neck, a plain morph, a slide or a fade. `'morph'` with `hideSource` opens it in place over the field. Defaults to `'goo'`. */
+	effect?: "goo" | "morph" | "slide" | "fade";
+	/** Hide the field while open, so it reads as turning into the panel. Defaults to `false`. */
+	hideSource?: boolean;
+	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'moderate'`. */
+	tier?: "moderate" | "slow";
+	/** Classes for the field. */
+	className?: string;
+}
+type Element_12xgc = JSX_1kxb["Element"];
+/**
+* A field for a month of a year: a billing period, a card's expiry.
+*
+* The panel has the month as text to type over ("October 2026", "10/2026"),
+* above a month column and a year column; the picked month and year carry a
+* dot. The value is the month's first day, the way react-day-picker names a
+* month.
+*
+* @example {@include ./examples.mdx}
+*/
+declare function MonthPicker({ value: valueProp, defaultValue, onValueChange, locale, placeholder, startMonth, endMonth, disabled, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: MonthPickerProps): Element_12xgc;
+export { MonthPicker as default, MonthPickerProps, MonthPicker };

package/dist/components/inputs/date-time/month-picker/index.js

@@ -0,0 +1,32 @@
+import {
+  MonthPicker,
+  month_picker_default
+} from "../../../../shared/components-zx2hr57f.js";
+import"../../../../shared/components-hzfp4tjb.js";
+import"../../../../shared/components-x2xyckd5.js";
+import"../../../../shared/components-4xxddc44.js";
+import"../../../../shared/components-r43mqnd6.js";
+import"../../../../shared/components-7cqq1sqy.js";
+import"../../../../shared/components-de8xsm9y.js";
+import"../../../../shared/components-vb033rns.js";
+import"../../../../shared/components-61ckf42z.js";
+import"../../../../shared/components-5vxtcp88.js";
+import"../../../../shared/components-5pkcfprd.js";
+import"../../../../shared/components-m5br529r.js";
+import"../../../../shared/components-csxz9f52.js";
+import"../../../../shared/components-jxgznftn.js";
+import"../../../../shared/components-r22vtgqc.js";
+import"../../../../shared/components-e46kf6cp.js";
+import"../../../../shared/components-7zp99w5d.js";
+import"../../../../shared/components-dg0w8g5p.js";
+import"../../../../shared/components-kf2ehztc.js";
+import"../../../../shared/components-7nww01w4.js";
+import"../../../../shared/components-nnnd2xef.js";
+import"../../../../shared/components-vc1k7yv2.js";
+import"../../../../shared/components-x3rz4cyn.js";
+import"../../../../shared/components-0f0as45n.js";
+import"../../../../shared/components-kpbcms10.js";
+export {
+  month_picker_default as default,
+  MonthPicker
+};

package/dist/components/inputs/date-time/time-picker/index.d.ts

@@ -0,0 +1,59 @@
+import { Locale as Locale2 } from "date-fns";
+import { RefObject } from "react";
+type HourCycle = "h11" | "h12" | "h23" | "h24";
+type SizeVariant = "default" | "compact";
+import { JSX as JSX_1kxb } from "react";
+interface TimePickerProps {
+	/** The picked time as `"HH:mm"` on a 24-hour clock (an `<input type="time">`'s value); `null` when empty. */
+	value?: string | null;
+	/** Initial time, for an uncontrolled picker. Defaults to `null`. */
+	defaultValue?: string | null;
+	/** Called with the new `"HH:mm"`, or `null` when the field is cleared. */
+	onValueChange?: (value: string | null) => void;
+	/** The clock shown: on `'h12'` / `'h11'` the hours read with AM/PM. Defaults to the locale's. */
+	hourCycle?: HourCycle;
+	/** Steps between the minute column's options. Defaults to `1`. */
+	minuteStep?: number;
+	/** A react-day-picker / date-fns locale: the time's format and the AM/PM names. Defaults to `enUS`. */
+	locale?: Locale2;
+	/** Shown while empty. */
+	placeholder?: string;
+	/** Disables the field. Defaults to `false`. */
+	disabled?: boolean;
+	/** Marks the field invalid. Defaults to `false`. */
+	invalid?: boolean;
+	/** Pins the field and its panel to one step of the size ladder. Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+	/** Controlled open state. */
+	open?: boolean;
+	/** Initial open state, for an uncontrolled panel. Defaults to `false`. */
+	defaultOpen?: boolean;
+	/** Called when the panel opens or closes. */
+	onOpenChange?: (open: boolean) => void;
+	/** Id of the field, for a `Label`'s `htmlFor`. */
+	id?: string;
+	/** Where the panel grows from (see Morph): the field, the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'` (the field). */
+	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject<HTMLElement | null>;
+	/** How the panel grows (see Morph), as Combobox's list does: with the liquid goo neck, a plain morph, a slide or a fade. `'morph'` with `hideSource` opens it in place over the field. Defaults to `'goo'`. */
+	effect?: "goo" | "morph" | "slide" | "fade";
+	/** Hide the field while open, so it reads as turning into the panel. Defaults to `false`. */
+	hideSource?: boolean;
+	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'moderate'`. */
+	tier?: "moderate" | "slow";
+	/** Classes for the field. */
+	className?: string;
+}
+type Element_12xgc = JSX_1kxb["Element"];
+/**
+* A time-of-day field with scrolling hour and minute columns.
+*
+* The panel opens with the time as text, selected and ready to type over
+* ("15:33", "3:33 PM"), above an hour column and a minute column; on a
+* 12-hour clock the hours read with AM/PM. Each column keeps its pick in the middle and
+* marks it with a dot. The value is `"HH:mm"` on a 24-hour clock whatever the
+* locale shows, the same as a native time input's.
+*
+* @example {@include ./examples.mdx}
+*/
+declare function TimePicker({ value: valueProp, defaultValue, onValueChange, hourCycle, minuteStep, locale, placeholder, disabled, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: TimePickerProps): Element_12xgc;
+export { TimePicker as default, TimePickerProps, TimePicker };

package/dist/components/inputs/date-time/time-picker/index.js

@@ -0,0 +1,33 @@
+import {
+  TimePicker,
+  time_picker_default
+} from "../../../../shared/components-4xxtggzp.js";
+import"../../../../shared/components-r4jt6hgd.js";
+import"../../../../shared/components-hzfp4tjb.js";
+import"../../../../shared/components-x2xyckd5.js";
+import"../../../../shared/components-4xxddc44.js";
+import"../../../../shared/components-r43mqnd6.js";
+import"../../../../shared/components-7cqq1sqy.js";
+import"../../../../shared/components-de8xsm9y.js";
+import"../../../../shared/components-vb033rns.js";
+import"../../../../shared/components-61ckf42z.js";
+import"../../../../shared/components-5vxtcp88.js";
+import"../../../../shared/components-5pkcfprd.js";
+import"../../../../shared/components-m5br529r.js";
+import"../../../../shared/components-csxz9f52.js";
+import"../../../../shared/components-jxgznftn.js";
+import"../../../../shared/components-r22vtgqc.js";
+import"../../../../shared/components-e46kf6cp.js";
+import"../../../../shared/components-7zp99w5d.js";
+import"../../../../shared/components-dg0w8g5p.js";
+import"../../../../shared/components-kf2ehztc.js";
+import"../../../../shared/components-7nww01w4.js";
+import"../../../../shared/components-nnnd2xef.js";
+import"../../../../shared/components-vc1k7yv2.js";
+import"../../../../shared/components-x3rz4cyn.js";
+import"../../../../shared/components-0f0as45n.js";
+import"../../../../shared/components-kpbcms10.js";
+export {
+  time_picker_default as default,
+  TimePicker
+};

package/dist/components/inputs/input/index.d.ts

@@ -0,0 +1,84 @@
+import { ForwardRefExoticComponent, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, ReactNode as ReactNode2, RefAttributes } from "react";
+import { ComponentType } from "react";
+interface IconComponentProps {
+	size?: number | string;
+	strokeWidth?: number | string;
+	className?: string;
+}
+type IconComponent = ComponentType<IconComponentProps>;
+type SizeVariant = "default" | "compact";
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "defaultValue" | "size"> {
+	/** Placeholder text. */
+	placeholder?: string;
+	/** Leading icon inside the input. */
+	icon?: IconComponent;
+	/** Controlled input value. */
+	value?: string;
+	/** Initial value when uncontrolled. Defaults to `''`. */
+	defaultValue?: string;
+	/** Called when the input value changes. */
+	onChange?: (value: string) => void;
+	/** Marks the value invalid: the field turns destructive and sets `aria-invalid`. Defaults to `false`. */
+	invalid?: boolean;
+	/** Disables the input. Defaults to `false`. */
+	disabled?: boolean;
+	/** Pins the input to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+	/** Classes for the ringed box around the input. */
+	className?: string;
+}
+/**
+* Text input with a fluid hover ring.
+*
+* At rest the field is bare text on the page. Hover lifts it onto a muted
+* ground with a hairline ring, focus onto the card ground, and its leading
+* icon thickens. `invalid` turns it destructive. It is uncontrolled with
+* `defaultValue`, or controlled with `value` + `onChange`, and fills the width
+* of its container. Pair it with a `Label` through `htmlFor` / `id`.
+*
+* Also exported from this item:
+* - `Label` — the field label, weight-stable and inset to line up with the
+*   input's text: `htmlFor`, `invalid`, `size`.
+* - `InputGroup` — stacks labelled fields and tracks the pointer across them,
+*   so the hover glides from field to field: `size` pins every field to one
+*   step of the ladder.
+* - `InputGroup.Field` — one labelled Input in a group, wired as a Base UI
+*   `Field` (label, control and error message linked for assistive tech):
+*   `index` (its position, for the fluid hover), `label`, `labelHidden`,
+*   `error` (a message below the input; marks it invalid), plus Input's props.
+*
+* @example {@include ./examples.mdx}
+*/
+declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
+interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+	/** Label text. */
+	children: ReactNode2;
+	/** Turns the label destructive, matching an invalid Input. Defaults to `false`. */
+	invalid?: boolean;
+	/** Pins the label to one step of the size ladder. Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+}
+declare const Label: ForwardRefExoticComponent<LabelProps & RefAttributes<HTMLLabelElement>>;
+interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {
+	/** One or more InputGroup.Field children. */
+	children: ReactNode2;
+	/** Pins the group's fields to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+}
+type InputGroupComponent = ForwardRefExoticComponent<InputGroupProps & RefAttributes<HTMLDivElement>> & {
+	Field: typeof InputField;
+};
+declare const InputGroup: InputGroupComponent;
+interface InputFieldProps extends Omit<InputProps, "invalid" | "size" | "className"> {
+	/** Label text above the input. */
+	label: string;
+	/** Keep the label for assistive tech but don't render it — for inline fields (a toolbar search) where the placeholder carries the meaning. Defaults to `false`. */
+	labelHidden?: boolean;
+	/** Position index within the group (required for fluid hover). */
+	index: number;
+	/** Error message shown below the input. */
+	error?: string;
+	className?: string;
+}
+declare const InputField: ForwardRefExoticComponent<InputFieldProps & RefAttributes<HTMLDivElement>>;
+export { Input as default, LabelProps, Label, InputProps, InputGroupProps, InputGroup, InputFieldProps, Input };

package/dist/components/inputs/input/index.js

@@ -0,0 +1,20 @@
+import {
+  Input,
+  InputGroup,
+  Label,
+  input_default
+} from "../../../shared/components-7cqq1sqy.js";
+import"../../../shared/components-de8xsm9y.js";
+import"../../../shared/components-vb033rns.js";
+import"../../../shared/components-e46kf6cp.js";
+import"../../../shared/components-7zp99w5d.js";
+import"../../../shared/components-dg0w8g5p.js";
+import"../../../shared/components-x3rz4cyn.js";
+import"../../../shared/components-0f0as45n.js";
+import"../../../shared/components-kpbcms10.js";
+export {
+  input_default as default,
+  Label,
+  InputGroup,
+  Input
+};

package/dist/components/inputs/input-copy/index.d.ts

@@ -0,0 +1,44 @@
+import { HTMLAttributes } from "react";
+type SizeVariant = "default" | "compact";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
+import { RefAttributes as RefAttributes_miuf56 } from "react";
+type InputCopyVariant = "icon" | "button";
+type InputCopyAlign = "right" | "left";
+interface InputCopyProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+	/** The text value to display and copy to clipboard. */
+	value: string;
+	/** Optional label displayed above the input. */
+	label?: string;
+	/** Callback fired after the value is successfully copied. */
+	onCopy?: () => void;
+	/** Disables the input and copy button. Defaults to `false`. */
+	disabled?: boolean;
+	/** Icon-only with tooltip, or button with visible label. Defaults to `"icon"`. */
+	variant?: InputCopyVariant;
+	/** Position of the copy action relative to the value. Defaults to `"right"`. */
+	align?: InputCopyAlign;
+	/** Pins the field to one step of the size ladder (default 36px, compact 28px — see Sizes). Omitted, it follows the surrounding SizeProvider. */
+	size?: SizeVariant;
+	/** Extra classes for the wrapper around the label and the field. */
+	className?: string;
+}
+/**
+* Read-only input with a copy-to-clipboard button and animated check
+* feedback.
+*
+* The whole row is the button: click anywhere on it and the value goes to
+* the clipboard, the copy glyph's two sheets melt into a tinted disc (the
+* goo of Morph) behind a check that draws itself, and the tooltip flips to
+* "Copied" for 2 seconds; then the disc splits back into the glyph. The value is monospaced and
+* highlights on hover so it reads as one selectable token rather than a
+* text field, and the async Clipboard API falls back to an off-screen
+* textarea + `execCommand` where it is unavailable (insecure context,
+* permissions policy) — a failure animates a ✕ and says so. `variant`
+* switches between the icon-only affordance (with a tooltip) and a labelled
+* Copy button, `align` moves that action to the leading edge, and the field
+* follows the surrounding SizeProvider unless `size` pins it.
+*
+* @example {@include ./examples.mdx}
+*/
+declare const InputCopy: ForwardRefExoticComponent_tcubfn<InputCopyProps & RefAttributes_miuf56<HTMLDivElement>>;
+export { InputCopy as default, InputCopyVariant, InputCopyProps, InputCopyAlign, InputCopy };

package/dist/components/inputs/input-copy/index.js

@@ -0,0 +1,18 @@
+import {
+  InputCopy,
+  input_copy_default
+} from "../../../shared/components-p2vmyfe1.js";
+import"../../../shared/components-gndm6am4.js";
+import"../../../shared/components-m5br529r.js";
+import"../../../shared/components-jxgznftn.js";
+import"../../../shared/components-7zp99w5d.js";
+import"../../../shared/components-7nww01w4.js";
+import"../../../shared/components-nnnd2xef.js";
+import"../../../shared/components-vc1k7yv2.js";
+import"../../../shared/components-x3rz4cyn.js";
+import"../../../shared/components-0f0as45n.js";
+import"../../../shared/components-kpbcms10.js";
+export {
+  input_copy_default as default,
+  InputCopy
+};

package/dist/components/inputs/input-message/index.d.ts

@@ -0,0 +1,125 @@
+import { HTMLAttributes, ReactNode, TextareaHTMLAttributes } from "react";
+type SizeVariant = "default" | "compact";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
+import { RefAttributes as RefAttributes_miuf56 } from "react";
+import { JSX as JSX_1kxb } from "react";
+interface FileThumbnailProps {
+	file: File;
+	/** Side length of the square thumbnail in pixels. */
+	size: number;
+	className?: string;
+}
+type Element_12xgc = JSX_1kxb["Element"];
+declare function FileThumbnail({ file, size, className }: FileThumbnailProps): Element_12xgc;
+type InputMessageStatus = "idle" | "streaming";
+interface InputMessageSlotContext {
+	/** Opens the native file picker via the hidden `<input type="file">`.
+	*  Pass `acceptOverride` (e.g. `"image/*"`) to scope the picker to a
+	*  subset of the component's accept types just for this invocation. */
+	openFilePicker: (acceptOverride?: string) => void;
+	/** Currently-attached files. */
+	files: File[];
+}
+type InputMessageSlot = ReactNode | ((ctx: InputMessageSlotContext) => ReactNode);
+/** A message held in the queue while the assistant is responding. Carries the
+*  trimmed text plus a snapshot of the files attached when it was queued, so
+*  double-click-to-edit can restore both. `id` is a stable key minted on enqueue. */
+interface QueuedMessage {
+	id: string;
+	text: string;
+	files: File[];
+}
+interface InputMessageProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+	/** Step on the size ladder (see Sizes). Wins over the surrounding SizeProvider and propagates to the composer's rows, buttons and queued messages. */
+	size?: SizeVariant;
+	/** Controlled textarea value. Pair with `onValueChange`; omit both for an uncontrolled composer. */
+	value?: string;
+	/** Initial textarea value for an uncontrolled composer. Defaults to `""`. */
+	defaultValue?: string;
+	/** Called with the new value on every textarea change. */
+	onValueChange?: (value: string) => void;
+	/** Fires on Enter (without Shift) or send-button click, and when a queued message auto-dispatches. Receives the trimmed value, the attached files, and — for auto-dispatched queue items — `meta.queuedId`. Skipped when the value is empty and no files are attached. */
+	onSend?: (value: string, files: File[], meta?: {
+		queuedId?: string;
+	}) => void;
+	/** Placeholder shown when the value is empty. While a file is dragged over the component (and attachments are enabled) it swaps to "Drop files here to add to chat". Defaults to `"Ask me anything…"`. */
+	placeholder?: string;
+	/** Content rendered in the bottom-left action area. May be a render-fn that receives `{ openFilePicker, files }` — `openFilePicker(acceptOverride?)` opens the native file picker. */
+	leftSlot?: InputMessageSlot;
+	/** Content rendered in the bottom-right action area, before the built-in send button. Same render-fn shape as `leftSlot`. */
+	rightSlot?: InputMessageSlot;
+	/** Disables the textarea, send button, and drag-and-drop. Defaults to `false`. */
+	disabled?: boolean;
+	/** Minimum visible rows before the textarea grows. Defaults to 1. */
+	minRows?: number;
+	/** Maximum visible rows before the textarea starts to scroll. Defaults to 8. */
+	maxRows?: number;
+	/** When true, clicking anywhere on the surrounding container (outside of buttons / links / inputs) focuses the textarea. Defaults to `true`. */
+	clickToFocus?: boolean;
+	/** Accessible label for the send button. Defaults to `"Send"`. */
+	sendLabel?: string;
+	/** Controlled list of attached files. Pair with `onFilesChange` to enable drag-and-drop and the file-picker slot helper. */
+	files?: File[];
+	/** Initial attachments for an uncontrolled composer. Providing it (even as `[]`) enables attachment behavior on its own. */
+	defaultFiles?: File[];
+	/** Called when files are added (drag-drop or picker) or removed via the preview tile's × button. Duplicate drops of the same file (same name + size + lastModified) are silently de-duplicated. */
+	onFilesChange?: (files: File[]) => void;
+	/** Accepted MIME types as a comma-separated string. Used by both the file picker and the drag-and-drop filter. Defaults to `"image/png,image/jpeg,application/pdf"`. */
+	accept?: string;
+	/** Maximum number of attached files. Extra files beyond this limit are dropped. */
+	maxFiles?: number;
+	/** Side length (in pixels) of each preview tile. Images use object-cover; PDFs render the first page via pdfjs; other types fall back to a centered icon. Defaults to 80. */
+	filePreviewSize?: number;
+	/** Extra props forwarded to the underlying textarea (value, onChange, onKeyDown, disabled and placeholder are controlled by the component). */
+	textareaProps?: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "onChange" | "onKeyDown" | "disabled" | "placeholder">;
+	/** Assistant response state. When `"streaming"`, the send button becomes a Stop control (empty draft) or a Queue action (non-empty draft). On the streaming→idle edge the next queued message auto-dispatches via `onSend`. Leave it and `defaultStatus` undefined for the send-immediately behavior. */
+	status?: InputMessageStatus;
+	/** Initial status for an uncontrolled composer — the component then owns the streaming flag, and Stop flips it to `"idle"` itself. */
+	defaultStatus?: InputMessageStatus;
+	/** Called whenever the status changes while it is uncontrolled (currently: the Stop control). */
+	onStatusChange?: (status: InputMessageStatus) => void;
+	/** Fires when the Stop control is pressed (streaming + empty draft). Halt the current response and set status to `"idle"` — that edge immediately dispatches the next queued message. */
+	onStop?: () => void;
+	/** Controlled queue of pending messages, rendered as reorderable rows above the textarea. Double-click (or Enter/F2) edits a row back into the composer; the × (or Delete) removes it; drag — or Alt+↑/↓ — reorders. Requires a status. */
+	queue?: QueuedMessage[];
+	/** Initial queue for an uncontrolled composer. Providing it (even as `[]`) enables the queue on its own, alongside `status` or `defaultStatus`. */
+	defaultQueue?: QueuedMessage[];
+	/** Called whenever the queue changes — enqueue, edit, delete, reorder, or auto-dispatch. Each QueuedMessage is `{ id, text, files }`. */
+	onQueueChange?: (queue: QueuedMessage[]) => void;
+	/** Render the built-in reorderable queue rows above the textarea. Set to false to suppress them and render the queue yourself — enqueue and auto-dispatch still run. Defaults to `true`. */
+	showQueue?: boolean;
+	/** Previously-sent messages, oldest first. With the textarea focused, ArrowUp (caret on the first line) recalls the previous message and walks backward; ArrowDown (caret on the last line) walks forward toward the in-progress draft. Editing or sending exits history mode. Defaults to `[]`. */
+	history?: string[];
+	/** Suggested prompt rendered as the placeholder (with a Tab keycap) while the draft is empty. Pressing Tab fills it into the composer — it doesn't send. Takes precedence over `placeholder`. */
+	placeholderSuggestion?: string;
+	/** Suggested prompts listed under the action bar while the draft is empty. ArrowDown moves a highlight into the list (focus stays in the textarea), ArrowUp walks back up and out, Enter or click fills the highlighted prompt. Escape drops the highlight; typing collapses the list. */
+	suggestions?: string[];
+	/** Extra classes for the composer surface. */
+	className?: string;
+}
+/**
+* Chat-style message composer with an auto-resizing textarea, flexible
+* left/right action slots, and a built-in send button on a Surface-2
+* substrate.
+*
+* The textarea grows from `minRows` to `maxRows` and then scrolls, Enter
+* sends while Shift+Enter breaks the line, and the whole panel is one
+* hairline ring that recolours in place for hover, focus and drag instead of
+* layering a second border. Attachments drop anywhere on the composer (or
+* come from `openFilePicker` in a slot) and preview as tiles — images
+* object-cover, PDFs render their first page. `suggestions` open a listbox
+* under the action bar that ↓/↑ walk without moving focus, and
+* `placeholderSuggestion` writes a ghost prompt with a Tab keycap. With a
+* `status` the send button morphs into Stop (empty draft) or Queue (draft
+* typed while streaming); queued rows reorder by drag or Alt+↑/↓, edit back
+* into the composer on double-click, and the head auto-dispatches on the
+* streaming→idle edge.
+*
+* Every controlled prop has an uncontrolled twin — `defaultValue`,
+* `defaultFiles`, `defaultQueue`, `defaultStatus` — so a composer can hold
+* its own draft, attachments and queue with no state in the caller.
+*
+* @example {@include ./examples.mdx}
+*/
+declare const InputMessage: ForwardRefExoticComponent_tcubfn<InputMessageProps & RefAttributes_miuf56<HTMLDivElement>>;
+export { InputMessage as default, QueuedMessage, InputMessageStatus, InputMessageSlotContext, InputMessageProps, InputMessage, FileThumbnail };

package/dist/components/inputs/input-message/index.js

@@ -0,0 +1,27 @@
+import {
+  FileThumbnail,
+  InputMessage,
+  input_message_default
+} from "../../../shared/components-gjfrycb5.js";
+import"../../../shared/components-gndm6am4.js";
+import"../../../shared/components-vb033rns.js";
+import"../../../shared/components-5pkcfprd.js";
+import"../../../shared/components-m5br529r.js";
+import"../../../shared/components-csxz9f52.js";
+import"../../../shared/components-jxgznftn.js";
+import"../../../shared/components-r22vtgqc.js";
+import"../../../shared/components-e46kf6cp.js";
+import"../../../shared/components-7zp99w5d.js";
+import"../../../shared/components-dg0w8g5p.js";
+import"../../../shared/components-kf2ehztc.js";
+import"../../../shared/components-7nww01w4.js";
+import"../../../shared/components-nnnd2xef.js";
+import"../../../shared/components-vc1k7yv2.js";
+import"../../../shared/components-x3rz4cyn.js";
+import"../../../shared/components-0f0as45n.js";
+import"../../../shared/components-kpbcms10.js";
+export {
+  input_message_default as default,
+  InputMessage,
+  FileThumbnail
+};

package/dist/components/inputs/radio-group/index.d.ts

@@ -0,0 +1,58 @@
+import { ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from "react";
+type SizeVariant = "default" | "compact";
+interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect" | "defaultValue"> {
+	/** RadioGroup.Item children. */
+	children: ReactNode;
+	/** Index of the currently selected item. Controlled — pair it with `onSelectedIndexChange` (or per-item `onSelect`). */
+	selectedIndex?: number;
+	/** Selected index on first render when uncontrolled. Defaults to no selection. */
+	defaultSelectedIndex?: number;
+	/** Called with the new index whenever an item is selected. */
+	onSelectedIndexChange?: (index: number) => void;
+	/** Selected item `value` (value mode; items then need a `value`). Controlled; wraps the group in Base UI's RadioGroup for form integration. */
+	value?: string;
+	/** Selected item `value` on first render when uncontrolled (value mode). */
+	defaultValue?: string;
+	/** Called with the selected item's `value` when it changes (value mode). */
+	onValueChange?: (value: string) => void;
+	/** Pins the group's rows to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+}
+type RadioGroupComponent = ForwardRefExoticComponent<RadioGroupProps & RefAttributes<HTMLDivElement>> & {
+	Item: typeof RadioItem;
+};
+/**
+* Radio button group with fluid hover and animated selection.
+*
+* Each row is a `RadioGroup.Item` with a stable `index`. The selected
+* background melts to the chosen row, a fluid hover highlight melts between
+* rows (the liquid indicators in Morph), the dot scales in, and the label animates to semibold without shifting
+* its width. Arrow keys, Home and End move focus and select, with a roving
+* tabindex on the selected row. Select by index — uncontrolled with
+* `defaultSelectedIndex`, controlled with `selectedIndex` +
+* `onSelectedIndexChange` — or by item `value` (`defaultValue` / `value` +
+* `onValueChange`), which also renders Base UI radios for form integration.
+* FF's per-item `selected` / `onSelect` still work and override the group for
+* their row.
+*
+* Statics:
+* - `RadioGroup.Item` — one radio row: `label`, `index`, and optional `value`,
+*   `selected`, `onSelect`.
+*
+* @example {@include ./examples.mdx}
+*/
+declare const RadioGroup: RadioGroupComponent;
+interface RadioItemProps extends HTMLAttributes<HTMLDivElement> {
+	/** Text label for the radio item. */
+	label: string;
+	/** Position index within the group. */
+	index: number;
+	/** Whether this item is selected. Defaults to the group's selection. */
+	selected?: boolean;
+	/** Called when this item is selected (the group's change callbacks fire too). */
+	onSelect?: () => void;
+	/** Optional value forwarded to the underlying Base UI primitive for form integration. */
+	value?: string;
+}
+declare const RadioItem: ForwardRefExoticComponent<RadioItemProps & RefAttributes<HTMLDivElement>>;
+export { RadioGroup as default, RadioItemProps, RadioItem, RadioGroupProps, RadioGroup };

package/dist/components/inputs/radio-group/index.js

@@ -0,0 +1,22 @@
+import {
+  RadioGroup,
+  RadioItem,
+  radio_group_default
+} from "../../../shared/components-54nf2x99.js";
+import"../../../shared/components-vb033rns.js";
+import"../../../shared/components-r22vtgqc.js";
+import"../../../shared/components-e46kf6cp.js";
+import"../../../shared/components-7zp99w5d.js";
+import"../../../shared/components-dg0w8g5p.js";
+import"../../../shared/components-kf2ehztc.js";
+import"../../../shared/components-7nww01w4.js";
+import"../../../shared/components-nnnd2xef.js";
+import"../../../shared/components-vc1k7yv2.js";
+import"../../../shared/components-x3rz4cyn.js";
+import"../../../shared/components-0f0as45n.js";
+import"../../../shared/components-kpbcms10.js";
+export {
+  radio_group_default as default,
+  RadioItem,
+  RadioGroup
+};