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

package/dist/components/BbDatePickerInput/BbDatePickerInput.vue_vue_type_script_setup_true_lang.js

@@ -1,31 +1,31 @@
 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 { SEGMENTED_CONTROL_NATIVE_ATTRS as r, formControlPtActive as i, usePassthrough as a } from "../../composables/usePassthrough.js";
-import { useConfig as o } from "../../composables/useConfig.js";
-import { hash as s } from "../../utilities/functions/hash.js";
-import { removedPropsFor as c } from "../../deprecation/removedProps.js";
-import { warnRemovedAttrs as l } from "../../utilities/functions/warnRemovedAttrs.js";
-import { useMobile as u } from "../../composables/useMobile.js";
-import { useLocale as d } from "../../composables/useLocale.js";
-import f from "../BbIcon/BbIcon.vue.js";
-import { formatOfType as ee, isCoarseType as te, unitOfType as ne } from "../../types/DatePickerType.js";
-import { toInnerValue as re, toOuterValue as ie } from "../../utilities/functions/convertDateValue.js";
-import { useMeridiem as ae } from "../CommonTimeSelector/useMeridiem.js";
-import { formatDateOf as oe, spokenDateOptionsOf as se, timeFieldsOf as ce, useDayjsLocale as le } from "../BbCalendar/useDayjsLocale.js";
-import { normalizeDateBound as ue } from "../../utilities/functions/normalizeDateBound.js";
-import { BB_DATE_PICKER_PT as de, DATE_PICKER_CALENDAR_PARTS as fe } from "../BbDatePicker/types.js";
-import pe from "../BbDatePicker/BbDatePicker.vue.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/calendar.svg_raw.js";
-import { BB_DATE_PICKER_INPUT_PT as be } from "./types.js";
+import { SEGMENTED_CONTROL_NATIVE_ATTRS as r, formControlPtActive as i, usePassthrough as a, variantPt as o } from "../../composables/usePassthrough.js";
+import { useConfig as s } from "../../composables/useConfig.js";
+import { hash as c } from "../../utilities/functions/hash.js";
+import { removedPropsFor as l } from "../../deprecation/removedProps.js";
+import { warnRemovedAttrs as u } from "../../utilities/functions/warnRemovedAttrs.js";
+import { useMobile as d } from "../../composables/useMobile.js";
+import { useLocale as f } from "../../composables/useLocale.js";
+import ee from "../BbIcon/BbIcon.vue.js";
+import { formatOfType as te, isCoarseType as ne, unitOfType as re } from "../../types/DatePickerType.js";
+import { toInnerValue as ie, toOuterValue as ae } from "../../utilities/functions/convertDateValue.js";
+import { useMeridiem as oe } from "../CommonTimeSelector/useMeridiem.js";
+import { formatDateOf as se, spokenDateOptionsOf as ce, timeFieldsOf as le, useDayjsLocale as ue } from "../BbCalendar/useDayjsLocale.js";
+import { normalizeDateBound as de } from "../../utilities/functions/normalizeDateBound.js";
+import { BB_DATE_PICKER_PT as fe, DATE_PICKER_CALENDAR_PARTS as pe } from "../BbDatePicker/types.js";
+import me from "../BbDatePicker/BbDatePicker.vue.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/calendar.svg_raw.js";
+import { BB_DATE_PICKER_INPUT_PT as p } from "./types.js";
 import { dateLayoutFromHint as xe, monthLayoutFromHint as Se } from "./dateFieldLayout.js";
-import { Fragment as Ce, computed as p, createBlock as we, createCommentVNode as Te, createElementBlock as m, createElementVNode as h, createSlots as Ee, createVNode as De, defineComponent as Oe, guardReactiveProps as g, mergeProps as _, normalizeClass as ke, normalizeProps as v, normalizeStyle as Ae, onBeforeUnmount as je, onDeactivated as Me, openBlock as y, ref as b, renderList as Ne, renderSlot as x, toDisplayString as S, unref as C, useAttrs as Pe, useSlots as Fe, watch as Ie, withCtx as w, withDirectives as Le } from "vue";
-import T from "dayjs";
+import { Fragment as Ce, computed as m, createBlock as we, createCommentVNode as Te, createElementBlock as h, createElementVNode as g, createSlots as Ee, createVNode as De, defineComponent as Oe, guardReactiveProps as _, mergeProps as v, normalizeClass as ke, normalizeProps as y, normalizeStyle as Ae, onBeforeUnmount as je, onDeactivated as Me, openBlock as b, ref as x, renderList as Ne, renderSlot as S, toDisplayString as C, unref as w, useAttrs as Pe, useSlots as Fe, watch as Ie, withCtx as T, withDirectives as Le } from "vue";
+import E from "dayjs";
 import Re from "dayjs/plugin/customParseFormat";
 import ze from "dayjs/plugin/isSameOrAfter";
 import Be from "dayjs/plugin/isSameOrBefore";
