@tempots/beatui 0.81.0 → 0.82.1

package/dist/menu-CZzRsQP_.js

@@ -0,0 +1,372 @@
+import { prop as F, WithElement as V, Fragment as i, aria as m, OneOfValue as N, OnDispose as W, on as b, Value as L, attr as s, html as O, computedOf as R, dataAttr as U } from "@tempots/dom";
+import { PopOver as j } from "@tempots/ui";
+import { g as z } from "./timer-Rd2sKnvH.js";
+import { u as G, A as J } from "./use-animated-toggle-ChycsEoj.js";
+import { s as K } from "./session-id-3KiilioY.js";
+function Q(f) {
+  const r = { fade: !0, scale: !0 };
+  return f.startsWith("top") ? (r.slide = "down", r.transformOrigin = "bottom") : f.startsWith("bottom") ? (r.slide = "up", r.transformOrigin = "top") : f.startsWith("left") ? (r.slide = "right", r.transformOrigin = "right") : f.startsWith("right") && (r.slide = "left", r.transformOrigin = "left"), r;
+}
+function B(f) {
+  const {
+    content: r,
+    placement: T = "top",
+    showDelay: P = 250,
+    hideDelay: C = 500,
+    mainAxisOffset: D = 8,
+    crossAxisOffset: $ = 0,
+    showOn: w = "hover-focus",
+    closable: v = !0,
+    arrow: E,
+    role: g,
+    hasPopup: x = "dialog"
+  } = f;
+  return j((A, h) => {
+    const a = G({
+      initialStatus: "closed"
+    }), I = K("flyout"), d = F(!1);
+    let y = null, p = null, S = !1;
+    function k() {
+      u != null && (clearTimeout(u), u = null), e != null && (clearTimeout(e), e = null), p && (p(), p = null), y && (document.removeEventListener("keydown", y), y = null), d.set(!1), S = !1;
+    }
+    function M() {
+      L.get(v) && (y = (o) => {
+        o.key === "Escape" && n();
+      }, document.addEventListener("keydown", y)), S = !0, d.set(!0), A({
+        placement: T ?? "top",
+        mainAxisOffset: D,
+        crossAxisOffset: $,
+        onClickOutside: () => {
+          L.get(v) && n();
+        },
+        arrow: E,
+        content: V((o) => {
+          a.setElement(o), p = z(() => {
+            a.open(), p = null;
+          });
+          const c = (l) => {
+            L.get(v) && l.key === "Escape" && (l.preventDefault(), l.stopPropagation(), n(), d.set(!1));
+          };
+          return document.addEventListener("keydown", c, !0), i(
+            W(() => {
+              k(), document.removeEventListener("keydown", c, !0);
+            }),
+            s.class("bc-flyout-container"),
+            s.id(I),
+            s.tabindex(-1),
+            // Make focusable for screen readers
+            O.div(
+              s.class("bc-flyout"),
+              J({
+                animation: L.map(T, Q),
+                status: a.status
+              }),
+              g ? s.role(g) : s.role("dialog"),
+              // Default to dialog role
+              r()
+            )
+          );
+        })
+      });
+    }
+    let u = null;
+    function t() {
+      if (u != null && (clearTimeout(u), u = null), e != null && (clearTimeout(e), e = null), a.isOpened.value || a.isOpening.value || a.isStartOpening.value)
+        return;
+      if (a.isClosing.value || a.isStartClosing.value) {
+        a.open();
+        return;
+      }
+      const o = L.get(P);
+      u = setTimeout(() => {
+        u = null, M();
+      }, o);
+    }
+    let e = null;
+    function n() {
+      if (u != null && (clearTimeout(u), u = null), e != null && (clearTimeout(e), e = null), d.set(!1), p && (p(), p = null, S)) {
+        h(), k();
+        return;
+      }
+      const o = L.get(C);
+      e = setTimeout(() => {
+        e = null, a.close(), a.listenOnClosed(() => {
+          h(), k();
+        });
+      }, o);
+    }
+    return V((o) => {
+      const c = () => {
+        t(), d.set(!0);
+      }, l = () => {
+        n(), d.set(!1);
+      }, _ = i(
+        m.expanded(d),
+        m.controls(I),
+        m.haspopup(
+          x
+        )
+      );
+      return typeof w == "function" ? i(
+        _,
+        w(c, l)
+      ) : i(
+        _,
+        N(w, {
+          "hover-focus": () => i(
+            b.mouseenter(() => c()),
+            b.mouseleave(() => l()),
+            b.focus(() => c()),
+            b.blur(() => l())
+          ),
+          hover: () => i(
+            b.mouseenter(() => c()),
+            b.mouseleave(() => l())
+          ),
+          focus: () => i(
+            b.focus(() => c()),
+            b.blur(() => l())
+          ),
+          click: () => {
+            function H() {
+              document.removeEventListener("click", q);
+            }
+            function q() {
+              H(), l();
+            }
+            return i(
+              W(H),
+              b.click(() => {
+                c(), z(() => {
+                  document.addEventListener("click", q, {
+                    once: !0
+                  });
+                });
+              })
+            );
+          },
+          never: () => null
+        })
+      );
+    });
+  });
+}
+function se(f) {
+  const {
+    items: r,
+    placement: T = "bottom-start",
+    showDelay: P = 0,
+    hideDelay: C = 100,
+    mainAxisOffset: D = 4,
+    crossAxisOffset: $ = 0,
+    showOn: w = "click",
+    closable: v = !0,
+    onClose: E,
+    onAction: g,
+    ariaLabel: x,
+    ariaLabelledBy: A
+  } = f, h = K("menu"), a = F(-1), I = F([]);
+  let d = null;
+  return i(
+    B({
+      content: () => V((y) => {
+        d = document.activeElement;
+        const p = (t, e, n) => {
+          if (e.length === 0) return -1;
+          let o = t + n, c = 0;
+          for (; c < e.length; ) {
+            o >= e.length && (o = 0), o < 0 && (o = e.length - 1);
+            const l = e[o];
+            if (l && l.getAttribute("aria-disabled") !== "true")
+              return o;
+            o += n, c++;
+          }
+          return t;
+        }, S = (t) => {
+          const e = I.value, n = a.value;
+          switch (t.key) {
+            case "ArrowDown":
+              t.preventDefault(), t.stopPropagation();
+              const o = p(n, e, 1);
+              k(o, e);
+              break;
+            case "ArrowUp":
+              t.preventDefault(), t.stopPropagation();
+              const c = p(n, e, -1);
+              k(c, e);
+              break;
+            case "Enter":
+            case " ":
+              if (t.preventDefault(), t.stopPropagation(), n >= 0 && e[n]) {
+                const l = e[n];
+                if (l.getAttribute("aria-disabled") === "true")
+                  return;
+                const _ = l.getAttribute("data-key");
+                _ && g && g(_), l.click(), E?.();
+              }
+              break;
+            case "Escape":
+              E?.();
+              break;
+            case "Home":
+              t.preventDefault(), t.stopPropagation(), e.length > 0 && k(0, e);
+              break;
+            case "End":
+              t.preventDefault(), t.stopPropagation(), e.length > 0 && k(e.length - 1, e);
+              break;
+            case "ArrowRight":
+              if (t.preventDefault(), t.stopPropagation(), n >= 0 && e[n]) {
+                const l = e[n];
+                l.classList.contains(
+                  "bc-menu-item--has-submenu"
+                ) && l.dispatchEvent(new Event("mouseenter"));
+              }
+              break;
+            case "ArrowLeft":
+              t.preventDefault(), t.stopPropagation(), E?.();
+              break;
+          }
+        }, k = (t, e) => {
+          a.value >= 0 && e[a.value] && (e[a.value].classList.remove(
+            "bc-menu-item--focused"
+          ), e[a.value].removeAttribute("aria-selected")), t >= 0 && e[t] && (e[t].classList.add("bc-menu-item--focused"), e[t].setAttribute("aria-selected", "true"), a.set(t), typeof e[t].scrollIntoView == "function" && e[t].scrollIntoView({ block: "nearest" }));
+        }, M = () => {
+          const t = Array.from(
+            y.querySelectorAll('[role="menuitem"]')
+          );
+          if (I.set(t), t.length > 0) {
+            const e = t.findIndex(
+              (n) => n.getAttribute("aria-disabled") !== "true"
+            );
+            e >= 0 && k(e, t);
+          }
+        }, u = new MutationObserver(M);
+        return u.observe(y, { childList: !0, subtree: !0 }), setTimeout(() => {
+          M(), y.focus();
+        }, 0), document.addEventListener("keydown", S, !0), i(
+          W(() => {
+            u.disconnect(), document.removeEventListener("keydown", S, !0), d && d.focus();
+          }),
+          s.class("bc-menu"),
+          s.id(h),
+          s.role("menu"),
+          s.tabindex(-1),
+          m.orientation("vertical"),
+          x ? m.label(x) : i(),
+          A ? m.labelledby(A) : i(),
+          m.activedescendant(
+            a.map((t) => {
+              const e = I.value;
+              return t >= 0 && e[t] ? e[t].id || `${h}-item-${t}` : "";
+            })
+          ),
+          b.click((t) => {
+            const n = t.target.closest(
+              '[role="menuitem"]'
+            );
+            if (n && n.getAttribute("aria-disabled") !== "true") {
+              const o = n.getAttribute("data-key");
+              o && g && g(o);
+            }
+          }),
+          // Live region for screen reader announcements
+          O.div(
+            s.class("sr-only"),
+            m.live("polite"),
+            m.atomic(!0),
+            a.map((t) => {
+              const e = I.value;
+              if (t >= 0 && e[t]) {
+                const n = e[t].textContent || "";
+                return e[t].getAttribute("aria-disabled") === "true" ? `${n}, disabled` : `${n}, ${t + 1} of ${e.length}`;
+              }
+              return "";
+            })
+          ),
+          ...r()
+        );
+      }),
+      placement: T,
+      showDelay: P,
+      hideDelay: C,
+      mainAxisOffset: D,
+      crossAxisOffset: $,
+      showOn: w,
+      closable: v,
+      role: "menu"
+    })
+  );
+}
+function oe(f) {
+  const {
+    key: r,
+    content: T,
+    startContent: P,
+    endContent: C,
+    disabled: D = !1,
+    onClick: $,
+    ariaLabel: w,
+    submenu: v,
+    submenuPlacement: E = "right-start"
+  } = f, g = r ?? K("menu-item"), x = `menu-item-${g}`, A = v != null;
+  return O.div(
+    s.class(
+      R(D)(
+        (h) => `bc-menu-item ${h ? "bc-menu-item--disabled" : ""} ${A ? "bc-menu-item--has-submenu" : ""}`
+      )
+    ),
+    s.id(x),
+    s.role("menuitem"),
+    s.tabindex(-1),
+    U.key(g),
+    m.disabled(D),
+    m.selected(!1),
+    // Will be updated by focus management
+    A ? m.expanded(!1) : i(),
+    w ? m.label(w) : i(),
+    b.click((h) => {
+      if (L.get(D)) {
+        h.preventDefault(), h.stopPropagation();
+        return;
+      }
+      $?.();
+    }),
+    // Start content
+    P && O.span(s.class("bc-menu-item__start"), P),
+    // Main content
+    O.span(s.class("bc-menu-item__content"), T),
+    // End content
+    C && O.span(s.class("bc-menu-item__end"), C),
+    // Submenu (if present)
+    A && v ? B({
+      content: () => i(
+        s.class("bc-menu bc-submenu"),
+        s.role("menu"),
+        ...v()
+      ),
+      placement: E,
+      showOn: "hover",
+      hasPopup: "menu",
+      showDelay: 100,
+      hideDelay: 300,
+      mainAxisOffset: 0,
+      crossAxisOffset: 0,
+      role: "menu"
+    }) : i()
+  );
+}
+function ae(f = {}) {
+  const { label: r } = f;
+  return O.div(
+    s.class("bc-menu-separator"),
+    s.role("separator"),
+    m.orientation("horizontal"),
+    r && O.span(s.class("bc-menu-separator__label"), r)
+  );
+}
+export {
+  B as F,
+  se as M,
+  ae as a,
+  oe as b
+};

