@tempots/beatui 0.19.0 → 0.20.0

package/dist/modal-B-f3LBKr.cjs

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

package/dist/modal-BItfEmu0.js

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

package/dist/monaco/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@tempots/dom"),A=require("../timer-CcMCjYrq.cjs"),I=require("../link-portal-_tiDFZqh.cjs"),W=require("../theme-YS3sFklH.cjs"),g="https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/",F=e=>{if(!e||typeof e!="object")return!1;const t=e;return!!(t.editor&&typeof t.editor.create=="function"&&t.languages)};function b(){if(typeof self>"u")return;const e=self.MonacoEnvironment;if(e&&(typeof e.getWorkerUrl=="function"||typeof e.getWorker=="function"))return;const t=()=>{const n=[`self.MonacoEnvironment = { baseUrl: '${g}' };`,`importScripts('${g}vs/base/worker/workerMain.js');`].join(`
-`),r=new Blob([n],{type:"text/javascript"});return URL.createObjectURL(r)};self.MonacoEnvironment={getWorkerUrl(n,r){return t()}}}const R=e=>new Promise((t,n)=>{var f;if(document.querySelector(`script[src="${e}"]`))return t();const s=document.createElement("script");s.src=e,s.async=!0;const l=(f=document.querySelector("script[nonce]"))==null?void 0:f.getAttribute("nonce");l&&s.setAttribute("nonce",l),s.onload=()=>t(),s.onerror=y=>{console.error("[BeatUI] Failed to load script",e,y),n(new Error(`Failed to load script ${e}`))},document.head.appendChild(s)}),$=async()=>{var t,n;const e=window;if((!e.require||!e.require.config)&&(await R(`${g}vs/loader.js`),await new Promise(r=>setTimeout(r,100)),!e.require))throw new Error("AMD loader failed to initialize");return(n=(t=e.require).config)==null||n.call(t,{baseUrl:g,paths:{vs:"vs"}}),e.require},B=async()=>{const e=window;if(e.monaco&&F(e.monaco))return e.monaco;b();const t=await $();if(await new Promise((n,r)=>{const s=setTimeout(()=>r(new Error("Timeout loading editor.main")),3e4);try{t(["vs/editor/editor.main"],()=>{clearTimeout(s),n()},l=>{clearTimeout(s),r(l)})}catch(l){clearTimeout(s),r(l)}}),!e.monaco)throw new Error("Monaco failed to initialize after loading editor.main");return e.monaco};let v=null;const M=new Map;let h=!1;async function V(){if(v)return v;!h&&typeof window<"u"&&(b(),h=!0);const e=await B();return v=e,e}async function _(e){if(M.has(e))return M.get(e);const t=(async()=>{const n=await V();switch(e){case"typescript":case"javascript":{n.languages.typescript.javascriptDefaults.setDiagnosticsOptions({noSemanticValidation:!1,noSyntaxValidation:!1}),n.languages.typescript.typescriptDefaults.setDiagnosticsOptions({noSemanticValidation:!1,noSyntaxValidation:!1});break}case"json":{n.languages.json.jsonDefaults.setDiagnosticsOptions({validate:!0,schemas:[],enableSchemaRequest:!0});break}case"css":case"scss":case"less":{n.languages.css.cssDefaults.setOptions({validate:!0});break}case"html":break;case"markdown":break;case"yaml":{n.languages.getLanguages().some(s=>s.id==="yaml")||n.languages.register({id:"yaml",extensions:[".yml",".yaml"]});break}}})();return M.set(e,t),t}async function S(e){const[t]=await Promise.all([V(),_(e)]);return t}function z(e){if(typeof window>"u")return;const t=window;e?(t.MonacoEnvironment={getWorker:e},h=!0):t.MonacoEnvironment||(b(),h=!0)}const N=e=>{const{value:t,onChange:n,onBlur:r,language:s="plaintext",readOnly:l=!1,editorOptions:f,jsonSchemas:y,autofocus:j,class:q,disabled:D,hasError:L,id:x,name:P,placeholder:T}=e,E=o.Value.toSignal(l);return o.Use(W.Theme,({appearance:U})=>o.html.div((e.cssInjection??"none")==="none"?null:o.Task(()=>Promise.resolve().then(()=>require("../styles-url-CZUL_YRT.cjs")),({default:u})=>I.LinkPortal({id:"beatui-monaco-css",href:u})),o.attr.class("bc-monaco-editor-container"),o.attr.class(q),o.attr.class(o.Value.map(L??!1,u=>u?"bc-input-container--error":"")),o.attr.id(x),o.attr.name(P),o.WithElement(u=>{let d=null;const c=[];return(async()=>{try{let m=function(){const a=i.getValue();n==null||n(a)};const p=o.Value.get(s)??"plaintext";if(d=(await S(p)).editor.create(u,{value:o.Value.get(t)??"",language:p,readOnly:o.Value.get(E)??!1,automaticLayout:!0,minimap:{enabled:!1},...f??{}}),!d)throw new Error("Failed to create Monaco editor");const i=d;c.push(o.effectOf(s,y)(async(a,w)=>{const k=await S(a);if(a==="json"){const C={validate:!0,enableSchemaRequest:!0,schemas:!!(w&&w.length)?w:[]};k.languages.json.jsonDefaults.setDiagnosticsOptions(C)}const O=i.getModel();O&&k.editor.setModelLanguage(O,a)})),c.push(i.onDidChangeModelContent(A.g(500,m)).dispose),c.push(i.onDidBlurEditorText(()=>{m(),r==null||r()}).dispose),c.push(o.Value.on(t,a=>{a!==i.getValue()&&i.setValue(a??"")})),c.push(o.Value.on(E,a=>{i.updateOptions({readOnly:a??!1})})),c.push(o.Value.on(D??!1,a=>{i.updateOptions({readOnly:a??!1})})),c.push(o.Value.on(j??!1,a=>{a&&i.focus()})),c.push(o.Value.on(T??"",a=>{i.updateOptions({placeholder:a??""})})),c.push(U.on(a=>{i.updateOptions({theme:a==="dark"?"vs-dark":"vs"})}))}catch(m){console.error("[BeatUI] Failed to initialize Monaco editor:",m);const p=u;p.textContent="Failed to load Monaco Editor. Please ensure monaco-editor is installed."}})(),o.OnDispose(()=>{try{c.forEach(m=>m())}catch{}try{d==null||d.dispose()}catch{}})})))};exports.MonacoEditorInput=N;exports.configureMonacoEnvironment=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@tempots/dom"),A=require("../timer-BdH4cK6a.cjs"),I=require("../link-portal-_tiDFZqh.cjs"),B=require("../theme-YS3sFklH.cjs"),p="https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/",W=e=>{if(!e||typeof e!="object")return!1;const t=e;return!!(t.editor&&typeof t.editor.create=="function"&&t.languages)};function M(){if(typeof self>"u")return;const e=self.MonacoEnvironment;if(e&&(typeof e.getWorkerUrl=="function"||typeof e.getWorker=="function"))return;const t=()=>{const a=[`self.MonacoEnvironment = { baseUrl: '${p}' };`,`importScripts('${p}vs/base/worker/workerMain.js');`].join(`
+`),i=new Blob([a],{type:"text/javascript"});return URL.createObjectURL(i)};self.MonacoEnvironment={getWorkerUrl(a,i){return t()}}}const F=e=>new Promise((t,a)=>{if(document.querySelector(`script[src="${e}"]`))return t();const s=document.createElement("script");s.src=e,s.async=!0;const l=document.querySelector("script[nonce]")?.getAttribute("nonce");l&&s.setAttribute("nonce",l),s.onload=()=>t(),s.onerror=h=>{console.error("[BeatUI] Failed to load script",e,h),a(new Error(`Failed to load script ${e}`))},document.head.appendChild(s)}),R=async()=>{const e=window;if((!e.require||!e.require.config)&&(await F(`${p}vs/loader.js`),await new Promise(t=>setTimeout(t,100)),!e.require))throw new Error("AMD loader failed to initialize");return e.require.config?.({baseUrl:p,paths:{vs:"vs"}}),e.require},$=async()=>{const e=window;if(e.monaco&&W(e.monaco))return e.monaco;M();const t=await R();if(await new Promise((a,i)=>{const s=setTimeout(()=>i(new Error("Timeout loading editor.main")),3e4);try{t(["vs/editor/editor.main"],()=>{clearTimeout(s),a()},l=>{clearTimeout(s),i(l)})}catch(l){clearTimeout(s),i(l)}}),!e.monaco)throw new Error("Monaco failed to initialize after loading editor.main");return e.monaco};let w=null;const v=new Map;let g=!1;async function S(){if(w)return w;!g&&typeof window<"u"&&(M(),g=!0);const e=await $();return w=e,e}async function _(e){if(v.has(e))return v.get(e);const t=(async()=>{const a=await S();switch(e){case"typescript":case"javascript":{a.languages.typescript.javascriptDefaults.setDiagnosticsOptions({noSemanticValidation:!1,noSyntaxValidation:!1}),a.languages.typescript.typescriptDefaults.setDiagnosticsOptions({noSemanticValidation:!1,noSyntaxValidation:!1});break}case"json":{a.languages.json.jsonDefaults.setDiagnosticsOptions({validate:!0,schemas:[],enableSchemaRequest:!0});break}case"css":case"scss":case"less":{a.languages.css.cssDefaults.setOptions({validate:!0});break}case"html":break;case"markdown":break;case"yaml":{a.languages.getLanguages().some(s=>s.id==="yaml")||a.languages.register({id:"yaml",extensions:[".yml",".yaml"]});break}}})();return v.set(e,t),t}async function O(e){const[t]=await Promise.all([S(),_(e)]);return t}function z(e){if(typeof window>"u")return;const t=window;e?(t.MonacoEnvironment={getWorker:e},g=!0):t.MonacoEnvironment||(M(),g=!0)}const N=e=>{const{value:t,onChange:a,onBlur:i,language:s="plaintext",readOnly:l=!1,editorOptions:h,jsonSchemas:V,autofocus:j,class:q,disabled:D,hasError:C,id:L,name:x,placeholder:P}=e,b=o.Value.toSignal(l);return o.Use(B.Theme,({appearance:T})=>o.html.div((e.cssInjection??"none")==="none"?null:o.Task(()=>Promise.resolve().then(()=>require("../styles-url-CZUL_YRT.cjs")),({default:u})=>I.LinkPortal({id:"beatui-monaco-css",href:u})),o.attr.class("bc-monaco-editor-container"),o.attr.class(q),o.attr.class(o.Value.map(C??!1,u=>u?"bc-input-container--error":"")),o.attr.id(L),o.attr.name(x),o.WithElement(u=>{let m=null;const c=[];return(async()=>{try{let d=function(){const n=r.getValue();a?.(n)};const f=o.Value.get(s)??"plaintext";if(m=(await O(f)).editor.create(u,{value:o.Value.get(t)??"",language:f,readOnly:o.Value.get(b)??!1,automaticLayout:!0,minimap:{enabled:!1},...h??{}}),!m)throw new Error("Failed to create Monaco editor");const r=m;c.push(o.effectOf(s,V)(async(n,y)=>{const E=await O(n);if(n==="json"){const U={validate:!0,enableSchemaRequest:!0,schemas:!!(y&&y.length)?y:[]};E.languages.json.jsonDefaults.setDiagnosticsOptions(U)}const k=r.getModel();k&&E.editor.setModelLanguage(k,n)})),c.push(r.onDidChangeModelContent(A.I(500,d)).dispose),c.push(r.onDidBlurEditorText(()=>{d(),i?.()}).dispose),c.push(o.Value.on(t,n=>{n!==r.getValue()&&r.setValue(n??"")})),c.push(o.Value.on(b,n=>{r.updateOptions({readOnly:n??!1})})),c.push(o.Value.on(D??!1,n=>{r.updateOptions({readOnly:n??!1})})),c.push(o.Value.on(j??!1,n=>{n&&r.focus()})),c.push(o.Value.on(P??"",n=>{r.updateOptions({placeholder:n??""})})),c.push(T.on(n=>{r.updateOptions({theme:n==="dark"?"vs-dark":"vs"})}))}catch(d){console.error("[BeatUI] Failed to initialize Monaco editor:",d);const f=u;f.textContent="Failed to load Monaco Editor. Please ensure monaco-editor is installed."}})(),o.OnDispose(()=>{try{c.forEach(d=>d())}catch{}try{m?.dispose()}catch{}})})))};exports.MonacoEditorInput=N;exports.configureMonacoEnvironment=z;