@layers.digital/layers-design-system-vue3 1.8.2 → 1.9.0

package/dist/chunks/chunk-23.js

@@ -1,1647 +1,24 @@
-import { getCurrentInstance as x, toRef as xe, computed as E, camelize as ge, defineComponent as h, Comment as Ve, mergeProps as S, cloneVNode as Re, h as K, toRefs as X, ref as g, onMounted as z, openBlock as O, createBlock as A, unref as p, withCtx as b, renderSlot as D, normalizeProps as Le, guardReactiveProps as ke, reactive as be, watch as P, watchEffect as M, markRaw as je, resolveDynamicComponent as he, createVNode as W, effectScope as we, nextTick as V, Fragment as Ke, toHandlerKey as We, onUnmounted as ue, Teleport as Ue, createCommentVNode as Ee, inject as ze, provide as Ge, onBeforeUnmount as qe, normalizeStyle as He, getCurrentScope as Je, onScopeDispose as Ye } from "vue";
-function G(e, t) {
-  const n = typeof e == "string" && !t ? `${e}Context` : t, o = Symbol(n);
-  return [(a) => {
-    const r = ze(o, a);
-    if (r || r === null)
-      return r;
-    throw new Error(
-      `Injection \`${o.toString()}\` not found. Component must be used within ${Array.isArray(e) ? `one of the following components: ${e.join(
-        ", "
-      )}` : `\`${e}\``}`
-    );
-  }, (a) => (Ge(o, a), a)];
-}
-function Oe(e, t, n) {
-  const o = n.originalEvent.target, a = new CustomEvent(e, {
-    bubbles: !1,
-    cancelable: !0,
-    detail: n
-  });
-  t && o.addEventListener(e, t, { once: !0 }), o.dispatchEvent(a);
-}
-function te(e) {
-  return e == null;
-}
-function Ae(e) {
-  return Je() ? (Ye(e), !0) : !1;
-}
-function Qe(e) {
-  let t = !1, n;
-  const o = we(!0);
-  return (...a) => (t || (n = o.run(() => e(...a)), t = !0), n);
-}
-function Xe(e) {
-  let t = 0, n, o;
-  const a = () => {
-    t -= 1, o && t <= 0 && (o.stop(), n = void 0, o = void 0);
-  };
-  return (...r) => (t += 1, n || (o = we(!0), n = o.run(() => e(...r))), Ae(a), n);
-}
-function ie(e) {
-  return typeof e == "function" ? e() : p(e);
-}
-const R = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ze = (e) => typeof e < "u", et = Object.prototype.toString, tt = (e) => et.call(e) === "[object Object]", nt = () => {
-}, ve = /* @__PURE__ */ ot();
-function ot() {
-  var e, t;
-  return R && ((e = window?.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window?.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
-}
-function at(e) {
-  return x();
-}
-function lt(e, t) {
-  at() && qe(e, t);
-}
-function q(e) {
-  var t;
-  const n = ie(e);
-  return (t = n?.$el) != null ? t : n;
-}
-const De = R ? window : void 0;
-function Ce(...e) {
-  let t, n, o, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, a] = e, t = De) : [t, n, o, a] = e, !t)
-    return nt;
-  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const r = [], u = () => {
-    r.forEach((c) => c()), r.length = 0;
-  }, l = (c, d, v, f) => (c.addEventListener(d, v, f), () => c.removeEventListener(d, v, f)), s = P(
-    () => [q(t), ie(a)],
-    ([c, d]) => {
-      if (u(), !c)
-        return;
-      const v = tt(d) ? { ...d } : d;
-      r.push(
-        ...n.flatMap((f) => o.map((m) => l(c, f, m, v)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), i = () => {
-    s(), u();
-  };
-  return Ae(i), i;
-}
-function rt(e) {
-  return typeof e == "function" ? e : typeof e == "string" ? (t) => t.key === e : Array.isArray(e) ? (t) => e.includes(t.key) : () => !0;
-}
-function ut(...e) {
-  let t, n, o = {};
-  e.length === 3 ? (t = e[0], n = e[1], o = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (t = !0, n = e[0], o = e[1]) : (t = e[0], n = e[1]) : (t = !0, n = e[0]);
-  const {
-    target: a = De,
-    eventName: r = "keydown",
-    passive: u = !1,
-    dedupe: l = !1
-  } = o, s = rt(t);
-  return Ce(a, r, (i) => {
-    i.repeat && ie(l) || s(i) && n(i);
-  }, u);
-}
-function it() {
-  const e = g(!1), t = x();
-  return t && z(() => {
-    e.value = !0;
-  }, t), e;
-}
-function st(e) {
-  return JSON.parse(JSON.stringify(e));
-}
-function Z(e, t, n, o = {}) {
-  var a, r, u;
-  const {
-    clone: l = !1,
-    passive: s = !1,
-    eventName: i,
-    deep: c = !1,
-    defaultValue: d,
-    shouldEmit: v
-  } = o, f = x(), m = n || f?.emit || ((a = f?.$emit) == null ? void 0 : a.bind(f)) || ((u = (r = f?.proxy) == null ? void 0 : r.$emit) == null ? void 0 : u.bind(f?.proxy));
-  let y = i;
-  t || (t = "modelValue"), y = y || `update:${t.toString()}`;
-  const w = (_) => l ? typeof l == "function" ? l(_) : st(_) : _, C = () => Ze(e[t]) ? w(e[t]) : d, L = (_) => {
-    v ? v(_) && m(y, _) : m(y, _);
-  };
-  if (s) {
-    const _ = C(), U = g(_);
-    let k = !1;
-    return P(
-      () => e[t],
-      (T) => {
-        k || (k = !0, U.value = w(T), V(() => k = !1));
-      }
-    ), P(
-      U,
-      (T) => {
-        !k && (T !== e[t] || c) && L(T);
-      },
-      { deep: c }
-    ), U;
-  } else
-    return E({
-      get() {
-        return C();
-      },
-      set(_) {
-        L(_);
-      }
-    });
-}
-function se(e) {
-  return e ? e.flatMap((t) => t.type === Ke ? se(t.children) : [t]) : [];
-}
-function ne(e) {
-  if (e === null || typeof e != "object")
-    return !1;
-  const t = Object.getPrototypeOf(e);
-  return t !== null && t !== Object.prototype && Object.getPrototypeOf(t) !== null || Symbol.iterator in e ? !1 : Symbol.toStringTag in e ? Object.prototype.toString.call(e) === "[object Module]" : !0;
-}
-function re(e, t, n = ".", o) {
-  if (!ne(t))
-    return re(e, {}, n);
-  const a = Object.assign({}, t);
-  for (const r in e) {
-    if (r === "__proto__" || r === "constructor")
-      continue;
-    const u = e[r];
-    u != null && (Array.isArray(u) && Array.isArray(a[r]) ? a[r] = [...u, ...a[r]] : ne(u) && ne(a[r]) ? a[r] = re(
-      u,
-      a[r],
-      (n ? `${n}.` : "") + r.toString()
-    ) : a[r] = u);
-  }
-  return a;
-}
-function dt(e) {
-  return (...t) => (
-    // eslint-disable-next-line unicorn/no-array-reduce
-    t.reduce((n, o) => re(n, o, ""), {})
-  );
-}
-const ct = dt(), [de, gn] = G("ConfigProvider");
-let pt = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", vt = (e = 21) => {
-  let t = "", n = e;
-  for (; n--; )
-    t += pt[Math.random() * 64 | 0];
-  return t;
-};
-const ft = Xe(() => {
-  const e = g(/* @__PURE__ */ new Map()), t = g(), n = E(() => {
-    for (const u of e.value.values())
-      if (u)
-        return !0;
-    return !1;
-  }), o = de({
-    scrollBody: g(!0)
-  });
-  let a = null;
-  const r = () => {
-    document.body.style.paddingRight = "", document.body.style.marginRight = "", document.body.style.pointerEvents = "", document.body.style.removeProperty("--scrollbar-width"), document.body.style.overflow = t.value ?? "", ve && a?.(), t.value = void 0;
-  };
-  return P(n, (u, l) => {
-    var s;
-    if (!R)
-      return;
-    if (!u) {
-      l && r();
-      return;
-    }
-    t.value === void 0 && (t.value = document.body.style.overflow);
-    const i = window.innerWidth - document.documentElement.clientWidth, c = { padding: i, margin: 0 }, d = (s = o.scrollBody) != null && s.value ? typeof o.scrollBody.value == "object" ? ct({
-      padding: o.scrollBody.value.padding === !0 ? i : o.scrollBody.value.padding,
-      margin: o.scrollBody.value.margin === !0 ? i : o.scrollBody.value.margin
-    }, c) : c : { padding: 0, margin: 0 };
-    i > 0 && (document.body.style.paddingRight = `${d.padding}px`, document.body.style.marginRight = `${d.margin}px`, document.body.style.setProperty("--scrollbar-width", `${i}px`), document.body.style.overflow = "hidden"), ve && (a = Ce(
-      document,
-      "touchmove",
-      (v) => {
-        var f;
-        v.target === document.documentElement && (v.touches.length > 1 || (f = v.preventDefault) == null || f.call(v));
-      },
-      { passive: !1 }
-    )), V(() => {
-      document.body.style.pointerEvents = "none", document.body.style.overflow = "hidden";
-    });
-  }, { immediate: !0, flush: "sync" }), e;
-});
-function mt(e) {
-  const t = vt(6), n = ft();
-  n.value.set(t, e);
-  const o = E({
-    get: () => n.value.get(t) ?? !1,
-    set: (a) => n.value.set(t, a)
-  });
-  return lt(() => {
-    n.value.delete(t);
-  }), o;
-}
-function Ie(e) {
-  const t = de({
-    dir: g("ltr")
-  });
-  return E(() => {
-    var n;
-    return e?.value || ((n = t.dir) == null ? void 0 : n.value) || "ltr";
-  });
-}
-function ee(e) {
-  const t = x(), n = t?.type.emits, o = {};
-  return n != null && n.length || console.warn(
-    `No emitted event found. Please check component: ${t?.type.__name}`
-  ), n?.forEach((a) => {
-    o[We(ge(a))] = (...r) => e(a, ...r);
-  }), o;
-}
-function yt(e) {
-  const t = x(), n = Object.keys(t?.type.props ?? {}).reduce((a, r) => {
-    const u = (t?.type.props[r]).default;
-    return u !== void 0 && (a[r] = u), a;
-  }, {}), o = xe(e);
-  return E(() => {
-    const a = {}, r = t?.vnode.props ?? {};
-    return Object.keys(r).forEach((u) => {
-      a[ge(u)] = r[u];
-    }), Object.keys({ ...n, ...a }).reduce((u, l) => (o.value[l] !== void 0 && (u[l] = o.value[l]), u), {});
-  });
-}
-function bn(e, t) {
-  const n = yt(e), o = t ? ee(t) : {};
-  return E(() => ({
-    ...n.value,
-    ...o
-  }));
-}
-function I() {
-  const e = x(), t = g(), n = E(() => {
-    var u, l;
-    return ["#text", "#comment"].includes((u = t.value) == null ? void 0 : u.$el.nodeName) ? (l = t.value) == null ? void 0 : l.$el.nextElementSibling : q(t);
-  }), o = Object.assign({}, e.exposed), a = {};
-  for (const u in e.props)
-    Object.defineProperty(a, u, {
-      enumerable: !0,
-      configurable: !0,
-      get: () => e.props[u]
-    });
-  if (Object.keys(o).length > 0)
-    for (const u in o)
-      Object.defineProperty(a, u, {
-        enumerable: !0,
-        configurable: !0,
-        get: () => o[u]
-      });
-  Object.defineProperty(a, "$el", {
-    enumerable: !0,
-    configurable: !0,
-    get: () => e.vnode.el
-  }), e.exposed = a;
-  function r(u) {
-    t.value = u, !(u instanceof Element || !u) && (Object.defineProperty(a, "$el", {
-      enumerable: !0,
-      configurable: !0,
-      get: () => u.$el
-    }), e.exposed = a);
-  }
-  return { forwardRef: r, currentRef: t, currentElement: n };
-}
-var gt = function(e) {
-  if (typeof document > "u")
-    return null;
-  var t = Array.isArray(e) ? e[0] : e;
-  return t.ownerDocument.body;
-}, j = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakMap(), J = {}, oe = 0, _e = function(e) {
-  return e && (e.host || _e(e.parentNode));
-}, bt = function(e, t) {
-  return t.map(function(n) {
-    if (e.contains(n))
-      return n;
-    var o = _e(n);
-    return o && e.contains(o) ? o : (console.error("aria-hidden", n, "in not contained inside", e, ". Doing nothing"), null);
-  }).filter(function(n) {
-    return !!n;
-  });
-}, ht = function(e, t, n, o) {
-  var a = bt(t, Array.isArray(e) ? e : [e]);
-  J[n] || (J[n] = /* @__PURE__ */ new WeakMap());
-  var r = J[n], u = [], l = /* @__PURE__ */ new Set(), s = new Set(a), i = function(d) {
-    !d || l.has(d) || (l.add(d), i(d.parentNode));
-  };
-  a.forEach(i);
-  var c = function(d) {
-    !d || s.has(d) || Array.prototype.forEach.call(d.children, function(v) {
-      if (l.has(v))
-        c(v);
-      else
-        try {
-          var f = v.getAttribute(o), m = f !== null && f !== "false", y = (j.get(v) || 0) + 1, w = (r.get(v) || 0) + 1;
-          j.set(v, y), r.set(v, w), u.push(v), y === 1 && m && H.set(v, !0), w === 1 && v.setAttribute(n, "true"), m || v.setAttribute(o, "true");
-        } catch (C) {
-          console.error("aria-hidden: cannot operate on ", v, C);
-        }
-    });
-  };
-  return c(t), l.clear(), oe++, function() {
-    u.forEach(function(d) {
-      var v = j.get(d) - 1, f = r.get(d) - 1;
-      j.set(d, v), r.set(d, f), v || (H.has(d) || d.removeAttribute(o), H.delete(d)), f || d.removeAttribute(n);
-    }), oe--, oe || (j = /* @__PURE__ */ new WeakMap(), j = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakMap(), J = {});
-  };
-}, wt = function(e, t, n) {
-  n === void 0 && (n = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = gt(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), ht(o, a, n, "aria-hidden")) : function() {
-    return null;
-  };
-};
-function Et(e) {
-  let t;
-  P(() => q(e), (n) => {
-    n ? t = wt(n) : t && t();
-  }), ue(() => {
-    t && t();
-  });
-}
-let Ot = 0;
-function Q(e, t = "radix") {
-  const { useId: n } = de({ useId: void 0 });
-  return n && typeof n == "function" ? `${t}-${n()}` : `${t}-${++Ot}`;
-}
-function At(e, t) {
-  const n = g(e);
-  function o(a) {
-    return t[n.value][a] ?? n.value;
-  }
-  return {
-    state: n,
-    dispatch: (a) => {
-      n.value = o(a);
-    }
-  };
-}
-const ce = h({
-  name: "PrimitiveSlot",
-  inheritAttrs: !1,
-  setup(e, { attrs: t, slots: n }) {
-    return () => {
-      var o, a;
-      if (!n.default)
-        return null;
-      const r = se(n.default()), u = r.findIndex((c) => c.type !== Ve);
-      if (u === -1)
-        return r;
-      const l = r[u];
-      (o = l.props) == null || delete o.ref;
-      const s = l.props ? S(t, l.props) : t;
-      t.class && (a = l.props) != null && a.class && delete l.props.class;
-      const i = Re(l, s);
-      for (const c in s)
-        c.startsWith("on") && (i.props || (i.props = {}), i.props[c] = s[c]);
-      return r.length === 1 ? i : (r[u] = i, r);
-    };
-  }
-}), B = h({
-  name: "Primitive",
-  inheritAttrs: !1,
-  props: {
-    asChild: {
-      type: Boolean,
-      default: !1
-    },
-    as: {
-      type: [String, Object],
-      default: "div"
-    }
-  },
-  setup(e, { attrs: t, slots: n }) {
-    const o = e.asChild ? "template" : e.as;
-    return typeof o == "string" && ["area", "img", "input"].includes(o) ? () => K(o, t) : o !== "template" ? () => K(e.as, t, { default: n.default }) : () => K(ce, t, { default: n.default });
-  }
-});
-function Be() {
-  const e = g(), t = E(() => {
-    var n, o;
-    return ["#text", "#comment"].includes((n = e.value) == null ? void 0 : n.$el.nodeName) ? (o = e.value) == null ? void 0 : o.$el.nextElementSibling : q(e);
-  });
-  return {
-    primitiveElement: e,
-    currentElement: t
-  };
-}
-function Dt(e, t) {
-  const n = g({}), o = g("none"), a = e.value ? "mounted" : "unmounted", { state: r, dispatch: u } = At(a, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: {
-      MOUNT: "mounted"
-    }
-  }), l = (v) => {
-    var f;
-    if (R) {
-      const m = new CustomEvent(v, { bubbles: !1, cancelable: !1 });
-      (f = t.value) == null || f.dispatchEvent(m);
-    }
-  };
-  P(
-    e,
-    async (v, f) => {
-      var m;
-      const y = f !== v;
-      if (await V(), y) {
-        const w = o.value, C = Y(t.value);
-        v ? (u("MOUNT"), l("enter"), C === "none" && l("after-enter")) : C === "none" || ((m = n.value) == null ? void 0 : m.display) === "none" ? (u("UNMOUNT"), l("leave"), l("after-leave")) : f && w !== C ? (u("ANIMATION_OUT"), l("leave")) : (u("UNMOUNT"), l("after-leave"));
-      }
-    },
-    { immediate: !0 }
-  );
-  const s = (v) => {
-    const f = Y(t.value), m = f.includes(
-      v.animationName
-    ), y = r.value === "mounted" ? "enter" : "leave";
-    v.target === t.value && m && (l(`after-${y}`), u("ANIMATION_END")), v.target === t.value && f === "none" && u("ANIMATION_END");
-  }, i = (v) => {
-    v.target === t.value && (o.value = Y(t.value));
-  }, c = P(
-    t,
-    (v, f) => {
-      v ? (n.value = getComputedStyle(v), v.addEventListener("animationstart", i), v.addEventListener("animationcancel", s), v.addEventListener("animationend", s)) : (u("ANIMATION_END"), f?.removeEventListener("animationstart", i), f?.removeEventListener("animationcancel", s), f?.removeEventListener("animationend", s));
-    },
-    { immediate: !0 }
-  ), d = P(r, () => {
-    const v = Y(t.value);
-    o.value = r.value === "mounted" ? v : "none";
-  });
-  return ue(() => {
-    c(), d();
-  }), {
-    isPresent: E(
-      () => ["mounted", "unmountSuspended"].includes(r.value)
-    )
-  };
-}
-function Y(e) {
-  return e && getComputedStyle(e).animationName || "none";
-}
-const Te = h({
-  name: "Presence",
-  props: {
-    present: {
-      type: Boolean,
-      required: !0
-    },
-    forceMount: {
-      type: Boolean
-    }
-  },
-  slots: {},
-  setup(e, { slots: t, expose: n }) {
-    var o;
-    const { present: a, forceMount: r } = X(e), u = g(), { isPresent: l } = Dt(a, u);
-    n({ present: l });
-    let s = t.default({ present: l });
-    s = se(s || []);
-    const i = x();
-    if (s && s?.length > 1) {
-      const c = (o = i?.parent) != null && o.type.name ? `<${i.parent.type.name} />` : "component";
-      throw new Error(
-        [
-          `Detected an invalid children for \`${c}\` for  \`Presence\` component.`,
-          "",
-          "Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",
-          "You can apply a few solutions:",
-          [
-            "Provide a single child element so that `presence` directive attach correctly.",
-            "Ensure the first child is an actual element instead of a raw text node or comment node."
-          ].map((d) => `  - ${d}`).join(`
-`)
-        ].join(`
-`)
-      );
-    }
-    return () => r.value || a.value || l.value ? K(t.default({ present: l })[0], {
-      ref: (c) => {
-        const d = q(c);
-        return typeof d?.hasAttribute > "u" || (d != null && d.hasAttribute("data-radix-popper-content-wrapper") ? u.value = d.firstElementChild : u.value = d), d;
-      }
-    }) : null;
-  }
-});
-function Se({ type: e, defaultValue: t, modelValue: n }) {
-  const o = n || t;
-  if (te(e) && te(n) && te(t))
-    throw new Error("Either the `type` or the `value` or `default-value` prop must be defined.");
-  if (n !== void 0 && t !== void 0 && typeof n != typeof t)
-    throw new Error(
-      `Invalid prop \`value\` of value \`${n}\` supplied, should be the same type as the \`defaultValue\` prop, which is \`${t}\`. The \`value\` prop must be:
-  ${e === "single" ? "- a string" : e === "multiple" ? "- an array of strings" : `- a string
-- an array of strings`}
-  - \`undefined\``
-    );
-  const a = n !== void 0 || t !== void 0;
-  if (e && a) {
-    const r = Array.isArray(n) || Array.isArray(t), u = n !== void 0 ? "modelValue" : "defaultValue", l = u === "modelValue" ? typeof n : typeof t;
-    if (e === "single" && r)
-      return console.error(`Invalid prop \`${u}\` of type ${l} supplied with type \`single\`. The \`modelValue\` prop must be a string or \`undefined\`.
-    You can remove the \`type\` prop to let the component infer the type from the ${u} prop.`), "multiple";
-    if (e === "multiple" && !r)
-      return console.error(`Invalid prop \`${u}\` of type ${l} supplied with type \`multiple\`. The \`modelValue\` prop must be an array of strings or \`undefined\`.
-    You can remove the \`type\` prop to let the component infer the type from the ${u} prop.`), "single";
-  }
-  return a ? Array.isArray(o) ? "multiple" : "single" : e;
-}
-function Ct({ type: e, defaultValue: t, modelValue: n }) {
-  return e || Se({ type: e, defaultValue: t, modelValue: n });
-}
-function It({ type: e, defaultValue: t }) {
-  return t !== void 0 ? t : e === "single" ? void 0 : [];
-}
-function _t(e, t) {
-  const n = g(Ct(e)), o = Z(e, "modelValue", t, {
-    defaultValue: It(e),
-    passive: e.modelValue === void 0,
-    deep: !0
-  });
-  P(
-    () => [e.type, e.modelValue, e.defaultValue],
-    () => {
-      const u = Se(e);
-      n.value !== u && (n.value = u);
-    },
-    { immediate: !0 }
-  );
-  function a(u) {
-    if (n.value === "single")
-      o.value = u === o.value ? void 0 : u;
-    else {
-      const l = [...o.value || []];
-      if (l.includes(u)) {
-        const s = l.findIndex((i) => i === u);
-        l.splice(s, 1);
-      } else
-        l.push(u);
-      o.value = l;
-    }
-  }
-  const r = E(() => n.value === "single");
-  return {
-    modelValue: o,
-    type: n,
-    changeModelValue: a,
-    isSingle: r
-  };
-}
-const [F, Bt] = G("DialogRoot"), hn = /* @__PURE__ */ h({
-  __name: "DialogRoot",
-  props: {
-    open: { type: Boolean, default: void 0 },
-    defaultOpen: { type: Boolean, default: !1 },
-    modal: { type: Boolean, default: !0 }
-  },
-  emits: ["update:open"],
-  setup(e, { emit: t }) {
-    const n = e, o = Z(n, "open", t, {
-      defaultValue: n.defaultOpen,
-      passive: n.open === void 0
-    }), a = g(), r = g(), { modal: u } = X(n);
-    return Bt({
-      open: o,
-      modal: u,
-      openModal: () => {
-        o.value = !0;
-      },
-      onOpenChange: (l) => {
-        o.value = l;
-      },
-      onOpenToggle: () => {
-        o.value = !o.value;
-      },
-      contentId: "",
-      titleId: "",
-      descriptionId: "",
-      triggerElement: a,
-      contentElement: r
-    }), (l, s) => D(l.$slots, "default", { open: p(o) });
-  }
-}), wn = /* @__PURE__ */ h({
-  __name: "DialogTrigger",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "button" }
-  },
-  setup(e) {
-    const t = e, n = F(), { forwardRef: o, currentElement: a } = I();
-    return n.contentId || (n.contentId = Q(void 0, "radix-vue-dialog-content")), z(() => {
-      n.triggerElement.value = a.value;
-    }), (r, u) => (O(), A(p(B), S(t, {
-      ref: p(o),
-      type: r.as === "button" ? "button" : void 0,
-      "aria-haspopup": "dialog",
-      "aria-expanded": p(n).open.value || !1,
-      "aria-controls": p(n).open.value ? p(n).contentId : void 0,
-      "data-state": p(n).open.value ? "open" : "closed",
-      onClick: p(n).onOpenToggle
-    }), {
-      default: b(() => [
-        D(r.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["type", "aria-expanded", "aria-controls", "data-state", "onClick"]));
-  }
-}), Tt = /* @__PURE__ */ h({
-  __name: "Teleport",
-  props: {
-    to: { default: "body" },
-    disabled: { type: Boolean },
-    forceMount: { type: Boolean }
-  },
-  setup(e) {
-    const t = it();
-    return (n, o) => p(t) || n.forceMount ? (O(), A(Ue, {
-      key: 0,
-      to: n.to,
-      disabled: n.disabled
-    }, [
-      D(n.$slots, "default")
-    ], 8, ["to", "disabled"])) : Ee("", !0);
-  }
-}), En = /* @__PURE__ */ h({
-  __name: "DialogPortal",
-  props: {
-    to: {},
-    disabled: { type: Boolean },
-    forceMount: { type: Boolean }
-  },
-  setup(e) {
-    const t = e;
-    return (n, o) => (O(), A(p(Tt), Le(ke(t)), {
-      default: b(() => [
-        D(n.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-}), St = "dismissableLayer.pointerDownOutside", Pt = "dismissableLayer.focusOutside";
-function Pe(e, t) {
-  const n = t.closest(
-    "[data-dismissable-layer]"
-  ), o = e.dataset.dismissableLayer === "" ? e : e.querySelector(
-    "[data-dismissable-layer]"
-  ), a = Array.from(
-    e.ownerDocument.querySelectorAll("[data-dismissable-layer]")
-  );
-  return !!(n && o === n || a.indexOf(o) < a.indexOf(n));
-}
-function Ft(e, t) {
-  var n;
-  const o = ((n = t?.value) == null ? void 0 : n.ownerDocument) ?? globalThis?.document, a = g(!1), r = g(() => {
-  });
-  return M((u) => {
-    if (!R)
-      return;
-    const l = async (i) => {
-      const c = i.target;
-      if (t != null && t.value) {
-        if (Pe(t.value, c)) {
-          a.value = !1;
-          return;
-        }
-        if (i.target && !a.value) {
-          let d = function() {
-            Oe(
-              St,
-              e,
-              v
-            );
-          };
-          const v = { originalEvent: i };
-          i.pointerType === "touch" ? (o.removeEventListener("click", r.value), r.value = d, o.addEventListener("click", r.value, {
-            once: !0
-          })) : d();
-        } else
-          o.removeEventListener("click", r.value);
-        a.value = !1;
-      }
-    }, s = window.setTimeout(() => {
-      o.addEventListener("pointerdown", l);
-    }, 0);
-    u(() => {
-      window.clearTimeout(s), o.removeEventListener("pointerdown", l), o.removeEventListener("click", r.value);
-    });
-  }), {
-    onPointerDownCapture: () => a.value = !0
-  };
-}
-function $t(e, t) {
-  var n;
-  const o = ((n = t?.value) == null ? void 0 : n.ownerDocument) ?? globalThis?.document, a = g(!1);
-  return M((r) => {
-    if (!R)
-      return;
-    const u = async (l) => {
-      t != null && t.value && (await V(), !(!t.value || Pe(t.value, l.target)) && l.target && !a.value && Oe(
-        Pt,
-        e,
-        { originalEvent: l }
-      ));
-    };
-    o.addEventListener("focusin", u), r(() => o.removeEventListener("focusin", u));
-  }), {
-    onFocusCapture: () => a.value = !0,
-    onBlurCapture: () => a.value = !1
-  };
-}
-const $ = be({
-  layersRoot: /* @__PURE__ */ new Set(),
-  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-  branches: /* @__PURE__ */ new Set()
-}), Nt = /* @__PURE__ */ h({
-  __name: "DismissableLayer",
-  props: {
-    disableOutsidePointerEvents: { type: Boolean, default: !1 },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "dismiss"],
-  setup(e, { emit: t }) {
-    const n = e, o = t, { forwardRef: a, currentElement: r } = I(), u = E(
-      () => {
-        var m;
-        return ((m = r.value) == null ? void 0 : m.ownerDocument) ?? globalThis.document;
-      }
-    ), l = E(() => $.layersRoot), s = E(() => r.value ? Array.from(l.value).indexOf(r.value) : -1), i = E(() => $.layersWithOutsidePointerEventsDisabled.size > 0), c = E(() => {
-      const m = Array.from(l.value), [y] = [...$.layersWithOutsidePointerEventsDisabled].slice(-1), w = m.indexOf(y);
-      return s.value >= w;
-    }), d = Ft(async (m) => {
-      const y = [...$.branches].some(
-        (w) => w.contains(m.target)
-      );
-      !c.value || y || (o("pointerDownOutside", m), o("interactOutside", m), await V(), m.defaultPrevented || o("dismiss"));
-    }, r), v = $t((m) => {
-      [...$.branches].some(
-        (y) => y.contains(m.target)
-      ) || (o("focusOutside", m), o("interactOutside", m), m.defaultPrevented || o("dismiss"));
-    }, r);
-    ut("Escape", (m) => {
-      s.value === l.value.size - 1 && (o("escapeKeyDown", m), m.defaultPrevented || o("dismiss"));
-    });
-    let f;
-    return M((m) => {
-      r.value && (n.disableOutsidePointerEvents && ($.layersWithOutsidePointerEventsDisabled.size === 0 && (f = u.value.body.style.pointerEvents, u.value.body.style.pointerEvents = "none"), $.layersWithOutsidePointerEventsDisabled.add(r.value)), l.value.add(r.value), m(() => {
-        n.disableOutsidePointerEvents && $.layersWithOutsidePointerEventsDisabled.size === 1 && (u.value.body.style.pointerEvents = f);
-      }));
-    }), M((m) => {
-      m(() => {
-        r.value && (l.value.delete(r.value), $.layersWithOutsidePointerEventsDisabled.delete(r.value));
-      });
-    }), (m, y) => (O(), A(p(B), {
-      ref: p(a),
-      "as-child": m.asChild,
-      as: m.as,
-      "data-dismissable-layer": "",
-      style: He({
-        pointerEvents: i.value ? c.value ? "auto" : "none" : void 0
-      }),
-      onFocusCapture: p(v).onFocusCapture,
-      onBlurCapture: p(v).onBlurCapture,
-      onPointerdownCapture: p(d).onPointerDownCapture
-    }, {
-      default: b(() => [
-        D(m.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["as-child", "as", "style", "onFocusCapture", "onBlurCapture", "onPointerdownCapture"]));
-  }
-}), ae = "focusScope.autoFocusOnMount", le = "focusScope.autoFocusOnUnmount", fe = { bubbles: !1, cancelable: !0 };
-function Mt(e, { select: t = !1 } = {}) {
-  const n = document.activeElement;
-  for (const o of e)
-    if (N(o, { select: t }), document.activeElement !== n)
-      return !0;
-}
-function xt(e) {
-  const t = Fe(e), n = me(t, e), o = me(t.reverse(), e);
-  return [n, o];
-}
-function Fe(e) {
-  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (o) => {
-      const a = o.tagName === "INPUT" && o.type === "hidden";
-      return o.disabled || o.hidden || a ? NodeFilter.FILTER_SKIP : o.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  for (; n.nextNode(); ) t.push(n.currentNode);
-  return t;
-}
-function me(e, t) {
-  for (const n of e)
-    if (!Vt(n, { upTo: t }))
-      return n;
-}
-function Vt(e, { upTo: t }) {
-  if (getComputedStyle(e).visibility === "hidden")
-    return !0;
-  for (; e; ) {
-    if (t !== void 0 && e === t)
-      return !1;
-    if (getComputedStyle(e).display === "none")
-      return !0;
-    e = e.parentElement;
-  }
-  return !1;
-}
-function Rt(e) {
-  return e instanceof HTMLInputElement && "select" in e;
-}
-function N(e, { select: t = !1 } = {}) {
-  if (e && e.focus) {
-    const n = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== n && Rt(e) && t && e.select();
-  }
-}
-const Lt = Qe(() => g([]));
-function kt() {
-  const e = Lt();
-  return {
-    add(t) {
-      const n = e.value[0];
-      t !== n && n?.pause(), e.value = ye(e.value, t), e.value.unshift(t);
-    },
-    remove(t) {
-      var n;
-      e.value = ye(e.value, t), (n = e.value[0]) == null || n.resume();
-    }
-  };
-}
-function ye(e, t) {
-  const n = [...e], o = n.indexOf(t);
-  return o !== -1 && n.splice(o, 1), n;
-}
-function jt(e) {
-  return e.filter((t) => t.tagName !== "A");
-}
-const Kt = /* @__PURE__ */ h({
-  __name: "FocusScope",
-  props: {
-    loop: { type: Boolean, default: !1 },
-    trapped: { type: Boolean, default: !1 },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["mountAutoFocus", "unmountAutoFocus"],
-  setup(e, { emit: t }) {
-    const n = e, o = t, { currentRef: a, currentElement: r } = I(), u = g(null), l = kt(), s = be({
-      paused: !1,
-      pause() {
-        this.paused = !0;
-      },
-      resume() {
-        this.paused = !1;
-      }
-    });
-    M((c) => {
-      if (!R)
-        return;
-      const d = r.value;
-      if (!n.trapped)
-        return;
-      function v(w) {
-        if (s.paused || !d)
-          return;
-        const C = w.target;
-        d.contains(C) ? u.value = C : N(u.value, { select: !0 });
-      }
-      function f(w) {
-        if (s.paused || !d)
-          return;
-        const C = w.relatedTarget;
-        C !== null && (d.contains(C) || N(u.value, { select: !0 }));
-      }
-      function m(w) {
-        d.contains(u.value) || N(d);
-      }
-      document.addEventListener("focusin", v), document.addEventListener("focusout", f);
-      const y = new MutationObserver(m);
-      d && y.observe(d, { childList: !0, subtree: !0 }), c(() => {
-        document.removeEventListener("focusin", v), document.removeEventListener("focusout", f), y.disconnect();
-      });
-    }), M(async (c) => {
-      const d = r.value;
-      if (await V(), !d)
-        return;
-      l.add(s);
-      const v = document.activeElement;
-      if (!d.contains(v)) {
-        const f = new CustomEvent(ae, fe);
-        d.addEventListener(ae, (m) => o("mountAutoFocus", m)), d.dispatchEvent(f), f.defaultPrevented || (Mt(jt(Fe(d)), {
-          select: !0
-        }), document.activeElement === v && N(d));
-      }
-      c(() => {
-        d.removeEventListener(ae, (y) => o("mountAutoFocus", y));
-        const f = new CustomEvent(le, fe), m = (y) => {
-          o("unmountAutoFocus", y);
-        };
-        d.addEventListener(le, m), d.dispatchEvent(f), setTimeout(() => {
-          f.defaultPrevented || N(v ?? document.body, { select: !0 }), d.removeEventListener(le, m), l.remove(s);
-        }, 0);
-      });
-    });
-    function i(c) {
-      if (!n.loop && !n.trapped || s.paused)
-        return;
-      const d = c.key === "Tab" && !c.altKey && !c.ctrlKey && !c.metaKey, v = document.activeElement;
-      if (d && v) {
-        const f = c.currentTarget, [m, y] = xt(f);
-        m && y ? !c.shiftKey && v === y ? (c.preventDefault(), n.loop && N(m, { select: !0 })) : c.shiftKey && v === m && (c.preventDefault(), n.loop && N(y, { select: !0 })) : v === f && c.preventDefault();
-      }
-    }
-    return (c, d) => (O(), A(p(B), {
-      ref_key: "currentRef",
-      ref: a,
-      tabindex: "-1",
-      "as-child": c.asChild,
-      as: c.as,
-      onKeydown: i
-    }, {
-      default: b(() => [
-        D(c.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["as-child", "as"]));
-  }
-});
-function Wt(e) {
-  return e ? "open" : "closed";
-}
-const Ut = "DialogTitle", zt = "DialogContent";
-function Gt({
-  titleName: e = Ut,
-  contentName: t = zt,
-  componentLink: n = "dialog.html#title",
-  titleId: o,
-  descriptionId: a,
-  contentElement: r
-}) {
-  const u = `Warning: \`${t}\` requires a \`${e}\` for the component to be accessible for screen reader users.
-
-If you want to hide the \`${e}\`, you can wrap it with our VisuallyHidden component.
-
-For more information, see https://www.radix-vue.com/components/${n}`, l = `Warning: Missing \`Description\` or \`aria-describedby="undefined"\` for ${t}.`;
-  z(() => {
-    var s;
-    document.getElementById(o) || console.warn(u);
-    const i = (s = r.value) == null ? void 0 : s.getAttribute("aria-describedby");
-    a && !i && (document.getElementById(a) || console.warn(l));
-  });
-}
-const $e = /* @__PURE__ */ h({
-  __name: "DialogContentImpl",
-  props: {
-    forceMount: { type: Boolean },
-    trapFocus: { type: Boolean },
-    disableOutsidePointerEvents: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(e, { emit: t }) {
-    const n = e, o = t, a = F(), { forwardRef: r, currentElement: u } = I();
-    return a.titleId || (a.titleId = Q(void 0, "radix-vue-dialog-title")), a.descriptionId || (a.descriptionId = Q(void 0, "radix-vue-dialog-description")), z(() => {
-      a.contentElement = u, document.activeElement !== document.body && (a.triggerElement.value = document.activeElement);
-    }), process.env.NODE_ENV !== "production" && Gt({
-      titleName: "DialogTitle",
-      contentName: "DialogContent",
-      componentLink: "dialog.html#title",
-      titleId: a.titleId,
-      descriptionId: a.descriptionId,
-      contentElement: a.contentElement
-    }), (l, s) => (O(), A(p(Kt), {
-      "as-child": "",
-      loop: "",
-      trapped: n.trapFocus,
-      onMountAutoFocus: s[5] || (s[5] = (i) => o("openAutoFocus", i)),
-      onUnmountAutoFocus: s[6] || (s[6] = (i) => o("closeAutoFocus", i))
-    }, {
-      default: b(() => [
-        W(p(Nt), S({
-          id: p(a).contentId,
-          ref: p(r),
-          as: l.as,
-          "as-child": l.asChild,
-          "disable-outside-pointer-events": l.disableOutsidePointerEvents,
-          role: "dialog",
-          "aria-describedby": p(a).descriptionId,
-          "aria-labelledby": p(a).titleId,
-          "data-state": p(Wt)(p(a).open.value)
-        }, l.$attrs, {
-          onDismiss: s[0] || (s[0] = (i) => p(a).onOpenChange(!1)),
-          onEscapeKeyDown: s[1] || (s[1] = (i) => o("escapeKeyDown", i)),
-          onFocusOutside: s[2] || (s[2] = (i) => o("focusOutside", i)),
-          onInteractOutside: s[3] || (s[3] = (i) => o("interactOutside", i)),
-          onPointerDownOutside: s[4] || (s[4] = (i) => o("pointerDownOutside", i))
-        }), {
-          default: b(() => [
-            D(l.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["id", "as", "as-child", "disable-outside-pointer-events", "aria-describedby", "aria-labelledby", "data-state"])
-      ]),
-      _: 3
-    }, 8, ["trapped"]));
-  }
-}), qt = /* @__PURE__ */ h({
-  __name: "DialogContentModal",
+import { defineComponent as s, computed as n, openBlock as c, createBlock as l, unref as r, mergeProps as p } from "vue";
+import { DrawerOverlay as m } from "./chunk-18.js";
+import { cn as u } from "./chunk-1515.js";
+const g = /* @__PURE__ */ s({
+  __name: "LDrawerOverlay",
   props: {
     forceMount: { type: Boolean },
-    trapFocus: { type: Boolean },
-    disableOutsidePointerEvents: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(e, { emit: t }) {
-    const n = e, o = t, a = F(), r = ee(o), { forwardRef: u, currentElement: l } = I();
-    return Et(l), (s, i) => (O(), A($e, S({ ...n, ...p(r) }, {
-      ref: p(u),
-      "trap-focus": p(a).open.value,
-      "disable-outside-pointer-events": !0,
-      onCloseAutoFocus: i[0] || (i[0] = (c) => {
-        var d;
-        c.defaultPrevented || (c.preventDefault(), (d = p(a).triggerElement.value) == null || d.focus());
-      }),
-      onPointerDownOutside: i[1] || (i[1] = (c) => {
-        const d = c.detail.originalEvent, v = d.button === 0 && d.ctrlKey === !0;
-        (d.button === 2 || v) && c.preventDefault();
-      }),
-      onFocusOutside: i[2] || (i[2] = (c) => {
-        c.preventDefault();
-      })
-    }), {
-      default: b(() => [
-        D(s.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["trap-focus"]));
-  }
-}), Ht = /* @__PURE__ */ h({
-  __name: "DialogContentNonModal",
-  props: {
-    forceMount: { type: Boolean },
-    trapFocus: { type: Boolean },
-    disableOutsidePointerEvents: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(e, { emit: t }) {
-    const n = e, o = ee(t);
-    I();
-    const a = F(), r = g(!1), u = g(!1);
-    return (l, s) => (O(), A($e, S({ ...n, ...p(o) }, {
-      "trap-focus": !1,
-      "disable-outside-pointer-events": !1,
-      onCloseAutoFocus: s[0] || (s[0] = (i) => {
-        var c;
-        i.defaultPrevented || (r.value || (c = p(a).triggerElement.value) == null || c.focus(), i.preventDefault()), r.value = !1, u.value = !1;
-      }),
-      onInteractOutside: s[1] || (s[1] = (i) => {
-        var c;
-        i.defaultPrevented || (r.value = !0, i.detail.originalEvent.type === "pointerdown" && (u.value = !0));
-        const d = i.target;
-        (c = p(a).triggerElement.value) != null && c.contains(d) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && u.value && i.preventDefault();
-      })
-    }), {
-      default: b(() => [
-        D(l.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-}), On = /* @__PURE__ */ h({
-  __name: "DialogContent",
-  props: {
-    forceMount: { type: Boolean },
-    trapFocus: { type: Boolean },
-    disableOutsidePointerEvents: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(e, { emit: t }) {
-    const n = e, o = t, a = F(), r = ee(o), { forwardRef: u } = I();
-    return (l, s) => (O(), A(p(Te), {
-      present: l.forceMount || p(a).open.value
-    }, {
-      default: b(() => [
-        p(a).modal.value ? (O(), A(qt, S({
-          key: 0,
-          ref: p(u)
-        }, { ...n, ...p(r), ...l.$attrs }), {
-          default: b(() => [
-            D(l.$slots, "default")
-          ]),
-          _: 3
-        }, 16)) : (O(), A(Ht, S({
-          key: 1,
-          ref: p(u)
-        }, { ...n, ...p(r), ...l.$attrs }), {
-          default: b(() => [
-            D(l.$slots, "default")
-          ]),
-          _: 3
-        }, 16))
-      ]),
-      _: 3
-    }, 8, ["present"]));
-  }
-}), Jt = /* @__PURE__ */ h({
-  __name: "DialogOverlayImpl",
-  props: {
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(e) {
-    const t = F();
-    return mt(!0), I(), (n, o) => (O(), A(p(B), {
-      as: n.as,
-      "as-child": n.asChild,
-      "data-state": p(t).open.value ? "open" : "closed",
-      style: { "pointer-events": "auto" }
-    }, {
-      default: b(() => [
-        D(n.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["as", "as-child", "data-state"]));
-  }
-}), An = /* @__PURE__ */ h({
-  __name: "DialogOverlay",
-  props: {
-    forceMount: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(e) {
-    const t = F(), { forwardRef: n } = I();
-    return (o, a) => {
-      var r;
-      return (r = p(t)) != null && r.modal.value ? (O(), A(p(Te), {
-        key: 0,
-        present: o.forceMount || p(t).open.value
-      }, {
-        default: b(() => [
-          W(Jt, S(o.$attrs, {
-            ref: p(n),
-            as: o.as,
-            "as-child": o.asChild
-          }), {
-            default: b(() => [
-              D(o.$slots, "default")
-            ]),
-            _: 3
-          }, 16, ["as", "as-child"])
-        ]),
-        _: 3
-      }, 8, ["present"])) : Ee("", !0);
-    };
-  }
-}), Dn = /* @__PURE__ */ h({
-  __name: "DialogClose",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "button" }
-  },
-  setup(e) {
-    const t = e;
-    I();
-    const n = F();
-    return (o, a) => (O(), A(p(B), S(t, {
-      type: o.as === "button" ? "button" : void 0,
-      onClick: a[0] || (a[0] = (r) => p(n).onOpenChange(!1))
-    }), {
-      default: b(() => [
-        D(o.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["type"]));
-  }
-}), Cn = /* @__PURE__ */ h({
-  __name: "DialogTitle",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "h2" }
-  },
-  setup(e) {
-    const t = e, n = F();
-    return I(), (o, a) => (O(), A(p(B), S(t, {
-      id: p(n).titleId
-    }), {
-      default: b(() => [
-        D(o.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["id"]));
-  }
-}), In = /* @__PURE__ */ h({
-  __name: "DialogDescription",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "p" }
-  },
-  setup(e) {
-    const t = e;
-    I();
-    const n = F();
-    return (o, a) => (O(), A(p(B), S(t, {
-      id: p(n).descriptionId
-    }), {
-      default: b(() => [
-        D(o.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["id"]));
-  }
-}), Yt = "data-radix-vue-collection-item", [pe, Qt] = G("CollectionProvider");
-function Xt(e = Yt) {
-  const t = g(/* @__PURE__ */ new Map()), n = g(), o = Qt({
-    collectionRef: n,
-    itemMap: t,
-    attrName: e
-  }), { getItems: a } = Ne(o), r = E(() => Array.from(o.itemMap.value.values())), u = E(() => o.itemMap.value.size);
-  return { getItems: a, reactiveItems: r, itemMapSize: u };
-}
-const Zt = h({
-  name: "CollectionSlot",
-  setup(e, { slots: t }) {
-    const n = pe(), { primitiveElement: o, currentElement: a } = Be();
-    return P(a, () => {
-      n.collectionRef.value = a.value;
-    }), () => K(ce, { ref: o }, t);
-  }
-}), en = h({
-  name: "CollectionItem",
-  inheritAttrs: !1,
-  props: {
-    value: {
-      // It accepts any value
-      validator: () => !0
-    }
-  },
-  setup(e, { slots: t, attrs: n }) {
-    const o = pe(), { primitiveElement: a, currentElement: r } = Be();
-    return M((u) => {
-      if (r.value) {
-        const l = je(r.value);
-        o.itemMap.value.set(l, { ref: r.value, value: e.value }), u(() => o.itemMap.value.delete(l));
-      }
-    }), () => K(ce, { ...n, [o.attrName]: "", ref: a }, t);
-  }
-});
-function Ne(e) {
-  const t = e ?? pe();
-  return { getItems: () => {
-    const n = t.collectionRef.value;
-    if (!n)
-      return [];
-    const o = Array.from(n.querySelectorAll(`[${t.attrName}]`));
-    return Array.from(t.itemMap.value.values()).sort(
-      (a, r) => o.indexOf(a.ref) - o.indexOf(r.ref)
-    );
-  } };
-}
-const tn = "rovingFocusGroup.onEntryFocus", nn = { bubbles: !1, cancelable: !0 }, on = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-function an(e, t) {
-  return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
-}
-function ln(e, t, n) {
-  const o = an(e.key, n);
-  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
-    return on[o];
-}
-function Me(e, t = !1) {
-  const n = document.activeElement;
-  for (const o of e)
-    if (o === n || (o.focus({ preventScroll: t }), document.activeElement !== n))
-      return;
-}
-function rn(e, t) {
-  return e.map((n, o) => e[(t + o) % e.length]);
-}
-const [un, sn] = G("RovingFocusGroup"), dn = /* @__PURE__ */ h({
-  __name: "RovingFocusGroup",
-  props: {
-    orientation: { default: void 0 },
-    dir: {},
-    loop: { type: Boolean, default: !1 },
-    currentTabStopId: {},
-    defaultCurrentTabStopId: {},
-    preventScrollOnEntryFocus: { type: Boolean, default: !1 },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["entryFocus", "update:currentTabStopId"],
-  setup(e, { expose: t, emit: n }) {
-    const o = e, a = n, { loop: r, orientation: u, dir: l } = X(o), s = Ie(l), i = Z(o, "currentTabStopId", a, {
-      defaultValue: o.defaultCurrentTabStopId,
-      passive: o.currentTabStopId === void 0
-    }), c = g(!1), d = g(!1), v = g(0), { getItems: f } = Xt();
-    function m(y) {
-      const w = !d.value;
-      if (y.currentTarget && y.target === y.currentTarget && w && !c.value) {
-        const C = new CustomEvent(tn, nn);
-        if (y.currentTarget.dispatchEvent(C), a("entryFocus", C), !C.defaultPrevented) {
-          const L = f().map((T) => T.ref).filter((T) => T.dataset.disabled !== ""), _ = L.find((T) => T.getAttribute("data-active") === "true"), U = L.find(
-            (T) => T.id === i.value
-          ), k = [_, U, ...L].filter(
-            Boolean
-          );
-          Me(k, o.preventScrollOnEntryFocus);
-        }
-      }
-      d.value = !1;
-    }
-    return t({
-      getItems: f
-    }), sn({
-      loop: r,
-      dir: s,
-      orientation: u,
-      currentTabStopId: i,
-      onItemFocus: (y) => {
-        i.value = y;
-      },
-      onItemShiftTab: () => {
-        c.value = !0;
-      },
-      onFocusableItemAdd: () => {
-        v.value++;
-      },
-      onFocusableItemRemove: () => {
-        v.value--;
-      }
-    }), (y, w) => (O(), A(p(Zt), null, {
-      default: b(() => [
-        W(p(B), {
-          tabindex: c.value || v.value === 0 ? -1 : 0,
-          "data-orientation": p(u),
-          as: y.as,
-          "as-child": y.asChild,
-          dir: p(s),
-          style: { outline: "none" },
-          onMousedown: w[0] || (w[0] = (C) => d.value = !0),
-          onFocus: m,
-          onBlur: w[1] || (w[1] = (C) => c.value = !1)
-        }, {
-          default: b(() => [
-            D(y.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["tabindex", "data-orientation", "as", "as-child", "dir"])
-      ]),
-      _: 3
-    }));
-  }
-}), cn = /* @__PURE__ */ h({
-  __name: "RovingFocusItem",
-  props: {
-    tabStopId: {},
-    focusable: { type: Boolean, default: !0 },
-    active: { type: Boolean, default: !0 },
-    allowShiftKey: { type: Boolean },
-    asChild: { type: Boolean },
-    as: { default: "span" }
-  },
-  setup(e) {
-    const t = e, n = un(), o = E(() => t.tabStopId || Q()), a = E(
-      () => n.currentTabStopId.value === o.value
-    ), { getItems: r } = Ne();
-    z(() => {
-      t.focusable && n.onFocusableItemAdd();
-    }), ue(() => {
-      t.focusable && n.onFocusableItemRemove();
-    });
-    function u(l) {
-      if (l.key === "Tab" && l.shiftKey) {
-        n.onItemShiftTab();
-        return;
-      }
-      if (l.target !== l.currentTarget)
-        return;
-      const s = ln(
-        l,
-        n.orientation.value,
-        n.dir.value
-      );
-      if (s !== void 0) {
-        if (l.metaKey || l.ctrlKey || l.altKey || !t.allowShiftKey && l.shiftKey)
-          return;
-        l.preventDefault();
-        let i = [...r().map((c) => c.ref).filter((c) => c.dataset.disabled !== "")];
-        if (s === "last")
-          i.reverse();
-        else if (s === "prev" || s === "next") {
-          s === "prev" && i.reverse();
-          const c = i.indexOf(
-            l.currentTarget
-          );
-          i = n.loop.value ? rn(i, c + 1) : i.slice(c + 1);
-        }
-        V(() => Me(i));
-      }
-    }
-    return (l, s) => (O(), A(p(en), null, {
-      default: b(() => [
-        W(p(B), {
-          tabindex: a.value ? 0 : -1,
-          "data-orientation": p(n).orientation.value,
-          "data-active": l.active,
-          "data-disabled": l.focusable ? void 0 : "",
-          as: l.as,
-          "as-child": l.asChild,
-          onMousedown: s[0] || (s[0] = (i) => {
-            l.focusable ? p(n).onItemFocus(o.value) : i.preventDefault();
-          }),
-          onFocus: s[1] || (s[1] = (i) => p(n).onItemFocus(o.value)),
-          onKeydown: u
-        }, {
-          default: b(() => [
-            D(l.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["tabindex", "data-orientation", "data-active", "data-disabled", "as", "as-child"])
-      ]),
-      _: 3
-    }));
-  }
-});
-function pn() {
-  if (typeof matchMedia == "function")
-    return matchMedia("(pointer:coarse)").matches ? "coarse" : "fine";
-}
-pn();
-const vn = /* @__PURE__ */ h({
-  __name: "Toggle",
-  props: {
-    defaultValue: { type: Boolean },
-    pressed: { type: Boolean, default: void 0 },
-    disabled: { type: Boolean, default: !1 },
-    asChild: { type: Boolean },
-    as: { default: "button" }
-  },
-  emits: ["update:pressed"],
-  setup(e, { emit: t }) {
-    const n = e, o = t;
-    I();
-    const a = Z(n, "pressed", o, {
-      defaultValue: n.defaultValue,
-      passive: n.pressed === void 0
-    });
-    function r() {
-      a.value = !a.value;
-    }
-    const u = E(() => a.value ? "on" : "off");
-    return (l, s) => (O(), A(p(B), {
-      type: l.as === "button" ? "button" : void 0,
-      "as-child": n.asChild,
-      as: l.as,
-      "aria-pressed": p(a),
-      "data-state": u.value,
-      "data-disabled": l.disabled ? "" : void 0,
-      disabled: l.disabled,
-      onClick: r
-    }, {
-      default: b(() => [
-        D(l.$slots, "default", { pressed: p(a) })
-      ]),
-      _: 3
-    }, 8, ["type", "as-child", "as", "aria-pressed", "data-state", "data-disabled", "disabled"]));
-  }
-}), [fn, mn] = G("ToggleGroupRoot"), _n = /* @__PURE__ */ h({
-  __name: "ToggleGroupRoot",
-  props: {
-    rovingFocus: { type: Boolean, default: !0 },
-    disabled: { type: Boolean, default: !1 },
-    orientation: {},
-    dir: {},
-    loop: { type: Boolean, default: !0 },
     asChild: { type: Boolean },
     as: {},
-    type: {},
-    modelValue: {},
-    defaultValue: {}
+    class: {}
   },
-  emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const n = e, o = t, { loop: a, rovingFocus: r, disabled: u, dir: l } = X(n), s = Ie(l), { forwardRef: i } = I(), { modelValue: c, changeModelValue: d, isSingle: v } = _t(n, o);
-    return mn({
-      isSingle: v,
-      modelValue: c,
-      changeModelValue: d,
-      dir: s,
-      orientation: n.orientation,
-      loop: a,
-      rovingFocus: r,
-      disabled: u
-    }), (f, m) => (O(), A(he(p(r) ? p(dn) : p(B)), {
-      "as-child": "",
-      orientation: p(r) ? f.orientation : void 0,
-      dir: p(s),
-      loop: p(r) ? p(a) : void 0
-    }, {
-      default: b(() => [
-        W(p(B), {
-          ref: p(i),
-          role: "group",
-          "as-child": f.asChild,
-          as: f.as
-        }, {
-          default: b(() => [
-            D(f.$slots, "default", { modelValue: p(c) })
-          ]),
-          _: 3
-        }, 8, ["as-child", "as"])
-      ]),
-      _: 3
-    }, 8, ["orientation", "dir", "loop"]));
-  }
-}), Bn = /* @__PURE__ */ h({
-  __name: "ToggleGroupItem",
-  props: {
-    value: {},
-    defaultValue: { type: Boolean },
-    pressed: { type: Boolean },
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: { default: "button" }
-  },
-  setup(e) {
-    const t = e, n = fn(), o = E(() => {
-      var l;
-      return ((l = n.disabled) == null ? void 0 : l.value) || t.disabled;
-    }), a = E(() => {
-      var l;
-      return (l = n.modelValue.value) == null ? void 0 : l.includes(t.value);
-    }), r = E(() => {
-      var l;
-      return n.isSingle.value ? n.modelValue.value === t.value : (l = n.modelValue.value) == null ? void 0 : l.includes(t.value);
-    }), { forwardRef: u } = I();
-    return (l, s) => (O(), A(he(p(n).rovingFocus.value ? p(cn) : p(B)), {
-      "as-child": "",
-      focusable: !o.value,
-      active: a.value
-    }, {
-      default: b(() => [
-        W(p(vn), S(t, {
-          ref: p(u),
-          disabled: o.value,
-          pressed: r.value,
-          "onUpdate:pressed": s[0] || (s[0] = (i) => p(n).changeModelValue(l.value))
-        }), {
-          default: b(() => [
-            D(l.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["disabled", "pressed"])
-      ]),
-      _: 3
-    }, 8, ["focusable", "active"]));
+  setup(t) {
+    const e = t, a = n(() => {
+      const { ...o } = e;
+      return o;
+    });
+    return (o, d) => (c(), l(r(m), p(a.value, {
+      class: r(u)("fixed inset-0 z-50 bg-black/80", e.class)
+    }), null, 16, ["class"]));
   }
 });
 export {
-  Dn as DialogClose,
-  On as DialogContent,
-  In as DialogDescription,
-  An as DialogOverlay,
-  En as DialogPortal,
-  hn as DialogRoot,
-  Cn as DialogTitle,
-  wn as DialogTrigger,
-  B as Primitive,
-  ce as Slot,
-  vn as Toggle,
-  Bn as ToggleGroupItem,
-  _n as ToggleGroupRoot,
-  G as createContext,
-  mt as useBodyScrollLock,
-  ee as useEmitAsProps,
-  I as useForwardExpose,
-  yt as useForwardProps,
-  bn as useForwardPropsEmits,
-  Q as useId,
-  At as useStateMachine
+  g as default
 };