bitboss-ui 3.0.0-beta.63 → 3.0.0-beta.64

package/dist/components/BbTimePickerInput/BbTimePickerInput.vue_vue_type_script_setup_true_lang.js

@@ -2,33 +2,33 @@ import { useLogger as e } from "../../composables/useLogger.js";
 import { isEmpty as t } from "../../utilities/functions/empty.js";
 import { isNotEmpty as n } from "../../utilities/functions/isNotEmpty.js";
 import { withoutPt as r } from "../../utils/passthrough.js";
-import { SEGMENTED_CONTROL_NATIVE_ATTRS as i, formControlPtActive as a, usePassthrough as o } from "../../composables/usePassthrough.js";
-import { useConfig as s } from "../../composables/useConfig.js";
-import { removedPropsFor as ee } from "../../deprecation/removedProps.js";
-import { warnRemovedAttrs as te } from "../../utilities/functions/warnRemovedAttrs.js";
-import { transitions as ne } from "../../utilities/misc/transitions.js";
-import re from "../CommonPopover/CommonPopover.vue.js";
-import { useMobile as ie } from "../../composables/useMobile.js";
-import { useClosingInert as ae } from "../../composables/useClosingInert.js";
-import { useLocale as oe } from "../../composables/useLocale.js";
-import se from "../BbIcon/BbIcon.vue.js";
-import { BB_OFF_CANVAS_PT as ce } from "../BbOffCanvas/types.js";
-import le from "../BbOffCanvas/BbOffCanvas.vue.js";
-import { useEscapeStackEntry as ue } from "../../composables/useEscapeStackEntry.js";
-import { useMeridiem as de } from "../CommonTimeSelector/useMeridiem.js";
-import fe from "../CommonTimeSelector/CommonTimeSelector.vue.js";
-import { spokenTimeOf as pe } from "../BbCalendar/useDayjsLocale.js";
-import { vAutofocus as me } from "../../utilities/misc/autofocus.js";
-import he from "../CommonField/CommonField.vue.js";
-import { useFormBinding as ge } from "../../composables/useFormBinding.js";
-import _e from "../CommonFieldInput/CommonFieldInput.vue.js";
-import { useSegmentedFields as ve } from "../../composables/useSegmentedFields.js";
-import ye from "../../assets/svgs/clock.svg_raw.js";
-import { BB_TIME_PICKER_INPUT_PT as be } from "./types.js";
-import { Fragment as xe, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as Se, createVNode as p, defineComponent as Ce, guardReactiveProps as m, mergeProps as h, normalizeClass as g, normalizeProps as _, normalizeStyle as we, onBeforeUnmount as Te, onDeactivated as Ee, openBlock as v, ref as y, renderList as De, renderSlot as b, toDisplayString as Oe, unref as x, useAttrs as ke, watch as Ae, withCtx as S, withDirectives as je, withModifiers as Me } from "vue";
-import { createReusableTemplate as Ne } from "@vueuse/core";
+import { SEGMENTED_CONTROL_NATIVE_ATTRS as i, formControlPtActive as a, usePassthrough as o, variantPt as s } from "../../composables/usePassthrough.js";
+import { useConfig as ee } from "../../composables/useConfig.js";
+import { removedPropsFor as te } from "../../deprecation/removedProps.js";
+import { warnRemovedAttrs as ne } from "../../utilities/functions/warnRemovedAttrs.js";
+import { transitions as re } from "../../utilities/misc/transitions.js";
+import ie from "../CommonPopover/CommonPopover.vue.js";
+import { useMobile as ae } from "../../composables/useMobile.js";
+import { useClosingInert as oe } from "../../composables/useClosingInert.js";
+import { useLocale as se } from "../../composables/useLocale.js";
+import ce from "../BbIcon/BbIcon.vue.js";
+import { BB_OFF_CANVAS_PT as le } from "../BbOffCanvas/types.js";
+import ue from "../BbOffCanvas/BbOffCanvas.vue.js";
+import { useEscapeStackEntry as de } from "../../composables/useEscapeStackEntry.js";
+import { useMeridiem as fe } from "../CommonTimeSelector/useMeridiem.js";
+import pe from "../CommonTimeSelector/CommonTimeSelector.vue.js";
+import { spokenTimeOf as me } from "../BbCalendar/useDayjsLocale.js";
+import { vAutofocus as he } from "../../utilities/misc/autofocus.js";
+import ge from "../CommonField/CommonField.vue.js";
+import { useFormBinding as _e } from "../../composables/useFormBinding.js";
+import ve from "../CommonFieldInput/CommonFieldInput.vue.js";
+import { useSegmentedFields as ye } from "../../composables/useSegmentedFields.js";
+import be from "../../assets/svgs/clock.svg_raw.js";
+import { BB_TIME_PICKER_INPUT_PT as c } from "./types.js";
+import { Fragment as xe, computed as l, createBlock as u, createCommentVNode as Se, createElementBlock as d, createElementVNode as f, createSlots as Ce, createVNode as p, defineComponent as we, guardReactiveProps as Te, mergeProps as m, normalizeClass as h, normalizeProps as Ee, normalizeStyle as De, onBeforeUnmount as Oe, onDeactivated as ke, openBlock as g, ref as _, renderList as Ae, renderSlot as v, toDisplayString as y, unref as b, useAttrs as je, watch as x, withCtx as S, withDirectives as Me, withModifiers as Ne } from "vue";
+import { createReusableTemplate as Pe } from "@vueuse/core";
 //#region src/components/BbTimePickerInput/BbTimePickerInput.vue?vue&type=script&setup=true&lang.ts
