@profitliga/ui 2.0.6 → 2.0.8

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 b, createSlots as ee, withCtx as y, createElementVNode as v, createElementBlock as n, mergeProps as l, renderSlot as r, createCommentVNode as a, toDisplayString as R, normalizeProps as te, guardReactiveProps as oe, Fragment as ie, normalizeStyle as se, normalizeClass as le, resolveDynamicComponent as T, createTextVNode as ne, createVNode as ae, mergeModels as A } 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 N } 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"], Ee = {
+}, 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__ */ A({
+  props: /* @__PURE__ */ V({
     title: { default: void 0 },
     closeButton: { default: () => ({ enabled: !0 }) },
     width: { default: 500 },
@@ -37,90 +37,91 @@ const $e = { class: "dialog-mobile" }, he = {
     open: { type: Boolean, default: !1 },
     openModifiers: {}
   }),
-  emits: /* @__PURE__ */ A(["escapeKeyDown", "pointerDownOutside"], ["update:open"]),
-  setup(i, { emit: V }) {
-    const m = i, k = V, u = J(i, "open"), E = re.smaller(m.breakpointMobile), $ = Q(), f = `dialog-title-${$}`, h = `dialog-content-${$}`, S = `dialog-body-${$}`, s = 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 ? h : void 0
-    })), z = g(() => m.title?.as ?? "h2"), L = g(() => `${m.width}px`), U = W(), w = g(() => m.divider ?? !!U.icon), C = M("triggerRef"), I = M("contentRef");
-    be({
+    })), 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: () => h,
       hasPopup: () => "dialog"
     });
-    const { lockScroll: F, unlockScroll: Z } = ce(), O = ve(() => I.value), p = ye(), q = g(
-      () => m.zIndex === "auto" ? p.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" && (k("escapeKeyDown", e), e.defaultPrevented || P());
+      e.key === "Escape" && (k("escapeKeyDown", e), e.defaultPrevented || _());
     }
-    function H(e) {
-      k("pointerDownOutside", e), !m.disableOutsidePointerEvents && !e.defaultPrevented && P();
+    function j(e) {
+      k("pointerDownOutside", e), !f.disableOutsidePointerEvents && !e.defaultPrevented && _();
     }
-    const X = g(() => u.value && !E.value), { visible: j, dataState: _ } = ge(
-      X,
-      N,
+    const G = g(() => u.value && !S.value), { visible: J, dataState: M } = ye(
+      G,
+      K,
       {
         onOpen: () => {
-          p.acquire(), F(), O.activate({ focusDelayMs: N }), document.addEventListener("keydown", D);
+          p.acquire(), q(), O.activate({ focusDelayMs: K }), document.addEventListener("keydown", D);
         },
         onCloseStart: () => {
           O.deactivate(), document.removeEventListener("keydown", D);
         },
         onCloseEnd: () => {
-          Z(), p.release();
+          H(), p.release();
         }
       }
     );
+    T(P, (e) => p.registerElement(e));
     let B;
-    return Y(I, (e) => {
-      p.registerElement(e), B?.(), B = e ? ue(e, H, {
+    return T(I, (e) => {
+      B?.(), B = e ? ce(e, j, {
         ignore: () => p.elementsAbove()
       }) : void 0;
-    }), x(() => {
+    }), ee(() => {
       B?.(), document.removeEventListener("keydown", D), O.deactivate();
-    }), (e, d) => t(E) ? (o(), b(t(me), {
+    }), (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) => k("escapeKeyDown", c)),
       onPointerDownOutside: d[2] || (d[2] = (c) => k("pointerDownOutside", c))
-    }, ee({
+    }, te({
       default: y(() => [
-        v("div", $e, [
-          e.$slots.icon || i.title?.text && !e.$slots.title ? (o(), n("div", he, [
-            e.$slots.icon ? (o(), n("span", l({
+        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"
-            }, t(s)("icon")), [
+            }, t(l)("icon")), [
               r(e.$slots, "icon", {}, void 0, !0)
-            ], 16)) : a("", !0),
-            i.title?.text && !e.$slots.title ? (o(), n("div", l({
+            ], 16)) : n("", !0),
+            i.title?.text && !e.$slots.title ? (o(), a("div", s({
               key: 1,
-              id: f,
+              id: m,
               class: "dialog-mobile__title"
-            }, t(s)("title")), R(i.title.text), 17)) : a("", !0)
-          ])) : a("", !0),
-          w.value ? (o(), n("div", we)) : a("", !0),
-          v("div", l({ class: "dialog-mobile__content" }, t(s)("body")), [
+            }, t(l)("title")), A(i.title.text), 17)) : n("", !0)
+          ])) : 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)
           ], 16),
-          e.$slots.actions ? (o(), n("div", l({
+          e.$slots.actions ? (o(), a("div", s({
             key: 2,
             class: "dialog-mobile__actions"
-          }, t(s)("actions")), [
+          }, t(l)("actions")), [
             r(e.$slots, "actions", {}, void 0, !0)
-          ], 16)) : a("", !0)
+          ], 16)) : n("", !0)
         ])
       ]),
       _: 2
