@tempots/beatui 0.86.0 → 0.87.0

package/dist/{duration-input-DaB6s0rL.js → duration-input-BDEb1Bb7.js}

@@ -1,25 +1,25 @@
-import { Value as i, Use as H, computedOf as S, html as k, attr as o, on as T, aria as F, Fragment as B, input as R, Empty as N, emitValue as x } from "@tempots/dom";
-import { F as X, M as A, N as j, W as $, d as Y } from "./deep-merge-CmQoIYPC.js";
+import { Value as s, Use as H, computedOf as S, html as k, attr as o, on as T, aria as F, Fragment as B, input as R, Empty as N, emitValue as x } from "@tempots/dom";
+import { F as X, M as z, N as j, W as A, d as Y } from "./deep-merge-BRqRzEQs.js";
 import { B as q, I as M } from "./translations-BGblCUBj.js";
 import { S as G } from "./stack-BJgsPJ9A.js";
-import { I as L } from "./input-container-Nx0gMAzS.js";
-import { C as Q } from "./text-input-CPJzUC2r.js";
+import { I as L } from "./input-container-DhUiLmXE.js";
+import { C as Q } from "./text-input-BZmAB3_o.js";
 const un = (n) => {
   const {
     value: t,
-    onInput: p,
+    onInput: m,
     onChange: r,
-    ...l
+    ...u
   } = n;
   return X({
-    ...l,
+    ...u,
     maxFiles: 1,
-    value: i.map(t, (u) => u == null ? [] : [u]),
-    onChange: (u) => {
-      r?.(u[0]);
+    value: s.map(t, (a) => a == null ? [] : [a]),
+    onChange: (a) => {
+      r?.(a[0]);
     },
-    onInput: (u) => {
-      p?.(u[0]);
+    onInput: (a) => {
+      m?.(a[0]);
     }
   });
 }, W = (n) => {
@@ -29,21 +29,21 @@ const un = (n) => {
     return null;
   }
 }, an = (n) => {
-  const { value: t, step: p, min: r, max: l, onChange: u, onInput: f, after: I } = n, h = (b) => {
-    const a = r != null ? i.get(r) : void 0, c = l != null ? i.get(l) : void 0;
-    return a != null && b < a ? a : c != null && b > c ? c : b;
-  }, g = p != null ? H(q, (b) => {
-    const a = S(
+  const { value: t, step: m, min: r, max: u, onChange: a, onInput: f, after: I } = n, h = (p) => {
+    const e = r != null ? s.get(r) : void 0, c = u != null ? s.get(u) : void 0;
+    return e != null && p < e ? e : c != null && p > c ? c : p;
+  }, g = m != null ? H(q, (p) => {
+    const e = S(
       t,
       r
-    )((s, e) => e == null ? !0 : (s ?? 0n) > e), c = S(
+    )((i, l) => l == null ? !0 : (i ?? 0n) > l), c = S(
       t,
-      l
-    )((s, e) => e == null ? !0 : (s ?? 0n) < e), V = (s, e) => {
-      const d = i.get(t) ?? 0n, v = i.get(p), z = e?.shiftKey ? 10n : 1n, y = d + v * z * s, C = r != null ? i.get(r) : void 0, D = l != null ? i.get(l) : void 0;
-      if (s < 0n && C != null && y < C || s > 0n && D != null && y > D) return;
+      u
+    )((i, l) => l == null ? !0 : (i ?? 0n) < l), V = (i, l) => {
+      const d = s.get(t) ?? 0n, v = s.get(m), w = l?.shiftKey ? 10n : 1n, y = d + v * w * i, C = r != null ? s.get(r) : void 0, D = u != null ? s.get(u) : void 0;
+      if (i < 0n && C != null && y < C || i > 0n && D != null && y > D) return;
       const P = h(y);
-      P !== d && u && u(P);
+      P !== d && a && a(P);
     };
     return G(
       o.class("bc-number-input-steppers"),
@@ -56,10 +56,10 @@ const un = (n) => {
           S(
             c,
             n.disabled ?? !1
-          )((s, e) => !s || e)
+          )((i, l) => !i || l)
         ),
-        T.click((s) => V(1n, s)),
-        F.label(b.$.incrementValue),
+        T.click((i) => V(1n, i)),
+        F.label(p.$.incrementValue),
         M({ icon: "line-md:plus", size: "xs" })
       ),
       k.button(
@@ -69,31 +69,34 @@ const un = (n) => {
         ),
         o.disabled(
           S(
-            a,
+            e,
             n.disabled ?? !1
-          )((s, e) => !s || e)
+          )((i, l) => !i || l)
         ),
-        T.click((s) => V(-1n, s)),
-        F.label(b.$.decrementValue),
+        T.click((i) => V(-1n, i)),
+        F.label(p.$.decrementValue),
         M({ icon: "line-md:minus", size: "xs" })
       )
     );
-  }) : null, m = I != null && g != null ? B(g, I) : I ?? g, O = u ? (b) => {
-    const a = W(b);
-    a != null && u(h(a));
-  } : void 0, w = f ? (b) => {
-    const a = W(b);
-    a != null && f(h(a));
+  }) : null, b = I != null && g != null ? B(g, I) : I ?? g, O = a ? (p) => {
+    const e = W(p);
+    e != null && a(h(e));
+  } : void 0, $ = f ? (p) => {
+    const e = W(p);
+    e != null && f(h(e));
   } : void 0;
-  return A({
+  return z({
     ...n,
-    value: i.map(t, (b) => b.toString()),
+    value: s.map(t, (p) => p.toString()),
     onChange: O,
-    onInput: w,
-    after: m,
+    onInput: $,
+    after: b,
     mask: null,
     allowMode: "digits",
-    class: "bc-number-input"
+    classes: {
+      ...n.classes,
+      input: n.classes?.input ? s.map(n.classes.input, (p) => `bc-number-input ${p}`) : "bc-number-input"
+    }
   });
 }, E = (n) => {
   if (n == null || n === "") return null;
@@ -103,27 +106,27 @@ const un = (n) => {
     return null;
   }
 }, rn = (n) => {
-  const { value: t, step: p, min: r, max: l, onChange: u, onInput: f, after: I } = n, h = (a) => {
-    const c = r != null ? i.get(r) : void 0, V = l != null ? i.get(l) : void 0;
-    return c != null && a < c ? c : V != null && a > V ? V : a;
-  }, g = p != null ? H(q, (a) => {
+  const { value: t, step: m, min: r, max: u, onChange: a, onInput: f, after: I } = n, h = (e) => {
+    const c = r != null ? s.get(r) : void 0, V = u != null ? s.get(u) : void 0;
+    return c != null && e < c ? c : V != null && e > V ? V : e;
+  }, g = m != null ? H(q, (e) => {
     const c = S(
       t,
       r
-    )((e, d) => {
-      const v = e ?? 0n;
+    )((l, d) => {
+      const v = l ?? 0n;
       return d == null ? !0 : v > d;
     }), V = S(
       t,
-      l
-    )((e, d) => {
-      const v = e ?? 0n;
+      u
+    )((l, d) => {
+      const v = l ?? 0n;
       return d == null ? !0 : v < d;
-    }), s = (e, d) => {
-      const v = i.get(t) ?? 0n, z = i.get(p), y = d?.shiftKey ? 10n : 1n, C = v + z * y * e, D = r != null ? i.get(r) : void 0, P = l != null ? i.get(l) : void 0;
-      if (e < 0n && D != null && C < D || e > 0n && P != null && C > P) return;
+    }), i = (l, d) => {
+      const v = s.get(t) ?? 0n, w = s.get(m), y = d?.shiftKey ? 10n : 1n, C = v + w * y * l, D = r != null ? s.get(r) : void 0, P = u != null ? s.get(u) : void 0;
+      if (l < 0n && D != null && C < D || l > 0n && P != null && C > P) return;
       const U = h(C);
-      U !== v && u && u(U);
+      U !== v && a && a(U);
     };
     return G(
       o.class("bc-number-input-steppers"),
@@ -136,10 +139,10 @@ const un = (n) => {
           S(
             V,
             n.disabled ?? !1
-          )((e, d) => !e || d)
+          )((l, d) => !l || d)
         ),
-        T.click((e) => s(1n, e)),
-        F.label(a.$.incrementValue),
+        T.click((l) => i(1n, l)),
+        F.label(e.$.incrementValue),
         M({ icon: "line-md:plus", size: "xs" })
       ),
       k.button(
@@ -151,47 +154,50 @@ const un = (n) => {
           S(
             c,
             n.disabled ?? !1
-          )((e, d) => !e || d)
+          )((l, d) => !l || d)
         ),
-        T.click((e) => s(-1n, e)),
-        F.label(a.$.decrementValue),
+        T.click((l) => i(-1n, l)),
+        F.label(e.$.decrementValue),
         M({ icon: "line-md:minus", size: "xs" })
       )
     );
-  }) : null, m = j(
+  }) : null, b = j(
     t,
     n.disabled,
-    u ?? f
-  ), O = I != null && g != null ? B(g, m, I) : I != null ? B(m, I) : g != null ? B(g, m) : m, w = u ? (a) => {
-    const c = E(a);
-    u(c === null ? null : h(c));
-  } : void 0, b = f ? (a) => {
-    const c = E(a);
+    a ?? f
+  ), O = I != null && g != null ? B(g, b, I) : I != null ? B(b, I) : g != null ? B(g, b) : b, $ = a ? (e) => {
+    const c = E(e);
+    a(c === null ? null : h(c));
+  } : void 0, p = f ? (e) => {
+    const c = E(e);
     f(c === null ? null : h(c));
   } : void 0;
-  return A({
+  return z({
     ...n,
-    value: i.map(t, (a) => a == null ? "" : a.toString()),
-    onChange: w,
-    onInput: b,
+    value: s.map(t, (e) => e == null ? "" : e.toString()),
+    onChange: $,
+    onInput: p,
     after: O,
     mask: null,
     allowMode: "digits",
-    class: "bc-number-input"
+    classes: {
+      ...n.classes,
+      input: n.classes?.input ? s.map(n.classes.input, (e) => `bc-number-input ${e}`) : "bc-number-input"
+    }
   });
 };
 function J(n) {
   return (t) => {
-    const { value: p, onBlur: r, onChange: l } = t;
-    return $(
-      (u) => L({
+    const { value: m, onBlur: r, onChange: u } = t;
+    return A(
+      (a) => L({
         ...t,
         input: R[n.inputType](
           Q(t),
-          o.value(i.map(p, n.valueToString)),
+          o.value(s.map(m, n.valueToString)),
           o.class("bc-input"),
           r != null ? T.blur(x(r)) : N,
-          l != null ? T.change(x((f) => l(n.parseValue(u, f)))) : N
+          u != null ? T.change(x((f) => u(n.parseValue(a, f)))) : N
         )
       })
     );
@@ -199,25 +205,25 @@ function J(n) {
 }
 function K(n) {
   return (t) => {
-    const { value: p, onBlur: r, onChange: l, onInput: u, after: f, disabled: I } = t, h = j(p, I, l ?? u);
-    return $(
+    const { value: m, onBlur: r, onChange: u, onInput: a, after: f, disabled: I } = t, h = j(m, I, u ?? a);
+    return A(
       (g) => L({
         ...t,
         input: R[n.inputType](
           Q(t),
           o.value(
-            i.map(p, (m) => m == null ? "" : n.valueToString(m))
+            s.map(m, (b) => b == null ? "" : n.valueToString(b))
           ),
           o.class("bc-input"),
           r != null ? T.blur(x(r)) : N,
-          l != null ? T.change(
+          u != null ? T.change(
             x(
-              (m) => l(m === "" ? null : n.parseValue(g, m))
+              (b) => u(b === "" ? null : n.parseValue(g, b))
             )
           ) : N,
-          u != null ? T.input(
+          a != null ? T.input(
             x(
-              (m) => u(m === "" ? null : n.parseValue(g, m))
+              (b) => a(b === "" ? null : n.parseValue(g, b))
             )
           ) : N
         ),
@@ -251,12 +257,12 @@ const sn = J({
   valueToString: (n) => n.toJSON(),
   parseValue: (n, t) => n.PlainDateTime.from(t)
 }), dn = (n) => {
-  const { value: t, onChange: p } = n;
-  return $(
-    (r) => A({
+  const { value: t, onChange: m } = n;
+  return A(
+    (r) => z({
       ...n,
-      value: i.map(t, (l) => l.toString()),
-      onChange: p ? (l) => p(r.Duration.from(l)) : void 0,
+      value: s.map(t, (u) => u.toString()),
+      onChange: m ? (u) => m(r.Duration.from(u)) : void 0,
       onInput: void 0,
       ...Y(r.Duration.from),
       placeholder: "P0DT0H0M0S"

package/dist/duration-input-BtFL5Vjx.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("@tempots/dom"),V=require("./deep-merge-CvN7Xvd1.cjs"),y=require("./translations-gVgMyNno.cjs"),q=require("./stack-DcZ_u50f.cjs"),A=require("./input-container-B31Seozh.cjs"),$=require("./text-input-w0eVcqk5.cjs"),E=n=>{const{value:e,onInput:p,onChange:i,...a}=n;return V.FilesInput({...a,maxFiles:1,value:t.Value.map(e,r=>r==null?[]:[r]),onChange:r=>{i?.(r[0])},onInput:r=>{p?.(r[0])}})},F=n=>{try{return BigInt(n)}catch{return null}},w=n=>{const{value:e,step:p,min:i,max:a,onChange:r,onInput:d,after:I}=n,f=c=>{const u=i!=null?t.Value.get(i):void 0,o=a!=null?t.Value.get(a):void 0;return u!=null&&c<u?u:o!=null&&c>o?o:c},g=p!=null?t.Use(y.BeatUII18n,c=>{const u=t.computedOf(e,i)((s,l)=>l==null?!0:(s??0n)>l),o=t.computedOf(e,a)((s,l)=>l==null?!0:(s??0n)<l),T=(s,l)=>{const b=t.Value.get(e)??0n,h=t.Value.get(p),O=l?.shiftKey?10n:1n,C=b+h*O*s,v=i!=null?t.Value.get(i):void 0,S=a!=null?t.Value.get(a):void 0;if(s<0n&&v!=null&&C<v||s>0n&&S!=null&&C>S)return;const D=f(C);D!==b&&r&&r(D)};return q.Stack(t.attr.class("bc-number-input-steppers"),t.html.button(t.attr.type("button"),t.attr.class("bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"),t.attr.disabled(t.computedOf(o,n.disabled??!1)((s,l)=>!s||l)),t.on.click(s=>T(1n,s)),t.aria.label(c.$.incrementValue),y.Icon({icon:"line-md:plus",size:"xs"})),t.html.button(t.attr.type("button"),t.attr.class("bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"),t.attr.disabled(t.computedOf(u,n.disabled??!1)((s,l)=>!s||l)),t.on.click(s=>T(-1n,s)),t.aria.label(c.$.decrementValue),y.Icon({icon:"line-md:minus",size:"xs"})))}):null,m=I!=null&&g!=null?t.Fragment(g,I):I??g,B=r?c=>{const u=F(c);u!=null&&r(f(u))}:void 0,k=d?c=>{const u=F(c);u!=null&&d(f(u))}:void 0;return V.MaskInput({...n,value:t.Value.map(e,c=>c.toString()),onChange:B,onInput:k,after:m,mask:null,allowMode:"digits",classes:{...n.classes,input:n.classes?.input?t.Value.map(n.classes.input,c=>`bc-number-input ${c}`):"bc-number-input"}})},M=n=>{if(n==null||n==="")return null;try{return BigInt(n)}catch{return null}},z=n=>{const{value:e,step:p,min:i,max:a,onChange:r,onInput:d,after:I}=n,f=u=>{const o=i!=null?t.Value.get(i):void 0,T=a!=null?t.Value.get(a):void 0;return o!=null&&u<o?o:T!=null&&u>T?T:u},g=p!=null?t.Use(y.BeatUII18n,u=>{const o=t.computedOf(e,i)((l,b)=>{const h=l??0n;return b==null?!0:h>b}),T=t.computedOf(e,a)((l,b)=>{const h=l??0n;return b==null?!0:h<b}),s=(l,b)=>{const h=t.Value.get(e)??0n,O=t.Value.get(p),C=b?.shiftKey?10n:1n,v=h+O*C*l,S=i!=null?t.Value.get(i):void 0,D=a!=null?t.Value.get(a):void 0;if(l<0n&&S!=null&&v<S||l>0n&&D!=null&&v>D)return;const x=f(v);x!==h&&r&&r(x)};return q.Stack(t.attr.class("bc-number-input-steppers"),t.attr.type("button"),t.html.button(t.attr.class("bc-button bc-number-input-steppers-button bc-number-input-steppers-button--increment"),t.attr.disabled(t.computedOf(T,n.disabled??!1)((l,b)=>!l||b)),t.on.click(l=>s(1n,l)),t.aria.label(u.$.incrementValue),y.Icon({icon:"line-md:plus",size:"xs"})),t.html.button(t.attr.type("button"),t.attr.class("bc-button bc-number-input-steppers-button bc-number-input-steppers-button--decrement"),t.attr.disabled(t.computedOf(o,n.disabled??!1)((l,b)=>!l||b)),t.on.click(l=>s(-1n,l)),t.aria.label(u.$.decrementValue),y.Icon({icon:"line-md:minus",size:"xs"})))}):null,m=V.NullableResetAfter(e,n.disabled,r??d),B=I!=null&&g!=null?t.Fragment(g,m,I):I!=null?t.Fragment(m,I):g!=null?t.Fragment(g,m):m,k=r?u=>{const o=M(u);r(o===null?null:f(o))}:void 0,c=d?u=>{const o=M(u);d(o===null?null:f(o))}:void 0;return V.MaskInput({...n,value:t.Value.map(e,u=>u==null?"":u.toString()),onChange:k,onInput:c,after:B,mask:null,allowMode:"digits",classes:{...n.classes,input:n.classes?.input?t.Value.map(n.classes.input,u=>`bc-number-input ${u}`):"bc-number-input"}})};function P(n){return e=>{const{value:p,onBlur:i,onChange:a}=e;return V.WithTemporal(r=>A.InputContainer({...e,input:t.input[n.inputType]($.CommonInputAttributes(e),t.attr.value(t.Value.map(p,n.valueToString)),t.attr.class("bc-input"),i!=null?t.on.blur(t.emitValue(i)):t.Empty,a!=null?t.on.change(t.emitValue(d=>a(n.parseValue(r,d)))):t.Empty)}))}}function N(n){return e=>{const{value:p,onBlur:i,onChange:a,onInput:r,after:d,disabled:I}=e,f=V.NullableResetAfter(p,I,a??r);return V.WithTemporal(g=>A.InputContainer({...e,input:t.input[n.inputType]($.CommonInputAttributes(e),t.attr.value(t.Value.map(p,m=>m==null?"":n.valueToString(m))),t.attr.class("bc-input"),i!=null?t.on.blur(t.emitValue(i)):t.Empty,a!=null?t.on.change(t.emitValue(m=>a(m===""?null:n.parseValue(g,m)))):t.Empty,r!=null?t.on.input(t.emitValue(m=>r(m===""?null:n.parseValue(g,m)))):t.Empty),after:d!=null?t.Fragment(f,d):f}))}}const U=P({inputType:"date",valueToString:n=>n.toString(),parseValue:(n,e)=>n.PlainDate.from(e)}),W=N({inputType:"date",valueToString:n=>n.toString(),parseValue:(n,e)=>n.PlainDate.from(e)}),J=P({inputType:"time",valueToString:n=>n.toString(),parseValue:(n,e)=>n.PlainTime.from(e)}),K=N({inputType:"time",valueToString:n=>n.toString(),parseValue:(n,e)=>n.PlainTime.from(e)}),R=P({inputType:"datetime-local",valueToString:n=>n.toJSON(),parseValue:(n,e)=>n.PlainDateTime.from(e)}),H=N({inputType:"datetime-local",valueToString:n=>n.toJSON(),parseValue:(n,e)=>n.PlainDateTime.from(e)}),j=n=>{const{value:e,onChange:p}=n;return V.WithTemporal(i=>V.MaskInput({...n,value:t.Value.map(e,a=>a.toString()),onChange:p?a=>p(i.Duration.from(a)):void 0,onInput:void 0,...V.durationMaskConfig(i.Duration.from),placeholder:"P0DT0H0M0S"}))};exports.BigintInput=w;exports.DurationInput=j;exports.FileInput=E;exports.NullableBigintInput=z;exports.NullablePlainDateInput=W;exports.NullablePlainDateTimeInput=H;exports.NullablePlainTimeInput=K;exports.PlainDateInput=U;exports.PlainDateTimeInput=R;exports.PlainTimeInput=J;exports.createNullableTemporalInput=N;exports.createTemporalInput=P;

package/dist/{editor-toolbar-group-_V1rDM-1.cjs → editor-toolbar-group-BgWLVgMZ.cjs}

@@ -1 +1 @@
-"use strict";const o=require("@tempots/dom"),n=require("./toolbar-D3ZsC0g_.cjs"),b=require("./translations-gVgMyNno.cjs");function d(r){const{active:t,display:a,onClick:i,disabled:l,label:s,icon:u,size:e}=r;return o.When(a,()=>n.ToolbarButton({onClick:i,disabled:l,size:e},o.attr.class(t.map(c=>c?"bc-toolbar__button--active":"")),o.aria.pressed(t),o.attr.title(s),b.Icon({icon:u,size:e})))}function p({display:r},...t){return o.When(o.computedOf(...r)((...a)=>a.some(Boolean)),()=>n.ToolbarGroup(...t))}exports.EditorToolbarButton=d;exports.EditorToolbarGroup=p;
+"use strict";const o=require("@tempots/dom"),n=require("./toolbar-BR8In7O0.cjs"),b=require("./translations-gVgMyNno.cjs");function d(r){const{active:t,display:a,onClick:i,disabled:l,label:s,icon:u,size:e}=r;return o.When(a,()=>n.ToolbarButton({onClick:i,disabled:l,size:e},o.attr.class(t.map(c=>c?"bc-toolbar__button--active":"")),o.aria.pressed(t),o.attr.title(s),b.Icon({icon:u,size:e})))}function p({display:r},...t){return o.When(o.computedOf(...r)((...a)=>a.some(Boolean)),()=>n.ToolbarGroup(...t))}exports.EditorToolbarButton=d;exports.EditorToolbarGroup=p;

package/dist/{editor-toolbar-group-BslfdazC.js → editor-toolbar-group-CwCCGzEC.js}

@@ -1,5 +1,5 @@
 import { When as e, attr as i, aria as u, computedOf as b } from "@tempots/dom";
-import { T as m, a as d } from "./toolbar-CjQG7l7X.js";
+import { T as m, a as d } from "./toolbar-Pdj-F80l.js";
 import { I as f } from "./translations-BGblCUBj.js";
 function v(t) {
   const { active: o, display: a, onClick: n, disabled: s, label: l, icon: c, size: r } = t;

package/dist/{index-DfJMDwSU.js → index-B0t-nt7i.js}

@@ -1,4 +1,4 @@
-import { N as I, f as S, R as $, S as x, F as u, l as w, c as R, a as L } from "./index-vzoI95E1.js";
+import { N as I, f as S, R as $, S as x, F as u, l as w, c as R, a as L } from "./index-DdqGL9Jk.js";
 function b(d, t = null) {
   return function(e, n) {
     let { $from: o, $to: l } = e.selection, f = o.blockRange(l);