vft 0.0.127 → 0.0.129

package/es/components/date-picker/props/date-picker.js

@@ -1,10 +1,10 @@
 import "../../time-picker/index.js";
-import "@vft/utils";
-import "vue";
-import { buildProps as r, definePropType as t } from "../../../utils/vue/props/runtime.js";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../../utils/ns-cover.js";
 import "lodash";
+import { buildProps as r, definePropType as t } from "../../../utils/vue/props/runtime.js";
+import "vue";
 import { timePickerDefaultProps as o } from "../../time-picker/common/props.js";
 const s = r({
   ...o,

package/es/components/date-picker/props/panel-date-pick.js

@@ -1,9 +1,9 @@
-import "@vft/utils";
-import "vue";
-import { buildProps as r, definePropType as p } from "../../../utils/vue/props/runtime.js";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../../utils/ns-cover.js";
 import "lodash";
+import { buildProps as r, definePropType as p } from "../../../utils/vue/props/runtime.js";
+import "vue";
 import { panelSharedProps as o } from "./shared.js";
 const s = r({
   ...o,

package/es/components/date-picker/props/panel-date-range.js

@@ -1,9 +1,9 @@
-import "@vft/utils";
-import "vue";
-import { buildProps as r } from "../../../utils/vue/props/runtime.js";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../../utils/ns-cover.js";
 import "lodash";
+import { buildProps as r } from "../../../utils/vue/props/runtime.js";
+import "vue";
 import { panelSharedProps as o, panelRangeSharedProps as p } from "./shared.js";
 const l = r({
   ...o,

package/es/components/date-picker/props/panel-month-range.js

@@ -1,9 +1,9 @@
-import "@vft/utils";
-import "vue";
-import { buildProps as o } from "../../../utils/vue/props/runtime.js";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../../utils/ns-cover.js";
 import "lodash";
+import { buildProps as o } from "../../../utils/vue/props/runtime.js";
+import "vue";
 import { panelRangeSharedProps as p } from "./shared.js";
 const s = o({
   ...p

package/es/components/date-picker/props/shared.js

@@ -1,10 +1,10 @@
 import { isArray as a } from "@vft/utils";
-import "vue";
-import { buildProps as r, definePropType as e } from "../../../utils/vue/props/runtime.js";
-import "@vueuse/core";
 import { datePickTypes as o } from "../../../constants/date.js";
+import "@vueuse/core";
 import "../../../utils/ns-cover.js";
 import "lodash";
+import { buildProps as r, definePropType as e } from "../../../utils/vue/props/runtime.js";
+import "vue";
 const p = ["date", "dates", "year", "month", "week", "range"], y = r({
   disabledDate: {
     type: e(Function)

package/es/components/date-picker/utils.js

@@ -1,5 +1,5 @@
-import e from "dayjs";
 import { isArray as B } from "@vft/utils";
+import e from "dayjs";
 const v = (r) => {
   if (!B(r))
     return !1;

package/es/components/date-time-select/date-time-select.vue2.js

@@ -1,18 +1,18 @@
 import { defineComponent as F, ref as u, computed as A, createVNode as e, Fragment as E } from "vue";
-import { useNamespace as S } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
 import { isArray as Y } from "@vft/utils";
+import S from "../date-picker/index.js";
+import { VftDropdown as q } from "../dropdown/index.js";
+import { VftIcon as k } from "../icon/index.js";
+import "@vueuse/core";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { useNamespace as z } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
 import v from "dayjs";
-import { VftIcon as k } from "../icon/index.js";
-import { VftDropdown as q } from "../dropdown/index.js";
-import z from "../date-picker/index.js";
 const c = (
   /* hoist-static*/
-  S("date-time-select")
+  z("date-time-select")
 ), B = F({
   name: "vft-date-time-select"
 }), ae = /* @__PURE__ */ F({
@@ -76,8 +76,8 @@ const c = (
       }, [e("span", {
         key: n
       }, [f.text]), g.value === n ? e(k, {
-        icon: "ico-ep:check"
-      }, null) : null])), e(z, {
+        icon: "icon-check"
+      }, null) : null])), e(S, {
         type: "daterange",
         "range-separator": "To",
         "start-placeholder": "Start date",
@@ -97,10 +97,10 @@ const c = (
         class: [w.value ? "text" : "placeholder"]
       }, [w.value || H.value]), t.value ? e(k, {
         onClick: N,
-        icon: "ico-ep:circle-close",
+        icon: "icon-circle-close",
         class: "hover:text-black"
       }, null) : null, t.value ? e(k, {
-        icon: "ico-ep:arrow-down",
+        icon: "icon-arrow-down",
         class: [{
           "rotate-180": C.value
         }]

package/es/components/date-time-select/index.js

@@ -1,9 +1,9 @@
-import { withInstall as t } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
 import m from "./date-time-select.vue2.js";
 const l = t(m);
 export {

package/es/components/descriptions/description-item.vue2.js

@@ -1,11 +1,11 @@
 import { defineComponent as t, renderSlot as i } from "vue";
-import { useNamespace as o } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { useNamespace as o } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
 /* hoist-static*/
 o("descriptions-item");
 const r = t({

package/es/components/descriptions/description.vue2.js

@@ -1,9 +1,9 @@
 import { defineComponent as N, useSlots as w, getCurrentInstance as z, provide as V, computed as D, openBlock as u, createElementBlock as d, normalizeClass as a, unref as i, createElementVNode as c, renderSlot as g, createTextVNode as k, toDisplayString as C, createCommentVNode as I, Fragment as K, renderList as F, createBlock as L } from "vue";
-import "@vft/utils";
-import { flattedChildren as R } from "../../utils/vue/vnode.js";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { flattedChildren as R } from "../../utils/vue/vnode.js";
 import { useNamespace as T } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";

package/es/components/descriptions/descriptions-cell.js

@@ -1,14 +1,14 @@
-import { defineComponent as S, inject as v, h as s } from "vue";
 import { addUnit as y } from "@vft/utils";
-import { useNamespace as w } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import { isNil as A } from "lodash";
-import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import { getNormalizedProps as j } from "../../utils/vue/vnode.js";
 import "../../utils/ns-cover.js";
+import { isNil as S } from "lodash";
+import { defineComponent as v, inject as w, h as s } from "vue";
+import { getNormalizedProps as A } from "../../utils/vue/vnode.js";
+import { useNamespace as j } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
 import { descriptionsKey as D } from "./token.js";
-const q = S({
+const q = v({
   name: "VftDescriptionsCell",
   props: {
     cell: {
@@ -23,17 +23,17 @@ const q = S({
   },
   setup() {
     return {
-      descriptions: v(D, {})
+      descriptions: w(D, {})
     };
   },
   render() {
     var h, n, g, f, c, u;
-    const e = j(
+    const e = A(
       this.cell
     ), { border: p, direction: N } = this.descriptions, l = N === "vertical", o = ((g = (n = (h = this.cell) == null ? void 0 : h.children) == null ? void 0 : n.label) == null ? void 0 : g.call(n)) || e.label, d = (u = (c = (f = this.cell) == null ? void 0 : f.children) == null ? void 0 : c.default) == null ? void 0 : u.call(c), i = e.span, a = e.align ? `is-${e.align}` : "", C = e.labelAlign ? `is-${e.labelAlign}` : a, m = e.className, b = e.labelClassName, r = {
       width: y(e.width),
       minWidth: y(e.minWidth)
-    }, t = w("descriptions");
+    }, t = j("descriptions");
     switch (this.type) {
       case "label":
         return s(
@@ -78,7 +78,7 @@ const q = S({
             colSpan: i
           },
           [
-            A(o) ? void 0 : s(
+            S(o) ? void 0 : s(
               "span",
               {
                 class: [t.e("label"), b]

package/es/components/descriptions/index.js

@@ -1,9 +1,9 @@
-import { withInstall as o, withNoopInstall as i } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as o, withNoopInstall as i } from "../../utils/vue/install.js";
+import "vue";
 import m from "./description.vue2.js";
 import t from "./description-item.vue2.js";
 const l = o(m, {

package/es/components/dialog/dialog-content.vue2.js

@@ -3,15 +3,15 @@ import { VftIcon as $ } from "../icon/index.js";
 import "../focus-trap/focus-trap.vue2.js";
 import { FOCUS_TRAP_INJECTION_KEY as N } from "../focus-trap/tokens.js";
 import "../focus-trap/utils.js";
-import "../config-provider/hooks/use-global-config.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { composeRefs as v } from "../../utils/vue/refs.js";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { composeRefs as v } from "../../utils/vue/refs.js";
 import { useDraggable as E } from "../../hooks/use-draggable/index.js";
+import "../config-provider/hooks/use-global-config.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
 import { dialogInjectionKey as S } from "./constants.js";
 const V = ["id"], z = p({
   name: "vft-dialog-content"
@@ -20,7 +20,7 @@ const V = ["id"], z = p({
   props: {
     center: { type: Boolean, default: !1 },
     alignCenter: { type: Boolean, default: !1 },
-    closeIcon: { default: "ico-ep:close" },
+    closeIcon: { default: "icon-close" },
     customClass: {},
     draggable: { type: Boolean, default: !1 },
     fullscreen: { type: Boolean, default: !1 },

package/es/components/dialog/dialog.vue2.js

@@ -1,22 +1,22 @@
 import { defineComponent as B, ref as u, getCurrentInstance as z, provide as O, computed as P, openBlock as C, createBlock as b, Teleport as N, createVNode as i, Transition as q, unref as e, withCtx as a, withDirectives as j, createElementVNode as K, normalizeClass as U, normalizeStyle as G, mergeProps as H, createSlots as J, renderSlot as n, createCommentVNode as Q, vShow as W } from "vue";
-import { VftOverlay as X } from "../overlay/index.js";
-import { useNamespace as Y } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import { isBoolean as Z } from "@vft/utils";
+import { isBoolean as X } from "@vft/utils";
+import Y from "../focus-trap/focus-trap.vue.js";
+import "../focus-trap/utils.js";
+import { VftOverlay as Z } from "../overlay/index.js";
 import { UPDATE_MODEL_EVENT as _ } from "../../constants/event.js";
+import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import { useSameTarget as x } from "../../hooks/use-same-target/index.js";
-import ee from "../focus-trap/focus-trap.vue.js";
-import "../focus-trap/utils.js";
-import oe from "./dialog-content.vue2.js";
-import { dialogInjectionKey as le } from "./constants.js";
+import "lodash";
+import { useNamespace as x } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import { useSameTarget as ee } from "../../hooks/use-same-target/index.js";
+import "../../hooks/use-z-index/index.js";
+import { dialogInjectionKey as oe } from "./constants.js";
+import le from "./dialog-content.vue2.js";
 import { useDialog as te } from "./hooks/use-dialog.js";
 const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
   /* hoist-static*/
-  Y("dialog")
+  x("dialog")
 ), se = B({
   name: "vft-dialog",
   inheritAttrs: !1
@@ -48,7 +48,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
     title: { default: "" }
   },
   emits: {
-    [_]: (r) => Z(r),
+    [_]: (r) => X(r),
     open: () => !0,
     opened: () => !0,
     close: () => !0,
@@ -75,7 +75,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
       onCloseRequested: L,
       onFocusoutPrevented: S
     } = te(F.props, p);
-    O(le, {
+    O(oe, {
       dialogRef: p,
       headerRef: A,
       bodyId: y,
@@ -83,7 +83,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
       rendered: v,
       style: w
     });
-    const l = x(M), V = P(() => r.draggable && !r.fullscreen);
+    const l = ee(M), V = P(() => r.draggable && !r.fullscreen);
     return k({
       /** @description whether the dialog is visible */
       visible: d,
@@ -99,7 +99,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
         onBeforeLeave: e(I)
       }, {
         default: a(() => [
-          j(i(e(X), {
+          j(i(e(Z), {
             "custom-mask-event": "",
             mask: o.modal,
             "overlay-class": o.modalClass,
@@ -121,7 +121,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
                 onMouseup: t[2] || (t[2] = //@ts-ignore
                 (...s) => e(l).onMouseup && e(l).onMouseup(...s))
               }, [
-                i(e(ee), {
+                i(e(Y), {
                   loop: "",
                   trapped: e(d),
                   "focus-start-el": "container",
@@ -131,7 +131,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
                   onReleaseRequested: e(L)
                 }, {
                   default: a(() => [
-                    e(v) ? (C(), b(oe, H({
+                    e(v) ? (C(), b(le, H({
                       key: 0,
                       ref_key: "dialogContentRef",
                       ref: c

package/es/components/dialog/hooks/use-dialog.js

@@ -1,39 +1,39 @@
-import { getCurrentInstance as S, ref as s, computed as I, watch as b, nextTick as U, onMounted as Z } from "vue";
-import { useTimeoutFn as h, isClient as _ } from "@vueuse/core";
-import { defaultNamespace as q } from "../../../hooks/use-namespace/index.js";
-import "@popperjs/core";
+import { addUnit as S } from "@vft/utils";
+import "../../config-provider/index.js";
+import { UPDATE_MODEL_EVENT as U } from "../../../constants/event.js";
+import { useTimeoutFn as I, isClient as Z } from "@vueuse/core";
+import "../../../utils/ns-cover.js";
 import "lodash";
-import { useZIndex as G } from "../../../hooks/use-z-index/index.js";
+import { getCurrentInstance as _, ref as s, computed as b, watch as h, nextTick as q, onMounted as G } from "vue";
 import { useId as E } from "../../../hooks/use-id/index.js";
-import { addUnit as j } from "@vft/utils";
-import { UPDATE_MODEL_EVENT as B } from "../../../constants/event.js";
-import "../../../utils/ns-cover.js";
-import { useLockscreen as H } from "../../../hooks/use-lockscreen/index.js";
-import "../../config-provider/index.js";
+import { useLockscreen as j } from "../../../hooks/use-lockscreen/index.js";
+import { defaultNamespace as B } from "../../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import { useZIndex as H } from "../../../hooks/use-z-index/index.js";
 import { useGlobalConfig as J } from "../../config-provider/hooks/use-global-config.js";
 const ue = (e, a) => {
-  const n = S().emit, { nextZIndex: y } = G();
+  const n = _().emit, { nextZIndex: y } = H();
   let C = "";
   const F = E(), O = E(), t = s(!1), c = s(!1), f = s(!1), r = s(e.zIndex || y());
   let l, i;
-  const k = J("namespace", q), A = I(() => {
+  const k = J("namespace", B), A = b(() => {
     const o = {}, u = `--${k.value}-dialog`;
-    return e.fullscreen || (e.top && (o[`${u}-margin-top`] = e.top), e.width && (o[`${u}-width`] = j(e.width))), o;
-  }), P = I(() => e.alignCenter ? { display: "flex" } : {});
+    return e.fullscreen || (e.top && (o[`${u}-margin-top`] = e.top), e.width && (o[`${u}-width`] = S(e.width))), o;
+  }), P = b(() => e.alignCenter ? { display: "flex" } : {});
   function w() {
     n("opened");
   }
   function L() {
-    n("closed"), n(B, !1), e.destroyOnClose && (f.value = !1);
+    n("closed"), n(U, !1), e.destroyOnClose && (f.value = !1);
   }
   function M() {
     n("close");
   }
   function D() {
-    i == null || i(), l == null || l(), e.openDelay && e.openDelay > 0 ? { stop: l } = h(() => x(), e.openDelay) : x();
+    i == null || i(), l == null || l(), e.openDelay && e.openDelay > 0 ? { stop: l } = I(() => x(), e.openDelay) : x();
   }
   function d() {
-    l == null || l(), i == null || i(), e.closeDelay && e.closeDelay > 0 ? { stop: i } = h(() => v(), e.closeDelay) : v();
+    l == null || l(), i == null || i(), e.closeDelay && e.closeDelay > 0 ? { stop: i } = I(() => v(), e.closeDelay) : v();
   }
   function m() {
     function o(u) {
@@ -45,7 +45,7 @@ const ue = (e, a) => {
     e.closeOnClickModal && m();
   }
   function x() {
-    _ && (t.value = !0);
+    Z && (t.value = !0);
   }
   function v() {
     t.value = !1;
@@ -60,23 +60,23 @@ const ue = (e, a) => {
     var u;
     ((u = o.detail) == null ? void 0 : u.focusReason) === "pointer" && o.preventDefault();
   }
-  e.lockScroll && H(t);
+  e.lockScroll && j(t);
   function N() {
     e.closeOnPressEscape && m();
   }
-  return b(
+  return h(
     () => e.modelValue,
     (o) => {
-      o ? (c.value = !1, D(), f.value = !0, r.value = e.zIndex ? r.value++ : y(), U(() => {
+      o ? (c.value = !1, D(), f.value = !0, r.value = e.zIndex ? r.value++ : y(), q(() => {
         n("open"), a.value && (a.value.scrollTop = 0);
       })) : t.value && d();
     }
-  ), b(
+  ), h(
     () => e.fullscreen,
     (o) => {
       a.value && (o ? (C = a.value.style.transform, a.value.style.transform = "") : a.value.style.transform = C);
     }
-  ), Z(() => {
+  ), G(() => {
     e.modelValue && (t.value = !0, f.value = !0, D());
   }), {
     afterEnter: w,

package/es/components/dialog/index.js

@@ -1,16 +1,16 @@
-import { withInstall as o } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
 import t from "./dialog.vue2.js";
-import { useDialog as c } from "./hooks/use-dialog.js";
-import { dialogInjectionKey as x } from "./constants.js";
+import { dialogInjectionKey as c } from "./constants.js";
+import { useDialog as x } from "./hooks/use-dialog.js";
 const l = o(t);
 export {
   l as VftDialog,
   l as default,
-  x as dialogInjectionKey,
-  c as useDialog
+  c as dialogInjectionKey,
+  x as useDialog
 };

package/es/components/divider/divider.vue2.js

@@ -1,11 +1,11 @@
 import { defineComponent as a, computed as m, openBlock as i, createElementBlock as n, normalizeClass as l, unref as t, normalizeStyle as s, renderSlot as c, createCommentVNode as u } from "vue";
-import { useNamespace as f } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { useNamespace as f } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
 const r = (
   /* hoist-static*/
   f("divider")

package/es/components/divider/index.js

@@ -1,9 +1,9 @@
-import { withInstall as t } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
 import i from "./divider.vue2.js";
 const e = t(i);
 export {

package/es/components/drawer/drawer.vue2.js

@@ -1,21 +1,21 @@
 import { defineComponent as w, getCurrentInstance as L, ref as B, computed as k, openBlock as a, createBlock as T, Teleport as O, createVNode as u, Transition as N, unref as e, withCtx as y, withDirectives as M, createElementVNode as h, mergeProps as P, withModifiers as q, normalizeClass as l, createElementBlock as r, renderSlot as f, toDisplayString as H, createCommentVNode as d, vShow as U } from "vue";
-import { VftOverlay as j } from "../overlay/index.js";
-import G from "../focus-trap/focus-trap.vue.js";
-import "../focus-trap/utils.js";
+import { isBoolean as j, addUnit as G } from "@vft/utils";
 import "../dialog/index.js";
-import { isBoolean as J, addUnit as K } from "@vft/utils";
-import { VftIcon as Q } from "../icon/index.js";
-import { useNamespace as W } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
+import J from "../focus-trap/focus-trap.vue.js";
+import "../focus-trap/utils.js";
+import { VftIcon as K } from "../icon/index.js";
+import { VftOverlay as Q } from "../overlay/index.js";
+import { UPDATE_MODEL_EVENT as W } from "../../constants/event.js";
 import "@vueuse/core";
-import { UPDATE_MODEL_EVENT as X } from "../../constants/event.js";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { useNamespace as X } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
 import { useDialog as Y } from "../dialog/hooks/use-dialog.js";
 const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x = ["id"], t = (
   /* hoist-static*/
-  W("drawer")
+  X("drawer")
 ), ee = w({
   name: "vft-drawer"
 }), Ee = /* @__PURE__ */ w({
@@ -50,7 +50,7 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
     title: { default: "" }
   },
   emits: {
-    [X]: (s) => J(s),
+    [W]: (s) => j(s),
     open: () => !0,
     opened: () => !0,
     close: () => !0,
@@ -59,7 +59,7 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
     closeAutoFocus: () => !0
   },
   setup(s, { expose: g }) {
-    const E = L(), p = B(), {
+    const E = L(), c = B(), {
       afterEnter: z,
       afterLeave: A,
       beforeLeave: R,
@@ -71,7 +71,7 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
       onCloseAutoFocus: ae,
       onCloseRequested: F,
       onFocusoutPrevented: se,
-      titleId: c,
+      titleId: p,
       bodyId: b,
       closed: re,
       style: de,
@@ -79,9 +79,9 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
       rendered: I,
       visible: m,
       zIndex: S
-    } = Y(E.props, p), v = B(), V = k(
+    } = Y(E.props, c), v = B(), V = k(
       () => s.direction === "rtl" || s.direction === "ltr"
-    ), C = k(() => K(s.size));
+    ), C = k(() => G(s.size));
     return g({
       close: n
     }), (o, i) => (a(), T(O, {
@@ -95,27 +95,27 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
         onBeforeLeave: e(R)
       }, {
         default: y(() => [
-          M(u(e(j), {
+          M(u(e(Q), {
             mask: o.modal,
             "overlay-class": o.modalClass,
             "z-index": e(S),
             onClick: e(D)
           }, {
             default: y(() => [
-              u(e(G), {
+              u(e(J), {
                 loop: "",
                 trapped: e(m),
-                "focus-trap-el": p.value,
+                "focus-trap-el": c.value,
                 "focus-start-el": v.value,
                 onReleaseRequested: e(F)
               }, {
                 default: y(() => [
                   h("div", P({
                     ref_key: "drawerRef",
-                    ref: p,
+                    ref: c,
                     "aria-modal": "true",
                     "aria-label": o.title || void 0,
-                    "aria-labelledby": o.title ? void 0 : e(c),
+                    "aria-labelledby": o.title ? void 0 : e(p),
                     "aria-describedby": e(b)
                   }, o.$attrs, {
                     class: [e(t).b(), o.direction, e(m) && "open", o.customClass],
@@ -137,12 +137,12 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
                       o.$slots.title ? f(o.$slots, "title", { key: 1 }) : f(o.$slots, "header", {
                         key: 0,
                         close: e(n),
-                        titleId: e(c),
+                        titleId: e(p),
                         titleClass: e(t).e("title")
                       }, () => [
                         o.$slots.title ? d("", !0) : (a(), r("span", {
                           key: 0,
-                          id: e(c),
+                          id: e(p),
                           role: "heading",
                           class: l(e(t).e("title"))
                         }, H(o.title), 11, _))
@@ -154,8 +154,8 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
                         onClick: i[0] || (i[0] = //@ts-ignore
                         (...$) => e(n) && e(n)(...$))
                       }, [
-                        u(e(Q), {
-                          icon: "ico-ep:close",
+                        u(e(K), {
+                          icon: "icon-close",
                           class: l(e(t).e("close"))
                         }, null, 8, ["class"])
                       ], 2)) : d("", !0)