@justanarthur/modo-ui 0.5.0 → 0.6.0-canary.0

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

@@ -0,0 +1,84 @@
+import { ReactNode as ReactNode2 } 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 NumberInputProps {
+	/** Controlled value; `null` while the field is empty. Pair with `onValueChange`. */
+	value?: number | null;
+	/** Initial value when uncontrolled. Empty when unset. */
+	defaultValue?: number;
+	/** Called with the new value as it changes (typing, steppers, arrow keys, scrubbing); `null` when cleared. */
+	onValueChange?: (value: number | null) => void;
+	/** Called once a change is done: on blur after typing, on release after a stepper press or a scrub. */
+	onValueCommitted?: (value: number | null) => void;
+	/** Lowest value the steppers, arrow keys and blur clamp to. */
+	min?: number;
+	/** Highest value the steppers, arrow keys and blur clamp to. */
+	max?: number;
+	/** Amount a stepper press or an arrow key adds. Defaults to `1`. */
+	step?: number;
+	/** Amount with Alt held. Defaults to `0.1`. */
+	smallStep?: number;
+	/** Amount with Shift held. Defaults to `10`. */
+	largeStep?: number;
+	/** How the value is shown and read back: `Intl.NumberFormat` options, e.g. `{ style: 'currency', currency: 'EUR' }` or `{ style: 'percent' }`. */
+	format?: Intl.NumberFormatOptions;
+	/** Locale for formatting and parsing (`"sk-SK"` writes `1 234,5`). Defaults to the browser's. */
+	locale?: Intl.LocalesArgument;
+	/** Placeholder text while empty. */
+	placeholder?: string;
+	/** Shows the minus and plus buttons. Defaults to `true`. */
+	stepper?: boolean;
+	/** Turns `startAdornment` into a scrub handle: drag it sideways to change the value. Defaults to `false`. */
+	scrub?: boolean;
+	/** Lets the mouse wheel change the value while the field is focused and hovered. Defaults to `false`. */
+	wheel?: boolean;
+	/** Content before the number: a label such as `"W"` (a scrub handle with `scrub`), a currency sign, an icon. */
+	startAdornment?: ReactNode2;
+	/** Content after the number, before the steppers: a unit such as `"kg"`. */
+	endAdornment?: ReactNode2;
+	/** Accessible name of the minus button. Defaults to `"Decrease"`. */
+	decrementLabel?: string;
+	/** Accessible name of the plus button. Defaults to `"Increase"`. */
+	incrementLabel?: string;
+	/** Names the value when the form is submitted. */
+	name?: string;
+	/** Id of the input, for a `Label`'s `htmlFor`. Inside a Field it is wired for you. */
+	id?: string;
+	/** Marks the value required. Defaults to the surrounding Field's `required`. */
+	required?: boolean;
+	/** 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 field and its steppers. Defaults to `false`. */
+	disabled?: boolean;
+	/** Shows the value without letting it change; the steppers hide. Defaults to `false`. */
+	readOnly?: boolean;
+	/** Pins the field to one step of the size ladder (36px default, 28px compact). Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+	/** Classes for the ringed box. */
+	className?: string;
+}
+/**
+* Number field with steppers, formatting and an optional scrub handle.
+*
+* It sits on the same ground as Input: bare at rest (or framed with
+* `variant="bordered"`), a muted wash on hover, the card on focus, a
+* destructive ring when `invalid`. Minus and plus sit inside the ring at the
+* end; holding one repeats, the arrow keys step (Shift for `largeStep`, Alt
+* for `smallStep`), and both stop at `min` / `max`. `format` takes
+* `Intl.NumberFormat` options and `locale` the locale, so a value reads
+* `€1,234.50` or `1 234,5 %` and typing in that form parses back. With
+* `scrub`, the start adornment becomes a handle: drag it sideways to change
+* the value, as in a design tool. The value is a number, or `null` while
+* empty: uncontrolled with `defaultValue`, controlled with `value` +
+* `onValueChange`. Behavior comes from Base UI's NumberField; inside a Field
+* it is labelled and takes the field's state.
+*
+* @example {@include ./examples.mdx}
+*/
+declare const NumberInput: ForwardRefExoticComponent_tcubfn<NumberInputProps & RefAttributes_miuf56<HTMLInputElement>>;
+export { NumberInput, NumberInputProps, NumberInput as default };

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

