@bridge-ui/vue 0.2.0 → 0.3.0

package/dist/Components/DataTable/dataTable.types.d.ts

@@ -0,0 +1,480 @@
+import { HTMLAttributes, Slot, VNodeChild } from 'vue';
+import { DataTableColumnBase, DataTableColumnSearch, DataTableFilterOption, DataTableFilters, DataTableItemSlotProps, DataTableLoadingVariant, DataTablePaginationSlotProps, DataTablePerPageSlotProps, DataTableSelectionMode, DataTableSorting, DataTableStickyEdge, DataTableStickyHeader } from '@bridge-ui/core/Domain';
+import { TableAlign, TableRounded, TableSize, TableVariant } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
+import { CheckboxProps } from '../Checkbox/checkbox.types';
+import { PaginationOwnProps } from '../Pagination/pagination.types';
+import { ProgressOwnProps } from '../Progress/progress.types';
+import { RadioProps } from '../Radio/radio.types';
+import { SelectOwnProps } from '../Select/select.types';
+import { TableAlignOverrides, TableRoundedOverrides, TableSizeOverrides, TableVariantOverrides } from '../Table/table.types';
+import { TextFieldOwnProps } from '../TextField/textField.types';
+export type { DataTableColumnBase, DataTableColumnSearch, DataTableFilterOption, DataTableFilters, DataTableItemSlotProps, DataTableLoadingVariant, DataTablePaginationSlotProps, DataTablePerPageSlotProps, DataTableSelectionMode, DataTableSorting, DataTableStickyEdge, DataTableStickyHeader, };
+/**
+ * Column definition with Vue renderers.
+ */
+export type DataTableColumn<T> = Omit<DataTableColumnBase<T>, "align"> & {
+    /**
+     * Text alignment for the header and cells.
+     *
+     * @default "start"
+     */
+    align?: MergeProps<TableAlign, TableAlignOverrides>;
+    /**
+     * Cell renderer for a data row. Used when no `#item.{id}` slot is set.
+     * Defaults to the column accessor (or `row[id]`).
+     *
+     * @default undefined
+     */
+    cell?: (row: T) => VNodeChild;
+    /**
+     * Header content.
+     */
+    header: VNodeChild;
+    /**
+     * Footer cell for a summary row. Receives the current (filtered) rows.
+     */
+    summary?: (rows: T[]) => VNodeChild;
+};
+export interface DataTableClasses {
+    /**
+     * Classes merged onto the body rowgroup.
+     */
+    body?: string;
+    /**
+     * Classes merged onto body cells.
+     */
+    cell?: string;
+    /**
+     * Classes merged onto the empty-state region.
+     */
+    empty?: string;
+    /**
+     * Classes merged onto the footer region below the table.
+     */
+    footer?: string;
+    /**
+     * Classes merged onto header cells.
+     */
+    head?: string;
+    /**
+     * Classes merged onto the header rowgroup.
+     */
+    header?: string;
+    /**
+     * Classes merged onto the loading region.
+     */
+    loading?: string;
+    /**
+     * Classes merged onto the pagination region.
+     */
+    pagination?: string;
+    /**
+     * Classes merged onto the per-page Select.
+     */
+    perPage?: string;
+    /**
+     * Classes merged onto the DataTable root.
+     */
+    root?: string;
+    /**
+     * Classes merged onto rows.
+     */
+    row?: string;
+    /**
+     * Classes merged onto the toolbar search field.
+     */
+    search?: string;
+    /**
+     * Classes merged onto the `<table>` element.
+     */
+    table?: string;
+    /**
+     * Classes merged onto the toolbar region.
+     */
+    toolbar?: string;
+    /**
+     * Classes merged onto the table wrapper (`Table` root).
+     */
+    wrapper?: string;
+}
+export interface DataTableCustomProps {
+    /**
+     * Props forwarded to the body rowgroup.
+     *
+     * @default undefined
+     */
+    body?: HTMLAttributes;
+    /**
+     * Props forwarded to body cells.
+     *
+     * @default undefined
+     */
+    cell?: HTMLAttributes;
+    /**
+     * Extra props for selection checkboxes.
+     *
+     * @default undefined
+     */
+    checkbox?: Partial<Omit<CheckboxProps, "modelValue" | "indeterminate">>;
+    /**
+     * Props forwarded to the empty-state region.
+     *
+     * @default undefined
+     */
+    empty?: HTMLAttributes;
+    /**
+     * Props forwarded to the footer region below the table.
+     *
+     * @default undefined
+     */
+    footer?: HTMLAttributes;
+    /**
+     * Props forwarded to header cells.
+     *
+     * @default undefined
+     */
+    head?: HTMLAttributes;
+    /**
+     * Props forwarded to the header rowgroup.
+     *
+     * @default undefined
+     */
+    header?: HTMLAttributes;
+    /**
+     * Props forwarded to the loading region.
+     *
+     * @default undefined
+     */
+    loading?: HTMLAttributes;
+    /**
+     * Extra props for the built-in `Pagination`.
+     *
+     * @default undefined
+     */
+    pagination?: Partial<Omit<PaginationOwnProps, "count">>;
+    /**
+     * Extra props for the built-in per-page `Select`.
+     *
+     * @default undefined
+     */
+    perPage?: Partial<Omit<SelectOwnProps, "options">>;
+    /**
+     * Extra props for the built-in `Progress` (`loadingVariant="bar"`).
+     *
+     * @default undefined
+     */
+    progress?: Partial<ProgressOwnProps>;
+    /**
+     * Extra props for selection radios (`selectionMode="single"`).
+     *
+     * @default undefined
+     */
+    radio?: Partial<Omit<RadioProps, "modelValue">>;
+    /**
+     * Props forwarded to the DataTable root.
+     *
+     * @default undefined
+     */
+    root?: HTMLAttributes;
+    /**
+     * Props forwarded to rows.
+     *
+     * @default undefined
+     */
+    row?: HTMLAttributes;
+    /**
+     * Extra props for the toolbar search field.
+     *
+     * @default undefined
+     */
+    search?: Partial<Omit<TextFieldOwnProps, "modelValue">>;
+    /**
+     * Props forwarded to the `<table>` element.
+     *
+     * @default undefined
+     */
+    table?: HTMLAttributes;
+    /**
+     * Props forwarded to the toolbar region.
+     *
+     * @default undefined
+     */
+    toolbar?: HTMLAttributes;
+    /**
+     * Props forwarded to the table wrapper (`Table` root).
+     *
+     * @default undefined
+     */
+    wrapper?: HTMLAttributes;
+}
+export interface DataTableEmits {
+    /**
+     * Emitted when per-column text search should update (`v-model:column-search`).
+     */
+    "update:columnSearch": [search: DataTableColumnSearch];
+    /**
+     * Emitted when expanded row ids should update (`v-model:expanded`).
+     */
+    "update:expanded": [ids: string[]];
+    /**
+     * Emitted when column filters should update (`v-model:filters`).
+     */
+    "update:filters": [filters: DataTableFilters];
+    /**
+     * Emitted when hidden column ids should update (`v-model:hidden-columns`).
+     */
+    "update:hiddenColumns": [ids: string[]];
+    /**
+     * Emitted when the numbered page should update (`v-model:page`).
+     */
+    "update:page": [page: number];
+    /**
+     * Emitted when the page size should update (`v-model:per-page`).
+     * DataTable also resets to page 1.
+     */
+    "update:perPage": [perPage: number];
+    /**
+     * Emitted when the toolbar search query should update (`v-model:search`).
+     */
+    "update:search": [query: string];
+    /**
+     * Emitted when selected row ids should update (`v-model:selection`).
+     */
+    "update:selection": [ids: string[]];
+    /**
+     * Emitted when sort should update (`v-model:sorting`).
+     */
+    "update:sorting": [sorting: DataTableSorting];
+}
+/**
+ * Opinionated data table. Compose with `columns` / `rows`.
+ */
+export interface DataTableOwnProps<T> {
+    /**
+     * Classes for DataTable regions.
+     *
+     * @default undefined
+     */
+    classes?: DataTableClasses;
+    /**
+     * Column definitions (Bridge shape).
+     *
+     * @default []
+     */
+    columns?: DataTableColumn<T>[];
+    /**
+     * Controlled per-column text search: column id → query. Set `searchable`
+     * on a column to show the field in that header's filter menu.
+     *
+     * @default undefined
+     */
+    columnSearch?: DataTableColumnSearch;
+    /**
+     * Extra props for internal parts (`table`, `wrapper`, checkboxes, …).
+     *
+     * @default undefined
+     */
+    customProps?: DataTableCustomProps;
+    /**
+     * Controlled expanded row ids.
+     *
+     * @default undefined
+     */
+    expanded?: string[];
+    /**
+     * Controlled column filters: column id → selected option values.
+     *
+     * @default undefined
+     */
+    filters?: DataTableFilters;
+    /**
+     * Stretch the table to at least the wrapper width.
+     *
+     * @default true
+     */
+    full?: boolean;
+    /**
+     * Stable row id. Required for reliable selection.
+     *
+     * @default undefined
+     */
+    getRowId?: (row: T) => string;
+    /**
+     * Controlled hidden column ids.
+     *
+     * @default undefined
+     */
+    hiddenColumns?: string[];
+    /**
+     * Row hover styles on the body.
+     *
+     * @default false
+     */
+    hoverable?: boolean;
+    /**
+     * Show the loading region (`aria-busy` on the table).
+     *
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * How `loading` is shown. `overlay` dims the table; `bar` dims the table
+     * and draws a progress line under the header.
+     *
+     * @default "overlay"
+     */
+    loadingVariant?: DataTableLoadingVariant;
+    /**
+     * Controlled page for built-in numbered Pagination (1-based).
+     *
+     * @default undefined
+     */
+    page?: number;
+    /**
+     * Total pages for built-in numbered Pagination. Use this or `totalCount`.
+     *
+     * @default undefined
+     */
+    pageCount?: number;
+    /**
+     * Alignment of the built-in Pagination region.
+     *
+     * @default "end"
+     */
+    paginationAlign?: MergeProps<TableAlign, TableAlignOverrides>;
+    /**
+     * Page size. With `page` and no `pageCount`/`totalCount`, slices `rows`
+     * locally. With server paging, only drives the per-page Select.
+     *
+     * @default undefined
+     */
+    perPage?: number;
+    /**
+     * Options for the built-in per-page Select.
+     *
+     * @default [10, 25, 50, 100]
+     */
+    perPageOptions?: number[];
+    /**
+     * Corner radius of the table wrapper, header, and footer.
+     *
+     * @default "lg"
+     */
+    rounded?: MergeProps<TableRounded, TableRoundedOverrides>;
+    /**
+     * Current page of data (or the full set when not paging on the server).
+     *
+     * @default []
+     */
+    rows?: T[];
+    /**
+     * Controlled toolbar search query. Filters visible columns client-side,
+     * or emits `update:search` only when server-paged.
+     *
+     * @default undefined
+     */
+    search?: string;
+    /**
+     * Controlled selected row ids.
+     *
+     * @default undefined
+     */
+    selection?: string[];
+    /**
+     * Row selection chrome: radios (`single`) or checkboxes (`multiple`).
+     *
+     * @default "multiple"
+     */
+    selectionMode?: DataTableSelectionMode;
+    /**
+     * Cell padding / type scale.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<TableSize, TableSizeOverrides>;
+    /**
+     * Controlled sort: one column, or `null` when unsorted.
+     *
+     * @default undefined
+     */
+    sorting?: DataTableSorting;
+    /**
+     * Stick header cells to the page (`true`) or inside the wrapper (`"boxed"`).
+     * For boxed, set a max height on `classes.wrapper` or `classes.root`.
+     *
+     * @default false
+     */
+    stickyHeader?: DataTableStickyHeader;
+    /**
+     * Alternating body row surfaces.
+     *
+     * @default false
+     */
+    striped?: boolean;
+    /**
+     * Total item count when the app owns paging. Derives page count with
+     * `perPage`. Use this or `pageCount`, not both (`pageCount` wins).
+     *
+     * @default undefined
+     */
+    totalCount?: number;
+    /**
+     * Chrome treatment. Built-in Pagination follows the matching variant.
+     *
+     * @default "plain"
+     */
+    variant?: MergeProps<TableVariant, TableVariantOverrides>;
+}
+/**
+ * Opinionated data table slots. Per-column cells use `#item.{columnId}`
+ * (`row`, `value`) and override `columns[].cell`.
+ */
+export interface DataTableSlots<T = unknown> {
+    /**
+     * Shown when `rows` is empty.
+     */
+    empty?: Slot<undefined>;
+    /**
+     * Rendered in a spanning row when a row is expanded.
+     */
+    expanded?: Slot<{
+        row: T;
+    }>;
+    /**
+     * Region below the table, above pagination.
+     */
+    footer?: Slot<undefined>;
+    /**
+     * Catch-all cell slot when `#item.{columnId}` is not set.
+     */
+    item?: Slot<DataTableItemSlotProps<T>>;
+    /**
+     * Indicator shown when `loading` is set. Overlay defaults to a spin; bar
+     * defaults to `Progress` under the header.
+     */
+    loading?: Slot<undefined>;
+    /**
+     * Replaces the built-in numbered Pagination (no auto variant). Receives
+     * `page`, `count`, `variant`, and `onPageChange`.
+     */
+    pagination?: Slot<DataTablePaginationSlotProps>;
+    /**
+     * Replaces the built-in per-page Select. Receives `perPage`, `options`,
+     * and `onPerPageChange`.
+     */
+    perPage?: Slot<DataTablePerPageSlotProps>;
+    /**
+     * Replaces the toolbar search field.
+     */
+    search?: Slot<undefined>;
+    /**
+     * Leading toolbar region (left of Columns / Search).
+     */
+    toolbar?: Slot<undefined>;
+    /**
+     * Extra controls beside Columns and Search in the toolbar end cluster.
+     */
+    toolbarActions?: Slot<undefined>;
+}
+export type DataTableProps<T = unknown> = MergeHtmlProps<DataTableOwnProps<T>, HTMLAttributes>;

