bitboss-ui 3.0.0-beta.2 → 3.0.0-beta.21

package/dist/components/BbBaseSwitchGroup/BbBaseSwitchGroup.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { useLogger as e } from "../../composables/useLogger.js";
-import { useItemsGetter as t } from "../../composables/useItemsGetter.js";
-import { hash as n } from "../../utilities/functions/hash.js";
+import { hash as t } from "../../utilities/functions/hash.js";
+import { useItemsGetter as n } from "../../composables/useItemsGetter.js";
 import { useHashedWatcher as r } from "../../composables/useHashedWatcher.js";
 import i from "../OptionsContainer/OptionsContainer.vue.js";
 import { useIndexById as a } from "../../composables/useIndexById.js";
@@ -69,54 +69,56 @@ var D = /*@__PURE__*/ g({
 		});
 		let j = T("container"), { active: M } = l(j);
 		u(M, () => k("inactive")), d(M, () => k("active"));
-		let { getter: N, items: P, loading: F } = t({ items: C(O, "items") }), I = () => {
-			O.enforceCoherence && !W.value && k("update:modelValue", G.value);
-		}, { hasPrefilled: L } = c({
+		let { getter: N, clientReproducible: P, hydratedFromSsr: F, items: I, loading: L } = n({ items: C(O, "items") }), R = () => {
+			O.enforceCoherence && !K.value && k("update:modelValue", q.value);
+		}, { hasPrefilled: z } = c({
+			alreadyLoaded: F,
+			clientReproducible: P,
 			trigger: !0,
 			currentValue: O.modelValue,
 			multiple: O.multiple,
 			fn: async (e) => {
-				await N(e, O.modelValue), I();
+				await N(e, O.modelValue), R();
 			}
-		}), R = p(() => [].concat(O.modelValue)), { data: z } = a({ items: R }), { options: B } = o({
+		}), B = p(() => [].concat(O.modelValue)), { data: V } = a({ items: B }), { options: H } = o({
 			disabled: C(O, "disabled"),
-			items: P,
+			items: I,
 			itemText: O.itemText,
 			itemValue: O.itemValue,
 			max: O.max,
 			selectable: C(O, "selectable"),
-			selectedIndexedByHash: z
-		}), V = (e) => {
+			selectedIndexedByHash: V
+		}), U = (e) => {
 			if (O.multiple) {
-				k("update:modelValue", R.value.concat(e.value));
+				k("update:modelValue", B.value.concat(e.value));
 				return;
 			}
 			k("update:modelValue", e.value);
-		}, H = (e) => {
+		}, W = (e) => {
 			if (!O.multiple) {
 				k("update:modelValue", null);
 				return;
 			}
-			let t = { ...z.value };
+			let t = { ...V.value };
 			delete t[e.valueHash], k("update:modelValue", Object.values(t));
-		}, { data: U } = a({
-			items: B,
+		}, { data: G } = a({
+			items: H,
 			key: "valueHash"
-		}), { coherent: W, coherentValue: G } = s({
+		}), { coherent: K, coherentValue: q } = s({
 			modelValue: C(O, "modelValue"),
 			multiple: O.multiple,
-			iteratee: (e) => !!U.value[n(e)]
-		}), K = 0;
+			iteratee: (e) => !!G.value[t(e)]
+		}), J = 0;
 		r(() => O.modelValue, async () => {
-			K++, W.value || (await N(!0, O.modelValue), I()), K--;
+			J++, K.value || (await N(!0, O.modelValue), R()), J--;
 		}, { debounce: O.modelValueDebounceTime }), r(() => [O.dependencies, O.items], async () => {
-			L.value && (K++, await N(!0, O.modelValue), K === 1 && I(), K--);
+			z.value && (J++, await N(!0, O.modelValue), J === 1 && R(), J--);
 		}, { debounce: O.depsDebounceTime });
