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

package/dist/chunks/chunk-17.js

@@ -1,763 +1,29 @@
-import { defineComponent as re, useSlots as _e, computed as F, toRefs as He, openBlock as ie, createBlock as ue, unref as N, withCtx as $e, renderSlot as De, watch as L, normalizeStyle as We, getCurrentInstance as Le, ref as x, nextTick as xe, watchEffect as Ve, onUnmounted as Oe, onMounted as qe } from "vue";
-import { DialogRoot as Xe, DialogOverlay as Je, DialogContent as Ye, createContext as Ge } from "./chunk-23.js";
-import { DialogClose as wt, DialogDescription as gt, DialogPortal as ht, DialogTitle as bt, DialogTrigger as yt } from "./chunk-23.js";
-(function() {
-  try {
-    if (typeof document < "u") {
-      var e = document.createElement("style");
-      e.appendChild(document.createTextNode('[vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32,.72,0,1)}[vaul-drawer][vaul-drawer-direction=bottom]{transform:translate3d(0,100%,0)}[vaul-drawer][vaul-drawer-direction=top]{transform:translate3d(0,-100%,0)}[vaul-drawer][vaul-drawer-direction=left]{transform:translate3d(-100%,0,0)}[vaul-drawer][vaul-drawer-direction=right]{transform:translate3d(100%,0,0)}.vaul-dragging .vaul-scrollable [vault-drawer-direction=top],.vaul-dragging .vaul-scrollable [vault-drawer-direction=bottom]{overflow-y:hidden!important}.vaul-dragging .vaul-scrollable [vault-drawer-direction=left],.vaul-dragging .vaul-scrollable [vault-drawer-direction=right]{overflow-x:hidden!important}[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=top],[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height, 0),0)}[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=left],[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height, 0),0,0)}[vaul-overlay]{opacity:0;transition:opacity .5s cubic-bezier(.32,.72,0,1)}[vaul-overlay][vaul-drawer-visible=true]{opacity:1}[vaul-drawer]:after{content:"";position:absolute;background:inherit;background-color:inherit}[vaul-drawer][vaul-drawer-direction=top]:after{top:initial;bottom:100%;left:0;right:0;height:200%}[vaul-drawer][vaul-drawer-direction=bottom]:after{top:100%;bottom:initial;left:0;right:0;height:200%}[vaul-drawer][vaul-drawer-direction=left]:after{left:initial;right:100%;top:0;bottom:0;width:200%}[vaul-drawer][vaul-drawer-direction=right]:after{left:100%;right:initial;top:0;bottom:0;width:200%}[vaul-overlay][vaul-snap-points=true]:not([vaul-snap-points-overlay=true]):not([data-state=closed]){opacity:0}[vaul-overlay][vaul-snap-points-overlay=true]:not([vaul-drawer-visible=false]){opacity:1}@keyframes fake-animation{}@media (hover: hover) and (pointer: fine){[vaul-drawer]{-webkit-user-select:none;user-select:none}}')), document.head.appendChild(e);
-    }
-  } catch (a) {
-    console.error("vite-plugin-css-injected-by-js", a);
-  }
-})();
-const Ke = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Qe = (e) => typeof e < "u";
-function Ze(e) {
-  return JSON.parse(JSON.stringify(e));
-}
-function he(e, a, f, v = {}) {
-  var t, $, u;
-  const {
-    clone: T = !1,
-    passive: C = !1,
-    eventName: p,
-    deep: l = !1,
-    defaultValue: E,
-    shouldEmit: S
-  } = v, R = Le(), y = f || R?.emit || ((t = R?.$emit) == null ? void 0 : t.bind(R)) || ((u = ($ = R?.proxy) == null ? void 0 : $.$emit) == null ? void 0 : u.bind(R?.proxy));
-  let o = p;
-  a || (a = "modelValue"), o = o || `update:${a.toString()}`;
-  const r = (s) => T ? typeof T == "function" ? T(s) : Ze(s) : s, i = () => Qe(e[a]) ? r(e[a]) : E, d = (s) => {
-    S ? S(s) && y(o, s) : y(o, s);
-  };
-  if (C) {
-    const s = i(), A = x(s);
-    let m = !1;
-    return L(
-      () => e[a],
-      (D) => {
-        m || (m = !0, A.value = r(D), xe(() => m = !1));
-      }
-    ), L(
-      A,
-      (D) => {
-        !m && (D !== e[a] || l) && d(D);
-      },
-      { deep: l }
-    ), A;
-  } else
-    return F({
-      get() {
-        return i();
-      },
-      set(s) {
-        d(s);
-      }
-    });
-}
-const [Te, et] = Ge("DrawerRoot"), Se = /* @__PURE__ */ new WeakMap();
-function b(e, a, f = !1) {
-  if (!e || !(e instanceof HTMLElement) || !a)
-    return;
-  const v = {};
-  Object.entries(a).forEach(([t, $]) => {
-    if (t.startsWith("--")) {
-      e.style.setProperty(t, $);
-      return;
-    }
-    v[t] = e.style[t], e.style[t] = $;
-  }), !f && Se.set(e, v);
-}
-function ae(e, a) {
-  if (!e || !(e instanceof HTMLElement))
-    return;
-  const f = Se.get(e);
-  f && (a ? e.style[a] = f[a] : Object.entries(f).forEach(([v, t]) => {
-    e.style[v] = t;
-  }));
-}
-function ne(e, a) {
-  const f = window.getComputedStyle(e), v = f.transform || f.webkitTransform || f.mozTransform;
-  let t = v.match(/^matrix3d\((.+)\)$/);
-  return t ? Number.parseFloat(t[1].split(", ")[O(a) ? 13 : 12]) : (t = v.match(/^matrix\((.+)\)$/), t ? Number.parseFloat(t[1].split(", ")[O(a) ? 5 : 4]) : null);
-}
-function tt(e) {
-  return 8 * (Math.log(e + 1) - 2);
-}
-function O(e) {
-  switch (e) {
-    case "top":
-    case "bottom":
-      return !0;
-    case "left":
-    case "right":
-      return !1;
-    default:
-      return e;
-  }
-}
-const g = {
-  DURATION: 0.5,
-  EASE: [0.32, 0.72, 0, 1]
-}, Re = 0.4;
-function at({
-  activeSnapPoint: e,
-  snapPoints: a,
-  drawerRef: f,
-  overlayRef: v,
-  fadeFromIndex: t,
-  onSnapPointChange: $,
-  direction: u
-}) {
-  const T = F(
-    () => (a.value && e.value === a.value[a.value.length - 1]) ?? null
-  ), C = F(
-    () => a.value && a.value.length > 0 && (t?.value || t?.value === 0) && !Number.isNaN(t?.value) && a.value[t?.value ?? -1] === e.value || !a.value
-  ), p = F(
-    () => {
-      var r;
-      return ((r = a.value) == null ? void 0 : r.findIndex((i) => i === e.value)) ?? null;
-    }
-  ), l = F(
-    () => {
-      var r;
-      return ((r = a.value) == null ? void 0 : r.map((i) => {
-        const d = typeof window < "u", s = typeof i == "string";
-        let A = 0;
-        if (s && (A = Number.parseInt(i, 10)), O(u.value)) {
-          const D = s ? A : d ? i * window.innerHeight : 0;
-          return d ? u.value === "bottom" ? window.innerHeight - D : -window.innerHeight + D : D;
-        }
-        const m = s ? A : d ? i * window.innerWidth : 0;
-        return d ? u.value === "right" ? window.innerWidth - m : -window.innerWidth + m : m;
-      })) ?? [];
-    }
-  ), E = F(
-    () => {
-      var r;
-      return p.value !== null ? (r = l.value) == null ? void 0 : r[p.value] : null;
-    }
-  ), S = (r) => {
-    var i, d, s, A;
-    const m = ((i = l.value) == null ? void 0 : i.findIndex((D) => D === r)) ?? null;
-    xe(() => {
-      var D;
-      $(m, l.value), b((D = f.value) == null ? void 0 : D.$el, {
-        transition: `transform ${g.DURATION}s cubic-bezier(${g.EASE.join(",")})`,
-        transform: O(u.value) ? `translate3d(0, ${r}px, 0)` : `translate3d(${r}px, 0, 0)`
-      });
-    }), l.value && m !== l.value.length - 1 && m !== t?.value ? b((d = v.value) == null ? void 0 : d.$el, {
-      transition: `opacity ${g.DURATION}s cubic-bezier(${g.EASE.join(",")})`,
-      opacity: "0"
-    }) : b((s = v.value) == null ? void 0 : s.$el, {
-      transition: `opacity ${g.DURATION}s cubic-bezier(${g.EASE.join(",")})`,
-      opacity: "1"
-    }), e.value = m !== null ? ((A = a.value) == null ? void 0 : A[m]) ?? null : null;
-  };
-  L(
-    [e, l, a],
-    () => {
-      var r;
-      if (e.value) {
-        const i = ((r = a.value) == null ? void 0 : r.findIndex((d) => d === e.value)) ?? -1;
-        l.value && i !== -1 && typeof l.value[i] == "number" && S(l.value[i]);
-      }
-    },
-    {
-      immediate: !0
-      // if you want to run the effect immediately as well
-    }
-  );
-  function R({
-    draggedDistance: r,
-    closeDrawer: i,
-    velocity: d,
-    dismissible: s
-  }) {
-    var A, m, D;
-    if (t === void 0)
-      return;
-    const U = u.value === "bottom" || u.value === "right" ? (E.value ?? 0) - r : (E.value ?? 0) + r, Q = p.value === (t.value ?? 0) - 1, V = p.value === 0, z = r > 0;
-    if (Q && b((A = v.value) == null ? void 0 : A.$el, {
-      transition: `opacity ${g.DURATION}s cubic-bezier(${g.EASE.join(",")})`
-    }), d > 2 && !z) {
-      s ? i() : S(l.value[0]);
-      return;
-    }
-    if (d > 2 && z && l && a.value) {
-      S(l.value[a.value.length - 1]);
-      return;
-    }
-    const Y = (m = l.value) == null ? void 0 : m.reduce((M, c) => typeof M != "number" || typeof c != "number" ? M : Math.abs(c - U) < Math.abs(M - U) ? c : M), q = O(u.value) ? window.innerHeight : window.innerWidth;
-    if (d > Re && Math.abs(r) < q * 0.4) {
-      const M = z ? 1 : -1;
-      if (M > 0 && T) {
-        S(l.value[(((D = a.value) == null ? void 0 : D.length) ?? 0) - 1]);
-        return;
-      }
-      if (V && M < 0 && s && i(), p.value === null)
-        return;
-      S(l.value[p.value + M]);
-      return;
-    }
-    S(Y);
-  }
-  function y({ draggedDistance: r }) {
-    var i;
-    if (E.value === null)
-      return;
-    const d = u.value === "bottom" || u.value === "right" ? (E.value ?? 0) - r : (E.value ?? 0) + r;
-    (u.value === "bottom" || u.value === "right") && d < l.value[l.value.length - 1] || (u.value === "top" || u.value === "left") && d > l.value[l.value.length - 1] || b((i = f.value) == null ? void 0 : i.$el, {
-      transform: O(u.value) ? `translate3d(0, ${d}px, 0)` : `translate3d(${d}px, 0, 0)`
-    });
-  }
-  function o(r, i) {
-    if (!a || typeof p.value != "number" || !l.value || t === void 0)
-      return null;
-    const d = p.value === (t.value ?? 0) - 1;
-    if (p.value >= (t.value ?? 0) && i)
-      return 0;
-    if (d && !i)
-      return 1;
-    if (!C.value && !d)
-      return null;
-    const s = d ? p.value + 1 : p.value - 1, A = d ? l.value[s] - l.value[s - 1] : l.value[s + 1] - l.value[s], m = r / Math.abs(A);
-    return d ? 1 - m : m;
-  }
-  return {
-    isLastSnapPoint: T,
-    shouldFade: C,
-    getPercentageDragged: o,
-    activeSnapPointIndex: p,
-    onRelease: R,
-    onDrag: y,
-    snapPointsOffset: l
-  };
-}
-let K = null;
-function nt(e) {
-  const { isOpen: a, modal: f, nested: v, hasBeenOpened: t } = e, $ = x(typeof window < "u" ? window.location.href : ""), u = x(0);
-  function T() {
-    if (K === null && a.value) {
-      K = {
-        position: document.body.style.position,
-        top: document.body.style.top,
-        left: document.body.style.left,
-        height: document.body.style.height
-      };
-      const { scrollX: p, innerHeight: l } = window;
-      document.body.style.position = "fixed", document.body.style.top = `-${u.value}px`, document.body.style.left = `-${p}px`, document.body.style.right = "0px", document.body.style.height = "auto", setTimeout(() => {
-        requestAnimationFrame(() => {
-          const E = l - window.innerHeight;
-          E && u.value >= l && (document.body.style.top = `-${u.value + E}px`);
-        });
-      }, 300);
-    }
-  }
-  function C() {
-    if (K !== null) {
-      const p = -Number.parseInt(document.body.style.top, 10), l = -Number.parseInt(document.body.style.left, 10);
-      Object.assign(document.body.style, K), requestAnimationFrame(() => {
-        if ($.value !== window.location.href) {
-          $.value = window.location.href;
-          return;
-        }
-        window.scrollTo(l, p);
-      }), K = null;
-    }
-  }
-  return qe(() => {
-    function p() {
-      u.value = window.scrollY;
-    }
-    p(), window.addEventListener("scroll", p), Oe(() => {
-      window.removeEventListener("scroll", p);
-    });
-  }), L([a, t, $], () => {
-    v.value || !t.value || (a.value ? (!window.matchMedia("(display-mode: standalone)").matches && T(), f.value || setTimeout(() => {
-      C();
-    }, 500)) : C());
-  }), { restorePositionSetting: C };
-}
-const lt = 0.25, ot = 100, be = 8, W = 16, rt = 26, ye = "vaul-dragging";
-function it(e, a) {
-  return e && e.value ? e : a;
-}
-function ut(e) {
-  const {
-    emitDrag: a,
-    emitRelease: f,
-    emitClose: v,
-    emitOpenChange: t,
-    open: $,
-    dismissible: u,
-    nested: T,
-    fixed: C,
-    modal: p,
-    shouldScaleBackground: l,
-    scrollLockTimeout: E,
-    closeThreshold: S,
-    activeSnapPoint: R,
-    fadeFromIndex: y,
-    direction: o
-  } = e, r = x($.value ?? !1), i = x(!1), d = x(!1), s = x(!1), A = x(!1), m = x(null), D = x(null), U = x(null), Q = x(null), V = x(null), z = x(!0), Y = x(null), q = x(0), M = x(!1);
-  x(0);
-  const c = x(null);
-  x(0);
-  const se = F(() => {
-    var n;
-    return ((n = c.value) == null ? void 0 : n.$el.getBoundingClientRect().height) || 0;
-  }), B = it(
-    e.snapPoints,
-    x(void 0)
-  ), {
-    activeSnapPointIndex: de,
-    onRelease: Pe,
-    snapPointsOffset: Ee,
-    onDrag: Ae,
-    shouldFade: ve,
-    getPercentageDragged: Ie
-  } = at({
-    snapPoints: B,
-    activeSnapPoint: R,
-    drawerRef: c,
-    fadeFromIndex: y,
-    overlayRef: m,
-    onSnapPointChange: Ne,
-    direction: o
-  });
-  function Ne(n, w) {
-    B.value && n === w.length - 1 && (D.value = /* @__PURE__ */ new Date());
-  }
-  const { restorePositionSetting: Ce } = nt({
-    isOpen: r,
-    modal: p,
-    nested: T,
-    hasBeenOpened: i
-  });
-  function X() {
-    return (window.innerWidth - rt) / window.innerWidth;
-  }
-  function ce(n, w) {
-    var P;
-    if (!n)
-      return !1;
-    let h = n;
-    const I = (P = window.getSelection()) == null ? void 0 : P.toString(), k = c.value ? ne(c.value.$el, o.value) : null, j = /* @__PURE__ */ new Date();
-    if (h.hasAttribute("data-vaul-no-drag") || h.closest("[data-vaul-no-drag]"))
-      return !1;
-    if (o.value === "right" || o.value === "left")
-      return !0;
-    if (D.value && j.getTime() - D.value.getTime() < 500)
-      return !1;
-    if (k !== null && (o.value === "bottom" ? k > 0 : k < 0))
-      return !0;
-    if (I && I.length > 0)
-      return !1;
-    if (V.value && j.getTime() - V.value.getTime() < E.value && k === 0 || w)
-      return V.value = j, !1;
-    for (; h; ) {
-      if (h.scrollHeight > h.clientHeight) {
-        if (h.scrollTop !== 0)
-          return V.value = /* @__PURE__ */ new Date(), !1;
-        if (h.getAttribute("role") === "dialog")
-          return !0;
-      }
-      h = h.parentNode;
-    }
-    return !0;
-  }
-  function ke(n) {
-    !u.value && !B.value || c.value && !c.value.$el.contains(n.target) || (s.value = !0, U.value = /* @__PURE__ */ new Date(), n.target.setPointerCapture(n.pointerId), q.value = O(o.value) ? n.clientY : n.clientX);
-  }
-  function Be(n) {
-    var w, P, h, I, k, j;
-    if (c.value && s.value) {
-      const J = o.value === "bottom" || o.value === "right" ? 1 : -1, Z = (q.value - (O(o.value) ? n.clientY : n.clientX)) * J, ee = Z > 0, pe = B.value && !u.value && !ee;
-      if (pe && de.value === 0)
-        return;
-      const oe = Math.abs(Z), me = document.querySelector("[vaul-drawer-wrapper]");
-      let _ = oe / se.value;
-      const we = Ie(oe, ee);
-      if (we !== null && (_ = we), pe && _ >= 1 || !z.value && !ce(n.target, ee))
-        return;
-      if ((w = c?.value) == null || w.$el.classList.add(ye), z.value = !0, b((P = c.value) == null ? void 0 : P.$el, {
-        transition: "none"
-      }), b((h = m.value) == null ? void 0 : h.$el, {
-        transition: "none"
-      }), B.value && Ae({ draggedDistance: Z }), ee && !B.value) {
-        const H = tt(Z), te = Math.min(H * -1, 0) * J;
-        b((I = c.value) == null ? void 0 : I.$el, {
-          transform: O(o.value) ? `translate3d(0, ${te}px, 0)` : `translate3d(${te}px, 0, 0)`
-        });
-        return;
-      }
-      const Ue = 1 - _;
-      if ((ve.value || y.value && de.value === y.value - 1) && (a(_), b(
-        (k = m.value) == null ? void 0 : k.$el,
-        {
-          opacity: `${Ue}`,
-          transition: "none"
-        },
-        !0
-      )), me && m.value && l.value) {
-        const H = Math.min(X() + _ * (1 - X()), 1), te = 8 - _ * 8, ge = Math.max(0, 14 - _ * 14);
-        b(
-          me,
-          {
-            borderRadius: `${te}px`,
-            transform: O(o.value) ? `scale(${H}) translate3d(0, ${ge}px, 0)` : `scale(${H}) translate3d(${ge}px, 0, 0)`,
-            transition: "none"
-          },
-          !0
-        );
-      }
-      if (!B.value) {
-        const H = oe * J;
-        b((j = c.value) == null ? void 0 : j.$el, {
-          transform: O(o.value) ? `translate3d(0, ${H}px, 0)` : `translate3d(${H}px, 0, 0)`
-        });
-      }
-    }
-  }
-  function fe() {
-    var n;
-    if (!c.value)
-      return;
-    const w = document.querySelector("[vaul-drawer-wrapper]"), P = ne(c.value.$el, o.value);
-    b(c.value.$el, {
-      transform: "translate3d(0, 0, 0)",
-      transition: `transform ${g.DURATION}s cubic-bezier(${g.EASE.join(",")})`
-    }), b((n = m.value) == null ? void 0 : n.$el, {
-      transition: `opacity ${g.DURATION}s cubic-bezier(${g.EASE.join(",")})`,
-      opacity: "1"
-    }), l.value && P && P > 0 && r.value && b(
-      w,
-      {
-        borderRadius: `${be}px`,
-        overflow: "hidden",
-        ...O(o.value) ? {
-          transform: `scale(${X()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
-          transformOrigin: "top"
-        } : {
-          transform: `scale(${X()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
-          transformOrigin: "left"
-        },
-        transitionProperty: "transform, border-radius",
-        transitionDuration: `${g.DURATION}s`,
-        transitionTimingFunction: `cubic-bezier(${g.EASE.join(",")})`
-      },
-      !0
-    );
-  }
-  function G() {
-    var n;
-    c.value && (b(c.value.$el, {
-      transform: O(o.value) ? `translate3d(0, ${o.value === "bottom" ? "100%" : "-100%"}, 0)` : `translate3d(${o.value === "right" ? "100%" : "-100%"}, 0, 0)`,
-      transition: `transform ${g.DURATION}s cubic-bezier(${g.EASE.join(",")})`
-    }), b((n = m.value) == null ? void 0 : n.$el, {
-      opacity: "0",
-      transition: `opacity ${g.DURATION}s cubic-bezier(${g.EASE.join(",")})`
-    }), le(!1), window.setTimeout(() => {
-      d.value = !1, r.value = !1;
-    }, 300), window.setTimeout(() => {
-      B.value && (R.value = B.value[0]);
-    }, g.DURATION * 1e3));
-  }
-  Ve(() => {
-    if (!r.value && l.value && Ke) {
-      const n = setTimeout(() => {
-        ae(document.body);
-      }, 200);
-      return () => clearTimeout(n);
-    }
-  }), Oe(() => {
-    le(!1), Ce();
-  });
-  function je(n) {
-    if (!s.value || !c.value)
-      return;
-    c.value.$el.classList.remove(ye), z.value = !1, s.value = !1, Q.value = /* @__PURE__ */ new Date();
-    const w = ne(c.value.$el, o.value);
-    if (!ce(n.target, !1) || !w || Number.isNaN(w) || U.value === null)
-      return;
-    const P = Q.value.getTime() - U.value.getTime(), h = q.value - (O(o.value) ? n.clientY : n.clientX), I = Math.abs(h) / P;
-    if (I > 0.05 && (A.value = !0, window.setTimeout(() => {
-      A.value = !1;
-    }, 200)), B.value) {
-      const j = o.value === "bottom" || o.value === "right" ? 1 : -1;
-      Pe({
-        draggedDistance: h * j,
-        closeDrawer: G,
-        velocity: I,
-        dismissible: u.value
-      }), f(!0);
-      return;
-    }
-    if (o.value === "bottom" || o.value === "right" ? h > 0 : h < 0) {
-      fe(), f(!0);
-      return;
-    }
-    if (I > Re) {
-      G(), f(!1);
-      return;
-    }
-    const k = Math.min(
-      c.value.$el.getBoundingClientRect().height ?? 0,
-      window.innerHeight
-    );
-    if (w >= k * S.value) {
-      G(), f(!1);
-      return;
-    }
-    f(!0), fe();
-  }
-  L(r, (n) => {
-    n && (D.value = /* @__PURE__ */ new Date(), le(!0)), t(n);
-  }, { immediate: !0 }), L($, (n) => {
-    n ? (r.value = n, i.value = !0) : G();
-  }, { immediate: !0 });
-  function le(n) {
-    const w = document.querySelector("[vaul-drawer-wrapper]");
-    !w || !l.value || (n ? (b(document.body, {
-      background: document.body.style.backgroundColor || document.body.style.background
-    }), b(
-      document.body,
-      {
-        background: "black"
-      },
-      !0
-    ), b(w, {
-      borderRadius: `${be}px`,
-      overflow: "hidden",
-      ...O(o.value) ? {
-        transform: `scale(${X()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
-        transformOrigin: "top"
-      } : {
-        transform: `scale(${X()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
-        transformOrigin: "left"
-      },
-      transitionProperty: "transform, border-radius",
-      transitionDuration: `${g.DURATION}s`,
-      transitionTimingFunction: `cubic-bezier(${g.EASE.join(",")})`
-    })) : (ae(w, "overflow"), ae(w, "transform"), ae(w, "borderRadius"), b(w, {
-      transitionProperty: "transform, border-radius",
-      transitionDuration: `${g.DURATION}s`,
-      transitionTimingFunction: `cubic-bezier(${g.EASE.join(",")})`
-    })));
-  }
-  function Me(n) {
-    var w, P;
-    const h = n ? (window.innerWidth - W) / window.innerWidth : 1, I = n ? -W : 0;
-    Y.value && window.clearTimeout(Y.value), b((w = c.value) == null ? void 0 : w.$el, {
-      transition: `transform ${g.DURATION}s cubic-bezier(${g.EASE.join(",")})`,
-      transform: `scale(${h}) translate3d(0, ${I}px, 0)`
-    }), !n && (P = c.value) != null && P.$el && (Y.value = window.setTimeout(() => {
-      var k, j;
-      const J = ne((k = c.value) == null ? void 0 : k.$el, o.value);
-      b((j = c.value) == null ? void 0 : j.$el, {
-        transition: "none",
-        transform: O(o.value) ? `translate3d(0, ${J}px, 0)` : `translate3d(${J}px, 0, 0)`
-      });
-    }, 500));
-  }
-  function Fe(n) {
-    var w;
-    if (n < 0)
-      return;
-    const P = O(o.value) ? window.innerHeight : window.innerWidth, h = (P - W) / P, I = h + n * (1 - h), k = -W + n * W;
-    b((w = c.value) == null ? void 0 : w.$el, {
-      transform: O(o.value) ? `scale(${I}) translate3d(0, ${k}px, 0)` : `scale(${I}) translate3d(${k}px, 0, 0)`,
-      transition: "none"
-    });
-  }
-  function ze(n) {
-    var w;
-    const P = O(o.value) ? window.innerHeight : window.innerWidth, h = n ? (P - W) / P : 1, I = n ? -W : 0;
-    n && b((w = c.value) == null ? void 0 : w.$el, {
-      transition: `transform ${g.DURATION}s cubic-bezier(${g.EASE.join(",")})`,
-      transform: O(o.value) ? `scale(${h}) translate3d(0, ${I}px, 0)` : `scale(${h}) translate3d(${I}px, 0, 0)`
-    });
-  }
-  return {
-    open: $,
-    isOpen: r,
-    modal: p,
-    keyboardIsOpen: M,
-    hasBeenOpened: i,
-    isVisible: d,
-    drawerRef: c,
-    drawerHeightRef: se,
-    overlayRef: m,
-    isDragging: s,
-    dragStartTime: U,
-    isAllowedToDrag: z,
-    snapPoints: B,
-    activeSnapPoint: R,
-    pointerStart: q,
-    dismissible: u,
-    snapPointsOffset: Ee,
-    direction: o,
-    shouldFade: ve,
-    fadeFromIndex: y,
-    shouldScaleBackground: l,
-    onPress: ke,
-    onDrag: Be,
-    onRelease: je,
-    closeDrawer: G,
-    onNestedDrag: Fe,
-    onNestedRelease: ze,
-    onNestedOpenChange: Me,
-    emitClose: v,
-    emitDrag: a,
-    emitRelease: f,
-    emitOpenChange: t,
-    nested: T
-  };
-}
-const vt = /* @__PURE__ */ re({
-  __name: "DrawerRoot",
+import { defineComponent as a, computed as l, openBlock as n, createBlock as c, unref as o, mergeProps as p, withCtx as i, renderSlot as d } from "vue";
+import "./chunk-18.js";
+import { cn as m } from "./chunk-1515.js";
+import { DialogTitle as u } from "./chunk-24.js";
+const x = /* @__PURE__ */ a({
+  __name: "LDrawerTitle",
   props: {
-    activeSnapPoint: { default: void 0 },
-    closeThreshold: { default: lt },
-    shouldScaleBackground: { type: Boolean, default: void 0 },
-    scrollLockTimeout: { default: ot },
-    fixed: { type: Boolean, default: void 0 },
-    dismissible: { type: Boolean, default: !0 },
-    modal: { type: Boolean, default: !0 },
-    open: { type: Boolean, default: void 0 },
-    defaultOpen: { type: Boolean, default: void 0 },
-    nested: { type: Boolean, default: !1 },
-    direction: { default: "bottom" },
-    snapPoints: { default: void 0 },
-    fadeFromIndex: { default: void 0 }
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
   },
-  emits: ["drag", "release", "close", "update:open", "update:activeSnapPoint"],
-  setup(e, { expose: a, emit: f }) {
-    const v = e, t = f;
-    _e();
-    const $ = F(() => v.fadeFromIndex ?? (v.snapPoints && v.snapPoints.length - 1)), u = he(v, "open", t, {
-      defaultValue: v.defaultOpen,
-      passive: v.open === void 0
-    }), T = he(v, "activeSnapPoint", t, {
-      passive: v.activeSnapPoint === void 0
-    }), C = {
-      emitDrag: (y) => t("drag", y),
-      emitRelease: (y) => t("release", y),
-      emitClose: () => t("close"),
-      emitOpenChange: (y) => {
-        t("update:open", y);
-      }
-    }, { closeDrawer: p, hasBeenOpened: l, modal: E, isOpen: S } = et(
-      ut({
-        ...C,
-        ...He(v),
-        activeSnapPoint: T,
-        fadeFromIndex: $,
-        open: u
-      })
-    );
-    function R(y) {
-      if (u.value !== void 0) {
-        C.emitOpenChange(y);
-        return;
-      }
-      y ? (l.value = !0, S.value = y) : p();
-    }
-    return a({
-      open: S
-    }), (y, o) => (ie(), ue(N(Xe), {
-      open: N(S),
-      modal: N(E),
-      "onUpdate:open": R
-    }, {
-      default: $e(() => [
-        De(y.$slots, "default", { open: N(S) })
-      ]),
-      _: 3
-    }, 8, ["open", "modal"]));
-  }
-}), ct = /* @__PURE__ */ re({
-  __name: "DrawerOverlay",
-  setup(e) {
-    const { overlayRef: a, snapPoints: f, isVisible: v, isOpen: t, shouldFade: $ } = Te(), u = F(() => {
-      var T;
-      return f && (((T = f.value) == null ? void 0 : T.length) ?? 0) > 0;
+  setup(r) {
+    const t = r, s = l(() => {
+      const { ...e } = t;
+      return e;
     });
-    return (T, C) => (ie(), ue(N(Je), {
-      ref_key: "overlayRef",
-      ref: a,
-      "vaul-drawer-visible": N(v) ? "true" : "false",
-      "vaul-overlay": "",
-      "vaul-snap-points": N(t) && u.value ? "true" : "false",
-      "vaul-snap-points-overlay": N(t) && N($) ? "true" : "false"
-    }, null, 8, ["vaul-drawer-visible", "vaul-snap-points", "vaul-snap-points-overlay"]));
-  }
-}), ft = /* @__PURE__ */ re({
-  __name: "DrawerContent",
-  setup(e) {
-    const {
-      open: a,
-      isOpen: f,
-      isVisible: v,
-      snapPointsOffset: t,
-      drawerRef: $,
-      onPress: u,
-      onDrag: T,
-      onRelease: C,
-      modal: p,
-      emitOpenChange: l,
-      dismissible: E,
-      keyboardIsOpen: S,
-      closeDrawer: R,
-      direction: y
-    } = Te(), o = F(() => t.value && t.value.length > 0 ? `${t.value[0]}px` : "0");
-    function r(i) {
-      if (!p.value || i.defaultPrevented) {
-        i.preventDefault();
-        return;
-      }
-      S.value && (S.value = !1), i.preventDefault(), E.value && l(!1), !(!E.value || a.value !== void 0) && R();
-    }
-    return L(
-      f,
-      (i) => {
-        i && setTimeout(() => {
-          v.value = !0;
-        }, 1);
-      },
-      { immediate: !0 }
-    ), (i, d) => (ie(), ue(N(Ye), {
-      ref_key: "drawerRef",
-      ref: $,
-      "vaul-drawer": "",
-      "vaul-drawer-direction": N(y),
-      "vaul-drawer-visible": N(v) ? "true" : "false",
-      style: We({ "--snap-point-height": o.value }),
-      onPointerdown: N(u),
-      onPointermove: N(T),
-      onPointerup: N(C),
-      onPointerDownOutside: r,
-      onEscapeKeyDown: d[0] || (d[0] = (s) => {
-        N(E) || s.preventDefault();
-      })
-    }, {
-      default: $e(() => [
-        De(i.$slots, "default")
+    return (e, f) => (n(), c(o(u), p(s.value, {
+      class: o(m)("text-lg font-semibold leading-none tracking-tight", t.class)
+    }), {
+      default: i(() => [
+        d(e.$slots, "default")
       ]),
       _: 3
-    }, 8, ["vaul-drawer-direction", "vaul-drawer-visible", "style", "onPointerdown", "onPointermove", "onPointerup"]));
+    }, 16, ["class"]));
   }
 });
 export {
-  wt as DrawerClose,
-  ft as DrawerContent,
-  gt as DrawerDescription,
-  ct as DrawerOverlay,
-  ht as DrawerPortal,
-  vt as DrawerRoot,
-  bt as DrawerTitle,
-  yt as DrawerTrigger
+  x as default
 };