@@ -0,0 +1,20 @@
+import {
+  NumberInput2,
+  number_input_default
+} from "../../../shared/components-zbvjzh1p.js";
+import"../../../shared/components-y1w3a6wx.js";
+import"../../../shared/components-adkarj8n.js";
+import"../../../shared/components-6zng858q.js";
+import"../../../shared/components-124epb7f.js";
+import"../../../shared/components-jqpefjsn.js";
+import"../../../shared/components-yhgq0qxx.js";
+import"../../../shared/components-dcc02hs2.js";
+import"../../../shared/components-tz1fv35x.js";
+import"../../../shared/components-h83az0bz.js";
+import"../../../shared/components-34txk9rj.js";
+import"../../../shared/components-78x40gee.js";
+import"../../../shared/components-jcnjay5g.js";
+export {
+  NumberInput2 as NumberInput,
+  number_input_default as default
+};

package/dist/components/inputs/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"> {
-	/** `Radio` rows. */
+	/** `Radio` rows, or bare radios (no `label`) in a layout of your own (see Bare). */
 	children: ReactNode;
 	/** Index of the currently selected item. Controlled — pair it with `onSelectedIndexChange` (or per-item `onSelect`). */
 	selectedIndex?: number;
@@ -15,21 +15,29 @@ interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect
 	defaultValue?: string;
 	/** Called with the selected item's `value` when it changes (value mode). */
 	onValueChange?: (value: string) => void;
+	/** Disables every radio in the group. Defaults to `false`. */
+	disabled?: boolean;
+	/** Form field name for the selected `value` (value mode): a hidden input carries it. */
+	name?: string;
+	/** Marks the group required in a form (value mode). Defaults to `false`. */
+	required?: boolean;
 	/** Pins the group's rows to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
 	size?: SizeVariant;
 }
 declare const RadioGroup: ForwardRefExoticComponent<RadioGroupProps & RefAttributes<HTMLDivElement>>;
 interface RadioProps extends HTMLAttributes<HTMLDivElement> {
-	/** Text label for the radio item. */
-	label: string;
+	/** Label beside the circle, any node. Omit it for a bare circle in a layout of your own (see Bare): it then needs a `value`, and a name from `aria-label`, `aria-labelledby` or a `<label htmlFor>` pointing at its `id`. */
+	label?: ReactNode;
 	/** 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). */
 	onSelect?: () => void;
-	/** Optional value forwarded to the underlying Base UI primitive for form integration. */
+	/** The item's value in a value-mode group, forwarded to the underlying Base UI radio for forms. A bare radio needs one. */
 	value?: string;
