ropav 0.3.1 → 0.4.0

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

@@ -1,9 +1,9 @@
 import { useSeparatorContext } from "./separator.context.js";
-import { computed, createIf, defineVaporComponent, renderEffect, setAttr, setClass, template } from "vue";
+import { computed, createIf, defineVaporComponent, renderEffect, setAttr, setClass, setProp, template } from "vue";
 import { separatorVariants } from "@ropav/styles";
 //#region src/components/separator/separator-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<div data-slot=separator role=separator>", 1);
-var t1 = template("<hr data-orientation=horizontal data-slot=separator role=separator>", 1);
+var t0 = template("<div data-slot=separator>", 1);
+var t1 = template("<hr data-orientation=horizontal data-slot=separator>", 1);
 var separator_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "separator-root",
 	props: {
@@ -22,17 +22,23 @@ var separator_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@_
 		}));
 		const isVertical = computed(() => resolvedOrientation.value === "vertical");
 		const isDiv = computed(() => isVertical.value || context?.elementType === "div");
+		const role = computed(() => context?.role ?? "separator");
 		return createIf(() => isDiv.value, () => {
 			const n2 = t0();
 			renderEffect(() => {
-				setAttr(n2, "aria-orientation", isVertical.value ? "vertical" : void 0);
+				const _role = role.value;
+				setAttr(n2, "aria-orientation", isVertical.value && _role === "separator" ? "vertical" : void 0);
 				setClass(n2, styles.value);
 				setAttr(n2, "data-orientation", resolvedOrientation.value);
+				setProp(n2, "role", _role);
 			});
 			return n2;
 		}, () => {
 			const n4 = t1();
-			renderEffect(() => setClass(n4, styles.value));
+			renderEffect(() => {
+				setClass(n4, styles.value);
+				setProp(n4, "role", role.value);
+			});
 			return n4;
 		}, 261);
 	}

package/dist/components/separator/separator.context.d.ts

