@bridge-ui/vue 0.1.1 → 0.2.0

package/dist/Components/TimeRangePicker/TimeRangePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,10 @@
 import e from "../Button/Button.js";
-import t from "../TimePanel/TimePanel.js";
-import { useTimeRangePicker as n } from "./composables/useTimeRangePicker.js";
-import { createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import t from "../Divider/Divider.js";
+import n from "../TimePanel/TimePanel.js";
+import { useTimeRangePicker as r } from "./composables/useTimeRangePicker.js";
+import { createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
 //#region src/Components/TimeRangePicker/TimeRangePicker.vue?vue&type=script&setup=true&lang.ts
-var v = /*@__PURE__*/ c({
+var y = /*@__PURE__*/ l({
 	inheritAttrs: !1,
 	__name: "TimeRangePicker",
 	props: {
@@ -20,7 +21,6 @@ var v = /*@__PURE__*/ c({
 		interval: {},
 		maxTime: {},
 		minTime: {},
-		orientation: {},
 		readOnly: { type: Boolean },
 		rounded: {},
 		showFooter: {
@@ -37,94 +37,108 @@ var v = /*@__PURE__*/ c({
 		"cancel",
 		"change"
 	],
-	setup(c, { emit: v }) {
-		let { merged: y, endBind: b, rootBind: x, endTitle: S, startBind: C, startTitle: w, footerBind: T, panelsBind: E, showFooter: D, applyLabel: O, handleApply: k, cancelLabel: A, endTitleBind: j, handleCancel: M, startTitleBind: N, endDisplayValue: P, handleEndChange: F, applyButtonProps: I, startDisplayValue: L, cancelButtonProps: R, handleStartChange: z } = n(c, {
+	setup(l, { emit: y }) {
+		let { merged: b, endBind: x, rootBind: S, endTitle: C, startBind: w, startTitle: T, footerBind: E, titlesBind: D, panelsBind: O, showFooter: k, applyLabel: A, handleApply: j, cancelLabel: M, titleGapBind: N, endTitleBind: P, handleCancel: F, startTitleBind: I, endDisplayValue: L, handleEndChange: R, applyButtonProps: z, startDisplayValue: B, cancelButtonProps: V, handleStartChange: H } = r(l, {
 			ampm: !1,
 			interval: 1,
 			rounded: "md",
 			color: "primary",
-			showSeconds: !1,
-			orientation: "horizontal"
-		}, v);
-		return (n, c) => (p(), i("div", f(l(g(x))), [a("div", f(l(g(E))), [a("div", f(l(g(C))), [a("p", { class: d(g(N)) }, h(g(w)), 3), s(g(t), {
-			ampm: g(y).ampm,
-			fill: g(y).fill,
-			color: g(y).color,
-			error: g(y).error,
-			rounded: g(y).rounded,
-			value: g(L),
-			"max-time": g(y).maxTime,
-			"min-time": g(y).minTime,
-			disabled: g(y).disabled,
-			interval: g(y).interval,
-			"read-only": g(y).readOnly,
-			"time-zone": g(y).timeZone,
-			onChange: g(z),
-			"show-seconds": g(y).showSeconds,
-			"disable-times": g(y).disableTimes
-		}, null, 8, [
-			"ampm",
-			"fill",
-			"color",
-			"error",
-			"rounded",
-			"value",
-			"max-time",
-			"min-time",
-			"disabled",
-			"interval",
-			"read-only",
-			"time-zone",
-			"onChange",
-			"show-seconds",
-			"disable-times"
-		])], 16), a("div", f(l(g(b))), [a("p", { class: d(g(j)) }, h(g(S)), 3), s(g(t), {
-			ampm: g(y).ampm,
-			fill: g(y).fill,
-			color: g(y).color,
-			error: g(y).error,
-			value: g(P),
-			rounded: g(y).rounded,
-			"max-time": g(y).maxTime,
-			"min-time": g(y).minTime,
-			disabled: g(y).disabled,
-			interval: g(y).interval,
-			"read-only": g(y).readOnly,
-			"time-zone": g(y).timeZone,
-			onChange: g(F),
-			"show-seconds": g(y).showSeconds,
-			"disable-times": g(y).disableTimes
-		}, null, 8, [
-			"ampm",
-			"fill",
-			"color",
-			"error",
-			"value",
-			"rounded",
-			"max-time",
-			"min-time",
-			"disabled",
-			"interval",
-			"read-only",
-			"time-zone",
-			"onChange",
-			"show-seconds",
-			"disable-times"
-		])], 16)], 16), g(D) ? (p(), i("div", f(u({ key: 0 }, g(T))), [m(n.$slots, "footer", {
-			apply: g(k),
-			cancel: g(M)
-		}, () => [s(g(e), u({
-			variant: "flat",
-			color: "secondary",
-			onClick: g(M)
-		}, g(R)), {
-			default: _(() => [o(h(g(A)), 1)]),
-			_: 1
-		}, 16, ["onClick"]), s(g(e), u({ color: "primary" }, g(I), { onClick: g(k) }), {
-			default: _(() => [o(h(g(O)), 1)]),
-			_: 1
-		}, 16, ["onClick"])])], 16)) : r("", !0)], 16));
+			showSeconds: !1
+		}, y);
+		return (r, l) => (m(), a("div", p(u(_(S))), [
+			o("div", { class: f(_(D)) }, [
+				o("p", { class: f(_(I)) }, g(_(T)), 3),
+				o("span", {
+					"aria-hidden": "true",
+					class: f(_(N))
+				}, null, 2),
+				o("p", { class: f(_(P)) }, g(_(C)), 3)
+			], 2),
+			o("div", p(u(_(O))), [
+				o("div", p(u(_(w))), [c(_(n), {
+					ampm: _(b).ampm,
+					fill: _(b).fill,
+					color: _(b).color,
+					error: _(b).error,
+					rounded: _(b).rounded,
+					value: _(B),
+					"max-time": _(b).maxTime,
+					"min-time": _(b).minTime,
+					disabled: _(b).disabled,
+					interval: _(b).interval,
+					"read-only": _(b).readOnly,
+					"time-zone": _(b).timeZone,
+					onChange: _(H),
+					"show-seconds": _(b).showSeconds,
+					"disable-times": _(b).disableTimes
+				}, null, 8, [
+					"ampm",
+					"fill",
+					"color",
+					"error",
+					"rounded",
+					"value",
+					"max-time",
+					"min-time",
+					"disabled",
+					"interval",
+					"read-only",
+					"time-zone",
+					"onChange",
+					"show-seconds",
+					"disable-times"
+				])], 16),
+				c(_(t), { orientation: "vertical" }),
+				o("div", p(u(_(x))), [c(_(n), {
+					ampm: _(b).ampm,
+					fill: _(b).fill,
+					color: _(b).color,
+					error: _(b).error,
+					value: _(L),
+					rounded: _(b).rounded,
+					"max-time": _(b).maxTime,
+					"min-time": _(b).minTime,
+					disabled: _(b).disabled,
+					interval: _(b).interval,
+					"read-only": _(b).readOnly,
+					"time-zone": _(b).timeZone,
+					onChange: _(R),
+					"show-seconds": _(b).showSeconds,
+					"disable-times": _(b).disableTimes
+				}, null, 8, [
+					"ampm",
+					"fill",
+					"color",
+					"error",
+					"value",
+					"rounded",
+					"max-time",
+					"min-time",
+					"disabled",
+					"interval",
+					"read-only",
+					"time-zone",
+					"onChange",
+					"show-seconds",
+					"disable-times"
+				])], 16)
+			], 16),
+			_(k) ? (m(), a("div", p(d({ key: 0 }, _(E))), [h(r.$slots, "footer", {
+				apply: _(j),
+				cancel: _(F)
+			}, () => [c(_(e), d({
+				variant: "flat",
+				color: "secondary",
+				onClick: _(F)
+			}, _(V)), {
+				default: v(() => [s(g(_(M)), 1)]),
+				_: 1
+			}, 16, ["onClick"]), c(_(e), d({ color: "primary" }, _(z), { onClick: _(j) }), {
+				default: v(() => [s(g(_(A)), 1)]),
+				_: 1
+			}, 16, ["onClick"])])], 16)) : i("", !0)
+		], 16));
 	}
 });
 //#endregion
-export { v as default };
+export { y as default };

package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.d.ts

@@ -2,7 +2,7 @@ import { MaybeRefOrGetter, SetupContext } from 'vue';
 import { TimeValue } from '@bridge-ui/core/Domain';
 import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { TimeRangePickerEmits, TimeRangePickerOwnProps } from '../timeRangePicker.types';
-type TimeRangePickerLibDefaults = LibDefaultsShape<TimeRangePickerOwnProps, "ampm" | "color" | "rounded" | "interval" | "orientation" | "showSeconds">;
+type TimeRangePickerLibDefaults = LibDefaultsShape<TimeRangePickerOwnProps, "ampm" | "color" | "rounded" | "interval" | "showSeconds">;
 type TimeRangePickerMerged = MergeLibDefaults<TimeRangePickerOwnProps, TimeRangePickerLibDefaults>;
 /**
  * Owns controlled/uncontrolled range value, optional footer draft, and dual panel binds.
@@ -10,12 +10,14 @@ type TimeRangePickerMerged = MergeLibDefaults<TimeRangePickerOwnProps, TimeRange
 export declare function useTimeRangePicker(props: MaybeRefOrGetter<TimeRangePickerOwnProps>, libDefaults: TimeRangePickerLibDefaults, emit: SetupContext<TimeRangePickerEmits>["emit"]): {
     merged: import('vue').ComputedRef<TimeRangePickerMerged>;
     endBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimeRangePickerOwnProps, "error" | "color" | "fill" | "orientation" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "timeZone" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds" | "endTitle" | "startTitle">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimeRangePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "timeZone" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds" | "endTitle" | "startTitle">>>>;
     startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     footerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    titlesBind: import('vue').ComputedRef<string>;
     panelsBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     showFooter: import('vue').ComputedRef<boolean>;
     handleApply: () => void;
+    titleGapBind: import('vue').ComputedRef<string>;
     displayValue: import('vue').ComputedRef<[Date, Date] | null>;
     handleCancel: () => void;
     endTitleBind: import('vue').ComputedRef<string>;

package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.js

@@ -1,14 +1,14 @@
 import { useDateAdapter as e, useDateAdapterContext as t } from "../../../Adapters/Date/useDateAdapter.js";
 import { useResolveMessage as n } from "../../../Adapters/I18n/useI18nAdapter.js";
 import { mergePartBind as r, useBridgeUIComponent as i, useBridgeUIMergedRegistryClasses as a } from "../../../Utils/index.js";
-import { FIELD_OVERLAY_INJECTION_KEY as ee } from "../../FieldOverlay/fieldOverlayInjectionKey.js";
-import { computed as o, inject as s, ref as c, toValue as l, useAttrs as u, watch as d } from "vue";
-import { get as f, isNil as p, omit as m } from "es-toolkit/compat";
-import { sortTimeRangeValue as h } from "@bridge-ui/core/Domain";
-import { menuRoundedProps as g } from "@bridge-ui/core/Tokens";
-import { cn as _, splitComponentProps as v } from "@bridge-ui/core/Utils";
+import { FIELD_OVERLAY_INJECTION_KEY as o } from "../../FieldOverlay/fieldOverlayInjectionKey.js";
+import { computed as s, inject as c, ref as l, toValue as u, useAttrs as d, watch as f } from "vue";
+import { get as p, isNil as m, omit as h } from "es-toolkit/compat";
+import { sortTimeRangeValue as g } from "@bridge-ui/core/Domain";
+import { menuRoundedProps as _ } from "@bridge-ui/core/Tokens";
+import { cn as v, splitComponentProps as y } from "@bridge-ui/core/Utils";
 //#region src/Components/TimeRangePicker/composables/useTimeRangePicker.ts
-var y = [
+var b = [
 	"ampm",
 	"fill",
 	"color",
@@ -26,111 +26,112 @@ var y = [
 	"showFooter",
 	"startTitle",
 	"customProps",
-	"orientation",
 	"showSeconds",
 	"defaultValue",
 	"disableTimes"
 ];
-function b(b, x, S) {
-	let C = u(), w = s(ee, {
+function x(x, S, C) {
+	let w = d(), T = c(o, {
 		apply: () => void 0,
 		cancel: () => void 0
-	}), T = e(), E = t(), D = n(), O = o(() => v({
-		bridgeKeys: y,
+	}), E = e(), ee = t(), D = n(), O = s(() => y({
+		bridgeKeys: b,
 		props: {
-			...C,
-			...l(b)
+			...w,
+			...u(x)
 		}
 	})), { merged: k, entry: A } = i({
-		libDefaults: x,
+		libDefaults: S,
 		componentName: "TimeRangePicker",
 		props: () => O.value.componentProps
-	}), j = o(() => k.value.customProps), M = o(() => m(O.value.inheritedAttrs, [
+	}), j = s(() => k.value.customProps), M = s(() => h(O.value.inheritedAttrs, [
 		"onApply",
 		"onCancel",
 		"onChange"
 	])), N = a({
 		entry: A,
 		props: () => O.value.componentProps
-	}), P = o(() => l(b)), F = o(() => E(k.value.timeZone)), I = o(() => !p(P.value.value)), L = c(k.value.defaultValue ?? null), R = o(() => I.value ? P.value.value ?? null : L.value), z = c(R.value);
-	d(() => [R.value, k.value.showFooter], ([e, t]) => {
+	}), P = s(() => u(x)), F = s(() => ee(k.value.timeZone)), I = s(() => !m(P.value.value)), L = l(k.value.defaultValue ?? null), R = s(() => I.value ? P.value.value ?? null : L.value), z = l(R.value);
+	f(() => [R.value, k.value.showFooter], ([e, t]) => {
 		t && (z.value = e);
 	});
-	let B = o(() => k.value.showFooter ? z.value : R.value), V = o(() => B.value?.[0] ?? T.value.now(F.value)), H = o(() => B.value?.[1] ?? T.value.now(F.value)), U = (e) => {
-		I.value || (L.value = e), S("change", e);
+	let B = s(() => k.value.showFooter ? z.value : R.value), V = s(() => B.value?.[0] ?? E.value.now(F.value)), H = s(() => B.value?.[1] ?? E.value.now(F.value)), U = (e) => {
+		I.value || (L.value = e), C("change", e);
 	}, W = (e) => {
-		let t = h(e, T.value, F.value);
+		let t = g(e, E.value, F.value);
 		if (k.value.showFooter) {
 			z.value = t;
 			return;
 		}
 		U(t);
 	}, G = (e) => {
-		if (p(e)) return;
-		let t = B.value?.[1] ?? T.value.now(F.value);
+		if (m(e)) return;
+		let t = B.value?.[1] ?? E.value.now(F.value);
 		W([e, t]);
 	}, K = (e) => {
-		if (p(e)) return;
-		let t = B.value?.[0] ?? T.value.now(F.value);
+		if (m(e)) return;
+		let t = B.value?.[0] ?? E.value.now(F.value);
 		W([t, e]);
 	}, q = () => {
-		U(z.value), S("apply"), w.apply();
+		U(z.value), C("apply"), T.apply();
 	}, J = () => {
-		z.value = R.value, S("cancel"), w.cancel();
-	}, Y = o(() => {
-		let e = f(g, k.value.rounded ?? "md");
-		return r(j.value?.root, M.value, _({
+		z.value = R.value, C("cancel"), T.cancel();
+	}, Y = s(() => {
+		let e = p(_, k.value.rounded ?? "md");
+		return r(j.value?.root, M.value, v({
 			"flex flex-col overflow-hidden bg-white shadow-lg dark:bg-dark-900": !0,
 			"w-full": k.value.fill,
 			"w-fit": !k.value.fill,
 			[e]: !0,
 			[N.value.root ?? ""]: !0
 		}));
-	}), X = o(() => k.value.orientation === "vertical"), Z = o(() => r(j.value?.panels, {}, _({
-		"flex w-full gap-2 px-2.5": !0,
-		"flex-row": !X.value,
-		"flex-col": X.value,
+	}), X = s(() => v({ "flex w-full px-2.5": !0 })), Z = s(() => v({ "w-px shrink-0": !0 })), Q = s(() => r(j.value?.panels, {}, v({
+		"flex w-full flex-row px-2.5 pb-2.5": !0,
 		[N.value.panels ?? ""]: !0
-	}))), Q = o(() => r(j.value?.start, {}, _({
-		"flex min-w-0 flex-1 flex-col gap-1": !0,
+	}))), te = s(() => r(j.value?.start, {}, v({
+		"flex min-w-0 flex-1 flex-col pr-2.5": !0,
 		[N.value.start ?? ""]: !0
-	}))), te = o(() => r(j.value?.end, {}, _({
-		"flex min-w-0 flex-1 flex-col gap-1": !0,
+	}))), ne = s(() => r(j.value?.end, {}, v({
+		"flex min-w-0 flex-1 flex-col pl-2.5": !0,
 		[N.value.end ?? ""]: !0
-	}))), $ = o(() => _({ "px-2 py-2 text-center text-xs font-medium tracking-wide text-dark-500 uppercase dark:text-dark-400": !0 })), ne = o(() => _({
+	}))), $ = s(() => v({ "min-w-0 flex-1 px-2 py-2 text-center text-xs font-medium tracking-wide text-dark-500 uppercase dark:text-dark-400": !0 })), re = s(() => v({
 		[$.value]: !0,
+		"pr-2.5": !0,
 		[N.value.startTitle ?? ""]: !0
-	})), re = o(() => _({
+	})), ie = s(() => v({
 		[$.value]: !0,
+		"pl-2.5": !0,
 		[N.value.endTitle ?? ""]: !0
 	}));
 	return {
 		merged: k,
-		endBind: te,
+		endBind: ne,
 		rootBind: Y,
-		startBind: Q,
-		footerBind: o(() => r(j.value?.footer, {}, _({
+		startBind: te,
+		footerBind: s(() => r(j.value?.footer, {}, v({
 			"flex items-center justify-end gap-2 border-t border-dark-100 bg-dark-50 px-3 py-2 dark:border-dark-800 dark:bg-dark-950/40": !0,
 			[N.value.footer ?? ""]: !0
 		}))),
-		panelsBind: Z,
-		showFooter: o(() => !!k.value.showFooter),
+		titlesBind: X,
+		panelsBind: Q,
+		showFooter: s(() => !!k.value.showFooter),
 		handleApply: q,
+		titleGapBind: Z,
 		displayValue: B,
 		handleCancel: J,
-		endTitleBind: re,
-		startTitleBind: ne,
+		endTitleBind: ie,
+		startTitleBind: re,
 		endDisplayValue: H,
 		handleEndChange: K,
 		startDisplayValue: V,
 		handleStartChange: G,
-		applyLabel: o(() => D("Apply")),
-		cancelLabel: o(() => D("Cancel")),
-		applyButtonProps: o(() => j.value?.applyButton),
-		cancelButtonProps: o(() => j.value?.cancelButton),
-		endTitle: o(() => k.value.endTitle ?? D("End time")),
-		startTitle: o(() => k.value.startTitle ?? D("Start time"))
+		applyLabel: s(() => D("Apply")),
+		cancelLabel: s(() => D("Cancel")),
+		applyButtonProps: s(() => j.value?.applyButton),
+		cancelButtonProps: s(() => j.value?.cancelButton),
+		endTitle: s(() => k.value.endTitle ?? D("End time")),
+		startTitle: s(() => k.value.startTitle ?? D("Start time"))
 	};
 }
 //#endregion
-export { b as useTimeRangePicker };
+export { x as useTimeRangePicker };

package/dist/Components/TimeRangePicker/timeRangePicker.types.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { DisableTimesInput, FieldOverlayFooterSlotProps, RangePickerOrientation, TimeRangeValue } from '@bridge-ui/core/Domain';
+import { DisableTimesInput, FieldOverlayFooterSlotProps, TimeRangeValue } from '@bridge-ui/core/Domain';
 import { TimeColor, TimeRounded } from '@bridge-ui/core/Tokens';
 import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { ButtonProps } from '../Button/button.types';
@@ -173,12 +173,6 @@ export interface TimeRangePickerOwnProps {
      * @default undefined
      */
     minTime?: Date;
-    /**
-     * Layout of start / end time panels.
-     *
-     * @default "horizontal"
-     */
-    orientation?: RangePickerOrientation;
     /**
      * Prevents selection.
      *

package/dist/index.js

@@ -57,37 +57,37 @@ import { useCalendarYear as fe } from "./Components/CalendarYear/composables/use
 import pe from "./Components/CalendarYear/CalendarYear.js";
 import me from "./Components/Calendar/Calendar.js";
 import { useCalendarRange as he } from "./Components/CalendarRange/composables/useCalendarRange.js";
-import ge from "./Components/CalendarRange/CalendarRange.js";
-import { useCard as _e } from "./Components/Card/composables/useCard.js";
-import ve from "./Components/Card/Card.js";
-import { useFormControl as ye } from "./Components/FormControl/composables/useFormControl.js";
-import be from "./Components/FormControl/FormControl.js";
-import { useCheckbox as xe } from "./Components/Checkbox/composables/useCheckbox.js";
-import Se from "./Components/Checkbox/Checkbox.js";
-import { useColorField as Ce } from "./Components/ColorField/composables/useColorField.js";
-import { useColorPicker as we } from "./Components/ColorPicker/composables/useColorPicker.js";
-import Te from "./Components/ColorPicker/ColorPicker.js";
-import Ee from "./Components/ColorField/ColorField.js";
-import { useDateField as De } from "./Components/DateField/composables/useDateField.js";
-import { useDatePicker as Oe } from "./Components/DatePicker/composables/useDatePicker.js";
-import ke from "./Components/DatePicker/DatePicker.js";
-import Ae from "./Components/DateField/DateField.js";
-import { useDateRangeField as je } from "./Components/DateRangeField/composables/useDateRangeField.js";
-import { useDateRangePicker as Me } from "./Components/DateRangePicker/composables/useDateRangePicker.js";
-import Ne from "./Components/DateRangePicker/DateRangePicker.js";
-import Pe from "./Components/DateRangeField/DateRangeField.js";
-import { useDateTimeField as Fe } from "./Components/DateTimeField/composables/useDateTimeField.js";
-import { useDateTimePicker as Ie } from "./Components/DateTimePicker/composables/useDateTimePicker.js";
-import { useTimePanel as Le } from "./Components/TimePanel/composables/useTimePanel.js";
-import Re from "./Components/TimePanel/TimePanel.js";
-import ze from "./Components/DateTimePicker/DateTimePicker.js";
-import Be from "./Components/DateTimeField/DateTimeField.js";
-import { useDateTimeRangeField as Ve } from "./Components/DateTimeRangeField/composables/useDateTimeRangeField.js";
-import { useDateTimeRangePicker as He } from "./Components/DateTimeRangePicker/composables/useDateTimeRangePicker.js";
-import Ue from "./Components/DateTimeRangePicker/DateTimeRangePicker.js";
-import We from "./Components/DateTimeRangeField/DateTimeRangeField.js";
-import { useDivider as Ge } from "./Components/Divider/composables/useDivider.js";
-import Ke from "./Components/Divider/Divider.js";
+import { useDivider as ge } from "./Components/Divider/composables/useDivider.js";
+import _e from "./Components/Divider/Divider.js";
+import ve from "./Components/CalendarRange/CalendarRange.js";
+import { useCard as ye } from "./Components/Card/composables/useCard.js";
+import be from "./Components/Card/Card.js";
+import { useFormControl as xe } from "./Components/FormControl/composables/useFormControl.js";
+import Se from "./Components/FormControl/FormControl.js";
+import { useCheckbox as Ce } from "./Components/Checkbox/composables/useCheckbox.js";
+import we from "./Components/Checkbox/Checkbox.js";
+import { useColorField as Te } from "./Components/ColorField/composables/useColorField.js";
+import { useColorPicker as Ee } from "./Components/ColorPicker/composables/useColorPicker.js";
+import De from "./Components/ColorPicker/ColorPicker.js";
+import Oe from "./Components/ColorField/ColorField.js";
+import { useDateField as ke } from "./Components/DateField/composables/useDateField.js";
+import { useDatePicker as Ae } from "./Components/DatePicker/composables/useDatePicker.js";
+import je from "./Components/DatePicker/DatePicker.js";
+import Me from "./Components/DateField/DateField.js";
+import { useDateRangeField as Ne } from "./Components/DateRangeField/composables/useDateRangeField.js";
+import { useDateRangePicker as Pe } from "./Components/DateRangePicker/composables/useDateRangePicker.js";
+import Fe from "./Components/DateRangePicker/DateRangePicker.js";
+import Ie from "./Components/DateRangeField/DateRangeField.js";
+import { useDateTimeField as Le } from "./Components/DateTimeField/composables/useDateTimeField.js";
+import { useDateTimePicker as Re } from "./Components/DateTimePicker/composables/useDateTimePicker.js";
+import { useTimePanel as ze } from "./Components/TimePanel/composables/useTimePanel.js";
+import Be from "./Components/TimePanel/TimePanel.js";
+import Ve from "./Components/DateTimePicker/DateTimePicker.js";
+import He from "./Components/DateTimeField/DateTimeField.js";
+import { useDateTimeRangeField as Ue } from "./Components/DateTimeRangeField/composables/useDateTimeRangeField.js";
+import { useDateTimeRangePicker as We } from "./Components/DateTimeRangePicker/composables/useDateTimeRangePicker.js";
+import Ge from "./Components/DateTimeRangePicker/DateTimeRangePicker.js";
+import Ke from "./Components/DateTimeRangeField/DateTimeRangeField.js";
 import { useLink as qe } from "./Components/Link/composables/useLink.js";
 import Je from "./Components/Link/Link.js";
 import { useNumberField as Ye } from "./Components/NumberField/composables/useNumberField.js";
@@ -151,4 +151,4 @@ import { createBridgeUI as Qt } from "./Provider/createBridgeUI.js";
 import { SEMANTIC_ICON_NAMES as $t, resolveMessage as en } from "@bridge-ui/core/Adapters";
 import { cn as tn } from "@bridge-ui/core/Utils";
 import { BRIDGE_UI_DEFAULT_GLOBAL as nn, mergeBridgeUIComponents as rn, mergeBridgeUIGlobal as an, resolveBridgeUIOptions as on } from "@bridge-ui/core/Config";
-export { l as ACCORDION_INJECTION_KEY, m as Accordion, _ as AccordionItem, y as Alert, X as Autocomplete, Z as AutocompleteOption, Q as Avatar, nn as BRIDGE_UI_DEFAULT_GLOBAL, ee as Badge, te as BaseField, oe as Breadcrumb, ae as BreadcrumbItem, Zt as BridgeUIProvider, P as Button, me as Calendar, le as CalendarDate, de as CalendarMonth, ge as CalendarRange, pe as CalendarYear, ve as Card, Se as Checkbox, O as Chip, Ee as ColorField, Te as ColorPicker, Ae as DateField, ke as DatePicker, Pe as DateRangeField, Ne as DateRangePicker, Be as DateTimeField, ze as DateTimePicker, We as DateTimeRangeField, Ue as DateTimeRangePicker, Ke as Divider, L as Drawer, H as FieldOverlay, be as FormControl, j as FormField, g as Icon, A as Label, Je as Link, W as List, G as ListItem, K as ListSection, Y as Listbox, z as Menu, V as Modal, Xe as NumberField, Qe as OtpField, et as Pagination, nt as PasswordField, J as Progress, it as Radio, $t as SEMANTIC_ICON_NAMES, at as Select, ot as SelectOption, ct as Skeleton, ft as Slider, mt as Snackbar, gt as Spinner, vt as Step, bt as Stepper, St as Switch, Ct as TABS_INJECTION_KEY, Kt as TOGGLE_GROUP_INJECTION_KEY, Tt as Tab, Dt as TabItem, kt as TabList, jt as TabPanel, Nt as Tabs, Lt as TextField, Ft as Textarea, Vt as TimeField, Re as TimePanel, Bt as TimePicker, Gt as TimeRangeField, Wt as TimeRangePicker, Jt as ToggleGroup, Xt as ToggleItem, dt as Tooltip, tn as cn, Qt as createBridgeUI, x as findFirstEnabledOptionIndex, S as findLastEnabledOptionIndex, C as getListboxActiveDescendantId, w as getListboxOptionId, rn as mergeBridgeUIComponents, an as mergeBridgeUIGlobal, T as moveListboxHighlight, on as resolveBridgeUIOptions, en as resolveMessage, t as setDateAdapterForTests, i as setI18nAdapterForTests, s as setIconAdapterForTests, p as useAccordion, h as useAccordionItem, v as useAlert, $ as useBadge, ne as useBaseField, re as useBreadcrumb, ie as useBreadcrumbItem, u as useBreakpoint, e as useBridgeUI, d as useBridgeUIComponent, f as useBridgeUIMergedRegistryClasses, N as useButton, se as useCalendar, ce as useCalendarDate, ue as useCalendarMonth, he as useCalendarRange, fe as useCalendarYear, _e as useCard, xe as useCheckbox, D as useChip, Ce as useColorField, we as useColorPicker, n as useDateAdapter, r as useDateAdapterContext, De as useDateField, Oe as useDatePicker, je as useDateRangeField, Me as useDateRangePicker, Fe as useDateTimeField, Ie as useDateTimePicker, Ve as useDateTimeRangeField, He as useDateTimeRangePicker, Ge as useDivider, I as useDrawer, F as useFieldOverlay, ye as useFormControl, b as useFormField, a as useI18nAdapter, c as useIconAdapter, k as useLabel, qe as useLink, U as useList, M as useListbox, E as useListboxNavigation, R as useMenu, B as useModal, Ye as useNumberField, Ze as useOtpField, $e as usePagination, tt as usePasswordField, q as useProgress, rt as useRadio, o as useResolveMessage, st as useSkeleton, lt as useSlider, pt as useSnackbar, ht as useSpinner, _t as useStep, yt as useStepper, xt as useSwitch, wt as useTab, Et as useTabItem, Ot as useTabList, At as useTabPanel, Mt as useTabs, It as useTextField, Pt as useTextarea, Rt as useTimeField, Le as useTimePanel, zt as useTimePicker, Ht as useTimeRangeField, Ut as useTimeRangePicker, qt as useToggleGroup, Yt as useToggleItem, ut as useTooltip };
+export { l as ACCORDION_INJECTION_KEY, m as Accordion, _ as AccordionItem, y as Alert, X as Autocomplete, Z as AutocompleteOption, Q as Avatar, nn as BRIDGE_UI_DEFAULT_GLOBAL, ee as Badge, te as BaseField, oe as Breadcrumb, ae as BreadcrumbItem, Zt as BridgeUIProvider, P as Button, me as Calendar, le as CalendarDate, de as CalendarMonth, ve as CalendarRange, pe as CalendarYear, be as Card, we as Checkbox, O as Chip, Oe as ColorField, De as ColorPicker, Me as DateField, je as DatePicker, Ie as DateRangeField, Fe as DateRangePicker, He as DateTimeField, Ve as DateTimePicker, Ke as DateTimeRangeField, Ge as DateTimeRangePicker, _e as Divider, L as Drawer, H as FieldOverlay, Se as FormControl, j as FormField, g as Icon, A as Label, Je as Link, W as List, G as ListItem, K as ListSection, Y as Listbox, z as Menu, V as Modal, Xe as NumberField, Qe as OtpField, et as Pagination, nt as PasswordField, J as Progress, it as Radio, $t as SEMANTIC_ICON_NAMES, at as Select, ot as SelectOption, ct as Skeleton, ft as Slider, mt as Snackbar, gt as Spinner, vt as Step, bt as Stepper, St as Switch, Ct as TABS_INJECTION_KEY, Kt as TOGGLE_GROUP_INJECTION_KEY, Tt as Tab, Dt as TabItem, kt as TabList, jt as TabPanel, Nt as Tabs, Lt as TextField, Ft as Textarea, Vt as TimeField, Be as TimePanel, Bt as TimePicker, Gt as TimeRangeField, Wt as TimeRangePicker, Jt as ToggleGroup, Xt as ToggleItem, dt as Tooltip, tn as cn, Qt as createBridgeUI, x as findFirstEnabledOptionIndex, S as findLastEnabledOptionIndex, C as getListboxActiveDescendantId, w as getListboxOptionId, rn as mergeBridgeUIComponents, an as mergeBridgeUIGlobal, T as moveListboxHighlight, on as resolveBridgeUIOptions, en as resolveMessage, t as setDateAdapterForTests, i as setI18nAdapterForTests, s as setIconAdapterForTests, p as useAccordion, h as useAccordionItem, v as useAlert, $ as useBadge, ne as useBaseField, re as useBreadcrumb, ie as useBreadcrumbItem, u as useBreakpoint, e as useBridgeUI, d as useBridgeUIComponent, f as useBridgeUIMergedRegistryClasses, N as useButton, se as useCalendar, ce as useCalendarDate, ue as useCalendarMonth, he as useCalendarRange, fe as useCalendarYear, ye as useCard, Ce as useCheckbox, D as useChip, Te as useColorField, Ee as useColorPicker, n as useDateAdapter, r as useDateAdapterContext, ke as useDateField, Ae as useDatePicker, Ne as useDateRangeField, Pe as useDateRangePicker, Le as useDateTimeField, Re as useDateTimePicker, Ue as useDateTimeRangeField, We as useDateTimeRangePicker, ge as useDivider, I as useDrawer, F as useFieldOverlay, xe as useFormControl, b as useFormField, a as useI18nAdapter, c as useIconAdapter, k as useLabel, qe as useLink, U as useList, M as useListbox, E as useListboxNavigation, R as useMenu, B as useModal, Ye as useNumberField, Ze as useOtpField, $e as usePagination, tt as usePasswordField, q as useProgress, rt as useRadio, o as useResolveMessage, st as useSkeleton, lt as useSlider, pt as useSnackbar, ht as useSpinner, _t as useStep, yt as useStepper, xt as useSwitch, wt as useTab, Et as useTabItem, Ot as useTabList, At as useTabPanel, Mt as useTabs, It as useTextField, Pt as useTextarea, Rt as useTimeField, ze as useTimePanel, zt as useTimePicker, Ht as useTimeRangeField, Ut as useTimeRangePicker, qt as useToggleGroup, Yt as useToggleItem, ut as useTooltip };

package/dist/theme.css

@@ -1,3 +1,5 @@
+@import "@bridge-ui/core/utilities.css";
+
 @source "./Actions";
 @source "./Components";
 @source "../../core/dist/Tokens";

package/docs/README.md

@@ -70,6 +70,10 @@ Component reference and adapter samples for **Vue**. This folder ships with the
 - [useModalAction](./components/useModalAction.md)
 - [useSnackbarAction](./components/useSnackbarAction.md)
 
+## Theme CSS
+
+- [Scroll utilities](./ScrollUtilities.md)
+
 ## Examples (adapters)
 
 - [`examples/i18n-dictionary.ts`](./examples/i18n-dictionary.ts)