bitboss-ui 2.1.128 → 2.1.130

package/dist/index97.js

@@ -1,18 +1,250 @@
-import { isNotNil as e } from "./index26.js";
-import { computed as t, onBeforeMount as n, onServerPrefetch as r, ref as i, toValue as a } from "vue";
-//#region src/composables/usePrefill.ts
-var o = ({ fn: o, trigger: s = !1, multiple: c, currentValue: l }) => {
-	let u = t(() => c ? !!l?.length : e(l)), d = t(() => !!a(s) || u.value), f = i(!1), p = i(!1), m = t(() => d.value || p.value), h = async () => {
-		f.value || p.value || (f.value = !0, await o(!0), f.value = !1, p.value = !0);
-	};
-	return d.value && (r(h), n(async () => {
-		p.value || await h();
-	})), {
-		isPrefilling: f,
-		hasPrefilled: p,
-		canLoad: m,
-		prefill: h
-	};
+import { defineComponent as ne, mergeModels as I, ref as N, useTemplateRef as ae, computed as s, useModel as ie, watch as C, createElementBlock as se, openBlock as Y, Fragment as le, renderSlot as G, createCommentVNode as W, createVNode as ue, normalizeProps as de, mergeProps as X, unref as B, withCtx as F, createElementVNode as S, createBlock as ce, nextTick as pe } from "vue";
+import { useId as me } from "./index8.js";
+import { useIntersectionObserver as ve, useElementSize as fe } from "./index148.js";
+import { useLocale as be } from "./index235.js";
+import { useUntil as he } from "./index270.js";
+import ge from "./index14.js";
+/* empty css        */
+import we from "./index253.js";
+/* empty css         */
+import { extractDomContainer as H } from "./index263.js";
+import { parseWidthString as U } from "./index273.js";
+const Ee = ["inert"], Le = 500, ye = 10, Re = /* @__PURE__ */ ne({
+  inheritAttrs: !1,
+  __name: "BbPopover",
+  props: /* @__PURE__ */ I({
+    arrowPadding: { default: 10 },
+    closeLabel: {},
+    block: { type: Boolean },
+    disabled: { type: Boolean },
+    eager: { type: Boolean },
+    id: {},
+    offset: { default: 3 },
+    padding: { default: 10 },
+    showClose: { type: Boolean, default: !0 },
+    theme: { default: "default" },
+    transitionDuration: { default: 300 },
+    placement: { default: "bottom" },
+    activator: {},
+    boundary: {},
+    focusTarget: {},
+    restoreFocus: { type: Boolean, default: !0 },
+    trigger: { default: "click" },
+    scrollable: { type: Boolean, default: !1 },
+    width: {}
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ I(["shown", "hidden"], ["update:modelValue"]),
+  setup(M, { expose: q, emit: z }) {
+    const o = M, O = z, { t: _ } = be(), { id: J } = me(), c = o.id ?? J.value, b = `bbp_${c}`, n = N(), T = ae("popoverRef"), V = s(() => H(T.value)), r = ie(M, "modelValue"), p = he(r), h = s(() => o.activator != null), D = s(() => {
+      const e = o.trigger;
+      return new Set(Array.isArray(e) ? e : [e]);
+    }), g = (e, t) => ({
+      getBoundingClientRect: () => ({
+        x: e,
+        y: t,
+        width: 0,
+        height: 0,
+        top: t,
+        left: e,
+        right: e,
+        bottom: t,
+        toJSON() {
+          return this;
+        }
+      })
+    }), d = N(null), K = s(
+      () => o.placement === "cursor" && d.value ? d.value : n.value
+    );
+    let R, a = null, m = !1;
+    const w = () => {
+      clearTimeout(R), a = null;
+    }, x = (e) => {
+      n.value = H(e) ?? void 0;
+    }, j = s(() => {
+      const e = D.value;
+      return {
+        "aria-expanded": p.value ? r.value : void 0,
+        "aria-controls": p.value ? b : void 0,
+        "aria-haspopup": "dialog",
+        id: c,
+        disabled: !!o.disabled,
+        ref: x,
+        ...e.has("click") ? { onClick: E } : {},
+        ...e.has("contextMenu") ? {
+          onContextmenu: L,
+          onPointerdown: y,
+          onPointermove: k,
+          onPointerup: u,
+          onPointercancel: u
+        } : {}
+      };
+    });
+    C(
+      () => o.activator,
+      (e) => {
+        e && x(e);
+      },
+      { immediate: !0 }
+    ), C(
+      [n, D],
+      ([e, t], i, P) => {
+        if (!e || !h.value) return;
+        const A = [];
+        t.has("click") && (e.addEventListener("click", E), A.push(() => e.removeEventListener("click", E))), t.has("contextMenu") && (e.addEventListener("contextmenu", L), e.addEventListener("pointerdown", y), e.addEventListener("pointermove", k), e.addEventListener("pointerup", u), e.addEventListener("pointercancel", u), A.push(() => {
+          e.removeEventListener("contextmenu", L), e.removeEventListener("pointerdown", y), e.removeEventListener("pointermove", k), e.removeEventListener("pointerup", u), e.removeEventListener("pointercancel", u), w();
+        })), e.setAttribute("aria-haspopup", "dialog"), P(() => {
+          A.forEach((re) => re()), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-haspopup");
+        });
+      },
+      { immediate: !0 }
+    ), C(
+      [n, r, p],
+      ([e, t, i]) => {
+        !e || !h.value || !i || (e.setAttribute("id", c), e.setAttribute("aria-expanded", String(t)), e.setAttribute("aria-controls", b));
+      },
+      { immediate: !0 }
+    ), ve(
+      n,
+      ([{ intersectionRatio: e }]) => {
+        e !== 1 && r.value && l();
+      },
+      { threshold: [0, 1] }
+    );
+    const v = (e) => {
+      const t = e.target;
+      if (!(t instanceof Node)) return;
+      const i = V.value?.contains(t), P = n.value?.contains(t);
+      !i && !P && l();
+    }, $ = (e) => {
+      e.key === "Escape" && (e.preventDefault(), l());
+    }, Q = () => {
+      document.addEventListener("click", v, { passive: !0 }), document.addEventListener("contextmenu", v, { passive: !0 }), document.addEventListener("keydown", $);
+    }, Z = () => {
+      document.removeEventListener("click", v), document.removeEventListener("contextmenu", v), document.removeEventListener("keydown", $);
+    }, f = async () => {
+      if (o.disabled) return;
+      r.value = !0, Q(), await pe();
+      const e = o.focusTarget ?? (o.showClose ? ".bb-popover__close" : '[tabindex]:not([tabindex="-1"]), button, a, input, select, textarea'), t = V.value?.querySelector(e);
+      t instanceof HTMLElement && t.focus(), O("shown");
+    }, E = async (e) => {
+      if (r.value) {
+        l();
+        return;
+      }
+      if (m) {
+        m = !1, e.preventDefault(), e.stopPropagation();
+        return;
+      }
+      e.stopImmediatePropagation(), o.placement === "cursor" && (d.value = g(e.clientX, e.clientY)), await f();
+    }, L = (e) => {
+      o.disabled || (e.preventDefault(), e.stopPropagation(), !(o.placement === "cursor" && (d.value = g(e.clientX, e.clientY), r.value)) && (r.value ? l() : f()));
+    }, y = (e) => {
+      o.disabled || e.pointerType === "mouse" || (m = !1, a = { x: e.clientX, y: e.clientY }, R = setTimeout(() => {
+        m = !0, o.placement === "cursor" && a && (d.value = g(
+          a.x,
+          a.y
+        )), a = null, f();
+      }, Le));
+    }, k = (e) => {
+      if (!a) return;
+      const t = e.clientX - a.x, i = e.clientY - a.y;
+      Math.sqrt(t * t + i * i) > ye && w();
+    }, u = () => {
+      w();
+    }, l = () => {
+      r.value && (r.value = !1, Z(), o.restoreFocus && n.value && n.value.focus(), O("hidden"));
+    }, ee = s(() => {
+      if (!o.width) return !1;
+      const { unit: e } = U(o.width);
+      return e === "%";
+    }), { width: te } = fe(
+      s(() => ee.value ? n.value : void 0),
+      { width: 0, height: 0 },
+      { box: "border-box" }
+    ), oe = s(() => {
+      if (!o.width) return;
+      const { value: e, unit: t } = U(o.width);
+      return t === "%" && n.value ? `${te.value * (e / 100)}px` : `${e}px`;
+    });
+    return q({
+      /** Opens the popover programmatically */
+      show: f,
+      /** Closes the popover programmatically */
+      close: l,
+      /** Whether the popover is currently open */
+      isOpen: s(() => r.value)
+    }), (e, t) => (Y(), se(le, null, [
+      h.value ? W("", !0) : G(e.$slots, "activator", de(X({ key: 0 }, {
+        props: j.value,
+        disabled: !!e.disabled,
+        isOpen: r.value,
+        placement: e.placement
+      }))),
+      ue(we, X({
+        id: b,
+        ref_key: "popoverRef",
+        ref: T,
+        modelValue: r.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (i) => r.value = i),
+        anchor: K.value,
+        "aria-labelledby": B(p) ? B(c) : void 0,
+        "arrow-padding": e.arrowPadding,
+        boundary: e.boundary,
+        class: ["bb-popover", `bb-popover--${e.theme}`],
+        dialog: "",
+        eager: e.eager,
+        offset: e.offset,
+        "hide-arrow": e.placement === "cursor",
+        padding: e.padding,
+        placement: e.placement === "cursor" ? "bottom-start" : e.placement,
+        scrollable: e.scrollable,
+        style: { width: oe.value },
+        "transition-duration": e.transitionDuration
+      }, e.$attrs), {
+        default: F(() => [
+          S("span", {
+            class: "bb-popover__content",
+            inert: !r.value
+          }, [
+            e.showClose ? (Y(), ce(ge, {
+              key: 0,
+              "aria-label": e.closeLabel || B(_)("common.closeLabel").value,
+              class: "bb-popover__close",
+              onClick: l
+            }, {
+              default: F(() => t[1] || (t[1] = [
+                S("svg", {
+                  "aria-hidden": "true",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  S("path", {
+                    d: "M23 23L1 1M23 1L1 23",
+                    stroke: "currentColor",
+                    "stroke-linecap": "round",
+                    "stroke-width": "2"
+                  })
+                ], -1)
+              ])),
+              _: 1
+            }, 8, ["aria-label"])) : W("", !0),
+            G(e.$slots, "default", {
+              close: l,
+              disabled: !!e.disabled,
+              open: r.value,
+              placement: e.placement
+            })
+          ], 8, Ee)
+        ]),
+        _: 3
+      }, 16, ["modelValue", "anchor", "aria-labelledby", "arrow-padding", "boundary", "class", "eager", "offset", "hide-arrow", "padding", "placement", "scrollable", "style", "transition-duration"])
+    ], 64));
+  }
+});
+export {
+  Re as default
 };
-//#endregion
-export { o as usePrefill };

package/dist/index99.js

@@ -0,0 +1,33 @@
+import { defineComponent as r, computed as a, createElementBlock as l, openBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
+import { clamp as p } from "./index226.js";
+import { getAsPercentageBetween as i } from "./index146.js";
+const _ = /* @__PURE__ */ r({
+  __name: "BbProgress",
+  props: {
+    modelValue: { default: 0 },
+    min: { default: 0 },
+    max: { default: 100 }
+  },
+  setup(t) {
+    const e = t, o = a(
+      () => p(
+        i(e.modelValue || e.min, e.min, e.max),
+        0,
+        100
+      )
+    );
+    return (d, u) => (s(), l("div", {
+      class: m(["bb-progress", {
+        "bb-progress--horizontal": !0
+      }])
+    }, [
+      n("div", {
+        class: "bb-progress-bar",
+        style: c({ width: o.value + "%" })
+      }, null, 4)
+    ]));
+  }
+});
+export {
+  _ as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.1.128",
+	"version": "2.1.130",
 	"description": "Vue 3 component library by BitBoss: forms, selects, layout, overlays, and more.",
 	"type": "module",
 	"sideEffects": false,
@@ -113,4 +113,4 @@
 	"lint-staged": {
 		"*.{js,css,md,html,json,vue,ts}": "prettier --write"
 	}
-}
+}

package/dist/index100.js

@@ -1,6 +0,0 @@
-import e from "./index98.js";
-/* empty css        */
-//#region src/components/BaseCheckboxGroup/BaseCheckboxGroup.vue
-var t = e;
-//#endregion
-export { t as default };

package/dist/index102.js

@@ -1,16 +0,0 @@
-import { __commonJSMin as e } from "./index2.js";
-//#region node_modules/dayjs/plugin/isSameOrAfter.js
-var t = /* @__PURE__ */ e(((e, t) => {
-	(function(n, r) {
-		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs_plugin_isSameOrAfter = r();
-	})(e, (function() {
-		return function(e, t) {
-			t.prototype.isSameOrAfter = function(e, t) {
-				return this.isSame(e, t) || this.isAfter(e, t);
-			};
-		};
-	}));
-}));
-//#endregion
-export default t();
-export { t as require_isSameOrAfter };

package/dist/index104.js

@@ -1,27 +0,0 @@
-import { __commonJSMin as e } from "./index2.js";
-//#region node_modules/dayjs/plugin/weekOfYear.js
-var t = /* @__PURE__ */ e(((e, t) => {
-	(function(n, r) {
-		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs_plugin_weekOfYear = r();
-	})(e, (function() {
-		var e = "week", t = "year";
-		return function(n, r, i) {
-			var a = r.prototype;
-			a.week = function(n) {
-				if (n === void 0 && (n = null), n !== null) return this.add(7 * (n - this.week()), "day");
-				var r = this.$locale().yearStart || 1;
-				if (this.month() === 11 && this.date() > 25) {
-					var a = i(this).startOf(t).add(1, t).date(r), o = i(this).endOf(e);
-					if (a.isBefore(o)) return 1;
-				}
-				var s = i(this).startOf(t).date(r).startOf(e).subtract(1, "millisecond"), c = this.diff(s, e, !0);
-				return c < 0 ? i(this).startOf("week").week() : Math.ceil(c);
-			}, a.weeks = function(e) {
-				return e === void 0 && (e = null), this.week(e);
-			};
-		};
-	}));
-}));
-//#endregion
-export default t();
-export { t as require_weekOfYear };

package/dist/index106.js

@@ -1,7 +0,0 @@
-//#region src/utilities/functions/validateDateFormat.ts
-function e(e, t) {
-	if (!/\d{4}-\d{2}-\d{2}/.test(e)) throw Error(`${t} must be in the format YYYY-MM-DD`);
-	return e;
-}
-//#endregion
-export { e as validateDateFormat };

package/dist/index108.js

@@ -1,4 +0,0 @@
-//#region src/utilities/functions/identity.ts
-var e = (e) => e;
-//#endregion
-export { e as identity };

package/dist/index111.js

@@ -1,19 +0,0 @@
-import { __toESM as e } from "./index2.js";
-import { require_dayjs_min as t } from "./index101.js";
-import { toOuterValue as n } from "./index110.js";
-//#region src/utilities/functions/isDateDisabled.ts
-var r = /* @__PURE__ */ e(t(), 1);
-function i(e, t) {
-	let i = !0;
-	if (t.min) {
-		let n = (0, r.default)(t.min, "YYYY-MM-DD");
-		i &&= e.isSameOrAfter(n);
-	}
-	if (t.max) {
-		let n = (0, r.default)(t.max, "YYYY-MM-DD");
-		i &&= e.isSameOrBefore(n);
-	}
-	return typeof t.selectable == "function" && (i &&= t.selectable(n(e, t.floating))), !i;
-}
-//#endregion
-export { i as isDateDisabled };

package/dist/index115.js

@@ -1,241 +0,0 @@
-import { __toESM as e } from "./index2.js";
-import { isNotNil as t } from "./index26.js";
-import { require_dayjs_min as n } from "./index101.js";
-import { last as r } from "./index105.js";
-import { validateDateFormat as i } from "./index106.js";
-import { chunk as a } from "./index107.js";
-import { identity as o } from "./index108.js";
-import { sort as s } from "./index109.js";
-import { toInnerValue as c, toOuterValue as l } from "./index110.js";
-import { isDateDisabled as u } from "./index111.js";
-import d from "./index114.js";
-import { Fragment as f, computed as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, nextTick as v, normalizeClass as y, openBlock as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, watch as T, withCtx as E, withKeys as D, withModifiers as O } from "vue";
-//#region src/components/BaseDatePicker/BaseDatePickerInputDaySelector.vue?vue&type=script&setup=true&lang.ts
-var k = /* @__PURE__ */ e(n(), 1), A = ["onKeydown"], j = { class: "bb-base-date-picker__header-container" }, M = ["abbr"], N = [
-	"id",
-	"aria-current",
-	"aria-label",
-	"aria-selected",
-	"disabled",
-	"tabindex"
-], P = /* @__PURE__ */ _({
-	__name: "BaseDatePickerInputDaySelector",
-	props: {
-		cursor: {},
-		current: { type: Boolean },
-		disabled: { type: Boolean },
-		firstDayOfWeek: {},
-		id: {},
-		floating: { type: Boolean },
-		modelValue: {},
-		max: {},
-		min: {},
-		selectable: { type: Function },
-		range: { type: Boolean },
-		multiple: { type: Boolean },
-		readonly: { type: Boolean }
-	},
-	emits: ["update:modelValue", "update:cursor"],
-	setup(e, { emit: n }) {
-		let _ = e, P = n, F = x(null), I = (0, k.default)().startOf("day");
-		_.min && i(_.min, "Min"), _.max && i(_.max, "Max");
-		let L = p(() => {
-			let e = Infinity, n = -Infinity, r = {};
-			return _.modelValue && [].concat(_.modelValue).filter(o).map((e) => c(e, _.floating)).map((e) => e.valueOf()).forEach((t, i) => {
-				t < e && (e = t), t > n && (n = t), r[t] = i;
-			}), {
-				min: e,
-				max: n,
-				index: (e) => r[e.valueOf()],
-				selected: (e) => t(r[e.valueOf()]),
-				isFirstOfRange: (t) => t.valueOf() === e,
-				isLastOfRange: (e) => e.valueOf() === n,
-				isBetween: (t) => t.valueOf() > e && t.valueOf() < n
-			};
-		}), R = p(() => Array(7).fill("").map((e, t) => (0, k.default)().day((t + _.firstDayOfWeek) % 7)).map((e) => ({
-			accessibleLabel: e.format("dddd"),
-			label: e.format("dd").slice(0, 1).toUpperCase(),
-			id: e.toISOString(),
-			original: e
-		}))), z = p(() => {
-			let e = _.cursor.year().toString(), t = _.cursor.month().toString(), n = _.cursor.clone().startOf("month").clone().startOf("week"), r = _.cursor.clone().endOf("month").clone().endOf("week"), i = (0, k.default)(_.cursor).startOf("day"), s = L.value, c = _.range, l = _.id, u = [];
-			for (let e = n; e.isBefore(r); e = e.add(1, "day")) u.push(e.clone());
-			return a(u.map((n) => {
-				let r = n.toISOString(), a = n.week().toString(), u = s.selected(n), d = c && s.isFirstOfRange(n), f = c && s.isLastOfRange(n), p = c && !d && !f && s.isBetween(n), m = n.month().toString() === t && n.year().toString() === e, h = n.isSame(I), g = n.isSame(i), _ = B(n), v = n.get("D").toString();
-				return {
-					buttonId: [l, r].filter(o).join("_"),
-					current: g,
-					disabled: _,
-					first: d,
-					highlighted: m,
-					id: r,
-					label: v,
-					last: f,
-					middle: p,
-					original: n,
-					selected: u,
-					slotName: r,
-					today: h,
-					week: a
-				};
-			}), 7);
-		}), B = (e) => u(e, {
-			min: _.min,
-			max: _.max,
-			selectable: _.selectable,
-			floating: _.floating
-		}), V = x("left"), H = (e, t) => {
-			e && t && (V.value = e.isBefore(t) ? "left" : "right");
-		};
-		T(() => _.cursor, (e, t) => {
-			H(e, t);
-		});
-		let U = (e) => P("update:cursor", e), W = async () => {
-			if (!F.value) return;
-			await v();
-			let e = r([...F.value.querySelectorAll(".bb-base-date-picker__date--current button")]);
-			e instanceof HTMLElement && e.focus();
-		}, G = (e) => {
-			if (!_.readonly && e.target instanceof HTMLButtonElement) {
-				let [, t] = e.target.id.split("_"), n = (0, k.default)(t);
-				if (_.cursor.month() !== n.month()) {
-					U(n);
-					return;
-				}
-				let r = z.value.flat().find((e) => e.id === t);
-				if (!r || r.disabled) return;
-				U(n), K(r);
-			}
-		}, K = (e) => {
-			_.range ? q(e) : _.multiple ? J(e) : Y(e);
-		}, q = (e) => {
-			Array.isArray(_.modelValue) && (_.modelValue.length === 1 ? P("update:modelValue", s([_.modelValue[0], l(e.original, _.floating)])) : P("update:modelValue", [l(e.original, _.floating)]));
-		}, J = (e) => {
-			if (Array.isArray(_.modelValue)) if (e.selected) {
-				let t = l(e.original, _.floating);
-				P("update:modelValue", _.modelValue.filter((e) => e !== t));
-			} else P("update:modelValue", s([..._.modelValue, l(e.original, _.floating)]));
-		}, Y = (e) => {
-			e.selected ? P("update:modelValue", null) : P("update:modelValue", l(e.original, _.floating));
-		}, X = () => {
-			let e = _.cursor.clone().add(1, "day");
-			B(e) || (P("update:cursor", e), W());
-		}, Z = () => {
-			let e = _.cursor.clone().subtract(1, "day");
-			B(e) || (P("update:cursor", e), W());
-		}, Q = () => {
-			let e = _.cursor.clone().subtract(1, "week");
-			B(e) || (P("update:cursor", e), W());
-		}, $ = () => {
-			let e = _.cursor.clone().add(1, "week");
-			B(e) || (P("update:cursor", e), W());
-		}, ee = () => {
-			let e = _.cursor.clone().endOf("week");
-			B(e) || (P("update:cursor", e), W());
-		}, te = () => {
-			let e = _.cursor.clone().startOf("week");
-			B(e) || (P("update:cursor", e), W());
-		}, ne = (e) => {
-			if (e.shiftKey) {
-				let e = _.cursor.clone().subtract(1, "year");
-				if (B(e)) return;
-				P("update:cursor", e);
-			} else {
-				let e = _.cursor.clone().subtract(1, "month");
-				if (B(e)) return;
-				P("update:cursor", e);
-			}
-			W();
-		}, re = (e) => {
-			if (e.shiftKey) {
-				let e = _.cursor.clone().add(1, "year");
-				if (B(e)) return;
-				P("update:cursor", e);
-			} else {
-				let e = _.cursor.clone().add(1, "month");
-				if (B(e)) return;
-				P("update:cursor", e);
-			}
-			W();
-		};
-		return (e, t) => (b(), m("div", {
-			ref_key: "calendar",
-			ref: F,
-			"aria-label": "Calendar dates",
-			class: y(["bb-base-date-picker__days-selector", { "bb-base-date-picker__days-selector--hidden": !e.current }]),
-			role: "grid",
-			onKeydown: [
-				D(O($, ["prevent"]), ["down"]),
-				D(O(ee, ["prevent"]), ["end"]),
-				D(O(te, ["prevent"]), ["home"]),
-				D(O(Z, ["prevent"]), ["left"]),
-				D(O(re, ["prevent"]), ["page-down"]),
-				D(O(ne, ["prevent"]), ["page-up"]),
-				D(O(X, ["prevent"]), ["right"]),
-				D(O(Q, ["prevent"]), ["up"])
-			]
-		}, [g(d, {
-			direction: V.value,
-			gap: 30
-		}, {
-			default: E(() => [(b(), m("div", {
-				key: e.cursor.month().toString(),
-				class: "bb-base-date-picker__month"
-			}, [h("div", j, [(b(!0), m(f, null, S(R.value, (e) => (b(), m("div", {
-				key: e.id,
-				abbr: e.accessibleLabel,
-				class: "bb-base-date-picker__header-cell"
-			}, w(e.label), 9, M))), 128))]), (b(!0), m(f, null, S(z.value, (t) => (b(), m("div", {
-				key: t[0].id,
-				class: "bb-base-date-picker__week"
-			}, [(b(!0), m(f, null, S(t, (t) => (b(), m("div", {
-				key: t.id,
-				class: y({
-					"bb-base-date-picker__date--current": t.current,
-					"bb-base-date-picker__date--disabled": e.disabled || t.disabled,
-					"bb-base-date-picker__date--first": t.first,
-					"bb-base-date-picker__date--highlighted": t.highlighted,
-					"bb-base-date-picker__date--last": t.last,
-					"bb-base-date-picker__date--middle": t.middle,
-					"bb-base-date-picker__date--selected": t.selected,
-					"bb-base-date-picker__date--today": t.today,
-					"bb-base-date-picker__date": !0
-				})
-			}, [
-				h("button", {
-					id: t.buttonId,
-					"aria-current": t.today ? "date" : void 0,
-					"aria-label": `${t.original.format("dddd, MMMM D, YYYY")}${t.selected ? ", selected" : ""}`,
-					"aria-selected": t.selected,
-					class: y("bb-base-date-picker__date-button"),
-					disabled: e.disabled || t.disabled,
-					tabindex: Number(t.current) - 1,
-					type: "button",
-					role: "gridcell",
-					onClick: G
-				}, w(t.label), 9, N),
-				C(e.$slots, "day", {
-					first: t.first,
-					highlighted: t.highlighted,
-					item: t.original,
-					label: t.label,
-					last: t.last,
-					middle: t.middle,
-					selected: t.selected
-				}),
-				C(e.$slots, t.slotName, {
-					first: t.first,
-					highlighted: t.highlighted,
-					item: t.original,
-					label: t.label,
-					last: t.last,
-					middle: t.middle,
-					selected: t.selected
-				})
-			], 2))), 128))]))), 128))]))]),
-			_: 3
-		}, 8, ["direction"])], 42, A));
-	}
-});
-//#endregion
-export { P as default };