@justanarthur/modo-ui 0.2.0 → 0.4.0

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

@@ -1,21 +1,21 @@
 import {
   DateRangePicker2,
   date_range_picker_default
-} from "../../../../shared/components-cbxjn9p8.js";
-import"../../../../shared/components-1rfwbyyc.js";
-import"../../../../shared/components-7btqt08d.js";
-import"../../../../shared/components-gvr9w41t.js";
-import"../../../../shared/components-9jvzzvt1.js";
+} from "../../../../shared/components-zwhtxm15.js";
+import"../../../../shared/components-1z6tdadk.js";
+import"../../../../shared/components-qtqxgfrb.js";
+import"../../../../shared/components-50m950y9.js";
+import"../../../../shared/components-gz8zf3ec.js";
 import"../../../../shared/components-c6s6b43g.js";
-import"../../../../shared/components-mhd39z7x.js";
+import"../../../../shared/components-3myrw7ne.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-59efxjd9.js";
 import"../../../../shared/components-hqeq3w9q.js";
 import"../../../../shared/components-jjw69c4c.js";
 import"../../../../shared/components-b2wyq2cq.js";

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

@@ -1,6 +1,8 @@
 import { Duration, Locale } from "date-fns";
-import { RefObject } from "react";
+import { RefObject as RefObject2 } from "react";
 type SizeVariant = "default" | "compact";
