@bridge-ui/vue 0.6.0 → 0.7.0

package/dist/Components/DataTable/composables/useDataTablePagination.d.ts

@@ -0,0 +1,69 @@
+import { Ref, SetupContext } from 'vue';
+import { IconSize } from '@bridge-ui/core/Tokens';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
+import { DataTablePaginationEmits, DataTablePaginationOwnProps, DataTablePaginationProps } from '../dataTablePagination.types';
+type DataTablePaginationLibDefaults = LibDefaultsShape<DataTablePaginationOwnProps, "size" | "rounded" | "disabled">;
+type DataTablePaginationMerged = MergeLibDefaults<DataTablePaginationOwnProps, DataTablePaginationLibDefaults>;
+export declare function useDataTablePagination(props: DataTablePaginationOwnProps, libDefaults: DataTablePaginationLibDefaults, model: Ref<number | undefined>, emit: SetupContext<DataTablePaginationEmits>["emit"]): {
+    page: import('vue').ComputedRef<number>;
+    slots: Readonly<{
+        [name: string]: import('vue').Slot<any> | undefined;
+    }>;
+    merged: import('vue').ComputedRef<DataTablePaginationMerged>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        "aria-label": string;
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<DataTablePaginationProps, "size" | "classes" | "customProps" | "rounded" | "disabled" | "modelValue" | "count">>>;
+    listBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    prevBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        onClick: () => void;
+        type: "button";
+        disabled: boolean;
+        "aria-label": string;
+        class: string;
+    }, "class", import('vue').ButtonHTMLAttributes | undefined, {}>>;
+    nextBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        onClick: () => void;
+        type: "button";
+        disabled: boolean;
+        "aria-label": string;
+        class: string;
+    }, "class", import('vue').ButtonHTMLAttributes | undefined, {}>>;
+    lastBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        onClick: () => void;
+        type: "button";
+        disabled: boolean;
+        "aria-label": string;
+        class: string;
+    }, "class", import('vue').ButtonHTMLAttributes | undefined, {}>>;
+    firstBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        onClick: () => void;
+        type: "button";
+        disabled: boolean;
+        "aria-label": string;
+        class: string;
+    }, "class", import('vue').ButtonHTMLAttributes | undefined, {}>>;
+    prevIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        "aria-hidden": boolean;
+        size: keyof IconSize;
+        class: string;
+    }, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    nextIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        "aria-hidden": boolean;
+        size: keyof IconSize;
+        class: string;
+    }, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    lastIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        "aria-hidden": boolean;
+        size: keyof IconSize;
+        class: string;
+    }, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    firstIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        "aria-hidden": boolean;
+        size: keyof IconSize;
+        class: string;
+    }, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+};
+export {};

package/dist/Components/DataTable/composables/useDataTablePagination.js