@@ -14,6 +14,13 @@ export interface SeparatorContext {
      * this better than the caller does: a rule inside a horizontal toolbar runs vertically.
      */
     orientation?: ComputedRef<SeparatorVariants["orientation"]>;
+    /**
+     * Role a Separator takes inside this container. `listbox` accepts only `option` and
+     * `group` children, so a rule between its sections has to step out of the ARIA tree
+     * rather than announce itself as a separator that does not belong there.
+     * @default "separator"
+     */
+    role?: "presentation" | "separator";
 }
 /**
  * Loose on purpose: a Separator is perfectly usable on its own, so the absence of a

package/dist/components/tabs/tabs-panel.js

@@ -2,7 +2,7 @@ import { dataAttr } from "../../utils/assertion.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { useEnterExit } from "../../composables/use-enter-exit.js";
 import { useTabsContext } from "./tabs.context.js";
-import { computed, createIf, createSlot, defineVaporComponent, on, renderEffect, setAttr, setClass, setInsertionState, setProp, setStaticTemplateRef, shallowRef, template, unref } from "vue";
+import { computed, createIf, createSlot, defineVaporComponent, on, renderEffect, setAttr, setClass, setInsertionState, setProp, setStaticTemplateRef, shallowRef, template, unref, watch } from "vue";
 //#region src/components/tabs/tabs-panel.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div data-slot=tabs-panel role=tabpanel>", 1);
 var tabs_panel_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -20,6 +20,10 @@ var tabs_panel_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 		const { slots, state } = useTabsContext();
 		const panelKey = computed(() => props.id);
 		const isSelected = computed(() => state.selectedKey.value === panelKey.value);
+		watch(panelKey, (key, _previous, onCleanup) => {
+			if (key == null) return;
+			onCleanup(state.registerPanel(key));
+		}, { immediate: true });
 		const element = shallowRef(null);
 		const { isEntering, isExiting, isPresent } = useEnterExit({
 			elementRef: element,

package/dist/components/tabs/tabs-tab.js

@@ -60,7 +60,7 @@ var tabs_tab_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE_
 			const _isDisabled = isDisabled.value;
 			const _dataAttr = unref(dataAttr);
 			setProp(n1, "id", _state.tabId(_tabKey));
-			setAttr(n1, "aria-controls", _isSelected ? _state.tabPanelId(_tabKey) : void 0);
+			setAttr(n1, "aria-controls", _isSelected && _state.hasPanel(_tabKey) ? _state.tabPanelId(_tabKey) : void 0);
 			setAttr(n1, "aria-disabled", _isDisabled || void 0);
 			setAttr(n1, "aria-selected", _isSelected);
 			setClass(n1, unref(slots).tab({ class: props.class }));

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

@@ -2,40 +2,46 @@ import TextAreaRoot from "./textarea-root.js";
 export declare const TextArea: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
     attrs: any;
     slots: {};
-    emit: {};
+    emit: ((evt: "change", value: string) => void) & ((evt: "update:value", value: string) => void);
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & {
         class?: string;
+        value?: string;
         variant?: import("@ropav/styles").TextAreaVariants["variant"];
         fullWidth?: boolean;
         placeholder?: string;
+        onChange?: ((value: string) => any) | undefined;
+        "onUpdate:value"?: ((value: string) => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: {};
+    emit: ((evt: "change", value: string) => void) & ((evt: "update:value", value: string) => void);
 }>) => import('vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 }) & {
     Root: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
         attrs: any;
         slots: {};
-        emit: {};
+        emit: ((evt: "change", value: string) => void) & ((evt: "update:value", value: string) => void);
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
         props: import('vue').PublicProps & {
             class?: string;
+            value?: string;
             variant?: import("@ropav/styles").TextAreaVariants["variant"];
             fullWidth?: boolean;
             placeholder?: string;
+            onChange?: ((value: string) => any) | undefined;
+            "onUpdate:value"?: ((value: string) => any) | undefined;
         } & (typeof globalThis extends {
             __VLS_PROPS_FALLBACK: infer P;
         } ? P : {});
         expose: (exposed: {}) => void;
         attrs: any;
         slots: {};
-        emit: {};
+        emit: ((evt: "change", value: string) => void) & ((evt: "update:value", value: string) => void);
     }>) => import('vue').VNode & {
         __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };

package/dist/components/textarea/textarea-root.d.ts

@@ -1,12 +1,15 @@
 import type { TextAreaRootProps } from "./textarea.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
-    props: import('vue').PublicProps & __VLS_PrettifyLocal<TextAreaRootProps> & (typeof globalThis extends {
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<TextAreaRootProps & {
+        onChange?: ((value: string) => any) | undefined;
+        "onUpdate:value"?: ((value: string) => any) | undefined;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: {};
+    emit: ((evt: "change", value: string) => void) & ((evt: "update:value", value: string) => void);
 }>) => import('vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

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

@@ -1,8 +1,9 @@
 import { dataAttr } from "../../utils/assertion.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
+import { setFormValue } from "../../utils/form-value.js";
 import { useTextFieldControlContext } from "../../composables/use-text-field.js";
 import { useTextFieldContext } from "../textfield/textfield.context.js";
-import { computed, createTemplateRefSetter, defineVaporComponent, on, renderEffect, setDynamicProps, template, unref } from "vue";
+import { computed, createTemplateRefSetter, defineVaporComponent, on, renderEffect, setDynamicProps, shallowRef, template, unref, watch } from "vue";
 import { textAreaVariants } from "@ropav/styles";
 //#region src/components/textarea/textarea-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<textarea>", 1);
@@ -10,6 +11,7 @@ var textarea_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 	__name: "textarea-root",
 	props: {
 		class: {},
+		value: {},
 		variant: { default: void 0 },
 		fullWidth: {
 			type: Boolean,
@@ -17,12 +19,16 @@ var textarea_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		},
 		placeholder: {}
 	},
-	setup(__props) {
+	emits: ["change", "update:value"],
+	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const emit = __emit;
 		const control = useTextFieldControlContext();
 		const textField = useTextFieldContext();
-		const setElement = (element) => {
-			control?.registerElement(element instanceof HTMLTextAreaElement ? element : null);
+		const element = shallowRef(null);
+		const setElement = (next) => {
+			element.value = next instanceof HTMLTextAreaElement ? next : null;
+			control?.registerElement(element.value);
 		};
 		const resolvedVariant = computed(() => props.variant ?? textField?.variant.value);
 		const styles = computed(() => textAreaVariants({
@@ -33,9 +39,35 @@ var textarea_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		const attrs = computed(() => {
 			const merged = { ...control?.attrs.value };
 			if (props.placeholder !== void 0) merged["placeholder"] = props.placeholder;
+			if (props.value !== void 0) merged["value"] = props.value;
 			return merged;
 		});
 		const interaction = useInteractionStates({ isDisabled: () => control?.isDisabled.value });
+		const inputCount = shallowRef(0);
+		const onInput = (event) => {
+			control?.handlers.onInput(event);
+			const next = event.currentTarget.value;
+			emit("change", next);
+			emit("update:value", next);
+			if (props.value !== void 0) inputCount.value++;
+		};
+		/**
+		* Put the text back to what the caller holds, reset source included. See the same watch in
+		* `input-root.vue`, and {@link setFormValue}, for why this cannot be left to the binding — and note
+		* that a textarea keeps its reset source in its children rather than in a `value` attribute.
+		*/
+		watch([
+			element,
+			() => props.value,
+			inputCount
+		], ([el, pinned]) => {
+			if (pinned === void 0) return;
+			setFormValue(el, pinned);
+		}, {
+			flush: "post",
+			immediate: true
+		});
+		watch(() => props.value !== void 0, (owned) => control?.setValueOwned(owned), { immediate: true });
 		const onFocus = (event) => {
 			interaction.onFocus();
 			control?.handlers.onFocus(event);
@@ -48,7 +80,7 @@ var textarea_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		const n0 = t0();
 		on(n0, "blur", onBlur);
 		on(n0, "focus", onFocus);
-		on(n0, "input", (e) => unref(control)?.handlers.onInput(e));
+		on(n0, "input", onInput);
 		on(n0, "keydown", (e) => unref(control)?.handlers.onKeydown(e));
 		on(n0, "keyup", (e) => unref(control)?.handlers.onKeyup(e));
 		on(n0, "pointerdown", (e) => unref(interaction).onPointerdown(e));

package/dist/components/textarea/textarea.types.d.ts

@@ -1,6 +1,12 @@
 import type { TextAreaVariants } from "@ropav/styles";
 export interface TextAreaRootProps {
     class?: string;
+    /**
+     * Text in the control. Set here it takes the control over from the surrounding field, so the
+     * caller owns the value even inside a `TextField` — exactly as a `value` prop does in React.
+     * Without a listener to go with it the text is pinned.
+     */
+    value?: string;
     /** Visual variant. Taken from the surrounding field when unset. @default "primary" */
     variant?: TextAreaVariants["variant"];
     /** Whether the control stretches to fill its container. */

package/dist/components/toggle-button-group/toggle-button-group-root.js

@@ -61,6 +61,7 @@ var toggle_button_group_root_vue_vue_type_script_setup_true_vapor_true_lang_defa
 		* `role="radio"` + `aria-checked` instead of `aria-pressed`.
 		*/
 		const role = computed(() => state.selectionMode.value === "single" ? "radiogroup" : toolbar.role.value);
+		const ariaOrientation = computed(() => role.value === "group" ? void 0 : resolvedOrientation.value);
 		provideToggleButtonGroupContext({
 			size: computed(() => props.size),
 			slots,
@@ -69,12 +70,11 @@ var toggle_button_group_root_vue_vue_type_script_setup_true_vapor_true_lang_defa
 		const n1 = t0();
 		renderEffect(() => {
 			const _resolvedIsDisabled = resolvedIsDisabled.value;
-			const _resolvedOrientation = resolvedOrientation.value;
 			setAttr(n1, "aria-disabled", _resolvedIsDisabled || void 0);
-			setAttr(n1, "aria-orientation", _resolvedOrientation);
+			setAttr(n1, "aria-orientation", ariaOrientation.value);
 			setClass(n1, slots.value.base({ class: props.class }));
 			setAttr(n1, "data-disabled", unref(dataAttr)(_resolvedIsDisabled));
-			setAttr(n1, "data-orientation", _resolvedOrientation);
+			setAttr(n1, "data-orientation", resolvedOrientation.value);
 			setProp(n1, "role", role.value);
 		});
 		setInsertionState(n1);

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

@@ -27,12 +27,12 @@ var toolbar_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__P
 		});
 		provideToolbarContext({ orientation });
 		provideSeparatorContext({ orientation: computed(() => props.orientation === "horizontal" ? "vertical" : "horizontal") });
+		const ariaOrientation = computed(() => toolbar.role.value === "group" ? void 0 : props.orientation);
 		const n1 = t0();
 		renderEffect(() => {
-			const _props_orientation = props.orientation;
-			setAttr(n1, "aria-orientation", _props_orientation);
+			setAttr(n1, "aria-orientation", ariaOrientation.value);
 			setClass(n1, styles.value);
-			setAttr(n1, "data-orientation", _props_orientation);
+			setAttr(n1, "data-orientation", props.orientation);
 			setProp(n1, "role", unref(toolbar).role.value);
 		});
 		setInsertionState(n1);

package/dist/components/tooltip/tooltip-trigger.js

@@ -1,8 +1,9 @@
 import { dataAttr } from "../../utils/assertion.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
 import { composeFocusResponder, useFocusResponder } from "../../composables/focus-responder.js";
+import { FOCUSABLE_SELECTOR } from "../../utils/focus.js";
 import { useTooltipContext } from "./tooltip.context.js";
-import { computed, createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, template, unref } from "vue";
+import { computed, createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, setTemplateRefBinding, shallowRef, template, unref, watch } from "vue";
 //#region src/components/tooltip/tooltip-trigger.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<div>", 1);
 var tooltip_trigger_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -13,9 +14,15 @@ var tooltip_trigger_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 		const { slots } = useTooltipContext();
 		const responder = useFocusResponder();
 		const styles = computed(() => slots.value.trigger({ class: props.class }));
+		const host = shallowRef(null);
+		const hasFocusableContent = shallowRef(false);
 		const setElement = (element) => {
-			responder?.registerElement(element ?? null);
+			host.value = element ?? null;
+			responder?.registerElement(host.value);
 		};
+		watch(host, (element) => {
+			hasFocusableContent.value = Boolean(element?.querySelector(FOCUSABLE_SELECTOR));
+		}, { flush: "post" });
 		const states = useInteractionStates();
 		const focus = composeFocusResponder(responder, {
 			onBlur: states.onBlur,
@@ -23,6 +30,7 @@ var tooltip_trigger_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 			onPointerenter: states.onPointerenter,
 			onPointerleave: () => states.onPointerleave()
 		});
+		const wrapperAttrs = computed(() => hasFocusableContent.value ? void 0 : responder?.attrs.value);
 		const n1 = t0();
 		renderEffect(() => {
 			const _dataAttr = unref(dataAttr);
@@ -32,9 +40,9 @@ var tooltip_trigger_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@
 				"data-focus-visible": _dataAttr(_states.isFocusVisible.value),
 				"data-hovered": _dataAttr(_states.isHovered.value),
 				"data-slot": "tooltip-trigger",
-				role: "button",
-				tabindex: "0"
-			}, unref(responder)?.attrs.value]);
+				role: hasFocusableContent.value ? void 0 : "button",
+				tabindex: hasFocusableContent.value ? void 0 : 0
+			}, wrapperAttrs.value]);
 		});
 		setInsertionState(n1);
 		createSlot();

package/dist/composables/use-menu.d.ts

