@tempots/beatui 0.19.1 → 0.21.0

package/dist/modal-nbZW44XS.js

@@ -1,614 +0,0 @@
-var G = Object.defineProperty;
-var J = (o, n, t) => n in o ? G(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t;
-var k = (o, n, t) => J(o, typeof n != "symbol" ? n + "" : n, t);
-import { WithElement as z, OnDispose as Q, prop as R, attr as p, computedOf as B, WithBrowserCtx as X, Value as U, render as Y, html as T, dataAttr as D, aria as M, on as Z, When as I, Use as H, Fragment as ee, coalesce as O } from "@tempots/dom";
-import { w as $, T as j } from "./timer-CkgWORR9.js";
-import { s as te, B as K, C as se, a as P } from "./translations-DBtfTNnM.js";
-const ne = [
-  "a[href]",
-  "button:not([disabled])",
-  "input:not([disabled])",
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  '[tabindex]:not([tabindex="-1"])',
-  '[contenteditable="true"]',
-  "audio[controls]",
-  "video[controls]",
-  "details > summary:first-of-type",
-  "details[open]"
-].join(", ");
-function ae(o) {
-  return Array.from(o.querySelectorAll(ne)).filter(
-    (n) => {
-      const t = n;
-      return t.offsetWidth > 0 && t.offsetHeight > 0 && !t.hasAttribute("inert") && window.getComputedStyle(t).visibility !== "hidden";
-    }
-  );
-}
-function F(o = {}) {
-  const {
-    active: n = !0,
-    escapeDeactivates: t = !0,
-    onEscape: e,
-    initialFocus: s,
-    returnFocus: r,
-    clickOutsideDeactivates: i = !1,
-    onClickOutside: c
-  } = o;
-  return z((f) => {
-    let d = n, l = null, u = [];
-    typeof document < "u" && (l = document.activeElement);
-    const y = () => {
-      u = ae(f);
-    }, b = (a) => {
-      var L, A;
-      if (d) {
-        if (t && a.key === "Escape") {
-          a.preventDefault(), e == null || e();
-          return;
-        }
-        if (a.key === "Tab") {
-          if (y(), u.length === 0) {
-            a.preventDefault();
-            return;
-          }
-          const v = u.indexOf(
-            document.activeElement
-          );
-          a.shiftKey ? v <= 0 && (a.preventDefault(), (L = u[u.length - 1]) == null || L.focus()) : v >= u.length - 1 && (a.preventDefault(), (A = u[0]) == null || A.focus());
-        }
-      }
-    }, h = (a) => {
-      if (!d || !i) return;
-      const L = a.target;
-      f.contains(L) || c == null || c();
-    }, E = () => {
-      if (!d) return;
-      y();
-      let a = null;
-      typeof s == "function" ? a = s() : s ? a = s : u.length > 0 && (a = u[0]), a && setTimeout(() => {
-        a == null || a.focus();
-      }, 50), document.addEventListener("keydown", b, !0), i && document.addEventListener("click", h, !0);
-    }, x = () => {
-      d = !1, document.removeEventListener("keydown", b, !0), document.removeEventListener("click", h, !0);
-      let a = null;
-      typeof r == "function" ? a = r() : r ? a = r : l && (a = l), a && document.body.contains(a) && setTimeout(() => {
-        a == null || a.focus();
-      }, 0);
-    };
-    return setTimeout(() => E(), 0), Q(() => {
-      x();
-    });
-  });
-}
-function pe(o = {}) {
-  return {
-    activate: () => F({ ...o, active: !0 }),
-    deactivate: () => F({ ...o, active: !1 })
-  };
-}
-function N({
-  initialStatus: o = "closed",
-  openedAfter: n,
-  closedAfter: t
-}) {
-  const e = R(o), s = () => {
-    e.set("start-opening");
-  }, r = () => {
-    e.set("start-closing");
-  }, i = e.map(
-    (a) => a !== "closed" && a !== "start-closing" && a !== "closing"
-  ), c = (a) => {
-    a ? s() : r();
-  }, f = () => {
-    c(!i.value);
-  }, d = (a) => e.on((L) => {
-    L === "closed" && a();
-  });
-  let l = () => {
-  };
-  e.on((a) => {
-    switch (l(), a) {
-      case "start-opening":
-        l = $(() => e.set("opening"));
-        break;
-      case "opening":
-        l = n(() => e.set("opened"));
-        break;
-      case "start-closing":
-        l = $(() => e.set("closing"));
-        break;
-      case "closing":
-        l = t(() => e.set("closed"));
-        break;
-    }
-  }), e.onDispose(() => l());
-  const u = e.map((a) => a === "closed"), y = e.map((a) => a === "start-opening"), b = e.map((a) => a === "opening"), h = e.map((a) => a === "opened"), E = e.map((a) => a === "closing"), x = e.map((a) => a === "start-closing");
-  return {
-    status: e,
-    open: s,
-    close: r,
-    toggle: f,
-    setOpen: c,
-    display: i,
-    isClosed: u,
-    isStartOpening: y,
-    isOpening: b,
-    isOpened: h,
-    isClosing: E,
-    isStartClosing: x,
-    dispose: () => e.dispose(),
-    onClosed: d
-  };
-}
-function ge({
-  initialStatus: o = "closed",
-  duration: n,
-  openDuration: t = n ?? 500,
-  closeDuration: e = n ?? 500
-} = {}) {
-  return N({
-    initialStatus: o,
-    openedAfter: (s) => j(s, t),
-    closedAfter: (s) => j(s, e)
-  });
-}
-function W(o, n) {
-  let t = !1, e = null;
-  function s() {
-    t || (t = !0, e && (clearTimeout(e), e = null), n());
-  }
-  function r(d) {
-    d.target === o && s();
-  }
-  function i(d) {
-    d.target === o && s();
-  }
-  const f = $(() => {
-    if (typeof o.getAnimations > "u") {
-      e = setTimeout(s, 16);
-      return;
-    }
-    o.getAnimations().length === 0 ? (o.addEventListener("transitionend", r, { once: !0 }), o.addEventListener("animationend", i, { once: !0 }), e = setTimeout(s, 1e3)) : (o.addEventListener("transitionend", r, { once: !0 }), o.addEventListener("animationend", i, { once: !0 }));
-  });
-  return () => {
-    t = !0, f(), e && (clearTimeout(e), e = null), o.removeEventListener("transitionend", r), o.removeEventListener("animationend", i);
-  };
-}
-function re({
-  initialStatus: o = "closed",
-  element: n
-} = {}) {
-  let t = n;
-  return {
-    setElement: (e) => {
-      t = e;
-    },
-    ...N({
-      initialStatus: o,
-      openedAfter: (e) => t == null ? (e(), () => {
-      }) : W(t, e),
-      closedAfter: (e) => t == null ? (e(), () => {
-      }) : W(t, e)
-    })
-  };
-}
-function be(o, n) {
-  return p.class(
-    B(
-      o,
-      n
-    )((t, e) => `bu-toggle--animated bu-toggle--${t} bu-toggle--${e}`)
-  );
-}
-function oe(o) {
-  return {
-    "~standard": {
-      version: 1,
-      vendor: "beatui-custom",
-      validate: (t) => {
-        const e = o.validate(t);
-        return e.success ? { value: e.data } : {
-          issues: e.errors.map((s) => ({
-            message: s.message,
-            path: s.path
-          }))
-        };
-      },
-      types: void 0
-    },
-    safeParse: (t) => {
-      const e = o.validate(t);
-      return e.success ? { success: !0, data: e.data } : {
-        success: !1,
-        error: {
-          errors: e.errors.map((s) => {
-            var r;
-            return {
-              message: s.message,
-              path: ((r = s.path) == null ? void 0 : r.map(
-                (i) => typeof i == "object" && "key" in i ? i.key.toString() : i.toString()
-              )) || []
-            };
-          })
-        }
-      };
-    }
-  };
-}
-class V {
-  optional() {
-    return new ie(this);
-  }
-  default(n) {
-    return new ce(this, n);
-  }
-  schema() {
-    return oe(this);
-  }
-}
-class C extends V {
-  constructor() {
-    super(...arguments);
-    k(this, "minLength");
-    k(this, "maxLength");
-    k(this, "pattern");
-    k(this, "customValidations", []);
-  }
-  validate(t) {
-    if (typeof t != "string")
-      return { success: !1, errors: [{ message: "Expected string" }] };
-    const e = [];
-    this.minLength !== void 0 && t.length < this.minLength && e.push({ message: `Must be at least ${this.minLength} characters` }), this.maxLength !== void 0 && t.length > this.maxLength && e.push({ message: `Must be at most ${this.maxLength} characters` }), this.pattern && !this.pattern.test(t) && e.push({ message: "Invalid format" });
-    for (const s of this.customValidations) {
-      const r = s(t);
-      r && e.push({ message: r });
-    }
-    return e.length > 0 ? { success: !1, errors: e } : { success: !0, data: t };
-  }
-  min(t, e) {
-    const s = new C();
-    return s.minLength = t, s.maxLength = this.maxLength, s.pattern = this.pattern, s.customValidations = [...this.customValidations], e && s.customValidations.push(
-      (r) => r.length < t ? e : null
-    ), s;
-  }
-  max(t, e) {
-    const s = new C();
-    return s.minLength = this.minLength, s.maxLength = t, s.pattern = this.pattern, s.customValidations = [...this.customValidations], e && s.customValidations.push(
-      (r) => r.length > t ? e : null
-    ), s;
-  }
-  regex(t, e) {
-    const s = new C();
-    return s.minLength = this.minLength, s.maxLength = this.maxLength, s.pattern = t, s.customValidations = [...this.customValidations], e && s.customValidations.push(
-      (r) => t.test(r) ? null : e
-    ), s;
-  }
-  email(t = "Please enter a valid email address") {
-    const e = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, s = new C();
-    return s.minLength = this.minLength, s.maxLength = this.maxLength, s.pattern = this.pattern, s.customValidations = [
-      ...this.customValidations,
-      (r) => e.test(r) ? null : t
-    ], s;
-  }
-  refine(t) {
-    const e = new C();
-    return e.minLength = this.minLength, e.maxLength = this.maxLength, e.pattern = this.pattern, e.customValidations = [...this.customValidations, t], e;
-  }
-}
-class S extends V {
-  constructor() {
-    super(...arguments);
-    k(this, "mustBeTrue", !1);
-    k(this, "trueMessage");
-  }
-  validate(t) {
-    return typeof t != "boolean" ? { success: !1, errors: [{ message: "Expected boolean" }] } : this.mustBeTrue && t !== !0 ? {
-      success: !1,
-      errors: [{ message: this.trueMessage || "Must be true" }]
-    } : { success: !0, data: t };
-  }
-  refine(t, e) {
-    const s = new S();
-    s.mustBeTrue = this.mustBeTrue, s.trueMessage = this.trueMessage;
-    const r = s.validate.bind(s);
-    return s.validate = (i) => {
-      const c = r(i);
-      return c.success ? t(c.data) ? c : { success: !1, errors: [{ message: e }] } : c;
-    }, s;
-  }
-  literal(t, e) {
-    const s = new S();
-    return s.mustBeTrue = !0, s.trueMessage = e, s;
-  }
-}
-class ie extends V {
-  constructor(n) {
-    super(), this.inner = n;
-  }
-  validate(n) {
-    if (n === void 0)
-      return { success: !0, data: void 0 };
-    const t = this.inner.validate(n);
-    return t.success ? { success: !0, data: t.data } : { success: !1, errors: t.errors };
-  }
-}
-class ce extends V {
-  constructor(n, t) {
-    super(), this.inner = n, this.defaultValue = t;
-  }
-  validate(n) {
-    return n === void 0 ? { success: !0, data: this.defaultValue } : this.inner.validate(n);
-  }
-}
-class q extends V {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  constructor(n) {
-    super(), this.shape = n;
-  }
-  validate(n) {
-    if (typeof n != "object" || n === null || Array.isArray(n))
-      return { success: !1, errors: [{ message: "Expected object" }] };
-    const t = n, e = {}, s = [];
-    for (const [r, i] of Object.entries(this.shape)) {
-      const c = i.validate(t[r]);
-      if (c.success)
-        e[r] = c.data;
-      else
-        for (const f of c.errors)
-          s.push({
-            message: f.message,
-            path: [r, ...f.path || []]
-          });
-    }
-    return s.length > 0 ? { success: !1, errors: s } : { success: !0, data: e };
-  }
-  refine(n, t) {
-    const e = new q(this.shape), s = e.validate.bind(e);
-    return e.validate = (r) => {
-      const i = s(r);
-      if (!i.success) return i;
-      const c = n(i.data);
-      return c ? {
-        success: !1,
-        errors: [
-          {
-            message: c,
-            path: t == null ? void 0 : t.path
-          }
-        ]
-      } : { success: !0, data: i.data };
-    }, e;
-  }
-}
-const ve = () => new C(), ye = () => new S(), Le = (o) => new q(o);
-function ue(o) {
-  return X((n) => {
-    const t = [], e = () => t.forEach((r) => r());
-    return o(({
-      effect: r = "opaque",
-      mode: i = "capturing",
-      onClickOutside: c,
-      onEscape: f,
-      content: d,
-      container: l = "body"
-    }) => {
-      l === "body" && (n = n.makePortal("body"));
-      const u = re();
-      u.onClosed(e);
-      let y = () => {
-      }, b = () => {
-      };
-      const h = (v) => {
-        v.key === "Escape" && (f == null || f(), u.close());
-      }, E = () => {
-        c == null || c(), u.close();
-      }, x = (v) => {
-        y(), b(), v === "capturing" ? (document.addEventListener("keydown", h), y = () => document.removeEventListener("keydown", h), n.element.addEventListener("mousedown", E), b = () => n.element.removeEventListener("mousedown", E)) : (y = () => {
-        }, b = () => {
-        });
-      }, a = U.on(i, x);
-      t.push(a), t.push(() => {
-        y(), b();
-      });
-      const A = Y((() => {
-        var m, w;
-        const v = /* @__PURE__ */ new Set();
-        for (const g of n.element.querySelectorAll(
-          ":scope > :not([data-overlay])"
-        ))
-          g.hasAttribute("inert") ? v.add(g) : g.setAttribute("inert", "");
-        return t.push(() => {
-          for (const g of n.element.querySelectorAll(
-            ":scope > :not([data-overlay])"
-          ))
-            v.has(g) || g.removeAttribute("inert");
-          v.clear();
-        }), (w = (m = document.activeElement) == null ? void 0 : m.blur) == null || w.call(m), T.div(
-          z((g) => u.setElement(g)),
-          D.status(u.status.map(String)),
-          D.overlay("true"),
-          p.class(
-            B(
-              r ?? "opaque",
-              i
-            )(
-              (g, _) => `bc-overlay bc-overlay--effect-${g} bc-overlay--mode-${_}`
-            )
-          ),
-          d
-        );
-      })(), n.element, {
-        disposeWithParent: !0,
-        clear: !1,
-        providers: n.providers
-      });
-      t.push(A), $(() => u.open());
-    }, e);
-  });
-}
-function le(o, n) {
-  const {
-    size: t = "md",
-    dismissable: e = !0,
-    showCloseButton: s = !0,
-    onClose: r,
-    overlayEffect: i = "opaque",
-    container: c = "body",
-    position: f = "center"
-  } = o;
-  return ue((d, l) => {
-    let u = () => {
-    };
-    return n((h) => {
-      u = l;
-      const E = R("capturing");
-      U.on(e, (m) => {
-        E.set(m ? "capturing" : "non-capturing");
-      });
-      const x = B(
-        h.header != null,
-        s
-      )((m, w) => m || w), a = te("modal"), L = `${a}-header`, A = `${a}-body`, v = T.div(
-        p.class(
-          B(
-            t,
-            f
-          )(
-            (m, w) => `bc-modal bc-modal--size-${m} bc-modal--container-${c} bc-modal--position-${w}`
-          )
-        ),
-        // Essential ARIA attributes for modal dialog
-        p.role("dialog"),
-        M.modal(!0),
-        ...h.header ? [M.labelledby(L)] : [],
-        M.describedby(A),
-        p.tabindex(-1),
-        // Make modal focusable for initial focus
-        p.id(a),
-        D.focusTrap("true"),
-        // Mark as focus trap container
-        Z.mousedown((m) => m.stopPropagation()),
-        // Prevent overlay click-outside when clicking modal content
-        // Focus trap implementation
-        F({
-          escapeDeactivates: !1,
-          // Let Overlay handle escape key
-          initialFocus: () => {
-            const m = document.getElementById(a);
-            if (!m) return null;
-            const w = m.querySelector(
-              '[aria-label="Close modal"]'
-            );
-            if (w) return w;
-            const g = m.querySelector(
-              'button, input, select, textarea, [tabindex]:not([tabindex="-1"])'
-            );
-            return g || m;
-          }
-        }),
-        // Modal content container
-        T.div(
-          p.class("bc-modal__content"),
-          // Header section
-          I(
-            x,
-            () => T.div(
-              p.class("bc-modal__header"),
-              T.div(
-                p.class("bu-font-semibold bu-text-gray"),
-                ...h.header ? [p.id(L)] : [],
-                h.header
-              ),
-              I(
-                s,
-                () => H(
-                  K,
-                  (m) => se({
-                    size: "sm",
-                    label: m.$.closeModal,
-                    onClick: () => {
-                      u(), l();
-                    }
-                  })
-                )
-              )
-            )
-          ),
-          // Body section
-          T.div(p.class("bc-modal__body"), p.id(A), h.body),
-          // Footer section
-          h.footer && T.div(p.class("bc-modal__footer"), h.footer)
-        )
-      );
-      d({
-        mode: E,
-        effect: i ?? "opaque",
-        container: c,
-        content: v,
-        onClickOutside: () => {
-          r == null || r(), l();
-        },
-        onEscape: () => {
-          r == null || r(), l();
-        }
-      });
-    }, () => {
-      u(), l();
-    });
-  });
-}
-function Ee(o, n) {
-  const { confirmText: t, cancelText: e, onConfirm: s, onCancel: r, ...i } = o;
-  return H(
-    K,
-    (c) => le({ showCloseButton: !1, ...i }, (f, d) => {
-      const l = () => {
-        s == null || s(), d();
-      }, u = () => {
-        r == null || r(), d();
-      };
-      return n((b) => {
-        f({
-          body: b,
-          footer: ee(
-            p.class("bu-justify-end"),
-            P(
-              {
-                variant: "outline",
-                onClick: u
-              },
-              O(e, c.$.cancel)
-            ),
-            P(
-              {
-                color: "primary",
-                variant: "filled",
-                onClick: l
-              },
-              O(t, c.$.confirm)
-            )
-          )
-        });
-      }, d);
-    })
-  );
-}
-export {
-  be as A,
-  S as B,
-  Ee as C,
-  F,
-  le as M,
-  ue as O,
-  C as S,
-  q as a,
-  ye as b,
-  oe as c,
-  pe as d,
-  N as e,
-  ge as f,
-  Le as o,
-  ve as s,
-  re as u
-};

package/dist/modal-wbG_oGOr.cjs

@@ -1 +0,0 @@
-"use strict";var P=Object.defineProperty;var U=(i,n,t)=>n in i?P(i,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[n]=t;var V=(i,n,t)=>U(i,typeof n!="symbol"?n+"":n,t);const o=require("@tempots/dom"),C=require("./timer-CcMCjYrq.cjs"),k=require("./translations-EQ1qPZ0_.cjs"),z=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])','[contenteditable="true"]',"audio[controls]","video[controls]","details > summary:first-of-type","details[open]"].join(", ");function R(i){return Array.from(i.querySelectorAll(z)).filter(n=>{const t=n;return t.offsetWidth>0&&t.offsetHeight>0&&!t.hasAttribute("inert")&&window.getComputedStyle(t).visibility!=="hidden"})}function $(i={}){const{active:n=!0,escapeDeactivates:t=!0,onEscape:e,initialFocus:s,returnFocus:r,clickOutsideDeactivates:c=!1,onClickOutside:l}=i;return o.WithElement(h=>{let m=n,d=null,u=[];typeof document<"u"&&(d=document.activeElement);const y=()=>{u=R(h)},b=a=>{var L,A;if(m){if(t&&a.key==="Escape"){a.preventDefault(),e==null||e();return}if(a.key==="Tab"){if(y(),u.length===0){a.preventDefault();return}const v=u.indexOf(document.activeElement);a.shiftKey?v<=0&&(a.preventDefault(),(L=u[u.length-1])==null||L.focus()):v>=u.length-1&&(a.preventDefault(),(A=u[0])==null||A.focus())}}},p=a=>{if(!m||!c)return;const L=a.target;h.contains(L)||l==null||l()},E=()=>{if(!m)return;y();let a=null;typeof s=="function"?a=s():s?a=s:u.length>0&&(a=u[0]),a&&setTimeout(()=>{a==null||a.focus()},50),document.addEventListener("keydown",b,!0),c&&document.addEventListener("click",p,!0)},x=()=>{m=!1,document.removeEventListener("keydown",b,!0),document.removeEventListener("click",p,!0);let a=null;typeof r=="function"?a=r():r?a=r:d&&(a=d),a&&document.body.contains(a)&&setTimeout(()=>{a==null||a.focus()},0)};return setTimeout(()=>E(),0),o.OnDispose(()=>{x()})})}function H(i={}){return{activate:()=>$({...i,active:!0}),deactivate:()=>$({...i,active:!1})}}function O({initialStatus:i="closed",openedAfter:n,closedAfter:t}){const e=o.prop(i),s=()=>{e.set("start-opening")},r=()=>{e.set("start-closing")},c=e.map(a=>a!=="closed"&&a!=="start-closing"&&a!=="closing"),l=a=>{a?s():r()},h=()=>{l(!c.value)},m=a=>e.on(L=>{L==="closed"&&a()});let d=()=>{};e.on(a=>{switch(d(),a){case"start-opening":d=C.w(()=>e.set("opening"));break;case"opening":d=n(()=>e.set("opened"));break;case"start-closing":d=C.w(()=>e.set("closing"));break;case"closing":d=t(()=>e.set("closed"));break}}),e.onDispose(()=>d());const u=e.map(a=>a==="closed"),y=e.map(a=>a==="start-opening"),b=e.map(a=>a==="opening"),p=e.map(a=>a==="opened"),E=e.map(a=>a==="closing"),x=e.map(a=>a==="start-closing");return{status:e,open:s,close:r,toggle:h,setOpen:l,display:c,isClosed:u,isStartOpening:y,isOpening:b,isOpened:p,isClosing:E,isStartClosing:x,dispose:()=>e.dispose(),onClosed:m}}function K({initialStatus:i="closed",duration:n,openDuration:t=n??500,closeDuration:e=n??500}={}){return O({initialStatus:i,openedAfter:s=>C.T(s,t),closedAfter:s=>C.T(s,e)})}function q(i,n){let t=!1,e=null;function s(){t||(t=!0,e&&(clearTimeout(e),e=null),n())}function r(m){m.target===i&&s()}function c(m){m.target===i&&s()}const l=()=>{if(typeof i.getAnimations>"u"){e=setTimeout(s,16);return}i.getAnimations().length===0?(i.addEventListener("transitionend",r,{once:!0}),i.addEventListener("animationend",c,{once:!0}),e=setTimeout(s,1e3)):(i.addEventListener("transitionend",r,{once:!0}),i.addEventListener("animationend",c,{once:!0}))},h=C.w(l);return()=>{t=!0,h(),e&&(clearTimeout(e),e=null),i.removeEventListener("transitionend",r),i.removeEventListener("animationend",c)}}function F({initialStatus:i="closed",element:n}={}){let t=n;return{setElement:e=>{t=e},...O({initialStatus:i,openedAfter:e=>t==null?(e(),()=>{}):q(t,e),closedAfter:e=>t==null?(e(),()=>{}):q(t,e)})}}function N(i,n){return o.attr.class(o.computedOf(i,n)((t,e)=>`bu-toggle--animated bu-toggle--${t} bu-toggle--${e}`))}function D(i){return{"~standard":{version:1,vendor:"beatui-custom",validate:t=>{const e=i.validate(t);return e.success?{value:e.data}:{issues:e.errors.map(s=>({message:s.message,path:s.path}))}},types:void 0},safeParse:t=>{const e=i.validate(t);return e.success?{success:!0,data:e.data}:{success:!1,error:{errors:e.errors.map(s=>{var r;return{message:s.message,path:((r=s.path)==null?void 0:r.map(c=>typeof c=="object"&&"key"in c?c.key.toString():c.toString()))||[]}})}}}}}class S{optional(){return new _(this)}default(n){return new G(this,n)}schema(){return D(this)}}class T extends S{constructor(){super(...arguments);V(this,"minLength");V(this,"maxLength");V(this,"pattern");V(this,"customValidations",[])}validate(t){if(typeof t!="string")return{success:!1,errors:[{message:"Expected string"}]};const e=[];this.minLength!==void 0&&t.length<this.minLength&&e.push({message:`Must be at least ${this.minLength} characters`}),this.maxLength!==void 0&&t.length>this.maxLength&&e.push({message:`Must be at most ${this.maxLength} characters`}),this.pattern&&!this.pattern.test(t)&&e.push({message:"Invalid format"});for(const s of this.customValidations){const r=s(t);r&&e.push({message:r})}return e.length>0?{success:!1,errors:e}:{success:!0,data:t}}min(t,e){const s=new T;return s.minLength=t,s.maxLength=this.maxLength,s.pattern=this.pattern,s.customValidations=[...this.customValidations],e&&s.customValidations.push(r=>r.length<t?e:null),s}max(t,e){const s=new T;return s.minLength=this.minLength,s.maxLength=t,s.pattern=this.pattern,s.customValidations=[...this.customValidations],e&&s.customValidations.push(r=>r.length>t?e:null),s}regex(t,e){const s=new T;return s.minLength=this.minLength,s.maxLength=this.maxLength,s.pattern=t,s.customValidations=[...this.customValidations],e&&s.customValidations.push(r=>t.test(r)?null:e),s}email(t="Please enter a valid email address"){const e=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,s=new T;return s.minLength=this.minLength,s.maxLength=this.maxLength,s.pattern=this.pattern,s.customValidations=[...this.customValidations,r=>e.test(r)?null:t],s}refine(t){const e=new T;return e.minLength=this.minLength,e.maxLength=this.maxLength,e.pattern=this.pattern,e.customValidations=[...this.customValidations,t],e}}class B extends S{constructor(){super(...arguments);V(this,"mustBeTrue",!1);V(this,"trueMessage")}validate(t){return typeof t!="boolean"?{success:!1,errors:[{message:"Expected boolean"}]}:this.mustBeTrue&&t!==!0?{success:!1,errors:[{message:this.trueMessage||"Must be true"}]}:{success:!0,data:t}}refine(t,e){const s=new B;s.mustBeTrue=this.mustBeTrue,s.trueMessage=this.trueMessage;const r=s.validate.bind(s);return s.validate=c=>{const l=r(c);return l.success?t(l.data)?l:{success:!1,errors:[{message:e}]}:l},s}literal(t,e){const s=new B;return s.mustBeTrue=!0,s.trueMessage=e,s}}class _ extends S{constructor(n){super(),this.inner=n}validate(n){if(n===void 0)return{success:!0,data:void 0};const t=this.inner.validate(n);return t.success?{success:!0,data:t.data}:{success:!1,errors:t.errors}}}class G extends S{constructor(n,t){super(),this.inner=n,this.defaultValue=t}validate(n){return n===void 0?{success:!0,data:this.defaultValue}:this.inner.validate(n)}}class M extends S{constructor(n){super(),this.shape=n}validate(n){if(typeof n!="object"||n===null||Array.isArray(n))return{success:!1,errors:[{message:"Expected object"}]};const t=n,e={},s=[];for(const[r,c]of Object.entries(this.shape)){const l=c.validate(t[r]);if(l.success)e[r]=l.data;else for(const h of l.errors)s.push({message:h.message,path:[r,...h.path||[]]})}return s.length>0?{success:!1,errors:s}:{success:!0,data:e}}refine(n,t){const e=new M(this.shape),s=e.validate.bind(e);return e.validate=r=>{const c=s(r);if(!c.success)return c;const l=n(c.data);return l?{success:!1,errors:[{message:l,path:t==null?void 0:t.path}]}:{success:!0,data:c.data}},e}}const J=()=>new T,Q=()=>new B,X=i=>new M(i);function I(i){return o.WithBrowserCtx(n=>{const t=[],e=()=>t.forEach(r=>r());return i(({effect:r="opaque",mode:c="capturing",onClickOutside:l,onEscape:h,content:m,container:d="body"})=>{d==="body"&&(n=n.makePortal("body"));const u=F();u.onClosed(e);let y=()=>{},b=()=>{};const p=v=>{v.key==="Escape"&&(h==null||h(),u.close())},E=()=>{l==null||l(),u.close()},x=v=>{y(),b(),v==="capturing"?(document.addEventListener("keydown",p),y=()=>document.removeEventListener("keydown",p),n.element.addEventListener("mousedown",E),b=()=>n.element.removeEventListener("mousedown",E)):(y=()=>{},b=()=>{})},a=o.Value.on(c,x);t.push(a),t.push(()=>{y(),b()});const L=()=>{var f,w;const v=new Set;for(const g of n.element.querySelectorAll(":scope > :not([data-overlay])"))g.hasAttribute("inert")?v.add(g):g.setAttribute("inert","");return t.push(()=>{for(const g of n.element.querySelectorAll(":scope > :not([data-overlay])"))v.has(g)||g.removeAttribute("inert");v.clear()}),(w=(f=document.activeElement)==null?void 0:f.blur)==null||w.call(f),o.html.div(o.WithElement(g=>u.setElement(g)),o.dataAttr.status(u.status.map(String)),o.dataAttr.overlay("true"),o.attr.class(o.computedOf(r??"opaque",c)((g,W)=>`bc-overlay bc-overlay--effect-${g} bc-overlay--mode-${W}`)),m)},A=o.render(L(),n.element,{disposeWithParent:!0,clear:!1,providers:n.providers});t.push(A),C.w(()=>u.open())},e)})}function j(i,n){const{size:t="md",dismissable:e=!0,showCloseButton:s=!0,onClose:r,overlayEffect:c="opaque",container:l="body",position:h="center"}=i;return I((m,d)=>{let u=()=>{};return n(p=>{u=d;const E=o.prop("capturing");o.Value.on(e,f=>{E.set(f?"capturing":"non-capturing")});const x=o.computedOf(p.header!=null,s)((f,w)=>f||w),a=k.sessionId("modal"),L=`${a}-header`,A=`${a}-body`,v=o.html.div(o.attr.class(o.computedOf(t,h)((f,w)=>`bc-modal bc-modal--size-${f} bc-modal--container-${l} bc-modal--position-${w}`)),o.attr.role("dialog"),o.aria.modal(!0),...p.header?[o.aria.labelledby(L)]:[],o.aria.describedby(A),o.attr.tabindex(-1),o.attr.id(a),o.dataAttr.focusTrap("true"),o.on.mousedown(f=>f.stopPropagation()),$({escapeDeactivates:!1,initialFocus:()=>{const f=document.getElementById(a);if(!f)return null;const w=f.querySelector('[aria-label="Close modal"]');if(w)return w;const g=f.querySelector('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');return g||f}}),o.html.div(o.attr.class("bc-modal__content"),o.When(x,()=>o.html.div(o.attr.class("bc-modal__header"),o.html.div(o.attr.class("bu-font-semibold bu-text-gray"),...p.header?[o.attr.id(L)]:[],p.header),o.When(s,()=>o.Use(k.BeatUII18n,f=>k.CloseButton({size:"sm",label:f.$.closeModal,onClick:()=>{u(),d()}}))))),o.html.div(o.attr.class("bc-modal__body"),o.attr.id(A),p.body),p.footer&&o.html.div(o.attr.class("bc-modal__footer"),p.footer)));m({mode:E,effect:c??"opaque",container:l,content:v,onClickOutside:()=>{r==null||r(),d()},onEscape:()=>{r==null||r(),d()}})},()=>{u(),d()})})}function Y(i,n){const{confirmText:t,cancelText:e,onConfirm:s,onCancel:r,...c}=i;return o.Use(k.BeatUII18n,l=>j({showCloseButton:!1,...c},(h,m)=>{const d=()=>{s==null||s(),m()},u=()=>{r==null||r(),m()};return n(b=>{h({body:b,footer:o.Fragment(o.attr.class("bu-justify-end"),k.Button({variant:"outline",onClick:u},o.coalesce(e,l.$.cancel)),k.Button({color:"primary",variant:"filled",onClick:d},o.coalesce(t,l.$.confirm)))})},m)}))}exports.AnimatedToggleClass=N;exports.BooleanValidator=B;exports.ConfirmModal=Y;exports.FocusTrap=$;exports.Modal=j;exports.ObjectValidator=M;exports.Overlay=I;exports.StringValidator=T;exports.boolean=Q;exports.createStandardSchema=D;exports.object=X;exports.string=J;exports.useAnimatedElementToggle=F;exports.useAnimatedToggle=O;exports.useFocusTrap=H;exports.useTimedToggle=K;