@@ -0,0 +1,130 @@
+import { useResolveMessage as e } from "../../../Adapters/I18n/useI18nAdapter.js";
+import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
+import { computed as i, useAttrs as a, useSlots as o } from "vue";
+import { get as s } from "es-toolkit/compat";
+import { DATATABLE_PAGINATION_ITEM_CLASS as c, DATATABLE_PAGINATION_LIST_CLASS as l } from "@bridge-ui/core/Domain";
+import { paginationRoundedProps as u, paginationSizeProps as d } from "@bridge-ui/core/Tokens";
+import { cn as f, splitComponentProps as p } from "@bridge-ui/core/Utils";
+//#region src/Components/DataTable/composables/useDataTablePagination.ts
+var m = [
+	"size",
+	"count",
+	"classes",
+	"rounded",
+	"disabled",
+	"modelValue",
+	"customProps"
+];
+function h(h, g, _, v) {
+	let y = a(), b = o(), x = e(), S = i(() => p({
+		props: {
+			...y,
+			...h
+		},
+		bridgeKeys: m
+	})), { merged: C } = n({
+		libDefaults: g,
+		props: () => S.value.componentProps
+	}), w = i(() => C.value.customProps), T = i(() => _.value ?? 1), E = r({
+		props: () => S.value.componentProps,
+		entry: i(() => {})
+	}), D = i(() => s(d, C.value.size)), O = i(() => s(u, C.value.rounded)), k = (e) => {
+		if (C.value.disabled) return;
+		let t = C.value.count ?? 0, n = Math.min(Math.max(1, e), Math.max(t, 1));
+		_.value = n, v("change", n), v("update:modelValue", n);
+	}, A = () => {
+		k(T.value - 1);
+	}, j = () => {
+		k(T.value + 1);
+	}, M = () => {
+		k(1);
+	}, N = () => {
+		k(C.value.count ?? 1);
+	}, P = i(() => C.value.disabled || T.value <= 1), F = i(() => C.value.disabled || T.value >= (C.value.count ?? 0)), I = i(() => f({
+		[s(D.value, "itemIcon") ?? ""]: !0,
+		[c]: !0,
+		[s(O.value, "item") ?? ""]: !0
+	})), L = i(() => s(D.value, "icon") ?? "xs"), R = i(() => {
+		let e = S.value.inheritedAttrs;
+		return t(w.value?.root, e, {
+			"aria-label": e["aria-label"] ?? x("Pagination"),
+			class: f({
+				[s(D.value, "root") ?? ""]: !0,
+				[s(E.value, "root") ?? ""]: !0
+			})
+		});
+	}), z = i(() => t(w.value?.list, {}, { class: f({
+		[s(D.value, "list") ?? ""]: !0,
+		[l]: !0,
+		[s(E.value, "list") ?? ""]: !0
+	}) })), B = i(() => t(w.value?.prev, {}, {
+		onClick: A,
+		type: "button",
+		disabled: P.value,
+		"aria-label": x("Previous"),
+		class: f({
+			[I.value]: !0,
+			[s(E.value, "prev") ?? ""]: !0
+		})
+	})), V = i(() => t(w.value?.next, {}, {
+		onClick: j,
+		type: "button",
+		disabled: F.value,
+		"aria-label": x("Next"),
+		class: f({
+			[I.value]: !0,
+			[s(E.value, "next") ?? ""]: !0
+		})
+	})), H = i(() => t(w.value?.first, {}, {
+		onClick: M,
+		type: "button",
+		disabled: P.value,
+		"aria-label": x("First page"),
+		class: f({
+			[I.value]: !0,
+			[s(E.value, "first") ?? ""]: !0
+		})
+	})), U = i(() => t(w.value?.last, {}, {
+		onClick: N,
+		type: "button",
+		disabled: F.value,
+		"aria-label": x("Last page"),
+		class: f({
+			[I.value]: !0,
+			[s(E.value, "last") ?? ""]: !0
+		})
+	})), W = i(() => t(w.value?.prevIcon, {}, {
+		"aria-hidden": !0,
+		size: L.value,
+		class: "shrink-0 pointer-events-none"
+	})), G = i(() => t(w.value?.nextIcon, {}, {
+		"aria-hidden": !0,
+		size: L.value,
+		class: "shrink-0 pointer-events-none"
+	})), K = i(() => t(w.value?.firstIcon, {}, {
+		"aria-hidden": !0,
+		size: L.value,
+		class: "shrink-0 pointer-events-none"
+	}));
+	return {
+		page: T,
+		slots: b,
+		merged: C,
+		rootBind: R,
+		listBind: z,
+		prevBind: B,
+		nextBind: V,
+		lastBind: U,
+		firstBind: H,
+		prevIconBind: W,
+		nextIconBind: G,
+		lastIconBind: i(() => t(w.value?.lastIcon, {}, {
+			"aria-hidden": !0,
+			size: L.value,
+			class: "shrink-0 pointer-events-none"
+		})),
+		firstIconBind: K
+	};
+}
+//#endregion
+export { h as useDataTablePagination };

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

@@ -1,15 +1,15 @@
 import { HTMLAttributes, Slot, VNodeChild } from 'vue';
