@illinois-grad/grad-vue 2.4.2 → 2.5.1

package/dist/components/GButton.vue.d.ts

@@ -53,6 +53,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * If a named slot `icon` is provided, it takes precedence over this prop.
      */
     icon?: string;
+    /**
+     * Native button type
+     */
+    type?: "button" | "submit" | "reset";
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
     focus: (...args: any[]) => void;
@@ -98,6 +102,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * If a named slot `icon` is provided, it takes precedence over this prop.
      */
     icon?: string;
+    /**
+     * Native button type
+     */
+    type?: "button" | "submit" | "reset";
 }> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -110,9 +118,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     onMouseleave?: ((...args: any[]) => any) | undefined;
 }>, {
     size: "small" | "medium" | "large";
+    type: "button" | "submit" | "reset";
+    text: boolean;
     theme: "primary" | "secondary" | "accent" | "danger" | "none";
     outlined: boolean;
-    text: boolean;
     to: string | Record<string, any>;
     component: string;
     icon: string;

package/dist/components/GCurrencyInput.vue.d.ts

@@ -3,6 +3,10 @@
  *
  * This component is a wrapper around a text input with a prefix and
  * appropriate input type for currency values.
+ *
+ * In standard Vue usage, this registers with the nearest parent `GForm` via
+ * injection. In custom-elements mode, use matching `form-key` values to pair
+ * with a `GForm`.
  */
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -35,6 +39,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * Name for form registration
      */
     name?: string;
+    /**
+     * Form channel key for custom elements mode
+     */
+    formKey?: string;
 } & {
     modelValue?: string | null;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -68,15 +76,20 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * Name for form registration
      */
     name?: string;
+    /**
+     * Form channel key for custom elements mode
+     */
+    formKey?: string;
 } & {
     modelValue?: string | null;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
 }>, {
     label: string;
-    name: string;
-    errors: string[];
     placeholder: string;
+    name: string;
     disabled: boolean;
+    errors: string[];
     instructions: string;
+    formKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GDateInput.vue.d.ts

@@ -3,6 +3,10 @@
  *
  * This component is a wrapper around GTextInput with type="date" for
  * proper date selection using the browser's native date picker.
+ *
+ * In standard Vue usage, this registers with the nearest parent `GForm` via
+ * injection. In custom-elements mode, use matching `form-key` values to pair
+ * with a `GForm`.
  */
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -35,6 +39,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * Name for form registration
      */
     name?: string;
+    /**
+     * Form channel key for custom elements mode
+     */
+    formKey?: string;
 } & {
     modelValue?: string | null;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -68,15 +76,20 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * Name for form registration
      */
     name?: string;
+    /**
+     * Form channel key for custom elements mode
+     */
+    formKey?: string;
 } & {
     modelValue?: string | null;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
 }>, {
     label: string;
-    name: string;
-    errors: string[];
     placeholder: string;
+    name: string;
     disabled: boolean;
+    errors: string[];
     instructions: string;
+    formKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GDateRangeInput.vue.d.ts

@@ -3,6 +3,10 @@
  *
  * This component uses two GDateInput components laid out horizontally
  * to allow selecting a date range.
+ *
+ * In standard Vue usage, this registers with the nearest parent `GForm` via
+ * injection. In custom-elements mode, use matching `form-key` values to pair
+ * with a `GForm`.
  */
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -40,6 +44,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * Name for form registration
      */
     name?: string;
+    /**
+     * Form channel key for custom elements mode
+     */
+    formKey?: string;
 } & {
     modelValue?: {
         start: string | null;
@@ -84,6 +92,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * Name for form registration
      */
     name?: string;
+    /**
+     * Form channel key for custom elements mode
+     */
+    formKey?: string;
 } & {
     modelValue?: {
         start: string | null;
@@ -97,9 +109,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }>, {
     label: string;
     name: string;
-    errors: string[];
     disabled: boolean;
+    errors: string[];
     instructions: string;
+    formKey: string;
     startLabel: string;
     endLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GEmailInput.vue.d.ts

@@ -74,9 +74,9 @@ declare const __VLS_export: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
 }>, {
     label: string;
-    name: string;
-    errors: string[];
     placeholder: string;
+    name: string;
     disabled: boolean;
+    errors: string[];
     instructions: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GForm.vue.d.ts

@@ -11,6 +11,8 @@
  * - Reactive error handling by providing a computed list of errors
  * - Optionally manage your own form state in a parent component by providing a
  *   `form` injection
+ * - In web components mode, use the `form-key` prop to pair a form with
+ *   matching inputs/buttons across custom element app boundaries
  *
  * ### Basic example
  *
@@ -36,11 +38,16 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * @demo
      */
     method?: string;
+    /**
+     * Form channel key for custom elements mode
+     * @demo
+     */
+    formKey?: string;
 } & {
     modelValue?: Record<string, any>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: Record<string, any>) => any;
     submit: (values: Record<string, any>) => any;
+    "update:modelValue": (value: Record<string, any>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     /**
      * Action URL (optional, for native form submission)
@@ -52,12 +59,18 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * @demo
      */
     method?: string;
+    /**
+     * Form channel key for custom elements mode
+     * @demo
+     */
+    formKey?: string;
 } & {
     modelValue?: Record<string, any>;
 }> & Readonly<{
-    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
     onSubmit?: ((values: Record<string, any>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
 }>, {
+    formKey: string;
     action: string;
     method: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/components/GHamburgerMenu.vue.d.ts

@@ -25,6 +25,8 @@
  *
  * > [!NOTE]
  * > This button hides itself automatically according to the useSidebar media query.
+ * > In web components mode, use the `sidebar-key` prop to pair this menu with a
+ * > matching GSidebar instance.
  */
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -34,6 +36,11 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * @demo
      */
     label?: string;
+    /**
+     * Sidebar channel key for custom elements mode
+     * @demo
+     */
+    sidebarKey?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggle: () => any;
 }, string, import("vue").PublicProps, Readonly<{
@@ -42,8 +49,14 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * @demo
      */
     label?: string;
+    /**
+     * Sidebar channel key for custom elements mode
+     * @demo
+     */
+    sidebarKey?: string;
 }> & Readonly<{
     onToggle?: (() => any) | undefined;
 }>, {
     label: string;
+    sidebarKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GModal.vue.d.ts

@@ -26,12 +26,6 @@
  *
  * Adding a dimming overlay behind modals can be done by placing `GOverlay`
  * at the end of the page structure.
- *
- * > [!WARNING]
- * > There are some shenanigans in the modal and overlay implementation in order
- * > to support Nuxt without including it as a dependency. Specifically, the refs
- * > to store the state of the overlay stack is added to `window._g_overlay_stack_state`
- * > when `document` is defined. That makes it only load in the client.
  */
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -97,8 +91,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
     size: "small" | "medium" | "large" | "full";
-    hiddenLabel: boolean;
     describedby: string;
+    hiddenLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/components/GPopover.vue.d.ts

@@ -2,11 +2,14 @@
  * Popover that appears next to or over a trigger element, staying visible
  * in the viewport as much as possible.
  *
- * **Slot** `trigger` must have an interactive element for which
- * the only interaction is to open the popover. The trigger element is also used
- * for `aria-labelledby`. The trigger is passed a prop `toggle` which is a function
+ * **Slot** `trigger` is optional. When provided, it should contain an
+ * interactive element for opening the popover and it is used for
+ * `aria-labelledby`. The trigger is passed a prop `toggle` which is a function
  * that toggles the popover's open state.
  *
+ * Without a trigger slot, open the popover programmatically via `show()` or
+ * `toggle()` on the component instance / custom element.
+ *
  * **Slot** `default` is the content of the popover.
  *
  * Example:
@@ -30,25 +33,38 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * @demo
      */
     minimal?: boolean;
-} & {
+    /**
+     * v-model binding for the open state. Also works as a plain
+     * prop/attribute in custom-element mode where `defineModel`
+     * would revert local state.
+     */
     modelValue?: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {
+    show: () => void;
+    hide: () => void;
+    toggle: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
     show: (...args: any[]) => void;
     hide: (...args: any[]) => void;
-    "update:modelValue": (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<{
     /**
      * Render without padding
      * @demo
      */
     minimal?: boolean;
-} & {
+    /**
+     * v-model binding for the open state. Also works as a plain
+     * prop/attribute in custom-element mode where `defineModel`
+     * would revert local state.
+     */
     modelValue?: boolean;
 }> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
 }>, {
+    modelValue: boolean;
     minimal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     trigger?: (props: {

package/dist/components/GProgress.vue.d.ts

@@ -48,7 +48,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
      */
     size?: "tiny" | "small" | "medium" | "large";
 }> & Readonly<{}>, {
-    size: "tiny" | "small" | "medium" | "large";
     label: string;
     value: number;
+    size: "tiny" | "small" | "medium" | "large";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GSearch.vue.d.ts

@@ -102,8 +102,8 @@ declare const __VLS_export: <T extends {
         modelValue?: string | null;
     }) & {
         onSelect?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
         onSubmit?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/components/GSelect.vue.d.ts

@@ -2,6 +2,10 @@
  * By default, this component behaves like a normal select element with
  * custom styling.
  *
+ * In standard Vue usage, this registers with the nearest parent `GForm` via
+ * injection. In custom-elements mode, use matching `form-key` values to pair
+ * with a `GForm`.
+ *
  * The component can be marked `searchable` to enable search functionality.
  * This turns it into a text input that filters the options. Filtering is
  * done with a simple lower-case string search.
@@ -64,6 +68,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * Error messages array (supports multiple validation errors)
      */
     errors?: string[];
+    /**
+     * Form channel key for custom elements mode
+     */
+    formKey?: string;
 } & {
     modelValue?: string | number | null;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -122,6 +130,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * Error messages array (supports multiple validation errors)
      */
     errors?: string[];
+    /**
+     * Form channel key for custom elements mode
+     */
+    formKey?: string;
 } & {
     modelValue?: string | number | null;
 }> & Readonly<{
@@ -129,8 +141,9 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     name: string;
-    errors: string[];
     disabled: boolean;
+    errors: string[];
+    formKey: string;
     searchable: boolean;
     compact: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/components/GSelectButton.vue.d.ts

@@ -1,6 +1,10 @@
 /**
  * This component is just a radio button group with special styling.
  *
+ * In standard Vue usage, this registers with the nearest parent `GForm` via
+ * injection. In custom-elements mode, use matching `form-key` values to pair
+ * with a `GForm`.
+ *
  * Use the `options` prop to provide a list of choices. Each option can
  * be a string or an object with `label` and `value` properties.
  *
@@ -40,6 +44,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * Error messages array (supports multiple validation errors)
      */
     errors?: string[];
+    /**
+     * Form channel key for custom elements mode
+     */
+    formKey?: string;
 } & {
     modelValue?: string | number;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -76,6 +84,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * Error messages array (supports multiple validation errors)
      */
     errors?: string[];
+    /**
+     * Form channel key for custom elements mode
+     */
+    formKey?: string;
 } & {
     modelValue?: string | number;
 }> & Readonly<{
@@ -84,6 +96,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }>, {
     size: "small" | "medium" | "large";
     name: string;
-    errors: string[];
     disabled: boolean;
+    errors: string[];
+    formKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GSidebar.vue.d.ts

@@ -11,6 +11,9 @@
  * The sidebar can be made collapsible by providing the `sidebar` injected
  * object from `useSidebar`. See the [Hamburger Menu Documentation](#use-sidebar)
  * for details.
+ *
+ * In web components mode, use the `sidebar-key` prop to pair this sidebar
+ * with a matching GHamburgerMenu instance.
  */
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -45,6 +48,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * @demo
      */
     width?: string;
+    /**
+     * Sidebar channel key for custom elements mode
+     * @demo
+     */
+    sidebarKey?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /**
      * Custom background color
@@ -76,9 +84,15 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * @demo
      */
     width?: string;
+    /**
+     * Sidebar channel key for custom elements mode
+     * @demo
+     */
+    sidebarKey?: string;
 }> & Readonly<{}>, {
-    theme: "light" | "dark";
     width: string;
+    theme: "light" | "dark";
+    sidebarKey: string;
     backgroundColor: string;
     backgroundImage: string;
     topOffset: string;

package/dist/components/GSubmitButton.vue.d.ts

@@ -5,6 +5,10 @@
  * - Show a loading state during form submission
  * - Be disabled when specified
  *
+ * In standard Vue usage, this resolves the nearest parent `GForm` via
+ * injection. In custom-elements mode, use matching `form-key` values to pair
+ * with a `GForm`.
+ *
  * @example
  * <GForm v-model="formData" @submit="handleSubmit">
  *   <GTextInput name="email" label="Email" />
@@ -29,6 +33,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * @demo
      */
     variant?: "primary" | "secondary" | "danger";
+    /**
+     * Form channel key for custom elements mode
+     * @demo
+     */
+    formKey?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /**
      * Disabled state
@@ -45,8 +54,14 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * @demo
      */
     variant?: "primary" | "secondary" | "danger";
+    /**
+     * Form channel key for custom elements mode
+     * @demo
+     */
+    formKey?: string;
 }> & Readonly<{}>, {
     disabled: boolean;
+    formKey: string;
     variant: "primary" | "secondary" | "danger";
     loadingText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/components/GTextInput.vue.d.ts

@@ -5,6 +5,10 @@
  * All non-prop attributes are passed through to the input element, including
  * `id`.
  *
+ * In standard Vue usage, this registers with the nearest parent `GForm` via
+ * injection. In custom-elements mode, use matching `form-key` values to pair
+ * with a `GForm`.
+ *
  * Errors are provided as an array of strings or computed values.
  * Multiple errors will all be displayed.
  */
@@ -54,6 +58,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * Name for form registration
      */
     name?: string;
+    /**
+     * Form channel key for custom elements mode
+     */
+    formKey?: string;
 } & {
     modelValue?: string | null;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -106,6 +114,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * Name for form registration
      */
     name?: string;
+    /**
+     * Form channel key for custom elements mode
+     */
+    formKey?: string;
 } & {
     modelValue?: string | null;
 }> & Readonly<{
@@ -116,11 +128,12 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     }) => any) | undefined;
 }>, {
     label: string;
-    name: string;
-    errors: string[];
     placeholder: string;
+    name: string;
     disabled: boolean;
+    errors: string[];
     instructions: string;
+    formKey: string;
     prefix: string;
     suffix: string;
     debounce: number;

package/dist/components/GTooltip.vue.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Tooltip for concise contextual help text.
+ *
+ * The `trigger` slot is optional. Without a trigger slot, the tooltip anchors
+ * to the previous sibling element and can still be controlled via exposed
+ * methods.
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /**
+     * Tooltip text
+     * @demo
+     */
+    text: string;
+}, {
+    show: () => void;
+    hide: () => void;
+    toggle: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "tooltip-hide": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<{
+    /**
+     * Tooltip text
+     * @demo
+     */
+    text: string;
+}> & Readonly<{
+    "onTooltip-hide"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    trigger?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/term/GTermSelectorControl.vue.d.ts

@@ -59,8 +59,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
         name: string;
     }) => any) | undefined;
 }>, {
-    termYears: string[];
-    termNames: string[];
     yearLabel: string;
     periodLabel: string;
+    termYears: string[];
+    termNames: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/compose/tooltipDom.d.ts

@@ -0,0 +1,6 @@
+export declare function nextTooltipId(prefix?: string): string;
+export declare function resolveTooltipId(el: HTMLElement, prefix?: string): string;
+export declare function createTooltipEl(text: string, id: string): HTMLDivElement;
+export declare function appendTooltipEl(tooltip: HTMLElement): void;
+export declare function showTooltip(anchor: HTMLElement, tooltip: HTMLElement): void;
+export declare function hideTooltip(tooltip: HTMLElement): void;

package/dist/compose/useCustomElementAttrs.d.ts

@@ -0,0 +1,14 @@
+type UseCustomElementAttrsOptions = {
+    omitInCustomElement?: string[];
+};
+export declare function isCustomElementMode(): boolean;
+export declare function useCustomElementAttrs(options?: UseCustomElementAttrsOptions): {
+    attrs: {
+        [x: string]: unknown;
+    };
+    isCustomElement: boolean;
+    forwardedAttrs: import("vue").ComputedRef<{
+        [x: string]: unknown;
+    }>;
+};
+export {};

package/dist/compose/useFormField.d.ts

@@ -12,6 +12,10 @@ export interface UseFormFieldOptions {
      * Error messages from props (optional) - should be a reactive reference
      */
     errors?: Ref<string[]> | ComputedRef<string[]>;
+    /**
+     * Form channel key for custom elements mode
+     */
+    formKey?: string;
 }
 export interface UseFormFieldReturn {
     /**

package/dist/compose/useOverlayFocus.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from "vue";
 export declare function useOverlayFocus(element: Ref<HTMLElement | null>, isTop: Ref<boolean>, clickOutsideDeactivates?: boolean): {
-    activate: (opts?: import("focus-trap").ActivateOptions) => void;
+    activate: () => void;
     deactivate: (opts?: import("focus-trap").DeactivateOptions) => void;
     pause: import("@vueuse/shared").Fn;
     unpause: import("@vueuse/shared").Fn;