@justanarthur/modo-ui 0.0.0-stage → 0.2.0

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

@@ -0,0 +1,30 @@
+import {
+  MonthPicker2,
+  month_picker_default
+} from "../../../../shared/components-4cnjmgex.js";
+import"../../../../shared/components-7btqt08d.js";
+import"../../../../shared/components-gvr9w41t.js";
+import"../../../../shared/components-9jvzzvt1.js";
+import"../../../../shared/components-c6s6b43g.js";
+import"../../../../shared/components-mhd39z7x.js";
+import"../../../../shared/components-rr7a6ja9.js";
+import"../../../../shared/components-zfnmn5d4.js";
+import"../../../../shared/components-3ky44908.js";
+import"../../../../shared/components-zrkzcayz.js";
+import"../../../../shared/components-0q0sqfh4.js";
+import"../../../../shared/components-kvr7f9hy.js";
+import"../../../../shared/components-59efxjd9.js";
+import"../../../../shared/components-chacnk61.js";
+import"../../../../shared/components-hqeq3w9q.js";
+import"../../../../shared/components-jjw69c4c.js";
+import"../../../../shared/components-b2wyq2cq.js";
+import"../../../../shared/components-n7mjr357.js";
+import"../../../../shared/components-men63rwj.js";
+import"../../../../shared/components-0sn7ypjw.js";
+import"../../../../shared/components-cv16mryv.js";
+import"../../../../shared/components-zx6b6yby.js";
+import"../../../../shared/components-ezxhrmer.js";
+export {
+  MonthPicker2 as MonthPicker,
+  month_picker_default as default
+};

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, TimePickerProps, TimePicker as default };

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

@@ -0,0 +1,31 @@
+import {
+  TimePicker2,
+  time_picker_default
+} from "../../../../shared/components-ez65vtbq.js";
+import"../../../../shared/components-q4daerx0.js";
+import"../../../../shared/components-7btqt08d.js";
+import"../../../../shared/components-gvr9w41t.js";
+import"../../../../shared/components-9jvzzvt1.js";
+import"../../../../shared/components-c6s6b43g.js";
+import"../../../../shared/components-mhd39z7x.js";
+import"../../../../shared/components-rr7a6ja9.js";
+import"../../../../shared/components-zfnmn5d4.js";
+import"../../../../shared/components-3ky44908.js";
+import"../../../../shared/components-zrkzcayz.js";
+import"../../../../shared/components-0q0sqfh4.js";
+import"../../../../shared/components-kvr7f9hy.js";
+import"../../../../shared/components-59efxjd9.js";
+import"../../../../shared/components-chacnk61.js";
+import"../../../../shared/components-hqeq3w9q.js";
+import"../../../../shared/components-jjw69c4c.js";
+import"../../../../shared/components-b2wyq2cq.js";
+import"../../../../shared/components-n7mjr357.js";
+import"../../../../shared/components-men63rwj.js";
+import"../../../../shared/components-0sn7ypjw.js";
+import"../../../../shared/components-cv16mryv.js";
+import"../../../../shared/components-zx6b6yby.js";
+import"../../../../shared/components-ezxhrmer.js";
+export {
+  TimePicker2 as TimePicker,
+  time_picker_default as default
+};

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, InputFieldProps, InputGroup, InputGroupProps, InputProps, Label, LabelProps, Input as default };

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

@@ -0,0 +1,19 @@
+import {
+  Input2,
+  Label2,
+  InputGroup2,
+  input_default
+} from "../../../shared/components-gvr9w41t.js";
+import"../../../shared/components-mhd39z7x.js";
+import"../../../shared/components-59efxjd9.js";
+import"../../../shared/components-jjw69c4c.js";
+import"../../../shared/components-n7mjr357.js";
+import"../../../shared/components-0sn7ypjw.js";
+import"../../../shared/components-cv16mryv.js";
+import"../../../shared/components-ezxhrmer.js";
+export {
+  Input2 as Input,
+  InputGroup2 as InputGroup,
+  Label2 as Label,
+  input_default as default
+};

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, InputCopyAlign, InputCopyProps, InputCopyVariant, InputCopy as default };

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

