ropav 0.12.0 → 0.12.1

package/AGENTS.md

@@ -0,0 +1,150 @@
+# Writing Ropav code
+
+Ropav components are compound: a family root provides context, and named parts arrange inside it.
+The arrangement is the API, and it is not guessable from the names. This file is the short list of
+rules that go wrong most often. For a worked arrangement and the props of every family, fetch
+<https://ropav.netlify.app/llms-full.txt> — one file, the whole package.
+
+## Importing
+
+```ts
+import { Button, Select, SelectPopover } from "ropav";
+```
+
+The published package also carries one subpath per family — `import { Button } from "ropav/button"` —
+so a bundler drops what is never imported. The stylesheet is a separate import:
+
+```ts
+import "ropav/styles/bundled.css";
+```
+
+Every component takes `class`, `aria-label`, `aria-labelledby` and `aria-describedby`. Props are
+camelCase in the types and kebab-case in a template: `itemTextValue` is written `item-text-value`.
+
+## The rules
+
+**1. A part only works inside its root.** Contexts are strict, so a part rendered outside its
+family throws during setup rather than rendering something degraded. There is no standalone
+`SelectTrigger`.
+
+**2. Collections arrive as data, not as children.** `Select` takes a required `items` array — it
+does not read its options by walking children, because a closed select has rendered none.
+`item-text-value` is the string typeahead matches; `item-key` is the identity.
+
+```vue
+<Select :item-text-value="(city) => city.name" :items="cities" placeholder="Pick a city">
+  <Label>Destination</Label>
+  <SelectTrigger>
+    <SelectValue />
+    <SelectIndicator />
+  </SelectTrigger>
+  <SelectPopover>
+    <ListBox>
+      <ListBoxItem v-for="city in cities" :id="city.id" :key="city.id" :text-value="city.name">
+        {{ city.name }}
+        <ListBoxItemIndicator />
+      </ListBoxItem>
+    </ListBox>
+  </SelectPopover>
+</Select>
+```
+
+**3. Overlays take a positional trigger.** `Modal`, `Popover`, `Dropdown`, `Drawer` and
+`AlertDialog` make their *first child* the trigger. There is no trigger slot.
+
+```vue
+<Modal>
+  <Button>Open</Button>
+  <ModalBackdrop>
+    <ModalContainer>
+      <ModalDialog>
+        <ModalHeader>
+          <ModalHeading>Delete workspace</ModalHeading>
+        </ModalHeader>
+        <ModalBody>This cannot be undone.</ModalBody>
+      </ModalDialog>
+    </ModalContainer>
+  </ModalBackdrop>
+</Modal>
+```
+
+**4. The part holding the state is not always the root.** `Table` takes `class` and `variant` and
+nothing else; `TableContent` owns `aria-label`, `selection-mode`, `v-model:selected-keys` and
+`v-model:sort-descriptor`. Putting them on `Table` compiles and does nothing.
+
+```vue
+<Table>
+  <TableScrollContainer>
+    <TableContent aria-label="Members" selection-mode="multiple">
+      <TableHeader>
+        <TableColumn id="name" is-row-header>Member</TableColumn>
+      </TableHeader>
+      <TableBody>
+        <TableRow id="1">
+          <TableCell>Ada Lovelace</TableCell>
+        </TableRow>
+      </TableBody>
+    </TableContent>
+  </TableScrollContainer>
+</Table>
+```
+
+**5. An indicator belongs to its item.** `TabsIndicator` goes inside each `TabsTab`, not beside the
+list. Same for `ListBoxItemIndicator` inside `ListBoxItem` and `MenuItemIndicator` inside
+`MenuItem`.
+
+```vue
+<Tabs>
+  <TabsListContainer>
+    <TabsList aria-label="Views">
+      <TabsTab id="all">
+        All
+        <TabsIndicator />
+      </TabsTab>
+    </TabsList>
+  </TabsListContainer>
+  <TabsPanel id="all">Everything.</TabsPanel>
+</Tabs>
+```
+
+**6. Menu parts are shared.** There is no `DropdownItem` export — compose `MenuItem` inside
+`DropdownMenu`. The stories alias the name for brevity, so markup copied from one will not compile.
+
+```vue
+<Dropdown>
+  <Button>Actions</Button>
+  <DropdownPopover>
+    <DropdownMenu>
+      <MenuItem id="rename" text-value="Rename">
+        <Label>Rename</Label>
+      </MenuItem>
+    </DropdownMenu>
+  </DropdownPopover>
+</Dropdown>
+```
+
+**7. `Menu` is the open list; `Dropdown` is that menu in a popover.** A bare `Menu` needs its own
+`Surface` to have a background and a border. A `Dropdown` brings one.
+
+**8. Every collection item needs an `id`**, and a `text-value` whenever its content is not plain
+text. `id` is what a selection or an action event reports; `text-value` is what typeahead matches.
+
+## Restyling
+
+Every component takes a `class`, and every colour, radius and curve is a custom property, so a
+change is a CSS change rather than a fork. State is published on data attributes — `data-hovered`,
+`data-pressed`, `data-selected`, `data-focus-visible` — which is how a single state is retuned
+without a wrapper.
+
+```css
+.thing {
+  background-color: var(--rp-accent);
+  color: var(--rp-accent-foreground);
+}
+```
+
+## Where to look next
+
+- <https://ropav.netlify.app/llms-full.txt> — every family's arrangement and props, in one file.
+- <https://ropav.netlify.app/llms.txt> — the index, when you want a specific page.
+- <https://ropav.netlify.app/patterns/> — whole screen fragments to copy.

package/README.md

