bitboss-ui 2.1.133 → 2.1.134

package/dist/index58.js

@@ -1,54 +1,157 @@
-import { defineComponent as m, useSlots as u, computed as n, createElementBlock as s, openBlock as r, normalizeClass as g, createElementVNode as l, renderSlot as b, mergeProps as f, createCommentVNode as _, createTextVNode as y, toDisplayString as B } from "vue";
-import { isCssColor as c } from "./index239.js";
-import { isNil as C } from "./index247.js";
-const k = { class: "bb-badge__wrapper" }, N = {
-  key: 0,
-  class: "bb-badge__content-inner"
-}, S = /* @__PURE__ */ m({
-  __name: "BbBadge",
-  props: {
-    color: {},
-    bottom: { type: Boolean },
-    content: {},
-    dot: { type: Boolean },
-    floating: { type: Boolean },
-    left: { type: Boolean }
-  },
-  setup(i) {
-    const a = u(), e = i, d = n(() => ({
-      "bb-badge": !0,
-      "bb-badge--bottom": e.bottom,
-      "bb-badge--left": e.left,
-      "bb-badge--positioned": a.default,
-      "bb-badge--floating": e.floating,
-      "bb-badge--dot": e.dot,
-      "bb-badge--empty": !e.dot && C(e.content),
-      [`bb-badge--${e.color}`]: e.color && !c(e.color)
-    })), p = n(() => {
-      let t = {};
-      e.color && c(e.color) && (t.backgroundColor = e.color);
-      let o = {};
-      return "wrap" in a && a.wrap && (o["aria-atomic"] = !0, o["aria-live"] = "polite", o.role = "status"), {
-        style: t,
-        ...o
-      };
-    });
-    return (t, o) => (r(), s("span", {
-      class: g(d.value)
-    }, [
-      l("span", k, [
-        b(t.$slots, "default"),
-        l("span", f({ class: "bb-badge__content-container" }, p.value), [
-          e.dot ? _("", !0) : (r(), s("span", N, [
-            b(t.$slots, "content", {}, () => [
-              y(B(t.content), 1)
-            ])
-          ]))
-        ], 16)
-      ])
-    ], 2));
-  }
+import { extractDomContainer as e } from "./index45.js";
+import { useCancelableFunction as t } from "./index49.js";
+import { useUntil as n } from "./index50.js";
+import { waitFor as r } from "./index51.js";
+import { autoUpdate as i, flip as a, hide as o, offset as s, shift as c, size as l } from "./index55.js";
+import { arrow as u, useFloating as d } from "./index57.js";
+import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, defineComponent as _, mergeModels as v, mergeProps as y, nextTick as b, onBeforeUnmount as x, onMounted as S, openBlock as C, ref as w, renderSlot as T, resolveDynamicComponent as E, unref as D, useModel as O, watch as k, withCtx as A, withModifiers as j } from "vue";
+//#region src/components/CommonPopover/CommonPopover.vue?vue&type=script&setup=true&lang.ts
+var M = {
+	key: 0,
+	class: "bb-common-popover__bubble scrollbar-border"
+}, N = /* @__PURE__ */ _({
+	__name: "CommonPopover",
+	props: /* @__PURE__ */ v({
+		arrowPadding: {},
+		eager: { type: Boolean },
+		offset: {},
+		padding: { default: 0 },
+		placement: {},
+		transitionDuration: { default: 250 },
+		anchor: {},
+		boundary: {},
+		dialog: { type: Boolean },
+		hideArrow: { type: Boolean },
+		tag: { default: "span" },
+		flip: {
+			type: Boolean,
+			default: !0
+		},
+		scrollable: {
+			type: Boolean,
+			default: !1
+		},
+		forceAutoUpdate: { type: Boolean }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(_) {
+		let v = _, N = O(_, "modelValue"), P = w(N.value), F = f(() => v.dialog ? "dialog" : "span"), I = w(), L = w(), R = f(() => {
+			let t = v.anchor;
+			return t && typeof t == "object" && "getBoundingClientRect" in t && !(t instanceof Element) ? t : e(t);
+		}), z = n(N, { initialValue: v.eager }), B = f(() => {
+			if (v.boundary) return typeof v.boundary == "string" ? document.querySelector(v.boundary) ?? void 0 : e(v.boundary) ?? void 0;
+		}), V = f(() => {
+			let e = B.value;
+			return [
+				...v.flip ? [a(e ? { boundary: e } : void 0)] : [],
+				s(v.offset),
+				c({
+					padding: v.padding,
+					...e ? { boundary: e } : {}
+				}),
+				o(),
+				...v.scrollable ? [l({
+					padding: v.padding,
+					...e ? { boundary: e } : {},
+					apply({ availableHeight: e, elements: t }) {
+						t.floating.style.setProperty("--available-height", `${e}px`);
+					}
+				})] : [],
+				...v.hideArrow ? [] : [u({
+					element: L,
+					padding: v.arrowPadding
+				})]
+			];
+		}), { floatingStyles: H, placement: U, middlewareData: W, update: G } = d(R, I, {
+			placement: v.placement,
+			middleware: V,
+			strategy: "fixed"
+		}), K = null;
+		k([
+			P,
+			R,
+			I,
+			() => v.forceAutoUpdate
+		], ([e, t, n, r]) => {
+			K?.(), K = null, (e || r) && t && n && (K = i(t, n, G));
+		}, { immediate: !0 }), x(() => {
+			K?.(), K = null;
+		});
+		let { execute: q } = t(({ signal: e }, t) => new Promise((n) => {
+			let i, a = () => {
+				i && clearTimeout(i);
+			};
+			e.addEventListener("abort", a), t ? (J(), G(), r(() => !!I.value).then(() => {
+				P.value = !0, e.removeEventListener("abort", a), n(void 0);
+			})) : (P.value = !1, i = setTimeout(() => {
+				b(() => {
+					I.value && (v.dialog ? I.value.close() : I.value.hidePopover()), e.removeEventListener("abort", a), G(), n(void 0);
+				});
+			}, v.transitionDuration));
+		})), J = () => {
+			if (I.value) {
+				if (!v.dialog) return I.value.showPopover();
+				I.value.showModal();
+			}
+		};
+		k(N, q), S(() => {
+			N.value && q(N.value);
+		});
+		let Y = f(() => {
+			let e = N.value ? void 0 : -1, t = W.value.arrow?.x, n = v.hideArrow || t == null ? "50%" : `${Math.round(t)}px`, r = v.dialog ? void 0 : "manual";
+			return {
+				style: {
+					...H.value,
+					"--transition-duration": `${v.transitionDuration}ms`,
+					"--page-padding": `${v.padding}px`,
+					"--arrow-offset-x": n
+				},
+				popover: r,
+				tabindex: e
+			};
+		}), X = f(() => {
+			if (W.value.arrow) {
+				let { x: e, y: t } = W.value.arrow;
+				return { style: {
+					left: `${e}px`,
+					top: `${t}px`
+				} };
+			}
+		}), Z = () => {
+			N.value = !1;
+		};
+		return (e, t) => (C(), p(E(F.value), y({
+			ref_key: "wrapper",
+			ref: I,
+			class: ["bb-common-popover", {
+				"bb-common-popover--open": P.value,
+				"bb-common-popover--no-arrow": e.hideArrow,
+				"bb-common-popover--scrollable": e.scrollable,
+				[`bb-common-popover--${D(U)}`]: !0
+			}]
+		}, Y.value, {
+			onClick: j(Z, ["self", "stop"]),
+			onContextmenu: j(Z, [
+				"self",
+				"stop",
+				"prevent"
+			]),
+			onClose: Z
+		}), {
+			default: A(() => [g("span", y({
+				ref_key: "bubblearrow",
+				ref: L,
+				class: "bb-common-popover__arrow"
+			}, X.value), null, 16), D(z) ? (C(), h("span", M, [T(e.$slots, "default")])) : m("", !0)]),
+			_: 3
+		}, 16, ["class"]));
+	}
 });
-export {
-  S as default
-};
+//#endregion
+export { N as default };

package/dist/index6.js

@@ -1,62 +1,38 @@
-import { ref as T } from "vue";
-const c = [], f = {
-  current: null,
-  processing: !1,
-  yesBusy: !1,
-  noBusy: !1,
-  loading: !1
-}, t = T({ ...f }), N = t, g = 300;
-let u, l;
-const m = () => {
-  clearTimeout(l), clearTimeout(u), t.value = { ...f };
-}, y = () => {
-  const e = c.shift();
-  e && (m(), t.value.current = e, t.value.processing = !0, e.timeout && (t.value.current.autoClose = !0, u = setTimeout(() => {
-    p(!1);
-  }, e.timeout)));
-}, i = () => {
-  clearTimeout(u), t.value.yesBusy = !1, t.value.noBusy = !1, t.value.processing = !1, clearTimeout(l), l = setTimeout(m, g);
-}, r = (e, o) => {
-  e === "yes" ? t.value.yesBusy = o : t.value.noBusy = o;
-}, p = async (e, o = !1) => {
-  const { current: s } = t.value;
-  if (!s) return;
-  clearTimeout(u);
-  let a = e;
-  try {
-    if (e && s.onYes) {
-      r("yes", !0);
-      const n = await s.onYes();
-      a = s.returning ? n : e;
-    } else if (!e && s.onNo && (o || s.dismissAsNo)) {
-      r("no", !0);
-      const n = await s.onNo();
-      a = s.returning ? n : e;
-    }
-    s.resolve(a), c.length ? y() : s.autoClose && i();
-  } catch (n) {
-    s.reject(n), i();
-  } finally {
-    r("yes", !1), r("no", !1);
-  }
-}, v = (e) => new Promise((o, s) => {
-  c.push({
-    yesText: "OK",
-    noText: "Annulla",
-    dismissAsNo: !0,
-    ...e,
-    resolve: o,
-    reject: s
-  }), y();
-}), A = (e) => {
-  t.value.loading = e;
-}, d = () => ({
-  confirm: v,
-  close: i,
-  setLoading: A
-});
-export {
-  N as confirmState,
-  p as processMessage,
-  d as useConfirm
+import { onBeforeUnmount as e, ref as t } from "vue";
+//#region src/composables/useBroadcastChannelInstance.ts
+var n = (n = "bitboss-ui") => {
+	let r = 0;
+	return { useBroadCastChannel: () => {
+		r++;
+		let i = t(!1), a = t(), o = {};
+		function s(e, t = void 0) {
+			a.value && a.value.postMessage({
+				type: e,
+				params: t
+			});
+		}
+		let c = () => {
+			r--, a.value && !r && a.value.close(), i.value = !0;
+		}, l = (t, n, r = { removeonUnmount: !0 }) => {
+			o[t] === void 0 && (o[t] = []), o[t]?.push(n), r.removeonUnmount && o[t] && e(() => {
+				let e = o[t], r = e.indexOf(n);
+				r !== -1 && e.splice(r, 1);
+			});
+		};
+		try {
+			a.value = new BroadcastChannel(n), a.value.addEventListener("message", (e) => {
+				let t = e.data, n = o[t.type] ?? [];
+				"params" in t ? n.forEach((e) => e(t.params)) : n.forEach((e) => e());
+			}, { passive: !0 });
+		} catch (e) {
+			console.error(e);
+		}
+		return {
+			on: l,
+			post: s,
+			close: c
+		};
+	} };
 };
+//#endregion
+export { n as useBroadcastChannelInstance };

package/dist/index60.js

@@ -1,226 +1,6 @@
-import { defineComponent as K, ref as I, computed as l, watch as Q, onBeforeUnmount as Z, createElementBlock as o, openBlock as n, normalizeStyle as x, createElementVNode as p, createCommentVNode as c, renderSlot as b, createVNode as C, withCtx as L, normalizeProps as ee, guardReactiveProps as se, mergeProps as N, createTextVNode as T, toDisplayString as M, Fragment as O, renderList as te } from "vue";
-import { useResizeObserver as ie } from "./index148.js";
-import { useLocale as ae } from "./index245.js";
-import de from "./index14.js";
+import e from "./index58.js";
 /* empty css        */
-import re from "./index82.js";
-/* empty css        */
-import { estimateEllipsisWidth as le, estimateBreadcrumbItemWidth as oe } from "./index276.js";
-const ne = ["aria-label"], be = { class: "bb-breadcrumbs__container" }, ue = {
-  key: 0,
-  class: "bb-breadcrumbs__edge bb-breadcrumbs__edge--prepend"
-}, ce = { class: "bb-breadcrumbs__list" }, me = {
-  key: 0,
-  class: "bb-breadcrumbs__item"
-}, pe = { class: "bb-breadcrumbs__breadcrumb-container" }, he = ["aria-label", "disabled"], ve = {
-  key: 0,
-  "aria-hidden": "true",
-  class: "bb-breadcrumbs__divider"
-}, fe = {
-  key: 0,
-  class: "bb-breadcrumbs__item"
-}, _e = { class: "bb-breadcrumbs__breadcrumb-container" }, We = {
-  key: 0,
-  "aria-hidden": "true",
-  class: "bb-breadcrumbs__divider"
-}, ge = {
-  key: 1,
-  class: "bb-breadcrumbs__edge bb-breadcrumbs__edge--append"
-}, ye = 16, g = 20, ke = 1, D = 8.5, Ie = /* @__PURE__ */ K({
-  __name: "BbBreadcrumbs",
-  props: {
-    disabled: { type: Boolean },
-    items: {},
-    divider: { default: "/" },
-    dividerWidth: { default: 5 },
-    gapWidth: { default: 12 },
-    offsetWidth: { default: 0 },
-    estimationBias: { default: 1.12 },
-    ellipsisWidth: {}
-  },
-  setup(V) {
-    const s = V, { t: y } = ae(), f = I(null), d = I(0), k = l(() => s.gapWidth), $ = l(() => Math.max(0, s.offsetWidth)), H = l(() => s.estimationBias), S = l(
-      () => s.ellipsisWidth ?? le(D)
-    ), z = l(() => y("breadcrumbs.label").value), G = l(
-      () => y("breadcrumbs.openHiddenLabelCount", d.value).value
-    ), B = (e) => {
-      const i = e.text ?? String(e.key);
-      return oe(i, {
-        estimationBias: H.value,
-        fontWidth: D
-      });
-    }, P = l(() => {
-      const e = s.items.length;
-      if (e === 0)
-        return 0;
-      const i = s.dividerWidth, t = k.value, _ = s.items.map(B).reduce((W, u) => W + u, 0), v = e > 1 ? (e - 1) * (i + 2 * t) : 0;
-      return _ + v + $.value + g + ye;
-    }), q = l(() => ({
-      "--bb-breadcrumbs-flex-basis": `${Math.ceil(P.value)}px`,
-      // Allow recovery from collapsed states while keeping non-greedy behavior when fully visible.
-      "--bb-breadcrumbs-flex-grow": d.value > 0 ? "1" : "0"
-    })), U = (e) => {
-      const i = s.items.length;
-      if (i === 0) {
-        d.value = 0;
-        return;
-      }
-      const t = Math.max(
-        0,
-        e - ke - $.value - g
-      ), r = s.dividerWidth, _ = S.value, v = k.value, W = s.items.map(B), u = Array.from({ length: i + 1 }, () => 0);
-      for (let a = i - 1; a >= 0; a--)
-        u[a] = u[a + 1] + W[a];
-      const F = (a) => t - a <= g / 2, w = u[0] + (i > 1 ? (i - 1) * (r + 2 * v) : 0);
-      if (w <= t) {
-        if (i > 1 && F(w)) {
-          d.value = 1;
-          return;
-        }
-        d.value = 0;
-        return;
-      }
-      for (let a = i - 1; a >= 0; a--) {
-        const J = u[i - a], R = _ + a * (r + 2 * v) + J;
-        if (R <= t) {
-          if (a > 0 && F(R)) {
-            d.value = i - (a - 1);
-            return;
-          }
-          d.value = i - a;
-          return;
-        }
-      }
-      d.value = i;
-    }, E = l(() => f.value), j = l(
-      () => s.items.map((e) => `${String(e.key)}::${e.text ?? ""}`).join("|")
-    );
-    let h = null, m = null;
-    const X = () => {
-      if (m = null, h == null)
-        return;
-      const e = h;
-      h = null, U(e);
-    }, A = (e) => {
-      h = e, m == null && (m = requestAnimationFrame(X));
-    };
-    ie(E, ([e]) => {
-      A(e.contentRect.width);
-    }), Q(
-      [
-        E,
-        j,
-        () => s.dividerWidth,
-        () => s.gapWidth,
-        () => s.offsetWidth,
-        () => s.estimationBias,
-        () => s.ellipsisWidth
-      ],
-      ([e]) => {
-        e && A(e.clientWidth);
-      },
-      { immediate: !0 }
-    ), Z(() => {
-      m != null && cancelAnimationFrame(m);
-    });
-    const Y = l(
-      () => s.items.slice(0, d.value).map((e) => ({
-        ...e,
-        key: String(e.key)
-      }))
-    );
-    return (e, i) => (n(), o("nav", {
-      "aria-label": z.value,
-      class: "bb-breadcrumbs",
-      ref_key: "navRef",
-      ref: f,
-      style: x(q.value)
-    }, [
-      p("div", be, [
-        e.$slots.prepend ? (n(), o("div", ue, [
-          b(e.$slots, "prepend", { disabled: e.disabled })
-        ])) : c("", !0),
-        p("ol", ce, [
-          d.value > 0 ? (n(), o("li", me, [
-            C(re, {
-              items: Y.value,
-              placement: "bottom-start",
-              boundary: f.value,
-              padding: 0
-            }, {
-              activator: L(({ props: t }) => [
-                b(e.$slots, "ellipsis", ee(se({
-                  props: t,
-                  disabled: e.disabled,
-                  overflowCount: d.value,
-                  ellipsisWidth: S.value
-                })), () => [
-                  p("span", pe, [
-                    p("button", N(t, {
-                      "aria-label": G.value,
-                      class: "bb-breadcrumbs__ellipsis",
-                      disabled: e.disabled,
-                      type: "button"
-                    }), " … ", 16, he)
-                  ])
-                ])
-              ]),
-              _: 3
-            }, 8, ["items", "boundary"]),
-            d.value < e.items.length ? (n(), o("span", ve, [
-              b(e.$slots, "divider", {}, () => [
-                T(M(s.divider), 1)
-              ])
-            ])) : c("", !0)
-          ])) : c("", !0),
-          (n(!0), o(O, null, te(e.items, (t, r) => (n(), o(O, {
-            key: t.key
-          }, [
-            r >= d.value ? (n(), o("li", fe, [
-              p("span", _e, [
-                b(e.$slots, "item:prepend", {
-                  disabled: !!(t.disabled || e.disabled),
-                  index: r,
-                  item: e.items[r],
-                  text: t.text
-                }),
-                C(de, N({ ref_for: !0 }, t, {
-                  "aria-current": r === e.items.length - 1 ? "page" : void 0,
-                  class: "bb-breadcrumbs__breadcrumb",
-                  disabled: t.disabled || e.disabled
-                }), {
-                  default: L(() => [
-                    b(e.$slots, `${t.key}`, {
-                      disabled: !!(t.disabled || e.disabled),
-                      index: r,
-                      item: e.items[r],
-                      text: t.text
-                    })
-                  ]),
-                  _: 2
-                }, 1040, ["aria-current", "disabled"]),
-                b(e.$slots, "item:append", {
-                  disabled: !!(t.disabled || e.disabled),
-                  index: r,
-                  item: e.items[r],
-                  text: t.text
-                })
-              ]),
-              r < e.items.length - 1 ? (n(), o("span", We, [
-                b(e.$slots, "divider", {}, () => [
-                  T(M(s.divider), 1)
-                ])
-              ])) : c("", !0)
-            ])) : c("", !0)
-          ], 64))), 128))
-        ]),
-        e.$slots.append ? (n(), o("div", ge, [
-          b(e.$slots, "append", { disabled: e.disabled })
-        ])) : c("", !0)
-      ])
-    ], 12, ne));
-  }
-});
-export {
-  Ie as default
-};
+//#region src/components/CommonPopover/CommonPopover.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index61.js

@@ -0,0 +1,131 @@
+import { useLocale as e } from "./index42.js";
+import { extractDomContainer as t } from "./index45.js";
+import n from "./index48.js";
+import r from "./index60.js";
+import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createVNode as c, defineComponent as l, mergeProps as u, nextTick as d, normalizeProps as f, onBeforeUnmount as p, openBlock as m, ref as h, renderSlot as g, unref as _, watch as v, withCtx as y } from "vue";
+//#region src/components/BbColorPalette/BbColorPalette.vue?vue&type=script&setup=true&lang.ts
+var b = /* @__PURE__ */ l({
+	__name: "BbColorPalette",
+	props: {
+		arrowPadding: {},
+		eager: { type: Boolean },
+		offset: { default: 4 },
+		padding: { default: 6 },
+		placement: {},
+		transitionDuration: { default: 250 },
+		modelValue: {},
+		alpha: {
+			type: Boolean,
+			default: !1
+		},
+		swatches: { type: [Boolean, Array] },
+		activator: {},
+		anchor: {},
+		boundary: {},
+		flip: {
+			type: Boolean,
+			default: !0
+		},
+		showArrow: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		label: {},
+		picker: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(l, { emit: b }) {
+		let x = l, S = b, { t: C } = e(), w = h(null), T = h(), E = h(), D = a(() => x.activator != null), O = (e) => {
+			T.value = t(e) ?? void 0;
+		}, k = (e) => {
+			E.value = t(e) ?? void 0;
+		};
+		v(() => x.activator, (e) => {
+			T.value = t(e) ?? void 0;
+		}, { immediate: !0 }), v(() => x.anchor, (e) => {
+			E.value = e == null ? void 0 : t(e) ?? void 0;
+		}, { immediate: !0 });
+		let A = a(() => E.value ?? T.value), j = h(!1), M = null, N = (e) => {
+			x.disabled || x.readonly || (e.stopPropagation(), j.value = !j.value);
+		}, P = (e) => {
+			e.target instanceof HTMLDialogElement && (j.value = !1);
+		};
+		v(j, async (e) => {
+			S("update:open", e), e ? (M = document.activeElement instanceof HTMLElement ? document.activeElement : null, document.addEventListener("click", P, { passive: !0 }), await d(), w.value?.el?.querySelector("[tabindex=\"0\"]")?.focus()) : (document.removeEventListener("click", P), M?.focus(), M = null);
+		});
+		let F = null;
+		return v(T, (e) => {
+			F?.(), F = null, e && (e.addEventListener("click", N), F = () => {
+				e.removeEventListener("click", N), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-label");
+			});
+		}, { immediate: !0 }), v([
+			T,
+			j,
+			a(() => x.label ?? C("colorInput.openPicker").value)
+		], ([e, t, n]) => {
+			e && (e.setAttribute("aria-haspopup", "dialog"), e.setAttribute("aria-expanded", t ? "true" : "false"), e.setAttribute("aria-label", n));
+		}, { immediate: !0 }), p(() => {
+			F?.(), document.removeEventListener("click", P);
+		}), (e, t) => (m(), s(i, null, [D.value ? o("", !0) : g(e.$slots, "activator", f(u({ key: 0 }, {
+			props: { ref: O },
+			anchorProps: { ref: k },
+			open: j.value,
+			color: e.modelValue,
+			disabled: e.disabled
+		}))), c(r, {
+			modelValue: j.value,
+			"onUpdate:modelValue": t[1] ||= (e) => j.value = e,
+			anchor: A.value,
+			"aria-label": _(C)("colorInput.dialogLabel").value,
+			"arrow-padding": e.arrowPadding,
+			boundary: e.boundary,
+			class: "bb-color-palette__popover",
+			dialog: "",
+			eager: e.eager,
+			flip: e.flip,
+			"hide-arrow": !e.showArrow,
+			offset: e.offset,
+			padding: e.padding,
+			placement: e.placement,
+			"transition-duration": e.transitionDuration
+		}, {
+			default: y(() => [c(n, {
+				ref_key: "paletteRef",
+				ref: w,
+				alpha: e.alpha,
+				inert: !j.value,
+				"model-value": e.modelValue,
+				picker: e.picker,
+				swatches: e.swatches,
+				"onUpdate:modelValue": t[0] ||= (e) => S("update:modelValue", e)
+			}, null, 8, [
+				"alpha",
+				"inert",
+				"model-value",
+				"picker",
+				"swatches"
+			])]),
+			_: 1
+		}, 8, [
+			"modelValue",
+			"anchor",
+			"aria-label",
+			"arrow-padding",
+			"boundary",
+			"eager",
+			"flip",
+			"hide-arrow",
+			"offset",
+			"padding",
+			"placement",
+			"transition-duration"
+		])], 64));
+	}
+});
+//#endregion
+export { b as default };