@@ -53,7 +53,8 @@ var Ve = ["data-value"], He = [
 	"onInput",
 	"onKeydown",
 	"onPaste"
-], Ue = ["onClick"], We = ["aria-disabled", "disabled"], Ge = ["id"], E = "YYYY-MM-DD", Ke = "YYYY-MM-DDTHH:mm", qe = /*@__PURE__*/ Oe({
+], Ue = ["onClick"], We = ["aria-disabled", "disabled"], Ge = ["id"], D = "YYYY-MM-DD", Ke = "YYYY-MM-DDTHH:mm", qe = /*@__PURE__*/ Oe({
+	mixins: [o(p)],
 	inheritAttrs: !1,
 	__name: "BbDatePickerInput",
 	props: {
@@ -457,6 +458,45 @@ var Ve = ["data-value"], He = [
 		"pt:item:rangeEnd": {},
 		"pt:item:active": {},
 		"pt:item:highlighted": {},
+		"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,
@@ -531,45 +571,49 @@ var Ve = ["data-value"], He = [
 		"update:modelValue",
 		"update:time"
 	],
-	setup(Oe, { emit: qe }) {
-		let Je = Oe, Ye = qe, Xe = Fe(), { props: D, emit: O, showAsterisk: Ze, errors: Qe, required: $e, ariaRequired: et, model: tt, readonly: nt, locked: rt } = ge(Je, Ye, {
+	setup(o, { emit: Oe }) {
+		let qe = o, Je = Oe, Ye = Fe(), { props: O, emit: k, showAsterisk: Xe, errors: Ze, required: Qe, ariaRequired: $e, model: et, readonly: tt, locked: nt } = _e(qe, Je, {
 			componentName: "BbDatePickerInput",
-			identifierFallback: () => Je.label,
+			identifierFallback: () => qe.label,
 			leaveOn: "inactive"
-		}), it = /^\d{4}-\d{2}-\d{2}(:append)?$/, at = () => Object.keys(Xe).filter((e) => it.test(e)), ot = o();
-		process.env.NODE_ENV !== "production" && l("BbDatePickerInput", c("BbDatePickerInput"), { fixedSlots: ["append:outer"] });
-		let k = b(!1), st = b(!1), ct = () => {
-			st.value = !1;
-		}, A = b(!1), lt = () => {
-			A.value = !0, O("show");
-		}, ut = () => {
-			A.value = !1, O("hide");
+		}), rt = /^\d{4}-\d{2}-\d{2}(:append)?$/, it = () => Object.keys(Ye).filter((e) => rt.test(e)), at = s();
+		process.env.NODE_ENV !== "production" && u("BbDatePickerInput", l("BbDatePickerInput"), { fixedSlots: ["append:outer"] });
+		let A = x(!1), ot = x(!1), st = () => {
+			ot.value = !1;
+		}, j = x(!1), ct = () => {
+			j.value = !0, k("show");
+		}, lt = () => {
+			j.value = !1, k("hide");
 		};
 		Me(() => {
-			k.value ? Lt() : ct();
-		}), je(ct);
-		let dt = p(() => D.persistentHint || st.value), j = p(() => n(D.modelValue)), ft = p(() => D.labelMode ?? ot.defaultInputLabelMode), pt = [
+			A.value ? Lt() : st();
+		}), je(st);
+		let ut = m(() => O.persistentHint || ot.value), M = m(() => n(O.modelValue)), dt = m(() => O.labelMode ?? at.defaultInputLabelMode), ft = [
 			"panel",
 			"sheet",
-			...fe
-		], M = a({
+			...pe
+		], N = a({
 			component: "BbDatePickerInput",
 			attrs: Pe(),
 			controlAttrs: r,
-			props: D,
-			parts: be.parts,
-			states: be.states,
+			props: O,
+			parts: p.parts,
+			states: p.states,
 			active: {
-				...i(D, () => j.value),
-				open: () => A.value
+				...i(O, () => M.value),
+				open: () => j.value
+			},
+			variant: {
+				...p.variant,
+				current: () => O.variant ?? "outline"
 			}
-		}), N = p(() => D.type === "datetime"), P = p(() => te(D.type)), mt = p(() => D.floating || P.value), F = p(() => ne(D.type)), ht = p(() => ee(D.type));
-		T.extend(Re), T.extend(ze), T.extend(Be), le();
-		let { t: I } = d(), L = e(), R = b(null), gt = (e) => `bdpi-description_${e}`, _t = (e, t) => {
-			let n = [e, gt(t)].filter((e) => !!e?.trim()).flatMap((e) => e.split(/\s+/)).filter(Boolean);
+		}), P = m(() => O.type === "datetime"), F = m(() => ne(O.type)), pt = m(() => O.floating || F.value), I = m(() => re(O.type)), mt = m(() => te(O.type));
+		E.extend(Re), E.extend(ze), E.extend(Be), ue();
+		let { t: L } = f(), R = e(), z = x(null), ht = (e) => `bdpi-description_${e}`, gt = (e, t) => {
+			let n = [e, ht(t)].filter((e) => !!e?.trim()).flatMap((e) => e.split(/\s+/)).filter(Boolean);
 			return Array.from(new Set(n)).join(" ");
-		}, { isMobile: z } = u(), vt = p(() => D.disableWriting === "mobile" ? !z.value : D.disableWriting === "desktop" ? z.value : !D.disableWriting), yt = p(() => !vt.value && !wt.value && !D.disabled && !D.readonly), bt = () => {
-			!yt.value || A.value || (R.value?.$el)?.querySelector(".bb-segmented-field__activator")?.click();
+		}, { isMobile: _t } = d(), vt = m(() => O.disableWriting === "mobile" ? !_t.value : O.disableWriting === "desktop" ? _t.value : !O.disableWriting), yt = m(() => !vt.value && !wt.value && !O.disabled && !O.readonly), bt = () => {
+			!yt.value || j.value || (z.value?.$el)?.querySelector(".bb-segmented-field__activator")?.click();
 		}, xt = (e) => {
 			let t = e.target;
 			t?.closest(".bb-field-input__box") && (t.closest(".bb-segmented-field__activator, .bb-clearable-button, .bb-date-picker__panel, [role=\"dialog\"]") || bt());
@@ -578,47 +622,47 @@ var Ve = ["data-value"], He = [
 				t.preventDefault(), bt();
 				return;
 			}
-			if (D.readonly && St(t)) {
+			if (O.readonly && St(t)) {
 				t.preventDefault();
 				return;
 			}
 			gn(e, t);
-		}, wt = p(() => D.disableCalendar === "mobile" ? z.value : D.disableCalendar === "desktop" ? !z.value : !!D.disableCalendar), Tt = p(() => !!D.readonly || !vt.value), Et = (e) => vt.value ? on.value[e].kind === "enum" ? "none" : "numeric" : "none", Dt = (e) => e.includes("T"), B = (e) => {
-			if (P.value) {
-				let t = T(e, ht.value, !0);
-				return t.isValid() ? t : T(e);
+		}, wt = m(() => O.disableCalendar === "mobile" ? _t.value : O.disableCalendar === "desktop" ? !_t.value : !!O.disableCalendar), Tt = m(() => !!O.readonly || !vt.value), Et = (e) => vt.value ? on.value[e].kind === "enum" ? "none" : "numeric" : "none", Dt = (e) => e.includes("T"), B = (e) => {
+			if (F.value) {
+				let t = E(e, mt.value, !0);
+				return t.isValid() ? t : E(e);
 			}
-			return Dt(e) ? T(e, Ke, !0) : T(e, E, !0);
-		}, Ot = p(() => ue(D.min, D.type, "min", (e) => L.warn(`BbDatePickerInput: ${e}`))), kt = p(() => ue(D.max, D.type, "max", (e) => L.warn(`BbDatePickerInput: ${e}`)));
-		for (let [e, t] of [["min", D.min], ["max", D.max]]) if (t && (B(t).isValid() || L.throw(P.value ? `BbDatePickerInput: ${e} must be a ${ht.value} value (a longer date is accepted and rounded to the ${F.value}) with type="${D.type}"` : `BbDatePickerInput: ${e} must be in the format YYYY-MM-DD or YYYY-MM-DDTHH:mm`), P.value)) {
+			return Dt(e) ? E(e, Ke, !0) : E(e, D, !0);
+		}, Ot = m(() => de(O.min, O.type, "min", (e) => R.warn(`BbDatePickerInput: ${e}`))), kt = m(() => de(O.max, O.type, "max", (e) => R.warn(`BbDatePickerInput: ${e}`)));
+		for (let [e, t] of [["min", O.min], ["max", O.max]]) if (t && (B(t).isValid() || R.throw(F.value ? `BbDatePickerInput: ${e} must be a ${mt.value} value (a longer date is accepted and rounded to the ${I.value}) with type="${O.type}"` : `BbDatePickerInput: ${e} must be in the format YYYY-MM-DD or YYYY-MM-DDTHH:mm`), F.value)) {
 			e === "min" ? Ot.value : kt.value;
 			continue;
 		}
-		let At = D.disableWriting !== !0 && D.disableWriting !== "desktop", jt = D.disableCalendar !== !0 && D.disableCalendar !== "desktop", Mt = D.disableWriting !== !0 && D.disableWriting !== "mobile", Nt = D.disableCalendar !== !0 && D.disableCalendar !== "mobile";
-		!At && !jt && L.throw("BbDatePickerInput: desktop users would have no interaction method — disableWriting:true (or \"desktop\") and disableCalendar:true (or \"desktop\") cannot be combined."), !Mt && !Nt && L.throw("BbDatePickerInput: mobile users would have no interaction method — combine disableWriting:\"mobile\" with disableCalendar:\"desktop\" to keep calendar interaction on mobile while staying keyboard-first on desktop.");
-		let Pt = p(() => ({
-			floating: mt.value,
-			utc: D.utc,
-			type: D.type
-		})), V = (e) => ie(e, Pt.value), Ft = (e) => re(e, Pt.value), It = () => {
-			k.value || (st.value = !0, O("active"), k.value = !0, document.addEventListener("focusin", H), document.addEventListener("click", H));
+		let At = O.disableWriting !== !0 && O.disableWriting !== "desktop", jt = O.disableCalendar !== !0 && O.disableCalendar !== "desktop", Mt = O.disableWriting !== !0 && O.disableWriting !== "mobile", Nt = O.disableCalendar !== !0 && O.disableCalendar !== "mobile";
+		!At && !jt && R.throw("BbDatePickerInput: desktop users would have no interaction method — disableWriting:true (or \"desktop\") and disableCalendar:true (or \"desktop\") cannot be combined."), !Mt && !Nt && R.throw("BbDatePickerInput: mobile users would have no interaction method — combine disableWriting:\"mobile\" with disableCalendar:\"desktop\" to keep calendar interaction on mobile while staying keyboard-first on desktop.");
+		let Pt = m(() => ({
+			floating: pt.value,
+			utc: O.utc,
+			type: O.type
+		})), V = (e) => ae(e, Pt.value), Ft = (e) => ie(e, Pt.value), It = () => {
+			A.value || (ot.value = !0, k("active"), A.value = !0, document.addEventListener("focusin", H), document.addEventListener("click", H));
 		}, H = (e) => {
 			let t = e.target;
-			t instanceof HTMLElement && R.value?.$el && (R.value.$el.contains(t) || Lt());
+			t instanceof HTMLElement && z.value?.$el && (z.value.$el.contains(t) || Lt());
 		}, Lt = () => {
-			$({ finalize: !0 }), Vn() && (zn(), J()), k.value = !1, ct(), O("inactive"), document.removeEventListener("focusin", H), document.removeEventListener("click", H);
+			$({ finalize: !0 }), Vn() && (zn(), J()), A.value = !1, st(), k("inactive"), document.removeEventListener("focusin", H), document.removeEventListener("click", H);
 		}, Rt = (e, t) => {
 			let n = Ft(t);
 			if (!n.isValid()) return;
 			let r = K.value[e];
 			r.day = n.format("DD"), r.month = n.format("MM"), r.year = n.format("YYYY");
 		}, zt = { "onUpdate:modelValue": (e) => {
-			if (e === null && D.range && (e = []), !N.value) {
-				O("update:modelValue", e);
+			if (e === null && O.range && (e = []), !P.value) {
+				k("update:modelValue", e);
 				return;
 			}
 			if (e === null || Array.isArray(e) && !e.length) {
-				K.value.start = q(), K.value.end = q(), J(), Q(D.range ? [] : null);
+				K.value.start = q(), K.value.end = q(), J(), Q(O.range ? [] : null);
 				return;
 			}
 			if (Array.isArray(e)) {
@@ -630,55 +674,55 @@ var Ve = ["data-value"], He = [
 		} }, Bt = (e) => {
 			let t = K.value[e];
 			return !!(t.day && t.month && t.year && t.year.length === 4);
-		}, Vt = b("start"), Ht = (e, t) => {
-			Vt.value = e.segment, _n(e), O("focus", t);
-		}, Ut = p(() => D.range ? Bt(Vt.value) ? Vt.value : Bt("end") ? "end" : "start" : "start"), Wt = ({ unit: e, value: t }) => {
+		}, Vt = x("start"), Ht = (e, t) => {
+			Vt.value = e.segment, _n(e), k("focus", t);
+		}, Ut = m(() => O.range ? Bt(Vt.value) ? Vt.value : Bt("end") ? "end" : "start" : "start"), Wt = ({ unit: e, value: t }) => {
 			let n = K.value[Ut.value];
-			e === "hour" ? Tn(n, parseInt(t, 10)) : e === "meridiem" ? n.meridiem = U.label(t === "PM" ? "PM" : "AM") : n[e] = t, n.hour || (D.ampm ? n.hour = "12" : n.hour = "00"), D.ampm && !n.meridiem && (n.meridiem = U.am.value), n.minute ||= "00", D.seconds && !n.second && (n.second = "00"), J(), $({ finalize: !1 });
-		}, Gt = p(() => se(D.type)), Kt = (e) => {
-			let t = oe(e, ot.locale, Gt.value);
-			return N.value ? `${t} ${oe(e, ot.locale, ce(!!D.ampm, !!D.seconds))}` : t;
+			e === "hour" ? Tn(n, parseInt(t, 10)) : e === "meridiem" ? n.meridiem = U.label(t === "PM" ? "PM" : "AM") : n[e] = t, n.hour || (O.ampm ? n.hour = "12" : n.hour = "00"), O.ampm && !n.meridiem && (n.meridiem = U.am.value), n.minute ||= "00", O.seconds && !n.second && (n.second = "00"), J(), $({ finalize: !1 });
+		}, Gt = m(() => ce(O.type)), Kt = (e) => {
+			let t = se(e, at.locale, Gt.value);
+			return P.value ? `${t} ${se(e, at.locale, le(!!O.ampm, !!O.seconds))}` : t;
 		}, qt = (e) => {
 			if (Y(e) !== "complete") return null;
-			let t = K.value[e], n = W.value, r = n.has("day") ? t.day.padStart(2, "0") : "01", i = n.has("month") ? t.month.padStart(2, "0") : "01", a = `${t.year.padStart(4, "0")}-${i}-${r}`, o = E;
-			N.value && (a += `T${Gn(e)}`, o += D.seconds ? "THH:mm:ss" : "THH:mm");
-			let s = T(a, o, !0);
+			let t = K.value[e], n = W.value, r = n.has("day") ? t.day.padStart(2, "0") : "01", i = n.has("month") ? t.month.padStart(2, "0") : "01", a = `${t.year.padStart(4, "0")}-${i}-${r}`, o = D;
+			P.value && (a += `T${Gn(e)}`, o += O.seconds ? "THH:mm:ss" : "THH:mm");
+			let s = E(a, o, !0);
 			return s.isValid() ? s : null;
-		}, Jt = p(() => {
-			if (D.range) {
+		}, Jt = m(() => {
+			if (O.range) {
 				let e = qt("start"), t = qt("end");
-				return !e || !t ? I("datePickerInput.emptyRange").value : I("datePickerInput.changeSelectionRange", Kt(e), Kt(t)).value;
+				return !e || !t ? L("datePickerInput.emptyRange").value : L("datePickerInput.changeSelectionRange", Kt(e), Kt(t)).value;
 			}
 			let e = qt("start");
-			return e ? I("datePickerInput.changeSelection", Kt(e)).value : I("datePickerInput.emptySelection").value;
+			return e ? L("datePickerInput.changeSelection", Kt(e)).value : L("datePickerInput.emptySelection").value;
 		}), Yt = (e) => {
 			if (!e.isValid()) return !0;
-			let t = !0, n = (e) => P.value ? F.value : N.value && Dt(e) ? "minute" : "day", r = Ot.value, i = kt.value;
-			return r && (t &&= e.isSameOrAfter(B(r), n(r))), i && (t &&= e.isSameOrBefore(B(i), n(i))), typeof D.selectable == "function" && (t &&= D.selectable(V(e))), !t;
+			let t = !0, n = (e) => F.value ? I.value : P.value && Dt(e) ? "minute" : "day", r = Ot.value, i = kt.value;
+			return r && (t &&= e.isSameOrAfter(B(r), n(r))), i && (t &&= e.isSameOrBefore(B(i), n(i))), typeof O.selectable == "function" && (t &&= O.selectable(V(e))), !t;
 		}, Xt = () => {
-			D.range ? (O("update:modelValue", []), N.value && (Z.value = [], O("update:time", []))) : (O("update:modelValue", null), N.value && (Z.value = null, O("update:time", null)));
+			O.range ? (k("update:modelValue", []), P.value && (Z.value = [], k("update:time", []))) : (k("update:modelValue", null), P.value && (Z.value = null, k("update:time", null)));
 		}, Zt = /* @__PURE__ */ new Set([
 			"hour",
 			"minute",
 			"second",
 			"meridiem"
-		]), U = ae(), Qt = (e, t) => U.isPm(t) ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e, $t = (e) => {
+		]), U = oe(), Qt = (e, t) => U.isPm(t) ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e, $t = (e) => {
 			let t = e >= 12 ? "PM" : "AM", n = e % 12;
 			return n === 0 && (n = 12), {
 				hour: String(n).padStart(2, "0"),
 				meridiem: t
 			};
-		}, en = p(() => {
-			if (D.type === "year") return {
+		}, en = m(() => {
+			if (O.type === "year") return {
 				order: ["year"],
 				separator: "/"
 			};
-			let e = I("datePickerInput.monthFormatSingle").value;
-			if (D.type === "month") return Se(e) ?? {
+			let e = L("datePickerInput.monthFormatSingle").value;
+			if (O.type === "month") return Se(e) ?? {
 				order: ["month", "year"],
 				separator: "/"
 			};
-			let t = I("datePickerInput.dateFormatSingle").value;
+			let t = L("datePickerInput.dateFormatSingle").value;
 			return xe(t, e) ?? {
 				order: [
 					"day",
@@ -687,27 +731,27 @@ var Ve = ["data-value"], He = [
 				],
 				separator: "/"
 			};
-		}), tn = p(() => en.value.order), W = p(() => new Set(tn.value)), nn = p(() => {
-			if (!N.value) return [];
+		}), tn = m(() => en.value.order), W = m(() => new Set(tn.value)), nn = m(() => {
+			if (!P.value) return [];
 			let e = ["hour", "minute"];
-			return D.seconds && e.push("second"), D.ampm && e.push("meridiem"), e;
-		}), G = p(() => {
+			return O.seconds && e.push("second"), O.ampm && e.push("meridiem"), e;
+		}), G = m(() => {
 			let e = [...tn.value, ...nn.value], t = e.map((e) => ({
 				segment: "start",
 				field: e
 			}));
-			if (!D.range) return t;
+			if (!O.range) return t;
 			let n = e.map((e) => ({
 				segment: "end",
 				field: e
 			}));
 			return [...t, ...n];
-		}), rn = p(() => {
+		}), rn = m(() => {
 			let e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Set();
 			return G.value.forEach((n, r) => {
 				e.has(n.segment) || (e.add(n.segment), t.add(r));
 			}), t;
-		}), an = (e) => rn.value.has(e), on = p(() => ({
+		}), an = (e) => rn.value.has(e), on = m(() => ({
 			day: {
 				kind: "numeric",
 				maxLength: 2,
@@ -732,7 +776,7 @@ var Ve = ["data-value"], He = [
 				requireFullLength: !0,
 				label: "Year"
 			},
-			hour: D.ampm ? {
+			hour: O.ampm ? {
 				kind: "numeric",
 				maxLength: 2,
 				max: 12,
@@ -770,7 +814,7 @@ var Ve = ["data-value"], He = [
 			if (t.field === "meridiem") return "\xA0";
 			let n = Zt.has(e.field), r = Zt.has(t.field);
 			return n && r ? ":" : !n && r ? "\xA0" : en.value.separator;
-		}, { fields: K, fieldRefs: cn, descriptorKey: ln, emptyFieldGroup: q, getSizedValue: un, minChars: dn, updateAllSizedValues: J, isOwnField: fn, focusField: pn, focusFirstField: mn, segmentStatus: Y, onFieldInput: hn, onFieldKeydown: gn, onFieldFocus: _n, onFieldBlur: vn, onFieldPaste: yn } = ve({
+		}, { fields: K, fieldRefs: cn, descriptorKey: ln, emptyFieldGroup: q, getSizedValue: un, minChars: dn, updateAllSizedValues: J, isOwnField: fn, focusField: pn, focusFirstField: mn, segmentStatus: Y, onFieldInput: hn, onFieldKeydown: gn, onFieldFocus: _n, onFieldBlur: vn, onFieldPaste: yn } = ye({
 			fieldOrder: G,
 			specs: on,
 			segments: ["start", "end"],
@@ -806,8 +850,8 @@ var Ve = ["data-value"], He = [
 			for (let n of Object.values(K.value)) n.meridiem === e && (n.meridiem = t);
 			J();
 		});
-		let xn = (e, t) => D.range ? `${t}-${e.segment}-${e.field}` : `${t}-${e.field}`, Sn = (e) => {
-			if (D.name) return D.range ? `${D.name}-${e.segment}-${e.field}` : `${D.name}-${e.field}`;
+		let xn = (e, t) => O.range ? `${t}-${e.segment}-${e.field}` : `${t}-${e.field}`, Sn = (e) => {
+			if (O.name) return O.range ? `${O.name}-${e.segment}-${e.field}` : `${O.name}-${e.field}`;
 		}, Cn = {
 			day: "datePickerInput.dayField",
 			month: "datePickerInput.monthField",
@@ -817,10 +861,10 @@ var Ve = ["data-value"], He = [
 			second: "datePickerInput.secondField",
 			meridiem: "datePickerInput.meridiemField"
 		}, wn = (e) => {
-			let t = I(Cn[e.field]).value;
-			return D.range ? I(e.segment === "start" ? "datePickerInput.startFieldLabel" : "datePickerInput.endFieldLabel", t).value : t;
+			let t = L(Cn[e.field]).value;
+			return O.range ? L(e.segment === "start" ? "datePickerInput.startFieldLabel" : "datePickerInput.endFieldLabel", t).value : t;
 		}, Tn = (e, t) => {
-			if (!D.ampm) {
+			if (!O.ampm) {
 				e.hour = String(t).padStart(2, "0");
 				return;
 			}
@@ -829,8 +873,8 @@ var Ve = ["data-value"], He = [
 		}, En = (e) => {
 			if (!e.hour) return 0;
 			let t = parseInt(e.hour, 10);
-			return D.ampm ? Qt(t, e.meridiem || "AM") : t;
-		}, Dn = p(() => D.seconds ? "HH:mm:ss" : "HH:mm"), On = (e) => e.format(Dn.value), kn = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, An = (e) => {
+			return O.ampm ? Qt(t, e.meridiem || "AM") : t;
+		}, Dn = m(() => O.seconds ? "HH:mm:ss" : "HH:mm"), On = (e) => e.format(Dn.value), kn = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, An = (e) => {
 			if (!e) return null;
 			let t = kn.exec(e);
 			if (!t) return null;
@@ -841,28 +885,28 @@ var Ve = ["data-value"], He = [
 				second: (i ?? "").padStart(i ? 2 : 0, "0")
 			};
 		}, jn = (e, t) => {
-			if (!N.value) return;
+			if (!P.value) return;
 			let n = An(t);
 			if (!n) {
 				e.hour = "", e.minute = "", e.second = "", e.meridiem = "";
 				return;
 			}
-			Tn(e, parseInt(n.hour, 10)), e.minute = n.minute, e.second = D.seconds ? n.second : "";
-		}, Mn = p(() => D.seconds ? "datePickerInput.timeFormatSeconds" : "datePickerInput.timeFormat"), Nn = p(() => {
-			if (D.type === "month" || D.type === "year") {
-				let e = D.type === "month" ? "month" : "year";
-				return I(D.range ? `datePickerInput.${e}FormatRange` : `datePickerInput.${e}FormatSingle`).value;
+			Tn(e, parseInt(n.hour, 10)), e.minute = n.minute, e.second = O.seconds ? n.second : "";
+		}, Mn = m(() => O.seconds ? "datePickerInput.timeFormatSeconds" : "datePickerInput.timeFormat"), Nn = m(() => {
+			if (O.type === "month" || O.type === "year") {
+				let e = O.type === "month" ? "month" : "year";
+				return L(O.range ? `datePickerInput.${e}FormatRange` : `datePickerInput.${e}FormatSingle`).value;
 			}
-			if (!N.value) return I(D.range ? "datePickerInput.dateFormatRange" : "datePickerInput.dateFormatSingle").value;
-			let e = `${I("datePickerInput.dateFormatSingle").value} ${I(Mn.value).value}`;
-			return D.range ? `${e} – ${e}` : e;
-		}), Pn = p(() => D.placeholder || Nn.value), Fn = p(() => G.value.every((e) => !K.value[e.segment][e.field])), In = (e) => {
+			if (!P.value) return L(O.range ? "datePickerInput.dateFormatRange" : "datePickerInput.dateFormatSingle").value;
+			let e = `${L("datePickerInput.dateFormatSingle").value} ${L(Mn.value).value}`;
+			return O.range ? `${e} – ${e}` : e;
+		}), Pn = m(() => O.placeholder || Nn.value), Fn = m(() => G.value.every((e) => !K.value[e.segment][e.field])), In = (e) => {
 			if (!e) return q();
 			let t = Ft(e);
 			if (!t.isValid()) return q();
 			let n = q();
-			return W.value.has("day") && (n.day = t.format("DD")), W.value.has("month") && (n.month = t.format("MM")), n.year = t.format("YYYY"), N.value && !D.floating && (Tn(n, t.hour()), n.minute = t.format("mm"), n.second = D.seconds ? t.format("ss") : ""), n;
-		}, Ln = (e) => Array.isArray(D.time) ? D.time[e === "start" ? 0 : 1] : e === "start" ? D.time : void 0, Rn = (e) => {
+			return W.value.has("day") && (n.day = t.format("DD")), W.value.has("month") && (n.month = t.format("MM")), n.year = t.format("YYYY"), P.value && !O.floating && (Tn(n, t.hour()), n.minute = t.format("mm"), n.second = O.seconds ? t.format("ss") : ""), n;
+		}, Ln = (e) => Array.isArray(O.time) ? O.time[e === "start" ? 0 : 1] : e === "start" ? O.time : void 0, Rn = (e) => {
 			if (!e) {
 				K.value = {
 					start: q(),
@@ -870,7 +914,7 @@ var Ve = ["data-value"], He = [
 				};
 				return;
 			}
-			if (D.range) {
+			if (O.range) {
 				let [t, n] = Array.isArray(e) ? e : [];
 				K.value = {
 					start: In(t),
@@ -883,85 +927,85 @@ var Ve = ["data-value"], He = [
 				start: In(e),
 				end: q()
 			};
-			if (N.value && D.floating) for (let e of ["start", "end"]) {
+			if (P.value && O.floating) for (let e of ["start", "end"]) {
 				let t = K.value[e];
 				t.day && jn(t, Ln(e));
 			}
 		}, zn = () => {
-			Rn(D.modelValue);
+			Rn(O.modelValue);
 		};
-		Rn(D.modelValue), J();
+		Rn(O.modelValue), J();
 		let Bn = (e) => {
-			if (!N.value || D.floating) return;
+			if (!P.value || O.floating) return;
 			let t;
-			t = e ? Array.isArray(e) ? e.map((e) => On(Ft(e))) : On(Ft(e)) : null, Z.value = t, O("update:time", t);
+			t = e ? Array.isArray(e) ? e.map((e) => On(Ft(e))) : On(Ft(e)) : null, Z.value = t, k("update:time", t);
 		};
-		Ie(() => D.modelValue, (e) => {
+		Ie(() => O.modelValue, (e) => {
 			if (e === null || Array.isArray(e) && e.length === 0) {
 				Rn(e), J(), Bn(e);
 				return;
 			}
 			let t = document.activeElement;
 			t && fn(t) || (Rn(e), J(), Bn(e));
-		}), Ie(() => D.time, (e) => {
-			if (!N.value || s(e ?? null) === s(Z.value ?? null)) return;
+		}), Ie(() => O.time, (e) => {
+			if (!P.value || c(e ?? null) === c(Z.value ?? null)) return;
 			let t = document.activeElement;
 			if (!(t && fn(t))) {
 				for (let e of ["start", "end"]) {
-					if (e === "end" && !D.range) break;
+					if (e === "end" && !O.range) break;
 					let t = Ln(e), n = K.value[e];
 					t !== void 0 && jn(n, t);
 				}
 				J(), $({ finalize: !1 });
 			}
 		});
-		let Vn = () => Y("start") === "partial" ? !0 : D.range ? Y("end") === "partial" : !1, Hn = (e) => {
+		let Vn = () => Y("start") === "partial" ? !0 : O.range ? Y("end") === "partial" : !1, Hn = (e) => {
 			let t = K.value[e], n = W.value;
 			if (n.has("day") && !t.day || n.has("month") && !t.month || !t.year) return null;
 			let r = n.has("day") ? parseInt(t.day, 10) : 1, i = n.has("month") ? parseInt(t.month, 10) : 1, a = parseInt(t.year, 10);
 			if (r < 1 || r > 31 || i < 1 || i > 12 || a < 1e3 || a > 9999) return null;
 			let o = t.year.padStart(4, "0"), s = String(i).padStart(2, "0"), c = String(r).padStart(2, "0"), l = "", u = "";
-			if (N.value) {
-				if (D.ampm && t.hour) {
+			if (P.value) {
+				if (O.ampm && t.hour) {
 					let e = parseInt(t.hour, 10);
 					if (e < 1 || e > 12) return null;
 				}
-				let e = String(En(t)).padStart(2, "0"), n = (t.minute || "0").padStart(2, "0"), r = ((D.seconds ? t.second : "") || "0").padStart(2, "0");
+				let e = String(En(t)).padStart(2, "0"), n = (t.minute || "0").padStart(2, "0"), r = ((O.seconds ? t.second : "") || "0").padStart(2, "0");
 				if (parseInt(e, 10) > 23 || parseInt(n, 10) > 59 || parseInt(r, 10) > 59) return null;
 				l = `T${e}:${n}:${r}`, u = "THH:mm:ss";
 			}
-			let d = T(`${o}-${s}-${c}${l}`, E + u, !0);
+			let d = E(`${o}-${s}-${c}${l}`, D + u, !0);
 			if (!d.isValid()) {
-				let t = T(`${o}-${s}-01`, E, !0).endOf("month").date(), n = Math.min(r, t);
-				d = T(`${o}-${s}-${String(n).padStart(2, "0")}${l}`, E + u, !0), K.value[e].day = String(n).padStart(2, "0");
+				let t = E(`${o}-${s}-01`, D, !0).endOf("month").date(), n = Math.min(r, t);
+				d = E(`${o}-${s}-${String(n).padStart(2, "0")}${l}`, D + u, !0), K.value[e].day = String(n).padStart(2, "0");
 			}
 			return d.isValid() ? d : null;
 		}, Un = (e) => {
 			let t = q();
-			return W.value.has("day") && (t.day = e.format("DD")), W.value.has("month") && (t.month = e.format("MM")), t.year = e.format("YYYY"), N.value && (Tn(t, e.hour()), t.minute = e.format("mm"), t.second = D.seconds ? e.format("ss") : ""), t;
+			return W.value.has("day") && (t.day = e.format("DD")), W.value.has("month") && (t.month = e.format("MM")), t.year = e.format("YYYY"), P.value && (Tn(t, e.hour()), t.minute = e.format("mm"), t.second = O.seconds ? e.format("ss") : ""), t;
 		}, Wn = (e) => {
-			let t = (t, n) => N.value && !n ? t.hour(e.hour()).minute(e.minute()).second(e.second()) : t, n = P.value ? F.value : N.value ? "minute" : "day", r = e, i = Ot.value, a = kt.value;
+			let t = (t, n) => P.value && !n ? t.hour(e.hour()).minute(e.minute()).second(e.second()) : t, n = F.value ? I.value : P.value ? "minute" : "day", r = e, i = Ot.value, a = kt.value;
 			if (i) {
 				let e = Dt(i), n = B(i);
-				r.isBefore(n, P.value ? F.value : N.value && e ? "minute" : "day") && (r = P.value ? n : t(n, e));
+				r.isBefore(n, F.value ? I.value : P.value && e ? "minute" : "day") && (r = F.value ? n : t(n, e));
 			}
 			if (a) {
 				let e = Dt(a), n = B(a);
-				r.isAfter(n, P.value ? F.value : N.value && e ? "minute" : "day") && (r = P.value ? n.startOf(F.value) : t(n, e));
+				r.isAfter(n, F.value ? I.value : P.value && e ? "minute" : "day") && (r = F.value ? n.startOf(I.value) : t(n, e));
 			}
 			return r.isSame(e, n) || Yt(r) ? null : r;
 		}, X = (e) => {
-			O("error", e);
+			k("error", e);
 		}, Gn = (e) => {
 			let t = K.value[e], n = String(En(t)).padStart(2, "0"), r = (t.minute || "0").padStart(2, "0");
-			return D.seconds ? `${n}:${r}:${(t.second || "0").padStart(2, "0")}` : `${n}:${r}`;
-		}, Z = b(void 0), Q = (e) => {
-			if (O("update:modelValue", e), !N.value) return;
+			return O.seconds ? `${n}:${r}:${(t.second || "0").padStart(2, "0")}` : `${n}:${r}`;
+		}, Z = x(void 0), Q = (e) => {
+			if (k("update:modelValue", e), !P.value) return;
 			let t;
-			t = e === null ? null : Array.isArray(e) ? e.map((e, t) => Gn(t === 0 ? "start" : "end")) : Gn("start"), Z.value = t, O("update:time", t);
+			t = e === null ? null : Array.isArray(e) ? e.map((e, t) => Gn(t === 0 ? "start" : "end")) : Gn("start"), Z.value = t, k("update:time", t);
 		}, $ = (e = {}) => {
 			let t = !!e.finalize, n = Y("start");
-			if (!D.range) {
+			if (!O.range) {
 				if (n === "empty") {
 					Q(null);
 					return;
@@ -1042,7 +1086,7 @@ var Ve = ["data-value"], He = [
 				}
 				u = e, d = !0, K.value.end = Un(e);
 			}
-			if (u.isBefore(c, N.value ? "second" : "day")) {
+			if (u.isBefore(c, P.value ? "second" : "day")) {
 				if (!t) return;
 				let e = [V(c), V(u)], n = [V(u), V(c)], r = { ...K.value.start };
 				K.value.start = { ...K.value.end }, K.value.end = r, J(), Q(n), l && X({
@@ -1073,75 +1117,75 @@ var Ve = ["data-value"], He = [
 		};
 		return je(() => {
 			document.removeEventListener("focusin", H), document.removeEventListener("click", H);
-		}), (e, n) => (y(), we(he, _({
+		}), (e, n) => (b(), we(ge, v({
 			id: e.id,
 			class: "bb-date-picker-input",
-			clearable: e.clearable && j.value,
+			clearable: e.clearable && M.value,
 			compact: e.compact,
 			description: e.description,
 			disabled: e.disabled,
-			errors: C(Qe),
+			errors: w(Ze),
 			"has-errors": e.hasErrors,
-			"has-value": j.value,
+			"has-value": M.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": ft.value,
+			"label-mode": dt.value,
 			"label-position": e.labelPosition,
 			layout: e.layout,
 			loading: e.loading,
 			name: e.name,
-			passthrough: C(M),
-			readonly: C(nt),
+			passthrough: w(N),
+			readonly: w(tt),
 			reverse: e.reverse,
-			"show-asterisk": C(Ze),
-			"show-hint": dt.value,
+			"show-asterisk": w(Xe),
+			"show-hint": ut.value,
 			warnings: e.warnings
-		}, C(M).forwardAttrs), Ee({
-			label: w((t) => [x(e.$slots, "label", v(g(t)))]),
-			input: w(({ id: r, hasErrors: i, hasWarnings: a, ariaDescribedby: o }) => [De(_e, {
+		}, w(N).forwardAttrs), Ee({
+			label: T((t) => [S(e.$slots, "label", y(_(t)))]),
+			input: T(({ id: r, hasErrors: i, hasWarnings: a, ariaDescribedby: o }) => [De(ve, {
 				ref_key: "wrapper",
-				ref: R,
-				active: k.value,
-				"append:icon": C(D)["append:icon"],
+				ref: z,
+				active: A.value,
+				"append:icon": w(O)["append:icon"],
 				class: ke(["bb-date-picker-input__field", { "bb-date-picker-input__field--range": e.range }]),
-				clearable: e.clearable && !C(t)(C(tt)),
+				clearable: e.clearable && !w(t)(w(et)),
 				compact: e.compact,
 				disabled: e.disabled,
 				"has-errors": i,
-				"has-value": j.value,
+				"has-value": M.value,
 				"has-warnings": a,
 				loading: e.loading,
-				passthrough: C(M),
-				"prepend:icon": C(D)["prepend:icon"],
-				readonly: C(nt),
+				passthrough: w(N),
+				"prepend:icon": w(O)["prepend:icon"],
+				readonly: w(tt),
 				variant: e.variant,
 				onClick: xt,
 				"onClick:clear": Xt,
 				onFocusin: It
 			}, Ee({
-				"prepend:outer": w(() => [x(e.$slots, "prepend:outer")]),
-				prepend: w(() => [x(e.$slots, "prepend")]),
-				append: w(() => [wt.value ? Te("", !0) : (y(), we(pe, {
+				"prepend:outer": T(() => [S(e.$slots, "prepend:outer")]),
+				prepend: T(() => [S(e.$slots, "prepend")]),
+				append: T(() => [wt.value ? Te("", !0) : (b(), we(me, {
 					key: 0,
 					"active-segment": Ut.value,
 					adaptive: e.adaptive,
 					ampm: e.ampm,
-					anchor: R.value,
+					anchor: z.value,
 					disabled: e.disabled,
 					"first-day-of-week": e.firstDayOfWeek,
 					floating: e.floating,
 					label: Jt.value,
 					max: e.max,
 					min: e.min,
-					"model-value": C(tt),
+					"model-value": w(et),
 					"off-canvas-props": e.offCanvasProps,
-					pt: C(M).forward(pt, C(de).states),
+					pt: w(N).forward(ft, w(fe).states),
 					range: e.range,
-					readonly: C(nt),
+					readonly: w(tt),
 					seconds: e.seconds,
 					selectable: e.selectable,
 					step: e.step,
@@ -1150,27 +1194,27 @@ var Ve = ["data-value"], He = [
 					type: e.type,
 					utc: e.utc,
 					onGridPick: zt["onUpdate:modelValue"],
-					onHidden: n[1] ||= (e) => C(O)("hidden"),
-					onHide: ut,
-					onShow: lt,
-					onShown: n[2] ||= (e) => C(O)("shown"),
+					onHidden: n[1] ||= (e) => w(k)("hidden"),
+					onHide: lt,
+					onShow: ct,
+					onShown: n[2] ||= (e) => w(k)("shown"),
 					onTimePick: Wt
 				}, Ee({
-					activator: w(({ props: t }) => [h("button", _({
-						"aria-disabled": C(rt) || void 0,
+					activator: T(({ props: t }) => [g("button", v({
+						"aria-disabled": w(nt) || void 0,
 						class: "bb-segmented-field__activator",
 						disabled: e.disabled || e.readonly,
 						type: "button"
-					}, _(t, C(M).activator)), [De(f, {
+					}, v(t, w(N).activator)), [De(ee, {
 						class: "bb-segmented-field__trigger-icon",
-						icon: C(ye)
+						icon: w(be)
 					}, null, 8, ["icon"])], 16, We)]),
-					day: w((t) => [x(e.$slots, "day", v(g(t)))]),
-					"day:append": w((t) => [x(e.$slots, "day:append", v(g(t)))]),
+					day: T((t) => [S(e.$slots, "day", y(_(t)))]),
+					"day:append": T((t) => [S(e.$slots, "day:append", y(_(t)))]),
 					_: 2
-				}, [Ne(at(), (t) => ({
+				}, [Ne(it(), (t) => ({
 					name: t,
-					fn: w((n) => [x(e.$slots, t, v(g(n)))])
+					fn: T((n) => [S(e.$slots, t, y(_(n)))])
 				}))]), 1032, [
 					"active-segment",
 					"adaptive",
@@ -1195,30 +1239,30 @@ var Ve = ["data-value"], He = [
 					"type",
 					"utc",
 					"onGridPick"
-				])), x(e.$slots, "append", {}, () => [e.$slots.suffix ? (y(), m("span", _({
+				])), S(e.$slots, "append", {}, () => [e.$slots.suffix ? (b(), h("span", v({
 					key: 0,
 					class: "bb-field-input__suffix"
-				}, C(M).suffix), [x(e.$slots, "suffix")], 16)) : Te("", !0)])]),
-				"append:outer": w(() => [x(e.$slots, "append:outer")]),
-				default: w(() => [h("div", {
+				}, w(N).suffix), [S(e.$slots, "suffix")], 16)) : Te("", !0)])]),
+				"append:outer": T(() => [S(e.$slots, "append:outer")]),
+				default: T(() => [g("div", {
 					class: ke(["bb-segmented-field__fields", {
 						"bb-segmented-field__fields--empty": Fn.value,
 						"bb-segmented-field__fields--range": e.range
 					}]),
-					style: Ae({ "--fields-min-ch": C(dn) })
-				}, [Fn.value ? (y(), m("span", {
+					style: Ae({ "--fields-min-ch": w(dn) })
+				}, [Fn.value ? (b(), h("span", {
 					key: 0,
 					"aria-hidden": "true",
 					class: "bb-segmented-field__placeholder",
-					onClick: n[0] ||= (...e) => C(mn) && C(mn)(...e)
-				}, S(Pn.value), 1)) : Te("", !0), (y(!0), m(Ce, null, Ne(G.value, (t, n) => (y(), m(Ce, { key: C(ln)(t) }, [h("span", {
+					onClick: n[0] ||= (...e) => w(mn) && w(mn)(...e)
+				}, C(Pn.value), 1)) : Te("", !0), (b(!0), h(Ce, null, Ne(G.value, (t, n) => (b(), h(Ce, { key: w(ln)(t) }, [g("span", {
 					class: "bb-segmented-field__field-sizer",
-					"data-value": C(un)(t)
-				}, [Le(h("input", _({
+					"data-value": w(un)(t)
+				}, [Le(g("input", v({
 					id: n === 0 ? r : xn(t, r),
 					ref_for: !0,
-					ref: (e) => C(cn)[C(ln)(t)] = e,
-					"aria-describedby": _t(o, r),
+					ref: (e) => w(cn)[w(ln)(t)] = e,
+					"aria-describedby": gt(o, r),
 					"aria-disabled": e.disabled || void 0,
 					"aria-invalid": i ? "true" : void 0,
 					"aria-label": wn(t),
@@ -1231,31 +1275,31 @@ var Ve = ["data-value"], He = [
 					maxlength: on.value[t.field].maxLength,
 					name: Sn(t),
 					readonly: Tt.value,
-					required: C($e),
-					"aria-required": C(et),
+					required: w(Qe),
+					"aria-required": w($e),
 					tabindex: an(n) ? 0 : -1,
 					type: "text",
-					value: C(K)[t.segment][t.field],
-					onBlur: (e) => C(vn)(t),
+					value: w(K)[t.segment][t.field],
+					onBlur: (e) => w(vn)(t),
 					onFocus: (e) => Ht(t, e),
 					onInput: (e) => bn(t, e),
 					onKeydown: (e) => Ct(t, e),
-					onPaste: (e) => C(yn)(t, e)
-				}, _(C(M).controlAttrs, C(M).input)), null, 16, He), [[C(me)]])], 8, Ve), n < G.value.length - 1 ? (y(), m("span", {
+					onPaste: (e) => w(yn)(t, e)
+				}, v(w(N).controlAttrs, w(N).input)), null, 16, He), [[w(he)]])], 8, Ve), n < G.value.length - 1 ? (b(), h("span", {
 					key: 0,
 					"aria-hidden": "true",
 					class: ke(["bb-segmented-field__separator", { "bb-segmented-field__separator--range": G.value[n].segment !== G.value[n + 1].segment }]),
 					role: "presentation",
-					onClick: (e) => C(pn)(G.value[n + 1], { select: !0 })
-				}, S(sn(G.value[n], G.value[n + 1])), 11, Ue)) : Te("", !0)], 64))), 128))], 6), h("span", {
-					id: gt(r),
+					onClick: (e) => w(pn)(G.value[n + 1], { select: !0 })
+				}, C(sn(G.value[n], G.value[n + 1])), 11, Ue)) : Te("", !0)], 64))), 128))], 6), g("span", {
+					id: ht(r),
 					class: "bb-date-picker-input__accessible-description",
 					hidden: ""
-				}, S(C(I)("datePickerInput.dateFormat")) + " " + S(Nn.value), 9, Ge)]),
+				}, C(w(L)("datePickerInput.dateFormat")) + " " + C(Nn.value), 9, Ge)]),
 				_: 2
 			}, [e.$slots.prefix ? {
 				name: "prefix",
-				fn: w(() => [x(e.$slots, "prefix")]),
+				fn: T(() => [S(e.$slots, "prefix")]),
 				key: "0"
 			} : void 0]), 1032, [
 				"active",
@@ -1276,7 +1320,7 @@ var Ve = ["data-value"], He = [
 			_: 2
 		}, [e.$slots.description ? {
 			name: "description",
-			fn: w((t) => [x(e.$slots, "description", v(g(t)))]),
+			fn: T((t) => [S(e.$slots, "description", y(_(t)))]),
 			key: "0"
 		} : void 0]), 1040, [
 			"id",