@justanarthur/modo-ui 0.6.0-canary.9 → 0.6.0

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

@@ -1,6 +1,5 @@
-import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { VariantProps } from "class-variance-authority";
-import { ComponentProps, HTMLAttributes, ReactElement as ReactElement2, ReactNode as ReactNode3 } from "react";
+import { HTMLAttributes, ReactNode as ReactNode2 } from "react";
 import { ComponentType } from "react";
 interface IconComponentProps {
 	size?: number | string;
@@ -9,41 +8,19 @@ interface IconComponentProps {
 }
 type IconComponent = ComponentType<IconComponentProps>;
 type SizeVariant = "default" | "compact";
-import { ButtonHTMLAttributes, ReactElement, ReactNode as ReactNode2 } from "react";
-interface SlotProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-	/** The element that becomes the control, e.g. a Button. Children fill it when it has none of its own. */
-	render?: ReactElement;
-	/** Compose onto the single child instead. Both spellings work in both flavors. Defaults to `false`. */
-	asChild?: boolean;
-	/** Control content when there is no render element, or the content of a render element that has none of its own. */
-	children?: ReactNode2;
-	/** Whether the render element is a native `<button>`: pass `false` for a `<div>` or a link, so Base UI adds the button role and keyboard handling itself. Parts not built on a Base UI button ignore it. Defaults to `true`. */
-	nativeButton?: boolean;
-}
-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";
-/** Base UI's change details for the select popup: `reason`, `event`, `trigger`, `cancel()`. */
-type SelectOpenChangeDetails = SelectPrimitive.Root.ChangeEventDetails;
+import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
 interface SelectProps {
 	/** `Select.Trigger` and `Select.Content`. */
-	children: ReactNode3;
+	children: ReactNode2;
 	/** Controlled selected value. Pair with `onValueChange`. */
 	value?: string;
 	/** Uncontrolled default value — the select then keeps the selection itself. */
 	defaultValue?: string;
 	/** Called when the selected value changes. */
 	onValueChange?: (value: string) => void;
-	/** Controlled open state. Pair with `onOpenChange`. A controlled select follows it exactly: it closes only when you say so, and the 300ms pick acknowledgment is skipped. */
-	open?: boolean;
-	/** Uncontrolled initial open state. Defaults to `false`. */
-	defaultOpen?: boolean;
-	/** Called when the popup asks to open or close, with Base UI's change details (`reason`, `event`, `trigger`, `cancel()`). Uncontrolled, a pick reports its close once the 300ms acknowledgment ends. */
-	onOpenChange?: (open: boolean, details: SelectOpenChangeDetails) => void;
 	/** Disables the entire select. Defaults to `false`. */
 	disabled?: boolean;
 	/** Name for form submission (renders a hidden native input). */
@@ -66,50 +43,20 @@ type Element_12xgc2 = JSX_1kxb2["Element"];
 * popup's open and close through the shared morph (see Morph), goo by
 * default. A pick holds the popup open for 300ms so that acknowledgment is
 * seen; Escape and outside presses close at once. Uncontrolled through
-* `defaultValue`, controlled through `value` + `onValueChange`. The popup's
-* open state follows the same rule: `defaultOpen`, or `open` +
-* `onOpenChange(open, details)`. A controlled `open` is obeyed exactly, so
-* a handler may refuse a close; it skips the 300ms hold, which only runs
-* while the select keeps its own open state.
+* `defaultValue`, controlled through `value` + `onValueChange`.
 *
-* 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`). `render` / `asChild`
-*   swap the button for your own element (it brings its own look); an
-*   element with children of its own drops the icon, `placeholder` and
-*   chevron too, one without keeps them;
-*   `wrapperClassName` styles the div that holds the `error` message.
-* - `Select.Value` — the value slot: the picked row's label, else the muted
-*   `placeholder`.
-* - `Select.Content` — the popup: `side`, `align`, `sideOffset`, `alignOffset`,
-*   `collisionPadding`, `finalFocus`, the morph options `from`, `effect`,
-*   `hideSource`, `tier`, and HTML attributes (`id`, `aria-*`, `data-*`) for
-*   the popup element.
-* - `Select.Item` — one row: `value`, optional `index`, `textValue`, `icon`,
-*   `disabled`; its children are the label. `render` / `asChild` make the
-*   row your own element, a link for instance.
-* - `Select.Group`, `Select.Label`, `Select.Separator` — sections, their
-*   captions and hairlines between them.
+* 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.
 *
 * @example {@include ./examples.mdx}
 */
-declare function Select({ children, value, defaultValue, onValueChange, open: openProp, defaultOpen, onOpenChange, disabled, name, required, size }: SelectProps): Element_12xgc2;
-interface SelectValueProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children" | "placeholder"> {
-	/** Shown, muted, while nothing is selected. Defaults to `"Select…"`. */
-	placeholder?: ReactNode3;
-	/** 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 const SelectValue: ForwardRefExoticComponent_tcubfn<SelectValueProps & RefAttributes_miuf56<HTMLSpanElement>>;
-interface SelectTriggerProps extends Omit<SlotProps, "children" | "placeholder">, VariantProps<typeof triggerVariants> {
-	/** Replaces the built-in value slot, typically with a `Select.Value` (shadcn's `<SelectValue placeholder>`). The icon and chevron stay. With `asChild`, the single child element that becomes the trigger instead, and `render` takes an element the same way: that element replaces the whole field. If it has children of its own, they are the entire body, so the `icon`, `placeholder` and chevron are not rendered and the field look, including the `error` border tint, is not applied (the `error` message and `aria-invalid` remain). If it has none, it still gets the value slot, `icon` and chevron, unstyled. */
-	children?: ReactNode3;
+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 SelectTriggerProps extends Omit<HTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof triggerVariants> {
 	/** Visual style of the trigger. Defaults to `"bordered"`. */
 	variant?: "bordered" | "borderless";
 	/** Optional icon displayed before the value. */
@@ -120,16 +67,11 @@ interface SelectTriggerProps extends Omit<SlotProps, "children" | "placeholder">
 	error?: string;
 	/** Size override for the trigger alone. Prefer the `size` prop on `<Select>` (or a surrounding SizeProvider) so the popup matches. */
 	size?: SizeVariant;
-	/** Extra classes for the trigger button. The field has a minimum width of 160px (128px compact); pass `min-w-0` to lift that floor. */
+	/** Extra classes for the trigger button. */
 	className?: string;
-	/** Extra classes for the div around the trigger, which holds the `error` message under it. It is a plain flex column, so `contents` makes it vanish from the layout. */
-	wrapperClassName?: string;
 }
 declare const SelectTrigger: ForwardRefExoticComponent_tcubfn<SelectTriggerProps & RefAttributes_miuf56<HTMLButtonElement>>;
-type SelectPositionerProps = ComponentProps<typeof SelectPrimitive.Positioner>;
-type SelectPopupProps = ComponentProps<typeof SelectPrimitive.Popup>;
-type PopupOwnHandlers = "onKeyDownCapture" | "onMouseEnter" | "onMouseMove" | "onMouseLeave" | "onClick" | "onFocus" | "onBlur";
-interface SelectContentProps extends Omit<HTMLAttributes<HTMLDivElement>, PopupOwnHandlers | "className" | "children"> {
+interface SelectContentProps {
 	/** Where the menu grows from (see Morph): the trigger, the pointer, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
 	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | React.RefObject<HTMLElement | null>;
 	/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
@@ -138,44 +80,26 @@ interface SelectContentProps extends Omit<HTMLAttributes<HTMLDivElement>, PopupO
 	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;
-	/** Shift along the aligned edge in px, after `align` (a number, or Base UI's function of side, align and sizes). Defaults to `0`. */
-	alignOffset?: SelectPositionerProps["alignOffset"];
-	/** Space kept between the menu and the edge of its collision boundary, in px or per side. Defaults to `5`. */
-	collisionPadding?: SelectPositionerProps["collisionPadding"];
-	/** Where focus goes when the menu closes: a ref, `false` to leave it, `true` for the default, or a function of how it closed (`'mouse'`, `'touch'`, `'pen'`, `'keyboard'`). Defaults to the trigger. */
-	finalFocus?: SelectPopupProps["finalFocus"];
 	/** Additional classes for the menu container. */
 	className?: string;
 	/** `Select.Item`, `Select.Group`, `Select.Label`, `Select.Separator`. */
-	children: ReactNode3;
+	children: ReactNode2;
 }
 declare const SelectContent: ForwardRefExoticComponent_tcubfn<SelectContentProps & RefAttributes_miuf56<HTMLDivElement>>;
-interface SelectItemProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-	/** The element that becomes the row, e.g. a router link (it must forward its ref); it gets the row's look and behaviour. Its children fill the label unless `children` is given. */
-	render?: ReactElement2;
-	/** Make the single child element the row, its own children being the label. Both spellings work. Defaults to `false`. */
-	asChild?: boolean;
+interface SelectItemProps extends HTMLAttributes<HTMLDivElement> {
 	/** Optional icon displayed before the label. */
 	icon?: IconComponent;
-	/** Position among the menu's rows — what fluid hover measures rows by. Defaults to the row's place in document order. */
-	index?: number;
+	/** Position index within the content — what fluid hover measures rows by. */
+	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. With `asChild`, the single child element that becomes the row. */
-	children?: ReactNode3;
+	/** The row label. A string label is also what the trigger shows for this value. */
+	children?: ReactNode2;
 }
 declare const SelectItem: ForwardRefExoticComponent_tcubfn<SelectItemProps & RefAttributes_miuf56<HTMLDivElement>>;
-declare const SelectGroup: ForwardRefExoticComponent_tcubfn<HTMLAttributes<HTMLDivElement> & RefAttributes_miuf56<HTMLDivElement>>;
+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, SelectOpenChangeDetails, SelectProps, SelectSeparator, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, Select as default, triggerVariants };
+export { Select, SelectContent, SelectContentProps, SelectGroup, SelectItem, SelectItemProps, SelectLabel, SelectProps, SelectSeparator, SelectTrigger, SelectTriggerProps, Select as default, triggerVariants };

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

@@ -1,6 +1,6 @@
 import {
   Select2,
-  SelectValue2,
+  triggerVariants2,
   SelectTrigger2,
   SelectContent2,
   SelectItem2,
@@ -8,33 +8,19 @@ import {
   SelectLabel2,
   SelectSeparator2,
   select_default
-} from "../../../shared/components-y0kfy2g4.js";
-import {
-  triggerVariants2
-} from "../../../shared/components-xdqmt6ed.js";
-import"../../../shared/components-tz4gaf1v.js";
-import"../../../shared/components-wbbckbw8.js";
-import"../../../shared/components-krtx3m5b.js";
-import"../../../shared/components-h6p86be3.js";
-import"../../../shared/components-vf45j12c.js";
-import"../../../shared/components-mrbaxt8q.js";
-import"../../../shared/components-c7rwx0ap.js";
-import"../../../shared/components-b1e239g3.js";
-import"../../../shared/components-dhgk6mbt.js";
-import"../../../shared/components-dc5q749x.js";
-import"../../../shared/components-pwayrkw9.js";
-import"../../../shared/components-yhgq0qxx.js";
-import"../../../shared/components-m06yq8wk.js";
-import"../../../shared/components-dcc02hs2.js";
-import"../../../shared/components-ctqmge8t.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-71nbt03m.js";
-import"../../../shared/components-gx4h5rbb.js";
-import"../../../shared/components-jcnjay5g.js";
+} from "../../../shared/components-2ecg8svx.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-b0eac83j.js";
+import"../../../shared/components-cv16mryv.js";
+import"../../../shared/components-zx6b6yby.js";
+import"../../../shared/components-ezxhrmer.js";
 export {
   Select2 as Select,
   SelectContent2 as SelectContent,
@@ -43,7 +29,6 @@ export {
   SelectLabel2 as SelectLabel,
   SelectSeparator2 as SelectSeparator,
   SelectTrigger2 as SelectTrigger,
-  SelectValue2 as SelectValue,
   select_default as default,
   triggerVariants2 as triggerVariants
 };

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

@@ -34,8 +34,6 @@ interface SliderEngineProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChan
 	hideFill?: boolean;
 	thumbColor?: string;
 	thumbBorderColor?: string;
-	orientation?: "horizontal" | "vertical";
-	onValueCommit?: (value: SliderValue) => void;
 }
 interface SliderComfortableProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragOver" | "onAnimationStart"> {
 	value: number;
@@ -47,7 +45,6 @@ interface SliderComfortableProps extends Omit<HTMLAttributes<HTMLDivElement>, "o
 	label?: string;
 	formatValue?: (v: number) => string;
 	disabled?: boolean;
-	onValueCommit?: (value: number) => void;
 }
 interface SliderProps extends Omit<SliderEngineProps, "value" | "onChange"> {
 	/** Step on the size ladder (see Sizes). Default renders the pip/scrubber design; compact renders the dense design. Defaults to the surrounding SizeProvider, else `"default"`. */
@@ -78,14 +75,8 @@ interface SliderProps extends Omit<SliderEngineProps, "value" | "onChange"> {
 	formatValue?: (v: number) => string;
 	/** Accessible label for the slider, also shown as prefix in the value display. */
 	label?: string;
-	/** Accessible name of the thumb(s) when it should differ from `label`, e.g. no visible `label` at all. Defaults to `label`. */
-	"aria-label"?: string;
 	/** Disables all interaction. Defaults to `false`. */
 	disabled?: boolean;
-	/** Layout axis. `"vertical"` stands the track upright (min at the bottom, max at the top; ArrowUp / ArrowRight raise it, ArrowDown / ArrowLeft lower it) and always renders the compact design, which has no vertical pip or scrubber layout. Give it a height with `className` (`h-48`). `valuePosition` then defaults to `"top"`. Defaults to `"horizontal"`. */
-	orientation?: "horizontal" | "vertical";
-	/** Called once when an interaction ends with the value it settled on: the pointer lifting after a drag or click, a keyboard step, or a committed value edit. `onChange` reports every value on the way. */
-	onValueCommit?: (value: SliderValue) => void;
 }
 /**
 * One slider, two ladder steps: the default step's pip/scrubber design, and

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

@@ -2,14 +2,11 @@ import {
   Slider2,
   SliderComfortable2,
   slider_default
-} from "../../../shared/components-t5pk5nmc.js";
-import"../../../shared/components-tz1fv35x.js";
-import"../../../shared/components-3ey0hzpb.js";
-import"../../../shared/components-h83az0bz.js";
-import"../../../shared/components-34txk9rj.js";
-import"../../../shared/components-71nbt03m.js";
-import"../../../shared/components-gx4h5rbb.js";
-import"../../../shared/components-jcnjay5g.js";
+} 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";
 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> {
-	/** 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;
+	/** 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"`. */
@@ -18,12 +18,6 @@ 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,21 +2,18 @@ import {
   Switch2,
   SwitchGroup2,
   switch_default
-} from "../../../shared/components-svkt577j.js";
-import"../../../shared/components-r8eqs7gz.js";
-import"../../../shared/components-dc5q749x.js";
-import"../../../shared/components-pwayrkw9.js";
-import"../../../shared/components-yhgq0qxx.js";
-import"../../../shared/components-m06yq8wk.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-71nbt03m.js";
-import"../../../shared/components-gx4h5rbb.js";
-import"../../../shared/components-jcnjay5g.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,

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

@@ -11,7 +11,7 @@ interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>
 	value?: string;
 	/** Initial value when uncontrolled. Defaults to `''`. */
 	defaultValue?: string;
-	/** Called with the new value on every change. With neither `value` nor `onChange` the textarea keeps its text in the DOM, for `register()`-style forms that read it through a `ref`; choose one mode per instance, since a `defaultValue` with a conditional `onChange` flips between the two. A form library's event handler goes in `onInput`, not here. */
+	/** 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;
@@ -23,10 +23,6 @@ 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. */
@@ -46,21 +42,6 @@ interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>
 * or put it in an `InputGroup.Field` to label it, join the group's hover and
 * take the field's error.
 *
-* With neither `value` nor `onChange` it is a plain uncontrolled `<textarea>`:
-* the DOM holds the text, `ref` is the real element, and `defaultValue`,
-* `ref.current.value = ''` and a native `form.reset()` all behave as on any
-* textarea (the box re-fits on input and on a form reset), which is what a form
-* library reading fields through refs needs. Choose one mode per instance:
-* a `defaultValue` with an `onChange` that is sometimes passed and sometimes
-* not would flip the textarea between DOM-held and controlled text.
-*
-* `register()`'s result can't be spread whole, because its `onChange` takes an
-* event where this one takes a string, but only that key clashes. Pull it out
-* and hand it to `onInput`, which is the event handler and fires on every
-* keystroke: `const { onChange, ...rest } = register('x')` then
-* `<Textarea {...rest} onInput={onChange} />` (`rest` carries `name`, `ref`
-* and `onBlur`).
-*
 * @example {@include ./examples.mdx}
 */
 declare const Textarea: ForwardRefExoticComponent_tcubfn<TextareaProps & RefAttributes_miuf56<HTMLTextAreaElement>>;

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

@@ -1,15 +1,12 @@
 import {
   Textarea2,
   textarea_default
-} from "../../../shared/components-s8yqk2dc.js";
-import"../../../shared/components-hdzrqqpx.js";
-import"../../../shared/components-124epb7f.js";
-import"../../../shared/components-tz1fv35x.js";
-import"../../../shared/components-h83az0bz.js";
-import"../../../shared/components-34txk9rj.js";
-import"../../../shared/components-71nbt03m.js";
-import"../../../shared/components-gx4h5rbb.js";
-import"../../../shared/components-jcnjay5g.js";
+} 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";
 export {
   Textarea2 as Textarea,
   textarea_default as default

package/dist/components/navigation/sidebar/index.d.ts

@@ -1,6 +1,6 @@
 import { ForwardRefExoticComponent, HTMLAttributes as HTMLAttributes3, ReactNode as ReactNode4, RefAttributes } from "react";
 import { HTMLAttributes, MutableRefObject, ReactElement } from "react";
-import { VariantProps as VariantProps2 } from "class-variance-authority";
+import { VariantProps } from "class-variance-authority";
 import { ButtonHTMLAttributes, ReactNode as ReactNode2 } from "react";
 import { ComponentType } from "react";
 interface IconComponentProps {
@@ -10,48 +10,25 @@ interface IconComponentProps {
 }
 type IconComponent = ComponentType<IconComponentProps>;
 import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
-type ButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | "link";
-declare const buttonRecipe: (props?: ({
-	variant?: "link" | "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | null | undefined;
+declare const buttonVariants: (props?: ({
+	variant?: "primary" | "secondary" | "tertiary" | "ghost" | null | undefined;
 	size?: "default" | "compact" | "icon" | "icon-compact" | null | undefined;
 	iconLeft?: boolean | null | undefined;
 	iconRight?: boolean | null | undefined;
-	surface?: boolean | null | undefined;
 } & ClassProp_wz9o0r) | undefined) => string;
 type ButtonSizeCanonical = "default" | "compact" | "icon" | "icon-compact";
-/** Public size values: the canonical two-size scale plus aliases, kept so
-*  existing call sites keep compiling. Aliases resolve onto the canonical
-*  ladder (sm, xs → compact; md/lg → default). The ladder has two steps, so
-*  `xs` is compact rather than a third height. */
-type ButtonSize = ButtonSizeCanonical | "xs" | "sm" | "md" | "lg" | "icon-sm" | "icon-lg";
-type ButtonRecipeOptions = NonNullable<Parameters<typeof buttonRecipe>[0]>;
-/** Options of `buttonVariants`: the Button's look, picked without rendering one. */
-interface ButtonVariantsOptions extends Omit<ButtonRecipeOptions, "size"> {
-	/** Visual style. Defaults to `"primary"`. */
-	variant?: ButtonVariant | null;
-	/** Step on the size ladder; the aliases resolve as on the Button (xs, sm → compact; md, lg → default; icon-sm → icon-compact; icon-lg → icon). Defaults to `"default"`. */
-	size?: ButtonSize | null;
-	/** Draw the fill, ring, hover, press and disabled (`aria-disabled`) look on the element itself, for a host that is not a Button, such as an `<a>`. Static: no press shrink or loading morph — prefer `<Button asChild>` when you can render a component. Defaults to `false`. */
-	surface?: boolean | null;
-}
-/**
-* The Button's class recipe, callable from server code (no JSX, hooks or
-* context). Without `surface` it returns the root classes the Button builds
-* on: layout, label color, size, focus ring — the fill lives on the Button's
-* inner layer, so on its own it reads as a bare label. With `surface: true`
-* the fill and ring go on the element itself, for an anchor styled as a
-* button. Size aliases resolve onto the ladder; the radius is the rounded
-* shape's (pass `rounded-[20px]` or read `useShape().button` for pill).
-*/
-declare function buttonVariants({ size,...options }?: ButtonVariantsOptions): string;
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Omit<VariantProps2<typeof buttonVariants>, "size" | "surface"> {
-	/** Visual style of the button. `outline` is `tertiary` under its shadcn name; `destructive` and `success` tint the label and a wash of their hue; `link` is underlined text on the control height. Defaults to `"primary"`. */
-	variant?: "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | "link";
-	/** Step on the size ladder (36px default, 28px compact — see Sizes): `"default"` | `"compact"` | `"icon"` | `"icon-compact"`. Omitted, the button follows the surrounding SizeProvider. Aliases resolve onto the ladder (xs, sm → compact; md/lg → default; icon-sm → icon-compact; icon-lg → icon). */
-	size?: "default" | "compact" | "icon" | "icon-compact" | "xs" | "sm" | "md" | "lg" | "icon-sm" | "icon-lg";
+/** Public size values: the canonical two-size scale plus the pre-sizes-system
+*  aliases, kept so existing call sites keep compiling. Aliases resolve onto
+*  the canonical ladder (sm → compact; md/lg → default). */
+type ButtonSize = ButtonSizeCanonical | "sm" | "md" | "lg" | "icon-sm" | "icon-lg";
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Omit<VariantProps<typeof buttonVariants>, "size"> {
+	/** Visual style of the button. Defaults to `"primary"`. */
+	variant?: "primary" | "secondary" | "tertiary" | "ghost";
+	/** Step on the size ladder (36px default, 28px compact — see Sizes): `"default"` | `"compact"` | `"icon"` | `"icon-compact"`. Omitted, the button follows the surrounding SizeProvider. Legacy sm/md/lg values resolve as aliases (sm → compact; md/lg → default; icon-sm → icon-compact; icon-lg → icon). */
+	size?: ButtonSize;
 	/** Merge props onto the child element instead of rendering a `<button>` — the single React-element child becomes the rendered element (slot-style). Defaults to `false`. */
 	asChild?: boolean;
-	/** Folds the button into a circle around a spinner and blocks presses; the button keeps its box, so nothing around it moves, and keeps focus (`aria-disabled`, not `disabled`). Defaults to `false`. */
+	/** Folds the button into a circle around a spinner and disables it; the button keeps its box, so nothing around it moves. Defaults to `false`. */
 	loading?: boolean;
 	/** Icon displayed before the label. */
 	leadingIcon?: IconComponent;
@@ -64,10 +41,8 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Omit<Vari
 	/** The label. With `size="icon"` / `"icon-compact"`, the icon itself (give the button an `aria-label`). */
 	children?: ReactNode2;
 }
-import { ClassProp as ClassProp_wz9o0r2 } from "class-variance-authority/types";
-declare const sidebarMenuButtonVariants: (props?: ({
-	variant?: "default" | "outline" | null | undefined;
-} & ClassProp_wz9o0r2) | undefined) => string;
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn2 } from "react";
+import { RefAttributes as RefAttributes_miuf562 } from "react";
 declare const SIDEBAR_COOKIE_NAME = "sidebar_state";
 declare const SIDEBAR_COOKIE_MAX_AGE: number;
 declare const SIDEBAR_WIDTH = "16rem";
@@ -79,8 +54,6 @@ declare const SIDEBAR_KEYBOARD_SHORTCUT_RIGHT = "]";
 /** Drag-resize clamp for the built-in rail handle (px). */
 declare const SIDEBAR_MIN_WIDTH = 160;
 declare const SIDEBAR_MAX_WIDTH = 360;
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn2 } from "react";
-import { RefAttributes as RefAttributes_miuf562 } from "react";
 type SidebarSide = "left" | "right";
 type SidebarVariant = "sidebar" | "floating" | "inset";
 type SidebarCollapsible = "offcanvas" | "none";
@@ -192,12 +165,13 @@ declare const SidebarGroupAction: ForwardRefExoticComponent_tcubfn2<SidebarGroup
 type SidebarGroupActionsProps = HTMLAttributes<HTMLDivElement>;
 declare const SidebarGroupActions: ForwardRefExoticComponent_tcubfn2<SidebarGroupActionsProps & RefAttributes_miuf562<HTMLDivElement>>;
 declare const SidebarGroupContent: ForwardRefExoticComponent_tcubfn2<SidebarSectionProps & RefAttributes_miuf562<HTMLDivElement>>;
-import { VariantProps as VariantProps3 } from "class-variance-authority";
+import { VariantProps as VariantProps2 } from "class-variance-authority";
 import { AnchorHTMLAttributes, ButtonHTMLAttributes as ButtonHTMLAttributes2, HTMLAttributes as HTMLAttributes2, LiHTMLAttributes, ReactElement as ReactElement2 } from "react";
 type SizeVariant = "default" | "compact";
 import { Context as Context_rri5bl2 } from "react";
 import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn3 } from "react";
 import { RefAttributes as RefAttributes_miuf563 } from "react";
+import { ClassProp as ClassProp_wz9o0r2 } from "class-variance-authority/types";
 /** The selection a `Sidebar` holds for buttons that carry a `value`. */
 interface SidebarSelectionValue {
 	value: string | undefined;
@@ -226,7 +200,10 @@ interface SidebarMenuItemProps extends LiHTMLAttributes<HTMLLIElement> {
 declare const SidebarMenuItem: ForwardRefExoticComponent_tcubfn3<SidebarMenuItemProps & RefAttributes_miuf563<HTMLLIElement>>;
 type SidebarMenuSubItemProps = LiHTMLAttributes<HTMLLIElement>;
 declare const SidebarMenuSubItem: ForwardRefExoticComponent_tcubfn3<SidebarMenuSubItemProps & RefAttributes_miuf563<HTMLLIElement>>;
-interface SidebarMenuButtonProps extends ButtonHTMLAttributes2<HTMLButtonElement>, VariantProps3<typeof sidebarMenuButtonVariants> {
+declare const sidebarMenuButtonVariants: (props?: ({
+	variant?: "default" | "outline" | null | undefined;
+} & ClassProp_wz9o0r2) | undefined) => string;
+interface SidebarMenuButtonProps extends ButtonHTMLAttributes2<HTMLButtonElement>, VariantProps2<typeof sidebarMenuButtonVariants> {
 	isActive?: boolean;
 	size?: "default" | "sm" | "lg";
 	icon?: IconComponent;