-import { DataTableColumnBase, DataTableColumnClasses, DataTableColumnSearch, DataTableFilterOption, DataTableFilters, DataTableItemSlotProps, DataTableLoadingVariant, DataTablePaginationSlotProps, DataTablePerPageSlotProps, DataTableSelectionMode, DataTableSorting, DataTableStickyEdge, DataTableStickyHeader, FieldOverlayMode } from '@bridge-ui/core/Domain';
+import { DataTableColumnBase, DataTableColumnClasses, DataTableColumnSearch, DataTableFilterOption, DataTableFilters, DataTableItemSlotProps, DataTableLoadingVariant, DataTablePaginationSlotProps, DataTablePerPageSlotProps, DataTableSelectedSlotProps, DataTableSelectionMode, DataTableSorting, DataTableStickyEdge, DataTableStickyHeader, FieldOverlayMode } 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 { DataTablePaginationOwnProps } from './dataTablePagination.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, DataTableColumnClasses, DataTableColumnSearch, DataTableFilterOption, DataTableFilters, DataTableItemSlotProps, DataTableLoadingVariant, DataTablePaginationSlotProps, DataTablePerPageSlotProps, DataTableSelectionMode, DataTableSorting, DataTableStickyEdge, DataTableStickyHeader, };
+export type { DataTableColumnBase, DataTableColumnClasses, DataTableColumnSearch, DataTableFilterOption, DataTableFilters, DataTableItemSlotProps, DataTableLoadingVariant, DataTablePaginationSlotProps, DataTablePerPageSlotProps, DataTableSelectedSlotProps, DataTableSelectionMode, DataTableSorting, DataTableStickyEdge, DataTableStickyHeader, };
 /**
  * Column definition with Vue renderers.
  */
