@tempots/beatui 0.39.0 → 0.40.0

package/dist/{modal-BD76Rve3.js → modal-_2B8vIo0.js}

@@ -1,7 +1,7 @@
-import { WithElement as S, OnDispose as W, prop as z, attr as g, computedOf as A, Fragment as R, WithBrowserCtx as J, Value as U, render as Q, html as k, dataAttr as F, aria as O, on as X, When as q, Use as H, coalesce as I } from "@tempots/dom";
-import { g as V, T as j } from "./timer-DzWb416P.js";
-import { s as Y, C as Z } from "./notice-CQZseCQs.js";
-import { a as K, B as _ } from "./translations-djDSPqdb.js";
+import { WithElement as D, OnDispose as V, prop as R, computedOf as w, Fragment as B, attr as g, WithBrowserCtx as J, Value as U, render as Q, html as k, dataAttr as S, aria as F, on as X, When as I, Use as H, coalesce as _ } from "@tempots/dom";
+import { g as $, T as P } from "./timer-DzWb416P.js";
+import { s as Y, C as Z } from "./notice-C4n5jXi6.js";
+import { a as K, B as W } from "./translations-DEEflRUY.js";
 const ee = [
   "a[href]",
   "button:not([disabled])",
@@ -23,23 +23,23 @@ function te(o) {
     }
   );
 }
