@profitliga/ui 2.0.5 → 2.0.7

package/dist/components/v2/Dialog/Dialog.vue2.js

@@ -1,30 +1,30 @@
-import { defineComponent as G, useModel as J, useId as Q, computed as g, useSlots as W, useTemplateRef as M, watch as Y, onBeforeUnmount as x, unref as t, openBlock as o, createBlock as p, createSlots as ee, withCtx as y, createElementVNode as v, createElementBlock as a, mergeProps as s, renderSlot as r, createCommentVNode as n, toDisplayString as R, normalizeProps as te, guardReactiveProps as oe, Fragment as ie, normalizeStyle as le, normalizeClass as se, resolveDynamicComponent as T, createTextVNode as ae, createVNode as ne, mergeModels as N } from "vue";
-import { X as de } from "@lucide/vue";
-import { breakpoints as re } from "../../../utils/breakpoints.util.js";
-import { onClickOutside as ue } from "../../../utils/onClickOutside.util.js";
-import { useBodyScroll as ce } from "../../../utils/useBodyScroll.util.js";
-import { useFocusTrap as ve } from "../../../utils/useFocusTrap.util.js";
+import { defineComponent as Q, useModel as W, useId as Y, computed as g, useSlots as x, useTemplateRef as E, watch as T, onBeforeUnmount as ee, unref as t, openBlock as o, createBlock as b, createSlots as te, withCtx as y, createElementVNode as v, createElementBlock as a, mergeProps as s, renderSlot as r, createCommentVNode as n, toDisplayString as A, normalizeProps as oe, guardReactiveProps as ie, Fragment as le, normalizeStyle as se, normalizeClass as ae, resolveDynamicComponent as N, createTextVNode as ne, createVNode as de, mergeModels as V } from "vue";
+import { X as re } from "@lucide/vue";
+import { breakpoints as ue } from "../../../utils/breakpoints.util.js";
+import { onClickOutside as ce } from "../../../utils/onClickOutside.util.js";
+import { useBodyScroll as ve } from "../../../utils/useBodyScroll.util.js";
+import { useFocusTrap as fe } from "../../../utils/useFocusTrap.util.js";
 import me from "../BottomSheet/BottomSheet.vue.js";