@@ -0,0 +1,16 @@
+import {
+  InputCopy2,
+  input_copy_default
+} from "../../../shared/components-1j9791sn.js";
+import"../../../shared/components-ng72k97e.js";
+import"../../../shared/components-zrkzcayz.js";
+import"../../../shared/components-0q0sqfh4.js";
+import"../../../shared/components-hqeq3w9q.js";
+import"../../../shared/components-men63rwj.js";
+import"../../../shared/components-0sn7ypjw.js";
+import"../../../shared/components-cv16mryv.js";
+import"../../../shared/components-ezxhrmer.js";
+export {
+  InputCopy2 as InputCopy,
+  input_copy_default as default
+};

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 { FileThumbnail, InputMessage, InputMessageProps, InputMessageSlotContext, InputMessageStatus, QueuedMessage, InputMessage as default };

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

@@ -0,0 +1,25 @@
+import {
+  FileThumbnail2,
+  InputMessage2,
+  input_message_default
+} from "../../../shared/components-yh3kwdhr.js";
+import"../../../shared/components-ng72k97e.js";
+import"../../../shared/components-zrkzcayz.js";
+import"../../../shared/components-0q0sqfh4.js";
+import"../../../shared/components-kvr7f9hy.js";
+import"../../../shared/components-59efxjd9.js";
+import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-hqeq3w9q.js";
+import"../../../shared/components-jjw69c4c.js";
+import"../../../shared/components-b2wyq2cq.js";
+import"../../../shared/components-n7mjr357.js";
+import"../../../shared/components-men63rwj.js";
+import"../../../shared/components-0sn7ypjw.js";
+import"../../../shared/components-cv16mryv.js";
+import"../../../shared/components-zx6b6yby.js";
+import"../../../shared/components-ezxhrmer.js";
+export {
+  FileThumbnail2 as FileThumbnail,
+  InputMessage2 as InputMessage,
+  input_message_default as default
+};

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, RadioGroupProps, RadioItem, RadioItemProps, RadioGroup as default };

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

@@ -0,0 +1,20 @@
+import {
+  RadioGroup2,
+  RadioItem2,
+  radio_group_default
+} from "../../../shared/components-ny774h8p.js";
+import"../../../shared/components-kvr7f9hy.js";
+import"../../../shared/components-59efxjd9.js";
+import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-hqeq3w9q.js";
+import"../../../shared/components-jjw69c4c.js";
+import"../../../shared/components-n7mjr357.js";
+import"../../../shared/components-men63rwj.js";
+import"../../../shared/components-0sn7ypjw.js";
+import"../../../shared/components-cv16mryv.js";
+import"../../../shared/components-ezxhrmer.js";
+export {
+  RadioGroup2 as RadioGroup,
+  RadioItem2 as RadioItem,
+  radio_group_default as default
+};

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