@@ -66,7 +66,7 @@ export interface DataTableClasses {
      */
     loading?: string;
     /**
-     * Classes merged onto the pagination region.
+     * Classes merged onto the chrome footer (selection, per-page, pager).
      */
     pagination?: string;
     /**
@@ -85,6 +85,10 @@ export interface DataTableClasses {
      * Classes merged onto the toolbar search field.
      */
     search?: string;
+    /**
+     * Classes merged onto the selection summary in the chrome footer.
+     */
+    selected?: string;
     /**
      * Classes merged onto the `<table>` element.
      */
@@ -148,11 +152,11 @@ export interface DataTableCustomProps {
      */
     loading?: HTMLAttributes;
     /**
-     * Extra props for the built-in `Pagination`.
+     * Extra props for the built-in chrome pager (first / previous / next / last).
      *
      * @default undefined
      */
-    pagination?: Partial<Omit<PaginationOwnProps, "count">>;
+    pagination?: Partial<Omit<DataTablePaginationOwnProps, "count" | "modelValue">>;
     /**
      * Extra props for the built-in per-page `Select`.
      *
@@ -189,6 +193,12 @@ export interface DataTableCustomProps {
      * @default undefined
      */
     search?: Partial<Omit<TextFieldOwnProps, "modelValue">>;
+    /**
+     * Props forwarded to the selection summary in the chrome footer.
+     *
+     * @default undefined
+     */
+    selected?: HTMLAttributes;
     /**
      * Props forwarded to the `<table>` element.
      *
@@ -349,13 +359,13 @@ export interface DataTableOwnProps<T> {
      */
     loadingVariant?: DataTableLoadingVariant;
     /**
-     * Controlled page for built-in numbered Pagination (1-based).
+     * Controlled page for the built-in chrome pager (1-based).
      *
      * @default undefined
      */
     page?: number;
     /**
-     * Total pages for built-in numbered Pagination. Use this or `totalCount`.
+     * Total pages for the built-in chrome pager. Use this or `totalCount`.
      *
      * @default undefined
      */
@@ -437,7 +447,7 @@ export interface DataTableOwnProps<T> {
      */
     totalCount?: number;
     /**
-     * Chrome treatment. Built-in Pagination follows the matching variant.
+     * Chrome treatment (`plain` / `ghost` / `bordered`).
      *
      * @default "plain"
      */
@@ -459,7 +469,7 @@ export interface DataTableSlots<T = unknown> {
         row: T;
     }>;
     /**
-     * Region below the table, above pagination.
+     * Region below the table, above the chrome footer.
      */
     footer?: Slot<undefined>;
     /**
@@ -472,8 +482,8 @@ export interface DataTableSlots<T = unknown> {
      */
     loading?: Slot<undefined>;
     /**
-     * Replaces the built-in numbered Pagination (no auto variant). Receives
-     * `page`, `count`, `variant`, and `onPageChange`.
+     * Replaces the built-in chrome pager. Receives `page`, `count`, and
+     * `onPageChange`.
      */
     pagination?: Slot<DataTablePaginationSlotProps>;
     /**
@@ -485,6 +495,11 @@ export interface DataTableSlots<T = unknown> {
      * Replaces the toolbar search field.
      */
     search?: Slot<undefined>;
+    /**
+     * Replaces the selection summary (`selected of total`). Receives
+     * `selectedCount` / `totalCount`.
+     */
+    selected?: Slot<DataTableSelectedSlotProps>;
     /**
      * Leading toolbar region (left of Columns / Search).
      */

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

@@ -0,0 +1,169 @@
+import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
+import { PaginationRounded, PaginationSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
+import { IconProps } from '../Icon';
+import { PaginationRoundedOverrides, PaginationSizeOverrides } from '../Pagination/pagination.types';
+export interface DataTablePaginationClasses {
+    /**
+     * Classes merged onto the first-page control.
+     */
+    first?: string;
+    /**
+     * Classes merged onto the last-page control.
+     */
+    last?: string;
+    /**
+     * Classes merged onto the unordered list.
+     */
+    list?: string;
+    /**
+     * Classes merged onto the next control.
+     */
+    next?: string;
+    /**
+     * Classes merged onto the previous control.
+     */
+    prev?: string;
+    /**
+     * Classes merged onto the nav root.
+     */
+    root?: string;
+}
+export interface DataTablePaginationCustomProps {
+    /**
+     * Props forwarded to the first-page button.
+     *
+     * @default undefined
+     */
+    first?: ButtonHTMLAttributes;
+    /**
+     * Props forwarded to the first-page `Icon`.
+     *
+     * @default undefined
+     */
+    firstIcon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the last-page button.
+     *
+     * @default undefined
+     */
+    last?: ButtonHTMLAttributes;
+    /**
+     * Props forwarded to the last-page `Icon`.
+     *
+     * @default undefined
+     */
+    lastIcon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the unordered list.
+     *
+     * @default undefined
+     */
+    list?: HTMLAttributes;
+    /**
+     * Props forwarded to the next button.
+     *
+     * @default undefined
+     */
+    next?: ButtonHTMLAttributes;
+    /**
+     * Props forwarded to the next `Icon`.
+     *
+     * @default undefined
+     */
+    nextIcon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the previous button.
+     *
+     * @default undefined
+     */
+    prev?: ButtonHTMLAttributes;
+    /**
+     * Props forwarded to the previous `Icon`.
+     *
+     * @default undefined
+     */
+    prevIcon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the nav root.
+     *
+     * @default undefined
+     */
+    root?: HTMLAttributes;
+}
+export interface DataTablePaginationEmits {
+    /**
+     * Emitted when the page changes.
+     */
+    change: [page: number];
+    /**
+     * Emitted when `v-model` should update.
+     */
+    "update:modelValue": [page: number];
+}
+/**
+ * First / previous / next / last pager used by the DataTable chrome footer.
+ */
+export interface DataTablePaginationOwnProps {
+    /**
+     * Classes for pagination parts.
+     *
+     * @default undefined
+     */
+    classes?: DataTablePaginationClasses;
+    /**
+     * Total number of pages.
+     *
+     * @default undefined
+     */
+    count?: number;
+    /**
+     * Extra props for internal parts.
+     *
+     * @default undefined
+     */
+    customProps?: DataTablePaginationCustomProps;
+    /**
+     * Disable all controls.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Bound page with `v-model` (1-based).
+     *
+     * @default 1
+     */
+    modelValue?: number;
+    /**
+     * Control corner radius.
+     *
+     * @default "md"
+     */
+    rounded?: MergeProps<PaginationRounded, PaginationRoundedOverrides>;
+    /**
+     * Control size.
+     *
+     * @default "sm"
+     */
+    size?: MergeProps<PaginationSize, PaginationSizeOverrides>;
+}
+export interface DataTablePaginationSlots {
+    /**
+     * Custom first-page control content (default double-chevron icon).
+     */
+    first?: Slot;
+    /**
+     * Custom last-page control content (default double-chevron icon).
+     */
+    last?: Slot;
+    /**
+     * Custom next control content (default chevron icon).
+     */
+    next?: Slot;
+    /**
+     * Custom previous control content (default chevron icon).
+     */
+    prev?: Slot;
+}
+export type DataTablePaginationProps = MergeHtmlProps<DataTablePaginationOwnProps, HTMLAttributes>;

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

@@ -1,3 +1,4 @@
 export { useDataTable } from './composables/useDataTable';
-export type { DataTableClasses, DataTableColumn, DataTableColumnBase, DataTableColumnClasses, DataTableColumnSearch, DataTableCustomProps, DataTableEmits, DataTableFilterOption, DataTableFilters, DataTableItemSlotProps, DataTableLoadingVariant, DataTableOwnProps, DataTablePaginationSlotProps, DataTablePerPageSlotProps, DataTableProps, DataTableSelectionMode, DataTableSlots, DataTableSorting, DataTableStickyEdge, DataTableStickyHeader, } from './dataTable.types';
+export type { DataTableClasses, DataTableColumn, DataTableColumnBase, DataTableColumnClasses, DataTableColumnSearch, DataTableCustomProps, DataTableEmits, DataTableFilterOption, DataTableFilters, DataTableItemSlotProps, DataTableLoadingVariant, DataTableOwnProps, DataTablePaginationSlotProps, DataTablePerPageSlotProps, DataTableProps, DataTableSelectedSlotProps, DataTableSelectionMode, DataTableSlots, DataTableSorting, DataTableStickyEdge, DataTableStickyHeader, } from './dataTable.types';
 export { default as DataTable } from './DataTable.vue';
+export type { DataTablePaginationClasses, DataTablePaginationCustomProps, DataTablePaginationEmits, DataTablePaginationOwnProps, DataTablePaginationProps, DataTablePaginationSlots, } from './dataTablePagination.types';

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

@@ -440,7 +440,6 @@ export declare function useDateField(props: DateFieldOwnProps, model: Ref<null |
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -458,6 +457,7 @@ export declare function useDateField(props: DateFieldOwnProps, model: Ref<null |
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;

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

@@ -439,7 +439,6 @@ export declare function useDateRangeField(props: DateRangeFieldOwnProps, model:
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -457,6 +456,7 @@ export declare function useDateRangeField(props: DateRangeFieldOwnProps, model:
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;

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

@@ -440,7 +440,6 @@ export declare function useDateTimeField(props: DateTimeFieldOwnProps, model: Re
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -458,6 +457,7 @@ export declare function useDateTimeField(props: DateTimeFieldOwnProps, model: Re
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;

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

@@ -441,7 +441,6 @@ export declare function useDateTimeRangeField(props: DateTimeRangeFieldOwnProps,
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -459,6 +458,7 @@ export declare function useDateTimeRangeField(props: DateTimeRangeFieldOwnProps,
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;

package/dist/Components/FormField/FilledFormField.vue.d.ts

@@ -2,21 +2,21 @@ import { UseFormFieldReturn } from './composables/useFormField';
 type __VLS_Props = {
     api: UseFormFieldReturn;
 };
-declare var __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_19: {}, __VLS_21: {}, __VLS_33: {}, __VLS_35: {};
+declare var __VLS_8: {}, __VLS_17: {}, __VLS_19: {}, __VLS_26: {}, __VLS_28: {}, __VLS_40: {}, __VLS_42: {};
 type __VLS_Slots = {} & {
     label?: (props: typeof __VLS_8) => any;
 } & {
-    corner?: (props: typeof __VLS_10) => any;
+    corner?: (props: typeof __VLS_17) => any;
 } & {
-    start?: (props: typeof __VLS_12) => any;
+    start?: (props: typeof __VLS_19) => any;
 } & {
-    default?: (props: typeof __VLS_19) => any;
+    default?: (props: typeof __VLS_26) => any;
 } & {
-    end?: (props: typeof __VLS_21) => any;
+    end?: (props: typeof __VLS_28) => any;
 } & {
-    description?: (props: typeof __VLS_33) => any;
+    description?: (props: typeof __VLS_40) => any;
 } & {
-    errorMessage?: (props: typeof __VLS_35) => any;
+    errorMessage?: (props: typeof __VLS_42) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;