@tempots/beatui 0.82.0 → 0.82.1

package/dist/modal-hkQD1bqZ.js

@@ -1,655 +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 V, aria as B, 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-CgZyrACX.js";
-import { B as K } from "./translations-Cq8bUKJP.js";
-import { B as P } from "./text-input-CFJntP7G.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 he(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 ge({
-  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 be({
-  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 ve = () => new C(), ye = () => new O(), Ee = (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)),
-          V.status(c.status.map(String)),
-          V.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"),
-        B.modal(!0),
-        ...h.header ? [B.labelledby(i)] : [],
-        B.describedby(w),
-        g.tabindex(-1),
-        // Make modal focusable for initial focus
-        g.id(l),
-        V.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 Le(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,
-  Le as C,
-  F,
-  le as M,
-  ce as O,
-  C as S,
-  be as a,
-  ye as b,
-  D as c,
-  re as d,
-  he as e,
-  N as f,
-  ge as g,
-  Ee as o,
-  ve as s,
-  G as u
-};

package/dist/notice-C0SmlheE.cjs

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

package/dist/text-input-CByq5OIo.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("@tempots/dom"),o=require("./translations-B4-Zd2LM.cjs"),w=require("@tempots/ui");function x(r,n,a,e){const l=["bc-button",`bc-button--size-${r}`,`bc-control--padding-${r}`,`bc-control--rounded-${n}`];return a&&l.push("bc-button--loading"),e&&l.push("bc-button--full-width"),l.join(" ")}function f(r,n,a){const e=new Map;e.set("--button-text-shadow","var(--text-shadow-none)"),e.set("--button-text-shadow-dark","var(--text-shadow-none)");const l=(s,u,i,d)=>{a||(e.set("--button-bg-hover",s),e.set("--button-text-hover",i),e.set("--button-bg-hover-dark",u),e.set("--button-text-hover-dark",d))};switch(r){case"filled":{const s=o.backgroundValue(n,"solid","light"),u=o.backgroundValue(n,"solid","dark");e.set("--button-bg",s.backgroundColor),e.set("--button-text",s.textColor),e.set("--button-bg-dark",u.backgroundColor),e.set("--button-text-dark",u.textColor),e.set("--button-text-shadow","var(--text-shadow-button-filled, var(--text-shadow-sm))"),e.set("--button-text-shadow-dark","var(--text-shadow-button-filled, var(--text-shadow-sm))");const i=o.hoverBackgroundValue(n,"solid","light"),d=o.hoverBackgroundValue(n,"solid","dark");l(i.backgroundColor,d.backgroundColor,i.textColor,d.textColor);break}case"light":{const s=o.backgroundValue(n,"light","light"),u=o.backgroundValue(n,"light","dark");e.set("--button-bg",s.backgroundColor),e.set("--button-text",s.textColor),e.set("--button-bg-dark",u.backgroundColor),e.set("--button-text-dark",u.textColor);const i=o.hoverBackgroundValue(n,"light","light"),d=o.hoverBackgroundValue(n,"light","dark");l(i.backgroundColor,d.backgroundColor,i.textColor,d.textColor);break}case"outline":{e.set("--button-bg","transparent"),e.set("--button-bg-dark","transparent"),e.set("--button-border",o.borderColorValue(n,"light")),e.set("--button-border-dark",o.borderColorValue(n,"dark")),e.set("--button-text",o.textColorValue(n,"light")),e.set("--button-text-dark",o.textColorValue(n,"dark")),e.set("--button-text-shadow","var(--text-shadow-button-light, var(--text-shadow-xs))"),e.set("--button-text-shadow-dark","var(--text-shadow-button-light, var(--text-shadow-xs))");const s=o.hoverBackgroundValue(n,"light","light"),u=o.hoverBackgroundValue(n,"light","dark");l(s.backgroundColor,u.backgroundColor,s.textColor,u.textColor);break}case"default":{const s=o.backgroundValue("neutral","light","light"),u=o.backgroundValue("neutral","light","dark");e.set("--button-bg",s.backgroundColor),e.set("--button-text",o.textColorValue(n,"light")),e.set("--button-bg-dark",u.backgroundColor),e.set("--button-text-dark",o.textColorValue(n,"dark")),e.set("--button-text-shadow","var(--text-shadow-button-default, var(--text-shadow-2xs))"),e.set("--button-text-shadow-dark","var(--text-shadow-button-default, var(--text-shadow-2xs))");const i=o.hoverBackgroundValue("base","light","light"),d=o.hoverBackgroundValue("base","light","dark");l(i.backgroundColor,d.backgroundColor,e.get("--button-text")??s.textColor,e.get("--button-text-dark")??u.textColor);break}case"text":{e.set("--button-bg","transparent"),e.set("--button-bg-dark","transparent"),e.set("--button-text",o.textColorValue(n,"light")),e.set("--button-text-dark",o.textColorValue(n,"dark")),a||e.set("--button-hover-decoration","underline");break}}return Array.from(e.entries()).map(([s,u])=>`${s}: ${u}`).join("; ")}function V({type:r="button",disabled:n=!1,loading:a=!1,variant:e="filled",size:l="md",color:s="base",roundedness:u="sm",onClick:i=()=>{},fullWidth:d=!1,stopPropagation:g=!0},...p){const b=t.prop(null);return t.Use(o.BeatUII18n,h=>t.html.button(t.attr.type(r),t.attr.disabled(t.computedOf(n,a)((c,k)=>c||k)),t.aria.busy(a??!1),t.When(a??!1,()=>t.aria.label(h.$.loadingExtended)),t.attr.class(t.computedOf(l,u,a,d)(x)),t.attr.style(t.computedOf(e,s,n)(f)),t.When(a??!1,()=>t.Fragment(t.style.width(b.map(c=>c==null?"":`${c.width}px`)),t.style.height(b.map(c=>c==null?"":`${c.height}px`)),o.Icon({icon:"line-md:loading-twotone-loop",size:l??"md"}),t.html.span(t.attr.class("sr-only"),t.aria.live("polite"),h.$.loadingExtended)),()=>t.Fragment(t.on.click(c=>{r!=="submit"&&c.preventDefault(),g&&c.stopPropagation(),i()}),...p)),t.When(a!=null,()=>w.ElementRect(c=>(c.on(k=>{t.Value.get(a??!1)||b.set(k)}),t.Empty)))))}function I(r,n,a){const e=[r?"bc-base-input-container":"bc-input-container"];return n?e.push(r?"bc-base-input-container--disabled":"bc-input-container--disabled"):e.push(r?"bc-base-input-container--default":"bc-input-container--default"),a&&e.push("bc-input-container--error"),e.join(" ")}function m(r,n){const a=["bc-input-container__input"];return r||(a.push(`bc-control--padding-${n}`),a.push(`bc-control--text-size-${n}`)),a.join(" ")}const v=({baseContainer:r,disabled:n,input:a,before:e,after:l,hasError:s,focusableSelector:u="input, select, textarea",growInput:i=!0,size:d},...g)=>{const p=t.Value.map(n??!1,b=>b);return t.html.div(t.WithElement(b=>{const h=()=>{b.querySelector(u)?.focus()};return b.addEventListener("click",h),t.OnDispose(()=>b.removeEventListener("click",h))}),t.attr.class(t.computedOf(r,p,s??!1)((b,h,c)=>I(b??!1,h??!1,c??!1))),e!=null?t.html.span(t.attr.class("bc-input-container__before"),e):null,t.html.div(t.attr.class(t.computedOf(r,d??"md")((b,h)=>m(b??!1,h??"md"))),t.attr.class(t.Value.map(i,b=>b?"bc-input-container__input--grow":"")),a),l!=null?t.html.span(t.attr.class("bc-input-container__after"),l):null,...g)};function B({icon:r,size:n="md",color:a="neutral"}){return t.html.span(t.attr.class("bc-input-container__icon"),o.Icon({icon:r,size:n,color:a}))}const C=({autocomplete:r,autofocus:n,class:a,disabled:e,name:l,placeholder:s,id:u,required:i,tabIndex:d,hasError:g})=>t.Fragment(t.attr.autocomplete(r),t.attr.autofocus(n),t.attr.class(a),t.attr.disabled(e),t.attr.name(l??u),t.attr.placeholder(s),t.attr.id(u),t.aria.required(i),t.attr.tabindex(d),g!=null?t.aria.invalid(g??!1):null),y=r=>{const{value:n,onBlur:a,onChange:e,onInput:l}=r;return v({...r,input:t.input.text(C(r),t.attr.value(n),t.attr.class("bc-input"),a!=null?t.on.blur(t.emitValue(a)):t.Empty,e!=null?t.on.change(t.emitValue(e)):t.Empty,l!=null?t.on.input(t.emitValue(l)):t.Empty)})};exports.Button=V;exports.CommonInputAttributes=C;exports.InputContainer=v;exports.InputIcon=B;exports.TextInput=y;exports.generateButtonClasses=x;exports.generateButtonStyles=f;exports.generateInputContainerInputClasses=m;