+/** Framed at rest (`bordered`), or invisible until hovered or focused (`borderless`). */
+type FieldVariant = "bordered" | "borderless";
 import { JSX as JSX_1kxb } from "react";
 interface DurationPickerProps {
 	/** The picked duration, a date-fns `Duration` (`{ hours, minutes }`); `null` when empty. */
@@ -19,6 +21,8 @@ interface DurationPickerProps {
 	placeholder?: string;
 	/** Disables the field. Defaults to `false`. */
 	disabled?: boolean;
+	/** Framed at rest, or invisible until hovered or focused. Defaults to `"bordered"`. */
+	variant?: FieldVariant;
 	/** 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. */
@@ -32,7 +36,7 @@ interface DurationPickerProps {
 	/** 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>;
+	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject2<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`. */
@@ -53,5 +57,5 @@ type Element_12xgc = JSX_1kxb["Element"];
 *
 * @example {@include ./examples.mdx}
 */
-declare function DurationPicker({ value: valueProp, defaultValue, onValueChange, maxHours, minuteStep, locale, placeholder, disabled, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: DurationPickerProps): Element_12xgc;
+declare function DurationPicker({ value: valueProp, defaultValue, onValueChange, maxHours, minuteStep, locale, placeholder, disabled, variant, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: DurationPickerProps): Element_12xgc;
 export { DurationPicker, DurationPickerProps, DurationPicker as default };

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

@@ -1,21 +1,21 @@
 import {
   DurationPicker2,
   duration_picker_default
-} from "../../../../shared/components-7ans7ce5.js";
-import"../../../../shared/components-q4daerx0.js";
-import"../../../../shared/components-7btqt08d.js";
-import"../../../../shared/components-gvr9w41t.js";
-import"../../../../shared/components-9jvzzvt1.js";
+} from "../../../../shared/components-nyq0rym2.js";
+import"../../../../shared/components-mjthm1kf.js";
+import"../../../../shared/components-qtqxgfrb.js";
+import"../../../../shared/components-50m950y9.js";
+import"../../../../shared/components-gz8zf3ec.js";
 import"../../../../shared/components-c6s6b43g.js";
-import"../../../../shared/components-mhd39z7x.js";
+import"../../../../shared/components-3myrw7ne.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-59efxjd9.js";
 import"../../../../shared/components-hqeq3w9q.js";
 import"../../../../shared/components-jjw69c4c.js";
 import"../../../../shared/components-b2wyq2cq.js";

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

@@ -1,6 +1,8 @@
 import { Locale } from "date-fns";
-import { RefObject } from "react";
+import { RefObject as RefObject2 } from "react";
 type SizeVariant = "default" | "compact";
+/** Framed at rest (`bordered`), or invisible until hovered or focused (`borderless`). */
+type FieldVariant = "bordered" | "borderless";
 import { JSX as JSX_1kxb } from "react";
 interface MonthPickerProps {
 	/** The picked month as its first day; `null` when empty. */
@@ -19,6 +21,8 @@ interface MonthPickerProps {
 	endMonth?: Date;
 	/** Disables the field. Defaults to `false`. */
 	disabled?: boolean;
+	/** Framed at rest, or invisible until hovered or focused. Defaults to `"bordered"`. */
+	variant?: FieldVariant;
 	/** 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. */
@@ -32,7 +36,7 @@ interface MonthPickerProps {
 	/** 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>;
+	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject2<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`. */
@@ -53,5 +57,5 @@ type Element_12xgc = JSX_1kxb["Element"];
 *
 * @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;
+declare function MonthPicker({ value: valueProp, defaultValue, onValueChange, locale, placeholder, startMonth, endMonth, disabled, variant, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: MonthPickerProps): Element_12xgc;
 export { MonthPicker, MonthPickerProps, MonthPicker as default };

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

@@ -1,20 +1,20 @@
 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";
+} from "../../../../shared/components-nsjec21k.js";
+import"../../../../shared/components-qtqxgfrb.js";
+import"../../../../shared/components-50m950y9.js";
+import"../../../../shared/components-gz8zf3ec.js";
 import"../../../../shared/components-c6s6b43g.js";
-import"../../../../shared/components-mhd39z7x.js";
+import"../../../../shared/components-3myrw7ne.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-59efxjd9.js";
 import"../../../../shared/components-hqeq3w9q.js";
 import"../../../../shared/components-jjw69c4c.js";
 import"../../../../shared/components-b2wyq2cq.js";

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

@@ -1,7 +1,9 @@
 import { Locale as Locale2 } from "date-fns";
-import { RefObject } from "react";
+import { RefObject as RefObject2 } from "react";
 type HourCycle = "h11" | "h12" | "h23" | "h24";
 type SizeVariant = "default" | "compact";
+/** Framed at rest (`bordered`), or invisible until hovered or focused (`borderless`). */
+type FieldVariant = "bordered" | "borderless";
 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. */
@@ -20,6 +22,8 @@ interface TimePickerProps {
 	placeholder?: string;
 	/** Disables the field. Defaults to `false`. */
 	disabled?: boolean;
+	/** Framed at rest, or invisible until hovered or focused. Defaults to `"bordered"`. */
+	variant?: FieldVariant;
 	/** 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. */
@@ -33,7 +37,7 @@ interface TimePickerProps {
 	/** 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>;
+	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject2<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`. */
@@ -55,5 +59,5 @@ type Element_12xgc = JSX_1kxb["Element"];
 *
 * @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;
+declare function TimePicker({ value: valueProp, defaultValue, onValueChange, hourCycle, minuteStep, locale, placeholder, disabled, variant, 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

@@ -1,21 +1,21 @@
 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";
+} from "../../../../shared/components-wshd8f3n.js";
+import"../../../../shared/components-mjthm1kf.js";
+import"../../../../shared/components-qtqxgfrb.js";
+import"../../../../shared/components-50m950y9.js";
+import"../../../../shared/components-gz8zf3ec.js";
 import"../../../../shared/components-c6s6b43g.js";
-import"../../../../shared/components-mhd39z7x.js";
+import"../../../../shared/components-3myrw7ne.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-59efxjd9.js";
 import"../../../../shared/components-hqeq3w9q.js";
 import"../../../../shared/components-jjw69c4c.js";
 import"../../../../shared/components-b2wyq2cq.js";

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

@@ -1,4 +1,7 @@
 import { ForwardRefExoticComponent, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, ReactNode as ReactNode2, RefAttributes } from "react";
+type SizeVariant = "default" | "compact";
+/** Framed at rest (`bordered`), or invisible until hovered or focused (`borderless`). */
+type FieldVariant = "bordered" | "borderless";
 import { ComponentType } from "react";
 interface IconComponentProps {
 	size?: number | string;
@@ -6,7 +9,6 @@ interface IconComponentProps {
 	className?: string;
 }
 type IconComponent = ComponentType<IconComponentProps>;
-type SizeVariant = "default" | "compact";
 interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "defaultValue" | "size"> {
 	/** Placeholder text. */
 	placeholder?: string;
@@ -18,6 +20,8 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChan
 	defaultValue?: string;
 	/** Called when the input value changes. */
 	onChange?: (value: string) => void;
+	/** Framed at rest, or invisible until hovered or focused. Defaults to `"borderless"`. */
+	variant?: FieldVariant;
 	/** Marks the value invalid: the field turns destructive and sets `aria-invalid`. Defaults to `false`. */
 	invalid?: boolean;
 	/** Disables the input. Defaults to `false`. */

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

@@ -3,8 +3,8 @@ import {
   Label2,
   InputGroup2,
   input_default
-} from "../../../shared/components-gvr9w41t.js";
-import"../../../shared/components-mhd39z7x.js";
+} from "../../../shared/components-50m950y9.js";
+import"../../../shared/components-3myrw7ne.js";
 import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-jjw69c4c.js";
 import"../../../shared/components-n7mjr357.js";

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

@@ -1,7 +1,7 @@
 import { ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from "react";
 type SizeVariant = "default" | "compact";
 interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect" | "defaultValue"> {
-	/** RadioGroup.Item children. */
+	/** `Radio` rows. */
 	children: ReactNode;
 	/** Index of the currently selected item. Controlled — pair it with `onSelectedIndexChange` (or per-item `onSelect`). */
 	selectedIndex?: number;
@@ -18,35 +18,12 @@ interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect
 	/** 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> {
+declare const RadioGroup: ForwardRefExoticComponent<RadioGroupProps & RefAttributes<HTMLDivElement>>;
+interface RadioProps extends HTMLAttributes<HTMLDivElement> {
 	/** Text label for the radio item. */
 	label: string;
-	/** Position index within the group. */
-	index: number;
+	/** Position within the `Radio.Group`: the row's `selectedIndex`. Defaults to its order among the group's rows. */
+	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). */
@@ -54,5 +31,28 @@ interface RadioItemProps extends HTMLAttributes<HTMLDivElement> {
 	/** 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 };
+type RadioComponent = ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLDivElement>> & {
+	Group: typeof RadioGroup;
+};
+/**
+* Radio buttons with fluid hover and animated selection.
+*
+* Each `Radio` is one row of a `Radio.Group`. 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. The group numbers
+* its rows in order, so they need no `index`. FF's per-row `selected` /
+* `onSelect` still work and override the group for their row.
+*
+* Statics:
+* - `Radio.Group` — the list. Select by index — uncontrolled with
+*   `defaultSelectedIndex`, controlled with `selectedIndex` +
+*   `onSelectedIndexChange` — or by row `value` (`defaultValue` / `value` +
+*   `onValueChange`), which also renders Base UI radios for form
+*   integration; `size` pins every row to one step of the size ladder.
+*
+* @example {@include ./examples.mdx}
+*/
+declare const Radio: RadioComponent;
+export { Radio, RadioGroup, RadioGroupProps, RadioProps, Radio as default };

package/dist/components/inputs/{radio-group → radio}/index.js

@@ -1,11 +1,12 @@
 import {
   RadioGroup2,
-  RadioItem2,
-  radio_group_default
-} from "../../../shared/components-ny774h8p.js";
+  Radio2,
+  radio_default
+} from "../../../shared/components-pbmqctfa.js";
+import"../../../shared/components-ta7shw28.js";
 import"../../../shared/components-kvr7f9hy.js";
-import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-jjw69c4c.js";
 import"../../../shared/components-n7mjr357.js";
@@ -14,7 +15,7 @@ import"../../../shared/components-0sn7ypjw.js";
 import"../../../shared/components-cv16mryv.js";
 import"../../../shared/components-ezxhrmer.js";
 export {
+  Radio2 as Radio,
   RadioGroup2 as RadioGroup,
-  RadioItem2 as RadioItem,
-  radio_group_default as default
+  radio_default as default
 };

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

@@ -1,15 +1,15 @@
 import {
   Search2,
   search_default
-} from "../../../shared/components-66mv71kx.js";
-import"../../../shared/components-8fpr3s4p.js";
+} from "../../../shared/components-xxvdw7k1.js";
+import"../../../shared/components-39vmfq9s.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-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-b2wyq2cq.js";
 import"../../../shared/components-n7mjr357.js";

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

@@ -8,11 +8,11 @@ import {
   SelectLabel2,
   SelectSeparator2,
   select_default
-} from "../../../shared/components-62ybc7t2.js";
+} from "../../../shared/components-frw34b65.js";
 import"../../../shared/components-0q0sqfh4.js";
 import"../../../shared/components-kvr7f9hy.js";
-import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-jjw69c4c.js";
 import"../../../shared/components-men63rwj.js";

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

@@ -1,11 +1,13 @@
 import { Transition } from "motion/react";
-import { HTMLAttributes } from "react";
+import { ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from "react";
 type SizeVariant = "default" | "compact";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
-import { RefAttributes as RefAttributes_miuf56 } from "react";
 interface SwitchProps extends HTMLAttributes<HTMLDivElement> {
 	/** Text label displayed next to the switch. */
 	label: string;
+	/** Secondary text under the label: what turning the switch on does. With one, the label stays at full contrast. */
+	description?: ReactNode;
+	/** The side of the label the track sits on; `"end"` pushes it to the row's far edge, as in a settings list (always, inside a `Switch.Group`). Defaults to `"start"`. */
+	trackSide?: "start" | "end";
 	/** Whether the switch is on (controlled). Omit it to let the switch keep its own state, seeded from `defaultChecked`. */
 	checked?: boolean;
 	/** Whether the switch starts on when uncontrolled. Defaults to `false`. */
@@ -21,6 +23,9 @@ interface SwitchProps extends HTMLAttributes<HTMLDivElement> {
 	/** Pins the switch to one step of the size ladder (see Sizes). Defaults to the surrounding SizeProvider, else `"default"`. */
 	size?: SizeVariant;
 }
+type SwitchComponent = ForwardRefExoticComponent<SwitchProps & RefAttributes<HTMLDivElement>> & {
+	Group: typeof SwitchGroup;
+};
 /**
 * Toggle switch with animated thumb and label.
 *
@@ -35,9 +40,25 @@ interface SwitchProps extends HTMLAttributes<HTMLDivElement> {
 * Works controlled (`checked` + `onToggle`, exactly as upstream) or
 * uncontrolled (`defaultChecked`, with `onCheckedChange` reporting each
 * change). `size` pins it to one step of the size ladder; otherwise it
-* follows the surrounding SizeProvider.
+* follows the surrounding SizeProvider. `description` adds a muted line under
+* the label and `trackSide="end"` moves the track to the row's far edge.
+*
+* Statics:
+* - `Switch.Group` — switches as a settings list in one outlined frame: each
+*   `Switch` inside becomes a row with its track at the far edge, hairlines
+*   divide the rows and a fluid hover highlight melts between them, dropping
+*   the hairlines it touches (as in an outlined Card.Group); a disabled row
+*   gets no highlight. Every switch keeps its own state. `size` pins every
+*   row; name the group with `aria-label` or `aria-labelledby`.
 *
 * @example {@include ./examples.mdx}
 */
-declare const Switch: ForwardRefExoticComponent_tcubfn<SwitchProps & RefAttributes_miuf56<HTMLDivElement>>;
-export { Switch, SwitchProps, Switch as default };
+declare const Switch: SwitchComponent;
+interface SwitchGroupProps extends HTMLAttributes<HTMLFieldSetElement> {
+	/** `Switch` rows. */
+	children: ReactNode;
+	/** Pins every row to one step of the size ladder (see Sizes). Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+}
+declare const SwitchGroup: ForwardRefExoticComponent<SwitchGroupProps & RefAttributes<HTMLFieldSetElement>>;
+export { Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Switch as default };

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

@@ -1,14 +1,21 @@
 import {
   Switch2,
+  SwitchGroup2,
   switch_default
-} from "../../../shared/components-asr5pg50.js";
+} from "../../../shared/components-8snj490h.js";
+import"../../../shared/components-ta7shw28.js";
+import"../../../shared/components-kvr7f9hy.js";
 import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.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 {
   Switch2 as Switch,
+  SwitchGroup2 as SwitchGroup,
   switch_default as default
 };

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

@@ -0,0 +1,46 @@
+import { TextareaHTMLAttributes } from "react";
+type SizeVariant = "default" | "compact";
+/** Framed at rest (`bordered`), or invisible until hovered or focused (`borderless`). */
+type FieldVariant = "bordered" | "borderless";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
+import { RefAttributes as RefAttributes_miuf56 } from "react";
+interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "value" | "defaultValue" | "rows"> {
+	/** Placeholder text. */
+	placeholder?: string;
+	/** Controlled value. Pair with `onChange`. */
+	value?: string;
+	/** Initial value when uncontrolled. Defaults to `''`. */
+	defaultValue?: string;
+	/** Called with the new value on every change. */
+	onChange?: (value: string) => void;
+	/** Rows shown when empty; the box never gets shorter. Defaults to `3`. */
+	minRows?: number;
+	/** Rows the box grows to before it scrolls. Set it to `minRows` for a fixed height. Defaults to `8`. */
+	maxRows?: number;
+	/** Framed at rest, or invisible until hovered or focused. Defaults to `"borderless"`. */
+	variant?: FieldVariant;
+	/** Marks the value invalid: the field turns destructive and sets `aria-invalid`. Defaults to `false`. */
+	invalid?: boolean;
+	/** Disables the textarea. Defaults to `false`. */
+	disabled?: boolean;
+	/** Pins the textarea to one step of the size ladder (36px default, 28px compact): its text and padding follow, so one row matches an Input. Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+	/** Classes for the ringed box around the textarea. */
+	className?: string;
+}
+/**
+* Multi-line text field that grows with what you type.
+*
+* It sits on the same ground as Input: bare text at rest (or framed, with
+* `variant="bordered"`), a muted fill with a hairline ring on hover, the
+* card ground on focus, a destructive ring when `invalid`. The box starts at `minRows`, grows line by line as text wraps,
+* and scrolls once it reaches `maxRows`. One row lines up with an Input of
+* the same size, so the two stack in a form without a seam. It is
+* uncontrolled with `defaultValue`, or controlled with `value` + `onChange`,
+* fills the width of its container, and joins a Base UI `Field` when placed
+* inside one. Pair it with a `Label` (see Input) through `htmlFor` / `id`.
+*
+* @example {@include ./examples.mdx}
+*/
+declare const Textarea: ForwardRefExoticComponent_tcubfn<TextareaProps & RefAttributes_miuf56<HTMLTextAreaElement>>;
+export { Textarea, TextareaProps, Textarea as default };

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

@@ -0,0 +1,13 @@
+import {
+  Textarea2,
+  textarea_default
+} from "../../../shared/components-rd9tbsqv.js";
+import"../../../shared/components-3myrw7ne.js";
+import"../../../shared/components-n7mjr357.js";
+import"../../../shared/components-0sn7ypjw.js";
+import"../../../shared/components-cv16mryv.js";
+import"../../../shared/components-ezxhrmer.js";
+export {
+  Textarea2 as Textarea,
+  textarea_default as default
+};

package/dist/components/navigation/sidebar/index.js

@@ -36,18 +36,18 @@ import {
   Sidebar2,
   SidebarContent2,
   sidebar_default
-} from "../../../shared/components-ca2c898n.js";
+} from "../../../shared/components-mqyvvh8k.js";
 import"../../../shared/components-c6s6b43g.js";
-import"../../../shared/components-mhd39z7x.js";
-import"../../../shared/components-ng72k97e.js";
+import"../../../shared/components-3myrw7ne.js";
 import"../../../shared/components-rr7a6ja9.js";
+import"../../../shared/components-ng72k97e.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-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-jjw69c4c.js";
 import"../../../shared/components-b2wyq2cq.js";

package/dist/components/navigation/tabs/index.js

@@ -4,9 +4,9 @@ import {
   TabItem2,
   TabPanel2,
   tabs_default
-} from "../../../shared/components-tqvarbfv.js";
-import"../../../shared/components-59efxjd9.js";
+} from "../../../shared/components-hw9yk32z.js";
 import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-jjw69c4c.js";
 import"../../../shared/components-men63rwj.js";

package/dist/components/navigation/tabs-subtle/index.js

@@ -3,9 +3,9 @@ import {
   TabsSubtleItem2,
   TabsSubtlePanel2,
   tabs_subtle_default
-} from "../../../shared/components-v6xp325t.js";
-import"../../../shared/components-59efxjd9.js";
+} from "../../../shared/components-dk0gjr5a.js";
 import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-jjw69c4c.js";
 import"../../../shared/components-n7mjr357.js";

package/dist/components/overlays/command/index.js

@@ -7,14 +7,14 @@ import {
   CommandContent2,
   Command2,
   command_default
-} from "../../../shared/components-8fpr3s4p.js";
+} from "../../../shared/components-39vmfq9s.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-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-b2wyq2cq.js";
 import"../../../shared/components-n7mjr357.js";