+	/** Dims the radio and ignores presses; the hover and the arrow keys skip it. Defaults to the group's `disabled`. */
+	disabled?: boolean;
 }
 type RadioComponent = ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLDivElement>> & {
 	Group: typeof RadioGroup;
@@ -45,12 +53,19 @@ type RadioComponent = ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLD
 * its rows in order, so they need no `index`. FF's per-row `selected` /
 * `onSelect` still work and override the group for their row.
 *
+* Without a `label` a radio is just the circle: Base UI's radio, picked by
+* its `value`, named by a `<label htmlFor>` pointing at its `id` or by
+* `aria-label`. Lay bare radios out however you like inside the group (a
+* row with a description, a grid of cards); the group then draws no rows of
+* its own and Base UI moves focus and selection with the arrow keys.
+*
 * 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.
+*   integration (`name`, `required`); `disabled` turns every radio off;
+*   `size` pins every row to one step of the size ladder.
 *
 * @example {@include ./examples.mdx}
 */

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

@@ -2,18 +2,21 @@ import {
   RadioGroup2,
   Radio2,
   radio_default
-} from "../../../shared/components-pbmqctfa.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";
+} from "../../../shared/components-mpw667rb.js";
+import"../../../shared/components-r8eqs7gz.js";
+import"../../../shared/components-h6p86be3.js";
+import"../../../shared/components-qdm3yh26.js";
+import"../../../shared/components-pw06rbxq.js";
+import"../../../shared/components-yhgq0qxx.js";
+import"../../../shared/components-awra5sff.js";
+import"../../../shared/components-dcc02hs2.js";
+import"../../../shared/components-tz1fv35x.js";
+import"../../../shared/components-de99ykt7.js";
+import"../../../shared/components-3ey0hzpb.js";
+import"../../../shared/components-h83az0bz.js";
+import"../../../shared/components-34txk9rj.js";
+import"../../../shared/components-78x40gee.js";
+import"../../../shared/components-jcnjay5g.js";
 export {
   Radio2 as Radio,
   RadioGroup2 as RadioGroup,

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

@@ -1,24 +1,31 @@
 import {
   Search2,
   search_default
-} 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-chacnk61.js";
-import"../../../shared/components-59efxjd9.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";
+} from "../../../shared/components-65vwfjs6.js";
+import"../../../shared/components-vsa625vk.js";
+import"../../../shared/components-3sp623ae.js";
+import"../../../shared/components-h6p86be3.js";
+import"../../../shared/components-vf45j12c.js";
+import"../../../shared/components-dhgk6mbt.js";
+import"../../../shared/components-vfjc9jzz.js";
+import"../../../shared/components-4y816hwp.js";
+import"../../../shared/components-b1e239g3.js";
+import"../../../shared/components-jqpefjsn.js";
+import"../../../shared/components-qdm3yh26.js";
+import"../../../shared/components-pw06rbxq.js";
+import"../../../shared/components-yhgq0qxx.js";
+import"../../../shared/components-awra5sff.js";
+import"../../../shared/components-7d4r7hh1.js";
+import"../../../shared/components-f0xfpkhh.js";
+import"../../../shared/components-tz1fv35x.js";
+import"../../../shared/components-2z48g4fp.js";
+import"../../../shared/components-drxrtnp2.js";
+import"../../../shared/components-de99ykt7.js";
+import"../../../shared/components-3ey0hzpb.js";
+import"../../../shared/components-h83az0bz.js";
+import"../../../shared/components-34txk9rj.js";
+import"../../../shared/components-78x40gee.js";
+import"../../../shared/components-jcnjay5g.js";
 export {
   Search2 as Search,
   search_default as default

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

@@ -8,10 +8,13 @@ interface IconComponentProps {
 }
 type IconComponent = ComponentType<IconComponentProps>;
 type SizeVariant = "default" | "compact";
+import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
+declare const triggerVariants: (props?: ({
+	variant?: "borderless" | "bordered" | null | undefined;
+} & ClassProp_wz9o0r) | undefined) => string;
 import { JSX as JSX_1kxb2 } from "react";
 import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
 import { RefAttributes as RefAttributes_miuf56 } from "react";
-import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
 interface SelectProps {
 	/** `Select.Trigger` and `Select.Content`. */
 	children: ReactNode2;
@@ -45,18 +48,37 @@ type Element_12xgc2 = JSX_1kxb2["Element"];
 * seen; Escape and outside presses close at once. Uncontrolled through
 * `defaultValue`, controlled through `value` + `onValueChange`.
 *
-* Statics: Select.Trigger (variant, icon, placeholder, error),
-* Select.Content (the popup: the morph options from, effect, hideSource,
-* tier), Select.Item (index, value, icon, disabled), Select.Group,
-* Select.Label and Select.Separator.
+* Rows need no `index`: they take their place in document order, inside a
+* `Select.Group` or out of a `map`. The trigger shows the picked row's
+* label, whatever node it is (an icon and text, a badge), and a row's
+* `textValue` is what typeahead matches when its children aren't plain text.
+*
+* Statics:
+* - `Select.Trigger` — the field: `variant`, `icon`, `placeholder`, `error`;
+*   children replace its value slot (a `Select.Value`).
+* - `Select.Value` — the value slot: the picked row's label, else the muted
+*   `placeholder`.
+* - `Select.Content` — the popup: `side`, `align`, `sideOffset` and the morph
+*   options `from`, `effect`, `hideSource`, `tier`.
+* - `Select.Item` — one row: `value`, optional `index`, `textValue`, `icon`,
+*   `disabled`; its children are the label.
+* - `Select.Group`, `Select.Label`, `Select.Separator` — sections, their
+*   captions and hairlines between them.
 *
 * @example {@include ./examples.mdx}
 */
 declare function Select({ children, value, defaultValue, onValueChange, disabled, name, required, size }: SelectProps): Element_12xgc2;
-declare const triggerVariants: (props?: ({
-	variant?: "borderless" | "bordered" | null | undefined;
-} & ClassProp_wz9o0r) | undefined) => string;
+interface SelectValueProps {
+	/** Shown, muted, while nothing is selected. Defaults to `"Select…"`. */
+	placeholder?: ReactNode2;
+	/** Extra classes for the value text. */
+	className?: string;
+}
+/** The trigger's value slot: the picked row's label (its children), else the muted placeholder. */
+declare function SelectValue({ placeholder, className }: SelectValueProps): Element_12xgc2;
 interface SelectTriggerProps extends Omit<HTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof triggerVariants> {
+	/** Replaces the built-in value slot, typically with a `Select.Value` (shadcn's `<SelectValue placeholder>`). The icon and chevron stay. */
+	children?: ReactNode2;
 	/** Visual style of the trigger. Defaults to `"bordered"`. */
 	variant?: "bordered" | "borderless";
 	/** Optional icon displayed before the value. */
@@ -80,6 +102,12 @@ interface SelectContentProps {
 	hideSource?: boolean;
 	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'moderate'`. */
 	tier?: "moderate" | "slow";
+	/** Side of the trigger the menu prefers; it flips when there is no room. Defaults to `"bottom"`. */
+	side?: "top" | "bottom" | "left" | "right";
+	/** Alignment against the trigger. Defaults to `"start"`. */
+	align?: "start" | "center" | "end";
+	/** Gap to the trigger, in px. Ignored when the menu opens in place over the trigger (`effect="morph"` with `hideSource`). Defaults to `6`. */
+	sideOffset?: number;
 	/** Additional classes for the menu container. */
 	className?: string;
 	/** `Select.Item`, `Select.Group`, `Select.Label`, `Select.Separator`. */
@@ -89,10 +117,12 @@ declare const SelectContent: ForwardRefExoticComponent_tcubfn<SelectContentProps
 interface SelectItemProps extends HTMLAttributes<HTMLDivElement> {
 	/** Optional icon displayed before the label. */
 	icon?: IconComponent;
-	/** Position index within the content — what fluid hover measures rows by. */
-	index: number;
+	/** Position among the menu's rows — what fluid hover measures rows by. Defaults to the row's place in document order. */
+	index?: number;
 	/** Unique value for this option. */
 	value: string;
+	/** The row's text for typeahead, when its children are not a plain string. */
+	textValue?: string;
 	/** Disables this individual item. Defaults to `false`. */
 	disabled?: boolean;
 	/** The row label. A string label is also what the trigger shows for this value. */
@@ -102,4 +132,4 @@ declare const SelectItem: ForwardRefExoticComponent_tcubfn<SelectItemProps & Ref
 declare function SelectGroup({ children, className,...props }: HTMLAttributes<HTMLDivElement>): Element_12xgc2;
 declare const SelectLabel: ForwardRefExoticComponent_tcubfn<HTMLAttributes<HTMLDivElement> & RefAttributes_miuf56<HTMLDivElement>>;
 declare const SelectSeparator: ForwardRefExoticComponent_tcubfn<HTMLAttributes<HTMLDivElement> & RefAttributes_miuf56<HTMLDivElement>>;
-export { Select, SelectContent, SelectContentProps, SelectGroup, SelectItem, SelectItemProps, SelectLabel, SelectProps, SelectSeparator, SelectTrigger, SelectTriggerProps, Select as default, triggerVariants };
+export { Select, SelectContent, SelectContentProps, SelectGroup, SelectItem, SelectItemProps, SelectLabel, SelectProps, SelectSeparator, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, Select as default, triggerVariants };

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

@@ -1,6 +1,6 @@
 import {
   Select2,
-  triggerVariants2,
+  SelectValue2,
   SelectTrigger2,
   SelectContent2,
   SelectItem2,
@@ -8,19 +8,31 @@ import {
   SelectLabel2,
   SelectSeparator2,
   select_default
-} from "../../../shared/components-frw34b65.js";
-import"../../../shared/components-0q0sqfh4.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-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";
+} from "../../../shared/components-6j2fh74k.js";
+import {
+  triggerVariants2
+} from "../../../shared/components-xdqmt6ed.js";
+import"../../../shared/components-4bwsd46w.js";
+import"../../../shared/components-tz4gaf1v.js";
+import"../../../shared/components-8nwsqjn8.js";
+import"../../../shared/components-h6p86be3.js";
+import"../../../shared/components-vf45j12c.js";
+import"../../../shared/components-dhgk6mbt.js";
+import"../../../shared/components-4y816hwp.js";
+import"../../../shared/components-b1e239g3.js";
+import"../../../shared/components-qdm3yh26.js";
+import"../../../shared/components-pw06rbxq.js";
+import"../../../shared/components-yhgq0qxx.js";
+import"../../../shared/components-awra5sff.js";
+import"../../../shared/components-dcc02hs2.js";
+import"../../../shared/components-2z48g4fp.js";
+import"../../../shared/components-drxrtnp2.js";
+import"../../../shared/components-de99ykt7.js";
+import"../../../shared/components-3ey0hzpb.js";
+import"../../../shared/components-h83az0bz.js";
+import"../../../shared/components-34txk9rj.js";
+import"../../../shared/components-78x40gee.js";
+import"../../../shared/components-jcnjay5g.js";
 export {
   Select2 as Select,
   SelectContent2 as SelectContent,
@@ -29,6 +41,7 @@ export {
   SelectLabel2 as SelectLabel,
   SelectSeparator2 as SelectSeparator,
   SelectTrigger2 as SelectTrigger,
+  SelectValue2 as SelectValue,
   select_default as default,
   triggerVariants2 as triggerVariants
 };

package/dist/components/inputs/select/variants.d.ts

@@ -0,0 +1,5 @@
+import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
+declare const triggerVariants: (props?: ({
+	variant?: "borderless" | "bordered" | null | undefined;
+} & ClassProp_wz9o0r) | undefined) => string;
+export { triggerVariants };

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

@@ -0,0 +1,6 @@
+import {
+  triggerVariants2
+} from "../../../shared/components-xdqmt6ed.js";
+export {
+  triggerVariants2 as triggerVariants
+};

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

@@ -2,11 +2,13 @@ import {
   Slider2,
   SliderComfortable2,
   slider_default
-} from "../../../shared/components-wvp1m52g.js";
-import"../../../shared/components-n7mjr357.js";
-import"../../../shared/components-0sn7ypjw.js";
-import"../../../shared/components-cv16mryv.js";
-import"../../../shared/components-ezxhrmer.js";
+} from "../../../shared/components-jp5v0m0f.js";
+import"../../../shared/components-tz1fv35x.js";
+import"../../../shared/components-3ey0hzpb.js";
+import"../../../shared/components-h83az0bz.js";
+import"../../../shared/components-34txk9rj.js";
+import"../../../shared/components-78x40gee.js";
+import"../../../shared/components-jcnjay5g.js";
 export {
   Slider2 as Slider,
   SliderComfortable2 as SliderComfortable,

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

@@ -2,8 +2,8 @@ import { Transition } from "motion/react";
 import { ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from "react";
 type SizeVariant = "default" | "compact";
 interface SwitchProps extends HTMLAttributes<HTMLDivElement> {
-	/** Text label displayed next to the switch. */
-	label: string;
+	/** Label displayed next to the switch, any node. Omit it, outside a group, for the bare track (see Bare): name it with `aria-label`, `aria-labelledby` or a `<label htmlFor>` pointing at its `id`. */
+	label?: ReactNode;
 	/** 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"`. */
@@ -18,6 +18,12 @@ interface SwitchProps extends HTMLAttributes<HTMLDivElement> {
 	onCheckedChange?: (checked: boolean) => void;
 	/** Disables the switch. Defaults to `false`. */
 	disabled?: boolean;
+	/** Form field name: a hidden checkbox input submits `value` while on. */
+	name?: string;
+	/** Value submitted with `name` while on. Defaults to `"on"`. */
+	value?: string;
+	/** Marks the hidden form input required. Defaults to `false`. */
+	required?: boolean;
 	/** Transition for the thumb's slide and hover/press stretch. Defaults to the `spring.moderate` motion token. */
 	thumbTransition?: Transition;
 	/** Pins the switch to one step of the size ladder (see Sizes). Defaults to the surrounding SizeProvider, else `"default"`. */

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

@@ -2,18 +2,20 @@ import {
   Switch2,
   SwitchGroup2,
   switch_default
-} 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";
+} from "../../../shared/components-wwd363me.js";
+import"../../../shared/components-r8eqs7gz.js";
+import"../../../shared/components-qdm3yh26.js";
+import"../../../shared/components-pw06rbxq.js";
+import"../../../shared/components-yhgq0qxx.js";
+import"../../../shared/components-awra5sff.js";
+import"../../../shared/components-dcc02hs2.js";
+import"../../../shared/components-tz1fv35x.js";
+import"../../../shared/components-de99ykt7.js";
+import"../../../shared/components-3ey0hzpb.js";
+import"../../../shared/components-h83az0bz.js";
+import"../../../shared/components-34txk9rj.js";
+import"../../../shared/components-78x40gee.js";
+import"../../../shared/components-jcnjay5g.js";
 export {
   Switch2 as Switch,
   SwitchGroup2 as SwitchGroup,

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

@@ -23,6 +23,10 @@ interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>
 	invalid?: boolean;
 	/** Disables the textarea. Defaults to `false`. */
 	disabled?: boolean;
+	/** Keeps the value selectable but not editable, with the field's read-only look. Defaults to the surrounding Field's `readOnly`. */
+	readOnly?: boolean;
+	/** Marks the textarea required. Defaults to the surrounding Field's `required`. */
+	required?: 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. */

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

@@ -1,12 +1,14 @@
 import {
   Textarea2,
   textarea_default
-} from "../../../shared/components-kwa6mrf9.js";
-import"../../../shared/components-raknhppb.js";
-import"../../../shared/components-n7mjr357.js";
-import"../../../shared/components-0sn7ypjw.js";
-import"../../../shared/components-cv16mryv.js";
-import"../../../shared/components-ezxhrmer.js";
+} from "../../../shared/components-5s0nfqvw.js";
+import"../../../shared/components-6zng858q.js";
+import"../../../shared/components-124epb7f.js";
+import"../../../shared/components-tz1fv35x.js";
+import"../../../shared/components-h83az0bz.js";
+import"../../../shared/components-34txk9rj.js";
+import"../../../shared/components-78x40gee.js";
+import"../../../shared/components-jcnjay5g.js";
 export {
   Textarea2 as Textarea,
   textarea_default as default