-var Pe = ["data-value"], Fe = [
+var Fe = ["data-value"], Ie = [
 	"id",
 	"aria-describedby",
 	"aria-disabled",
@@ -51,13 +51,14 @@ var Pe = ["data-value"], Fe = [
 	"onInput",
 	"onKeydown",
 	"onPaste"
-], Ie = ["onClick"], Le = [
+], Le = ["onClick"], Re = [
 	"aria-controls",
 	"aria-disabled",
 	"aria-expanded",
 	"aria-label",
 	"disabled"
-], Re = ["id"], ze = /*@__PURE__*/ Ce({
+], ze = ["id"], C = /*@__PURE__*/ we({
+	mixins: [s(c)],
 	inheritAttrs: !1,
 	__name: "BbTimePickerInput",
 	props: {
@@ -223,6 +224,45 @@ var Pe = ["data-value"], Fe = [
 		"pt:item:hasValue": {},
 		"pt:item:open": {},
 		"pt:item:selected": {},
+		"pt:root:outline": {},
+		"pt:root:secondary": {},
+		"pt:root:ghost": {},
+		"pt:label:outline": {},
+		"pt:label:secondary": {},
+		"pt:label:ghost": {},
+		"pt:description:outline": {},
+		"pt:description:secondary": {},
+		"pt:description:ghost": {},
+		"pt:message:outline": {},
+		"pt:message:secondary": {},
+		"pt:message:ghost": {},
+		"pt:hint:outline": {},
+		"pt:hint:secondary": {},
+		"pt:hint:ghost": {},
+		"pt:box:outline": {},
+		"pt:box:secondary": {},
+		"pt:box:ghost": {},
+		"pt:input:outline": {},
+		"pt:input:secondary": {},
+		"pt:input:ghost": {},
+		"pt:icon:outline": {},
+		"pt:icon:secondary": {},
+		"pt:icon:ghost": {},
+		"pt:spinner:outline": {},
+		"pt:spinner:secondary": {},
+		"pt:spinner:ghost": {},
+		"pt:prefix:outline": {},
+		"pt:prefix:secondary": {},
+		"pt:prefix:ghost": {},
+		"pt:suffix:outline": {},
+		"pt:suffix:secondary": {},
+		"pt:suffix:ghost": {},
+		"pt:clear:outline": {},
+		"pt:clear:secondary": {},
+		"pt:clear:ghost": {},
+		"pt:activator:outline": {},
+		"pt:activator:secondary": {},
+		"pt:activator:ghost": {},
 		pt: {},
 		adaptive: {
 			type: Boolean,
@@ -286,67 +326,71 @@ var Pe = ["data-value"], Fe = [
 		"inactive",
 		"update:modelValue"
 	],
-	setup(Ce, { emit: ze }) {
-		let Be = Ce, { props: C, emit: w, showAsterisk: Ve, errors: He, required: Ue, ariaRequired: We, model: Ge, readonly: T, locked: Ke } = ge(Be, ze, {
+	setup(s, { emit: we }) {
+		let C = s, { props: w, emit: T, showAsterisk: Be, errors: Ve, required: He, ariaRequired: Ue, model: We, readonly: Ge, locked: Ke } = _e(C, we, {
 			componentName: "BbTimePickerInput",
-			identifierFallback: () => Be.label,
+			identifierFallback: () => C.label,
 			leaveOn: "inactive"
 		});
-		process.env.NODE_ENV !== "production" && te("BbTimePickerInput", ee("BbTimePickerInput"));
-		let E = s(), { t: D } = oe(), qe = e(), O = y(!1), k = y(!1), A = () => {
-			k.value = !1;
+		process.env.NODE_ENV !== "production" && ne("BbTimePickerInput", te("BbTimePickerInput"));
+		let qe = ee(), { t: E } = se(), Je = e(), D = _(!1), O = _(!1), k = () => {
+			O.value = !1;
 		};
-		Ee(() => {
-			X.value = !1, O.value ? It() : A();
-		}), Te(A);
-		let Je = c(() => C.persistentHint || k.value), j = c(() => n(C.modelValue)), Ye = c(() => C.labelMode ?? E.defaultInputLabelMode), M = o({
+		ke(() => {
+			X.value = !1, D.value ? It() : k();
+		}), Oe(k);
+		let Ye = l(() => w.persistentHint || O.value), A = l(() => n(w.modelValue)), Xe = l(() => w.labelMode ?? qe.defaultInputLabelMode), j = o({
 			component: "BbTimePickerInput",
-			attrs: ke(),
+			attrs: je(),
 			controlAttrs: i,
-			props: C,
-			parts: be.parts,
-			states: be.states,
+			props: w,
+			parts: c.parts,
+			states: c.states,
 			active: {
-				...a(C, () => j.value),
+				...a(w, () => A.value),
 				open: () => X.value
+			},
+			variant: {
+				...c.variant,
+				current: () => w.variant ?? "outline"
 			}
-		}), N = de(), Xe = (e, t) => N.isPm(t) ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e, Ze = (e) => {
+		}), M = fe(), Ze = (e, t) => M.isPm(t) ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e, Qe = (e) => {
 			let t = e >= 12 ? "PM" : "AM", n = e % 12;
 			return n === 0 && (n = 12), {
 				hour: String(n).padStart(2, "0"),
 				meridiem: t
 			};
-		}, P = y(null), F = y(null), Qe = (e) => {
-			F.value = e.el?.parentElement ?? null;
-		}, $e = y(null), et = (e) => `btpi-description_${e}`, tt = (e) => `btpi-panel_${e}`, nt = (e) => h({
-			id: tt(e),
+		}, N = _(null), P = _(null), $e = (e) => {
+			P.value = e.el?.parentElement ?? null;
+		}, et = _(null), tt = (e) => `btpi-description_${e}`, nt = (e) => `btpi-panel_${e}`, rt = (e) => m({
+			id: nt(e),
 			class: ["bb-time-picker-input__panel", { "bb-time-picker-input__panel--sheet": Z.value }],
 			inert: zt.value
-		}, Z.value ? {} : M.panel ?? {}), rt = (e, t) => {
-			let n = [e, et(t)].filter((e) => !!e?.trim()).flatMap((e) => e.split(/\s+/)).filter(Boolean);
+		}, Z.value ? {} : j.panel ?? {}), it = (e, t) => {
+			let n = [e, tt(t)].filter((e) => !!e?.trim()).flatMap((e) => e.split(/\s+/)).filter(Boolean);
 			return Array.from(new Set(n)).join(" ");
-		}, { isMobile: I } = ie(), it = c(() => C.disableWriting === "mobile" ? !I.value : C.disableWriting === "desktop" ? I.value : !C.disableWriting), at = c(() => !!C.readonly || !it.value), ot = (e) => it.value ? z.value[e].kind === "enum" ? "none" : "numeric" : "none", st = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, L = (e) => {
+		}, { isMobile: F } = ae(), I = l(() => w.disableWriting === "mobile" ? !F.value : w.disableWriting === "desktop" ? F.value : !w.disableWriting), at = l(() => !!w.readonly || !I.value), ot = (e) => I.value ? z.value[e].kind === "enum" ? "none" : "numeric" : "none", st = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, L = (e) => {
 			let t = st.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 && L(t) === null && qe.throw(`BbTimePickerInput: ${e} must be in the format HH:mm`);
-		let R = c(() => {
+		for (let [e, t] of [["min", w.min], ["max", w.max]]) t && L(t) === null && Je.throw(`BbTimePickerInput: ${e} must be in the format HH:mm`);
+		let R = l(() => {
 			let e = ["hour", "minute"];
-			C.seconds && e.push("second"), C.ampm && e.push("meridiem");
+			w.seconds && e.push("second"), w.ampm && e.push("meridiem");
 			let t = e.map((e) => ({
 				segment: "start",
 				field: e
 			}));
-			if (!C.range) return t;
+			if (!w.range) return t;
 			let n = e.map((e) => ({
 				segment: "end",
 				field: e
 			}));
 			return [...t, ...n];
-		}), z = c(() => ({
-			hour: C.ampm ? {
+		}), z = l(() => ({
+			hour: w.ampm ? {
 				kind: "numeric",
 				maxLength: 2,
 				max: 12,
@@ -378,8 +422,8 @@ var Pe = ["data-value"], Fe = [
 				autoAdvanceFrom: 6,
 				label: "Second"
 			},
-			meridiem: N.fieldSpec.value
-		})), ct = (e, t) => e.segment === t.segment ? t.field === "meridiem" ? " " : ":" : "–", { fields: B, fieldRefs: lt, descriptorKey: ut, emptyFieldGroup: dt, getSizedValue: ft, minChars: pt, updateAllSizedValues: V, isOwnField: mt, focusField: ht, focusFirstField: gt, segmentStatus: H, onFieldInput: _t, onFieldKeydown: vt, onFieldFocus: yt, onFieldBlur: bt, onFieldPaste: xt } = ve({
+			meridiem: M.fieldSpec.value
+		})), ct = (e, t) => e.segment === t.segment ? t.field === "meridiem" ? " " : ":" : "–", { fields: B, fieldRefs: lt, descriptorKey: ut, emptyFieldGroup: dt, getSizedValue: ft, minChars: pt, updateAllSizedValues: V, isOwnField: mt, focusField: ht, focusFirstField: gt, segmentStatus: H, onFieldInput: _t, onFieldKeydown: vt, onFieldFocus: yt, onFieldBlur: bt, onFieldPaste: xt } = ye({
 			fieldOrder: R,
 			specs: z,
 			segments: ["start", "end"],
@@ -394,48 +438,48 @@ var Pe = ["data-value"], Fe = [
 			onDirty: () => J({ finalize: !1 })
 		}), St = (e, t) => {
 			if (e.field === "meridiem") {
-				let n = B.value[e.segment], r = N.match(t.target.value, n.meridiem);
+				let n = B.value[e.segment], r = M.match(t.target.value, n.meridiem);
 				r && r !== n.meridiem && (n.meridiem = r, J({ finalize: !1 }));
 			}
 			_t(e, t);
 		};
-		N.onRelabel((e, t) => {
+		M.onRelabel((e, t) => {
 			for (let n of Object.values(B.value)) n.meridiem === e && (n.meridiem = t);
 			V();
 		});
-		let Ct = (e, t) => C.range ? `${t}-${e.segment}-${e.field}` : `${t}-${e.field}`, wt = (e) => {
-			if (C.name) return C.range ? `${C.name}-${e.segment}-${e.field}` : `${C.name}-${e.field}`;
+		let Ct = (e, t) => w.range ? `${t}-${e.segment}-${e.field}` : `${t}-${e.field}`, wt = (e) => {
+			if (w.name) return w.range ? `${w.name}-${e.segment}-${e.field}` : `${w.name}-${e.field}`;
 		}, Tt = {
 			hour: "datePickerInput.hourField",
 			minute: "datePickerInput.minuteField",
 			second: "datePickerInput.secondField",
 			meridiem: "datePickerInput.meridiemField"
 		}, Et = (e) => {
-			let t = D(Tt[e.field]).value;
-			return C.range ? D(e.segment === "start" ? "datePickerInput.startFieldLabel" : "datePickerInput.endFieldLabel", t).value : t;
-		}, Dt = c(() => {
-			let e = D(C.seconds ? "datePickerInput.timeFormatSeconds" : "datePickerInput.timeFormat").value;
-			return C.range ? `${e} – ${e}` : e;
-		}), Ot = c(() => C.placeholder || Dt.value), kt = c(() => R.value.every((e) => !B.value[e.segment][e.field])), At = (e) => {
+			let t = E(Tt[e.field]).value;
+			return w.range ? E(e.segment === "start" ? "datePickerInput.startFieldLabel" : "datePickerInput.endFieldLabel", t).value : t;
+		}, Dt = l(() => {
+			let e = E(w.seconds ? "datePickerInput.timeFormatSeconds" : "datePickerInput.timeFormat").value;
+			return w.range ? `${e} – ${e}` : e;
+		}), Ot = l(() => w.placeholder || Dt.value), kt = l(() => R.value.every((e) => !B.value[e.segment][e.field])), At = (e) => {
 			if (!e.hour) return 0;
 			let t = parseInt(e.hour, 10);
-			return C.ampm ? Xe(t, e.meridiem || "AM") : t;
+			return w.ampm ? Ze(t, e.meridiem || "AM") : t;
 		}, jt = (e, t) => {
-			if (!C.ampm) {
+			if (!w.ampm) {
 				e.hour = String(t).padStart(2, "0");
 				return;
 			}
-			let n = Ze(t);
-			e.hour = n.hour, e.meridiem = N.label(n.meridiem);
+			let n = Qe(t);
+			e.hour = n.hour, e.meridiem = M.label(n.meridiem);
 		}, U = (e) => {
 			let t = dt();
 			if (!e) return t;
 			let n = st.exec(e);
 			if (!n) return t;
 			let [, r, i, a] = n, o = parseInt(r, 10);
-			return o > 23 || parseInt(i, 10) > 59 ? t : (jt(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 : (jt(t, o), t.minute = i.padStart(2, "0"), t.second = w.seconds && a ? a.padStart(2, "0") : "", t);
 		}, W = (e) => {
-			if (C.range) {
+			if (w.range) {
 				let [t, n] = Array.isArray(e) ? e : [];
 				B.value = {
 					start: U(t),
@@ -448,9 +492,9 @@ var Pe = ["data-value"], Fe = [
 				end: dt()
 			};
 		}, Mt = () => {
-			W(C.modelValue);
+			W(w.modelValue);
 		};
-		W(C.modelValue), V(), Ae(() => C.modelValue, (e) => {
+		W(w.modelValue), V(), x(() => w.modelValue, (e) => {
 			if (e === null || Array.isArray(e) && e.length === 0) {
 				W(e), V();
 				return;
@@ -460,34 +504,34 @@ var Pe = ["data-value"], Fe = [
 		});
 		let G = (e) => {
 			let t = B.value[e], n = String(At(t)).padStart(2, "0"), r = (t.minute || "0").padStart(2, "0");
-			return C.seconds ? `${n}:${r}:${(t.second || "0").padStart(2, "0")}` : `${n}:${r}`;
-		}, K = (e) => w("error", e), q = (e) => {
+			return w.seconds ? `${n}:${r}:${(t.second || "0").padStart(2, "0")}` : `${n}:${r}`;
+		}, K = (e) => T("error", e), q = (e) => {
 			let t = L(e);
-			return t === null ? e : C.min && t < L(C.min) ? C.min + (C.seconds ? ":00" : "") : C.max && t > L(C.max) ? C.max + (C.seconds ? ":00" : "") : e;
-		}, Nt = () => H("start") === "partial" ? !0 : C.range ? H("end") === "partial" : !1, J = (e = {}) => {
+			return t === null ? e : w.min && t < L(w.min) ? w.min + (w.seconds ? ":00" : "") : w.max && t > L(w.max) ? w.max + (w.seconds ? ":00" : "") : e;
+		}, Nt = () => H("start") === "partial" ? !0 : w.range ? H("end") === "partial" : !1, J = (e = {}) => {
 			let t = !!e.finalize, n = H("start");
-			if (!C.range) {
+			if (!w.range) {
 				if (n === "empty") {
-					w("update:modelValue", null);
+					T("update:modelValue", null);
 					return;
 				}
 				if (n === "partial") return;
 				let e = G("start"), r = q(e);
 				if (r !== e) {
 					if (!t) return;
-					B.value.start = U(r), V(), w("update:modelValue", r), K({
+					B.value.start = U(r), V(), T("update:modelValue", r), K({
 						code: "disabled_time",
 						original: e,
 						normalized: r
 					});
 					return;
 				}
-				w("update:modelValue", e);
+				T("update:modelValue", e);
 				return;
 			}
 			let r = H("end");
 			if (n === "empty" && r === "empty") {
-				w("update:modelValue", []);
+				T("update:modelValue", []);
 				return;
 			}
 			if (n === "partial" || r === "partial" || n === "empty") return;
@@ -501,7 +545,7 @@ var Pe = ["data-value"], Fe = [
 				}), i = a;
 			}
 			if (r === "empty") {
-				w("update:modelValue", [i]);
+				T("update:modelValue", [i]);
 				return;
 			}
 			let o = G("end"), s = q(o);
@@ -516,46 +560,46 @@ var Pe = ["data-value"], Fe = [
 			if (L(o) < L(i)) {
 				if (!t) return;
 				let e = { ...B.value.start };
-				B.value.start = { ...B.value.end }, B.value.end = e, V(), w("update:modelValue", [o, i]), K({
+				B.value.start = { ...B.value.end }, B.value.end = e, V(), T("update:modelValue", [o, i]), K({
 					code: "end_before_start",
 					original: [i, o],
 					normalized: [o, i]
 				});
 				return;
 			}
-			V(), w("update:modelValue", [i, o]);
+			V(), T("update:modelValue", [i, o]);
 		}, Pt = () => {
-			w("update:modelValue", C.range ? [] : null);
+			T("update:modelValue", w.range ? [] : null);
 		}, Ft = () => {
-			O.value || (k.value = !0, w("active"), O.value = !0, document.addEventListener("focusin", Y), document.addEventListener("click", Y));
+			D.value || (O.value = !0, T("active"), D.value = !0, document.addEventListener("focusin", Y), document.addEventListener("click", Y));
 		}, Y = (e) => {
 			let t = e.target;
-			t instanceof HTMLElement && P.value?.$el && (P.value.$el.contains(t) || F.value?.contains(t) || It());
+			t instanceof HTMLElement && N.value?.$el && (N.value.$el.contains(t) || P.value?.contains(t) || It());
 		}, It = () => {
-			J({ finalize: !0 }), Nt() && (Mt(), V()), O.value = !1, A(), w("inactive"), document.removeEventListener("focusin", Y), document.removeEventListener("click", Y);
-		}, [Lt, Rt] = Ne(), X = y(!1), zt = ae(X, () => C.transitionDuration ?? ne.medium), Bt = () => (C.adaptive ?? E.adaptive) && I.value ? "canvas" : "popover", Vt = y(Bt()), Z = c(() => Vt.value === "canvas");
-		Ae([
-			() => C.adaptive,
-			I,
+			J({ finalize: !0 }), Nt() && (Mt(), V()), D.value = !1, k(), T("inactive"), document.removeEventListener("focusin", Y), document.removeEventListener("click", Y);
+		}, [Lt, Rt] = Pe(), X = _(!1), zt = oe(X, () => w.transitionDuration ?? re.medium), Bt = () => (w.adaptive ?? qe.adaptive) && F.value ? "canvas" : "popover", Vt = _(Bt()), Z = l(() => Vt.value === "canvas");
+		x([
+			() => w.adaptive,
+			F,
 			X
 		], () => {
 			X.value || (Vt.value = Bt());
-		}), ue(() => X.value && !Z.value, () => X.value = !1);
-		let Ht = c(() => ({
+		}), de(() => X.value && !Z.value, () => X.value = !1);
+		let Ht = l(() => ({
 			side: "bottom",
 			size: "auto",
 			draggable: !0,
-			transitionDuration: C.transitionDuration,
+			transitionDuration: w.transitionDuration,
 			hideClose: !0,
-			...r(C.offCanvasProps)
+			...r(w.offCanvasProps)
 		})), Ut = () => {
-			$e.value?.focus(), w("hidden");
+			et.value?.focus(), T("hidden");
 		}, Wt = (e) => {
 			let t = e.target;
 			t && t instanceof HTMLDialogElement && (X.value = !1);
 		}, Gt = () => {
-			C.disabled || C.readonly || (Vt.value = Bt(), X.value = !0);
-		}, Kt = c(() => !it.value && !C.disabled && !C.readonly), qt = (e) => {
+			w.disabled || w.readonly || (Vt.value = Bt(), X.value = !0);
+		}, Kt = l(() => !I.value && !w.disabled && !w.readonly), qt = (e) => {
 			if (!Kt.value || X.value) return;
 			let t = e.target;
 			t?.closest(".bb-field-input__box") && (t.closest(".bb-segmented-field__activator, .bb-clearable-button, .bb-time-picker-input__panel, [role=\"dialog\"]") || Gt());
@@ -564,124 +608,124 @@ var Pe = ["data-value"], Fe = [
 				t.preventDefault(), X.value || Gt();
 				return;
 			}
-			if (C.readonly && Jt(t)) {
+			if (w.readonly && Jt(t)) {
 				t.preventDefault();
 				return;
 			}
 			vt(e, t);
 		};
-		Ae(X, (e) => {
+		x(X, (e) => {
 			e ? Z.value || document.addEventListener("click", Wt, { passive: !0 }) : document.removeEventListener("click", Wt);
 		});
-		let Xt = y("start"), Zt = (e, t) => {
-			Xt.value = e.segment, yt(e), w("focus", t);
-		}, Q = c(() => C.range ? B.value[Xt.value].hour ? Xt.value : B.value.start.hour && !B.value.end.hour ? "end" : "start" : "start"), Qt = c(() => {
+		let Xt = _("start"), Zt = (e, t) => {
+			Xt.value = e.segment, yt(e), T("focus", t);
+		}, Q = l(() => w.range ? B.value[Xt.value].hour ? Xt.value : B.value.start.hour && !B.value.end.hour ? "end" : "start" : "start"), Qt = l(() => {
 			let e = B.value[Q.value];
 			return e.hour ? String(At(e)).padStart(2, "0") : "";
 		}), $t = ({ unit: e, value: t }) => {
 			let n = B.value[Q.value];
-			e === "hour" ? jt(n, parseInt(t, 10)) : e === "meridiem" ? n.meridiem = N.label(t === "PM" ? "PM" : "AM") : n[e] = t, n.hour || (C.ampm ? n.hour = "12" : n.hour = "00"), C.ampm && !n.meridiem && (n.meridiem = N.am.value), n.minute ||= "00", C.seconds && !n.second && (n.second = "00"), V(), J({ finalize: !1 });
-		}, $ = (e) => pe(e, E.locale, !!C.ampm, !!C.seconds), en = c(() => {
-			if (C.range) {
-				let [e, t] = Array.isArray(C.modelValue) ? C.modelValue : [];
-				return !e || !t ? D("timePickerInput.emptyRange").value : D("timePickerInput.changeSelectionRange", $(e), $(t)).value;
+			e === "hour" ? jt(n, parseInt(t, 10)) : e === "meridiem" ? n.meridiem = M.label(t === "PM" ? "PM" : "AM") : n[e] = t, n.hour || (w.ampm ? n.hour = "12" : n.hour = "00"), w.ampm && !n.meridiem && (n.meridiem = M.am.value), n.minute ||= "00", w.seconds && !n.second && (n.second = "00"), V(), J({ finalize: !1 });
+		}, $ = (e) => me(e, qe.locale, !!w.ampm, !!w.seconds), en = l(() => {
+			if (w.range) {
+				let [e, t] = Array.isArray(w.modelValue) ? w.modelValue : [];
+				return !e || !t ? E("timePickerInput.emptyRange").value : E("timePickerInput.changeSelectionRange", $(e), $(t)).value;
 			}
-			return typeof C.modelValue == "string" && C.modelValue ? D("timePickerInput.changeSelection", $(C.modelValue)).value : D("timePickerInput.emptySelection").value;
+			return typeof w.modelValue == "string" && w.modelValue ? E("timePickerInput.changeSelection", $(w.modelValue)).value : E("timePickerInput.emptySelection").value;
 		});
-		return Te(() => {
+		return Oe(() => {
 			document.removeEventListener("focusin", Y), document.removeEventListener("click", Y), document.removeEventListener("click", Wt);
-		}), (e, n) => (v(), l(he, h({
+		}), (e, n) => (g(), u(ge, m({
 			id: e.id,
 			class: "bb-time-picker-input",
-			clearable: e.clearable && j.value,
+			clearable: e.clearable && A.value,
 			compact: e.compact,
 			description: e.description,
 			disabled: e.disabled,
-			errors: x(He),
+			errors: b(Ve),
 			"has-errors": e.hasErrors,
-			"has-value": j.value,
+			"has-value": A.value,
 			"has-warnings": e.hasWarnings,
 			"hide-label": e.hideLabel,
 			hint: e.hint,
 			"input-align": e.inputAlign,
 			label: e.label,
 			"label-align": e.labelAlign,
-			"label-mode": Ye.value,
+			"label-mode": Xe.value,
 			"label-position": e.labelPosition,
 			layout: e.layout,
 			loading: e.loading,
 			name: e.name,
-			passthrough: x(M),
-			readonly: x(T),
+			passthrough: b(j),
+			readonly: b(Ge),
 			reverse: e.reverse,
-			"show-asterisk": x(Ve),
-			"show-hint": Je.value,
+			"show-asterisk": b(Be),
+			"show-hint": Ye.value,
 			warnings: e.warnings
-		}, x(M).forwardAttrs), Se({
-			label: S((t) => [b(e.$slots, "label", _(m(t)))]),
-			input: S(({ id: r, hasErrors: i, hasWarnings: a, ariaDescribedby: o }) => [p(_e, {
+		}, b(j).forwardAttrs), Ce({
+			label: S((t) => [v(e.$slots, "label", Ee(Te(t)))]),
+			input: S(({ id: r, hasErrors: i, hasWarnings: a, ariaDescribedby: o }) => [p(ve, {
 				ref_key: "wrapper",
-				ref: P,
-				active: O.value,
-				"append:icon": x(C)["append:icon"],
-				class: g(["bb-time-picker-input__field", { "bb-time-picker-input__field--range": e.range }]),
-				clearable: e.clearable && !x(t)(x(Ge)),
+				ref: N,
+				active: D.value,
+				"append:icon": b(w)["append:icon"],
+				class: h(["bb-time-picker-input__field", { "bb-time-picker-input__field--range": e.range }]),
+				clearable: e.clearable && !b(t)(b(We)),
 				compact: e.compact,
 				disabled: e.disabled,
 				"has-errors": i,
-				"has-value": j.value,
+				"has-value": A.value,
 				"has-warnings": a,
 				loading: e.loading,
-				passthrough: x(M),
-				"prepend:icon": x(C)["prepend:icon"],
-				readonly: x(T),
+				passthrough: b(j),
+				"prepend:icon": b(w)["prepend:icon"],
+				readonly: b(Ge),
 				variant: e.variant,
 				onClick: qt,
 				"onClick:clear": Pt,
 				onFocusin: Ft
-			}, Se({
-				"prepend:outer": S(() => [b(e.$slots, "prepend:outer")]),
-				prepend: S(() => [b(e.$slots, "prepend")]),
-				append: S(() => [f("button", h({
+			}, Ce({
+				"prepend:outer": S(() => [v(e.$slots, "prepend:outer")]),
+				prepend: S(() => [v(e.$slots, "prepend")]),
+				append: S(() => [f("button", m({
 					ref_key: "clockButton",
-					ref: $e,
-					"aria-controls": F.value ? tt(r) : void 0,
-					"aria-disabled": x(Ke) || void 0,
+					ref: et,
+					"aria-controls": P.value ? nt(r) : void 0,
+					"aria-disabled": b(Ke) || void 0,
 					"aria-expanded": X.value,
 					"aria-haspopup": "dialog",
 					"aria-label": en.value,
 					class: ["bb-segmented-field__activator", { "bb-segmented-field__activator--active": X.value }],
 					disabled: e.disabled || e.readonly,
 					type: "button",
-					onClick: Me(Gt, ["stop"])
-				}, x(M).activator), [p(se, {
+					onClick: Ne(Gt, ["stop"])
+				}, b(j).activator), [p(ce, {
 					class: "bb-segmented-field__trigger-icon",
-					icon: x(ye)
-				}, null, 8, ["icon"])], 16, Le), b(e.$slots, "append", {}, () => [e.$slots.suffix ? (v(), d("span", h({
+					icon: b(be)
+				}, null, 8, ["icon"])], 16, Re), v(e.$slots, "append", {}, () => [e.$slots.suffix ? (g(), d("span", m({
 					key: 0,
 					class: "bb-field-input__suffix"
-				}, x(M).suffix), [b(e.$slots, "suffix")], 16)) : u("", !0)])]),
-				"append:outer": S(() => [b(e.$slots, "append:outer")]),
+				}, b(j).suffix), [v(e.$slots, "suffix")], 16)) : Se("", !0)])]),
+				"append:outer": S(() => [v(e.$slots, "append:outer")]),
 				default: S(() => [
 					f("div", {
-						class: g(["bb-segmented-field__fields", {
+						class: h(["bb-segmented-field__fields", {
 							"bb-segmented-field__fields--empty": kt.value,
 							"bb-segmented-field__fields--range": e.range
 						}]),
-						style: we({ "--fields-min-ch": x(pt) })
-					}, [kt.value ? (v(), d("span", {
+						style: De({ "--fields-min-ch": b(pt) })
+					}, [kt.value ? (g(), d("span", {
 						key: 0,
 						"aria-hidden": "true",
 						class: "bb-segmented-field__placeholder",
-						onClick: n[0] ||= (...e) => x(gt) && x(gt)(...e)
-					}, Oe(Ot.value), 1)) : u("", !0), (v(!0), d(xe, null, De(R.value, (t, n) => (v(), d(xe, { key: x(ut)(t) }, [f("span", {
+						onClick: n[0] ||= (...e) => b(gt) && b(gt)(...e)
+					}, y(Ot.value), 1)) : Se("", !0), (g(!0), d(xe, null, Ae(R.value, (t, n) => (g(), d(xe, { key: b(ut)(t) }, [f("span", {
 						class: "bb-segmented-field__field-sizer",
-						"data-value": x(ft)(t)
-					}, [je(f("input", h({
+						"data-value": b(ft)(t)
+					}, [Me(f("input", m({
 						id: n === 0 ? r : Ct(t, r),
 						ref_for: !0,
-						ref: (e) => x(lt)[x(ut)(t)] = e,
-						"aria-describedby": rt(o, r),
+						ref: (e) => b(lt)[b(ut)(t)] = e,
+						"aria-describedby": it(o, r),
 						"aria-disabled": e.disabled || void 0,
 						"aria-invalid": i ? "true" : void 0,
 						"aria-label": Et(t),
@@ -694,44 +738,44 @@ var Pe = ["data-value"], Fe = [
 						maxlength: z.value[t.field].maxLength,
 						name: wt(t),
 						readonly: at.value,
-						required: x(Ue),
-						"aria-required": x(We),
+						required: b(He),
+						"aria-required": b(Ue),
 						tabindex: t.field === "hour" ? 0 : -1,
 						type: "text",
-						value: x(B)[t.segment][t.field],
-						onBlur: (e) => x(bt)(t),
+						value: b(B)[t.segment][t.field],
+						onBlur: (e) => b(bt)(t),
 						onFocus: (e) => Zt(t, e),
 						onInput: (e) => St(t, e),
 						onKeydown: (e) => Yt(t, e),
-						onPaste: (e) => x(xt)(t, e)
-					}, h(x(M).controlAttrs, x(M).input)), null, 16, Fe), [[x(me)]])], 8, Pe), n < R.value.length - 1 ? (v(), d("span", {
+						onPaste: (e) => b(xt)(t, e)
+					}, m(b(j).controlAttrs, b(j).input)), null, 16, Ie), [[b(he)]])], 8, Fe), n < R.value.length - 1 ? (g(), d("span", {
 						key: 0,
 						"aria-hidden": "true",
-						class: g(["bb-segmented-field__separator", { "bb-segmented-field__separator--range": R.value[n].segment !== R.value[n + 1].segment }]),
+						class: h(["bb-segmented-field__separator", { "bb-segmented-field__separator--range": R.value[n].segment !== R.value[n + 1].segment }]),
 						role: "presentation",
-						onClick: (e) => x(ht)(R.value[n + 1], { select: !0 })
-					}, Oe(ct(R.value[n], R.value[n + 1])), 11, Ie)) : u("", !0)], 64))), 128))], 6),
+						onClick: (e) => b(ht)(R.value[n + 1], { select: !0 })
+					}, y(ct(R.value[n], R.value[n + 1])), 11, Le)) : Se("", !0)], 64))), 128))], 6),
 					f("span", {
-						id: et(r),
+						id: tt(r),
 						class: "bb-time-picker-input__accessible-description",
 						hidden: ""
-					}, Oe(Dt.value), 9, Re),
-					p(x(Lt), null, {
-						default: S(() => [p(fe, {
+					}, y(Dt.value), 9, ze),
+					p(b(Lt), null, {
+						default: S(() => [p(pe, {
 							ampm: e.ampm,
-							disabled: e.disabled || x(T),
+							disabled: e.disabled || b(Ge),
 							hour: Qt.value,
 							max: e.max,
-							meridiem: x(B)[Q.value].meridiem,
+							meridiem: b(B)[Q.value].meridiem,
 							min: e.min,
-							minute: x(B)[Q.value].minute,
-							passthrough: x(M),
-							second: x(B)[Q.value].second,
+							minute: b(B)[Q.value].minute,
+							passthrough: b(j),
+							second: b(B)[Q.value].second,
 							seconds: e.seconds,
 							step: e.step,
 							onSelect: $t,
-							onVnodeBeforeUnmount: n[1] ||= (e) => F.value = null,
-							onVnodeMounted: Qe
+							onVnodeBeforeUnmount: n[1] ||= (e) => P.value = null,
+							onVnodeMounted: $e
 						}, null, 8, [
 							"ampm",
 							"disabled",
@@ -747,39 +791,39 @@ var Pe = ["data-value"], Fe = [
 						])]),
 						_: 1
 					}),
-					Z.value ? (v(), l(le, h({
+					Z.value ? (g(), u(ue, m({
 						key: 0,
 						modelValue: X.value,
 						"onUpdate:modelValue": n[2] ||= (e) => X.value = e,
 						class: "bb-time-picker-input__sheet",
-						pt: x(M).forward({
+						pt: b(j).forward({
 							panel: "root",
 							sheet: "root"
-						}, x(ce).states, () => e.offCanvasProps?.pt)
+						}, b(le).states, () => e.offCanvasProps?.pt)
 					}, Ht.value, {
 						onHidden: Ut,
-						onHide: n[3] ||= (e) => x(w)("hide"),
-						onShow: n[4] ||= (e) => x(w)("show"),
-						onShown: n[5] ||= (e) => x(w)("shown")
+						onHide: n[3] ||= (e) => b(T)("hide"),
+						onShow: n[4] ||= (e) => b(T)("show"),
+						onShown: n[5] ||= (e) => b(T)("shown")
 					}), {
-						default: S(() => [f("div", _(m(nt(r))), [p(x(Rt))], 16)]),
+						default: S(() => [f("div", Ee(Te(rt(r))), [p(b(Rt))], 16)]),
 						_: 2
-					}, 1040, ["modelValue", "pt"])) : (v(), l(re, {
+					}, 1040, ["modelValue", "pt"])) : (g(), u(ie, {
 						key: 1,
 						modelValue: X.value,
 						"onUpdate:modelValue": n[6] ||= (e) => X.value = e,
-						anchor: P.value,
-						"bubble-attrs": nt(r),
+						anchor: N.value,
+						"bubble-attrs": rt(r),
 						class: "bb-time-picker-input__popover",
 						dialog: "",
 						offset: 4,
 						"transition-duration": e.transitionDuration,
-						onHidden: n[7] ||= (e) => x(w)("hidden"),
-						onHide: n[8] ||= (e) => x(w)("hide"),
-						onShow: n[9] ||= (e) => x(w)("show"),
-						onShown: n[10] ||= (e) => x(w)("shown")
+						onHidden: n[7] ||= (e) => b(T)("hidden"),
+						onHide: n[8] ||= (e) => b(T)("hide"),
+						onShow: n[9] ||= (e) => b(T)("show"),
+						onShown: n[10] ||= (e) => b(T)("shown")
 					}, {
-						default: S(() => [p(x(Rt))]),
+						default: S(() => [p(b(Rt))]),
 						_: 2
 					}, 1032, [
 						"modelValue",
@@ -791,7 +835,7 @@ var Pe = ["data-value"], Fe = [
 				_: 2
 			}, [e.$slots.prefix ? {
 				name: "prefix",
-				fn: S(() => [b(e.$slots, "prefix")]),
+				fn: S(() => [v(e.$slots, "prefix")]),
 				key: "0"
 			} : void 0]), 1032, [
 				"active",
@@ -812,7 +856,7 @@ var Pe = ["data-value"], Fe = [
 			_: 2
 		}, [e.$slots.description ? {
 			name: "description",
-			fn: S((t) => [b(e.$slots, "description", _(m(t)))]),
+			fn: S((t) => [v(e.$slots, "description", Ee(Te(t)))]),
 			key: "0"
 		} : void 0]), 1040, [
 			"id",
@@ -844,4 +888,4 @@ var Pe = ["data-value"], Fe = [
 	}
 });
 //#endregion
-export { ze as default };
+export { C as default };