@@ -7,6 +7,14 @@ export interface UseMenuOptions {
     id?: MaybeRefOrGetter<string | undefined>;
     /** The id of the element naming the menu, normally the trigger. */
     labelledBy?: MaybeRefOrGetter<string | undefined>;
+    /**
+     * Names the menu when there is no element to point `labelledBy` at.
+     *
+     * A menu inside a trigger is named by it and never needs this; a menu standing on its own has
+     * nothing to borrow a name from, and a name is not something axe checks for `role="menu"` — so
+     * without a string to pass, a standalone menu ships unnamed and nothing says so.
+     */
+    label?: MaybeRefOrGetter<string | undefined>;
     selectionMode?: MaybeRefOrGetter<SelectionMode | undefined>;
     selectionBehavior?: MaybeRefOrGetter<SelectionBehavior | undefined>;
     selectedKeys?: MaybeRefOrGetter<"all" | Iterable<CollectionKey> | undefined>;
@@ -33,6 +41,8 @@ export interface UseMenuReturn {
     collectionId: ComputedRef<string>;
     /** Attributes the menu element renders, beside its own class and `data-slot`. */
     menuAttributes: ComputedRef<Record<string, string | number | boolean | undefined>>;
+    /** Attributes the wrapper around the empty slot renders. */
+    emptyAttributes: ComputedRef<Record<string, string | number | boolean | undefined>>;
     onKeydown: (event: KeyboardEvent) => void;
     onKeydownCapture: (event: KeyboardEvent) => void;
     onFocusin: (event: FocusEvent) => void;

package/dist/composables/use-menu.js

@@ -84,8 +84,30 @@ var useMenu = (options = {}) => {
 	return {
 		collectionId,
 		element,
+		/**
+		* The empty slot is a disabled item of the menu, not a bare wrapper inside it.
+		*
+		* `role="menu"` may only own `menuitem`, `menuitemradio`, `menuitemcheckbox` or `group`, and
+		* the empty state's content is the caller's, carrying no role at all. A `presentation` wrapper
+		* does not help: it flattens out of the tree, so what the menu ends up owning is that content
+		* — which is why the virtualizer's `presentation` wrapper is fine and this one was not. It
+		* holds real items; this holds prose.
+		*
+		* Measured against axe: `presentation`, `none`, `status`, `group` alone and a bare `div` all
+		* fail, while a disabled `menuitem` passes — and so does a menu with no children whatsoever. It
+		* is the unallowed child that breaks it rather than the missing item.
+		*
+		* A disabled item is also the truer reading. The menu still is a menu, it has one thing in it,
+		* and that thing says there is nothing to choose and cannot be chosen. It never registers with
+		* the collection, so the keyboard never reaches it either.
+		*/
+		emptyAttributes: computed(() => ({
+			"aria-disabled": true,
+			role: "menuitem"
+		})),
 		isEmpty: computed(() => collection.size.value === 0),
 		menuAttributes: computed(() => ({
+			"aria-label": toValue(options.label),
 			"aria-labelledby": toValue(options.labelledBy),
 			"data-collection": collectionId.value,
 			"data-empty": collection.size.value === 0 ? "true" : void 0,

package/dist/composables/use-select.js

@@ -120,7 +120,6 @@ var useSelect = (options, state) => {
 			"aria-invalid": isInvalid.value || void 0,
 			"aria-label": toValue(options.ariaLabel),
 			"aria-labelledby": [valueId.value, toValue(options.ariaLabelledby) ?? fieldIds.labelId.value].filter(Boolean).join(" "),
-			"aria-required": toValue(options.isRequired) || void 0,
 			disabled: toValue(options.isDisabled) || void 0,
 			id: trigger.triggerId.value,
 			type: "button"

package/dist/composables/use-tab-list-state.d.ts

@@ -25,6 +25,16 @@ export interface UseTabListStateReturn {
     /** `undefined` for a key that does not exist, so no attribute points at nothing. */
     tabId: (key: CollectionKey | null | undefined) => string | undefined;
     tabPanelId: (key: CollectionKey | null | undefined) => string | undefined;
+    /**
+     * Whether a panel for this key is in the document.
+     *
+     * Tabs are usable without panels - driving something rendered elsewhere on the page is a normal
+     * arrangement - and a tab that points `aria-controls` at an element that was never rendered is
+     * worse than one that points nowhere.
+     */
+    hasPanel: (key: CollectionKey | null | undefined) => boolean;
+    /** Called by a panel while it is mounted. Returns the matching unregister. */
+    registerPanel: (key: CollectionKey) => () => void;
 }
 /**
  * Which tab is selected, and the ids that tie each tab to its panel.

package/dist/composables/use-tab-list-state.js

@@ -2,7 +2,7 @@ import { useId as useId$1 } from "./use-id.js";
 import { useControllableState } from "./use-controllable-state.js";
 import { useCollection } from "./use-collection.js";
 import { useSelectionManager } from "./use-selection-manager.js";
-import { computed, toValue, watch } from "vue";
+import { computed, shallowRef, toValue, watch } from "vue";
 //#region src/composables/use-tab-list-state.ts
 /**
 * Which tab is selected, and the ids that tie each tab to its panel.
@@ -103,9 +103,19 @@ var useTabListState = (options = {}) => {
 	const tabsId = useId$1(() => toValue(options.id));
 	/** React Aria strips whitespace out of a string key so the id stays a single token. */
 	const idFor = (key, role) => key == null ? void 0 : `${tabsId.value}-${role}-${String(key).replace(/\s+/g, "")}`;
+	const panelKeys = shallowRef(/* @__PURE__ */ new Set());
 	return {
 		collection,
+		hasPanel: (key) => key != null && panelKeys.value.has(key),
 		isDisabled: computed(() => Boolean(toValue(options.isDisabled))),
+		registerPanel: (key) => {
+			panelKeys.value = new Set(panelKeys.value).add(key);
+			return () => {
+				const next = new Set(panelKeys.value);
+				next.delete(key);
+				panelKeys.value = next;
+			};
+		},
 		selectedKey,
 		selection,
 		setSelectedKey: (key) => stored.setState(key),

package/dist/index.js

@@ -214,6 +214,12 @@ import { provideColorValueContext, useColorValueContext } from "./components/col
 import color_area_root_default from "./components/color-area/color-area-root.js";
 import color_area_thumb_default from "./components/color-area/color-area-thumb.js";
 import { ColorArea, colorAreaVariants } from "./components/color-area/index.js";
+import { provideColorInputGroupContext, provideColorInputGroupControlContext, useColorInputGroupContext, useColorInputGroupControlContext } from "./components/color-input-group/color-input-group.context.js";
+import color_input_group_input_default from "./components/color-input-group/color-input-group-input.js";
+import color_input_group_prefix_default from "./components/color-input-group/color-input-group-prefix.js";
+import color_input_group_root_default from "./components/color-input-group/color-input-group-root.js";
+import color_input_group_suffix_default from "./components/color-input-group/color-input-group-suffix.js";
+import { ColorInputGroup, colorInputGroupVariants } from "./components/color-input-group/index.js";
 import { parseColorValue, useColorFieldState } from "./composables/use-color-field-state.js";
 import { useNumberFieldState } from "./composables/use-number-field-state.js";
 import { useColorChannelFieldState } from "./composables/use-color-channel-field-state.js";
@@ -618,4 +624,4 @@ import { ListLayout } from "./utils/virtualizer-list-layout.js";
 import { TableLayout } from "./utils/virtualizer-table-layout.js";
 import { ROPAV_VERSION } from "./version.js";
 import { cn, tv } from "tailwind-variants";
-export { 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_root_default as AccordionRoot, accordion_trigger_default as AccordionTrigger, Alert, alert_content_default as AlertContent, alert_description_default as AlertDescription, 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_root_default as AlertDialogRoot, alert_dialog_trigger_default as AlertDialogTrigger, alert_indicator_default as AlertIndicator, alert_root_default as AlertRoot, alert_title_default as AlertTitle, Autocomplete, autocomplete_clear_button_default as AutocompleteClearButton, autocomplete_filter_default as AutocompleteFilter, autocomplete_indicator_default as AutocompleteIndicator, autocomplete_popover_default as AutocompletePopover, autocomplete_root_default as AutocompleteRoot, autocomplete_trigger_default as AutocompleteTrigger, autocomplete_value_default as AutocompleteValue, Avatar, avatar_fallback_default as AvatarFallback, avatar_image_default as AvatarImage, avatar_root_default as AvatarRoot, Badge, badge_anchor_default as BadgeAnchor, badge_label_default as BadgeLabel, badge_root_default as BadgeRoot, Breadcrumbs, breadcrumbs_item_default as BreadcrumbsItem, breadcrumbs_root_default as BreadcrumbsRoot, Button, ButtonGroup, button_group_root_default as ButtonGroupRoot, button_group_separator_default as ButtonGroupSeparator, button_root_default as ButtonRoot, CUSTOM_DRAG_TYPE, CUSTOM_VALIDITY_STATE, 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_root_default as CalendarRoot, CalendarYearPicker, 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, card_content_default as CardContent, card_description_default as CardDescription, card_footer_default as CardFooter, card_header_default as CardHeader, card_root_default as CardRoot, card_title_default as CardTitle, Checkbox, checkbox_content_default as CheckboxContent, checkbox_control_default as CheckboxControl, CheckboxGroup, checkbox_group_root_default as CheckboxGroupRoot, checkbox_indicator_default as CheckboxIndicator, checkbox_root_default as CheckboxRoot, Chip, chip_label_default as ChipLabel, chip_root_default as ChipRoot, CloseButton, close_button_root_default as CloseButtonRoot, code_default as Code, ColorArea, color_area_root_default as ColorAreaRoot, color_area_thumb_default as ColorAreaThumb, ColorField, color_field_root_default as ColorFieldRoot, ColorPicker, color_picker_popover_default as ColorPickerPopover, color_picker_root_default as ColorPickerRoot, color_picker_trigger_default as ColorPickerTrigger, ColorSlider, color_slider_output_default as ColorSliderOutput, color_slider_root_default as ColorSliderRoot, color_slider_thumb_default as ColorSliderThumb, color_slider_track_default as ColorSliderTrack, ColorSwatch, ColorSwatchPicker, color_swatch_picker_indicator_default as ColorSwatchPickerIndicator, color_swatch_picker_item_default as ColorSwatchPickerItem, color_swatch_picker_root_default as ColorSwatchPickerRoot, color_swatch_picker_swatch_default as ColorSwatchPickerSwatch, color_swatch_root_default as ColorSwatchRoot, ComboBox, combo_box_input_group_default as ComboBoxInputGroup, combo_box_popover_default as ComboBoxPopover, combo_box_root_default as ComboBoxRoot, 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, DIRECTORY_DRAG_TYPE, DROP_EFFECT_TO_DROP_OPERATION, DROP_OPERATION, DROP_OPERATION_ALLOWED, DROP_OPERATION_TO_DROP_EFFECT, danger_icon_default as DangerIcon, DataTransferDragTypes, 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_field_root_default as DateFieldRoot, date_input_group_segment_default as DateFieldSegment, date_input_group_suffix_default as DateFieldSuffix, 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_picker_root_default as DatePickerRoot, 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, 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_range_picker_root_default as DateRangePickerRoot, 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, description_root_default as DescriptionRoot, Disclosure, disclosure_body_default as DisclosureBody, disclosure_content_default as DisclosureContent, DisclosureGroup, disclosure_group_root_default as DisclosureGroupRoot, disclosure_heading_default as DisclosureHeading, disclosure_indicator_default as DisclosureIndicator, disclosure_root_default as DisclosureRoot, disclosure_trigger_default as DisclosureTrigger, drag_preview_default as DragPreview, DragSession, 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_root_default as DrawerRoot, drawer_trigger_default as DrawerTrigger, Dropdown, dropdown_menu_default as DropdownMenu, dropdown_popover_default as DropdownPopover, dropdown_root_default as DropdownRoot, dropdown_submenu_trigger_default as DropdownSubmenuTrigger, dropdown_trigger_default as DropdownTrigger, EFFECT_ALLOWED, EmptyState, empty_state_root_default as EmptyStateRoot, ErrorMessage, error_message_root_default as ErrorMessageRoot, external_link_icon_default as ExternalLinkIcon, FOCUSABLE_SELECTOR, FieldError, field_error_content_default as FieldErrorContent, field_error_root_default as FieldErrorRoot, field_group_default as FieldGroup, Fieldset, fieldset_actions_default as FieldsetActions, fieldset_legend_default as FieldsetLegend, fieldset_root_default as FieldsetRoot, Form, form_root_default as FormRoot, GENERIC_TYPE, Header, header_root_default as HeaderRoot, heading_default as Heading, i18n_provider_default as I18nProvider, i18n_provider_default as I18nProviderRoot, 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, InputGroup, input_group_input_default as InputGroupInput, input_group_prefix_default as InputGroupPrefix, input_group_root_default as InputGroupRoot, input_group_suffix_default as InputGroupSuffix, input_group_textarea_default as InputGroupTextArea, InputOTP, input_otp_group_default as InputOTPGroup, input_otp_root_default as InputOTPRoot, input_otp_separator_default as InputOTPSeparator, input_otp_slot_default as InputOTPSlot, input_root_default as InputRoot, Kbd, kbd_abbr_default as KbdAbbr, kbd_content_default as KbdContent, kbd_root_default as KbdRoot, LONG_PRESS_THRESHOLD_MS, Label, label_root_default as LabelRoot, Layout, LayoutInfo, Link, link_icon_default as LinkIcon, link_root_default as LinkRoot, ListBox, list_box_drop_indicator_default as ListBoxDropIndicator, ListBoxItem, list_box_item_indicator_default as ListBoxItemIndicator, list_box_item_root_default as ListBoxItemRoot, list_box_load_more_item_default as ListBoxLoadMoreItem, list_box_root_default as ListBoxRoot, ListBoxSection, list_box_section_root_default as ListBoxSectionRoot, ListDropTargetDelegate, ListLayout, Menu, MenuItem, menu_item_indicator_default as MenuItemIndicator, menu_item_root_default as MenuItemRoot, menu_item_submenu_indicator_default as MenuItemSubmenuIndicator, menu_root_default as MenuRoot, MenuSection, menu_section_root_default as MenuSectionRoot, Meter, meter_fill_default as MeterFill, meter_output_default as MeterOutput, meter_root_default as MeterRoot, meter_track_default as MeterTrack, 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_root_default as ModalRoot, modal_trigger_default as ModalTrigger, NATIVE_DRAG_TYPES, 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, number_field_root_default as NumberFieldRoot, OverscanManager, 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_root_default as PaginationRoot, pagination_summary_default as PaginationSummary, paragraph_default as Paragraph, Point, Popover, popover_arrow_default as PopoverArrow, popover_content_default as PopoverContent, popover_dialog_default as PopoverDialog, popover_heading_default as PopoverHeading, popover_root_default as PopoverRoot, popover_trigger_default as PopoverTrigger, ProgressBar, progress_bar_fill_default as ProgressBarFill, progress_bar_output_default as ProgressBarOutput, progress_bar_root_default as ProgressBarRoot, progress_bar_track_default as ProgressBarTrack, ProgressCircle, progress_circle_fill_circle_default as ProgressCircleFillCircle, progress_circle_root_default as ProgressCircleRoot, 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, radio_content_default as RadioContent, radio_control_default as RadioControl, RadioGroup, radio_group_root_default as RadioGroupRoot, radio_indicator_default as RadioIndicator, radio_root_default as RadioRoot, 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, range_calendar_root_default as RangeCalendarRoot, Rect, ScrollShadow, scroll_shadow_root_default as ScrollShadowRoot, SearchField, search_field_clear_button_default as SearchFieldClearButton, search_field_group_default as SearchFieldGroup, search_field_input_default as SearchFieldInput, search_field_root_default as SearchFieldRoot, search_field_search_icon_default as SearchFieldSearchIcon, Select, select_indicator_default as SelectIndicator, select_popover_default as SelectPopover, select_root_default as SelectRoot, select_trigger_default as SelectTrigger, select_value_default as SelectValue, Separator, separator_root_default as SeparatorRoot, Size, Skeleton, skeleton_root_default as SkeletonRoot, Slider, slider_fill_default as SliderFill, slider_marks_default as SliderMarks, slider_output_default as SliderOutput, slider_root_default as SliderRoot, slider_thumb_default as SliderThumb, slider_track_default as SliderTrack, Spinner, spinner_root_default as SpinnerRoot, success_icon_default as SuccessIcon, Surface, surface_root_default as SurfaceRoot, Switch, switch_content_default as SwitchContent, switch_control_default as SwitchControl, SwitchGroup, switch_group_root_default as SwitchGroupRoot, switch_icon_default as SwitchIcon, switch_root_default as SwitchRoot, switch_thumb_default as SwitchThumb, 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_root_default as TableRoot, 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, tabs_indicator_default as TabsIndicator, tabs_list_default as TabsList, tabs_list_container_default as TabsListContainer, tabs_panel_default as TabsPanel, tabs_root_default as TabsRoot, tabs_separator_default as TabsSeparator, tabs_tab_default as TabsTab, Tag, TagGroup, tag_group_list_default as TagGroupList, tag_group_root_default as TagGroupRoot, tag_remove_button_default as TagRemoveButton, tag_root_default as TagRoot, TextArea, textarea_root_default as TextAreaRoot, TextField, textfield_root_default as TextFieldRoot, 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, time_field_root_default as TimeFieldRoot, date_input_group_segment_default as TimeFieldSegment, date_input_group_suffix_default as TimeFieldSuffix, 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_root_default as ToastRoot, toast_title_default as ToastTitle, ToggleButton, ToggleButtonGroup, toggle_button_group_root_default as ToggleButtonGroupRoot, toggle_button_group_separator_default as ToggleButtonGroupSeparator, toggle_button_root_default as ToggleButtonRoot, Toolbar, toolbar_root_default as ToolbarRoot, Tooltip, tooltip_arrow_default as TooltipArrow, tooltip_content_default as TooltipContent, tooltip_root_default as TooltipRoot, tooltip_trigger_default as TooltipTrigger, TreeDropTargetDelegate, Typography, typography_root_default as TypographyRoot, VALID_VALIDITY_STATE, virtualizer_item_default as VirtualizerItem, virtualizer_root_default as VirtualizerRoot, warning_icon_default as WarningIcon, accordionVariants, alertDialogVariants, alertVariants, alignCenter, alignEnd, alignStart, ariaHideOutside, autocompleteVariants, avatarVariants, badgeVariants, beginDragging, breadcrumbsVariants, buildColumnWidths, buttonGroupVariants, buttonVariants, calculateColumnSizes, calculatePosition, calculatePositionInternal, calendarVariants, calendarYearPickerVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, clamp, clearCssVariableCache, clearGlobalDnDState, closeButtonVariants, cn, colorAreaVariants, colorFieldVariants, colorPickerVariants, colorSliderVariants, colorSwatchPickerVariants, colorSwatchVariants, comboBoxVariants, composeFocusResponder, composePressResponder, composeSlotClassName, constrainStart, constrainValue, convertValue, createContext, createFocusManager, createListCollection, createPlaceholderDate, createSharedElementScope, createTableCollection, createTableRegistry, createTableTree, createToastFunction, dataAttr, dateFieldVariants, datePickerVariants, dateRangePickerVariants, defaultItemKey, defaultItemTextValue, descriptionVariants, disclosureGroupVariants, disclosureVariants, dragTypesFromSet, drawerVariants, dropdownVariants, emptyStateVariants, errorMessageVariants, fieldErrorVariants, fieldsetVariants, flattenBlock, focusableIn, fromHourCycle, getCollectionTextValue, getColorChannels, getDatePlaceholder, getDateValidationResult, getDayViewGridRows, getDayViewWeekDayLabels, getDefaultLocale, getDragModality, getDragSession, getDroppableCollectionElement, getDroppableCollectionId, getEraFormat, getFormatOptions, getGregorianYearOffset, getInteractionModality, getMaxWidth, getMinWidth, 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, isRTL, isRangeCalendarState, isScrollable, isStaticWidth, isTableCellControl, isTextDropItem, isTextOnlyBlock, isValidDropTarget, isVirtualClick, isVirtualDragging, isVirtualPointerEvent, isWebKit, kbdKeysLabelMap, kbdKeysMap, kbdVariants, keepVisible, labelVariants, layoutInfoToStyle, linkVariants, listboxItemVariants, listboxSectionVariants, listboxVariants, menuItemVariants, menuSectionVariants, menuVariants, mergeValidation, meterVariants, modalVariants, navigateDropTarget, normalizeColor, normalizeHue, normalizeIdKey, numberFieldVariants, paginationVariants, parseColor, parseColorValue, parseCssTime, parseFractionalUnit, parseStaticWidth, popoverVariants, previousAvailableDate, progressBarVariants, progressCircleVariants, provideAutocompleteInputContext, provideCalendarOwnerContext, provideCalendarStateContext, provideCheckboxContext, provideCheckboxGroupContext, provideColorValueContext, provideDatePickerContext, provideDateRangePickerContext, provideFieldErrorContext, provideFieldIdsContext, provideFieldsetContext, provideFocusResponder, provideFormContext, provideInputGroupContext, provideInputOTPContext, provideInputOTPStateContext, provideLinkContext, provideListBoxStateContext, provideLocale, provideLocaleContext, provideMenuItemPopupContext, provideNumberFieldContext, providePressResponder, provideRadioContext, provideRadioGroupContext, provideRangeCalendarContext, provideRangeCalendarOwnerContext, provideSearchFieldContext, provideSharedElementScope, provideSurfaceContext, provideTextFieldContext, provideTextFieldControlContext, provideVirtualizerStateContext, provideYearPickerContext, radioGroupVariants, radioVariants, rangeCalendarVariants, readFromDataTransfer, registerDropItem, registerDropTarget, registerDroppableCollection, resetToastQueue, resetTooltipWarmup, retainInteractionModality, roundToStepPrecision, scrollShadowVariants, searchFieldVariants, selectVariants, separatorVariants, setDraggingCollectionRef, setDraggingKeys, setDropCollectionRef, setFormChecked, setFormValue, setGlobalAllowedDropOperations, setGlobalDnDState, setGlobalDropEffect, setInteractionModality, skeletonVariants, sliderVariants, snapValueToStep, spinnerVariants, surfaceVariants, switchGroupVariants, switchVariants, tabbableIn, tableCellId, tableColumnHeaderId, tableVariants, tabsVariants, tagGroupVariants, tagVariants, textAreaVariants, textFieldVariants, timeFieldVariants, toDragCollection, toFixedNumber, toHourCycle, toTableDragCollection, toast, toastQueue, toastVariants, toggleButtonGroupVariants, toggleButtonVariants, toolbarVariants, tooltipVariants, translateRTL, tv, typographyVariants, useAlertDialogContext, useAlertDialogOverlayContext, useAutoScroll, useAutocomplete, useAutocompleteContext, useAutocompleteInputContext, useButtonGroupContext, useCalendar, useCalendarCell, useCalendarGrid, useCalendarHeading, useCalendarOwnerContext, useCalendarState, useCalendarStateContext, useCalendarYearPicker, useCheckboxContext, useCheckboxGroupContext, useCheckboxGroupState, useCollator, useCollection, useCollectionAutoFocus, useColorArea, useColorAreaGradient, useColorAreaState, useColorChannelField, useColorChannelFieldState, useColorField, useColorFieldState, useColorPickerState, useColorSlider, useColorSliderState, useColorSwatch, useColorValueContext, useComboBox, useComboBoxContext, useComboBoxState, useControllableState, useCssVariable, useDateField, useDateFieldState, useDateFormatter, useDatePicker, useDatePickerContext, useDatePickerGroup, useDatePickerState, useDateRangePickerContext, useDateSegment, useDefaultDateProps, useDefaultLocale, useDescription, useDialogTrigger, useDisclosureContext, useDisclosureGroup, useDisclosureGroupContext, useDisclosureGroupNavigation, useDisclosurePanel, useDismissable, useDisplayNames, useDrag, useDragAndDrop, useDragModality, useDragSession, useDraggableCollection, useDraggableCollectionState, useDraggableItem, useDrawerContext, useDrawerDrag, useDrawerOverlayContext, useDrop, useDropIndicator, useDropdownContext, useDropdownPopoverTarget, useDroppableCollection, useDroppableCollectionState, useDroppableItem, useEnterExit, useFieldErrorContext, useFieldIds, useFieldIdsContext, useFieldsetContext, useFilter, useFocusResponder, useFocusScope, useFocusWithin, useFormContext, useFormReset, useFormValidation, useFormValidationState, useFormattedTextField, useGridKeyboard, useGridSelectionAnnouncement, useId, useImageLoadingStatus, useInputGroupContext, useInputOTP, useInputOTPContext, useInputOTPStateContext, useInteractionModality, useInteractionStates, useKbdContext, useLabels, useLinkContext, useListBoxContext, useListBoxItemContext, useListBoxStateContext, useListData, useListKeyboard, useLocale, useLocaleContext, useLocalizedStringDictionary, useLocalizedStringFormatter, useLongPress, useMeasuredHeight, useMediaQuery, useMenu, useMenuContext, useMenuItemContext, useMenuSectionContext, useMenuTriggerState, useModalContext, useModalOverlay, useModalOverlayContext, useModalTransition, useMove, useNumberField, useNumberFieldContext, useNumberFieldState, useNumberFormatter, useOverlayPosition, useOverlayTrigger, useOverlayTriggerState, usePageSize, usePasswordManagerBadge, usePopoverContext, usePress, usePressResponder, usePreventScroll, useRadioContext, useRadioGroupContext, useRadioGroupState, useRangeCalendar, useRangeCalendarContext, useRangeCalendarOwnerContext, useRangeCalendarState, useSafelyMouseToSubmenu, useScrollShadow, useScrollWheel, useSearchField, useSearchFieldContext, useSelect, useSelectContext, useSelectState, useSelectedDateDescription, useSelectionManager, useSeparatorContext, useSharedElement, useSharedElementScope, useSlider, useSliderState, useSliderThumb, useSpinButton, useSubmenuTriggerState, useSurfaceContext, useTabListState, useTableCollection, useTableColumnLayout, useTabsContext, useTabsTabContext, useTagContext, useTagGroupContext, useTextField, useTextFieldContext, useTextFieldControlContext, useTimeField, useTimeFieldState, useToast, useToastItemContext, useToastQueue, useToastRegion, useToastRegionContext, useToggleButtonGroupContext, useToggleGroupState, useToolbar, useToolbarContext, useTooltipContext, useTooltipTrigger, useTooltipTriggerState, useTypeahead, useValidationInput, useViewportSize, useVirtualDrop, useVirtualizer, useVirtualizerConfigContext, useVirtualizerScroll, useVirtualizerStateContext, useVisibleRangeDescription, useYearPickerContext, visuallyHiddenStyle, willOpenKeyboard, writeToDataTransfer };
+export { 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_root_default as AccordionRoot, accordion_trigger_default as AccordionTrigger, Alert, alert_content_default as AlertContent, alert_description_default as AlertDescription, 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_root_default as AlertDialogRoot, alert_dialog_trigger_default as AlertDialogTrigger, alert_indicator_default as AlertIndicator, alert_root_default as AlertRoot, alert_title_default as AlertTitle, Autocomplete, autocomplete_clear_button_default as AutocompleteClearButton, autocomplete_filter_default as AutocompleteFilter, autocomplete_indicator_default as AutocompleteIndicator, autocomplete_popover_default as AutocompletePopover, autocomplete_root_default as AutocompleteRoot, autocomplete_trigger_default as AutocompleteTrigger, autocomplete_value_default as AutocompleteValue, Avatar, avatar_fallback_default as AvatarFallback, avatar_image_default as AvatarImage, avatar_root_default as AvatarRoot, Badge, badge_anchor_default as BadgeAnchor, badge_label_default as BadgeLabel, badge_root_default as BadgeRoot, Breadcrumbs, breadcrumbs_item_default as BreadcrumbsItem, breadcrumbs_root_default as BreadcrumbsRoot, Button, ButtonGroup, button_group_root_default as ButtonGroupRoot, button_group_separator_default as ButtonGroupSeparator, button_root_default as ButtonRoot, CUSTOM_DRAG_TYPE, CUSTOM_VALIDITY_STATE, 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_root_default as CalendarRoot, CalendarYearPicker, 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, card_content_default as CardContent, card_description_default as CardDescription, card_footer_default as CardFooter, card_header_default as CardHeader, card_root_default as CardRoot, card_title_default as CardTitle, Checkbox, checkbox_content_default as CheckboxContent, checkbox_control_default as CheckboxControl, CheckboxGroup, checkbox_group_root_default as CheckboxGroupRoot, checkbox_indicator_default as CheckboxIndicator, checkbox_root_default as CheckboxRoot, Chip, chip_label_default as ChipLabel, chip_root_default as ChipRoot, CloseButton, close_button_root_default as CloseButtonRoot, code_default as Code, ColorArea, color_area_root_default as ColorAreaRoot, color_area_thumb_default as ColorAreaThumb, ColorField, color_field_root_default as ColorFieldRoot, ColorInputGroup, color_input_group_input_default as ColorInputGroupInput, color_input_group_prefix_default as ColorInputGroupPrefix, color_input_group_root_default as ColorInputGroupRoot, color_input_group_suffix_default as ColorInputGroupSuffix, ColorPicker, color_picker_popover_default as ColorPickerPopover, color_picker_root_default as ColorPickerRoot, color_picker_trigger_default as ColorPickerTrigger, ColorSlider, color_slider_output_default as ColorSliderOutput, color_slider_root_default as ColorSliderRoot, color_slider_thumb_default as ColorSliderThumb, color_slider_track_default as ColorSliderTrack, ColorSwatch, ColorSwatchPicker, color_swatch_picker_indicator_default as ColorSwatchPickerIndicator, color_swatch_picker_item_default as ColorSwatchPickerItem, color_swatch_picker_root_default as ColorSwatchPickerRoot, color_swatch_picker_swatch_default as ColorSwatchPickerSwatch, color_swatch_root_default as ColorSwatchRoot, ComboBox, combo_box_input_group_default as ComboBoxInputGroup, combo_box_popover_default as ComboBoxPopover, combo_box_root_default as ComboBoxRoot, 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, DIRECTORY_DRAG_TYPE, DROP_EFFECT_TO_DROP_OPERATION, DROP_OPERATION, DROP_OPERATION_ALLOWED, DROP_OPERATION_TO_DROP_EFFECT, danger_icon_default as DangerIcon, DataTransferDragTypes, 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_field_root_default as DateFieldRoot, date_input_group_segment_default as DateFieldSegment, date_input_group_suffix_default as DateFieldSuffix, 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_picker_root_default as DatePickerRoot, 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, 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_range_picker_root_default as DateRangePickerRoot, 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, description_root_default as DescriptionRoot, Disclosure, disclosure_body_default as DisclosureBody, disclosure_content_default as DisclosureContent, DisclosureGroup, disclosure_group_root_default as DisclosureGroupRoot, disclosure_heading_default as DisclosureHeading, disclosure_indicator_default as DisclosureIndicator, disclosure_root_default as DisclosureRoot, disclosure_trigger_default as DisclosureTrigger, drag_preview_default as DragPreview, DragSession, 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_root_default as DrawerRoot, drawer_trigger_default as DrawerTrigger, Dropdown, dropdown_menu_default as DropdownMenu, dropdown_popover_default as DropdownPopover, dropdown_root_default as DropdownRoot, dropdown_submenu_trigger_default as DropdownSubmenuTrigger, dropdown_trigger_default as DropdownTrigger, EFFECT_ALLOWED, EmptyState, empty_state_root_default as EmptyStateRoot, ErrorMessage, error_message_root_default as ErrorMessageRoot, external_link_icon_default as ExternalLinkIcon, FOCUSABLE_SELECTOR, FieldError, field_error_content_default as FieldErrorContent, field_error_root_default as FieldErrorRoot, field_group_default as FieldGroup, Fieldset, fieldset_actions_default as FieldsetActions, fieldset_legend_default as FieldsetLegend, fieldset_root_default as FieldsetRoot, Form, form_root_default as FormRoot, GENERIC_TYPE, Header, header_root_default as HeaderRoot, heading_default as Heading, i18n_provider_default as I18nProvider, i18n_provider_default as I18nProviderRoot, 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, InputGroup, input_group_input_default as InputGroupInput, input_group_prefix_default as InputGroupPrefix, input_group_root_default as InputGroupRoot, input_group_suffix_default as InputGroupSuffix, input_group_textarea_default as InputGroupTextArea, InputOTP, input_otp_group_default as InputOTPGroup, input_otp_root_default as InputOTPRoot, input_otp_separator_default as InputOTPSeparator, input_otp_slot_default as InputOTPSlot, input_root_default as InputRoot, Kbd, kbd_abbr_default as KbdAbbr, kbd_content_default as KbdContent, kbd_root_default as KbdRoot, LONG_PRESS_THRESHOLD_MS, Label, label_root_default as LabelRoot, Layout, LayoutInfo, Link, link_icon_default as LinkIcon, link_root_default as LinkRoot, ListBox, list_box_drop_indicator_default as ListBoxDropIndicator, ListBoxItem, list_box_item_indicator_default as ListBoxItemIndicator, list_box_item_root_default as ListBoxItemRoot, list_box_load_more_item_default as ListBoxLoadMoreItem, list_box_root_default as ListBoxRoot, ListBoxSection, list_box_section_root_default as ListBoxSectionRoot, ListDropTargetDelegate, ListLayout, Menu, MenuItem, menu_item_indicator_default as MenuItemIndicator, menu_item_root_default as MenuItemRoot, menu_item_submenu_indicator_default as MenuItemSubmenuIndicator, menu_root_default as MenuRoot, MenuSection, menu_section_root_default as MenuSectionRoot, Meter, meter_fill_default as MeterFill, meter_output_default as MeterOutput, meter_root_default as MeterRoot, meter_track_default as MeterTrack, 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_root_default as ModalRoot, modal_trigger_default as ModalTrigger, NATIVE_DRAG_TYPES, 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, number_field_root_default as NumberFieldRoot, OverscanManager, 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_root_default as PaginationRoot, pagination_summary_default as PaginationSummary, paragraph_default as Paragraph, Point, Popover, popover_arrow_default as PopoverArrow, popover_content_default as PopoverContent, popover_dialog_default as PopoverDialog, popover_heading_default as PopoverHeading, popover_root_default as PopoverRoot, popover_trigger_default as PopoverTrigger, ProgressBar, progress_bar_fill_default as ProgressBarFill, progress_bar_output_default as ProgressBarOutput, progress_bar_root_default as ProgressBarRoot, progress_bar_track_default as ProgressBarTrack, ProgressCircle, progress_circle_fill_circle_default as ProgressCircleFillCircle, progress_circle_root_default as ProgressCircleRoot, 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, radio_content_default as RadioContent, radio_control_default as RadioControl, RadioGroup, radio_group_root_default as RadioGroupRoot, radio_indicator_default as RadioIndicator, radio_root_default as RadioRoot, 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, range_calendar_root_default as RangeCalendarRoot, Rect, ScrollShadow, scroll_shadow_root_default as ScrollShadowRoot, SearchField, search_field_clear_button_default as SearchFieldClearButton, search_field_group_default as SearchFieldGroup, search_field_input_default as SearchFieldInput, search_field_root_default as SearchFieldRoot, search_field_search_icon_default as SearchFieldSearchIcon, Select, select_indicator_default as SelectIndicator, select_popover_default as SelectPopover, select_root_default as SelectRoot, select_trigger_default as SelectTrigger, select_value_default as SelectValue, Separator, separator_root_default as SeparatorRoot, Size, Skeleton, skeleton_root_default as SkeletonRoot, Slider, slider_fill_default as SliderFill, slider_marks_default as SliderMarks, slider_output_default as SliderOutput, slider_root_default as SliderRoot, slider_thumb_default as SliderThumb, slider_track_default as SliderTrack, Spinner, spinner_root_default as SpinnerRoot, success_icon_default as SuccessIcon, Surface, surface_root_default as SurfaceRoot, Switch, switch_content_default as SwitchContent, switch_control_default as SwitchControl, SwitchGroup, switch_group_root_default as SwitchGroupRoot, switch_icon_default as SwitchIcon, switch_root_default as SwitchRoot, switch_thumb_default as SwitchThumb, 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_root_default as TableRoot, 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, tabs_indicator_default as TabsIndicator, tabs_list_default as TabsList, tabs_list_container_default as TabsListContainer, tabs_panel_default as TabsPanel, tabs_root_default as TabsRoot, tabs_separator_default as TabsSeparator, tabs_tab_default as TabsTab, Tag, TagGroup, tag_group_list_default as TagGroupList, tag_group_root_default as TagGroupRoot, tag_remove_button_default as TagRemoveButton, tag_root_default as TagRoot, TextArea, textarea_root_default as TextAreaRoot, TextField, textfield_root_default as TextFieldRoot, 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, time_field_root_default as TimeFieldRoot, date_input_group_segment_default as TimeFieldSegment, date_input_group_suffix_default as TimeFieldSuffix, 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_root_default as ToastRoot, toast_title_default as ToastTitle, ToggleButton, ToggleButtonGroup, toggle_button_group_root_default as ToggleButtonGroupRoot, toggle_button_group_separator_default as ToggleButtonGroupSeparator, toggle_button_root_default as ToggleButtonRoot, Toolbar, toolbar_root_default as ToolbarRoot, Tooltip, tooltip_arrow_default as TooltipArrow, tooltip_content_default as TooltipContent, tooltip_root_default as TooltipRoot, tooltip_trigger_default as TooltipTrigger, TreeDropTargetDelegate, Typography, typography_root_default as TypographyRoot, VALID_VALIDITY_STATE, virtualizer_item_default as VirtualizerItem, virtualizer_root_default as VirtualizerRoot, warning_icon_default as WarningIcon, accordionVariants, alertDialogVariants, alertVariants, alignCenter, alignEnd, alignStart, ariaHideOutside, autocompleteVariants, avatarVariants, badgeVariants, beginDragging, breadcrumbsVariants, buildColumnWidths, buttonGroupVariants, buttonVariants, calculateColumnSizes, calculatePosition, calculatePositionInternal, calendarVariants, calendarYearPickerVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, clamp, clearCssVariableCache, clearGlobalDnDState, closeButtonVariants, cn, colorAreaVariants, colorFieldVariants, colorInputGroupVariants, colorPickerVariants, colorSliderVariants, colorSwatchPickerVariants, colorSwatchVariants, comboBoxVariants, composeFocusResponder, composePressResponder, composeSlotClassName, constrainStart, constrainValue, convertValue, createContext, createFocusManager, createListCollection, createPlaceholderDate, createSharedElementScope, createTableCollection, createTableRegistry, createTableTree, createToastFunction, dataAttr, dateFieldVariants, datePickerVariants, dateRangePickerVariants, defaultItemKey, defaultItemTextValue, descriptionVariants, disclosureGroupVariants, disclosureVariants, dragTypesFromSet, drawerVariants, dropdownVariants, emptyStateVariants, errorMessageVariants, fieldErrorVariants, fieldsetVariants, flattenBlock, focusableIn, fromHourCycle, getCollectionTextValue, getColorChannels, getDatePlaceholder, getDateValidationResult, getDayViewGridRows, getDayViewWeekDayLabels, getDefaultLocale, getDragModality, getDragSession, getDroppableCollectionElement, getDroppableCollectionId, getEraFormat, getFormatOptions, getGregorianYearOffset, getInteractionModality, getMaxWidth, getMinWidth, 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, isRTL, isRangeCalendarState, isScrollable, isStaticWidth, isTableCellControl, isTextDropItem, isTextOnlyBlock, isValidDropTarget, isVirtualClick, isVirtualDragging, isVirtualPointerEvent, isWebKit, kbdKeysLabelMap, kbdKeysMap, kbdVariants, keepVisible, labelVariants, layoutInfoToStyle, linkVariants, listboxItemVariants, listboxSectionVariants, listboxVariants, menuItemVariants, menuSectionVariants, menuVariants, mergeValidation, meterVariants, modalVariants, navigateDropTarget, normalizeColor, normalizeHue, normalizeIdKey, numberFieldVariants, paginationVariants, parseColor, parseColorValue, parseCssTime, parseFractionalUnit, parseStaticWidth, popoverVariants, previousAvailableDate, progressBarVariants, progressCircleVariants, provideAutocompleteInputContext, provideCalendarOwnerContext, provideCalendarStateContext, provideCheckboxContext, provideCheckboxGroupContext, provideColorInputGroupContext, provideColorInputGroupControlContext, provideColorValueContext, provideDatePickerContext, provideDateRangePickerContext, provideFieldErrorContext, provideFieldIdsContext, provideFieldsetContext, provideFocusResponder, provideFormContext, provideInputGroupContext, provideInputOTPContext, provideInputOTPStateContext, provideLinkContext, provideListBoxStateContext, provideLocale, provideLocaleContext, provideMenuItemPopupContext, provideNumberFieldContext, providePressResponder, provideRadioContext, provideRadioGroupContext, provideRangeCalendarContext, provideRangeCalendarOwnerContext, provideSearchFieldContext, provideSharedElementScope, provideSurfaceContext, provideTextFieldContext, provideTextFieldControlContext, provideVirtualizerStateContext, provideYearPickerContext, radioGroupVariants, radioVariants, rangeCalendarVariants, readFromDataTransfer, registerDropItem, registerDropTarget, registerDroppableCollection, resetToastQueue, resetTooltipWarmup, retainInteractionModality, roundToStepPrecision, scrollShadowVariants, searchFieldVariants, selectVariants, separatorVariants, setDraggingCollectionRef, setDraggingKeys, setDropCollectionRef, setFormChecked, setFormValue, setGlobalAllowedDropOperations, setGlobalDnDState, setGlobalDropEffect, setInteractionModality, skeletonVariants, sliderVariants, snapValueToStep, spinnerVariants, surfaceVariants, switchGroupVariants, switchVariants, tabbableIn, tableCellId, tableColumnHeaderId, tableVariants, tabsVariants, tagGroupVariants, tagVariants, textAreaVariants, textFieldVariants, timeFieldVariants, toDragCollection, toFixedNumber, toHourCycle, toTableDragCollection, toast, toastQueue, toastVariants, toggleButtonGroupVariants, toggleButtonVariants, toolbarVariants, tooltipVariants, translateRTL, tv, typographyVariants, useAlertDialogContext, useAlertDialogOverlayContext, useAutoScroll, useAutocomplete, useAutocompleteContext, useAutocompleteInputContext, useButtonGroupContext, useCalendar, useCalendarCell, useCalendarGrid, useCalendarHeading, useCalendarOwnerContext, useCalendarState, useCalendarStateContext, useCalendarYearPicker, useCheckboxContext, useCheckboxGroupContext, useCheckboxGroupState, useCollator, useCollection, useCollectionAutoFocus, useColorArea, useColorAreaGradient, useColorAreaState, useColorChannelField, useColorChannelFieldState, useColorField, useColorFieldState, useColorInputGroupContext, useColorInputGroupControlContext, useColorPickerState, useColorSlider, useColorSliderState, useColorSwatch, useColorValueContext, useComboBox, useComboBoxContext, useComboBoxState, useControllableState, useCssVariable, useDateField, useDateFieldState, useDateFormatter, useDatePicker, useDatePickerContext, useDatePickerGroup, useDatePickerState, useDateRangePickerContext, useDateSegment, useDefaultDateProps, useDefaultLocale, useDescription, useDialogTrigger, useDisclosureContext, useDisclosureGroup, useDisclosureGroupContext, useDisclosureGroupNavigation, useDisclosurePanel, useDismissable, useDisplayNames, useDrag, useDragAndDrop, useDragModality, useDragSession, useDraggableCollection, useDraggableCollectionState, useDraggableItem, useDrawerContext, useDrawerDrag, useDrawerOverlayContext, useDrop, useDropIndicator, useDropdownContext, useDropdownPopoverTarget, useDroppableCollection, useDroppableCollectionState, useDroppableItem, useEnterExit, useFieldErrorContext, useFieldIds, useFieldIdsContext, useFieldsetContext, useFilter, useFocusResponder, useFocusScope, useFocusWithin, useFormContext, useFormReset, useFormValidation, useFormValidationState, useFormattedTextField, useGridKeyboard, useGridSelectionAnnouncement, useId, useImageLoadingStatus, useInputGroupContext, useInputOTP, useInputOTPContext, useInputOTPStateContext, useInteractionModality, useInteractionStates, useKbdContext, useLabels, useLinkContext, useListBoxContext, useListBoxItemContext, useListBoxStateContext, useListData, useListKeyboard, useLocale, useLocaleContext, useLocalizedStringDictionary, useLocalizedStringFormatter, useLongPress, useMeasuredHeight, useMediaQuery, useMenu, useMenuContext, useMenuItemContext, useMenuSectionContext, useMenuTriggerState, useModalContext, useModalOverlay, useModalOverlayContext, useModalTransition, useMove, useNumberField, useNumberFieldContext, useNumberFieldState, useNumberFormatter, useOverlayPosition, useOverlayTrigger, useOverlayTriggerState, usePageSize, usePasswordManagerBadge, usePopoverContext, usePress, usePressResponder, usePreventScroll, useRadioContext, useRadioGroupContext, useRadioGroupState, useRangeCalendar, useRangeCalendarContext, useRangeCalendarOwnerContext, useRangeCalendarState, useSafelyMouseToSubmenu, useScrollShadow, useScrollWheel, useSearchField, useSearchFieldContext, useSelect, useSelectContext, useSelectState, useSelectedDateDescription, useSelectionManager, useSeparatorContext, useSharedElement, useSharedElementScope, useSlider, useSliderState, useSliderThumb, useSpinButton, useSubmenuTriggerState, useSurfaceContext, useTabListState, useTableCollection, useTableColumnLayout, useTabsContext, useTabsTabContext, useTagContext, useTagGroupContext, useTextField, useTextFieldContext, useTextFieldControlContext, useTimeField, useTimeFieldState, useToast, useToastItemContext, useToastQueue, useToastRegion, useToastRegionContext, useToggleButtonGroupContext, useToggleGroupState, useToolbar, useToolbarContext, useTooltipContext, useTooltipTrigger, useTooltipTriggerState, useTypeahead, useValidationInput, useViewportSize, useVirtualDrop, useVirtualizer, useVirtualizerConfigContext, useVirtualizerScroll, useVirtualizerStateContext, useVisibleRangeDescription, useYearPickerContext, visuallyHiddenStyle, willOpenKeyboard, writeToDataTransfer };

package/dist/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ropav",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "🚀 Beautiful and modern Vue UI library built with Vapor Mode and Tailwind CSS 4.0.",
   "keywords": [
     "components",
@@ -390,7 +390,7 @@
     "@internationalized/number": "3.6.7",
     "@internationalized/string": "3.2.10",
     "tailwind-variants": "3.3.1",
-    "@ropav/styles": "0.3.0"
+    "@ropav/styles": "0.4.0"
   },
   "peerDependencies": {
     "tailwindcss": ">=4.0.0",