@@ -128,116 +129,118 @@ 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(), n(ie, { key: 1 }, [
-      e.$slots.trigger ? (o(), n("span", l({
+    ]), 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",
         ref: C,
         class: "dialog-trigger"
-      }, t(s)("trigger"), {
+      }, t(l)("trigger"), {
         onClick: d[3] || (d[3] = (c) => u.value = !0)
       }), [
-        r(e.$slots, "trigger", { props: K.value }, void 0, !0)
-      ], 16)) : a("", !0),
-      t(j) ? (o(), b(fe, { key: 1 }, {
+        r(e.$slots, "trigger", { props: U.value }, void 0, !0)
+      ], 16)) : n("", !0),
+      t(J) ? (o(), b(ge, { key: 1 }, {
         default: y(() => [
           v("div", {
+            ref_key: "layerRef",
+            ref: P,
             class: "dialog-layer",
-            style: se({ zIndex: q.value })
+            style: se({ zIndex: X.value })
           }, [
-            v("div", l({
+            v("div", s({
               class: "overlay dialog-overlay",
-              "data-state": t(_)
-            }, t(s)("overlay")), null, 16, Ie),
-            v("div", l({
+              "data-state": t(M)
+            }, t(l)("overlay")), null, 16, Oe),
+            v("div", s({
               id: h,
               ref_key: "contentRef",
               ref: I,
               role: "dialog",
               "aria-modal": "true",
-              "aria-labelledby": f,
-              "aria-describedby": e.$slots.default ? S : void 0,
-              "data-state": t(_),
+              "aria-labelledby": m,
+              "aria-describedby": e.$slots.default ? z : void 0,
+              "data-state": t(M),
               class: "dialog-content",
-              style: { width: L.value }
-            }, { ...e.$attrs, ...t(s)("content") }), [
+              style: { width: F.value }
+            }, { ...e.$attrs, ...t(l)("content") }), [
               v("div", {
-                class: le(["dialog-content__header", {
+                class: ae(["dialog-content__header", {
                   "dialog-content__header--divided": w.value
                 }])
               }, [
-                v("div", De, [
-                  e.$slots.icon ? (o(), n("span", l({
+                v("div", Be, [
+                  e.$slots.icon ? (o(), a("span", s({
                     key: 0,
                     class: "dialog-content__icon"
-                  }, t(s)("icon")), [
+                  }, t(l)("icon")), [
                     r(e.$slots, "icon", {}, void 0, !0)
-                  ], 16)) : a("", !0),
-                  i.title?.text ? (o(), b(T(z.value), l({
+                  ], 16)) : n("", !0),
+                  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(s)("title")), {
+                  }, t(l)("title")), {
                     default: y(() => [
-                      ne(R(i.title.text), 1)
+                      ne(A(i.title.text), 1)
                     ]),
                     _: 1
-                  }, 16, ["class"])) : e.$slots.title ? (o(), b(T(z.value), l({
+                  }, 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
                     }]
-                  }, t(s)("title")), {
+                  }, t(l)("title")), {
                     default: y(() => [
                       r(e.$slots, "title", {}, void 0, !0)
                     ]),
                     _: 3
-                  }, 16, ["class"])) : (o(), b(ke, { key: 3 }, {
+                  }, 16, ["class"])) : (o(), b($e, { key: 3 }, {
                     default: y(() => [
-                      v("h2", { id: f }, "Диалоговое окно")
+                      v("h2", { id: m }, "Диалоговое окно")
                     ]),
                     _: 1
                   }))
                 ]),
-                i.closeButton?.enabled ? (o(), n("button", l({
+                i.closeButton?.enabled ? (o(), a("button", s({
                   key: 0,
                   type: "button",
                   class: "dialog-content__close",
                   "aria-label": i.closeButton.label ?? "Закрыть"
-                }, t(s)("close"), {
+                }, t(l)("close"), {
                   onClick: d[4] || (d[4] = (c) => u.value = !1)
                 }), [
-                  ae(t(de), { size: 20 })
-                ], 16, Be)) : a("", !0)
+                  de(t(re), { size: 20 })
+                ], 16, Ee)) : n("", !0)
               ], 2),
-              w.value ? (o(), n("div", Ee)) : a("", !0),
-              v("div", l({
-                id: S,
+              w.value ? (o(), a("div", Se)) : n("", !0),
+              v("div", s({
+                id: z,
                 class: "dialog-content__wrapper"
-              }, t(s)("body")), [
+              }, t(l)("body")), [
                 r(e.$slots, "default", {}, void 0, !0)
               ], 16),
-              e.$slots.actions ? (o(), n("div", l({
+              e.$slots.actions ? (o(), a("div", s({
                 key: 1,
                 class: "dialog-content__actions"
-              }, t(s)("actions")), [
+              }, t(l)("actions")), [
                 r(e.$slots, "actions", {}, void 0, !0)
-              ], 16)) : a("", !0)
-            ], 16, Oe)
+              ], 16)) : n("", !0)
+            ], 16, De)
           ], 4)
         ]),
         _: 3
-      })) : a("", !0)
+      })) : n("", !0)
     ], 64));
   }
 });
 export {
-  Fe as default
+  Ze as default
 };

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