-function $(o = {}) {
+function M(o = {}) {
   const {
     active: t = !0,
     escapeDeactivates: s = !0,
     onEscape: e,
     initialFocus: n,
-    returnFocus: a,
-    clickOutsideDeactivates: i = !1,
-    onClickOutside: d
+    returnFocus: r,
+    clickOutsideDeactivates: a = !1,
+    onClickOutside: u
   } = o;
-  return S((f) => {
-    let m = t, p = null, c = [];
+  return D((m) => {
+    let f = t, p = null, c = [];
     typeof document < "u" && (p = document.activeElement);
     const v = () => {
-      c = te(f);
+      c = te(m);
     }, b = (l) => {
-      if (m) {
+      if (f) {
         if (s && l.key === "Escape") {
           l.preventDefault(), e?.();
           return;
@@ -49,39 +49,39 @@ function $(o = {}) {
             l.preventDefault();
             return;
           }
-          const r = c.indexOf(
+          const i = c.indexOf(
             document.activeElement
           );
-          l.shiftKey ? r <= 0 && (l.preventDefault(), c[c.length - 1]?.focus()) : r >= c.length - 1 && (l.preventDefault(), c[0]?.focus());
+          l.shiftKey ? i <= 0 && (l.preventDefault(), c[c.length - 1]?.focus()) : i >= c.length - 1 && (l.preventDefault(), c[0]?.focus());
         }
       }
     }, h = (l) => {
-      if (!m || !i) return;
-      const r = l.target;
-      f.contains(r) || d?.();
+      if (!f || !a) return;
+      const i = l.target;
+      m.contains(i) || u?.();
     }, y = () => {
-      if (!m) return;
+      if (!f) return;
       v();
       let l = null;
       typeof n == "function" ? l = n() : n ? l = n : c.length > 0 && (l = c[0]), l && setTimeout(() => {
         l?.focus();
-      }, 50), document.addEventListener("keydown", b, !0), i && document.addEventListener("click", h, !0);
-    }, C = () => {
-      m = !1, document.removeEventListener("keydown", b, !0), document.removeEventListener("click", h, !0);
+      }, 50), document.addEventListener("keydown", b, !0), a && document.addEventListener("click", h, !0);
+    }, L = () => {
+      f = !1, document.removeEventListener("keydown", b, !0), document.removeEventListener("click", h, !0);
       let l = null;
-      typeof a == "function" ? l = a() : a ? l = a : p && (l = p), l && document.body.contains(l) && setTimeout(() => {
+      typeof r == "function" ? l = r() : r ? l = r : p && (l = p), l && document.body.contains(l) && setTimeout(() => {
         l?.focus();
       }, 0);
     };
-    return setTimeout(() => y(), 0), W(() => {
-      C();
+    return setTimeout(() => y(), 0), V(() => {
+      L();
     });
   });
 }
-function me(o = {}) {
+function pe(o = {}) {
   return {
-    activate: () => $({ ...o, active: !0 }),
-    deactivate: () => $({ ...o, active: !1 })
+    activate: () => M({ ...o, active: !0 }),
+    deactivate: () => M({ ...o, active: !1 })
   };
 }
 function N({
@@ -89,35 +89,35 @@ function N({
   openedAfter: t,
   closedAfter: s
 }) {
-  const e = z(o), n = () => {
+  const e = R(o), n = () => {
     e.set("start-opening");
-  }, a = () => {
+  }, r = () => {
     e.set("start-closing");
-  }, i = e.map(
-    (r) => r !== "closed" && r !== "start-closing" && r !== "closing"
-  ), d = (r) => {
-    r ? n() : a();
-  }, f = () => {
-    d(!i.value);
-  }, m = [], p = (r) => {
-    m.push(
-      e.on((x) => {
-        x === "closed" && r();
+  }, a = e.map(
+    (i) => i !== "closed" && i !== "start-closing" && i !== "closing"
+  ), u = (i) => {
+    i ? n() : r();
+  }, m = () => {
+    u(!a.value);
+  }, f = [], p = (i) => {
+    f.push(
+      e.on((T) => {
+        T === "closed" && i();
       })
     );
   };
   let c = () => {
   };
-  e.on((r) => {
-    switch (c(), r) {
+  e.on((i) => {
+    switch (c(), i) {
       case "start-opening":
-        c = V(() => e.set("opening"));
+        c = $(() => e.set("opening"));
         break;
       case "opening":
         c = t(() => e.set("opened"));
         break;
       case "start-closing":
-        c = V(() => e.set("closing"));
+        c = $(() => e.set("closing"));
         break;
       case "closing":
         c = s(() => e.set("closed"));
@@ -128,27 +128,27 @@ function N({
         break;
     }
   }), e.onDispose(() => {
-    m.forEach((r) => r()), c();
+    f.forEach((i) => i()), c();
   });
-  const v = e.map((r) => r === "closed"), b = e.map((r) => r === "start-opening"), h = e.map((r) => r === "opening"), y = e.map((r) => r === "opened"), C = e.map((r) => r === "closing"), l = e.map((r) => r === "start-closing");
+  const v = e.map((i) => i === "closed"), b = e.map((i) => i === "start-opening"), h = e.map((i) => i === "opening"), y = e.map((i) => i === "opened"), L = e.map((i) => i === "closing"), l = e.map((i) => i === "start-closing");
   return {
     status: e,
     open: n,
-    close: a,
-    toggle: f,
-    setOpen: d,
-    display: i,
+    close: r,
+    toggle: m,
+    setOpen: u,
+    display: a,
     isClosed: v,
     isStartOpening: b,
     isOpening: h,
     isOpened: y,
-    isClosing: C,
+    isClosing: L,
     isStartClosing: l,
     dispose: () => e.dispose(),
     listenOnClosed: p
   };
 }
-function fe({
+function he({
   initialStatus: o = "closed",
   duration: t,
   openDuration: s = t ?? 500,
@@ -156,30 +156,30 @@ function fe({
 } = {}) {
   return N({
     initialStatus: o,
-    openedAfter: (n) => j(n, s),
-    closedAfter: (n) => j(n, e)
+    openedAfter: (n) => P(n, s),
+    closedAfter: (n) => P(n, e)
   });
 }
-function P(o, t) {
+function z(o, t) {
   let s = !1, e = null;
   function n() {
-    s || (s = !0, o.removeEventListener("transitionend", a), o.removeEventListener("animationend", i), e && (clearTimeout(e), e = null), t());
+    s || (s = !0, o.removeEventListener("transitionend", r), o.removeEventListener("animationend", a), e && (clearTimeout(e), e = null), t());
   }
-  function a(m) {
-    m.target === o && n();
+  function r(f) {
+    f.target === o && n();
   }
-  function i(m) {
-    m.target === o && n();
+  function a(f) {
+    f.target === o && n();
   }
-  const f = V(() => {
+  const m = $(() => {
     if (typeof o.getAnimations > "u") {
       e = setTimeout(n, 16);
       return;
     }
-    o.addEventListener("transitionend", a), o.addEventListener("animationend", i), o.getAnimations().length === 0 && (e = setTimeout(n, 1e3));
+    o.addEventListener("transitionend", r), o.addEventListener("animationend", a), o.getAnimations().length === 0 && (e = setTimeout(n, 1e3));
   });
   return () => {
-    s = !0, f(), e && (clearTimeout(e), e = null), o.removeEventListener("transitionend", a), o.removeEventListener("animationend", i);
+    s = !0, m(), e && (clearTimeout(e), e = null), o.removeEventListener("transitionend", r), o.removeEventListener("animationend", a);
   };
 }
 function G({
@@ -194,42 +194,67 @@ function G({
     ...N({
       initialStatus: o,
       openedAfter: (e) => s == null ? (e(), () => {
-      }) : P(s, e),
+      }) : z(s, e),
       closedAfter: (e) => s == null ? (e(), () => {
-      }) : P(s, e)
+      }) : z(s, e)
     })
   };
 }
-function se({
-  animation: o = "fade",
+function se(o) {
+  if (o == null) return "";
+  const t = [];
+  return o.fade && t.push("fade"), o.slide && t.push(`slide-${o.slide}`), o.scale != null && t.push("scale"), t.length > 0 ? t.join(" ") : "none";
+}
+function ne(o) {
+  if (o == null) return "";
+  const t = [];
+  return o.scale != null && typeof o.scale == "number" && t.push(`--scale-factor: ${o.scale}`), o.transformOrigin != null && t.push(`--transform-origin: ${o.transformOrigin}`), o.duration != null && t.push(`--animation-duration: ${o.duration}ms`), o.easing != null && t.push(`--animation-easing: ${o.easing}`), t.join("; ");
+}
+function oe({
+  animation: o,
   status: t
 }) {
-  return g.class(
-    A(
-      o,
-      t
-    )(
-      (s, e) => `bc-animated-toggle bc-animated-toggle--${s} bc-animated-toggle--${e}`
-    )
+  const s = w(
+    o,
+    t
+  )((n, r) => {
+    if (n == null)
+      return `bc-animated-toggle bc-animated-toggle--${r}`;
+    const a = r === "start-opening" || r === "opening" || r === "opened";
+    let u;
+    return "enter" in n || "exit" in n ? u = a ? n.enter : n.exit : u = n, `bc-animated-toggle bc-animated-toggle--${se(u)} bc-animated-toggle--${r}`;
+  }), e = w(
+    o,
+    t
+  )((n, r) => {
+    if (n == null) return "";
+    const a = r === "start-opening" || r === "opening" || r === "opened";
+    let u;
+    return "enter" in n || "exit" in n ? u = a ? n.enter : n.exit : u = n, ne(u);
+  });
+  return B(
+    V(s, e),
+    g.class(s),
+    g.style(e)
   );
 }
-function pe({
+function ge({
   initialStatus: o = "closed",
-  animation: t = "fade"
+  animation: t
 }, s) {
-  return S((e) => {
-    const { setElement: n, dispose: a, ...i } = G({
+  return D((e) => {
+    const { setElement: n, dispose: r, ...a } = G({
       initialStatus: o,
       element: e
     });
-    return n(e), R(
-      se({ status: i.status, animation: t }),
-      W(a),
-      s(i)
+    return n(e), B(
+      oe({ status: a.status, animation: t }),
+      V(r),
+      s(a)
     );
   });
 }
-function ne(o) {
+function re(o) {
   return {
     "~standard": {
       version: 1,
@@ -253,7 +278,7 @@ function ne(o) {
           errors: e.errors.map((n) => ({
             message: n.message,
             path: n.path?.map(
-              (a) => typeof a == "object" && "key" in a ? a.key.toString() : a.toString()
+              (r) => typeof r == "object" && "key" in r ? r.key.toString() : r.toString()
             ) || []
           }))
         }
@@ -261,18 +286,18 @@ function ne(o) {
     }
   };
 }
-class T {
+class A {
   optional() {
-    return new oe(this);
+    return new ae(this);
   }
   default(t) {
-    return new ae(this, t);
+    return new ie(this, t);
   }
   schema() {
-    return ne(this);
+    return re(this);
   }
 }
-class w extends T {
+class C extends A {
   minLength;
   maxLength;
   pattern;
@@ -289,36 +314,36 @@ class w extends T {
     return s.length > 0 ? { success: !1, errors: s } : { success: !0, data: t };
   }
   min(t, s) {
-    const e = new w();
+    const e = new C();
     return e.minLength = t, e.maxLength = this.maxLength, e.pattern = this.pattern, e.customValidations = [...this.customValidations], s && e.customValidations.push(
       (n) => n.length < t ? s : null
     ), e;
   }
   max(t, s) {
-    const e = new w();
+    const e = new C();
     return e.minLength = this.minLength, e.maxLength = t, e.pattern = this.pattern, e.customValidations = [...this.customValidations], s && e.customValidations.push(
       (n) => n.length > t ? s : null
     ), e;
   }
   regex(t, s) {
-    const e = new w();
+    const e = new C();
     return e.minLength = this.minLength, e.maxLength = this.maxLength, e.pattern = t, e.customValidations = [...this.customValidations], s && e.customValidations.push(
       (n) => t.test(n) ? null : s
     ), e;
   }
   email(t = "Please enter a valid email address") {
-    const s = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, e = new w();
+    const s = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, e = new C();
     return e.minLength = this.minLength, e.maxLength = this.maxLength, e.pattern = this.pattern, e.customValidations = [
       ...this.customValidations,
       (n) => s.test(n) ? null : t
     ], e;
   }
   refine(t) {
-    const s = new w();
+    const s = new C();
     return s.minLength = this.minLength, s.maxLength = this.maxLength, s.pattern = this.pattern, s.customValidations = [...this.customValidations, t], s;
   }
 }
-class B extends T {
+class O extends A {
   mustBeTrue = !1;
   trueMessage;
   validate(t) {
@@ -328,20 +353,20 @@ class B extends T {
     } : { success: !0, data: t };
   }
   refine(t, s) {
-    const e = new B();
+    const e = new O();
     e.mustBeTrue = this.mustBeTrue, e.trueMessage = this.trueMessage;
     const n = e.validate.bind(e);
-    return e.validate = (a) => {
-      const i = n(a);
-      return i.success ? t(i.data) ? i : { success: !1, errors: [{ message: s }] } : i;
+    return e.validate = (r) => {
+      const a = n(r);
+      return a.success ? t(a.data) ? a : { success: !1, errors: [{ message: s }] } : a;
     }, e;
   }
   literal(t, s) {
-    const e = new B();
+    const e = new O();
     return e.mustBeTrue = !0, e.trueMessage = s, e;
   }
 }
-class oe extends T {
+class ae extends A {
   constructor(t) {
     super(), this.inner = t;
   }
@@ -352,7 +377,7 @@ class oe extends T {
     return s.success ? { success: !0, data: s.data } : { success: !1, errors: s.errors };
   }
 }
-class ae extends T {
+class ie extends A {
   constructor(t, s) {
     super(), this.inner = t, this.defaultValue = s;
   }
@@ -360,7 +385,7 @@ class ae extends T {
     return t === void 0 ? { success: !0, data: this.defaultValue } : this.inner.validate(t);
   }
 }
-class M extends T {
+class j extends A {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   constructor(t) {
     super(), this.shape = t;
@@ -369,47 +394,47 @@ class M extends T {
     if (typeof t != "object" || t === null || Array.isArray(t))
       return { success: !1, errors: [{ message: "Expected object" }] };
     const s = t, e = {}, n = [];
-    for (const [a, i] of Object.entries(this.shape)) {
-      const d = i.validate(s[a]);
-      if (d.success)
-        e[a] = d.data;
+    for (const [r, a] of Object.entries(this.shape)) {
+      const u = a.validate(s[r]);
+      if (u.success)
+        e[r] = u.data;
       else
-        for (const f of d.errors)
+        for (const m of u.errors)
           n.push({
-            message: f.message,
-            path: [a, ...f.path || []]
+            message: m.message,
+            path: [r, ...m.path || []]
           });
     }
     return n.length > 0 ? { success: !1, errors: n } : { success: !0, data: e };
   }
   refine(t, s) {
-    const e = new M(this.shape), n = e.validate.bind(e);
-    return e.validate = (a) => {
-      const i = n(a);
-      if (!i.success) return i;
-      const d = t(i.data);
-      return d ? {
+    const e = new j(this.shape), n = e.validate.bind(e);
+    return e.validate = (r) => {
+      const a = n(r);
+      if (!a.success) return a;
+      const u = t(a.data);
+      return u ? {
         success: !1,
         errors: [
           {
-            message: d,
+            message: u,
             path: s?.path
           }
         ]
-      } : { success: !0, data: i.data };
+      } : { success: !0, data: a.data };
     }, e;
   }
 }
-const he = () => new w(), ge = () => new B(), be = (o) => new M(o);
-function re(o) {
+const be = () => new C(), ve = () => new O(), ye = (o) => new j(o);
+function ce(o) {
   return J((t) => {
-    const s = [], e = () => s.forEach((a) => a());
+    const s = [], e = () => s.forEach((r) => r());
     return o(({
-      effect: a = "opaque",
-      mode: i = "capturing",
-      onClickOutside: d,
-      onEscape: f,
-      content: m,
+      effect: r = "opaque",
+      mode: a = "capturing",
+      onClickOutside: u,
+      onEscape: m,
+      content: f,
       container: p = "body"
     }) => {
       p === "body" && (t = t.makePortal("body"));
@@ -419,132 +444,132 @@ function re(o) {
       }, b = () => {
       };
       const h = (E) => {
-        E.key === "Escape" && (f?.(), c.close());
+        E.key === "Escape" && (m?.(), c.close());
       }, y = () => {
-        d?.(), c.close();
-      }, C = (E) => {
+        u?.(), c.close();
+      }, L = (E) => {
         v(), b(), E === "capturing" ? (document.addEventListener("keydown", h), v = () => document.removeEventListener("keydown", h), t.element.addEventListener("mousedown", y), b = () => t.element.removeEventListener("mousedown", y)) : (v = () => {
         }, b = () => {
         });
-      }, l = U.on(i, C);
+      }, l = U.on(a, L);
       s.push(l), s.push(() => {
         c.dispose(), v(), b();
       });
-      const x = Q((() => {
+      const T = Q((() => {
         const E = /* @__PURE__ */ new Set();
-        for (const u of t.element.querySelectorAll(
+        for (const d of t.element.querySelectorAll(
           ":scope > :not([data-overlay])"
         ))
-          u.hasAttribute("inert") ? E.add(u) : u.setAttribute("inert", "");
+          d.hasAttribute("inert") ? E.add(d) : d.setAttribute("inert", "");
         return s.push(() => {
-          for (const u of t.element.querySelectorAll(
+          for (const d of t.element.querySelectorAll(
             ":scope > :not([data-overlay])"
           ))
-            E.has(u) || u.removeAttribute("inert");
+            E.has(d) || d.removeAttribute("inert");
           E.clear();
         }), document.activeElement?.blur?.(), k.div(
-          S((u) => c.setElement(u)),
-          F.status(c.status.map(String)),
-          F.overlay("true"),
+          D((d) => c.setElement(d)),
+          S.status(c.status.map(String)),
+          S.overlay("true"),
           g.class(
-            A(
-              a ?? "opaque",
-              i
+            w(
+              r ?? "opaque",
+              a
             )(
-              (u, L) => `bc-overlay bc-overlay--effect-${u} bc-overlay--mode-${L}`
+              (d, x) => `bc-overlay bc-overlay--effect-${d} bc-overlay--mode-${x}`
             )
           ),
-          m
+          f
         );
       })(), t.element, {
         disposeWithParent: !0,
         clear: !1,
         providers: t.providers
       });
-      s.push(x), V(() => c.open());
+      s.push(T), $(() => c.open());
     }, e);
   });
 }
-function ie(o, t) {
+function le(o, t) {
   const {
     size: s = "md",
     dismissable: e = !0,
     showCloseButton: n = !0,
-    onClose: a,
-    overlayEffect: i = "opaque",
-    container: d = "body",
-    position: f = "center"
+    onClose: r,
+    overlayEffect: a = "opaque",
+    container: u = "body",
+    position: m = "center"
   } = o;
-  return re((m, p) => {
+  return ce((f, p) => {
     let c = () => {
     };
     return t((h) => {
       c = p;
-      const y = z("capturing");
-      U.on(e, (u) => {
-        y.set(u ? "capturing" : "non-capturing");
+      const y = R("capturing");
+      U.on(e, (d) => {
+        y.set(d ? "capturing" : "non-capturing");
       });
-      const C = A(
+      const L = w(
         h.header != null,
         n
-      )((u, L) => u || L), l = Y("modal"), r = `${l}-header`, x = `${l}-body`, E = k.div(
+      )((d, x) => d || x), l = Y("modal"), i = `${l}-header`, T = `${l}-body`, E = k.div(
         g.class(
-          A(
+          w(
             s,
-            f
+            m
           )(
-            (u, L) => `bc-modal bc-modal--size-${u} bc-modal--container-${d} bc-modal--position-${L}`
+            (d, x) => `bc-modal bc-modal--size-${d} bc-modal--container-${u} bc-modal--position-${x}`
           )
         ),
         // Essential ARIA attributes for modal dialog
         g.role("dialog"),
-        O.modal(!0),
-        ...h.header ? [O.labelledby(r)] : [],
-        O.describedby(x),
+        F.modal(!0),
+        ...h.header ? [F.labelledby(i)] : [],
+        F.describedby(T),
         g.tabindex(-1),
         // Make modal focusable for initial focus
         g.id(l),
-        F.focusTrap("true"),
+        S.focusTrap("true"),
         // Mark as focus trap container
-        X.mousedown((u) => u.stopPropagation()),
+        X.mousedown((d) => d.stopPropagation()),
         // Prevent overlay click-outside when clicking modal content
         // Focus trap implementation
-        $({
+        M({
           escapeDeactivates: !1,
           // Let Overlay handle escape key
           initialFocus: () => {
-            const u = document.getElementById(l);
-            if (!u) return null;
-            const L = u.querySelector(
+            const d = document.getElementById(l);
+            if (!d) return null;
+            const x = d.querySelector(
               '[aria-label="Close modal"]'
             );
-            if (L) return L;
-            const D = u.querySelector(
+            if (x) return x;
+            const q = d.querySelector(
               'button, input, select, textarea, [tabindex]:not([tabindex="-1"])'
             );
-            return D || u;
+            return q || d;
           }
         }),
         // Modal content container
         k.div(
           g.class("bc-modal__content"),
           // Header section
-          q(
-            C,
+          I(
+            L,
             () => k.div(
               g.class("bc-modal__header"),
               k.div(
                 g.class("bc-modal__title"),
-                ...h.header ? [g.id(r)] : [],
+                ...h.header ? [g.id(i)] : [],
                 h.header
               ),
-              q(
+              I(
                 n,
                 () => H(
                   K,
-                  (u) => Z({
+                  (d) => Z({
                     size: "sm",
-                    label: u.$.closeModal,
+                    label: d.$.closeModal,
                     onClick: () => {
                       c(), p();
                     }
@@ -554,21 +579,21 @@ function ie(o, t) {
             )
           ),
           // Body section
-          k.div(g.class("bc-modal__body"), g.id(x), h.body),
+          k.div(g.class("bc-modal__body"), g.id(T), h.body),
           // Footer section
           h.footer && k.div(g.class("bc-modal__footer"), h.footer)
         )
       );
-      m({
+      f({
         mode: y,
-        effect: i ?? "opaque",
-        container: d,
-        content: E,
+        effect: a ?? "opaque",
+        container: u,
+        content: B(V(y, L), E),
         onClickOutside: () => {
-          a?.(), p();
+          r?.(), p();
         },
         onEscape: () => {
-          a?.(), p();
+          r?.(), p();
         }
       });
     }, () => {
@@ -576,58 +601,58 @@ function ie(o, t) {
     });
   });
 }
-function ve(o, t) {
-  const { confirmText: s, cancelText: e, onConfirm: n, onCancel: a, ...i } = o;
+function Ee(o, t) {
+  const { confirmText: s, cancelText: e, onConfirm: n, onCancel: r, ...a } = o;
   return H(
     K,
-    (d) => ie({ showCloseButton: !1, ...i }, (f, m) => {
+    (u) => le({ showCloseButton: !1, ...a }, (m, f) => {
       const p = () => {
-        n?.(), m();
+        n?.(), f();
       }, c = () => {
-        a?.(), m();
+        r?.(), f();
       };
       return t((b) => {
-        f({
+        m({
           body: b,
-          footer: R(
+          footer: B(
             g.class("bc-modal__actions"),
-            _(
+            W(
               {
                 variant: "outline",
                 onClick: c
               },
-              I(e, d.$.cancel)
+              _(e, u.$.cancel)
             ),
-            _(
+            W(
               {
                 color: "primary",
                 variant: "filled",
                 onClick: p
               },
-              I(s, d.$.confirm)
+              _(s, u.$.confirm)
             )
           )
         });
-      }, m);
+      }, f);
     })
   );
 }
 export {
-  se as A,
-  B,
-  ve as C,
-  $ as F,
-  ie as M,
-  re as O,
-  w as S,
-  pe as a,
-  ge as b,
-  M as c,
-  ne as d,
-  me as e,
+  oe as A,
+  O as B,
+  Ee as C,
+  M as F,
+  le as M,
+  ce as O,
+  C as S,
+  ge as a,
+  ve as b,
+  j as c,
+  re as d,
+  pe as e,
   N as f,
-  fe as g,
-  be as o,
-  he as s,
+  he as g,
+  ye as o,
+  be as s,
   G as u
 };