-import { ANIMATION_DURATION_MS as A } from "../shared/animation.const.js";
-import fe from "../shared/Portal.vue.js";
-import { useDelayedVisibility as ge } from "../shared/useDelayedVisibility.util.js";
-import { useLayerZIndex as ye } from "../shared/useLayerZIndex.util.js";
-import { useTestId as pe } from "../shared/useTestId.util.js";
-import { useTriggerAria as be } from "../shared/useTriggerAria.util.js";
-import ke from "../shared/VisuallyHidden.vue.js";
-const $e = { class: "dialog-mobile" }, he = {
+import { ANIMATION_DURATION_MS as K } from "../shared/animation.const.js";
+import ge from "../shared/Portal.vue.js";
+import { useDelayedVisibility as ye } from "../shared/useDelayedVisibility.util.js";
+import { useLayerZIndex as pe } from "../shared/useLayerZIndex.util.js";
+import { useTestId as be } from "../shared/useTestId.util.js";
+import { useTriggerAria as ke } from "../shared/useTriggerAria.util.js";
+import $e from "../shared/VisuallyHidden.vue.js";
+const he = { class: "dialog-mobile" }, we = {
   key: 0,
   class: "dialog-mobile__header"
-}, we = {
+}, Ie = {
   key: 1,
   class: "dialog-mobile__divider"
-}, Ie = ["data-state"], Oe = ["aria-describedby", "data-state"], De = { class: "dialog-content__heading" }, Be = ["aria-label"], Se = {
+}, Oe = ["data-state"], De = ["aria-describedby", "data-state"], Be = { class: "dialog-content__heading" }, Ee = ["aria-label"], Se = {
   key: 0,
   class: "dialog-content__divider"
-}, Fe = /* @__PURE__ */ G({
+}, Ze = /* @__PURE__ */ Q({
   inheritAttrs: !1,
   __name: "Dialog",
-  props: /* @__PURE__ */ N({
+  props: /* @__PURE__ */ V({
     title: { default: void 0 },
     closeButton: { default: () => ({ enabled: !0 }) },
     width: { default: 500 },
@@ -37,65 +37,68 @@ const $e = { class: "dialog-mobile" }, he = {
     open: { type: Boolean, default: !1 },
     openModifiers: {}
   }),
-  emits: /* @__PURE__ */ N(["escapeKeyDown", "pointerDownOutside"], ["update:open"]),
-  setup(i, { emit: V }) {
-    const m = i, b = V, u = J(i, "open"), S = re.smaller(m.breakpointMobile), k = Q(), f = `dialog-title-${k}`, $ = `dialog-content-${k}`, z = `dialog-body-${k}`, l = pe(() => m.testId), K = g(() => ({
+  emits: /* @__PURE__ */ V(["escapeKeyDown", "pointerDownOutside"], ["update:open"]),
+  setup(i, { emit: L }) {
+    const f = i, k = L, u = W(i, "open"), S = ue.smaller(f.breakpointMobile), $ = Y(), m = `dialog-title-${$}`, h = `dialog-content-${$}`, z = `dialog-body-${$}`, l = be(() => f.testId), U = g(() => ({
       "aria-haspopup": "dialog",
       "aria-expanded": u.value,
-      "aria-controls": u.value ? $ : void 0
-    })), E = g(() => m.title?.as ?? "h2"), L = g(() => `${m.width}px`), U = W(), h = g(() => m.divider ?? !!U.icon), C = M("triggerRef"), w = M("contentRef");
-    be({
+      "aria-controls": u.value ? h : void 0
+    })), R = g(() => f.title?.as ?? "h2"), F = g(() => `${f.width}px`), Z = x(), w = g(() => f.divider ?? !!Z.icon), C = E("triggerRef"), I = E("contentRef"), P = E("layerRef");
+    ke({
       host: () => C.value,
       isOpen: () => u.value,
-      contentId: () => $,
+      contentId: () => h,
       hasPopup: () => "dialog"
     });
-    const { lockScroll: F, unlockScroll: Z } = ce(), I = ve(() => w.value), O = ye(), q = g(
-      () => m.zIndex === "auto" ? O.zIndex.value : m.zIndex
+    const { lockScroll: q, unlockScroll: H } = ve(), O = fe(() => I.value), p = pe(), X = g(
+      () => f.zIndex === "auto" ? p.zIndex.value : f.zIndex
     );
-    function P() {
+    function _() {
       u.value = !1;
     }
     function D(e) {
-      e.key === "Escape" && (b("escapeKeyDown", e), e.defaultPrevented || P());
+      e.key === "Escape" && (k("escapeKeyDown", e), e.defaultPrevented || _());
     }
-    function H(e) {
-      b("pointerDownOutside", e), !m.disableOutsidePointerEvents && !e.defaultPrevented && P();
+    function j(e) {
+      k("pointerDownOutside", e), !f.disableOutsidePointerEvents && !e.defaultPrevented && _();
     }
-    const X = g(() => u.value && !S.value), { visible: j, dataState: _ } = ge(
-      X,
-      A,
+    const G = g(() => u.value && !S.value), { visible: J, dataState: M } = ye(
+      G,
+      K,
       {
         onOpen: () => {
-          O.acquire(), F(), I.activate({ focusDelayMs: A }), document.addEventListener("keydown", D);
+          p.acquire(), q(), O.activate({ focusDelayMs: K }), document.addEventListener("keydown", D);
         },
         onCloseStart: () => {
-          I.deactivate(), document.removeEventListener("keydown", D);
+          O.deactivate(), document.removeEventListener("keydown", D);
         },
         onCloseEnd: () => {
-          Z(), O.release();
+          H(), p.release();
         }
       }
     );
+    T(P, (e) => p.registerElement(e));
     let B;
-    return Y(w, (e) => {
-      B?.(), B = e ? ue(e, H) : void 0;
-    }), x(() => {
-      B?.(), document.removeEventListener("keydown", D), I.deactivate();
-    }), (e, d) => t(S) ? (o(), p(t(me), {
+    return T(I, (e) => {
+      B?.(), B = e ? ce(e, j, {
+        ignore: () => p.elementsAbove()
+      }) : void 0;
+    }), ee(() => {
+      B?.(), document.removeEventListener("keydown", D), O.deactivate();
+    }), (e, d) => t(S) ? (o(), b(t(me), {
       key: 0,
       open: u.value,
       "onUpdate:open": d[0] || (d[0] = (c) => u.value = c),
       "z-index": i.zIndex,
       "disable-outside-pointer-events": i.disableOutsidePointerEvents,
-      "labelled-by": i.title?.text && !e.$slots.title ? f : void 0,
+      "labelled-by": i.title?.text && !e.$slots.title ? m : void 0,
       "test-id": i.testId,
-      onEscapeKeyDown: d[1] || (d[1] = (c) => b("escapeKeyDown", c)),
-      onPointerDownOutside: d[2] || (d[2] = (c) => b("pointerDownOutside", c))
-    }, ee({
+      onEscapeKeyDown: d[1] || (d[1] = (c) => k("escapeKeyDown", c)),
+      onPointerDownOutside: d[2] || (d[2] = (c) => k("pointerDownOutside", c))
+    }, te({
       default: y(() => [
-        v("div", $e, [
-          e.$slots.icon || i.title?.text && !e.$slots.title ? (o(), a("div", he, [
+        v("div", he, [
+          e.$slots.icon || i.title?.text && !e.$slots.title ? (o(), a("div", we, [
             e.$slots.icon ? (o(), a("span", s({
               key: 0,
               class: "dialog-mobile__icon"
@@ -104,11 +107,11 @@ const $e = { class: "dialog-mobile" }, he = {
             ], 16)) : n("", !0),
             i.title?.text && !e.$slots.title ? (o(), a("div", s({
               key: 1,
-              id: f,
+              id: m,
               class: "dialog-mobile__title"
-            }, t(l)("title")), R(i.title.text), 17)) : n("", !0)
+            }, t(l)("title")), A(i.title.text), 17)) : n("", !0)
           ])) : n("", !0),
-          h.value ? (o(), a("div", we)) : n("", !0),
+          w.value ? (o(), a("div", Ie)) : n("", !0),
           v("div", s({ class: "dialog-mobile__content" }, t(l)("body")), [
             r(e.$slots, "title", {}, void 0, !0),
             r(e.$slots, "default", {}, void 0, !0)
@@ -126,11 +129,11 @@ const $e = { class: "dialog-mobile" }, he = {
       e.$slots.trigger ? {
         name: "trigger",
         fn: y((c) => [
-          r(e.$slots, "trigger", te(oe(c)), void 0, !0)
+          r(e.$slots, "trigger", oe(ie(c)), void 0, !0)
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["open", "z-index", "disable-outside-pointer-events", "labelled-by", "test-id"])) : (o(), a(ie, { key: 1 }, [
+    ]), 1032, ["open", "z-index", "disable-outside-pointer-events", "labelled-by", "test-id"])) : (o(), a(le, { key: 1 }, [
       e.$slots.trigger ? (o(), a("span", s({
         key: 0,
         ref_key: "triggerRef",
@@ -139,56 +142,58 @@ const $e = { class: "dialog-mobile" }, he = {
       }, t(l)("trigger"), {
         onClick: d[3] || (d[3] = (c) => u.value = !0)
       }), [
-        r(e.$slots, "trigger", { props: K.value }, void 0, !0)
+        r(e.$slots, "trigger", { props: U.value }, void 0, !0)
       ], 16)) : n("", !0),
-      t(j) ? (o(), p(fe, { key: 1 }, {
+      t(J) ? (o(), b(ge, { key: 1 }, {
         default: y(() => [
           v("div", {
+            ref_key: "layerRef",
+            ref: P,
             class: "dialog-layer",
-            style: le({ zIndex: q.value })
+            style: se({ zIndex: X.value })
           }, [
             v("div", s({
               class: "overlay dialog-overlay",
-              "data-state": t(_)
-            }, t(l)("overlay")), null, 16, Ie),
+              "data-state": t(M)
+            }, t(l)("overlay")), null, 16, Oe),
             v("div", s({
-              id: $,
+              id: h,
               ref_key: "contentRef",
-              ref: w,
+              ref: I,
               role: "dialog",
               "aria-modal": "true",
-              "aria-labelledby": f,
+              "aria-labelledby": m,
               "aria-describedby": e.$slots.default ? z : void 0,
-              "data-state": t(_),
+              "data-state": t(M),
               class: "dialog-content",
-              style: { width: L.value }
+              style: { width: F.value }
             }, { ...e.$attrs, ...t(l)("content") }), [
               v("div", {
-                class: se(["dialog-content__header", {
-                  "dialog-content__header--divided": h.value
+                class: ae(["dialog-content__header", {
+                  "dialog-content__header--divided": w.value
                 }])
               }, [
-                v("div", De, [
+                v("div", Be, [
                   e.$slots.icon ? (o(), a("span", s({
                     key: 0,
                     class: "dialog-content__icon"
                   }, t(l)("icon")), [
                     r(e.$slots, "icon", {}, void 0, !0)
                   ], 16)) : n("", !0),
-                  i.title?.text ? (o(), p(T(E.value), s({
+                  i.title?.text ? (o(), b(N(R.value), s({
                     key: 1,
-                    id: f,
+                    id: m,
                     class: ["dialog-content__title", {
                       "dialog-content__title--with-icon": e.$slots.icon
                     }]
                   }, t(l)("title")), {
                     default: y(() => [
-                      ae(R(i.title.text), 1)
+                      ne(A(i.title.text), 1)
                     ]),
                     _: 1
-                  }, 16, ["class"])) : e.$slots.title ? (o(), p(T(E.value), s({
+                  }, 16, ["class"])) : e.$slots.title ? (o(), b(N(R.value), s({
                     key: 2,
-                    id: f,
+                    id: m,
                     class: ["dialog-content__title", {
                       "dialog-content__title--with-icon": e.$slots.icon
                     }]
@@ -197,9 +202,9 @@ const $e = { class: "dialog-mobile" }, he = {
                       r(e.$slots, "title", {}, void 0, !0)
                     ]),
                     _: 3
-                  }, 16, ["class"])) : (o(), p(ke, { key: 3 }, {
+                  }, 16, ["class"])) : (o(), b($e, { key: 3 }, {
                     default: y(() => [
-                      v("h2", { id: f }, "Диалоговое окно")
+                      v("h2", { id: m }, "Диалоговое окно")
                     ]),
                     _: 1
                   }))
@@ -212,10 +217,10 @@ const $e = { class: "dialog-mobile" }, he = {
                 }, t(l)("close"), {
                   onClick: d[4] || (d[4] = (c) => u.value = !1)
                 }), [
-                  ne(t(de), { size: 20 })
-                ], 16, Be)) : n("", !0)
+                  de(t(re), { size: 20 })
+                ], 16, Ee)) : n("", !0)
               ], 2),
-              h.value ? (o(), a("div", Se)) : n("", !0),
+              w.value ? (o(), a("div", Se)) : n("", !0),
               v("div", s({
                 id: z,
                 class: "dialog-content__wrapper"
@@ -228,7 +233,7 @@ const $e = { class: "dialog-mobile" }, he = {
               }, t(l)("actions")), [
                 r(e.$slots, "actions", {}, void 0, !0)
               ], 16)) : n("", !0)
-            ], 16, Oe)
+            ], 16, De)
           ], 4)
         ]),
         _: 3
@@ -237,5 +242,5 @@ const $e = { class: "dialog-mobile" }, he = {
   }
 });
 export {
-  Fe as default
+  Ze as default
 };

package/dist/components/v2/Drawer/Drawer.css

@@ -1 +1 @@
-.drawer-trigger[data-v-fa82d1f1]{display:contents}.drawer-layer[data-v-fa82d1f1]{position:relative}.drawer-content[data-v-fa82d1f1]{box-sizing:border-box;background-color:var(--theme-neutral-0);z-index:1002;flex-direction:column;padding:24px;display:flex;position:fixed;box-shadow:0 2px 5px #3a3a3a40}.drawer-content--left[data-v-fa82d1f1]{border-radius:0 12px 12px 0;max-width:90vw;height:100%;top:0;bottom:0;left:0}.drawer-content--left[data-state=open][data-v-fa82d1f1]{animation:slideLeftIn var(--animation-duration) ease-in-out}.drawer-content--left[data-state=closed][data-v-fa82d1f1]{animation:slideLeftOut var(--animation-duration) ease-in-out}.drawer-content--right[data-v-fa82d1f1]{border-radius:12px 0 0 12px;max-width:90vw;height:100%;top:0;bottom:0;right:0}.drawer-content--right[data-state=open][data-v-fa82d1f1]{animation:slideRightIn var(--animation-duration) ease-in-out}.drawer-content--right[data-state=closed][data-v-fa82d1f1]{animation:slideRightOut var(--animation-duration) ease-in-out}.drawer-content--top[data-v-fa82d1f1]{border-radius:0 0 12px 12px;width:100%;max-height:90dvh;top:0;left:0;right:0}.drawer-content--top[data-state=open][data-v-fa82d1f1]{animation:slideTopIn var(--animation-duration) ease-in-out}.drawer-content--top[data-state=closed][data-v-fa82d1f1]{animation:slideTopOut var(--animation-duration) ease-in-out}.drawer-content--bottom[data-v-fa82d1f1]{border-radius:12px 12px 0 0;width:100%;max-height:90dvh;bottom:0;left:0;right:0}.drawer-content--bottom[data-state=open][data-v-fa82d1f1]{animation:slideBottomIn var(--animation-duration) ease-in-out}.drawer-content--bottom[data-state=closed][data-v-fa82d1f1]{animation:slideBottomOut var(--animation-duration) ease-in-out}.drawer-content__header[data-v-fa82d1f1]{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;margin-bottom:16px;display:flex}.drawer-content__title[data-v-fa82d1f1]{flex:1 1 0;min-width:0;font-weight:500}.drawer-content__close[data-v-fa82d1f1]{background:0 0;border:none;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;margin-left:auto;padding:0;display:flex}.drawer-content__close[data-v-fa82d1f1]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.drawer-content__close svg[data-v-fa82d1f1]{width:20px;height:20px;color:var(--color-secondary-400);transition:color .3s ease-in-out}.drawer-content__close[data-v-fa82d1f1]:hover{cursor:pointer}.drawer-content__close:hover svg[data-v-fa82d1f1]{color:var(--color-secondary-500);transition:color .3s ease-in-out}.drawer-content__divider[data-v-fa82d1f1]{background-color:var(--theme-secondary-250);flex:none;width:100%;height:1px;margin-top:-4px;margin-bottom:12px}.drawer-content__wrapper[data-v-fa82d1f1]{box-sizing:content-box;scrollbar-width:thin;scrollbar-color:var(--theme-neutral-icon-primary) var(--theme-neutral-surface-icon);flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%;min-height:0;display:flex;overflow-y:auto}.drawer-content__wrapper[data-v-fa82d1f1]::-webkit-scrollbar{width:8px;height:0}.drawer-content__wrapper[data-v-fa82d1f1]::-webkit-scrollbar-thumb{background-color:var(--theme-neutral-icon-primary);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.drawer-content__wrapper[data-v-fa82d1f1]::-webkit-scrollbar-track{background:var(--theme-neutral-surface-icon);border-radius:4px}.drawer-content__wrapper[data-v-fa82d1f1]::-webkit-scrollbar-corner{background:0 0}.drawer-content__actions[data-v-fa82d1f1]{flex:none;justify-content:flex-end;align-items:center;gap:8px;width:100%;margin-top:32px;display:flex}.drawer-mobile[data-v-fa82d1f1]{flex-direction:column;gap:16px;width:100%;display:flex}.drawer-mobile__title[data-v-fa82d1f1]{color:var(--theme-neutral-text-title);font-size:1.125rem;font-weight:500;line-height:1.5}.drawer-mobile__divider[data-v-fa82d1f1]{background-color:var(--theme-secondary-250);width:100%;height:1px;margin-top:-4px}.drawer-mobile__content[data-v-fa82d1f1]{flex-direction:column;gap:12px;display:flex}.drawer-mobile__actions[data-v-fa82d1f1]{flex-direction:column-reverse;gap:8px;width:100%;display:flex}.drawer-mobile__actions[data-v-fa82d1f1] button{width:100%}
+.drawer-trigger[data-v-39891433]{display:contents}.drawer-layer[data-v-39891433]{position:relative}.drawer-content[data-v-39891433]{box-sizing:border-box;background-color:var(--theme-neutral-0);z-index:1002;flex-direction:column;padding:24px;display:flex;position:fixed;box-shadow:0 2px 5px #3a3a3a40}.drawer-content--left[data-v-39891433]{border-radius:0 12px 12px 0;max-width:90vw;height:100%;top:0;bottom:0;left:0}.drawer-content--left[data-state=open][data-v-39891433]{animation:slideLeftIn var(--animation-duration) ease-in-out}.drawer-content--left[data-state=closed][data-v-39891433]{animation:slideLeftOut var(--animation-duration) ease-in-out}.drawer-content--right[data-v-39891433]{border-radius:12px 0 0 12px;max-width:90vw;height:100%;top:0;bottom:0;right:0}.drawer-content--right[data-state=open][data-v-39891433]{animation:slideRightIn var(--animation-duration) ease-in-out}.drawer-content--right[data-state=closed][data-v-39891433]{animation:slideRightOut var(--animation-duration) ease-in-out}.drawer-content--top[data-v-39891433]{border-radius:0 0 12px 12px;width:100%;max-height:90dvh;top:0;left:0;right:0}.drawer-content--top[data-state=open][data-v-39891433]{animation:slideTopIn var(--animation-duration) ease-in-out}.drawer-content--top[data-state=closed][data-v-39891433]{animation:slideTopOut var(--animation-duration) ease-in-out}.drawer-content--bottom[data-v-39891433]{border-radius:12px 12px 0 0;width:100%;max-height:90dvh;bottom:0;left:0;right:0}.drawer-content--bottom[data-state=open][data-v-39891433]{animation:slideBottomIn var(--animation-duration) ease-in-out}.drawer-content--bottom[data-state=closed][data-v-39891433]{animation:slideBottomOut var(--animation-duration) ease-in-out}.drawer-content__header[data-v-39891433]{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;margin-bottom:16px;display:flex}.drawer-content__title[data-v-39891433]{flex:1 1 0;min-width:0;font-weight:500}.drawer-content__close[data-v-39891433]{background:0 0;border:none;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;margin-left:auto;padding:0;display:flex}.drawer-content__close[data-v-39891433]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.drawer-content__close svg[data-v-39891433]{width:20px;height:20px;color:var(--color-secondary-400);transition:color .3s ease-in-out}.drawer-content__close[data-v-39891433]:hover{cursor:pointer}.drawer-content__close:hover svg[data-v-39891433]{color:var(--color-secondary-500);transition:color .3s ease-in-out}.drawer-content__divider[data-v-39891433]{background-color:var(--theme-secondary-250);flex:none;width:100%;height:1px;margin-top:-4px;margin-bottom:12px}.drawer-content__wrapper[data-v-39891433]{box-sizing:content-box;scrollbar-width:thin;scrollbar-color:var(--theme-neutral-icon-primary) var(--theme-neutral-surface-icon);flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%;min-height:0;display:flex;overflow-y:auto}.drawer-content__wrapper[data-v-39891433]::-webkit-scrollbar{width:8px;height:0}.drawer-content__wrapper[data-v-39891433]::-webkit-scrollbar-thumb{background-color:var(--theme-neutral-icon-primary);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.drawer-content__wrapper[data-v-39891433]::-webkit-scrollbar-track{background:var(--theme-neutral-surface-icon);border-radius:4px}.drawer-content__wrapper[data-v-39891433]::-webkit-scrollbar-corner{background:0 0}.drawer-content__actions[data-v-39891433]{flex:none;justify-content:flex-end;align-items:center;gap:8px;width:100%;margin-top:32px;display:flex}.drawer-mobile[data-v-39891433]{flex-direction:column;gap:16px;width:100%;display:flex}.drawer-mobile__title[data-v-39891433]{color:var(--theme-neutral-text-title);font-size:1.125rem;font-weight:500;line-height:1.5}.drawer-mobile__divider[data-v-39891433]{background-color:var(--theme-secondary-250);width:100%;height:1px;margin-top:-4px}.drawer-mobile__content[data-v-39891433]{flex-direction:column;gap:12px;display:flex}.drawer-mobile__actions[data-v-39891433]{flex-direction:column-reverse;gap:8px;width:100%;display:flex}.drawer-mobile__actions[data-v-39891433] button{width:100%}

package/dist/components/v2/Drawer/Drawer.vue.d.ts

@@ -31,6 +31,7 @@ declare function __VLS_template(): {
     };
     refs: {
         triggerRef: HTMLSpanElement;
+        layerRef: HTMLDivElement;
         contentRef: HTMLDivElement;
     };
     rootEl: any;
@@ -60,6 +61,7 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {
     beforeClose: (reason: TDrawerCloseReason) => boolean | Promise<boolean>;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     triggerRef: HTMLSpanElement;
+    layerRef: HTMLDivElement;
     contentRef: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/v2/Drawer/Drawer.vue.js

@@ -2,7 +2,7 @@ import './Drawer.css';
 import o from "./Drawer.vue2.js";
 /* empty css            */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-fa82d1f1"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-39891433"]]);
 export {
-  m as default
+  p as default
 };