@bridge-ui/vue 0.6.0 → 0.8.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/DateField.vue_vue_type_script_setup_true_lang.js

@@ -59,6 +59,7 @@ var M = { class: "flex min-w-0 flex-1 items-center gap-1" }, N = ["aria-label"],
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showDescriptionOnError: { type: Boolean },
 		showErrorIcon: {
 			type: Boolean,
 			default: !0

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

@@ -8,7 +8,7 @@ export declare function useDateField(props: DateFieldOwnProps, model: Ref<null |
     fill: import('vue').ComputedRef<boolean>;
     overlay: import('vue').ComputedRef<import('@bridge-ui/core/Domain').FieldOverlayMode | undefined>;
     hasValue: import('vue').ComputedRef<boolean>;
-    dateOnly: import('vue').ComputedRef<Pick<DateFieldOwnProps & Record<string, unknown>, "fill" | "classes" | "overlay" | "showFooter" | "customProps" | "multiple" | "range" | "clearable" | "defaultValue" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "startOfWeek" | "timeZone" | "defaultView" | "hideMonths" | "hideYears" | "editable">>;
+    dateOnly: import('vue').ComputedRef<Pick<DateFieldOwnProps & Record<string, unknown>, "fill" | "classes" | "overlay" | "showFooter" | "customProps" | "editable" | "hideMonths" | "hideOutsideDays" | "hideWeekdays" | "hideYears" | "multiple" | "range" | "startOfWeek" | "timeZone" | "defaultValue" | "clearable" | "disableDates" | "disableMonths" | "disableYears" | "maxDate" | "minDate" | "defaultView">>;
     formField: {
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -436,11 +436,10 @@ export declare function useDateField(props: DateFieldOwnProps, model: Ref<null |
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
+        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
         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,9 +457,12 @@ 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", {}, {}>>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
@@ -685,7 +687,7 @@ export declare function useDateField(props: DateFieldOwnProps, model: Ref<null |
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>, "class", {
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>, "class", {
         value: string;
         readonly: boolean;
         onFocus: (event: FocusEvent) => void;

package/dist/Components/DatePicker/composables/useDatePicker.d.ts

@@ -6,7 +6,7 @@ type DatePickerLibDefaults = LibDefaultsShape<DatePickerOwnProps, "color" | "rou
 type DatePickerMerged = MergeLibDefaults<DatePickerOwnProps, DatePickerLibDefaults>;
 export declare function useDatePicker(props: MaybeRefOrGetter<DatePickerOwnProps>, libDefaults: DatePickerLibDefaults, emit: SetupContext<DatePickerEmits>["emit"]): {
     merged: import('vue').ComputedRef<DatePickerMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<DatePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "multiple" | "range" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "startOfWeek" | "timeZone" | "defaultView" | "hideMonths" | "hideYears">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<DatePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "hideMonths" | "hideOutsideDays" | "hideWeekdays" | "hideYears" | "multiple" | "range" | "startOfWeek" | "timeZone" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "maxDate" | "minDate" | "defaultView">>>>;
     footerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     showFooter: import('vue').ComputedRef<boolean>;
     handleApply: () => void;

package/dist/Components/DateRangeField/DateRangeField.vue_vue_type_script_setup_true_lang.js

@@ -57,6 +57,7 @@ var M = { class: "flex min-w-0 flex-1 items-center gap-1" }, N = ["aria-label"],
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showDescriptionOnError: { type: Boolean },
 		showErrorIcon: {
 			type: Boolean,
 			default: !0

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

@@ -7,7 +7,7 @@ export declare function useDateRangeField(props: DateRangeFieldOwnProps, model:
     fill: import('vue').ComputedRef<boolean>;
     overlay: import('vue').ComputedRef<import('@bridge-ui/core/Domain').FieldOverlayMode | undefined>;
     hasValue: import('vue').ComputedRef<boolean>;
-    dateOnly: import('vue').ComputedRef<Pick<DateRangeFieldOwnProps & Record<string, unknown>, "fill" | "orientation" | "classes" | "overlay" | "showFooter" | "customProps" | "clearable" | "defaultValue" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "startOfWeek" | "timeZone" | "hideMonths" | "hideYears" | "editable">>;
+    dateOnly: import('vue').ComputedRef<Pick<DateRangeFieldOwnProps & Record<string, unknown>, "fill" | "orientation" | "classes" | "overlay" | "showFooter" | "customProps" | "editable" | "hideMonths" | "hideOutsideDays" | "hideWeekdays" | "hideYears" | "startOfWeek" | "timeZone" | "defaultValue" | "clearable" | "disableDates" | "disableMonths" | "disableYears" | "maxDate" | "minDate">>;
     formField: {
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -435,11 +435,10 @@ export declare function useDateRangeField(props: DateRangeFieldOwnProps, model:
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
+        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
         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,9 +456,12 @@ 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", {}, {}>>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
@@ -684,7 +686,7 @@ export declare function useDateRangeField(props: DateRangeFieldOwnProps, model:
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>, "class", {
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>, "class", {
         value: string;
         readonly: boolean;
         onFocus: (event: FocusEvent) => void;

package/dist/Components/DateRangePicker/composables/useDateRangePicker.d.ts

@@ -6,7 +6,7 @@ type DateRangePickerLibDefaults = LibDefaultsShape<DateRangePickerOwnProps, "col
 type DateRangePickerMerged = MergeLibDefaults<DateRangePickerOwnProps, DateRangePickerLibDefaults>;
 export declare function useDateRangePicker(props: MaybeRefOrGetter<DateRangePickerOwnProps>, libDefaults: DateRangePickerLibDefaults, emit: SetupContext<DateRangePickerEmits>["emit"]): {
     merged: import('vue').ComputedRef<DateRangePickerMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<DateRangePickerOwnProps, "error" | "color" | "fill" | "orientation" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "startOfWeek" | "timeZone" | "hideMonths" | "hideYears">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<DateRangePickerOwnProps, "error" | "color" | "fill" | "orientation" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "hideMonths" | "hideOutsideDays" | "hideWeekdays" | "hideYears" | "startOfWeek" | "timeZone" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "maxDate" | "minDate">>>>;
     footerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     showFooter: import('vue').ComputedRef<boolean>;
     handleApply: () => void;

package/dist/Components/DateTimeField/DateTimeField.vue_vue_type_script_setup_true_lang.js

@@ -63,6 +63,7 @@ var M = { class: "flex min-w-0 flex-1 items-center gap-1" }, N = ["aria-label"],
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showDescriptionOnError: { type: Boolean },
 		showErrorIcon: {
 			type: Boolean,
 			default: !0