-		let q = (e) => {
+		let Y = (e) => {
 			if (O.id) return [O.id, e.valueHash].filter(Boolean).join("-");
-		}, J = (e, t) => {
-			k("change", e), t.selected ? H(t) : V(t);
-		}, Y = {
+		}, X = (e, t) => {
+			k("change", e), t.selected ? W(t) : U(t);
+		}, Z = {
 			onBlur: (e) => k("blur", e),
 			onClick: (e) => k("click", e),
 			onFocus: (e) => k("focus", e),
@@ -133,17 +135,17 @@ var D = /*@__PURE__*/ g({
 			"has-errors": e.hasErrors,
 			"has-warning": e.hasWarning,
 			"hide-label": e.hideLabel,
-			loading: !!w(F),
+			loading: !!w(L),
 			"loading-text": e.loadingText,
 			"no-data-text": e.noDataText,
-			options: w(B)
+			options: w(H)
 		}, {
 			prepend: E(() => [S(e.$slots, "prepend")]),
 			loading: E(() => [S(e.$slots, "loading")]),
 			"no-data": E(() => [S(e.$slots, "no-data")]),
 			label: E((t) => [S(e.$slots, "label", y(_(t)))]),
 			input: E(({ option: t, index: n }) => [h(f, v({
-				id: q(t),
+				id: Y(t),
 				"aria-describedby": e.ariaDescribedby,
 				autofocus: e.autofocus && !n,
 				checked: t.selected,
@@ -153,7 +155,7 @@ var D = /*@__PURE__*/ g({
 				name: e.name,
 				readonly: e.readonly,
 				"true-value": t.value
-			}, Y, { onChange: (e) => J(e, t) }), {
+			}, Z, { onChange: (e) => X(e, t) }), {
 				icon: E((n) => [S(e.$slots, "icon", v({
 					item: t.item,
 					text: t.text

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

@@ -13,8 +13,8 @@ declare const __VLS_base: import('vue').DefineComponent<BaseTimePickerInputProps
     onActive?: (() => any) | undefined;
     onInactive?: (() => any) | undefined;
 }>, {
-    disableWriting: boolean | "mobile" | "desktop";
     adaptive: boolean;
+    disableWriting: boolean | "mobile" | "desktop";
     autocomplete: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/BbBaseTimePickerInput/BbBaseTimePickerInput.vue_vue_type_script_setup_true_lang.js

@@ -1,20 +1,20 @@
-import { useId as e } from "../../composables/useId.js";
-import { useLogger as t } from "../../composables/useLogger.js";
-import { transitions as n } from "../../utilities/misc/transitions.js";
-import r from "../CommonPopover/CommonPopover.vue.js";
-import { useMobile as i } from "../../composables/useMobile.js";
-import { useClosingInert as a } from "../../composables/useClosingInert.js";
-import o from "../BbIcon/BbIcon.vue.js";
+import { useConfig as e } from "../../composables/useConfig.js";
+import { useId as t } from "../../composables/useId.js";
+import { useLogger as n } from "../../composables/useLogger.js";
+import { transitions as r } from "../../utilities/misc/transitions.js";
+import i from "../CommonPopover/CommonPopover.vue.js";
+import { useMobile as a } from "../../composables/useMobile.js";
+import { useClosingInert as o } from "../../composables/useClosingInert.js";
 import { useLocale as s } from "../../composables/useLocale.js";
-import ee from "../BbOffCanvas/BbOffCanvas.vue.js";
-import te from "../BbBaseDatePickerInput/BbBaseDatePickerTimeSelector.vue.js";
-import ne from "../CommonInputWrapper/CommonInputWrapper.vue.js";
-import { isEmpty as re } from "../../utilities/functions/empty.js";
-import { useSegmentedFields as ie } from "../../composables/useSegmentedFields.js";
-import { isNotEmpty as ae } from "../../utilities/functions/isNotEmpty.js";
-import oe from "../../assets/svgs/clock.svg_raw.js";
-import { config as se } from "virtual:bitboss-ui/config";
-import { Fragment as ce, computed as c, createBlock as l, createCommentVNode as le, createElementBlock as u, createElementVNode as d, createSlots as ue, createVNode as f, defineComponent as p, mergeProps as de, normalizeClass as m, normalizeStyle as fe, onBeforeUnmount as pe, openBlock as h, ref as g, renderList as me, renderSlot as _, toDisplayString as v, unref as y, watch as b, withCtx as x, withModifiers as he } from "vue";
+import ee from "../BbIcon/BbIcon.vue.js";
+import te from "../BbOffCanvas/BbOffCanvas.vue.js";
+import ne from "../BbBaseDatePickerInput/BbBaseDatePickerTimeSelector.vue.js";
+import re from "../CommonInputWrapper/CommonInputWrapper.vue.js";
+import { isEmpty as ie } from "../../utilities/functions/empty.js";
+import { useSegmentedFields as ae } from "../../composables/useSegmentedFields.js";
+import { isNotEmpty as oe } from "../../utilities/functions/isNotEmpty.js";
+import se from "../../assets/svgs/clock.svg_raw.js";
+import { Fragment as ce, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as le, createVNode as p, defineComponent as ue, mergeProps as de, normalizeClass as m, normalizeStyle as fe, onBeforeUnmount as pe, openBlock as h, ref as g, renderList as me, renderSlot as _, toDisplayString as v, unref as y, watch as b, withCtx as x, withModifiers as he } from "vue";
 import { createReusableTemplate as ge } from "@vueuse/core";
 //#region src/components/BbBaseTimePickerInput/BbBaseTimePickerInput.vue?vue&type=script&setup=true&lang.ts
 var _e = ["data-value"], ve = [
@@ -43,7 +43,7 @@ var _e = ["data-value"], ve = [
 	"aria-expanded",
 	"aria-label",
 	"disabled"
-], xe = ["inert"], S = /*@__PURE__*/ p({
+], xe = ["inert"], S = /*@__PURE__*/ ue({
 	__name: "BbBaseTimePickerInput",
 	props: {
 		adaptive: {
@@ -87,23 +87,23 @@ var _e = ["data-value"], ve = [
 		"inactive",
 		"update:modelValue"
 	],
-	setup(p, { emit: S }) {
-		let C = p, w = S, { t: T } = s(), Se = t(), Ce = (e, t) => t === "PM" ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e, we = (e) => {
+	setup(ue, { emit: S }) {
+		let C = ue, w = S, Se = e(), { t: T } = s(), Ce = n(), we = (e, t) => t === "PM" ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e, Te = (e) => {
 			let t = e >= 12 ? "PM" : "AM", n = e % 12;
 			return n === 0 && (n = 12), {
 				hour: String(n).padStart(2, "0"),
 				meridiem: t
 			};
-		}, E = g(null), D = g(null), O = g(null), k = C.id || `btpi-${e().id.value}`, A = `btpi-description_${k}`, Te = `btpi-panel_${k}`, Ee = c(() => {
+		}, E = g(null), D = g(null), O = g(null), k = C.id || `btpi-${t().id.value}`, A = `btpi-description_${k}`, j = `btpi-panel_${k}`, Ee = c(() => {
 			let e = [C.ariaDescribedby, A].filter((e) => !!e?.trim()).flatMap((e) => e.split(/\s+/)).filter(Boolean);
 			return Array.from(new Set(e)).join(" ");
-		}), De = c(() => ae(C.modelValue)), { isMobile: j } = i(), M = c(() => C.disableWriting === "mobile" ? !j.value : C.disableWriting === "desktop" ? j.value : !C.disableWriting), Oe = c(() => !!C.readonly || !M.value), ke = (e) => M.value ? F.value[e].kind === "enum" ? "none" : "numeric" : "none", Ae = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, N = (e) => {
-			let t = Ae.exec(e);
+		}), De = c(() => oe(C.modelValue)), { isMobile: M } = a(), Oe = c(() => C.disableWriting === "mobile" ? !M.value : C.disableWriting === "desktop" ? M.value : !C.disableWriting), ke = c(() => !!C.readonly || !Oe.value), Ae = (e) => Oe.value ? F.value[e].kind === "enum" ? "none" : "numeric" : "none", je = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, N = (e) => {
+			let t = je.exec(e);
 			if (!t) return null;
 			let [, n, r] = t, i = parseInt(n, 10), a = parseInt(r, 10);
 			return i > 23 || a > 59 ? null : i * 60 + a;
 		};
-		for (let [e, t] of [["min", C.min], ["max", C.max]]) t && N(t) === null && Se.throw(`BaseTimePickerInput: ${e} must be in the format HH:mm`);
+		for (let [e, t] of [["min", C.min], ["max", C.max]]) t && N(t) === null && Ce.throw(`BaseTimePickerInput: ${e} must be in the format HH:mm`);
 		let P = c(() => {
 			let e = ["hour", "minute"];
 			C.seconds && e.push("second"), C.ampm && e.push("meridiem");
@@ -163,7 +163,7 @@ var _e = ["data-value"], ve = [
 				sizerMin: "AM",
 				label: "AM/PM"
 			}
-		})), je = (e, t) => e.segment === t.segment ? t.field === "meridiem" ? " " : ":" : "–", { fields: I, fieldRefs: Me, descriptorKey: Ne, emptyFieldGroup: Pe, getSizedValue: Fe, minChars: Ie, updateAllSizedValues: L, isOwnField: Le, focusField: Re, focusFirstField: ze, segmentStatus: R, onFieldInput: Be, onFieldKeydown: Ve, onFieldFocus: He, onFieldBlur: Ue, onFieldPaste: We } = ie({
+		})), Me = (e, t) => e.segment === t.segment ? t.field === "meridiem" ? " " : ":" : "–", { fields: I, fieldRefs: Ne, descriptorKey: Pe, emptyFieldGroup: Fe, getSizedValue: Ie, minChars: Le, updateAllSizedValues: L, isOwnField: Re, focusField: ze, focusFirstField: Be, segmentStatus: R, onFieldInput: Ve, onFieldKeydown: He, onFieldFocus: Ue, onFieldBlur: We, onFieldPaste: Ge } = ae({
 			fieldOrder: P,
 			specs: F,
 			segments: ["start", "end"],
@@ -176,37 +176,37 @@ var _e = ["data-value"], ve = [
 			optionalGroups: [["second"]],
 			advanceKeys: [":", " "],
 			onDirty: () => W({ finalize: !1 })
-		}), Ge = (e) => C.range ? `${k}-${e.segment}-${e.field}` : `${k}-${e.field}`, Ke = (e) => {
+		}), Ke = (e) => C.range ? `${k}-${e.segment}-${e.field}` : `${k}-${e.field}`, qe = (e) => {
 			if (C.name) return C.range ? `${C.name}-${e.segment}-${e.field}` : `${C.name}-${e.field}`;
-		}, qe = {
+		}, Je = {
 			hour: "baseDatePickerInput.hourField",
 			minute: "baseDatePickerInput.minuteField",
 			second: "baseDatePickerInput.secondField",
 			meridiem: "baseDatePickerInput.meridiemField"
-		}, Je = (e) => {
-			let t = T(qe[e.field]).value;
+		}, Ye = (e) => {
+			let t = T(Je[e.field]).value;
 			return C.range ? T(e.segment === "start" ? "baseDatePickerInput.startFieldLabel" : "baseDatePickerInput.endFieldLabel", t).value : t;
-		}, Ye = c(() => {
+		}, Xe = c(() => {
 			let e = T(C.seconds ? "baseDatePickerInput.timeFormatSeconds" : "baseDatePickerInput.timeFormat").value;
 			return C.range ? `${e} – ${e}` : e;
-		}), Xe = c(() => C.placeholder || Ye.value), Ze = c(() => P.value.every((e) => !I.value[e.segment][e.field])), Qe = (e) => {
+		}), Ze = c(() => C.placeholder || Xe.value), Qe = c(() => P.value.every((e) => !I.value[e.segment][e.field])), $e = (e) => {
 			if (!e.hour) return 0;
 			let t = parseInt(e.hour, 10);
-			return C.ampm ? Ce(t, e.meridiem || "AM") : t;
-		}, $e = (e, t) => {
+			return C.ampm ? we(t, e.meridiem || "AM") : t;
+		}, et = (e, t) => {
 			if (!C.ampm) {
 				e.hour = String(t).padStart(2, "0");
 				return;
 			}
-			let n = we(t);
+			let n = Te(t);
 			e.hour = n.hour, e.meridiem = n.meridiem;
 		}, z = (e) => {
-			let t = Pe();
+			let t = Fe();
 			if (!e) return t;
-			let n = Ae.exec(e);
+			let n = je.exec(e);
 			if (!n) return t;
 			let [, r, i, a] = n, o = parseInt(r, 10);
-			return o > 23 || parseInt(i, 10) > 59 ? t : ($e(t, o), t.minute = i.padStart(2, "0"), t.second = C.seconds && a ? a.padStart(2, "0") : "", t);
+			return o > 23 || parseInt(i, 10) > 59 ? t : (et(t, o), t.minute = i.padStart(2, "0"), t.second = C.seconds && a ? a.padStart(2, "0") : "", t);
 		}, B = (e) => {
 			if (C.range) {
 				let [t, n] = Array.isArray(e) ? e : [];
@@ -218,9 +218,9 @@ var _e = ["data-value"], ve = [
 			}
 			I.value = {
 				start: z(typeof e == "string" ? e : void 0),
-				end: Pe()
+				end: Fe()
 			};
-		}, et = () => {
+		}, tt = () => {
 			B(C.modelValue);
 		};
 		B(C.modelValue), L(), b(() => C.modelValue, (e) => {
@@ -229,15 +229,15 @@ var _e = ["data-value"], ve = [
 				return;
 			}
 			let t = document.activeElement;
-			t && Le(t) || (B(e), L());
+			t && Re(t) || (B(e), L());
 		});
 		let V = (e) => {
-			let t = I.value[e], n = String(Qe(t)).padStart(2, "0"), r = (t.minute || "0").padStart(2, "0");
+			let t = I.value[e], n = String($e(t)).padStart(2, "0"), r = (t.minute || "0").padStart(2, "0");
 			return C.seconds ? `${n}:${r}:${(t.second || "0").padStart(2, "0")}` : `${n}:${r}`;
 		}, H = (e) => w("error", e), U = (e) => {
 			let t = N(e);
 			return t === null ? e : C.min && t < N(C.min) ? C.min + (C.seconds ? ":00" : "") : C.max && t > N(C.max) ? C.max + (C.seconds ? ":00" : "") : e;
-		}, tt = () => R("start") === "partial" ? !0 : C.range ? R("end") === "partial" : !1, W = (e = {}) => {
+		}, nt = () => R("start") === "partial" ? !0 : C.range ? R("end") === "partial" : !1, W = (e = {}) => {
 			let t = !!e.finalize, n = R("start");
 			if (!C.range) {
 				if (n === "empty") {
@@ -297,48 +297,48 @@ var _e = ["data-value"], ve = [
 				return;
 			}
 			L(), w("update:modelValue", [i, o]);
-		}, nt = () => {
+		}, rt = () => {
 			w("update:modelValue", C.range ? [] : null);
-		}, G = g(!1), rt = () => {
+		}, G = g(!1), it = () => {
 			G.value || (w("active"), G.value = !0, document.addEventListener("focusin", K), document.addEventListener("click", K));
 		}, K = (e) => {
 			let t = e.target;
-			t instanceof HTMLElement && E.value?.$el && (E.value.$el.contains(t) || D.value?.contains(t) || (W({ finalize: !0 }), tt() && (et(), L()), G.value = !1, w("inactive"), document.removeEventListener("focusin", K), document.removeEventListener("click", K)));
-		}, [it, at] = ge(), q = g(!1), ot = a(q, () => C.transitionDuration ?? n.medium), J = () => (C.adaptive ?? se.adaptive) && j.value ? "canvas" : "popover", Y = g(J()), X = c(() => Y.value === "canvas");
+			t instanceof HTMLElement && E.value?.$el && (E.value.$el.contains(t) || D.value?.contains(t) || (W({ finalize: !0 }), nt() && (tt(), L()), G.value = !1, w("inactive"), document.removeEventListener("focusin", K), document.removeEventListener("click", K)));
+		}, [at, ot] = ge(), q = g(!1), st = o(q, () => C.transitionDuration ?? r.medium), J = () => (C.adaptive ?? Se.adaptive) && M.value ? "canvas" : "popover", Y = g(J()), X = c(() => Y.value === "canvas");
 		b([
 			() => C.adaptive,
-			j,
+			M,
 			q
 		], () => {
 			q.value || (Y.value = J());
 		});
-		let st = c(() => ({
+		let ct = c(() => ({
 			side: "bottom",
 			size: "auto",
 			draggable: !0,
 			disabled: C.disabled,
 			transitionDuration: C.transitionDuration,
 			...C.offCanvasProps
-		})), ct = () => {
+		})), lt = () => {
 			O.value?.focus();
 		}, Z = (e) => {
 			let t = e.target;
 			t && t instanceof HTMLDialogElement && (q.value = !1);
-		}, lt = () => {
+		}, ut = () => {
 			C.disabled || C.readonly || (Y.value = J(), q.value = !0);
 		};
 		b(q, (e) => {
 			e ? X.value || document.addEventListener("click", Z, { passive: !0 }) : document.removeEventListener("click", Z);
 		});
-		let Q = g("start"), ut = (e) => {
-			Q.value = e.segment, He(e);
-		}, $ = c(() => C.range ? I.value[Q.value].hour ? Q.value : I.value.start.hour && !I.value.end.hour ? "end" : "start" : "start"), dt = c(() => {
+		let Q = g("start"), dt = (e) => {
+			Q.value = e.segment, Ue(e);
+		}, $ = c(() => C.range ? I.value[Q.value].hour ? Q.value : I.value.start.hour && !I.value.end.hour ? "end" : "start" : "start"), ft = c(() => {
 			let e = I.value[$.value];
-			return e.hour ? String(Qe(e)).padStart(2, "0") : "";
-		}), ft = ({ unit: e, value: t }) => {
+			return e.hour ? String($e(e)).padStart(2, "0") : "";
+		}), pt = ({ unit: e, value: t }) => {
 			let n = I.value[$.value];
-			e === "hour" ? $e(n, parseInt(t, 10)) : n[e] = t, n.hour || (C.ampm ? n.hour = "12" : n.hour = "00"), C.ampm && !n.meridiem && (n.meridiem = "AM"), n.minute ||= "00", C.seconds && !n.second && (n.second = "00"), L(), W({ finalize: !1 });
-		}, pt = c(() => {
+			e === "hour" ? et(n, parseInt(t, 10)) : n[e] = t, n.hour || (C.ampm ? n.hour = "12" : n.hour = "00"), C.ampm && !n.meridiem && (n.meridiem = "AM"), n.minute ||= "00", C.seconds && !n.second && (n.second = "00"), L(), W({ finalize: !1 });
+		}, mt = c(() => {
 			if (C.range) {
 				let [e, t] = Array.isArray(C.modelValue) ? C.modelValue : [];
 				return !e || !t ? T("baseTimePickerInput.emptyRange").value : T("baseTimePickerInput.changeSelectionRange", e, t).value;
@@ -347,13 +347,13 @@ var _e = ["data-value"], ve = [
 		});
 		return pe(() => {
 			document.removeEventListener("focusin", K), document.removeEventListener("click", K), document.removeEventListener("click", Z);
-		}), (e, t) => (h(), l(ne, {
+		}), (e, t) => (h(), l(re, {
 			ref_key: "wrapper",
 			ref: E,
 			active: G.value,
 			"append:icon": C["append:icon"],
 			class: m(["bb-base-time-picker-input", { "bb-base-time-picker-input--range": C.range }]),
-			clearable: C.clearable && !y(re)(e.modelValue),
+			clearable: C.clearable && !y(ie)(e.modelValue),
 			compact: C.compact,
 			disabled: C.disabled,
 			"has-errors": C.hasErrors,
@@ -362,96 +362,96 @@ var _e = ["data-value"], ve = [
 			loading: C.loading,
 			"prepend:icon": C["prepend:icon"],
 			readonly: C.readonly,
-			"onClick:clear": nt,
-			onFocusin: rt
-		}, ue({
+			"onClick:clear": rt,
+			onFocusin: it
+		}, le({
 			"prepend-outer": x(() => [_(e.$slots, "prepend-outer")]),
 			prepend: x(() => [_(e.$slots, "prepend")]),
-			append: x(() => [d("button", {
+			append: x(() => [f("button", {
 				ref_key: "clockButton",
 				ref: O,
-				"aria-controls": Te,
+				"aria-controls": j,
 				"aria-expanded": q.value,
 				"aria-haspopup": "dialog",
-				"aria-label": pt.value,
+				"aria-label": mt.value,
 				class: m(["bb-segmented-field__trigger-btn", { "bb-segmented-field__trigger-btn--active": q.value }]),
 				disabled: e.disabled || e.readonly,
 				type: "button",
-				onClick: he(lt, ["stop"])
-			}, [f(o, {
+				onClick: he(ut, ["stop"])
+			}, [p(ee, {
 				class: "bb-segmented-field__trigger-icon",
-				icon: y(oe)
+				icon: y(se)
 			}, null, 8, ["icon"])], 10, be), _(e.$slots, "append")]),
 			"append-outer": x(() => [_(e.$slots, "append-outer")]),
 			default: x(() => [
-				d("div", {
+				f("div", {
 					class: m(["bb-segmented-field__fields", {
-						"bb-segmented-field__fields--empty": Ze.value,
+						"bb-segmented-field__fields--empty": Qe.value,
 						"bb-segmented-field__fields--range": e.range
 					}]),
-					style: fe({ "--fields-min-ch": y(Ie) })
-				}, [Ze.value ? (h(), u("span", {
+					style: fe({ "--fields-min-ch": y(Le) })
+				}, [Qe.value ? (h(), d("span", {
 					key: 0,
 					"aria-hidden": "true",
 					class: "bb-segmented-field__placeholder",
-					onClick: t[0] ||= (...e) => y(ze) && y(ze)(...e)
-				}, v(Xe.value), 1)) : le("", !0), (h(!0), u(ce, null, me(P.value, (t, n) => (h(), u(ce, { key: y(Ne)(t) }, [d("span", {
+					onClick: t[0] ||= (...e) => y(Be) && y(Be)(...e)
+				}, v(Ze.value), 1)) : u("", !0), (h(!0), d(ce, null, me(P.value, (t, n) => (h(), d(ce, { key: y(Pe)(t) }, [f("span", {
 					class: "bb-segmented-field__field-sizer",
-					"data-value": y(Fe)(t)
-				}, [d("input", {
-					id: n === 0 ? y(k) : Ge(t),
+					"data-value": y(Ie)(t)
+				}, [f("input", {
+					id: n === 0 ? y(k) : Ke(t),
 					ref_for: !0,
-					ref: (e) => y(Me)[y(Ne)(t)] = e,
+					ref: (e) => y(Ne)[y(Pe)(t)] = e,
 					"aria-describedby": Ee.value,
 					"aria-disabled": e.disabled || void 0,
 					"aria-invalid": C.hasErrors ? "true" : void 0,
-					"aria-label": Je(t),
-					"aria-readonly": Oe.value || void 0,
+					"aria-label": Ye(t),
+					"aria-readonly": ke.value || void 0,
 					autocomplete: e.autocomplete,
 					autofocus: e.autofocus && n === 0,
 					class: m(["bb-segmented-field__field", [`bb-segmented-field__field--${t.field}`, `bb-segmented-field__field--${t.segment}`]]),
 					disabled: e.disabled,
-					inputmode: ke(t.field),
+					inputmode: Ae(t.field),
 					maxlength: F.value[t.field].maxLength,
-					name: Ke(t),
-					readonly: Oe.value,
+					name: qe(t),
+					readonly: ke.value,
 					required: e.required,
 					tabindex: t.field === "hour" ? 0 : -1,
 					type: "text",
 					value: y(I)[t.segment][t.field],
-					onBlur: (e) => y(Ue)(t),
-					onFocus: (e) => ut(t),
-					onInput: (e) => y(Be)(t, e),
-					onKeydown: (e) => y(Ve)(t, e),
-					onPaste: (e) => y(We)(t, e)
-				}, null, 42, ve)], 8, _e), n < P.value.length - 1 ? (h(), u("span", {
+					onBlur: (e) => y(We)(t),
+					onFocus: (e) => dt(t),
+					onInput: (e) => y(Ve)(t, e),
+					onKeydown: (e) => y(He)(t, e),
+					onPaste: (e) => y(Ge)(t, e)
+				}, null, 42, ve)], 8, _e), n < P.value.length - 1 ? (h(), d("span", {
 					key: 0,
 					"aria-hidden": "true",
 					class: m(["bb-segmented-field__separator", { "bb-segmented-field__separator--range": P.value[n].segment !== P.value[n + 1].segment }]),
 					role: "presentation",
-					onClick: (e) => y(Re)(P.value[n + 1], { select: !0 })
-				}, v(je(P.value[n], P.value[n + 1])), 11, ye)) : le("", !0)], 64))), 128))], 6),
-				d("span", {
+					onClick: (e) => y(ze)(P.value[n + 1], { select: !0 })
+				}, v(Me(P.value[n], P.value[n + 1])), 11, ye)) : u("", !0)], 64))), 128))], 6),
+				f("span", {
 					id: A,
 					class: "bb-base-time-picker-input__accessible-description sr-only"
-				}, v(Ye.value), 1),
-				f(y(it), null, {
-					default: x(() => [d("div", {
-						id: Te,
+				}, v(Xe.value), 1),
+				p(y(at), null, {
+					default: x(() => [f("div", {
+						id: j,
 						ref_key: "panel",
 						ref: D,
 						class: m(["bb-base-time-picker-input__panel", { "bb-base-time-picker-input__panel--sheet": X.value }]),
-						inert: y(ot)
-					}, [f(te, {
+						inert: y(st)
+					}, [p(ne, {
 						ampm: e.ampm,
 						disabled: e.disabled || e.readonly,
-						hour: dt.value,
+						hour: ft.value,
 						meridiem: y(I)[$.value].meridiem,
 						minute: y(I)[$.value].minute,
 						second: y(I)[$.value].second,
 						seconds: e.seconds,
 						step: e.step,
-						onSelect: ft
+						onSelect: pt
 					}, null, 8, [
 						"ampm",
 						"disabled",
@@ -464,15 +464,15 @@ var _e = ["data-value"], ve = [
 					])], 10, xe)]),
 					_: 1
 				}),
-				X.value ? (h(), l(ee, de({
+				X.value ? (h(), l(te, de({
 					key: 0,
 					modelValue: q.value,
 					"onUpdate:modelValue": t[1] ||= (e) => q.value = e,
 					class: "bb-base-time-picker-input-offcanvas"
-				}, st.value, { onHidden: ct }), {
-					default: x(() => [f(y(at))]),
+				}, ct.value, { onHidden: lt }), {
+					default: x(() => [p(y(ot))]),
 					_: 1
-				}, 16, ["modelValue"])) : (h(), l(r, {
+				}, 16, ["modelValue"])) : (h(), l(i, {
 					key: 1,
 					modelValue: q.value,
 					"onUpdate:modelValue": t[2] ||= (e) => q.value = e,
@@ -482,7 +482,7 @@ var _e = ["data-value"], ve = [
 					offset: 4,
 					"transition-duration": e.transitionDuration
 				}, {
-					default: x(() => [f(y(at))]),
+					default: x(() => [p(y(ot))]),
 					_: 1
 				}, 8, [
 					"modelValue",