@tempots/beatui 0.61.3 → 0.61.4

package/dist/{notice-BCio7XSW.js → notice-BH_pePhd.js}

@@ -1,5 +1,5 @@
-import { Use as q, coalesce as Q, aria as x, attr as o, html as f, on as E, Value as C, Empty as _, computedOf as k, When as O, dataAttr as R, input as te, emitValue as F, prop as I, Fragment as P, emitValueAsNumber as ne, Unless as ie, Ensure as re } from "@tempots/dom";
-import { a as z, B as ae, I as N, b as W, c as le, C as X } from "./translations-BUTBIDsS.js";
+import { Use as q, coalesce as X, aria as x, attr as o, html as f, on as I, Value as C, Empty as _, computedOf as k, When as O, dataAttr as R, input as ne, emitValue as F, prop as E, Fragment as P, emitValueAsNumber as ie, Unless as re, Ensure as ae } from "@tempots/dom";
+import { a as z, B as le, I as N, b as W, c as ce, C as Y } from "./translations-BUTBIDsS.js";
 const K = /* @__PURE__ */ new Map();
 function H(e) {
   const s = K.get(e) ?? 0;
@@ -456,7 +456,7 @@ const w = {
     return m.success(s);
   }
 };
-function ce({
+function oe({
   size: e = "sm",
   icon: s = "line-md:close",
   disabled: t,
@@ -466,8 +466,8 @@ function ce({
   label: l
 }, ...a) {
   return q(z, (c) => {
-    const p = Q(l, c.$.closeModal);
-    return ae(
+    const p = X(l, c.$.closeModal);
+    return le(
       {
         variant: "text",
         size: e,
@@ -486,7 +486,7 @@ function ce({
 function U(e) {
   return `bc-label bc-label--${e}`;
 }
-const Ae = (...e) => f.span(o.class(U("emphasis")), ...e), oe = (...e) => f.span(o.class(U("default")), ...e), ue = (...e) => f.span(o.class(U("muted")), ...e), Ve = (...e) => f.span(o.class(U("danger")), ...e), Oe = (e) => {
+const Ae = (...e) => f.span(o.class(U("emphasis")), ...e), ue = (...e) => f.span(o.class(U("default")), ...e), he = (...e) => f.span(o.class(U("muted")), ...e), Ve = (...e) => f.span(o.class(U("danger")), ...e), Oe = (e) => {
   const {
     value: s,
     onBlur: t,
@@ -536,8 +536,8 @@ const Ae = (...e) => f.span(o.class(U("emphasis")), ...e), oe = (...e) => f.span
           x.checked(s),
           x.disabled(r),
           i != null ? x.labelledby(b) : _,
-          E.keydown(v),
-          t != null ? E.blur(t) : _,
+          I.keydown(v),
+          t != null ? I.blur(t) : _,
           N({
             icon: k(
               s,
@@ -554,21 +554,21 @@ const Ae = (...e) => f.span(o.class(U("emphasis")), ...e), oe = (...e) => f.span
           o.class("bc-checkbox-input__label"),
           o.id(b),
           o.for(h),
-          ue(i)
+          he(i)
         ) : _
       )
     },
-    E.click(S)
+    I.click(S)
   );
-}, he = f.span(
+}, de = f.span(
   o.class("bc-input-wrapper__required"),
   " *"
 );
-function de(e) {
+function pe(e) {
   const s = ["bc-input-wrapper"];
   return e !== "vertical" && s.push(`bc-input-wrapper--${e}`), s.join(" ");
 }
-function pe(e, s) {
+function fe(e, s) {
   const t = ["bc-input-wrapper__label-text"];
   return e ? t.push("bc-input-wrapper__label-text--error") : s ? t.push("bc-input-wrapper__label-text--disabled") : t.push("bc-input-wrapper__label-text--default"), t.join(" ");
 }
@@ -576,7 +576,7 @@ function G(e, s) {
   if (e === "horizontal-fixed" && s != null)
     return `--input-wrapper-label-width: ${s}`;
 }
-const Y = ({
+const Z = ({
   fullWidth: e = !1,
   required: s,
   label: t,
@@ -593,7 +593,7 @@ const Y = ({
 }, ...v) => {
   const u = p ?? a != null, d = h ?? !1, g = b ?? "vertical", T = H("input-wrapper"), A = r ? `${T}-description` : void 0, B = a != null ? `${T}-error` : void 0, L = k(g)((y) => y !== "vertical");
   return f.div(
-    o.class(C.map(g, (y) => de(y))),
+    o.class(C.map(g, (y) => pe(y))),
     o.class(
       C.map(
         e,
@@ -628,7 +628,7 @@ const Y = ({
                 u,
                 d
               )(
-                (y, V) => pe(
+                (y, V) => fe(
                   y ?? !1,
                   V ?? !1
                 )
@@ -636,7 +636,7 @@ const Y = ({
             ),
             t
           ),
-          t != null && s ? he : _
+          t != null && s ? de : _
         ),
         // Show description under label when horizontal
         O(
@@ -653,7 +653,7 @@ const Y = ({
           )
         )
       ),
-      i != null ? oe(i) : _,
+      i != null ? ue(i) : _,
       n
     ) : _,
     f.div(
@@ -705,7 +705,7 @@ const Fe = (e) => {
     onChange: r,
     onInput: l,
     placeholder: a
-  } = s, c = n ?? le({
+  } = s, c = n ?? ce({
     icon: "line-md:email",
     size: e.size,
     color: "neutral"
@@ -715,14 +715,14 @@ const Fe = (e) => {
     (p) => W({
       ...e,
       before: c,
-      input: te.email(
-        X(s),
-        o.placeholder(Q(a, p.$.emailPlaceholderText)),
+      input: ne.email(
+        Y(s),
+        o.placeholder(X(a, p.$.emailPlaceholderText)),
         o.value(t),
         o.class("bc-input"),
-        i != null ? E.blur(F(i)) : _,
-        r != null ? E.change(F(r)) : _,
-        l != null ? E.input(F(l)) : _
+        i != null ? I.blur(F(i)) : _,
+        r != null ? I.change(F(r)) : _,
+        l != null ? I.input(F(l)) : _
       )
     })
   );
@@ -743,7 +743,7 @@ const Fe = (e) => {
     name: "password",
     disabled: c,
     ...b
-  }, v = I(!0), u = k(
+  }, v = E(!0), u = k(
     v,
     p
   )((d, g) => d ? g ?? "current-password" : "off");
@@ -756,7 +756,7 @@ const Fe = (e) => {
       o.type("button"),
       o.class("bc-input-container__password-toggle"),
       x.label(d.$.togglePasswordVisibility),
-      E.click(() => v.update((A) => !A)),
+      I.click(() => v.update((A) => !A)),
       O(
         v,
         () => N({ icon: "line-md:watch" }),
@@ -768,7 +768,7 @@ const Fe = (e) => {
       disabled: c,
       hasError: a,
       input: f.input(
-        X({
+        Y({
           ...S,
           autocomplete: u,
           placeholder: g
@@ -780,41 +780,42 @@ const Fe = (e) => {
         ),
         o.class("bc-input"),
         o.value(s),
-        t != null ? E.blur(F(t)) : _,
-        n != null ? E.change(F(n)) : _,
-        i != null ? E.input(F(i)) : _
+        t != null ? I.blur(F(t)) : _,
+        n != null ? I.change(F(n)) : _,
+        i != null ? I.input(F(i)) : _
       ),
       after: l != null ? P(T, l) : T
     });
   });
-}, fe = (
+}, be = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e, s) => () => {
     e.markTouched(), s?.();
   }
-), be = (e, s) => (t) => {
+), J = (e, s) => (t) => {
   e.change(t), s?.(t);
 };
-function Z(e, s) {
-  const { controller: t, onBlur: n, onChange: i, id: r, ...l } = s;
+function ee(e, s) {
+  const { controller: t, onBlur: n, onChange: i, id: r, triggerOn: l, ...a } = s;
   return e({
     id: r ?? t.name,
     disabled: t.disabled,
     value: t.signal,
     hasError: t.errorVisible,
     name: t.name,
-    ...l,
-    onChange: be(t, i),
-    onBlur: fe(t, n)
+    ...a,
+    onInput: l === "input" ? J(t, i) : void 0,
+    onChange: l !== "input" ? J(t, i) : void 0,
+    onBlur: be(t, n)
   });
 }
 function xe(e, { id: s, labelFor: t, ...n }, ...i) {
   const r = s ?? n.controller.name ?? H("control");
-  return Y(
+  return Z(
     {
       ...n,
       labelFor: t ?? r,
-      content: Z(
+      content: ee(
         (a) => e({ ...a, id: r }),
         n
       )
@@ -824,7 +825,7 @@ function xe(e, { id: s, labelFor: t, ...n }, ...i) {
 }
 function me(e, s) {
   const { toInput: t, fromInput: n, controller: i, ...r } = s, l = i.transform(t, n);
-  return Z(e, {
+  return ee(e, {
     ...r,
     controller: l
   });
@@ -835,7 +836,7 @@ function Pe(e, {
   ...n
 }, ...i) {
   const r = s ?? n.controller.name ?? H("control");
-  return Y(
+  return Z(
     {
       ...n,
       labelFor: t ?? r,
@@ -885,11 +886,11 @@ class M {
   dirty;
   dependencyErrors;
   #e = {
-    disabled: I(!1),
-    touched: I(!1)
+    disabled: E(!1),
+    touched: E(!1)
   };
   #t;
-  #s = I(void 0);
+  #s = E(void 0);
   parent;
   disabled;
   #n = [];
@@ -991,11 +992,11 @@ class ye extends M {
   #e = /* @__PURE__ */ new Map();
   #t = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
-  #n = I(!1);
+  #n = E(!1);
   touchedDeep = this.#n;
   #r = /* @__PURE__ */ new Map();
   #i = /* @__PURE__ */ new Map();
-  #l = I(!1);
+  #l = E(!1);
   dirtyDeep = this.#l;
   #o;
   #u;
@@ -1092,11 +1093,11 @@ class we extends M {
   length;
   #t = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
-  #n = I(!1);
+  #n = E(!1);
   touchedDeep = this.#n;
   #r = /* @__PURE__ */ new Map();
   #i = /* @__PURE__ */ new Map();
-  #l = I(!1);
+  #l = E(!1);
   dirtyDeep = this.#l;
   #o;
   #u;
@@ -1237,7 +1238,7 @@ function Ce({
   validationMode: i,
   validateDebounceMs: r
 }) {
-  const l = C.deriveProp(e), a = I(D.valid), c = I(!1), p = I(i ?? "touchedOrSubmit"), h = (d) => {
+  const l = C.deriveProp(e), a = E(D.valid), c = E(!1), p = E(i ?? "touchedOrSubmit"), h = (d) => {
     a.set(d);
   };
   let b;
@@ -1272,30 +1273,30 @@ function Ce({
     c.dispose(), l.dispose(), a.dispose(), p.dispose(), b && clearTimeout(b);
   }), { controller: u, setStatus: h };
 }
-function ee(e) {
+function se(e) {
   return P(o.disabled(e.disabled), o.name(e.name));
 }
 function Ne(e, {
   triggerOn: s = "change"
 } = {}) {
   return P(
-    ee(e),
+    se(e),
     o.value(e.signal),
-    (s === "input" ? E.input : E.change)(F(e.change))
+    (s === "input" ? I.input : I.change)(F(e.change))
   );
 }
 function Le(e, {
   triggerOn: s = "change"
 } = {}) {
   return P(
-    ee(e),
+    se(e),
     o.valueAsNumber(e.signal),
-    (s === "input" ? E.input : E.change)(
-      ne(e.change)
+    (s === "input" ? I.input : I.change)(
+      ie(e.change)
     )
   );
 }
-function J(e) {
+function Q(e) {
   return e.issues != null ? D.invalid(Se(e.issues)) : D.valid;
 }
 async function je({
@@ -1312,11 +1313,11 @@ async function je({
     return t.length === 1 && t[0] === "root" ? D.invalid({
       message: r
     }) : D.invalid({
-      dependencies: se(t, r)
+      dependencies: te(t, r)
     });
   }
 }
-function se(e, s) {
+function te(e, s) {
   if (e.length === 1)
     return {
       [e[0]]: { message: s }
@@ -1324,7 +1325,7 @@ function se(e, s) {
   const [t, ...n] = e;
   return {
     [t]: {
-      dependencies: se(n, s)
+      dependencies: te(n, s)
     }
   };
 }
@@ -1339,10 +1340,10 @@ function qe({
     initialValue: e,
     validationMode: n ?? "touchedOrSubmit",
     validateDebounceMs: i,
-    validate: (n ?? "touchedOrSubmit") === "onSubmit" || s == null ? void 0 : async (h) => J(
+    validate: (n ?? "touchedOrSubmit") === "onSubmit" || s == null ? void 0 : async (h) => Q(
       await s["~standard"].validate(h)
     )
-  }), a = I(!1), c = r.object();
+  }), a = E(!1), c = r.object();
   return c.onDispose(a.dispose), {
     controller: c,
     setStatus: l,
@@ -1353,7 +1354,7 @@ function qe({
           a.set(!1);
           return;
         }
-        const u = J(await v(S));
+        const u = Q(await v(S));
         if (l(u), u.type === "invalid") {
           a.set(!1);
           return;
@@ -1391,7 +1392,7 @@ function De(e) {
       return "info";
   }
 }
-function Ee(e, s, t, n) {
+function Ie(e, s, t, n) {
   const i = [
     "bc-notice",
     `bc-notice--${e}`,
@@ -1409,7 +1410,7 @@ function ze({
   onDismiss: l,
   class: a
 }, ...c) {
-  const p = I(!0);
+  const p = E(!0);
   return O(p, () => {
     const h = C.map(
       r,
@@ -1429,11 +1430,11 @@ function ze({
             S,
             h,
             a
-          )((d, g, T, A) => Ee(d, g, T, A))
+          )((d, g, T, A) => Ie(d, g, T, A))
         ),
         // Accessibility role mapping (always defined)
         o.role(C.map(v, (d) => d)),
-        ie(
+        re(
           C.map(i, (d) => d === !1),
           () => f.div(
             o.class("bc-notice__icon"),
@@ -1451,7 +1452,7 @@ function ze({
         ),
         f.div(
           o.class("bc-notice__body"),
-          re(
+          ae(
             n,
             (d) => f.div(o.class("bc-notice__title"), d)
           ),
@@ -1459,7 +1460,7 @@ function ze({
         ),
         O(
           h,
-          () => ce({
+          () => oe({
             size: "xs",
             label: u.$.closeModal,
             onClick: () => {
@@ -1473,22 +1474,22 @@ function ze({
 }
 export {
   we as A,
-  Z as B,
-  ce as C,
+  ee as B,
+  oe as C,
   Ve as D,
   Fe as E,
-  Y as I,
-  oe as L,
+  Z as I,
+  ue as L,
   Pe as M,
   ze as N,
   $ as O,
   $e as P,
-  he as R,
+  de as R,
   Me as S,
   D as a,
   Oe as b,
   xe as c,
-  be as d,
+  J as d,
   M as e,
   j as f,
   me as g,
@@ -1497,16 +1498,16 @@ export {
   ke as j,
   Se as k,
   Ce as l,
-  fe as m,
-  ee as n,
+  be as m,
+  se as n,
   Ne as o,
   Be as p,
   Le as q,
-  J as r,
+  Q as r,
   H as s,
   je as t,
   qe as u,
   Ae as v,
   ge as w,
-  ue as x
+  he as x
 };

package/dist/{notice-CkABNiTZ.cjs → notice-D3As5ZhJ.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("@tempots/dom"),w=require("./translations-hMQlZmD4.cjs"),L=new Map;function T(e){const t=L.get(e)??0;return L.set(e,t+1),`${e}-${t}`}const v={notAsked:{type:"NotAsked"},loading(e=void 0){return{type:"Loading",previousValue:e}},success(e){return{type:"AsyncSuccess",value:e}},failure(e){return{type:"AsyncFailure",error:e}},isSuccess(e){return e.type==="AsyncSuccess"},isFailure(e){return e.type==="AsyncFailure"},isNotAsked(e){return e.type==="NotAsked"},isLoading(e){return e.type==="Loading"},getOrElse(e,t){return v.isSuccess(e)?e.value:t},getOrElseLazy(e,t){return v.isSuccess(e)?e.value:t()},getOrNull(e){return v.isSuccess(e)?e.value:null},getOrUndefined(e){return v.isSuccess(e)?e.value:void 0},getUnsafe:e=>{if(v.isSuccess(e))return e.value;throw v.isFailure(e)?e.error:new Error("Cannot get value from a not-asked or loading result")},match:(e,{success:t,failure:n,loading:r,notAsked:a=r})=>v.isSuccess(e)?t(e.value):v.isFailure(e)?n(e.error):v.isNotAsked(e)?a():r(e.previousValue),whenSuccess:(e,t)=>(v.isSuccess(e)&&t(e.value),e),whenFailure:(e,t)=>(v.isFailure(e)&&t(e.error),e),equals:(e,t,n={valueEquals:(r,a)=>r===a,errorEquals:(r,a)=>r===a})=>e.type==="AsyncSuccess"&&t.type==="AsyncSuccess"?n.valueEquals(e.value,t.value):e.type==="AsyncFailure"&&t.type==="AsyncFailure"?n.errorEquals(e.error,t.error):e.type==="Loading"&&t.type==="Loading"?n.valueEquals(e.previousValue,t.previousValue):e.type==="NotAsked"&&t.type==="NotAsked",all:e=>{const t=[];for(const n of e)if(v.isSuccess(n))t.push(n.value);else return n;return v.success(t)},ofPromise:async e=>{try{const t=await e;return v.success(t)}catch(t){return v.failure(t instanceof Error?t:new Error(String(t)))}}},O=(e,t)=>e===t||e!==e&&t!==t,S={valid:{type:"valid"},invalid(e){return{type:"invalid",error:e}},isValid(e){return e.type==="valid"},isInvalid(e){return e.type==="invalid"},match:(e,t,n)=>S.isValid(e)?t():n(e.error),toResult:(e,t)=>S.match(e,()=>f.success(t),n=>f.failure(n)),whenValid:(e,t)=>(S.isValid(e)&&t(),e),whenInvalid:(e,t)=>(S.isInvalid(e)&&t(e.error),e)},f={success(e){return{type:"Success",value:e}},failure(e){return{type:"Failure",error:e}},map:(e,t)=>e.type==="Success"?f.success(t(e.value)):e,flatMap:(e,t)=>e.type==="Success"?t(e.value):e,toAsync(e){return f.match(e,t=>v.success(t),t=>v.failure(t))},toValidation(e){return f.match(e,()=>S.valid,t=>S.invalid(t))},isSuccess(e){return e.type==="Success"},isFailure(e){return e.type==="Failure"},getOrElse(e,t){return f.isSuccess(e)?e.value:t},getOrElseLazy(e,t){return f.isSuccess(e)?e.value:t()},getOrNull(e){return f.isSuccess(e)?e.value:null},getOrUndefined(e){return f.isSuccess(e)?e.value:void 0},getUnsafe:e=>{if(f.isSuccess(e))return e.value;throw e.error},match:(e,t,n)=>f.isSuccess(e)?t(e.value):n(e.error),whenSuccess:(e,t)=>(f.isSuccess(e)&&t(e.value),e),whenFailure:(e,t)=>(f.isFailure(e)&&t(e.error),e),combine:(e,t,n,r)=>f.match(e,a=>f.match(t,i=>f.success(n(a,i)),i=>f.failure(i)),a=>f.match(t,i=>f.failure(a),i=>f.failure(r(a,i)))),equals:(e,t,n={valueEquals:(r,a)=>r===a,errorEquals:(r,a)=>r===a})=>e.type==="Success"&&t.type==="Success"?n.valueEquals(e.value,t.value):e.type==="Failure"&&t.type==="Failure"?n.errorEquals(e.error,t.error):!1,all:e=>{const t=[];for(const n of e)if(f.isSuccess(n))t.push(n.value);else return n;return f.success(t)}};function N({size:e="sm",icon:t="line-md:close",disabled:n,roundedness:r="full",color:a="base",onClick:i,label:o},...l){return s.Use(w.BeatUII18n,c=>{const p=s.coalesce(o,c.$.closeModal);return w.Button({variant:"text",size:e,roundedness:r,disabled:n,color:a,onClick:i},s.attr.title(p),s.aria.label(p),...l,w.Icon({icon:t,size:e??"sm"}))})}function F(e){return`bc-label bc-label--${e}`}const ee=(...e)=>s.html.span(s.attr.class(F("emphasis")),...e),j=(...e)=>s.html.span(s.attr.class(F("default")),...e),q=(...e)=>s.html.span(s.attr.class(F("muted")),...e),te=(...e)=>s.html.span(s.attr.class(F("danger")),...e),se=e=>{const{value:t,onBlur:n,onChange:r,placeholder:a,disabled:i,id:o,checkedIcon:l,uncheckedIcon:c,iconSize:p="lg"}=e,h=o??T("checkbox"),m=`${h}-label`,k=()=>{if(s.Value.get(i??!1))return;const u=s.Value.get(t);r?.(!u)},g=u=>{s.Value.get(i??!1)||(u.key===" "||u.key==="Enter")&&(u.preventDefault(),k())};return w.InputContainer({baseContainer:!0,growInput:!1,...e,input:s.html.span(s.attr.class("bc-checkbox-input"),s.html.span(s.attr.class("bc-checkbox-input__checkbox"),s.attr.class(s.Value.map(t,u=>u?"bc-checkbox-input__checkbox--checked":"bc-checkbox-input__checkbox--unchecked")),s.attr.class(s.Value.map(i??!1,u=>u?"bc-checkbox-input__checkbox--disabled":"")),s.attr.id(h),s.attr.role("checkbox"),s.attr.tabindex(s.Value.map(i??!1,u=>u?-1:0)),s.aria.checked(t),s.aria.disabled(i),a!=null?s.aria.labelledby(m):s.Empty,s.on.keydown(g),n!=null?s.on.blur(n):s.Empty,w.Icon({icon:s.computedOf(t,l,c)((u,d,b)=>u?d??"akar-icons/check-box-fill":b??"akar-icons/box"),accessibility:"decorative",size:p})),a!=null?s.html.label(s.attr.class("bc-checkbox-input__label"),s.attr.id(m),s.attr.for(h),q(a)):s.Empty)},s.on.click(k))},U=s.html.span(s.attr.class("bc-input-wrapper__required")," *");function ne(e){const t=["bc-input-wrapper"];return e!=="vertical"&&t.push(`bc-input-wrapper--${e}`),t.join(" ")}function re(e,t){const n=["bc-input-wrapper__label-text"];return e?n.push("bc-input-wrapper__label-text--error"):t?n.push("bc-input-wrapper__label-text--disabled"):n.push("bc-input-wrapper__label-text--default"),n.join(" ")}function x(e,t){if(e==="horizontal-fixed"&&t!=null)return`--input-wrapper-label-width: ${t}`}const B=({fullWidth:e=!1,required:t,label:n,labelChildren:r,context:a,description:i,content:o,error:l,labelFor:c,hasError:p,disabled:h,layout:m,labelWidth:k},...g)=>{const u=p??l!=null,d=h??!1,b=m??"vertical",C=T("input-wrapper"),I=i?`${C}-description`:void 0,_=l!=null?`${C}-error`:void 0,A=s.computedOf(b)(y=>y!=="vertical");return s.html.div(s.attr.class(s.Value.map(b,y=>ne(y))),s.attr.class(s.Value.map(e,y=>y?"bc-input-wrapper--full-width":"")),s.When(s.computedOf(b,k??void 0)((y,E)=>x(y,E)!=null),()=>s.attr.style(s.Value.map(s.computedOf(b,k??void 0)((y,E)=>x(y,E)),y=>y))),n!=null||a!=null?s.html.div(s.attr.class("bc-input-wrapper__header"),s.html.div(s.attr.class("bc-input-wrapper__label-section"),s.html.label(s.attr.class("bc-input-wrapper__label"),c!=null?s.attr.for(c):s.Empty,s.html.span(s.attr.class(s.computedOf(u,d)((y,E)=>re(y??!1,E??!1))),n),n!=null&&t?U:s.Empty),s.When(s.computedOf(A,i)((y,E)=>y&&E!=null),()=>s.html.div(s.attr.class("bc-input-wrapper__description bc-input-wrapper__description--under-label"),s.attr.id(I),i))),a!=null?j(a):s.Empty,r):s.Empty,s.html.div(s.attr.class("bc-input-wrapper__content"),[I,_].filter(Boolean).length>0?s.dataAttr.describedby([I,_].filter(Boolean).join(" ")):s.Empty,t?s.dataAttr.required("true"):s.Empty,s.When(u,()=>s.dataAttr.invalid("true")),o),s.When(s.computedOf(A,i)((y,E)=>!y&&E!=null),()=>s.html.div(s.attr.class("bc-input-wrapper__description"),s.attr.id(I),i)),l!=null?s.When(u,()=>s.html.div(s.attr.class("bc-input-wrapper__error"),s.attr.id(_),s.aria.live("polite"),s.attr.role("alert"),l)):null,...g)};function ae(...e){return s.html.div(s.attr.class("bc-stack"),...e)}const ie=e=>{const t={name:"email",autocomplete:"email",...e},{value:n,before:r,onBlur:a,onChange:i,onInput:o,placeholder:l}=t,c=r??w.InputIcon({icon:"line-md:email",size:e.size,color:"neutral"});return s.Use(w.BeatUII18n,p=>w.InputContainer({...e,before:c,input:s.input.email(w.CommonInputAttributes(t),s.attr.placeholder(s.coalesce(l,p.$.emailPlaceholderText)),s.attr.value(n),s.attr.class("bc-input"),a!=null?s.on.blur(s.emitValue(a)):s.Empty,i!=null?s.on.change(s.emitValue(i)):s.Empty,o!=null?s.on.input(s.emitValue(o)):s.Empty)}))},le=e=>{const{value:t,onBlur:n,onChange:r,onInput:a,before:i,after:o,hasError:l,disabled:c,autocomplete:p,placeholder:h,...m}=e,k={name:"password",disabled:c,...m},g=s.prop(!0),u=s.computedOf(g,p)((d,b)=>d?b??"current-password":"off");return s.Use(w.BeatUII18n,d=>{const b=s.computedOf(d.$.passwordPlaceholderText,g,h)((I,_,A)=>_?"•••••••••••••••":A??I),C=s.html.button(s.attr.type("button"),s.attr.class("bc-input-container__password-toggle"),s.aria.label(d.$.togglePasswordVisibility),s.on.click(()=>g.update(I=>!I)),s.When(g,()=>w.Icon({icon:"line-md:watch"}),()=>w.Icon({icon:"line-md:watch-off"})));return w.InputContainer({before:i,disabled:c,hasError:l,input:s.html.input(w.CommonInputAttributes({...k,autocomplete:u,placeholder:b}),s.When(g,()=>s.Fragment(s.attr.type("password")),()=>s.Fragment(s.attr.type("text"))),s.attr.class("bc-input"),s.attr.value(t),n!=null?s.on.blur(s.emitValue(n)):s.Empty,r!=null?s.on.change(s.emitValue(r)):s.Empty,a!=null?s.on.input(s.emitValue(a)):s.Empty),after:o!=null?s.Fragment(C,o):C})})},W=(e,t)=>()=>{e.markTouched(),t?.()},z=(e,t)=>n=>{e.change(n),t?.(n)};function P(e,t){const{controller:n,onBlur:r,onChange:a,id:i,...o}=t;return e({id:i??n.name,disabled:n.disabled,value:n.signal,hasError:n.errorVisible,name:n.name,...o,onChange:z(n,a),onBlur:W(n,r)})}function oe(e,{id:t,labelFor:n,...r},...a){const i=t??r.controller.name??T("control");return B({...r,labelFor:n??i,content:P(l=>e({...l,id:i}),r)},...a)}function H(e,t){const{toInput:n,fromInput:r,controller:a,...i}=t,o=a.transform(n,r);return P(e,{...i,controller:o})}function ce(e,{id:t,labelFor:n,...r},...a){const i=t??r.controller.name??T("control");return B({...r,labelFor:n??i,content:H(e,{...r,id:i})},...a)}function ue(e){return e.split(".").map(n=>{const r=n.match(/^\[(\d+)\]$/);return r?Number(r[1]):n})}function R(e){return typeof e=="number"?`[${e}]`:`.${e}`}function K(e){if(e.length===0)return"";const[t,...n]=e;return[typeof t=="number"?`[${t}]`:t,...n.map(R)].join("")}function D(e){return function(n){if(n.type==="valid")return n;let r=n.error;for(const a of e)if(r=r?.dependencies?.[a],r==null)return S.valid;return S.invalid(r)}}class V{path;change;signal;status;error;hasError;touched;errorVisible;dirty;dependencyErrors;#e={disabled:s.prop(!1),touched:s.prop(!1)};#s;#t=s.prop(void 0);parent;disabled;#n=[];disabledOrHasErrors;constructor(t,n,r,a,i,o=O){this.path=t,this.change=n,this.signal=r,this.status=a,this.#s=o,this.#t.set(r.value),this.error=a.map(l=>l?.type==="invalid"?l.error?.message:void 0),this.hasError=this.error.map(l=>l!=null),this.touched=this.#e.touched,i.validationMode?this.errorVisible=s.computedOf(this.hasError,this.touched,i.validationMode)((l,c,p)=>p==="continuous"?!!l:!!l&&!!c):this.errorVisible=s.computedOf(this.hasError,this.touched)((l,c)=>!!l&&!!c),this.dirty=s.computedOf(this.signal,this.#t)((l,c)=>!this.#s(l,c)),this.dependencyErrors=a.map(l=>l?.type==="invalid"?l.error?.dependencies:void 0),this.parent=i,this.disabled=s.computedOf(this.#e.disabled,i.disabled)((l,c)=>l||c),this.disabledOrHasErrors=s.computedOf(this.disabled,this.hasError)((l,c)=>l||c),this.onDispose(()=>{this.#e.disabled.dispose(),this.#e.touched.dispose(),this.disabled.dispose(),this.error.dispose(),this.errorVisible.dispose(),this.dirty.dispose(),this.#t.dispose(),this.dependencyErrors.dispose(),this.disabledOrHasErrors.dispose()})}get name(){return K(this.path)}onDispose=t=>{this.#n.push(t)};dispose=()=>{for(const t of this.#n)try{t()}catch(n){console.error("Error in dispose callback:",n)}this.#n.length=0};setDisabled=t=>{this.#e.disabled.set(t)};disable=()=>this.setDisabled(!0);enable=()=>this.setDisabled(!1);markTouched=()=>{this.#e.touched.set(!0)};resetTouched=()=>{this.#e.touched.set(!1)};markPristine=()=>{this.#t.set(this.signal.value)};reset=()=>{this.change(this.#t.value)};array=(t=O)=>new J(this.path,this.change,this.signal,this.status,this.parent,t);object=(t=O)=>new G(this.path,this.change,this.signal,this.status,this.parent,t);transform=(t,n,r=[],a=O)=>new V([...this.path,...r],i=>this.change(n(i)),this.signal.map(t,a),this.status.map(D(r)),this.parent,a);asyncTransform=(t,n,r,a=[],i=O)=>new V([...this.path,...a],o=>{n(o).then(l=>this.change(l))},this.signal.mapAsync(t,r,void 0,i),this.status.map(D(a)),this.parent,i)}class G extends V{#e=new Map;#s=new Map;#t=new Map;#n=s.prop(!1);touchedDeep=this.#n;#a=new Map;#r=new Map;#l=s.prop(!1);dirtyDeep=this.#l;#c;#u;#o=()=>{let t=!1;for(const n of this.#s.values())if(n){t=!0;break}this.#n.set(this.touched.value||t)};constructor(t,n,r,a,i,o){super(t,n,r.map(c=>c??{},o),a,i,o),this.#c=this.touched.on(()=>{this.#o()}),this.#u=this.dirty.on(()=>{this.#i()});const l=this.signal.on(()=>this.#i());this.onDispose(()=>{for(const c of this.#e.values())c.dispose();this.#e.clear();for(const c of this.#t.values())c();this.#t.clear(),this.#s.clear(),this.#n.dispose();for(const c of this.#r.values())c();this.#r.clear(),this.#a.clear(),this.#l.dispose(),this.#c(),this.#u(),l()})}field=t=>{if(this.#e.has(t))return this.#e.get(t);const n=async o=>{this.change({...this.signal.value,[t]:o})},r=new V([...this.path,t],n,this.signal.map(o=>o[t]),this.status.map(D([t])),{disabled:this.disabled,validationMode:this.parent.validationMode});this.#e.set(t,r);const a=r.touched.on(o=>{this.#s.set(t,o),this.#o()});this.#t.set(t,a);const i=r.dirty.on(o=>{this.#a.set(t,o),this.#i()});return this.#r.set(t,i),r};markAllTouched=()=>{this.markTouched();const t=this.signal.value;for(const n of Object.keys(t))this.field(n).markTouched();for(const n of this.#e.values())n.markTouched()};markAllPristine=()=>{this.markPristine();const t=this.signal.value;for(const n of Object.keys(t))this.field(n).markPristine?.();for(const n of this.#e.values())n.markPristine?.()};#i=()=>{let t=!1;for(const n of this.#a.values())if(n){t=!0;break}this.#l.set(this.dirty.value||t)}}class J extends V{#e=new Array;length;#s=new Map;#t=new Map;#n=s.prop(!1);touchedDeep=this.#n;#a=new Map;#r=new Map;#l=s.prop(!1);dirtyDeep=this.#l;#c;#u;#o=()=>{let t=!1;for(const n of this.#s.values())if(n){t=!0;break}this.#n.set(this.touched.value||t)};constructor(t,n,r,a,i,o){const l=r.map(h=>h??[],o);super(t,n,l,a,i,o);const c=l.on(h=>{const m=this.#e.length-h.length;m>0&&(this.#e.splice(h.length,m).forEach((k,g)=>{const u=h.length+g;k.dispose(),this.#t.get(u)?.(),this.#t.delete(u),this.#s.delete(u),this.#r.get(u)?.(),this.#r.delete(u),this.#a.delete(u)}),this.#o(),this.#i())});this.length=l.map(h=>h.length),this.#c=this.touched.on(()=>{this.#o()}),this.#u=this.dirty.on(()=>{this.#i()});const p=this.signal.on(()=>this.#i());this.onDispose(()=>{for(const h of this.#e)h.dispose();this.length.dispose(),this.#e.length=0,c(),l.dispose();for(const h of this.#t.values())h();this.#t.clear(),this.#s.clear(),this.#n.dispose();for(const h of this.#r.values())h();this.#r.clear(),this.#a.clear(),this.#l.dispose(),this.#c(),this.#u(),p()})}item=t=>{if(this.#e[t])return this.#e[t];const n=async o=>{const l=this.signal.value.slice();l[t]=o,this.change(l)},r=new V([...this.path,t],n,this.signal.map(o=>o[t]),this.status.map(D([t])),{disabled:this.disabled,validationMode:this.parent.validationMode});this.#e[t]=r;const a=r.touched.on(o=>{this.#s.set(t,o),this.#o()});this.#t.set(t,a);const i=r.dirty.on(o=>{this.#a.set(t,o),this.#i()});return this.#r.set(t,i),r};push=(...t)=>{this.change([...this.signal.value,...t])};pop=()=>{this.splice(this.signal.value.length-1,1)};shift=()=>{this.splice(0,1)};unshift=(...t)=>{this.change([...t,...this.signal.value])};removeAt=t=>{this.splice(t,1)};splice=(t,n)=>{const r=this.signal.value.slice();r.splice(t,n),this.change(r)};move=(t,n,r=1)=>{if(r<1||t===n)return;const a=this.signal.value.slice(),i=a.splice(t,r);a.splice(n,0,...i),this.change(a)};markAllTouched=()=>{this.markTouched();const t=this.signal.value.length;for(let n=0;n<t;n++)this.item(n).markTouched()};markAllPristine=()=>{this.markPristine();const t=this.signal.value.length;for(let n=0;n<t;n++)this.item(n).markPristine?.()};#i=()=>{let t=!1;for(const n of this.#a.values())if(n){t=!0;break}this.#l.set(this.dirty.value||t)}}function Q(e){function t(n){return typeof n=="number"?n:n.toString()}return e.map(n=>typeof n=="object"&&n.key!=null?t(n.key):t(n))}function X(e){const t=e.filter(a=>a.path==null||a.path.length===0).map(a=>a.message),n=e.filter(a=>a.path!=null&&a.path.length>0).reduce((a,i)=>{const o=Q(i.path),l=o.pop();let c=a;for(const p of o)c.dependencies==null&&(c.dependencies={}),c.dependencies[p]==null&&(c.dependencies[p]={}),c=c.dependencies[p];return c.dependencies==null&&(c.dependencies={}),c.dependencies[l]={message:i.message},a},{}),r=t.join(`
-`);return{...n,message:r!=""?r:void 0}}function Y({initialValue:e,onChange:t,validate:n,equals:r,validationMode:a,validateDebounceMs:i}){const o=s.Value.deriveProp(e),l=s.prop(S.valid),c=s.prop(!1),p=s.prop(a??"touchedOrSubmit"),h=d=>{l.set(d)};let m;const k=async d=>{if(n!=null){const b=await n(d);h(b)}},g=async d=>{o.set(d),t?.(d);const b=p.value;if(n!=null){if(b==="onSubmit")return;const C=i??0;C>0?(m&&clearTimeout(m),m=setTimeout(()=>{k(d)},C)):await k(d)}},u=new V([],g,o,l,{disabled:c,validationMode:p},r??O);return u.onDispose(()=>{c.dispose(),o.dispose(),l.dispose(),p.dispose(),m&&clearTimeout(m)}),{controller:u,setStatus:h}}function $(e){return s.Fragment(s.attr.disabled(e.disabled),s.attr.name(e.name))}function he(e,{triggerOn:t="change"}={}){return s.Fragment($(e),s.attr.value(e.signal),(t==="input"?s.on.input:s.on.change)(s.emitValue(e.change)))}function de(e,{triggerOn:t="change"}={}){return s.Fragment($(e),s.attr.valueAsNumber(e.signal),(t==="input"?s.on.input:s.on.change)(s.emitValueAsNumber(e.change)))}function M(e){return e.issues!=null?S.invalid(X(e.issues)):S.valid}async function pe({task:e,errorMessage:t,errorPath:n=["root"],validation:r}){try{const a=await e();return r!=null?r(a):S.valid}catch(a){const i=t??(a instanceof Error?a.message:"Operation failed");return n.length===1&&n[0]==="root"?S.invalid({message:i}):S.invalid({dependencies:Z(n,i)})}}function Z(e,t){if(e.length===1)return{[e[0]]:{message:t}};const[n,...r]=e;return{[n]:{dependencies:Z(r,t)}}}function me({initialValue:e={},schema:t,onSubmit:n=async()=>S.valid,validationMode:r,validateDebounceMs:a}){const{controller:i,setStatus:o}=Y({initialValue:e,validationMode:r??"touchedOrSubmit",validateDebounceMs:a,validate:(r??"touchedOrSubmit")==="onSubmit"||t==null?void 0:async h=>M(await t["~standard"].validate(h))}),l=s.prop(!1),c=i.object();return c.onDispose(l.dispose),{controller:c,setStatus:o,submit:async h=>{if(l.set(!0),h?.preventDefault(),c.markAllTouched(),(r??"touchedOrSubmit")==="onSubmit"){const k=c.signal.value,g=t?.["~standard"].validate;if(g==null){l.set(!1);return}const u=M(await g(k));if(o(u),u.type==="invalid"){l.set(!1);return}}const m=await n(c.signal.value);l.set(!1),m.type==="invalid"&&o(m)},submitting:l}}function fe(e){switch(e){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 be(e){switch(e){case"success":return"success";case"warning":return"warning";case"danger":return"danger";case"info":default:return"info"}}function ge(e,t,n,r){const a=["bc-notice",`bc-notice--${e}`,`bc-notice--tone-${t}`];return n&&a.push("bc-notice--dismissible"),r&&r.length>0&&a.push(r),a.join(" ")}function ye({variant:e="info",tone:t="subtle",role:n,title:r,icon:a,closable:i=!1,onDismiss:o,class:l},...c){const p=s.prop(!0);return s.When(p,()=>{const h=s.Value.map(i,u=>!!u||o!=null),m=s.Value.map(e,u=>u??"info"),k=s.Value.map(t,u=>u??"subtle"),g=s.computedOf(n,m)((u,d)=>u??(d==="danger"?"alert":"status"));return s.Use(w.BeatUII18n,u=>s.html.div(s.attr.class(s.computedOf(m,k,h,l)((d,b,C,I)=>ge(d,b,C,I))),s.attr.role(s.Value.map(g,d=>d)),s.Unless(s.Value.map(a,d=>d===!1),()=>s.html.div(s.attr.class("bc-notice__icon"),w.Icon({icon:s.computedOf(a,m)((d,b)=>d===void 0?fe(b):String(d)),size:"md",color:s.Value.map(m,be)}))),s.html.div(s.attr.class("bc-notice__body"),s.Ensure(r,d=>s.html.div(s.attr.class("bc-notice__title"),d)),s.html.div(s.attr.class("bc-notice__content"),...c)),s.When(h,()=>N({size:"xs",label:u.$.closeModal,onClick:()=>{p.set(!1),o?.()}}))))})}exports.ArrayController=J;exports.BaseControl=P;exports.BaseMappedControl=H;exports.CheckboxInput=se;exports.CloseButton=N;exports.Control=oe;exports.Controller=V;exports.DangerLabel=te;exports.EmailInput=ie;exports.EmphasisLabel=ee;exports.InputWrapper=B;exports.Label=j;exports.MappedControl=ce;exports.MutedLabel=q;exports.Notice=ye;exports.O=O;exports.ObjectController=G;exports.PasswordInput=le;exports.RequiredSymbol=U;exports.Stack=ae;exports.a=S;exports.connectCommonAttributes=$;exports.connectNumberInput=de;exports.connectStringInput=he;exports.convertStandardSchemaIssues=X;exports.convertStandardSchemaPathToPath=Q;exports.makeMapValidation=D;exports.makeOnBlurHandler=W;exports.makeOnChangeHandler=z;exports.parsePath=ue;exports.pathToString=K;exports.sessionId=T;exports.standardSchemaResultToValidation=M;exports.taskToValidation=pe;exports.useController=Y;exports.useForm=me;exports.wrapSegment=R;
+"use strict";const s=require("@tempots/dom"),w=require("./translations-hMQlZmD4.cjs"),x=new Map;function T(e){const t=x.get(e)??0;return x.set(e,t+1),`${e}-${t}`}const v={notAsked:{type:"NotAsked"},loading(e=void 0){return{type:"Loading",previousValue:e}},success(e){return{type:"AsyncSuccess",value:e}},failure(e){return{type:"AsyncFailure",error:e}},isSuccess(e){return e.type==="AsyncSuccess"},isFailure(e){return e.type==="AsyncFailure"},isNotAsked(e){return e.type==="NotAsked"},isLoading(e){return e.type==="Loading"},getOrElse(e,t){return v.isSuccess(e)?e.value:t},getOrElseLazy(e,t){return v.isSuccess(e)?e.value:t()},getOrNull(e){return v.isSuccess(e)?e.value:null},getOrUndefined(e){return v.isSuccess(e)?e.value:void 0},getUnsafe:e=>{if(v.isSuccess(e))return e.value;throw v.isFailure(e)?e.error:new Error("Cannot get value from a not-asked or loading result")},match:(e,{success:t,failure:n,loading:r,notAsked:a=r})=>v.isSuccess(e)?t(e.value):v.isFailure(e)?n(e.error):v.isNotAsked(e)?a():r(e.previousValue),whenSuccess:(e,t)=>(v.isSuccess(e)&&t(e.value),e),whenFailure:(e,t)=>(v.isFailure(e)&&t(e.error),e),equals:(e,t,n={valueEquals:(r,a)=>r===a,errorEquals:(r,a)=>r===a})=>e.type==="AsyncSuccess"&&t.type==="AsyncSuccess"?n.valueEquals(e.value,t.value):e.type==="AsyncFailure"&&t.type==="AsyncFailure"?n.errorEquals(e.error,t.error):e.type==="Loading"&&t.type==="Loading"?n.valueEquals(e.previousValue,t.previousValue):e.type==="NotAsked"&&t.type==="NotAsked",all:e=>{const t=[];for(const n of e)if(v.isSuccess(n))t.push(n.value);else return n;return v.success(t)},ofPromise:async e=>{try{const t=await e;return v.success(t)}catch(t){return v.failure(t instanceof Error?t:new Error(String(t)))}}},O=(e,t)=>e===t||e!==e&&t!==t,S={valid:{type:"valid"},invalid(e){return{type:"invalid",error:e}},isValid(e){return e.type==="valid"},isInvalid(e){return e.type==="invalid"},match:(e,t,n)=>S.isValid(e)?t():n(e.error),toResult:(e,t)=>S.match(e,()=>f.success(t),n=>f.failure(n)),whenValid:(e,t)=>(S.isValid(e)&&t(),e),whenInvalid:(e,t)=>(S.isInvalid(e)&&t(e.error),e)},f={success(e){return{type:"Success",value:e}},failure(e){return{type:"Failure",error:e}},map:(e,t)=>e.type==="Success"?f.success(t(e.value)):e,flatMap:(e,t)=>e.type==="Success"?t(e.value):e,toAsync(e){return f.match(e,t=>v.success(t),t=>v.failure(t))},toValidation(e){return f.match(e,()=>S.valid,t=>S.invalid(t))},isSuccess(e){return e.type==="Success"},isFailure(e){return e.type==="Failure"},getOrElse(e,t){return f.isSuccess(e)?e.value:t},getOrElseLazy(e,t){return f.isSuccess(e)?e.value:t()},getOrNull(e){return f.isSuccess(e)?e.value:null},getOrUndefined(e){return f.isSuccess(e)?e.value:void 0},getUnsafe:e=>{if(f.isSuccess(e))return e.value;throw e.error},match:(e,t,n)=>f.isSuccess(e)?t(e.value):n(e.error),whenSuccess:(e,t)=>(f.isSuccess(e)&&t(e.value),e),whenFailure:(e,t)=>(f.isFailure(e)&&t(e.error),e),combine:(e,t,n,r)=>f.match(e,a=>f.match(t,i=>f.success(n(a,i)),i=>f.failure(i)),a=>f.match(t,i=>f.failure(a),i=>f.failure(r(a,i)))),equals:(e,t,n={valueEquals:(r,a)=>r===a,errorEquals:(r,a)=>r===a})=>e.type==="Success"&&t.type==="Success"?n.valueEquals(e.value,t.value):e.type==="Failure"&&t.type==="Failure"?n.errorEquals(e.error,t.error):!1,all:e=>{const t=[];for(const n of e)if(f.isSuccess(n))t.push(n.value);else return n;return f.success(t)}};function j({size:e="sm",icon:t="line-md:close",disabled:n,roundedness:r="full",color:a="base",onClick:i,label:o},...l){return s.Use(w.BeatUII18n,c=>{const p=s.coalesce(o,c.$.closeModal);return w.Button({variant:"text",size:e,roundedness:r,disabled:n,color:a,onClick:i},s.attr.title(p),s.aria.label(p),...l,w.Icon({icon:t,size:e??"sm"}))})}function F(e){return`bc-label bc-label--${e}`}const ee=(...e)=>s.html.span(s.attr.class(F("emphasis")),...e),q=(...e)=>s.html.span(s.attr.class(F("default")),...e),U=(...e)=>s.html.span(s.attr.class(F("muted")),...e),te=(...e)=>s.html.span(s.attr.class(F("danger")),...e),se=e=>{const{value:t,onBlur:n,onChange:r,placeholder:a,disabled:i,id:o,checkedIcon:l,uncheckedIcon:c,iconSize:p="lg"}=e,h=o??T("checkbox"),m=`${h}-label`,k=()=>{if(s.Value.get(i??!1))return;const u=s.Value.get(t);r?.(!u)},g=u=>{s.Value.get(i??!1)||(u.key===" "||u.key==="Enter")&&(u.preventDefault(),k())};return w.InputContainer({baseContainer:!0,growInput:!1,...e,input:s.html.span(s.attr.class("bc-checkbox-input"),s.html.span(s.attr.class("bc-checkbox-input__checkbox"),s.attr.class(s.Value.map(t,u=>u?"bc-checkbox-input__checkbox--checked":"bc-checkbox-input__checkbox--unchecked")),s.attr.class(s.Value.map(i??!1,u=>u?"bc-checkbox-input__checkbox--disabled":"")),s.attr.id(h),s.attr.role("checkbox"),s.attr.tabindex(s.Value.map(i??!1,u=>u?-1:0)),s.aria.checked(t),s.aria.disabled(i),a!=null?s.aria.labelledby(m):s.Empty,s.on.keydown(g),n!=null?s.on.blur(n):s.Empty,w.Icon({icon:s.computedOf(t,l,c)((u,d,b)=>u?d??"akar-icons/check-box-fill":b??"akar-icons/box"),accessibility:"decorative",size:p})),a!=null?s.html.label(s.attr.class("bc-checkbox-input__label"),s.attr.id(m),s.attr.for(h),U(a)):s.Empty)},s.on.click(k))},W=s.html.span(s.attr.class("bc-input-wrapper__required")," *");function ne(e){const t=["bc-input-wrapper"];return e!=="vertical"&&t.push(`bc-input-wrapper--${e}`),t.join(" ")}function re(e,t){const n=["bc-input-wrapper__label-text"];return e?n.push("bc-input-wrapper__label-text--error"):t?n.push("bc-input-wrapper__label-text--disabled"):n.push("bc-input-wrapper__label-text--default"),n.join(" ")}function N(e,t){if(e==="horizontal-fixed"&&t!=null)return`--input-wrapper-label-width: ${t}`}const P=({fullWidth:e=!1,required:t,label:n,labelChildren:r,context:a,description:i,content:o,error:l,labelFor:c,hasError:p,disabled:h,layout:m,labelWidth:k},...g)=>{const u=p??l!=null,d=h??!1,b=m??"vertical",I=T("input-wrapper"),C=i?`${I}-description`:void 0,_=l!=null?`${I}-error`:void 0,A=s.computedOf(b)(y=>y!=="vertical");return s.html.div(s.attr.class(s.Value.map(b,y=>ne(y))),s.attr.class(s.Value.map(e,y=>y?"bc-input-wrapper--full-width":"")),s.When(s.computedOf(b,k??void 0)((y,E)=>N(y,E)!=null),()=>s.attr.style(s.Value.map(s.computedOf(b,k??void 0)((y,E)=>N(y,E)),y=>y))),n!=null||a!=null?s.html.div(s.attr.class("bc-input-wrapper__header"),s.html.div(s.attr.class("bc-input-wrapper__label-section"),s.html.label(s.attr.class("bc-input-wrapper__label"),c!=null?s.attr.for(c):s.Empty,s.html.span(s.attr.class(s.computedOf(u,d)((y,E)=>re(y??!1,E??!1))),n),n!=null&&t?W:s.Empty),s.When(s.computedOf(A,i)((y,E)=>y&&E!=null),()=>s.html.div(s.attr.class("bc-input-wrapper__description bc-input-wrapper__description--under-label"),s.attr.id(C),i))),a!=null?q(a):s.Empty,r):s.Empty,s.html.div(s.attr.class("bc-input-wrapper__content"),[C,_].filter(Boolean).length>0?s.dataAttr.describedby([C,_].filter(Boolean).join(" ")):s.Empty,t?s.dataAttr.required("true"):s.Empty,s.When(u,()=>s.dataAttr.invalid("true")),o),s.When(s.computedOf(A,i)((y,E)=>!y&&E!=null),()=>s.html.div(s.attr.class("bc-input-wrapper__description"),s.attr.id(C),i)),l!=null?s.When(u,()=>s.html.div(s.attr.class("bc-input-wrapper__error"),s.attr.id(_),s.aria.live("polite"),s.attr.role("alert"),l)):null,...g)};function ae(...e){return s.html.div(s.attr.class("bc-stack"),...e)}const ie=e=>{const t={name:"email",autocomplete:"email",...e},{value:n,before:r,onBlur:a,onChange:i,onInput:o,placeholder:l}=t,c=r??w.InputIcon({icon:"line-md:email",size:e.size,color:"neutral"});return s.Use(w.BeatUII18n,p=>w.InputContainer({...e,before:c,input:s.input.email(w.CommonInputAttributes(t),s.attr.placeholder(s.coalesce(l,p.$.emailPlaceholderText)),s.attr.value(n),s.attr.class("bc-input"),a!=null?s.on.blur(s.emitValue(a)):s.Empty,i!=null?s.on.change(s.emitValue(i)):s.Empty,o!=null?s.on.input(s.emitValue(o)):s.Empty)}))},le=e=>{const{value:t,onBlur:n,onChange:r,onInput:a,before:i,after:o,hasError:l,disabled:c,autocomplete:p,placeholder:h,...m}=e,k={name:"password",disabled:c,...m},g=s.prop(!0),u=s.computedOf(g,p)((d,b)=>d?b??"current-password":"off");return s.Use(w.BeatUII18n,d=>{const b=s.computedOf(d.$.passwordPlaceholderText,g,h)((C,_,A)=>_?"•••••••••••••••":A??C),I=s.html.button(s.attr.type("button"),s.attr.class("bc-input-container__password-toggle"),s.aria.label(d.$.togglePasswordVisibility),s.on.click(()=>g.update(C=>!C)),s.When(g,()=>w.Icon({icon:"line-md:watch"}),()=>w.Icon({icon:"line-md:watch-off"})));return w.InputContainer({before:i,disabled:c,hasError:l,input:s.html.input(w.CommonInputAttributes({...k,autocomplete:u,placeholder:b}),s.When(g,()=>s.Fragment(s.attr.type("password")),()=>s.Fragment(s.attr.type("text"))),s.attr.class("bc-input"),s.attr.value(t),n!=null?s.on.blur(s.emitValue(n)):s.Empty,r!=null?s.on.change(s.emitValue(r)):s.Empty,a!=null?s.on.input(s.emitValue(a)):s.Empty),after:o!=null?s.Fragment(I,o):I})})},z=(e,t)=>()=>{e.markTouched(),t?.()},M=(e,t)=>n=>{e.change(n),t?.(n)};function $(e,t){const{controller:n,onBlur:r,onChange:a,id:i,triggerOn:o,...l}=t;return e({id:i??n.name,disabled:n.disabled,value:n.signal,hasError:n.errorVisible,name:n.name,...l,onInput:o==="input"?M(n,a):void 0,onChange:o!=="input"?M(n,a):void 0,onBlur:z(n,r)})}function oe(e,{id:t,labelFor:n,...r},...a){const i=t??r.controller.name??T("control");return P({...r,labelFor:n??i,content:$(l=>e({...l,id:i}),r)},...a)}function H(e,t){const{toInput:n,fromInput:r,controller:a,...i}=t,o=a.transform(n,r);return $(e,{...i,controller:o})}function ce(e,{id:t,labelFor:n,...r},...a){const i=t??r.controller.name??T("control");return P({...r,labelFor:n??i,content:H(e,{...r,id:i})},...a)}function ue(e){return e.split(".").map(n=>{const r=n.match(/^\[(\d+)\]$/);return r?Number(r[1]):n})}function R(e){return typeof e=="number"?`[${e}]`:`.${e}`}function K(e){if(e.length===0)return"";const[t,...n]=e;return[typeof t=="number"?`[${t}]`:t,...n.map(R)].join("")}function D(e){return function(n){if(n.type==="valid")return n;let r=n.error;for(const a of e)if(r=r?.dependencies?.[a],r==null)return S.valid;return S.invalid(r)}}class V{path;change;signal;status;error;hasError;touched;errorVisible;dirty;dependencyErrors;#e={disabled:s.prop(!1),touched:s.prop(!1)};#s;#t=s.prop(void 0);parent;disabled;#n=[];disabledOrHasErrors;constructor(t,n,r,a,i,o=O){this.path=t,this.change=n,this.signal=r,this.status=a,this.#s=o,this.#t.set(r.value),this.error=a.map(l=>l?.type==="invalid"?l.error?.message:void 0),this.hasError=this.error.map(l=>l!=null),this.touched=this.#e.touched,i.validationMode?this.errorVisible=s.computedOf(this.hasError,this.touched,i.validationMode)((l,c,p)=>p==="continuous"?!!l:!!l&&!!c):this.errorVisible=s.computedOf(this.hasError,this.touched)((l,c)=>!!l&&!!c),this.dirty=s.computedOf(this.signal,this.#t)((l,c)=>!this.#s(l,c)),this.dependencyErrors=a.map(l=>l?.type==="invalid"?l.error?.dependencies:void 0),this.parent=i,this.disabled=s.computedOf(this.#e.disabled,i.disabled)((l,c)=>l||c),this.disabledOrHasErrors=s.computedOf(this.disabled,this.hasError)((l,c)=>l||c),this.onDispose(()=>{this.#e.disabled.dispose(),this.#e.touched.dispose(),this.disabled.dispose(),this.error.dispose(),this.errorVisible.dispose(),this.dirty.dispose(),this.#t.dispose(),this.dependencyErrors.dispose(),this.disabledOrHasErrors.dispose()})}get name(){return K(this.path)}onDispose=t=>{this.#n.push(t)};dispose=()=>{for(const t of this.#n)try{t()}catch(n){console.error("Error in dispose callback:",n)}this.#n.length=0};setDisabled=t=>{this.#e.disabled.set(t)};disable=()=>this.setDisabled(!0);enable=()=>this.setDisabled(!1);markTouched=()=>{this.#e.touched.set(!0)};resetTouched=()=>{this.#e.touched.set(!1)};markPristine=()=>{this.#t.set(this.signal.value)};reset=()=>{this.change(this.#t.value)};array=(t=O)=>new J(this.path,this.change,this.signal,this.status,this.parent,t);object=(t=O)=>new G(this.path,this.change,this.signal,this.status,this.parent,t);transform=(t,n,r=[],a=O)=>new V([...this.path,...r],i=>this.change(n(i)),this.signal.map(t,a),this.status.map(D(r)),this.parent,a);asyncTransform=(t,n,r,a=[],i=O)=>new V([...this.path,...a],o=>{n(o).then(l=>this.change(l))},this.signal.mapAsync(t,r,void 0,i),this.status.map(D(a)),this.parent,i)}class G extends V{#e=new Map;#s=new Map;#t=new Map;#n=s.prop(!1);touchedDeep=this.#n;#a=new Map;#r=new Map;#l=s.prop(!1);dirtyDeep=this.#l;#c;#u;#o=()=>{let t=!1;for(const n of this.#s.values())if(n){t=!0;break}this.#n.set(this.touched.value||t)};constructor(t,n,r,a,i,o){super(t,n,r.map(c=>c??{},o),a,i,o),this.#c=this.touched.on(()=>{this.#o()}),this.#u=this.dirty.on(()=>{this.#i()});const l=this.signal.on(()=>this.#i());this.onDispose(()=>{for(const c of this.#e.values())c.dispose();this.#e.clear();for(const c of this.#t.values())c();this.#t.clear(),this.#s.clear(),this.#n.dispose();for(const c of this.#r.values())c();this.#r.clear(),this.#a.clear(),this.#l.dispose(),this.#c(),this.#u(),l()})}field=t=>{if(this.#e.has(t))return this.#e.get(t);const n=async o=>{this.change({...this.signal.value,[t]:o})},r=new V([...this.path,t],n,this.signal.map(o=>o[t]),this.status.map(D([t])),{disabled:this.disabled,validationMode:this.parent.validationMode});this.#e.set(t,r);const a=r.touched.on(o=>{this.#s.set(t,o),this.#o()});this.#t.set(t,a);const i=r.dirty.on(o=>{this.#a.set(t,o),this.#i()});return this.#r.set(t,i),r};markAllTouched=()=>{this.markTouched();const t=this.signal.value;for(const n of Object.keys(t))this.field(n).markTouched();for(const n of this.#e.values())n.markTouched()};markAllPristine=()=>{this.markPristine();const t=this.signal.value;for(const n of Object.keys(t))this.field(n).markPristine?.();for(const n of this.#e.values())n.markPristine?.()};#i=()=>{let t=!1;for(const n of this.#a.values())if(n){t=!0;break}this.#l.set(this.dirty.value||t)}}class J extends V{#e=new Array;length;#s=new Map;#t=new Map;#n=s.prop(!1);touchedDeep=this.#n;#a=new Map;#r=new Map;#l=s.prop(!1);dirtyDeep=this.#l;#c;#u;#o=()=>{let t=!1;for(const n of this.#s.values())if(n){t=!0;break}this.#n.set(this.touched.value||t)};constructor(t,n,r,a,i,o){const l=r.map(h=>h??[],o);super(t,n,l,a,i,o);const c=l.on(h=>{const m=this.#e.length-h.length;m>0&&(this.#e.splice(h.length,m).forEach((k,g)=>{const u=h.length+g;k.dispose(),this.#t.get(u)?.(),this.#t.delete(u),this.#s.delete(u),this.#r.get(u)?.(),this.#r.delete(u),this.#a.delete(u)}),this.#o(),this.#i())});this.length=l.map(h=>h.length),this.#c=this.touched.on(()=>{this.#o()}),this.#u=this.dirty.on(()=>{this.#i()});const p=this.signal.on(()=>this.#i());this.onDispose(()=>{for(const h of this.#e)h.dispose();this.length.dispose(),this.#e.length=0,c(),l.dispose();for(const h of this.#t.values())h();this.#t.clear(),this.#s.clear(),this.#n.dispose();for(const h of this.#r.values())h();this.#r.clear(),this.#a.clear(),this.#l.dispose(),this.#c(),this.#u(),p()})}item=t=>{if(this.#e[t])return this.#e[t];const n=async o=>{const l=this.signal.value.slice();l[t]=o,this.change(l)},r=new V([...this.path,t],n,this.signal.map(o=>o[t]),this.status.map(D([t])),{disabled:this.disabled,validationMode:this.parent.validationMode});this.#e[t]=r;const a=r.touched.on(o=>{this.#s.set(t,o),this.#o()});this.#t.set(t,a);const i=r.dirty.on(o=>{this.#a.set(t,o),this.#i()});return this.#r.set(t,i),r};push=(...t)=>{this.change([...this.signal.value,...t])};pop=()=>{this.splice(this.signal.value.length-1,1)};shift=()=>{this.splice(0,1)};unshift=(...t)=>{this.change([...t,...this.signal.value])};removeAt=t=>{this.splice(t,1)};splice=(t,n)=>{const r=this.signal.value.slice();r.splice(t,n),this.change(r)};move=(t,n,r=1)=>{if(r<1||t===n)return;const a=this.signal.value.slice(),i=a.splice(t,r);a.splice(n,0,...i),this.change(a)};markAllTouched=()=>{this.markTouched();const t=this.signal.value.length;for(let n=0;n<t;n++)this.item(n).markTouched()};markAllPristine=()=>{this.markPristine();const t=this.signal.value.length;for(let n=0;n<t;n++)this.item(n).markPristine?.()};#i=()=>{let t=!1;for(const n of this.#a.values())if(n){t=!0;break}this.#l.set(this.dirty.value||t)}}function Q(e){function t(n){return typeof n=="number"?n:n.toString()}return e.map(n=>typeof n=="object"&&n.key!=null?t(n.key):t(n))}function X(e){const t=e.filter(a=>a.path==null||a.path.length===0).map(a=>a.message),n=e.filter(a=>a.path!=null&&a.path.length>0).reduce((a,i)=>{const o=Q(i.path),l=o.pop();let c=a;for(const p of o)c.dependencies==null&&(c.dependencies={}),c.dependencies[p]==null&&(c.dependencies[p]={}),c=c.dependencies[p];return c.dependencies==null&&(c.dependencies={}),c.dependencies[l]={message:i.message},a},{}),r=t.join(`
+`);return{...n,message:r!=""?r:void 0}}function Y({initialValue:e,onChange:t,validate:n,equals:r,validationMode:a,validateDebounceMs:i}){const o=s.Value.deriveProp(e),l=s.prop(S.valid),c=s.prop(!1),p=s.prop(a??"touchedOrSubmit"),h=d=>{l.set(d)};let m;const k=async d=>{if(n!=null){const b=await n(d);h(b)}},g=async d=>{o.set(d),t?.(d);const b=p.value;if(n!=null){if(b==="onSubmit")return;const I=i??0;I>0?(m&&clearTimeout(m),m=setTimeout(()=>{k(d)},I)):await k(d)}},u=new V([],g,o,l,{disabled:c,validationMode:p},r??O);return u.onDispose(()=>{c.dispose(),o.dispose(),l.dispose(),p.dispose(),m&&clearTimeout(m)}),{controller:u,setStatus:h}}function L(e){return s.Fragment(s.attr.disabled(e.disabled),s.attr.name(e.name))}function he(e,{triggerOn:t="change"}={}){return s.Fragment(L(e),s.attr.value(e.signal),(t==="input"?s.on.input:s.on.change)(s.emitValue(e.change)))}function de(e,{triggerOn:t="change"}={}){return s.Fragment(L(e),s.attr.valueAsNumber(e.signal),(t==="input"?s.on.input:s.on.change)(s.emitValueAsNumber(e.change)))}function B(e){return e.issues!=null?S.invalid(X(e.issues)):S.valid}async function pe({task:e,errorMessage:t,errorPath:n=["root"],validation:r}){try{const a=await e();return r!=null?r(a):S.valid}catch(a){const i=t??(a instanceof Error?a.message:"Operation failed");return n.length===1&&n[0]==="root"?S.invalid({message:i}):S.invalid({dependencies:Z(n,i)})}}function Z(e,t){if(e.length===1)return{[e[0]]:{message:t}};const[n,...r]=e;return{[n]:{dependencies:Z(r,t)}}}function me({initialValue:e={},schema:t,onSubmit:n=async()=>S.valid,validationMode:r,validateDebounceMs:a}){const{controller:i,setStatus:o}=Y({initialValue:e,validationMode:r??"touchedOrSubmit",validateDebounceMs:a,validate:(r??"touchedOrSubmit")==="onSubmit"||t==null?void 0:async h=>B(await t["~standard"].validate(h))}),l=s.prop(!1),c=i.object();return c.onDispose(l.dispose),{controller:c,setStatus:o,submit:async h=>{if(l.set(!0),h?.preventDefault(),c.markAllTouched(),(r??"touchedOrSubmit")==="onSubmit"){const k=c.signal.value,g=t?.["~standard"].validate;if(g==null){l.set(!1);return}const u=B(await g(k));if(o(u),u.type==="invalid"){l.set(!1);return}}const m=await n(c.signal.value);l.set(!1),m.type==="invalid"&&o(m)},submitting:l}}function fe(e){switch(e){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 be(e){switch(e){case"success":return"success";case"warning":return"warning";case"danger":return"danger";case"info":default:return"info"}}function ge(e,t,n,r){const a=["bc-notice",`bc-notice--${e}`,`bc-notice--tone-${t}`];return n&&a.push("bc-notice--dismissible"),r&&r.length>0&&a.push(r),a.join(" ")}function ye({variant:e="info",tone:t="subtle",role:n,title:r,icon:a,closable:i=!1,onDismiss:o,class:l},...c){const p=s.prop(!0);return s.When(p,()=>{const h=s.Value.map(i,u=>!!u||o!=null),m=s.Value.map(e,u=>u??"info"),k=s.Value.map(t,u=>u??"subtle"),g=s.computedOf(n,m)((u,d)=>u??(d==="danger"?"alert":"status"));return s.Use(w.BeatUII18n,u=>s.html.div(s.attr.class(s.computedOf(m,k,h,l)((d,b,I,C)=>ge(d,b,I,C))),s.attr.role(s.Value.map(g,d=>d)),s.Unless(s.Value.map(a,d=>d===!1),()=>s.html.div(s.attr.class("bc-notice__icon"),w.Icon({icon:s.computedOf(a,m)((d,b)=>d===void 0?fe(b):String(d)),size:"md",color:s.Value.map(m,be)}))),s.html.div(s.attr.class("bc-notice__body"),s.Ensure(r,d=>s.html.div(s.attr.class("bc-notice__title"),d)),s.html.div(s.attr.class("bc-notice__content"),...c)),s.When(h,()=>j({size:"xs",label:u.$.closeModal,onClick:()=>{p.set(!1),o?.()}}))))})}exports.ArrayController=J;exports.BaseControl=$;exports.BaseMappedControl=H;exports.CheckboxInput=se;exports.CloseButton=j;exports.Control=oe;exports.Controller=V;exports.DangerLabel=te;exports.EmailInput=ie;exports.EmphasisLabel=ee;exports.InputWrapper=P;exports.Label=q;exports.MappedControl=ce;exports.MutedLabel=U;exports.Notice=ye;exports.O=O;exports.ObjectController=G;exports.PasswordInput=le;exports.RequiredSymbol=W;exports.Stack=ae;exports.a=S;exports.connectCommonAttributes=L;exports.connectNumberInput=de;exports.connectStringInput=he;exports.convertStandardSchemaIssues=X;exports.convertStandardSchemaPathToPath=Q;exports.makeMapValidation=D;exports.makeOnBlurHandler=z;exports.makeOnChangeHandler=M;exports.parsePath=ue;exports.pathToString=K;exports.sessionId=T;exports.standardSchemaResultToValidation=B;exports.taskToValidation=pe;exports.useController=Y;exports.useForm=me;exports.wrapSegment=R;

package/dist/types/components/form/control/control.d.ts

@@ -4,7 +4,9 @@ import { Controller } from '../controller';
 import { InputWrapperOptions } from '../input';
 export declare const makeOnBlurHandler: (_controller: Controller<any>, onBlur?: () => void) => () => void;
 export declare const makeOnChangeHandler: <T>(controller: Controller<T>, onChange?: (value: T) => void) => (value: T) => void;
-export type BaseControlOptions = InputOptions<any>;
+export type BaseControlOptions = Merge<InputOptions<any>, {
+    triggerOn?: 'input' | 'change';
+}>;
 export type ControlOptions = Merge<BaseControlOptions, InputWrapperOptions>;
 export type BaseControllerOptions<T, O extends BaseControlOptions> = Merge<Omit<O, 'value'>, {
     controller: Controller<T>;