package/dist/menu-ClrU72xH.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("@tempots/dom"),W=require("@tempots/ui"),M=require("./timer-BJHOsuS6.cjs"),_=require("./use-animated-toggle-DR6CyMac.cjs"),C=require("./session-id-B5lJMzbB.cjs");function q(c){const l={fade:!0,scale:!0};return c.startsWith("top")?(l.slide="down",l.transformOrigin="bottom"):c.startsWith("bottom")?(l.slide="up",l.transformOrigin="top"):c.startsWith("left")?(l.slide="right",l.transformOrigin="right"):c.startsWith("right")&&(l.slide="left",l.transformOrigin="left"),l}function V(c){const{content:l,placement:A="top",showDelay:I=250,hideDelay:D=500,mainAxisOffset:k=8,crossAxisOffset:L=0,showOn:v="hover-focus",closable:g=!0,arrow:w,role:f,hasPopup:E="dialog"}=c;return W.PopOver((y,p)=>{const s=_.useAnimatedElementToggle({initialStatus:"closed"}),O=C.sessionId("flyout"),m=e.prop(!1);let b=null,d=null,F=!1;function h(){i!=null&&(clearTimeout(i),i=null),t!=null&&(clearTimeout(t),t=null),d&&(d(),d=null),b&&(document.removeEventListener("keydown",b),b=null),m.set(!1),F=!1}function P(){e.Value.get(g)&&(b=r=>{r.key==="Escape"&&a()},document.addEventListener("keydown",b)),F=!0,m.set(!0),y({placement:A??"top",mainAxisOffset:k,crossAxisOffset:L,onClickOutside:()=>{e.Value.get(g)&&a()},arrow:w,content:e.WithElement(r=>{s.setElement(r),d=M.g(()=>{s.open(),d=null});const u=o=>{e.Value.get(g)&&o.key==="Escape"&&(o.preventDefault(),o.stopPropagation(),a(),m.set(!1))};return document.addEventListener("keydown",u,!0),e.Fragment(e.OnDispose(()=>{h(),document.removeEventListener("keydown",u,!0)}),e.attr.class("bc-flyout-container"),e.attr.id(O),e.attr.tabindex(-1),e.html.div(e.attr.class("bc-flyout"),_.AnimatedToggleClass({animation:e.Value.map(A,q),status:s.status}),f?e.attr.role(f):e.attr.role("dialog"),l()))})})}let i=null;function n(){if(i!=null&&(clearTimeout(i),i=null),t!=null&&(clearTimeout(t),t=null),s.isOpened.value||s.isOpening.value||s.isStartOpening.value)return;if(s.isClosing.value||s.isStartClosing.value){s.open();return}const r=e.Value.get(I);i=setTimeout(()=>{i=null,P()},r)}let t=null;function a(){if(i!=null&&(clearTimeout(i),i=null),t!=null&&(clearTimeout(t),t=null),m.set(!1),d&&(d(),d=null,F)){p(),h();return}const r=e.Value.get(D);t=setTimeout(()=>{t=null,s.close(),s.listenOnClosed(()=>{p(),h()})},r)}return e.WithElement(r=>{const u=()=>{n(),m.set(!0)},o=()=>{a(),m.set(!1)},T=e.Fragment(e.aria.expanded(m),e.aria.controls(O),e.aria.haspopup(E));if(typeof v=="function")return e.Fragment(T,v(u,o));const $=v;return e.Fragment(T,e.OneOfValue($,{"hover-focus":()=>e.Fragment(e.on.mouseenter(()=>u()),e.on.mouseleave(()=>o()),e.on.focus(()=>u()),e.on.blur(()=>o())),hover:()=>e.Fragment(e.on.mouseenter(()=>u()),e.on.mouseleave(()=>o())),focus:()=>e.Fragment(e.on.focus(()=>u()),e.on.blur(()=>o())),click:()=>{function x(){document.removeEventListener("click",S)}function S(){x(),o()}return e.Fragment(e.OnDispose(x),e.on.click(()=>{u(),M.g(()=>{document.addEventListener("click",S,{once:!0})})}))},never:()=>null}))})})}function K(c){const{items:l,placement:A="bottom-start",showDelay:I=0,hideDelay:D=100,mainAxisOffset:k=4,crossAxisOffset:L=0,showOn:v="click",closable:g=!0,onClose:w,onAction:f,ariaLabel:E,ariaLabelledBy:y}=c,p=C.sessionId("menu"),s=e.prop(-1),O=e.prop([]);let m=null;return e.Fragment(V({content:()=>e.WithElement(b=>{m=document.activeElement;const d=(n,t,a)=>{if(t.length===0)return-1;let r=n+a,u=0;for(;u<t.length;){r>=t.length&&(r=0),r<0&&(r=t.length-1);const o=t[r];if(o&&o.getAttribute("aria-disabled")!=="true")return r;r+=a,u++}return n},F=n=>{const t=O.value,a=s.value;switch(n.key){case"ArrowDown":n.preventDefault(),n.stopPropagation();const r=d(a,t,1);h(r,t);break;case"ArrowUp":n.preventDefault(),n.stopPropagation();const u=d(a,t,-1);h(u,t);break;case"Enter":case" ":if(n.preventDefault(),n.stopPropagation(),a>=0&&t[a]){const o=t[a];if(o.getAttribute("aria-disabled")==="true")return;const T=o.getAttribute("data-key");T&&f&&f(T),o.click(),w?.()}break;case"Escape":w?.();break;case"Home":n.preventDefault(),n.stopPropagation(),t.length>0&&h(0,t);break;case"End":n.preventDefault(),n.stopPropagation(),t.length>0&&h(t.length-1,t);break;case"ArrowRight":if(n.preventDefault(),n.stopPropagation(),a>=0&&t[a]){const o=t[a];o.classList.contains("bc-menu-item--has-submenu")&&o.dispatchEvent(new Event("mouseenter"))}break;case"ArrowLeft":n.preventDefault(),n.stopPropagation(),w?.();break}},h=(n,t)=>{s.value>=0&&t[s.value]&&(t[s.value].classList.remove("bc-menu-item--focused"),t[s.value].removeAttribute("aria-selected")),n>=0&&t[n]&&(t[n].classList.add("bc-menu-item--focused"),t[n].setAttribute("aria-selected","true"),s.set(n),typeof t[n].scrollIntoView=="function"&&t[n].scrollIntoView({block:"nearest"}))},P=()=>{const n=Array.from(b.querySelectorAll('[role="menuitem"]'));if(O.set(n),n.length>0){const t=n.findIndex(a=>a.getAttribute("aria-disabled")!=="true");t>=0&&h(t,n)}},i=new MutationObserver(P);return i.observe(b,{childList:!0,subtree:!0}),setTimeout(()=>{P(),b.focus()},0),document.addEventListener("keydown",F,!0),e.Fragment(e.OnDispose(()=>{i.disconnect(),document.removeEventListener("keydown",F,!0),m&&m.focus()}),e.attr.class("bc-menu"),e.attr.id(p),e.attr.role("menu"),e.attr.tabindex(-1),e.aria.orientation("vertical"),E?e.aria.label(E):e.Fragment(),y?e.aria.labelledby(y):e.Fragment(),e.aria.activedescendant(s.map(n=>{const t=O.value;return n>=0&&t[n]?t[n].id||`${p}-item-${n}`:""})),e.on.click(n=>{const a=n.target.closest('[role="menuitem"]');if(a&&a.getAttribute("aria-disabled")!=="true"){const r=a.getAttribute("data-key");r&&f&&f(r)}}),e.html.div(e.attr.class("sr-only"),e.aria.live("polite"),e.aria.atomic(!0),s.map(n=>{const t=O.value;if(n>=0&&t[n]){const a=t[n].textContent||"";return t[n].getAttribute("aria-disabled")==="true"?`${a}, disabled`:`${a}, ${n+1} of ${t.length}`}return""})),...l())}),placement:A,showDelay:I,hideDelay:D,mainAxisOffset:k,crossAxisOffset:L,showOn:v,closable:g,role:"menu"}))}function H(c){const{key:l,content:A,startContent:I,endContent:D,disabled:k=!1,onClick:L,ariaLabel:v,submenu:g,submenuPlacement:w="right-start"}=c,f=l??C.sessionId("menu-item"),E=`menu-item-${f}`,y=g!=null;return e.html.div(e.attr.class(e.computedOf(k)(p=>`bc-menu-item ${p?"bc-menu-item--disabled":""} ${y?"bc-menu-item--has-submenu":""}`)),e.attr.id(E),e.attr.role("menuitem"),e.attr.tabindex(-1),e.dataAttr.key(f),e.aria.disabled(k),e.aria.selected(!1),y?e.aria.expanded(!1):e.Fragment(),v?e.aria.label(v):e.Fragment(),e.on.click(p=>{if(e.Value.get(k)){p.preventDefault(),p.stopPropagation();return}L?.()}),I&&e.html.span(e.attr.class("bc-menu-item__start"),I),e.html.span(e.attr.class("bc-menu-item__content"),A),D&&e.html.span(e.attr.class("bc-menu-item__end"),D),y&&g?V({content:()=>e.Fragment(e.attr.class("bc-menu bc-submenu"),e.attr.role("menu"),...g()),placement:w,showOn:"hover",hasPopup:"menu",showDelay:100,hideDelay:300,mainAxisOffset:0,crossAxisOffset:0,role:"menu"}):e.Fragment())}function z(c={}){const{label:l}=c;return e.html.div(e.attr.class("bc-menu-separator"),e.attr.role("separator"),e.aria.orientation("horizontal"),l&&e.html.span(e.attr.class("bc-menu-separator__label"),l))}exports.Flyout=V;exports.Menu=K;exports.MenuItem=H;exports.MenuSeparator=z;

package/dist/modal-I5srcntN.cjs

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