@@ -0,0 +1,83 @@
+import { ComponentType } from "react";
+interface IconComponentProps {
+	size?: number | string;
+	strokeWidth?: number | string;
+	className?: string;
+}
+type IconComponent = ComponentType<IconComponentProps>;
+/** One command: the label the query matches, plus what the row shows and does. */
+interface CommandItem {
+	label: string;
+	icon?: IconComponent;
+	/** Shown at the end of the row; display only, nothing binds it. */
+	shortcut?: string;
+	/** More words the query matches. */
+	keywords?: string[];
+	disabled?: boolean;
+	onSelect?: () => void;
+}
+import { JSX as JSX_1kxb3 } from "react";
+interface SearchProps {
+	/** How it rests: a pill showing the placeholder (and the shortcut), or a lone search icon. Defaults to `'pill'`. */
+	variant?: "pill" | "icon";
+	/** The field's placeholder, the pill's label and the accessible name of both. Defaults to `'Search'`. */
+	placeholder?: string;
+	/** Suggestions offered below the field and filtered as you type: strings, or Command items (`{ label, icon, keywords }`). Leave out for a plain search field. */
+	items?: (string | CommandItem)[];
+	/** Controlled query. */
+	value?: string;
+	/** Initial query, for an uncontrolled field. Defaults to `''`. */
+	defaultValue?: string;
+	/** Called on every change of the query. */
+	onValueChange?: (value: string) => void;
+	/** Called with the query on Enter, and with a suggestion's label when one is picked. */
+	onSubmit?: (query: string) => void;
+	/** Controlled expanded state. */
+	expanded?: boolean;
+	/** Initial expanded state, for an uncontrolled field. Defaults to `false`. */
+	defaultExpanded?: boolean;
+	/** Called when the field expands or collapses. */
+	onExpandedChange?: (expanded: boolean) => void;
+	/** Width of the expanded field, in px. Defaults to `288`. */
+	width?: number;
+	/** The edge that stays put: the field grows from it toward the other one, over its neighbors. Defaults to `'start'`. */
+	align?: "start" | "end";
+	/** A key that expands the field from anywhere on the page outside another field, shown on the pill. */
+	shortcut?: string;
+	/** Shown in the suggestions when none matches. Defaults to `'No results found.'`. */
+	emptyMessage?: string;
+	/** How the suggestions grow out of the field (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
+	effect?: "goo" | "morph" | "slide" | "fade";
+	/** Spring tier of the suggestions' plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'moderate'`. */
+	tier?: "moderate" | "slow";
+	/** Classes for the root, the box the resting button keeps in the layout. */
+	className?: string;
+}
+type Element_12xgc3 = JSX_1kxb3["Element"];
+/**
+* A search button that grows into the field in place, with suggestions that
+* ooze out below it.
+*
+* At rest it is a pill showing the placeholder, or a lone search icon. A
+* press (or its `shortcut` key) springs it to `width` and focuses the
+* field. It grows over its neighbors rather than pushing them: the resting
+* box stays in the layout, so nothing around it moves, and `align="end"`
+* grows it leftward, for a toolbar's far end. The search icon never moves.
+* Typing opens the suggestions, which melt out of the field through the
+* goo neck (see Morph) once it has finished growing; the arrows move one
+* fluid highlight through them, and Enter or a press picks one. Escape
+* closes the suggestions, then clears the query, then collapses the field
+* and hands focus back to the button; leaving an empty field collapses it
+* too. The field lifts 2 surface levels while open, the same level as its
+* suggestions, so the two read as one liquid.
+*
+* With `items` the field is a combobox over a listbox of suggestions,
+* built on Base UI's Autocomplete (filtering by label and keywords, the
+* input keeps focus while the highlight moves); without, it is a plain
+* search box. Either way it sits in a `<search>` landmark around a form,
+* and Enter reports the query to `onSubmit`.
+*
+* @example {@include ./examples.mdx}
+*/
+declare function Search({ variant, placeholder, items, value, defaultValue, onValueChange, onSubmit, expanded, defaultExpanded, onExpandedChange, width, align, shortcut, emptyMessage, effect, tier, className }: SearchProps): Element_12xgc3;
+export { Search, SearchProps, Search as default };

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

@@ -0,0 +1,25 @@
+import {
+  Search2,
+  search_default
+} from "../../../shared/components-66mv71kx.js";
+import"../../../shared/components-8fpr3s4p.js";
+import"../../../shared/components-zfnmn5d4.js";
+import"../../../shared/components-3ky44908.js";
+import"../../../shared/components-zrkzcayz.js";
+import"../../../shared/components-0q0sqfh4.js";
+import"../../../shared/components-kvr7f9hy.js";
+import"../../../shared/components-59efxjd9.js";
+import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-hqeq3w9q.js";
+import"../../../shared/components-b2wyq2cq.js";
+import"../../../shared/components-n7mjr357.js";
+import"../../../shared/components-men63rwj.js";
+import"../../../shared/components-0sn7ypjw.js";
+import"../../../shared/components-hawvy2qz.js";
+import"../../../shared/components-cv16mryv.js";
+import"../../../shared/components-zx6b6yby.js";
+import"../../../shared/components-ezxhrmer.js";
+export {
+  Search2 as Search,
+  search_default as default
+};