@tempots/beatui 0.81.0 → 0.82.1

package/dist/modal-CSHIhHvI.js

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

package/dist/modal-cc8Ehngz.cjs

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

package/dist/notice-C_BWqu2K.cjs

@@ -1 +0,0 @@
-"use strict";const l=require("./translations-WPN3ibDg.cjs"),t=require("@tempots/dom"),C=require("./use-form-D4JFOcjo.cjs"),E=n=>{const r={name:"email",autocomplete:"email",...n},{value:c,before:s,onBlur:a,onChange:p,onInput:i,placeholder:h}=r,d=s??l.InputIcon({icon:"line-md:email",size:n.size,color:"neutral"});return t.Use(l.BeatUII18n,b=>l.InputContainer({...n,before:d,input:t.input.email(l.CommonInputAttributes(r),t.attr.placeholder(t.coalesce(h,b.$.emailPlaceholderText)),t.attr.value(c),t.attr.class("bc-input"),a!=null?t.on.blur(t.emitValue(a)):t.Empty,p!=null?t.on.change(t.emitValue(p)):t.Empty,i!=null?t.on.input(t.emitValue(i)):t.Empty)}))},_=n=>{const{value:r,onBlur:c,onChange:s,onInput:a,before:p,after:i,hasError:h,disabled:d,autocomplete:b,placeholder:I,...f}=n,y={name:"password",disabled:d,...f},u=t.prop(!0),o=t.computedOf(u,b)((e,m)=>e?m??"current-password":"off");return t.Use(l.BeatUII18n,e=>{const m=t.computedOf(e.$.passwordPlaceholderText,u,I)((g,V,v)=>V?"•••••••••••••••":v??g),w=t.html.button(t.attr.type("button"),t.attr.class("bc-input-container__password-toggle"),t.aria.label(e.$.togglePasswordVisibility),t.on.click(()=>u.update(g=>!g)),t.When(u,()=>l.Icon({icon:"line-md:watch"}),()=>l.Icon({icon:"line-md:watch-off"})));return l.InputContainer({before:p,disabled:d,hasError:h,input:t.html.input(l.CommonInputAttributes({...y,autocomplete:o,placeholder:m}),t.When(u,()=>t.Fragment(t.attr.type("password")),()=>t.Fragment(t.attr.type("text"))),t.attr.class("bc-input"),t.attr.value(r),c!=null?t.on.blur(t.emitValue(c)):t.Empty,s!=null?t.on.change(t.emitValue(s)):t.Empty,a!=null?t.on.input(t.emitValue(a)):t.Empty),after:i!=null?t.Fragment(w,i):w})})};function O(n){switch(n){case"success":return"material-symbols:check-circle-outline";case"warning":return"material-symbols:warning-outline";case"danger":return"material-symbols:error-outline";case"info":default:return"material-symbols:info-outline"}}function B(n){switch(n){case"success":return"success";case"warning":return"warning";case"danger":return"danger";case"info":default:return"info"}}function U(n,r,c,s){const a=["bc-notice",`bc-notice--${n}`,`bc-notice--tone-${r}`];return c&&a.push("bc-notice--dismissible"),s&&s.length>0&&a.push(s),a.join(" ")}function P({variant:n="info",tone:r="subtle",role:c,title:s,icon:a,closable:p=!1,onDismiss:i,class:h},...d){const b=t.prop(!0);return t.When(b,()=>{const I=t.Value.map(p,o=>!!o||i!=null),f=t.Value.map(n,o=>o??"info"),y=t.Value.map(r,o=>o??"subtle"),u=t.computedOf(c,f)((o,e)=>o??(e==="danger"?"alert":"status"));return t.Use(l.BeatUII18n,o=>t.html.div(t.attr.class(t.computedOf(f,y,I,h)((e,m,w,g)=>U(e,m,w,g))),t.attr.role(t.Value.map(u,e=>e)),t.Unless(t.Value.map(a,e=>e===!1),()=>t.html.div(t.attr.class("bc-notice__icon"),l.Icon({icon:t.computedOf(a,f)((e,m)=>e===void 0?O(m):String(e)),size:"md",color:t.Value.map(f,B)}))),t.html.div(t.attr.class("bc-notice__body"),t.Ensure(s,e=>t.html.div(t.attr.class("bc-notice__title"),e)),t.html.div(t.attr.class("bc-notice__content"),...d)),t.When(I,()=>C.CloseButton({size:"xs",label:o.$.closeModal,onClick:()=>{b.set(!1),i?.()}}))))})}exports.EmailInput=E;exports.Notice=P;exports.PasswordInput=_;

package/dist/toolbar-D5FcnRju.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("@tempots/dom"),h=require("./translations-WPN3ibDg.cjs"),l=["button:not([disabled])",'[role="button"]:not([aria-disabled="true"])',"a[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", ");function m(...a){return e.html.div(e.attr.class("bc-toolbar"),e.attr.role("toolbar"),e.aria.orientation("horizontal"),e.WithElement(n=>{const f=()=>{const r=Array.from(n.querySelectorAll(l));r.length!==0&&r.forEach((t,o)=>t.setAttribute("tabindex",o===0?"0":"-1"))},c=r=>{const t=Array.from(n.querySelectorAll(l));if(t.length===0)return;const o=t.findIndex(u=>u===document.activeElement);let i=(o===-1?0:o)+r;i<0&&(i=t.length-1),i>=t.length&&(i=0),t.forEach(u=>u.setAttribute("tabindex","-1"));const d=t[i];d.setAttribute("tabindex","0"),d.focus()};setTimeout(f,0);const b=r=>{switch(r.key){case"ArrowRight":r.preventDefault(),c(1);break;case"ArrowLeft":r.preventDefault(),c(-1);break;case"Home":r.preventDefault(),c(-1);{const t=Array.from(n.querySelectorAll(l));if(t.length){t.forEach(s=>s.setAttribute("tabindex","-1"));const o=t[0];o.setAttribute("tabindex","0"),o.focus()}}break;case"End":r.preventDefault();{const t=Array.from(n.querySelectorAll(l));if(t.length){t.forEach(s=>s.setAttribute("tabindex","-1"));const o=t[t.length-1];o.setAttribute("tabindex","0"),o.focus()}}break}};return n.addEventListener("keydown",b),e.OnDispose(()=>{n.removeEventListener("keydown",b)})}),...a)}function v(a,...n){return h.Button({color:"neutral",roundedness:"md",variant:"light",...a},e.attr.class("bc-toolbar__button"),...n)}function A(...a){return e.html.div(e.attr.class("bc-toolbar__group"),e.attr.role("group"),...a)}function x(){return e.html.div(e.attr.class("bc-toolbar__divider"),e.attr.role("separator"),e.aria.orientation("vertical"))}function p(){return e.html.div(e.attr.class("bc-toolbar__spacer"))}exports.Toolbar=m;exports.ToolbarButton=v;exports.ToolbarDivider=x;exports.ToolbarGroup=A;exports.ToolbarSpacer=p;