@@ -5,7 +5,11 @@ A Vue 3 component library built on [Vue Vapor](https://github.com/vuejs/core-vap
 [`ropav`](https://www.npmjs.com/package/ropav).
 
 **[Documentation](https://ropav.netlify.app)** · [Components](https://ropav.netlify.app/components/)
-· [Theming](https://ropav.netlify.app/theming/) · [Storybook](https://ropav-storybook.netlify.app)
+· [Patterns](https://ropav.netlify.app/patterns/) · [Theming](https://ropav.netlify.app/theming/)
+· [Storybook](https://ropav-storybook.netlify.app)
+
+Writing this with a coding agent: point it at [`AGENTS.md`](./AGENTS.md), which ships in the
+package, or at [llms-full.txt](https://ropav.netlify.app/llms-full.txt) for every component at once.
 
 > Ropav is a port of [HeroUI v3](https://github.com/heroui-inc/heroui) to Vue Vapor: the style layer is
 > vendored from `@heroui/styles@3.2.4`, the behaviour layer is re-implemented from React Aria.

package/dist/components/checkbox/checkbox-root.js

@@ -81,7 +81,9 @@ var checkbox_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		const styles = computed(() => checkboxVariants({ variant: resolvedVariant.value }));
 		const ownValidation = useFormValidationState({
 			isInvalid: () => props.isInvalid,
+			isRequired: resolvedIsRequired,
 			name: () => props.name,
+			requiredControl: "checkbox",
 			validate: () => props.validate,
 			validationBehavior: () => props.validationBehavior,
 			value: () => isSelected.value

package/dist/components/combo-box/combo-box-root.js

@@ -115,6 +115,7 @@ var combo_box_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 			inputValue: () => props.inputValue,
 			isInvalid: () => props.isInvalid,
 			isReadOnly: () => props.isReadOnly,
+			isRequired: () => props.isRequired,
 			itemDisabled: props.itemDisabled,
 			itemKey: props.itemKey,
 			items: () => props.items,

package/dist/components/date-picker/date-picker-root.js

@@ -99,6 +99,7 @@ var date_picker_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*
 			isDateUnavailable: props.isDateUnavailable,
 			isInvalid: () => props.isInvalid,
 			isOpen: () => props.isOpen,
+			isRequired: () => props.isRequired,
 			maxValue: () => props.maxValue,
 			minValue: () => props.minValue,
 			name: () => props.name,

package/dist/components/date-range-picker/date-range-picker-root.js

@@ -102,6 +102,7 @@ var date_range_picker_root_vue_vue_type_script_setup_true_vapor_true_lang_defaul
 			isDateUnavailable: props.isDateUnavailable,
 			isInvalid: () => props.isInvalid,
 			isOpen: () => props.isOpen,
+			isRequired: () => props.isRequired,
 			maxValue: () => props.maxValue,
 			minValue: () => props.minValue,
 			onChange: (value) => {

package/dist/components/form/form-root.js

@@ -1,5 +1,5 @@
 import { provideFormContext } from "../../composables/use-form-validation-state.js";
-import { computed, createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, setProp, template } from "vue";
+import { computed, createSlot, defineVaporComponent, on, renderEffect, setClass, setInsertionState, setProp, shallowRef, template } from "vue";
 //#region src/components/form/form-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<form>", 1);
 var form_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -11,7 +11,12 @@ var form_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE
 	},
 	setup(__props) {
 		const props = __props;
+		const submitCount = shallowRef(0);
+		const onSubmit = () => {
+			submitCount.value += 1;
+		};
 		provideFormContext({
+			submitCount,
 			validationBehavior: computed(() => props.validationBehavior ?? "native"),
 			validationErrors: computed(() => props.validationErrors ?? {})
 		});
@@ -23,6 +28,7 @@ var form_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE
 		});
 		setInsertionState(n1);
 		createSlot();
+		on(n1, "submit", onSubmit);
 		return n1;
 	}
 });

package/dist/components/search-field/search-field-group.js

@@ -1,8 +1,9 @@
 import { dataAttr } from "../../utils/assertion.js";
 import { useFocusWithin, useInteractionStates } from "../../composables/use-interaction-states.js";
+import { isNestedControl } from "../../utils/focus.js";
 import { useTextFieldControlContext } from "../../composables/use-text-field.js";
 import { useSearchFieldContext } from "./search-field.context.js";
-import { computed, createSlot, defineVaporComponent, on, renderEffect, setAttr, setClass, setInsertionState, template, unref } from "vue";
+import { computed, createSlot, defineVaporComponent, on, renderEffect, setAttr, setClass, setInsertionState, setTemplateRefBinding, shallowRef, template, unref } from "vue";
 //#region src/components/search-field/search-field-group.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div data-slot=search-field-group role=group>", 1);
 var search_field_group_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -12,11 +13,28 @@ var search_field_group_vue_vue_type_script_setup_true_vapor_true_lang_default =
 		const props = __props;
 		const { slots } = useSearchFieldContext();
 		const control = useTextFieldControlContext();
+		const element = shallowRef(null);
+		const setElement = (next) => {
+			element.value = next instanceof HTMLDivElement ? next : null;
+		};
 		const styles = computed(() => slots.value.group({ class: props.class }));
 		const isDisabled = computed(() => control?.isDisabled.value ?? false);
 		const isInvalid = computed(() => control?.isInvalid.value ?? false);
 		const interaction = useInteractionStates({ isDisabled });
 		const focusWithin = useFocusWithin();
+		/**
+		* The clear button keeps its place in the layout while the field is empty — the stylesheet only
+		* fades it out and takes it out of hit-testing — so a click aimed at it lands on the group, and
+		* the caret would otherwise stay wherever it was. The search icon is unhittable for the same
+		* reason, and so is the padding either side of the control.
+		*
+		* A click that did reach a control belongs to that control: the browser has already put the caret
+		* in the input, and the clear button takes focus back on the way down by itself.
+		*/
+		const onClick = (event) => {
+			if (isNestedControl(event.target)) return;
+			element.value?.querySelector("input")?.focus();
+		};
 		const n1 = t0();
 		renderEffect(() => {
 			const _dataAttr = unref(dataAttr);
@@ -36,10 +54,12 @@ var search_field_group_vue_vue_type_script_setup_true_vapor_true_lang_default =
 			isHovered: () => unref(interaction).isHovered.value,
 			isInvalid: () => isInvalid.value
 		});
+		on(n1, "click", onClick);
 		on(n1, "focusin", (e) => unref(focusWithin).onFocusin(e));
 		on(n1, "focusout", (e) => unref(focusWithin).onFocusout(e));
 		on(n1, "pointerenter", (e) => unref(interaction).onPointerenter(e));
 		on(n1, "pointerleave", (e) => unref(interaction).onPointerleave(e));
+		setTemplateRefBinding(n1, () => setElement);
 		return n1;
 	}
 });

package/dist/components/select/select-root.js

@@ -88,6 +88,7 @@ var select_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PU
 			disabledKeys: () => props.disabledKeys,
 			isInvalid: () => props.isInvalid,
 			isOpen: () => props.isOpen,
+			isRequired: () => props.isRequired,
 			itemDisabled: props.itemDisabled,
 			itemKey: props.itemKey,
 			items: () => props.items,

package/dist/components/switch/switch-root.js

@@ -50,7 +50,9 @@ var switch_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PU
 		const styles = computed(() => switchVariants({ size: props.size }));
 		const validation = useFormValidationState({
 			isInvalid: () => props.isInvalid,
+			isRequired: () => props.isRequired,
 			name: () => props.name,
+			requiredControl: "checkbox",
 			validate: () => props.validate,
 			validationBehavior: () => props.validationBehavior,
 			value: () => state.value

package/dist/composables/use-checkbox-group-state.js

@@ -39,7 +39,9 @@ var useCheckboxGroupState = (options = {}) => {
 	const isItemRequired = computed(() => isRequired.value && value.value.length === 0);
 	const validation = useFormValidationState({
 		isInvalid: () => toValue(options.isInvalid),
+		isRequired,
 		name: () => toValue(options.name),
+		requiredControl: "checkbox",
 		validate: () => toValue(options.validate),
 		validationBehavior: () => toValue(options.validationBehavior),
 		value: () => value.value

package/dist/composables/use-color-field-state.js

@@ -68,6 +68,7 @@ var useColorFieldState = (options = {}) => {
 	const inputValue = shallowRef(hasInitialValue && colorValue.value ? colorValue.value.toString("hex") : "");
 	const validation = useFormValidationState({
 		isInvalid: () => toValue(options.isInvalid),
+		isRequired: () => toValue(options.isRequired),
 		name: () => toValue(options.name),
 		validate: () => toValue(options.validate),
 		validationBehavior: () => toValue(options.validationBehavior),

package/dist/composables/use-combo-box-state.d.ts

@@ -78,6 +78,8 @@ export interface UseComboBoxStateOptions<T> {
     disabledBehavior?: MaybeRefOrGetter<DisabledBehavior | undefined>;
     isReadOnly?: MaybeRefOrGetter<boolean | undefined>;
     isInvalid?: MaybeRefOrGetter<boolean | undefined>;
+    /** Whether the field has to hold a value. Enforced by the validation state under `"aria"`. */
+    isRequired?: MaybeRefOrGetter<boolean | undefined>;
     validate?: MaybeRefOrGetter<ValidationFunction<ComboBoxValidationValue> | undefined>;
     validationBehavior?: MaybeRefOrGetter<ValidationBehavior | undefined>;
     name?: MaybeRefOrGetter<string | undefined>;

package/dist/composables/use-combo-box-state.js

@@ -2,7 +2,7 @@ import { useControllableState } from "./use-controllable-state.js";
 import { useMenuTriggerState } from "./use-overlay-trigger-state.js";
 import { useCollection } from "./use-collection.js";
 import { createListCollection } from "../utils/virtualizer-collection.js";
-import { useFormValidationState } from "./use-form-validation-state.js";
+import { isValueMissing, useFormValidationState } from "./use-form-validation-state.js";
 import { useSelectionManager } from "./use-selection-manager.js";
 import { defaultItemTextValue } from "./use-select-state.js";
 import { useFilter } from "./use-filter.js";
@@ -137,7 +137,9 @@ var useComboBoxState = (options) => {
 	});
 	const inputValue = computed(() => input.state.value);
 	const validation = useFormValidationState({
+		isEmpty: (current) => !current || isValueMissing(current.value),
 		isInvalid: options.isInvalid,
+		isRequired: options.isRequired,
 		name: options.name,
 		validate: options.validate,
 		validationBehavior: options.validationBehavior,

package/dist/composables/use-date-field-state.js

@@ -170,6 +170,7 @@ var useDateFieldState = (options) => {
 	const validation = useFormValidationState({
 		builtinValidation,
 		isInvalid: () => toValue(options.isInvalid),
+		isRequired,
 		name: () => toValue(options.name),
 		validate: () => options.validate,
 		validationBehavior: () => toValue(options.validationBehavior),

package/dist/composables/use-date-picker-state.d.ts

@@ -24,6 +24,8 @@ export interface UseDatePickerStateOptions {
     hideTimeZone?: MaybeRefOrGetter<boolean | undefined>;
     shouldForceLeadingZeros?: MaybeRefOrGetter<boolean | undefined>;
     isInvalid?: MaybeRefOrGetter<boolean | undefined>;
+    /** Whether the field has to hold a value. Enforced by the validation state under `"aria"`. */
+    isRequired?: MaybeRefOrGetter<boolean | undefined>;
     validate?: (value: DateValue | null) => string | string[] | true | null | undefined;
     validationBehavior?: MaybeRefOrGetter<ValidationBehavior | undefined>;
     name?: MaybeRefOrGetter<string | undefined>;

package/dist/composables/use-date-picker-state.js

@@ -54,6 +54,7 @@ var useDatePickerState = (options) => {
 	const validation = useFormValidationState({
 		builtinValidation: computed(() => getDateValidationResult(value.value, toValue(options.minValue), toValue(options.maxValue), options.isDateUnavailable, formatOpts.value)),
 		isInvalid: () => toValue(options.isInvalid),
+		isRequired: () => toValue(options.isRequired),
 		name: () => toValue(options.name),
 		validate: () => options.validate,
 		validationBehavior: () => toValue(options.validationBehavior),

package/dist/composables/use-date-range-picker-state.d.ts

@@ -35,6 +35,8 @@ export interface UseDateRangePickerStateOptions {
     hideTimeZone?: MaybeRefOrGetter<boolean | undefined>;
     shouldForceLeadingZeros?: MaybeRefOrGetter<boolean | undefined>;
     isInvalid?: MaybeRefOrGetter<boolean | undefined>;
+    /** Whether the field has to hold a value. Enforced by the validation state under `"aria"`. */
+    isRequired?: MaybeRefOrGetter<boolean | undefined>;
     validate?: (value: DateRange | null) => string | string[] | true | null | undefined;
     validationBehavior?: MaybeRefOrGetter<ValidationBehavior | undefined>;
     /** Name the start of the range is submitted under. */

package/dist/composables/use-date-range-picker-state.js

@@ -78,7 +78,9 @@ var useDateRangePickerState = (options) => {
 	}));
 	const validation = useFormValidationState({
 		builtinValidation: computed(() => getRangeValidationResult(value.value, toValue(options.minValue), toValue(options.maxValue), options.isDateUnavailable, formatOpts.value)),
+		isEmpty: (range) => !range?.start || !range.end,
 		isInvalid: () => toValue(options.isInvalid),
+		isRequired: () => toValue(options.isRequired),
 		name: () => [toValue(options.startName), toValue(options.endName)].filter(Boolean),
 		validate: () => options.validate,
 		validationBehavior: () => toValue(options.validationBehavior),

package/dist/composables/use-description.js

@@ -33,6 +33,7 @@ var useDescription = (description) => {
 			id.value = void 0;
 			return;
 		}
+		if (typeof document === "undefined") return;
 		let node = nodes.get(text);
 		if (!node) {
 			const element = document.createElement("div");

package/dist/composables/use-form-validation-state.d.ts

@@ -1,4 +1,4 @@
-import type { ComputedRef, MaybeRefOrGetter } from "vue";
+import type { ComputedRef, MaybeRefOrGetter, Ref } from "vue";
 /**
  * Snapshot of an element's `ValidityState`.
  *
@@ -39,6 +39,8 @@ export type ValidationFunction<T> = (value: T) => string | string[] | true | nul
 export declare const VALID_VALIDITY_STATE: ValidationDetails;
 /** Failure that came from a prop, a `validate` function or the server rather than the browser. */
 export declare const CUSTOM_VALIDITY_STATE: ValidationDetails;
+/** A required field with nothing in it. What the browser reports under `"native"`. */
+export declare const MISSING_VALIDITY_STATE: ValidationDetails;
 export declare const DEFAULT_VALIDATION_RESULT: ValidationResult;
 /**
  * One verdict out of several, for a control whose value has more than one part.
@@ -51,6 +53,23 @@ export declare const mergeValidation: (...results: ValidationResult[]) => Valida
 export type ValidatableElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
 /** Freeze an element's live validity into a result the state layer can hold. */
 export declare const getNativeValidation: (element: ValidatableElement) => ValidationResult;
+/**
+ * The kinds of control a required field can be. Each is a different sentence: a list asks to be
+ * chosen from, a checkbox to be ticked.
+ */
+export type RequiredControl = "checkbox" | "radio" | "select" | "text";
+/**
+ * What the browser would say about an empty control of this kind.
+ *
+ * Read off a detached probe rather than translated here. The platform already holds the sentence,
+ * in the *browser's* locale — which is the locale a validation message belongs in, since it sits
+ * beside the browser's own — and it is the one the same field would report under `"native"`.
+ *
+ * Empty on a server, where the field cannot have been revealed yet and so has nothing to say.
+ */
+export declare const missingValueMessage: (kind: RequiredControl) => string;
+/** Whether a value counts as nothing. Covers every shape a field holds when it is empty. */
+export declare const isValueMissing: (value: unknown) => boolean;
 /** Errors a server returned, keyed by the `name` each field submits under. */
 export type FormValidationErrors = Record<string, string | string[]>;
 export interface FormContext {
@@ -58,6 +77,14 @@ export interface FormContext {
     validationErrors: ComputedRef<FormValidationErrors>;
     /** Default for every field inside, unless the field names its own. */
     validationBehavior: ComputedRef<ValidationBehavior>;
+    /**
+     * Bumped by every submit attempt.
+     *
+     * Under `"native"` a field learns of a failed submit from the browser, which fires `invalid` at
+     * it. Under `"aria"` the browser is not involved, so this is the only thing that tells a field
+     * holding an unrevealed error that it is now being asked for.
+     */
+    submitCount?: Readonly<Ref<number>>;
 }
 /**
  * React splits this in two — `FormValidationContext` in react-stately for the errors,
@@ -83,6 +110,18 @@ export interface UseFormValidationStateOptions<T> {
     name?: MaybeRefOrGetter<string | string[] | undefined>;
     /** Validity a composite field worked out from its own parts. */
     builtinValidation?: MaybeRefOrGetter<ValidationResult | undefined>;
+    /**
+     * Whether the field has to hold a value.
+     *
+     * Enforced here only under `"aria"`. Under `"native"` the control carries the `required`
+     * attribute and the browser reaches the same verdict itself, so a second one here would only
+     * be a chance to disagree.
+     */
+    isRequired?: MaybeRefOrGetter<boolean | undefined>;
+    /** Which sentence a missing value is reported with. @default "text" */
+    requiredControl?: RequiredControl;
+    /** Whether the value counts as nothing. @default {@link isValueMissing} */
+    isEmpty?: (value: T | null | undefined) => boolean;
     /**
      * A validation state owned by something above, which this field reports through instead of
      * keeping one of its own.
@@ -118,15 +157,19 @@ export declare const isEqualValidation: (a: ValidationResult | null, b: Validati
  * Decide what a field's validation currently says, ported from React Aria's
  * `packages/react-stately/src/form/useFormValidationState.ts` (react-stately 3.49.0).
  *
- * Knows nothing about the DOM — `useFormValidation` is what connects this to a real input.
- * Four sources feed it, in a fixed order of precedence:
+ * Holds no element of its own — `useFormValidation` is what connects this to a real input.
+ * Five sources feed it, in a fixed order of precedence:
  *
  * ```
- * realtime        = controlled ?? server ?? client ?? builtin ?? valid
+ * realtime        = controlled ?? server ?? client ?? required ?? builtin ?? valid
  * display(native) = controlled ?? server ?? committed
- * display(aria)   = controlled ?? server ?? client ?? builtin ?? committed
+ * display(aria)   = controlled ?? server ?? client ?? required* ?? builtin ?? committed
  * ```
  *
+ * `required` is the missing-value rule, and it is there for `"aria"` alone: under `"native"` the
+ * control carries the attribute and the browser reaches the verdict itself. The `*` is the reveal
+ * — it waits for a commit or a submit, so a form does not arrive with every required field red.
+ *
  * `realtimeValidation` is what the field pushes onto the input through `setCustomValidity`,
  * so the browser blocks submission the moment the value stops being acceptable.
  * `displayValidation` is what the user reads, and under `"native"` it moves only on commit —

package/dist/composables/use-form-validation-state.js

@@ -20,6 +20,12 @@ var CUSTOM_VALIDITY_STATE = Object.freeze({
 	customError: true,
 	valid: false
 });
+/** A required field with nothing in it. What the browser reports under `"native"`. */
+var MISSING_VALIDITY_STATE = Object.freeze({
+	...VALID_VALIDITY_STATE,
+	valid: false,
+	valueMissing: true
+});
 var DEFAULT_VALIDATION_RESULT = Object.freeze({
 	isInvalid: false,
 	validationDetails: VALID_VALIDITY_STATE,
@@ -68,6 +74,41 @@ var getNativeValidation = (element) => {
 		validationErrors: element.validationMessage ? [element.validationMessage] : []
 	};
 };
+var missingValueMessages = /* @__PURE__ */ new Map();
+/**
+* What the browser would say about an empty control of this kind.
+*
+* Read off a detached probe rather than translated here. The platform already holds the sentence,
+* in the *browser's* locale — which is the locale a validation message belongs in, since it sits
+* beside the browser's own — and it is the one the same field would report under `"native"`.
+*
+* Empty on a server, where the field cannot have been revealed yet and so has nothing to say.
+*/
+var missingValueMessage = (kind) => {
+	const cached = missingValueMessages.get(kind);
+	if (cached !== void 0) return cached;
+	if (typeof document === "undefined") return "";
+	let probe;
+	if (kind === "select") probe = document.createElement("select");
+	else {
+		const input = document.createElement("input");
+		if (kind !== "text") {
+			input.type = kind;
+			input.name = "probe";
+		}
+		probe = input;
+	}
+	probe.required = true;
+	const message = probe.validationMessage;
+	missingValueMessages.set(kind, message);
+	return message;
+};
+/** Whether a value counts as nothing. Covers every shape a field holds when it is empty. */
+var isValueMissing = (value) => {
+	if (value == null || value === "" || value === false) return true;
+	if (Array.isArray(value)) return value.length === 0;
+	return typeof value === "number" && Number.isNaN(value);
+};
 /**
 * React splits this in two — `FormValidationContext` in react-stately for the errors,
 * `FormContext` in react-aria-components for the behaviour — only because the two live in
@@ -109,15 +150,19 @@ var isEqualValidation = (a, b) => {
 * Decide what a field's validation currently says, ported from React Aria's
 * `packages/react-stately/src/form/useFormValidationState.ts` (react-stately 3.49.0).
 *
-* Knows nothing about the DOM — `useFormValidation` is what connects this to a real input.
-* Four sources feed it, in a fixed order of precedence:
+* Holds no element of its own — `useFormValidation` is what connects this to a real input.
+* Five sources feed it, in a fixed order of precedence:
 *
 * ```
-* realtime        = controlled ?? server ?? client ?? builtin ?? valid
+* realtime        = controlled ?? server ?? client ?? required ?? builtin ?? valid
 * display(native) = controlled ?? server ?? committed
-* display(aria)   = controlled ?? server ?? client ?? builtin ?? committed
+* display(aria)   = controlled ?? server ?? client ?? required* ?? builtin ?? committed
 * ```
 *
+* `required` is the missing-value rule, and it is there for `"aria"` alone: under `"native"` the
+* control carries the attribute and the browser reaches the verdict itself. The `*` is the reveal
+* — it waits for a commit or a submit, so a form does not arrive with every required field red.
+*
 * `realtimeValidation` is what the field pushes onto the input through `setCustomValidity`,
 * so the browser blocks submission the moment the value stops being acceptable.
 * `displayValidation` is what the user reads, and under `"native"` it moves only on commit —
@@ -157,6 +202,17 @@ var useFormValidationState = (options) => {
 		const result = toValue(options.builtinValidation);
 		return result && !result.validationDetails.valid ? result : null;
 	});
+	const requiredError = computed(() => {
+		if (validationBehavior.value !== "aria") return null;
+		if (!toValue(options.isRequired)) return null;
+		if (!(options.isEmpty ?? isValueMissing)(toValue(options.value))) return null;
+		const message = missingValueMessage(options.requiredControl ?? "text");
+		return {
+			isInvalid: true,
+			validationDetails: MISSING_VALIDITY_STATE,
+			validationErrors: message ? [message] : []
+		};
+	});
 	const serverErrors = computed(() => form?.validationErrors.value ?? {});
 	const serverErrorMessages = computed(() => {
 		const name = toValue(options.name);
@@ -172,11 +228,22 @@ var useFormValidationState = (options) => {
 	const nextNative = shallowRef(DEFAULT_VALIDATION_RESULT);
 	/** What a commit has already revealed. */
 	const committed = shallowRef(DEFAULT_VALIDATION_RESULT);
+	/**
+	* Whether the field has been asked to prove itself yet.
+	*
+	* A required field is empty from its first render, and `"aria"` shows a client error the moment
+	* it appears — so without this a form would arrive with every required field already red. It
+	* gates the missing-value verdict alone; a `validate` the caller wrote still reports as it types.
+	*/
+	const isRevealed = shallowRef(false);
+	watch(() => form?.submitCount?.value ?? 0, (count) => {
+		if (count > 0) isRevealed.value = true;
+	});
 	let isCommitQueued = false;
-	const realtimeValidation = computed(() => controlledError.value ?? serverError.value ?? clientError.value ?? builtinValidation.value ?? DEFAULT_VALIDATION_RESULT);
+	const realtimeValidation = computed(() => controlledError.value ?? serverError.value ?? clientError.value ?? requiredError.value ?? builtinValidation.value ?? DEFAULT_VALIDATION_RESULT);
 	const displayValidation = computed(() => {
 		if (validationBehavior.value === "native") return controlledError.value ?? serverError.value ?? committed.value;
-		return controlledError.value ?? serverError.value ?? clientError.value ?? builtinValidation.value ?? committed.value;
+		return controlledError.value ?? serverError.value ?? clientError.value ?? (isRevealed.value ? requiredError.value : null) ?? builtinValidation.value ?? committed.value;
 	});
 	const setCommitted = (result) => {
 		if (!isEqualValidation(result, committed.value)) committed.value = result;
@@ -184,6 +251,7 @@ var useFormValidationState = (options) => {
 	return {
 		commitValidation: () => {
 			isServerErrorCleared.value = true;
+			isRevealed.value = true;
 			if (validationBehavior.value !== "native" || isCommitQueued) return;
 			isCommitQueued = true;
 			nextTick(() => {
@@ -196,6 +264,7 @@ var useFormValidationState = (options) => {
 		realtimeValidation,
 		resetValidation: () => {
 			setCommitted(DEFAULT_VALIDATION_RESULT);
+			isRevealed.value = false;
 			isCommitQueued = false;
 			isServerErrorCleared.value = true;
 		},
@@ -210,4 +279,4 @@ var useFormValidationState = (options) => {
 	};
 };
 //#endregion
-export { CUSTOM_VALIDITY_STATE, DEFAULT_VALIDATION_RESULT, VALID_VALIDITY_STATE, getNativeValidation, isEqualValidation, mergeValidation, provideFormContext, useFormContext, useFormValidationState };
+export { CUSTOM_VALIDITY_STATE, DEFAULT_VALIDATION_RESULT, MISSING_VALIDITY_STATE, VALID_VALIDITY_STATE, getNativeValidation, isEqualValidation, isValueMissing, mergeValidation, missingValueMessage, provideFormContext, useFormContext, useFormValidationState };

package/dist/composables/use-number-field-state.js

@@ -87,6 +87,7 @@ var useNumberFieldState = (options = {}) => {
 	inputValue.value = format(numberValueState.value);
 	const validation = useFormValidationState({
 		isInvalid: () => toValue(options.isInvalid),
+		isRequired: () => toValue(options.isRequired),
 		name: () => toValue(options.name),
 		validate: () => toValue(options.validate),
 		validationBehavior: () => toValue(options.validationBehavior),

package/dist/composables/use-radio-group-state.js

@@ -38,7 +38,9 @@ var useRadioGroupState = (options = {}) => {
 	const lastFocused = shallowRef(null);
 	const validation = useFormValidationState({
 		isInvalid: () => toValue(options.isInvalid),
+		isRequired,
 		name: () => toValue(options.name),
+		requiredControl: "radio",
 		validate: () => toValue(options.validate),
 		validationBehavior: () => toValue(options.validationBehavior),
 		value: () => selectedValue.value

package/dist/composables/use-select-state.d.ts

@@ -40,6 +40,8 @@ export interface UseSelectStateOptions<T> {
     /** @default "all" */
     disabledBehavior?: MaybeRefOrGetter<DisabledBehavior | undefined>;
     isInvalid?: MaybeRefOrGetter<boolean | undefined>;
+    /** Whether the field has to hold a value. Enforced by the validation state under `"aria"`. */
+    isRequired?: MaybeRefOrGetter<boolean | undefined>;
     validate?: MaybeRefOrGetter<ValidationFunction<SelectedValue> | undefined>;
     validationBehavior?: MaybeRefOrGetter<ValidationBehavior | undefined>;
     name?: MaybeRefOrGetter<string | undefined>;

package/dist/composables/use-select-state.js

@@ -91,7 +91,9 @@ var useSelectState = (options) => {
 	};
 	const validation = useFormValidationState({
 		isInvalid: options.isInvalid,
+		isRequired: options.isRequired,
 		name: options.name,
+		requiredControl: "select",
 		validate: options.validate,
 		validationBehavior: options.validationBehavior,
 		value: () => {

package/dist/composables/use-text-field.js

@@ -47,6 +47,7 @@ var useTextField = (options = {}) => {
 	const isRequired = computed(() => Boolean(toValue(options.isRequired)));
 	const validation = options.validationState ?? useFormValidationState({
 		isInvalid: () => toValue(options.isInvalid),
+		isRequired: () => toValue(options.isRequired),
 		name: () => toValue(options.name),
 		validate: () => toValue(options.validate),
 		validationBehavior: () => toValue(options.validationBehavior),

package/dist/composables/use-toolbar.js

@@ -1,4 +1,5 @@
 import { focusableIn } from "../utils/focus.js";
+import { willOpenKeyboard } from "../utils/platform.js";
 import { computed, onMounted, shallowRef, toValue } from "vue";
 //#region src/composables/use-toolbar.ts
 /**
@@ -45,10 +46,11 @@ var useToolbar = (options) => {
 		if (!isOutermost.value) return;
 		const element = toValue(options.element);
 		const target = event.target;
-		if (!element || !(target instanceof Node) || !element.contains(target)) return;
+		if (!element || !(target instanceof Element) || !element.contains(target)) return;
 		const isReversed = orientation.value === "horizontal" && getComputedStyle(element).direction === "rtl";
 		const forward = orientation.value === "horizontal" ? "ArrowRight" : "ArrowDown";
 		const backward = orientation.value === "horizontal" ? "ArrowLeft" : "ArrowUp";
+		if ((event.key === forward || event.key === backward) && willOpenKeyboard(target)) return;
 		if (event.key === forward) moveFocus(isReversed ? -1 : 1);
 		else if (event.key === backward) moveFocus(isReversed ? 1 : -1);
 		else if (event.key === "Tab") {

package/dist/index.js

@@ -72,7 +72,7 @@ import { useAutocompleteContext } from "./components/autocomplete/autocomplete.c
 import autocomplete_clear_button_default from "./components/autocomplete/autocomplete-clear-button.js";
 import { useCollection } from "./composables/use-collection.js";
 import { createListCollection, createTableCollection, defaultItemKey } from "./utils/virtualizer-collection.js";
-import { CUSTOM_VALIDITY_STATE, DEFAULT_VALIDATION_RESULT, VALID_VALIDITY_STATE, getNativeValidation, isEqualValidation, mergeValidation, provideFormContext, useFormContext, useFormValidationState } from "./composables/use-form-validation-state.js";
+import { CUSTOM_VALIDITY_STATE, DEFAULT_VALIDATION_RESULT, MISSING_VALIDITY_STATE, VALID_VALIDITY_STATE, getNativeValidation, isEqualValidation, isValueMissing, mergeValidation, missingValueMessage, provideFormContext, useFormContext, useFormValidationState } from "./composables/use-form-validation-state.js";
 import { useSelectionManager } from "./composables/use-selection-manager.js";
 import { defaultItemTextValue, useSelectState } from "./composables/use-select-state.js";
 import { provideVirtualizerStateContext, useVirtualizerConfigContext, useVirtualizerStateContext } from "./components/virtualizer/virtualizer.context.js";
@@ -600,4 +600,4 @@ import { RowOffsets } from "./utils/virtualizer-offsets.js";
 import { ListLayout } from "./utils/virtualizer-list-layout.js";
 import { TableLayout } from "./utils/virtualizer-table-layout.js";
 import { ROPAV_VERSION } from "./version.js";
-export { accordion_root_default as Accordion, accordion_body_default as AccordionBody, accordion_heading_default as AccordionHeading, accordion_indicator_default as AccordionIndicator, accordion_item_default as AccordionItem, accordion_panel_default as AccordionPanel, accordion_trigger_default as AccordionTrigger, alert_root_default as Alert, alert_content_default as AlertContent, alert_description_default as AlertDescription, alert_dialog_root_default as AlertDialog, alert_dialog_backdrop_default as AlertDialogBackdrop, alert_dialog_body_default as AlertDialogBody, alert_dialog_close_default as AlertDialogClose, alert_dialog_close_trigger_default as AlertDialogCloseTrigger, alert_dialog_container_default as AlertDialogContainer, alert_dialog_dialog_default as AlertDialogDialog, alert_dialog_footer_default as AlertDialogFooter, alert_dialog_header_default as AlertDialogHeader, alert_dialog_heading_default as AlertDialogHeading, alert_dialog_icon_default as AlertDialogIcon, alert_dialog_trigger_default as AlertDialogTrigger, alert_indicator_default as AlertIndicator, alert_title_default as AlertTitle, autocomplete_root_default as Autocomplete, autocomplete_clear_button_default as AutocompleteClearButton, autocomplete_filter_default as AutocompleteFilter, autocomplete_indicator_default as AutocompleteIndicator, autocomplete_popover_default as AutocompletePopover, autocomplete_trigger_default as AutocompleteTrigger, autocomplete_value_default as AutocompleteValue, avatar_root_default as Avatar, avatar_fallback_default as AvatarFallback, avatar_group_root_default as AvatarGroup, avatar_group_overflow_default as AvatarGroupOverflow, avatar_image_default as AvatarImage, badge_root_default as Badge, badge_anchor_default as BadgeAnchor, badge_label_default as BadgeLabel, breadcrumbs_root_default as Breadcrumbs, breadcrumbs_item_default as BreadcrumbsItem, button_root_default as Button, button_group_root_default as ButtonGroup, button_group_separator_default as ButtonGroupSeparator, CUSTOM_DRAG_TYPE, CUSTOM_VALIDITY_STATE, calendar_root_default as Calendar, calendar_cell_default as CalendarCell, calendar_cell_indicator_default as CalendarCellIndicator, calendar_grid_default as CalendarGrid, calendar_grid_body_default as CalendarGridBody, calendar_grid_header_default as CalendarGridHeader, calendar_header_default as CalendarHeader, calendar_header_cell_default as CalendarHeaderCell, calendar_heading_default as CalendarHeading, calendar_nav_button_default as CalendarNavButton, calendar_year_picker_cell_default as CalendarYearPickerCell, calendar_year_picker_grid_default as CalendarYearPickerGrid, calendar_year_picker_grid_body_default as CalendarYearPickerGridBody, calendar_year_picker_trigger_default as CalendarYearPickerTrigger, calendar_year_picker_trigger_heading_default as CalendarYearPickerTriggerHeading, calendar_year_picker_trigger_indicator_default as CalendarYearPickerTriggerIndicator, card_root_default as Card, card_content_default as CardContent, card_description_default as CardDescription, card_footer_default as CardFooter, card_header_default as CardHeader, card_title_default as CardTitle, checkbox_root_default as Checkbox, checkbox_content_default as CheckboxContent, checkbox_control_default as CheckboxControl, checkbox_group_root_default as CheckboxGroup, checkbox_indicator_default as CheckboxIndicator, chip_root_default as Chip, chip_label_default as ChipLabel, close_button_root_default as CloseButton, code_default as Code, color_area_root_default as ColorArea, color_area_thumb_default as ColorAreaThumb, color_field_root_default as ColorField, color_input_group_root_default as ColorInputGroup, color_input_group_input_default as ColorInputGroupInput, color_input_group_prefix_default as ColorInputGroupPrefix, color_input_group_suffix_default as ColorInputGroupSuffix, color_picker_root_default as ColorPicker, color_picker_popover_default as ColorPickerPopover, color_picker_trigger_default as ColorPickerTrigger, color_slider_root_default as ColorSlider, color_slider_output_default as ColorSliderOutput, color_slider_thumb_default as ColorSliderThumb, color_slider_track_default as ColorSliderTrack, color_swatch_root_default as ColorSwatch, color_swatch_picker_root_default as ColorSwatchPicker, color_swatch_picker_indicator_default as ColorSwatchPickerIndicator, color_swatch_picker_item_default as ColorSwatchPickerItem, color_swatch_picker_swatch_default as ColorSwatchPickerSwatch, combo_box_root_default as ComboBox, combo_box_input_group_default as ComboBoxInputGroup, combo_box_popover_default as ComboBoxPopover, combo_box_trigger_default as ComboBoxTrigger, combo_box_value_default as ComboBoxValue, DEFAULT_GAP, DEFAULT_MAX_VISIBLE_TOAST, DEFAULT_SCALE_FACTOR, DEFAULT_TOAST_TIMEOUT, DEFAULT_TOAST_WIDTH, DEFAULT_VALIDATION_RESULT, DEFAULT_WEEKDAY_STYLE, DIRECTORY_DRAG_TYPE, DROP_EFFECT_TO_DROP_OPERATION, DROP_OPERATION, DROP_OPERATION_ALLOWED, DROP_OPERATION_TO_DROP_EFFECT, danger_icon_default as DangerIcon, DataTransferDragTypes, date_field_root_default as DateField, date_input_group_root_default as DateFieldGroup, date_input_group_input_default as DateFieldInput, date_input_group_input_container_default as DateFieldInputContainer, date_input_group_prefix_default as DateFieldPrefix, date_input_group_segment_default as DateFieldSegment, date_input_group_suffix_default as DateFieldSuffix, date_picker_root_default as DatePicker, date_input_group_root_default as DatePickerGroup, date_input_group_input_default as DatePickerInput, date_input_group_input_container_default as DatePickerInputContainer, date_picker_popover_default as DatePickerPopover, date_input_group_prefix_default as DatePickerPrefix, date_input_group_segment_default as DatePickerSegment, date_input_group_suffix_default as DatePickerSuffix, date_picker_trigger_default as DatePickerTrigger, date_picker_trigger_indicator_default as DatePickerTriggerIndicator, date_range_picker_root_default as DateRangePicker, date_input_group_root_default as DateRangePickerGroup, date_input_group_input_default as DateRangePickerInput, date_input_group_input_container_default as DateRangePickerInputContainer, date_range_picker_popover_default as DateRangePickerPopover, date_input_group_prefix_default as DateRangePickerPrefix, date_range_picker_range_separator_default as DateRangePickerRangeSeparator, date_input_group_segment_default as DateRangePickerSegment, date_input_group_suffix_default as DateRangePickerSuffix, date_range_picker_trigger_default as DateRangePickerTrigger, date_range_picker_trigger_indicator_default as DateRangePickerTriggerIndicator, description_root_default as Description, disclosure_root_default as Disclosure, disclosure_body_default as DisclosureBody, disclosure_content_default as DisclosureContent, disclosure_group_root_default as DisclosureGroup, disclosure_heading_default as DisclosureHeading, disclosure_indicator_default as DisclosureIndicator, disclosure_trigger_default as DisclosureTrigger, drag_preview_default as DragPreview, drawer_root_default as Drawer, drawer_backdrop_default as DrawerBackdrop, drawer_body_default as DrawerBody, drawer_close_default as DrawerClose, drawer_close_trigger_default as DrawerCloseTrigger, drawer_content_default as DrawerContent, drawer_dialog_default as DrawerDialog, drawer_footer_default as DrawerFooter, drawer_handle_default as DrawerHandle, drawer_header_default as DrawerHeader, drawer_heading_default as DrawerHeading, drawer_trigger_default as DrawerTrigger, drop_zone_root_default as DropZone, drop_zone_trigger_default as DropZoneTrigger, dropdown_root_default as Dropdown, dropdown_menu_default as DropdownMenu, dropdown_popover_default as DropdownPopover, dropdown_submenu_trigger_default as DropdownSubmenuTrigger, dropdown_trigger_default as DropdownTrigger, EFFECT_ALLOWED, empty_state_root_default as EmptyState, error_message_root_default as ErrorMessage, external_link_icon_default as ExternalLinkIcon, FOCUSABLE_SELECTOR, field_error_root_default as FieldError, field_error_content_default as FieldErrorContent, field_group_default as FieldGroup, fieldset_root_default as Fieldset, fieldset_actions_default as FieldsetActions, fieldset_legend_default as FieldsetLegend, form_root_default as Form, GENERIC_TYPE, header_root_default as Header, heading_default as Heading, i18n_provider_default as I18nProvider, icon_calendar_default as IconCalendar, icon_chevron_down_default as IconChevronDown, icon_chevron_left_default as IconChevronLeft, icon_chevron_right_default as IconChevronRight, icon_chevron_up_default as IconChevronUp, icon_close_default as IconClose, icon_minus_default as IconMinus, icon_overlay_arrow_default as IconOverlayArrow, icon_plus_default as IconPlus, icon_search_default as IconSearch, IncompleteDate, info_icon_default as InfoIcon, input_root_default as Input, input_group_root_default as InputGroup, input_group_input_default as InputGroupInput, input_group_prefix_default as InputGroupPrefix, input_group_suffix_default as InputGroupSuffix, input_group_textarea_default as InputGroupTextArea, input_otp_root_default as InputOTP, input_otp_group_default as InputOTPGroup, input_otp_separator_default as InputOTPSeparator, input_otp_slot_default as InputOTPSlot, kbd_root_default as Kbd, kbd_abbr_default as KbdAbbr, kbd_content_default as KbdContent, LONG_PRESS_THRESHOLD_MS, label_root_default as Label, Layout, LayoutInfo, link_root_default as Link, link_icon_default as LinkIcon, list_box_root_default as ListBox, list_box_drop_indicator_default as ListBoxDropIndicator, list_box_item_root_default as ListBoxItem, list_box_item_indicator_default as ListBoxItemIndicator, list_box_load_more_item_default as ListBoxLoadMoreItem, list_box_section_root_default as ListBoxSection, ListDropTargetDelegate, ListLayout, menu_root_default as Menu, menu_item_root_default as MenuItem, menu_item_indicator_default as MenuItemIndicator, menu_item_submenu_indicator_default as MenuItemSubmenuIndicator, menu_section_root_default as MenuSection, meter_root_default as Meter, meter_fill_default as MeterFill, meter_output_default as MeterOutput, meter_track_default as MeterTrack, modal_root_default as Modal, modal_backdrop_default as ModalBackdrop, modal_body_default as ModalBody, modal_close_default as ModalClose, modal_close_trigger_default as ModalCloseTrigger, modal_container_default as ModalContainer, modal_dialog_default as ModalDialog, modal_footer_default as ModalFooter, modal_header_default as ModalHeader, modal_heading_default as ModalHeading, modal_icon_default as ModalIcon, modal_trigger_default as ModalTrigger, NATIVE_DRAG_TYPES, number_field_root_default as NumberField, number_field_decrement_button_default as NumberFieldDecrementButton, number_field_group_default as NumberFieldGroup, number_field_increment_button_default as NumberFieldIncrementButton, number_field_input_default as NumberFieldInput, pagination_root_default as Pagination, pagination_content_default as PaginationContent, pagination_ellipsis_default as PaginationEllipsis, pagination_item_default as PaginationItem, pagination_link_default as PaginationLink, pagination_next_default as PaginationNext, pagination_next_icon_default as PaginationNextIcon, pagination_previous_default as PaginationPrevious, pagination_previous_icon_default as PaginationPreviousIcon, pagination_summary_default as PaginationSummary, paragraph_default as Paragraph, Point, popover_root_default as Popover, popover_arrow_default as PopoverArrow, popover_content_default as PopoverContent, popover_dialog_default as PopoverDialog, popover_heading_default as PopoverHeading, popover_trigger_default as PopoverTrigger, progress_bar_root_default as ProgressBar, progress_bar_fill_default as ProgressBarFill, progress_bar_output_default as ProgressBarOutput, progress_bar_track_default as ProgressBarTrack, progress_circle_root_default as ProgressCircle, progress_circle_fill_circle_default as ProgressCircleFillCircle, progress_circle_track_default as ProgressCircleTrack, progress_circle_track_circle_default as ProgressCircleTrackCircle, prose_default as Prose, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, ROPAV_VERSION, radio_root_default as Radio, radio_content_default as RadioContent, radio_control_default as RadioControl, radio_group_root_default as RadioGroup, radio_indicator_default as RadioIndicator, range_calendar_root_default as RangeCalendar, range_calendar_cell_default as RangeCalendarCell, range_calendar_cell_indicator_default as RangeCalendarCellIndicator, range_calendar_grid_default as RangeCalendarGrid, range_calendar_grid_body_default as RangeCalendarGridBody, range_calendar_grid_header_default as RangeCalendarGridHeader, range_calendar_header_default as RangeCalendarHeader, range_calendar_header_cell_default as RangeCalendarHeaderCell, range_calendar_heading_default as RangeCalendarHeading, range_calendar_nav_button_default as RangeCalendarNavButton, Rect, router_provider_default as RouterProvider, RowOffsets, scroll_shadow_root_default as ScrollShadow, search_field_root_default as SearchField, search_field_clear_button_default as SearchFieldClearButton, search_field_group_default as SearchFieldGroup, search_field_input_default as SearchFieldInput, search_field_search_icon_default as SearchFieldSearchIcon, segmented_control_root_default as SegmentedControl, segmented_control_indicator_default as SegmentedControlIndicator, segmented_control_item_default as SegmentedControlItem, segmented_control_separator_default as SegmentedControlSeparator, select_root_default as Select, select_clear_button_default as SelectClearButton, select_indicator_default as SelectIndicator, select_popover_default as SelectPopover, select_trigger_default as SelectTrigger, select_value_default as SelectValue, separator_root_default as Separator, sidebar_root_default as Sidebar, sidebar_collapsible_default as SidebarCollapsible, sidebar_collapsible_trigger_default as SidebarCollapsibleTrigger, sidebar_content_default as SidebarContent, sidebar_footer_default as SidebarFooter, sidebar_group_default as SidebarGroup, sidebar_group_label_default as SidebarGroupLabel, sidebar_header_default as SidebarHeader, sidebar_inset_default as SidebarInset, sidebar_item_default as SidebarItem, sidebar_item_icon_default as SidebarItemIcon, sidebar_item_indicator_default as SidebarItemIndicator, sidebar_item_label_default as SidebarItemLabel, sidebar_item_tooltip_default as SidebarItemTooltip, sidebar_item_trailing_default as SidebarItemTrailing, sidebar_panel_default as SidebarPanel, sidebar_rail_default as SidebarRail, sidebar_separator_default as SidebarSeparator, sidebar_sub_menu_default as SidebarSubMenu, sidebar_trigger_default as SidebarTrigger, Size, skeleton_root_default as Skeleton, slider_root_default as Slider, slider_fill_default as SliderFill, slider_marks_default as SliderMarks, slider_output_default as SliderOutput, slider_thumb_default as SliderThumb, slider_track_default as SliderTrack, spinner_root_default as Spinner, splitter_root_default as Splitter, splitter_handle_default as SplitterHandle, splitter_panel_default as SplitterPanel, success_icon_default as SuccessIcon, surface_root_default as Surface, switch_root_default as Switch, switch_content_default as SwitchContent, switch_control_default as SwitchControl, switch_group_root_default as SwitchGroup, switch_icon_default as SwitchIcon, switch_thumb_default as SwitchThumb, table_root_default as Table, table_body_default as TableBody, table_cell_default as TableCell, table_column_default as TableColumn, table_column_resizer_default as TableColumnResizer, table_content_default as TableContent, table_drag_handle_default as TableDragHandle, table_drop_indicator_default as TableDropIndicator, table_expand_trigger_default as TableExpandTrigger, table_footer_default as TableFooter, table_header_default as TableHeader, TableLayout, table_load_more_default as TableLoadMore, table_load_more_content_default as TableLoadMoreContent, table_resizable_container_default as TableResizableContainer, table_row_default as TableRow, table_scroll_container_default as TableScrollContainer, table_selection_checkbox_default as TableSelectionCheckbox, table_sortable_column_header_default as TableSortableColumnHeader, tabs_root_default as Tabs, tabs_indicator_default as TabsIndicator, tabs_list_default as TabsList, tabs_list_container_default as TabsListContainer, tabs_panel_default as TabsPanel, tabs_separator_default as TabsSeparator, tabs_tab_default as TabsTab, tag_root_default as Tag, tag_group_root_default as TagGroup, tag_group_list_default as TagGroupList, tag_remove_button_default as TagRemoveButton, textarea_root_default as TextArea, textfield_root_default as TextField, time_field_root_default as TimeField, date_input_group_root_default as TimeFieldGroup, date_input_group_input_default as TimeFieldInput, date_input_group_input_container_default as TimeFieldInputContainer, date_input_group_prefix_default as TimeFieldPrefix, date_input_group_segment_default as TimeFieldSegment, date_input_group_suffix_default as TimeFieldSuffix, toast_root_default as Toast, toast_action_button_default as ToastActionButton, toast_close_button_default as ToastCloseButton, toast_content_default as ToastContent, toast_description_default as ToastDescription, toast_indicator_default as ToastIndicator, toast_provider_default as ToastProvider, ToastQueue, toast_title_default as ToastTitle, toggle_button_root_default as ToggleButton, toggle_button_group_root_default as ToggleButtonGroup, toggle_button_group_separator_default as ToggleButtonGroupSeparator, toolbar_root_default as Toolbar, tooltip_root_default as Tooltip, tooltip_arrow_default as TooltipArrow, tooltip_content_default as TooltipContent, tooltip_trigger_default as TooltipTrigger, TreeDropTargetDelegate, typography_root_default as Typography, VALID_VALIDITY_STATE, virtualizer_item_default as VirtualizerItem, virtualizer_root_default as VirtualizerRoot, virtualizer_scrollbar_default as VirtualizerScrollbar, warning_icon_default as WarningIcon, accordionVariants, alertDialogVariants, alertVariants, alignCenter, alignEnd, alignStart, ariaHideOutside, autocompleteVariants, avatarGroupVariants, avatarVariants, badgeVariants, breadcrumbsVariants, buttonGroupVariants, buttonVariants, calculatePosition, calculatePositionInternal, calendarVariants, calendarYearPickerVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, clamp, clearCssVariableCache, clearGlobalDnDState, closeButtonVariants, colorAreaVariants, colorFieldVariants, colorInputGroupVariants, colorPickerVariants, colorSliderVariants, colorSwatchPickerVariants, colorSwatchVariants, comboBoxVariants, composeFocusResponder, composePressResponder, composeSlotClassName, constrainStart, constrainValue, convertValue, createCalendar, createContext, createFocusManager, createListCollection, createPlaceholderDate, createTableCollection, createToastFunction, createViewTransitionUpdate, dataAttr, dateFieldVariants, datePickerVariants, dateRangePickerVariants, defaultItemKey, defaultItemTextValue, descriptionVariants, disclosureGroupVariants, disclosureVariants, dragTypesFromSet, drawerVariants, dropZoneVariants, dropdownVariants, emptyStateVariants, errorMessageVariants, fieldErrorVariants, fieldsetVariants, flattenBlock, focusableIn, fromHourCycle, getCollectionTextValue, getColorChannels, getDatePlaceholder, getDateValidationResult, getDayViewGridRows, getDayViewWeekDayLabels, getDefaultLocale, getDefaultYearBounds, getFormatOptions, getInteractionModality, getNativeValidation, getPlaceholderTime, getQueuedToastCount, getRangeValidationResult, getRect, getRegisteredTooltipCount, getScrollParent, getTypes, getYearRange, globalAllowedDropOperations, globalDndState, globalDropEffect, headerVariants, inputGroupVariants, inputOTPVariants, inputVariants, isAndroid, isAppleDevice, isChrome, isDateInvalid, isDirectoryDropItem, isElementInAnyFocusScope, isElementVisible, isEqualDuration, isEqualValidation, isFileDropItem, isFocusVisible, isIOS, isIPad, isIPhone, isInternalDropOperation, isMac, isNestedControl, isRTL, isScrollable, isTextDropItem, isTextOnlyBlock, isVirtualClick, isVirtualPointerEvent, isWebKit, kbdKeysLabelMap, kbdKeysMap, kbdVariants, keepVisible, labelVariants, layoutInfoToStyle, linkVariants, listboxItemVariants, listboxSectionVariants, listboxVariants, menuItemVariants, menuSectionVariants, menuVariants, mergeValidation, meterVariants, modalVariants, navigateDropTarget, normalizeColor, normalizeHue, numberFieldVariants, openLink, overscannedRect, paginationVariants, parseColor, parseColorValue, parseCssTime, popoverVariants, previousAvailableDate, progressBarVariants, progressCircleVariants, provideCalendarOwnerContext, provideCalendarStateContext, provideCheckboxContext, provideCheckboxGroupContext, provideColorInputGroupControlContext, provideColorValueContext, provideDatePickerContext, provideDateRangePickerContext, provideFieldErrorContext, provideFieldIdsContext, provideFieldsetContext, provideFocusResponder, provideFormContext, provideInputOTPContext, provideListBoxStateContext, provideLocale, provideLocaleContext, provideMenuItemPopupContext, provideNumberFieldContext, providePressResponder, provideRadioContext, provideRadioGroupContext, provideRangeCalendarContext, provideRangeCalendarOwnerContext, provideSearchFieldContext, provideSurfaceContext, provideTextFieldContext, provideVirtualizerStateContext, provideYearPickerContext, radioGroupVariants, radioVariants, rangeCalendarVariants, readFromDataTransfer, resetToastQueue, resetTooltipWarmup, retainInteractionModality, roundToStepPrecision, scrollShadowVariants, searchFieldVariants, segmentedControlVariants, selectVariants, separatorVariants, setDraggingCollectionRef, setDraggingKeys, setDropCollectionRef, setFormChecked, setFormValue, setGlobalAllowedDropOperations, setGlobalDnDState, setGlobalDropEffect, setInteractionModality, shouldClientNavigate, sidebarVariants, skeletonVariants, sliderVariants, snapValueToStep, spinnerVariants, splitterVariants, surfaceVariants, switchGroupVariants, switchVariants, tabbableIn, tableVariants, tabsVariants, tagGroupVariants, tagVariants, textAreaVariants, textFieldVariants, timeFieldVariants, toFixedNumber, toHourCycle, toast, toastQueue, toastVariants, toggleButtonGroupVariants, toggleButtonVariants, toolbarVariants, tooltipVariants, translateRTL, typographyVariants, useAlertDialogContext, useAlertDialogOverlayContext, useAutocompleteContext, useAvatarGroupContext, useButtonGroupContext, useCalendarOwnerContext, useCalendarState, useCalendarStateContext, useCheckboxContext, useCheckboxGroupContext, useCheckboxGroupState, useCollator, useCollection, useColorAreaState, useColorChannelFieldState, useColorFieldState, useColorInputGroupControlContext, useColorPickerState, useColorSliderState, useColorValueContext, useComboBoxContext, useComboBoxState, useControllableState, useCssVariable, useDateFieldState, useDateFormatter, useDatePickerContext, useDatePickerState, useDateRangePickerContext, useDateRangePickerState, useDefaultLocale, useDescription, useDisclosureContext, useDisclosureGroup, useDisclosureGroupContext, useDisclosureGroupNavigation, useDismissable, useDragAndDrop, useDrawerContext, useDrawerOverlayContext, useDrop, useDropdownContext, useDropdownPopoverTarget, useEnterExit, useFieldErrorContext, useFieldIds, useFieldIdsContext, useFieldsetContext, useFilter, useFocusResponder, useFocusScope, useFocusWithin, useFormContext, useFormReset, useFormValidationState, useId, useInputOTPContext, useInteractionModality, useInteractionStates, useLabels, useListBoxContext, useListBoxItemContext, useListBoxStateContext, useListData, useListKeyboard, useLocale, useLocaleContext, useLocalizedStringDictionary, useLocalizedStringFormatter, useLongPress, useMediaQuery, useMenuContext, useMenuItemContext, useMenuSectionContext, useMenuTriggerState, useModalContext, useModalOverlayContext, useMove, useNumberFieldContext, useNumberFieldState, useNumberFormatter, useOverlayPosition, useOverlayTriggerState, usePageSize, usePress, usePressResponder, usePreventScroll, useRadioContext, useRadioGroupContext, useRadioGroupState, useRangeCalendarContext, useRangeCalendarOwnerContext, useRangeCalendarState, useRouterContext, useScrollShadow, useSearchFieldContext, useSegmentedControlContext, useSegmentedControlItemContext, useSelectContext, useSelectState, useSelectionManager, useSeparatorContext, useSidebarCollapsibleContext, useSidebarContext, useSidebarGroupContext, useSidebarSubMenuContext, useSingleSelectListState, useSliderState, useSplitterContext, useSubmenuTriggerState, useSurfaceContext, useTabListState, useTabsContext, useTabsTabContext, useTagContext, useTagGroupContext, useTextFieldContext, useTimeFieldState, useToast, useToastItemContext, useToastQueue, useToastRegionContext, useToggleButtonGroupContext, useToggleGroupState, useToolbarContext, useTooltipContext, useTooltipTriggerState, useTypeahead, useViewportSize, useVirtualizerConfigContext, useVirtualizerStateContext, useYearPickerContext, visuallyHiddenStyle, willOpenKeyboard, writeToDataTransfer };
+export { accordion_root_default as Accordion, accordion_body_default as AccordionBody, accordion_heading_default as AccordionHeading, accordion_indicator_default as AccordionIndicator, accordion_item_default as AccordionItem, accordion_panel_default as AccordionPanel, accordion_trigger_default as AccordionTrigger, alert_root_default as Alert, alert_content_default as AlertContent, alert_description_default as AlertDescription, alert_dialog_root_default as AlertDialog, alert_dialog_backdrop_default as AlertDialogBackdrop, alert_dialog_body_default as AlertDialogBody, alert_dialog_close_default as AlertDialogClose, alert_dialog_close_trigger_default as AlertDialogCloseTrigger, alert_dialog_container_default as AlertDialogContainer, alert_dialog_dialog_default as AlertDialogDialog, alert_dialog_footer_default as AlertDialogFooter, alert_dialog_header_default as AlertDialogHeader, alert_dialog_heading_default as AlertDialogHeading, alert_dialog_icon_default as AlertDialogIcon, alert_dialog_trigger_default as AlertDialogTrigger, alert_indicator_default as AlertIndicator, alert_title_default as AlertTitle, autocomplete_root_default as Autocomplete, autocomplete_clear_button_default as AutocompleteClearButton, autocomplete_filter_default as AutocompleteFilter, autocomplete_indicator_default as AutocompleteIndicator, autocomplete_popover_default as AutocompletePopover, autocomplete_trigger_default as AutocompleteTrigger, autocomplete_value_default as AutocompleteValue, avatar_root_default as Avatar, avatar_fallback_default as AvatarFallback, avatar_group_root_default as AvatarGroup, avatar_group_overflow_default as AvatarGroupOverflow, avatar_image_default as AvatarImage, badge_root_default as Badge, badge_anchor_default as BadgeAnchor, badge_label_default as BadgeLabel, breadcrumbs_root_default as Breadcrumbs, breadcrumbs_item_default as BreadcrumbsItem, button_root_default as Button, button_group_root_default as ButtonGroup, button_group_separator_default as ButtonGroupSeparator, CUSTOM_DRAG_TYPE, CUSTOM_VALIDITY_STATE, calendar_root_default as Calendar, calendar_cell_default as CalendarCell, calendar_cell_indicator_default as CalendarCellIndicator, calendar_grid_default as CalendarGrid, calendar_grid_body_default as CalendarGridBody, calendar_grid_header_default as CalendarGridHeader, calendar_header_default as CalendarHeader, calendar_header_cell_default as CalendarHeaderCell, calendar_heading_default as CalendarHeading, calendar_nav_button_default as CalendarNavButton, calendar_year_picker_cell_default as CalendarYearPickerCell, calendar_year_picker_grid_default as CalendarYearPickerGrid, calendar_year_picker_grid_body_default as CalendarYearPickerGridBody, calendar_year_picker_trigger_default as CalendarYearPickerTrigger, calendar_year_picker_trigger_heading_default as CalendarYearPickerTriggerHeading, calendar_year_picker_trigger_indicator_default as CalendarYearPickerTriggerIndicator, card_root_default as Card, card_content_default as CardContent, card_description_default as CardDescription, card_footer_default as CardFooter, card_header_default as CardHeader, card_title_default as CardTitle, checkbox_root_default as Checkbox, checkbox_content_default as CheckboxContent, checkbox_control_default as CheckboxControl, checkbox_group_root_default as CheckboxGroup, checkbox_indicator_default as CheckboxIndicator, chip_root_default as Chip, chip_label_default as ChipLabel, close_button_root_default as CloseButton, code_default as Code, color_area_root_default as ColorArea, color_area_thumb_default as ColorAreaThumb, color_field_root_default as ColorField, color_input_group_root_default as ColorInputGroup, color_input_group_input_default as ColorInputGroupInput, color_input_group_prefix_default as ColorInputGroupPrefix, color_input_group_suffix_default as ColorInputGroupSuffix, color_picker_root_default as ColorPicker, color_picker_popover_default as ColorPickerPopover, color_picker_trigger_default as ColorPickerTrigger, color_slider_root_default as ColorSlider, color_slider_output_default as ColorSliderOutput, color_slider_thumb_default as ColorSliderThumb, color_slider_track_default as ColorSliderTrack, color_swatch_root_default as ColorSwatch, color_swatch_picker_root_default as ColorSwatchPicker, color_swatch_picker_indicator_default as ColorSwatchPickerIndicator, color_swatch_picker_item_default as ColorSwatchPickerItem, color_swatch_picker_swatch_default as ColorSwatchPickerSwatch, combo_box_root_default as ComboBox, combo_box_input_group_default as ComboBoxInputGroup, combo_box_popover_default as ComboBoxPopover, combo_box_trigger_default as ComboBoxTrigger, combo_box_value_default as ComboBoxValue, DEFAULT_GAP, DEFAULT_MAX_VISIBLE_TOAST, DEFAULT_SCALE_FACTOR, DEFAULT_TOAST_TIMEOUT, DEFAULT_TOAST_WIDTH, DEFAULT_VALIDATION_RESULT, DEFAULT_WEEKDAY_STYLE, DIRECTORY_DRAG_TYPE, DROP_EFFECT_TO_DROP_OPERATION, DROP_OPERATION, DROP_OPERATION_ALLOWED, DROP_OPERATION_TO_DROP_EFFECT, danger_icon_default as DangerIcon, DataTransferDragTypes, date_field_root_default as DateField, date_input_group_root_default as DateFieldGroup, date_input_group_input_default as DateFieldInput, date_input_group_input_container_default as DateFieldInputContainer, date_input_group_prefix_default as DateFieldPrefix, date_input_group_segment_default as DateFieldSegment, date_input_group_suffix_default as DateFieldSuffix, date_picker_root_default as DatePicker, date_input_group_root_default as DatePickerGroup, date_input_group_input_default as DatePickerInput, date_input_group_input_container_default as DatePickerInputContainer, date_picker_popover_default as DatePickerPopover, date_input_group_prefix_default as DatePickerPrefix, date_input_group_segment_default as DatePickerSegment, date_input_group_suffix_default as DatePickerSuffix, date_picker_trigger_default as DatePickerTrigger, date_picker_trigger_indicator_default as DatePickerTriggerIndicator, date_range_picker_root_default as DateRangePicker, date_input_group_root_default as DateRangePickerGroup, date_input_group_input_default as DateRangePickerInput, date_input_group_input_container_default as DateRangePickerInputContainer, date_range_picker_popover_default as DateRangePickerPopover, date_input_group_prefix_default as DateRangePickerPrefix, date_range_picker_range_separator_default as DateRangePickerRangeSeparator, date_input_group_segment_default as DateRangePickerSegment, date_input_group_suffix_default as DateRangePickerSuffix, date_range_picker_trigger_default as DateRangePickerTrigger, date_range_picker_trigger_indicator_default as DateRangePickerTriggerIndicator, description_root_default as Description, disclosure_root_default as Disclosure, disclosure_body_default as DisclosureBody, disclosure_content_default as DisclosureContent, disclosure_group_root_default as DisclosureGroup, disclosure_heading_default as DisclosureHeading, disclosure_indicator_default as DisclosureIndicator, disclosure_trigger_default as DisclosureTrigger, drag_preview_default as DragPreview, drawer_root_default as Drawer, drawer_backdrop_default as DrawerBackdrop, drawer_body_default as DrawerBody, drawer_close_default as DrawerClose, drawer_close_trigger_default as DrawerCloseTrigger, drawer_content_default as DrawerContent, drawer_dialog_default as DrawerDialog, drawer_footer_default as DrawerFooter, drawer_handle_default as DrawerHandle, drawer_header_default as DrawerHeader, drawer_heading_default as DrawerHeading, drawer_trigger_default as DrawerTrigger, drop_zone_root_default as DropZone, drop_zone_trigger_default as DropZoneTrigger, dropdown_root_default as Dropdown, dropdown_menu_default as DropdownMenu, dropdown_popover_default as DropdownPopover, dropdown_submenu_trigger_default as DropdownSubmenuTrigger, dropdown_trigger_default as DropdownTrigger, EFFECT_ALLOWED, empty_state_root_default as EmptyState, error_message_root_default as ErrorMessage, external_link_icon_default as ExternalLinkIcon, FOCUSABLE_SELECTOR, field_error_root_default as FieldError, field_error_content_default as FieldErrorContent, field_group_default as FieldGroup, fieldset_root_default as Fieldset, fieldset_actions_default as FieldsetActions, fieldset_legend_default as FieldsetLegend, form_root_default as Form, GENERIC_TYPE, header_root_default as Header, heading_default as Heading, i18n_provider_default as I18nProvider, icon_calendar_default as IconCalendar, icon_chevron_down_default as IconChevronDown, icon_chevron_left_default as IconChevronLeft, icon_chevron_right_default as IconChevronRight, icon_chevron_up_default as IconChevronUp, icon_close_default as IconClose, icon_minus_default as IconMinus, icon_overlay_arrow_default as IconOverlayArrow, icon_plus_default as IconPlus, icon_search_default as IconSearch, IncompleteDate, info_icon_default as InfoIcon, input_root_default as Input, input_group_root_default as InputGroup, input_group_input_default as InputGroupInput, input_group_prefix_default as InputGroupPrefix, input_group_suffix_default as InputGroupSuffix, input_group_textarea_default as InputGroupTextArea, input_otp_root_default as InputOTP, input_otp_group_default as InputOTPGroup, input_otp_separator_default as InputOTPSeparator, input_otp_slot_default as InputOTPSlot, kbd_root_default as Kbd, kbd_abbr_default as KbdAbbr, kbd_content_default as KbdContent, LONG_PRESS_THRESHOLD_MS, label_root_default as Label, Layout, LayoutInfo, link_root_default as Link, link_icon_default as LinkIcon, list_box_root_default as ListBox, list_box_drop_indicator_default as ListBoxDropIndicator, list_box_item_root_default as ListBoxItem, list_box_item_indicator_default as ListBoxItemIndicator, list_box_load_more_item_default as ListBoxLoadMoreItem, list_box_section_root_default as ListBoxSection, ListDropTargetDelegate, ListLayout, MISSING_VALIDITY_STATE, menu_root_default as Menu, menu_item_root_default as MenuItem, menu_item_indicator_default as MenuItemIndicator, menu_item_submenu_indicator_default as MenuItemSubmenuIndicator, menu_section_root_default as MenuSection, meter_root_default as Meter, meter_fill_default as MeterFill, meter_output_default as MeterOutput, meter_track_default as MeterTrack, modal_root_default as Modal, modal_backdrop_default as ModalBackdrop, modal_body_default as ModalBody, modal_close_default as ModalClose, modal_close_trigger_default as ModalCloseTrigger, modal_container_default as ModalContainer, modal_dialog_default as ModalDialog, modal_footer_default as ModalFooter, modal_header_default as ModalHeader, modal_heading_default as ModalHeading, modal_icon_default as ModalIcon, modal_trigger_default as ModalTrigger, NATIVE_DRAG_TYPES, number_field_root_default as NumberField, number_field_decrement_button_default as NumberFieldDecrementButton, number_field_group_default as NumberFieldGroup, number_field_increment_button_default as NumberFieldIncrementButton, number_field_input_default as NumberFieldInput, pagination_root_default as Pagination, pagination_content_default as PaginationContent, pagination_ellipsis_default as PaginationEllipsis, pagination_item_default as PaginationItem, pagination_link_default as PaginationLink, pagination_next_default as PaginationNext, pagination_next_icon_default as PaginationNextIcon, pagination_previous_default as PaginationPrevious, pagination_previous_icon_default as PaginationPreviousIcon, pagination_summary_default as PaginationSummary, paragraph_default as Paragraph, Point, popover_root_default as Popover, popover_arrow_default as PopoverArrow, popover_content_default as PopoverContent, popover_dialog_default as PopoverDialog, popover_heading_default as PopoverHeading, popover_trigger_default as PopoverTrigger, progress_bar_root_default as ProgressBar, progress_bar_fill_default as ProgressBarFill, progress_bar_output_default as ProgressBarOutput, progress_bar_track_default as ProgressBarTrack, progress_circle_root_default as ProgressCircle, progress_circle_fill_circle_default as ProgressCircleFillCircle, progress_circle_track_default as ProgressCircleTrack, progress_circle_track_circle_default as ProgressCircleTrackCircle, prose_default as Prose, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, ROPAV_VERSION, radio_root_default as Radio, radio_content_default as RadioContent, radio_control_default as RadioControl, radio_group_root_default as RadioGroup, radio_indicator_default as RadioIndicator, range_calendar_root_default as RangeCalendar, range_calendar_cell_default as RangeCalendarCell, range_calendar_cell_indicator_default as RangeCalendarCellIndicator, range_calendar_grid_default as RangeCalendarGrid, range_calendar_grid_body_default as RangeCalendarGridBody, range_calendar_grid_header_default as RangeCalendarGridHeader, range_calendar_header_default as RangeCalendarHeader, range_calendar_header_cell_default as RangeCalendarHeaderCell, range_calendar_heading_default as RangeCalendarHeading, range_calendar_nav_button_default as RangeCalendarNavButton, Rect, router_provider_default as RouterProvider, RowOffsets, scroll_shadow_root_default as ScrollShadow, search_field_root_default as SearchField, search_field_clear_button_default as SearchFieldClearButton, search_field_group_default as SearchFieldGroup, search_field_input_default as SearchFieldInput, search_field_search_icon_default as SearchFieldSearchIcon, segmented_control_root_default as SegmentedControl, segmented_control_indicator_default as SegmentedControlIndicator, segmented_control_item_default as SegmentedControlItem, segmented_control_separator_default as SegmentedControlSeparator, select_root_default as Select, select_clear_button_default as SelectClearButton, select_indicator_default as SelectIndicator, select_popover_default as SelectPopover, select_trigger_default as SelectTrigger, select_value_default as SelectValue, separator_root_default as Separator, sidebar_root_default as Sidebar, sidebar_collapsible_default as SidebarCollapsible, sidebar_collapsible_trigger_default as SidebarCollapsibleTrigger, sidebar_content_default as SidebarContent, sidebar_footer_default as SidebarFooter, sidebar_group_default as SidebarGroup, sidebar_group_label_default as SidebarGroupLabel, sidebar_header_default as SidebarHeader, sidebar_inset_default as SidebarInset, sidebar_item_default as SidebarItem, sidebar_item_icon_default as SidebarItemIcon, sidebar_item_indicator_default as SidebarItemIndicator, sidebar_item_label_default as SidebarItemLabel, sidebar_item_tooltip_default as SidebarItemTooltip, sidebar_item_trailing_default as SidebarItemTrailing, sidebar_panel_default as SidebarPanel, sidebar_rail_default as SidebarRail, sidebar_separator_default as SidebarSeparator, sidebar_sub_menu_default as SidebarSubMenu, sidebar_trigger_default as SidebarTrigger, Size, skeleton_root_default as Skeleton, slider_root_default as Slider, slider_fill_default as SliderFill, slider_marks_default as SliderMarks, slider_output_default as SliderOutput, slider_thumb_default as SliderThumb, slider_track_default as SliderTrack, spinner_root_default as Spinner, splitter_root_default as Splitter, splitter_handle_default as SplitterHandle, splitter_panel_default as SplitterPanel, success_icon_default as SuccessIcon, surface_root_default as Surface, switch_root_default as Switch, switch_content_default as SwitchContent, switch_control_default as SwitchControl, switch_group_root_default as SwitchGroup, switch_icon_default as SwitchIcon, switch_thumb_default as SwitchThumb, table_root_default as Table, table_body_default as TableBody, table_cell_default as TableCell, table_column_default as TableColumn, table_column_resizer_default as TableColumnResizer, table_content_default as TableContent, table_drag_handle_default as TableDragHandle, table_drop_indicator_default as TableDropIndicator, table_expand_trigger_default as TableExpandTrigger, table_footer_default as TableFooter, table_header_default as TableHeader, TableLayout, table_load_more_default as TableLoadMore, table_load_more_content_default as TableLoadMoreContent, table_resizable_container_default as TableResizableContainer, table_row_default as TableRow, table_scroll_container_default as TableScrollContainer, table_selection_checkbox_default as TableSelectionCheckbox, table_sortable_column_header_default as TableSortableColumnHeader, tabs_root_default as Tabs, tabs_indicator_default as TabsIndicator, tabs_list_default as TabsList, tabs_list_container_default as TabsListContainer, tabs_panel_default as TabsPanel, tabs_separator_default as TabsSeparator, tabs_tab_default as TabsTab, tag_root_default as Tag, tag_group_root_default as TagGroup, tag_group_list_default as TagGroupList, tag_remove_button_default as TagRemoveButton, textarea_root_default as TextArea, textfield_root_default as TextField, time_field_root_default as TimeField, date_input_group_root_default as TimeFieldGroup, date_input_group_input_default as TimeFieldInput, date_input_group_input_container_default as TimeFieldInputContainer, date_input_group_prefix_default as TimeFieldPrefix, date_input_group_segment_default as TimeFieldSegment, date_input_group_suffix_default as TimeFieldSuffix, toast_root_default as Toast, toast_action_button_default as ToastActionButton, toast_close_button_default as ToastCloseButton, toast_content_default as ToastContent, toast_description_default as ToastDescription, toast_indicator_default as ToastIndicator, toast_provider_default as ToastProvider, ToastQueue, toast_title_default as ToastTitle, toggle_button_root_default as ToggleButton, toggle_button_group_root_default as ToggleButtonGroup, toggle_button_group_separator_default as ToggleButtonGroupSeparator, toolbar_root_default as Toolbar, tooltip_root_default as Tooltip, tooltip_arrow_default as TooltipArrow, tooltip_content_default as TooltipContent, tooltip_trigger_default as TooltipTrigger, TreeDropTargetDelegate, typography_root_default as Typography, VALID_VALIDITY_STATE, virtualizer_item_default as VirtualizerItem, virtualizer_root_default as VirtualizerRoot, virtualizer_scrollbar_default as VirtualizerScrollbar, warning_icon_default as WarningIcon, accordionVariants, alertDialogVariants, alertVariants, alignCenter, alignEnd, alignStart, ariaHideOutside, autocompleteVariants, avatarGroupVariants, avatarVariants, badgeVariants, breadcrumbsVariants, buttonGroupVariants, buttonVariants, calculatePosition, calculatePositionInternal, calendarVariants, calendarYearPickerVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, clamp, clearCssVariableCache, clearGlobalDnDState, closeButtonVariants, colorAreaVariants, colorFieldVariants, colorInputGroupVariants, colorPickerVariants, colorSliderVariants, colorSwatchPickerVariants, colorSwatchVariants, comboBoxVariants, composeFocusResponder, composePressResponder, composeSlotClassName, constrainStart, constrainValue, convertValue, createCalendar, createContext, createFocusManager, createListCollection, createPlaceholderDate, createTableCollection, createToastFunction, createViewTransitionUpdate, dataAttr, dateFieldVariants, datePickerVariants, dateRangePickerVariants, defaultItemKey, defaultItemTextValue, descriptionVariants, disclosureGroupVariants, disclosureVariants, dragTypesFromSet, drawerVariants, dropZoneVariants, dropdownVariants, emptyStateVariants, errorMessageVariants, fieldErrorVariants, fieldsetVariants, flattenBlock, focusableIn, fromHourCycle, getCollectionTextValue, getColorChannels, getDatePlaceholder, getDateValidationResult, getDayViewGridRows, getDayViewWeekDayLabels, getDefaultLocale, getDefaultYearBounds, getFormatOptions, getInteractionModality, getNativeValidation, getPlaceholderTime, getQueuedToastCount, getRangeValidationResult, getRect, getRegisteredTooltipCount, getScrollParent, getTypes, getYearRange, globalAllowedDropOperations, globalDndState, globalDropEffect, headerVariants, inputGroupVariants, inputOTPVariants, inputVariants, isAndroid, isAppleDevice, isChrome, isDateInvalid, isDirectoryDropItem, isElementInAnyFocusScope, isElementVisible, isEqualDuration, isEqualValidation, isFileDropItem, isFocusVisible, isIOS, isIPad, isIPhone, isInternalDropOperation, isMac, isNestedControl, isRTL, isScrollable, isTextDropItem, isTextOnlyBlock, isValueMissing, isVirtualClick, isVirtualPointerEvent, isWebKit, kbdKeysLabelMap, kbdKeysMap, kbdVariants, keepVisible, labelVariants, layoutInfoToStyle, linkVariants, listboxItemVariants, listboxSectionVariants, listboxVariants, menuItemVariants, menuSectionVariants, menuVariants, mergeValidation, meterVariants, missingValueMessage, modalVariants, navigateDropTarget, normalizeColor, normalizeHue, numberFieldVariants, openLink, overscannedRect, paginationVariants, parseColor, parseColorValue, parseCssTime, popoverVariants, previousAvailableDate, progressBarVariants, progressCircleVariants, provideCalendarOwnerContext, provideCalendarStateContext, provideCheckboxContext, provideCheckboxGroupContext, provideColorInputGroupControlContext, provideColorValueContext, provideDatePickerContext, provideDateRangePickerContext, provideFieldErrorContext, provideFieldIdsContext, provideFieldsetContext, provideFocusResponder, provideFormContext, provideInputOTPContext, provideListBoxStateContext, provideLocale, provideLocaleContext, provideMenuItemPopupContext, provideNumberFieldContext, providePressResponder, provideRadioContext, provideRadioGroupContext, provideRangeCalendarContext, provideRangeCalendarOwnerContext, provideSearchFieldContext, provideSurfaceContext, provideTextFieldContext, provideVirtualizerStateContext, provideYearPickerContext, radioGroupVariants, radioVariants, rangeCalendarVariants, readFromDataTransfer, resetToastQueue, resetTooltipWarmup, retainInteractionModality, roundToStepPrecision, scrollShadowVariants, searchFieldVariants, segmentedControlVariants, selectVariants, separatorVariants, setDraggingCollectionRef, setDraggingKeys, setDropCollectionRef, setFormChecked, setFormValue, setGlobalAllowedDropOperations, setGlobalDnDState, setGlobalDropEffect, setInteractionModality, shouldClientNavigate, sidebarVariants, skeletonVariants, sliderVariants, snapValueToStep, spinnerVariants, splitterVariants, surfaceVariants, switchGroupVariants, switchVariants, tabbableIn, tableVariants, tabsVariants, tagGroupVariants, tagVariants, textAreaVariants, textFieldVariants, timeFieldVariants, toFixedNumber, toHourCycle, toast, toastQueue, toastVariants, toggleButtonGroupVariants, toggleButtonVariants, toolbarVariants, tooltipVariants, translateRTL, typographyVariants, useAlertDialogContext, useAlertDialogOverlayContext, useAutocompleteContext, useAvatarGroupContext, useButtonGroupContext, useCalendarOwnerContext, useCalendarState, useCalendarStateContext, useCheckboxContext, useCheckboxGroupContext, useCheckboxGroupState, useCollator, useCollection, useColorAreaState, useColorChannelFieldState, useColorFieldState, useColorInputGroupControlContext, useColorPickerState, useColorSliderState, useColorValueContext, useComboBoxContext, useComboBoxState, useControllableState, useCssVariable, useDateFieldState, useDateFormatter, useDatePickerContext, useDatePickerState, useDateRangePickerContext, useDateRangePickerState, useDefaultLocale, useDescription, useDisclosureContext, useDisclosureGroup, useDisclosureGroupContext, useDisclosureGroupNavigation, useDismissable, useDragAndDrop, useDrawerContext, useDrawerOverlayContext, useDrop, useDropdownContext, useDropdownPopoverTarget, useEnterExit, useFieldErrorContext, useFieldIds, useFieldIdsContext, useFieldsetContext, useFilter, useFocusResponder, useFocusScope, useFocusWithin, useFormContext, useFormReset, useFormValidationState, useId, useInputOTPContext, useInteractionModality, useInteractionStates, useLabels, useListBoxContext, useListBoxItemContext, useListBoxStateContext, useListData, useListKeyboard, useLocale, useLocaleContext, useLocalizedStringDictionary, useLocalizedStringFormatter, useLongPress, useMediaQuery, useMenuContext, useMenuItemContext, useMenuSectionContext, useMenuTriggerState, useModalContext, useModalOverlayContext, useMove, useNumberFieldContext, useNumberFieldState, useNumberFormatter, useOverlayPosition, useOverlayTriggerState, usePageSize, usePress, usePressResponder, usePreventScroll, useRadioContext, useRadioGroupContext, useRadioGroupState, useRangeCalendarContext, useRangeCalendarOwnerContext, useRangeCalendarState, useRouterContext, useScrollShadow, useSearchFieldContext, useSegmentedControlContext, useSegmentedControlItemContext, useSelectContext, useSelectState, useSelectionManager, useSeparatorContext, useSidebarCollapsibleContext, useSidebarContext, useSidebarGroupContext, useSidebarSubMenuContext, useSingleSelectListState, useSliderState, useSplitterContext, useSubmenuTriggerState, useSurfaceContext, useTabListState, useTabsContext, useTabsTabContext, useTagContext, useTagGroupContext, useTextFieldContext, useTimeFieldState, useToast, useToastItemContext, useToastQueue, useToastRegionContext, useToggleButtonGroupContext, useToggleGroupState, useToolbarContext, useTooltipContext, useTooltipTriggerState, useTypeahead, useViewportSize, useVirtualizerConfigContext, useVirtualizerStateContext, useYearPickerContext, visuallyHiddenStyle, willOpenKeyboard, writeToDataTransfer };

package/dist/version.js

@@ -1,4 +1,4 @@
 //#region src/version.ts
-var ROPAV_VERSION = "0.12.0";
+var ROPAV_VERSION = "0.12.1";
 //#endregion
 export { ROPAV_VERSION };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ropav",
-  "version": "0.12.0",
-  "description": "🚀 Beautiful and modern Vue UI library built with Vapor Mode and Tailwind CSS 4.0.",
+  "version": "0.12.1",
+  "description": "Vapor-native Vue 3 component library — accessible by default, styled with framework-agnostic CSS.",
   "keywords": [
     "components",
     "ropav",
@@ -24,6 +24,7 @@
     "directory": "packages/ropav"
   },
   "files": [
+    "AGENTS.md",
     "dist"
   ],
   "type": "module",
@@ -420,7 +421,7 @@
     "@internationalized/date": "3.12.4",
     "@internationalized/number": "3.6.8",
     "@internationalized/string": "3.2.10",
-    "@ropav/styles": "0.12.0"
+    "@ropav/styles": "0.12.1"
   },
   "peerDependencies": {
     "vue": "^3.6.0-rc.8"