package/dist/Components/DataTable/index.d.ts

@@ -0,0 +1,3 @@
+export { useDataTable } from './composables/useDataTable';
+export type { DataTableClasses, DataTableColumn, DataTableColumnBase, DataTableColumnSearch, DataTableCustomProps, DataTableEmits, DataTableFilterOption, DataTableFilters, DataTableItemSlotProps, DataTableLoadingVariant, DataTableOwnProps, DataTablePaginationSlotProps, DataTablePerPageSlotProps, DataTableProps, DataTableSelectionMode, DataTableSlots, DataTableSorting, DataTableStickyEdge, DataTableStickyHeader, } from './dataTable.types';
+export { default as DataTable } from './DataTable.vue';

package/dist/Components/DataTable/index.js

@@ -0,0 +1,3 @@
+import { useDataTable as e } from "./composables/useDataTable.js";
+import t from "./DataTable.js";
+export { t as DataTable, e as useDataTable };

package/dist/Components/DateField/composables/useDateField.d.ts

@@ -179,7 +179,7 @@ export declare function useDateField(props: DateFieldOwnProps, model: Ref<null |
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+            enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
             hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;
@@ -720,6 +720,7 @@ export declare function useDateField(props: DateFieldOwnProps, model: Ref<null |
             disableAutoFocus?: boolean;
             disableScrollLock?: boolean;
             keepMounted?: boolean;
+            matchWidth?: boolean;
             offset?: number;
             onShowChange?: (show: boolean) => void;
             persistent?: boolean;

package/dist/Components/DateRangeField/composables/useDateRangeField.d.ts

@@ -178,7 +178,7 @@ export declare function useDateRangeField(props: DateRangeFieldOwnProps, model:
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+            enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
             hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;
@@ -720,6 +720,7 @@ export declare function useDateRangeField(props: DateRangeFieldOwnProps, model:
             disableAutoFocus?: boolean;
             disableScrollLock?: boolean;
             keepMounted?: boolean;
+            matchWidth?: boolean;
             offset?: number;
             onShowChange?: (show: boolean) => void;
             persistent?: boolean;

package/dist/Components/DateTimeField/composables/useDateTimeField.d.ts

@@ -179,7 +179,7 @@ export declare function useDateTimeField(props: DateTimeFieldOwnProps, model: Re
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+            enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
             hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;
@@ -721,6 +721,7 @@ export declare function useDateTimeField(props: DateTimeFieldOwnProps, model: Re
             disableAutoFocus?: boolean;
             disableScrollLock?: boolean;
             keepMounted?: boolean;
+            matchWidth?: boolean;
             offset?: number;
             onShowChange?: (show: boolean) => void;
             persistent?: boolean;

package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.d.ts

@@ -180,7 +180,7 @@ export declare function useDateTimeRangeField(props: DateTimeRangeFieldOwnProps,
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+            enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
             hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;
@@ -723,6 +723,7 @@ export declare function useDateTimeRangeField(props: DateTimeRangeFieldOwnProps,
             disableAutoFocus?: boolean;
             disableScrollLock?: boolean;
             keepMounted?: boolean;
+            matchWidth?: boolean;
             offset?: number;
             onShowChange?: (show: boolean) => void;
             persistent?: boolean;

package/dist/Components/FormField/composables/useFormField.d.ts

@@ -190,7 +190,7 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
         inert?: (boolean | "true" | "false") | undefined;
         placeholder?: string | undefined | undefined;

package/dist/Components/Menu/Menu.vue_vue_type_script_setup_true_lang.js

@@ -29,6 +29,7 @@ var v = /*@__PURE__*/ l({
 			type: Boolean,
 			default: !1
 		},
+		matchWidth: { type: Boolean },
 		offset: { default: 4 },
 		onShowChange: {},
 		persistent: {

package/dist/Components/Menu/composables/useMenu.d.ts

@@ -24,7 +24,7 @@ export declare function useMenu(props: MenuOwnProps, libDefaults: MenuLibDefault
     merged: import('vue').ComputedRef<MenuMerged>;
     menuId: string;
     mounted: Ref<boolean, boolean>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<MenuProps, "offset" | "classes" | "customProps" | "rounded" | "shadow" | "closeOnEscape" | "disableScrollLock" | "keepMounted" | "persistent" | "placement" | "teleportTo" | "closeOnClickAway" | "disableAutoFocus" | "strategy">, "anchorEl" | "onShowChange">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<MenuProps, "offset" | "classes" | "customProps" | "rounded" | "shadow" | "closeOnEscape" | "disableScrollLock" | "keepMounted" | "persistent" | "placement" | "teleportTo" | "closeOnClickAway" | "disableAutoFocus" | "matchWidth" | "strategy">, "anchorEl" | "onShowChange">>>;
     isPortaled: import('vue').ComputedRef<boolean>;
     triggerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         tabindex: number;

package/dist/Components/Menu/composables/useMenu.js

@@ -13,6 +13,7 @@ var le = [
 	"rounded",
 	"strategy",
 	"placement",
+	"matchWidth",
 	"persistent",
 	"teleportTo",
 	"customProps",
@@ -100,6 +101,7 @@ function v(v, ue, y = {}) {
 			offset: L.value.offset,
 			strategy: L.value.strategy,
 			placement: L.value.placement,
+			matchWidth: L.value.matchWidth === !0,
 			onReferenceHidden: () => {
 				!M || !U.value || !P.value || q();
 			}
@@ -146,7 +148,7 @@ function v(v, ue, y = {}) {
 		j?.(), j = null, A?.(), A = null, O?.(), O = null, D?.release(), D = null, E = null, C.value = "", N.value = m, Y();
 	}
 	let xe = r(() => e(z.value?.root, pe.value, u({
-		"relative inline-block text-left": !0,
+		"relative inline-flex": !0,
 		[c(B.value, "root") ?? ""]: !0
 	}))), Se = r(() => e(z.value?.trigger, {}, {
 		tabindex: 0,
@@ -157,7 +159,7 @@ function v(v, ue, y = {}) {
 		onClickCapture: he,
 		"aria-controls": P.value ? x : void 0,
 		class: u({
-			"inline-block w-fit max-w-full cursor-pointer outline-hidden": !0,
+			"inline-flex w-fit max-w-full cursor-pointer outline-hidden": !0,
 			[c(B.value, "trigger") ?? ""]: !0
 		})
 	})), Ce = r(() => e(z.value?.content, {}, {
@@ -167,7 +169,9 @@ function v(v, ue, y = {}) {
 		style: { zIndex: N.value },
 		"aria-hidden": V.value ? !0 : void 0,
 		class: u({
-			"bg-white text-dark-900 dark:bg-dark-800 dark:text-dark-100 ring-1 ring-black/5 dark:ring-white/10 outline-hidden overflow-hidden min-w-32 w-max max-w-[calc(100vw-16px)]": !0,
+			"bg-white text-dark-900 dark:bg-dark-800 dark:text-dark-100 ring-1 ring-black/5 dark:ring-white/10 outline-hidden overflow-hidden max-w-[calc(100vw-16px)]": !0,
+			"min-w-0 w-full": L.value.matchWidth === !0,
+			"min-w-32 w-max": L.value.matchWidth !== !0,
 			"invisible pointer-events-none": V.value,
 			[de.value ?? ""]: !0,
 			[fe.value ?? ""]: !0,

package/dist/Components/Menu/menu.types.d.ts

@@ -112,6 +112,12 @@ export interface MenuOwnProps {
      * @default false
      */
     keepMounted?: boolean;
+    /**
+     * When true, the panel width matches the trigger / anchor.
+     *
+     * @default false
+     */
+    matchWidth?: boolean;
     /**
      * Gap between the trigger and the menu panel (px).
      *

package/dist/Components/NumberField/composables/useNumberField.d.ts

@@ -178,7 +178,7 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+            enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
             hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;

package/dist/Components/PasswordField/composables/usePasswordField.d.ts

@@ -176,7 +176,7 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+            enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
             hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;