@@ -1 +1 @@
-.drawer-trigger[data-v-4d3b35ae]{display:contents}.drawer-layer[data-v-4d3b35ae]{position:relative}.drawer-content[data-v-4d3b35ae]{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-4d3b35ae]{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-4d3b35ae]{animation:slideLeftIn var(--animation-duration) ease-in-out}.drawer-content--left[data-state=closed][data-v-4d3b35ae]{animation:slideLeftOut var(--animation-duration) ease-in-out}.drawer-content--right[data-v-4d3b35ae]{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-4d3b35ae]{animation:slideRightIn var(--animation-duration) ease-in-out}.drawer-content--right[data-state=closed][data-v-4d3b35ae]{animation:slideRightOut var(--animation-duration) ease-in-out}.drawer-content--top[data-v-4d3b35ae]{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-4d3b35ae]{animation:slideTopIn var(--animation-duration) ease-in-out}.drawer-content--top[data-state=closed][data-v-4d3b35ae]{animation:slideTopOut var(--animation-duration) ease-in-out}.drawer-content--bottom[data-v-4d3b35ae]{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-4d3b35ae]{animation:slideBottomIn var(--animation-duration) ease-in-out}.drawer-content--bottom[data-state=closed][data-v-4d3b35ae]{animation:slideBottomOut var(--animation-duration) ease-in-out}.drawer-content__header[data-v-4d3b35ae]{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;margin-bottom:16px;display:flex}.drawer-content__title[data-v-4d3b35ae]{flex:1 1 0;min-width:0;font-weight:500}.drawer-content__close[data-v-4d3b35ae]{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-4d3b35ae]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.drawer-content__close svg[data-v-4d3b35ae]{width:20px;height:20px;color:var(--color-secondary-400);transition:color .3s ease-in-out}.drawer-content__close[data-v-4d3b35ae]:hover{cursor:pointer}.drawer-content__close:hover svg[data-v-4d3b35ae]{color:var(--color-secondary-500);transition:color .3s ease-in-out}.drawer-content__divider[data-v-4d3b35ae]{background-color:var(--theme-secondary-250);flex:none;width:100%;height:1px;margin-top:-4px;margin-bottom:12px}.drawer-content__wrapper[data-v-4d3b35ae]{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-4d3b35ae]::-webkit-scrollbar{width:8px;height:0}.drawer-content__wrapper[data-v-4d3b35ae]::-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-4d3b35ae]::-webkit-scrollbar-track{background:var(--theme-neutral-surface-icon);border-radius:4px}.drawer-content__wrapper[data-v-4d3b35ae]::-webkit-scrollbar-corner{background:0 0}.drawer-content__actions[data-v-4d3b35ae]{flex:none;justify-content:flex-end;align-items:center;gap:8px;width:100%;margin-top:32px;display:flex}.drawer-mobile[data-v-4d3b35ae]{flex-direction:column;gap:16px;width:100%;display:flex}.drawer-mobile__title[data-v-4d3b35ae]{color:var(--theme-neutral-text-title);font-size:1.125rem;font-weight:500;line-height:1.5}.drawer-mobile__divider[data-v-4d3b35ae]{background-color:var(--theme-secondary-250);width:100%;height:1px;margin-top:-4px}.drawer-mobile__content[data-v-4d3b35ae]{flex-direction:column;gap:12px;display:flex}.drawer-mobile__actions[data-v-4d3b35ae]{flex-direction:column-reverse;gap:8px;width:100%;display:flex}.drawer-mobile__actions[data-v-4d3b35ae] 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-4d3b35ae"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-39891433"]]);
 export {
-  m as default
+  p as default
 };