@tempots/beatui 0.85.0 → 0.86.1

package/dist/{widget-customization-D-Vvr4vg.js → widget-customization-Ct2eqKKR.js}

@@ -1,8 +1,8 @@
-import { Value as p, prop as rt, computedOf as D, html as k, attr as u, svg as tt, svgAttr as Y, on as M, Empty as A, When as H, Fragment as E, aria as N, emitValue as Z, Use as lt, input as ot, emitValueAsNullableDate as et, emitValueAsNullableDateTime as nt, Repeat as ut, style as pt, emit as dt, emitValueAsNumber as V } from "@tempots/dom";
+import { Value as p, prop as rt, computedOf as D, html as k, attr as u, svg as tt, svgAttr as Y, on as M, Empty as A, When as W, Fragment as j, aria as N, emitValue as Z, Use as lt, input as ot, emitValueAsNullableDate as et, emitValueAsNullableDateTime as nt, Repeat as ut, style as pt, emit as dt, emitValueAsNumber as V } from "@tempots/dom";
 import { F as ht, N as z, T as gt, U as ft, a as mt } from "./deep-merge-CmQoIYPC.js";
 import { $ as bt } from "./string-DYyMxBl-.js";
-import { I as U } from "./input-container-Nx0gMAzS.js";
-import { C as L, T as wt } from "./text-input-CPJzUC2r.js";
+import { I as E } from "./input-container-Nx0gMAzS.js";
+import { C as U, T as wt } from "./text-input-CPJzUC2r.js";
 import { B as yt, I as q, b as st, a as It } from "./translations-BGblCUBj.js";
 import { AutoSelect as Mt } from "@tempots/ui";
 import { E as $t, P as xt } from "./notice-Dz4nX57_.js";
@@ -49,7 +49,7 @@ function Q(t, e, s) {
   };
   return `#${n(t)}${n(e)}${n(s)}`;
 }
-function j(t) {
+function H(t) {
   const e = At(t);
   if (!e) return null;
   const s = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
@@ -60,7 +60,7 @@ function j(t) {
   } : null;
 }
 function oe(t, e) {
-  const s = j(t), n = j(e);
+  const s = H(t), n = H(e);
   if (!s || !n) return null;
   const r = (l, d, f) => {
     const [m, h, w] = [l, d, f].map((I) => (I = I / 255, I <= 0.03928 ? I / 12.92 : Math.pow((I + 0.055) / 1.055, 2.4)));
@@ -131,7 +131,7 @@ function St(t) {
     const l = i[1], d = parseFloat(i[2]), f = parseFloat(i[3]), m = i[4] != null ? parseFloat(i[4]) : 1, h = l.endsWith("%") ? Math.max(0, Math.min(1, parseFloat(l) / 100)) : Math.max(0, Math.min(1, parseFloat(l))), [w, I, x] = Bt(h, d, f);
     return [w, I, x, m];
   }
-  const c = j(t);
+  const c = H(t);
   return c ? [c.r, c.g, c.b, 1] : [0, 0, 0, 1];
 }
 function vt(t, e, s, n) {
@@ -204,7 +204,7 @@ function Vt(t, e, s) {
   let x = Math.atan2(w, h) * 180 / Math.PI;
   return x < 0 && (x += 360), [m, I, x];
 }
-function O(t, e, s, n, r, a) {
+function P(t, e, s, n, r, a) {
   switch (r) {
     case "hex":
       if (a) {
@@ -234,7 +234,7 @@ function O(t, e, s, n, r, a) {
     }
   }
 }
-function W(t, e) {
+function O(t, e) {
   return e ? t === "rgb" ? "rgba" : t === "hsl" ? "hsla" : t : t === "rgba" ? "rgb" : t === "hsla" ? "hsl" : t;
 }
 async function Et(t) {
@@ -342,7 +342,7 @@ const ce = (t) => {
     w,
     h
   )(
-    ([g, $, F], S, v, R) => O(g, $, F, S ?? 1, W(v, R), R)
+    ([g, $, F], S, v, R) => P(g, $, F, S ?? 1, O(v, R), R)
   ), x = p.map(
     t.colorTextFormat ?? "hex",
     (g) => g
@@ -375,7 +375,7 @@ const ce = (t) => {
     // Invisible native input overlays the blob for picker and accessibility
     k.input(
       u.type("color"),
-      L(t),
+      U(t),
       // Native color input needs hex without alpha
       u.value(p.map(d, ([g, $, F]) => Q(g, $, F))),
       u.class(
@@ -385,23 +385,23 @@ const ce = (t) => {
       n != null ? M.change((g) => {
         const $ = g.target.value;
         if (!n) return;
-        const { r: F, g: S, b: v } = j($) ?? { r: 0, g: 0, b: 0 }, R = p.get(m) ?? 1, B = W(
+        const { r: F, g: S, b: v } = H($) ?? { r: 0, g: 0, b: 0 }, R = p.get(m) ?? 1, B = O(
           p.get(x),
           p.get(h)
-        ), X = O(F, S, v, R, B, p.get(h));
+        ), X = P(F, S, v, R, B, p.get(h));
         n(X);
       }) : A,
       r != null ? M.input((g) => {
         const $ = g.target.value;
         if (!r) return;
-        const { r: F, g: S, b: v } = j($) ?? { r: 0, g: 0, b: 0 }, R = p.get(m) ?? 1, B = W(
+        const { r: F, g: S, b: v } = H($) ?? { r: 0, g: 0, b: 0 }, R = p.get(m) ?? 1, B = O(
           p.get(x),
           p.get(h)
-        ), X = O(F, S, v, R, B, p.get(h));
+        ), X = P(F, S, v, R, B, p.get(h));
         r(X);
       }) : A
     )
-  ), C = H(
+  ), C = W(
     h,
     () => k.input(
       u.type("range"),
@@ -414,32 +414,32 @@ const ce = (t) => {
       M.input((g) => {
         const $ = parseFloat(g.target.value);
         m.set($);
-        const [F, S, v] = p.get(d), R = W(
+        const [F, S, v] = p.get(d), R = O(
           p.get(x),
           p.get(h)
-        ), B = O(F, S, v, $, R, p.get(h));
+        ), B = P(F, S, v, $, R, p.get(h));
         r?.(B);
       }),
       M.change((g) => {
         const $ = parseFloat(g.target.value);
         m.set($);
-        const [F, S, v] = p.get(d), R = W(
+        const [F, S, v] = p.get(d), R = O(
           p.get(x),
           p.get(h)
-        ), B = O(F, S, v, $, R, p.get(h));
+        ), B = P(F, S, v, $, R, p.get(h));
         n?.(B);
       })
     )
   );
-  return U({
+  return E({
     baseContainer: !0,
     ...t,
     // ensure our control does not try to grow
     growInput: !1,
     input: T,
     // If caller provided an `after`, append RGB before it
-    after: E(
-      H(
+    after: j(
+      W(
         a ?? !1,
         () => k.span(u.class("bc-color-swatch-input__rgb"), I)
       ),
@@ -464,7 +464,7 @@ const ce = (t) => {
       )
     ),
     N.disabled(i),
-    H(
+    W(
       a,
       () => k.input(
         u.placeholder(n),
@@ -489,7 +489,7 @@ const ce = (t) => {
           p.get(i) || a.set(!0);
         }),
         u.class("bc-editable-text__display"),
-        H(
+        W(
           p.map(e, (c) => c != null && c.trim() !== ""),
           () => k.span(u.class("bc-editable-text__text"), e),
           () => k.span(
@@ -497,7 +497,7 @@ const ce = (t) => {
             n
           )
         ),
-        H(
+        W(
           p.map(i, (c) => !c),
           () => k.button(
             u.type("button"),
@@ -512,37 +512,37 @@ const ce = (t) => {
   );
 }, ue = (t) => {
   const { value: e, onBlur: s, onChange: n, onInput: r, after: a, disabled: o } = t, i = z(e, o, n ?? r);
-  return U({
+  return E({
     ...t,
     input: ot.date(
-      L(t),
+      U(t),
       u.valueAsDate(e),
       u.class("bc-input"),
       s != null ? M.blur(Z(s)) : A,
       n != null ? M.change(et(n)) : A,
       r != null ? M.input(et(r)) : A
     ),
-    after: a != null ? E(i, a) : i
+    after: a != null ? j(i, a) : i
   });
 }, Ht = (t) => {
   const e = t.getFullYear(), s = t.getMonth() + 1, n = t.getDate(), r = t.getHours(), a = t.getMinutes(), o = t.getSeconds();
   return `${e}-${s.toString().padStart(2, "0")}-${n.toString().padStart(2, "0")}T${r.toString().padStart(2, "0")}:${a.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}`;
 }, pe = (t) => {
   const { value: e, onBlur: s, onChange: n, onInput: r, after: a, disabled: o } = t, i = p.map(e, (l) => l != null ? Ht(l) : null), c = z(e, o, n ?? r);
-  return U({
+  return E({
     ...t,
     input: ot["datetime-local"](
-      L(t),
+      U(t),
       u.value(p.map(i, (l) => l ?? null)),
       u.class("bc-input"),
       s != null ? M.blur(Z(s)) : A,
       n != null ? M.change(nt(n)) : A,
       r != null ? M.input(nt(r)) : A
     ),
-    after: a != null ? E(c, a) : c
+    after: a != null ? j(c, a) : c
   });
 }, at = (t) => typeof t == "string" && t.trim() === "" ? null : t, jt = (t) => t ?? "";
-function P(t) {
+function L(t) {
   return (e) => {
     const { value: s, onBlur: n, onChange: r, onInput: a, after: o, disabled: i, ...c } = e, l = z(s, i, r ?? a);
     return t({
@@ -552,11 +552,11 @@ function P(t) {
       onChange: r != null ? (d) => r(at(d)) : void 0,
       onInput: a != null ? (d) => a(at(d)) : void 0,
       onBlur: n,
-      after: o != null ? E(l, o) : l
+      after: o != null ? j(l, o) : l
     });
   };
 }
-const de = P($t), he = P(wt), ge = P(xt), fe = P(
+const de = L($t), he = L(wt), ge = L(xt), fe = L(
   gt
 ), me = ({
   value: t,
@@ -660,7 +660,7 @@ const de = P($t), he = P(wt), ge = P(xt), fe = P(
       )
     )
   );
-}, be = P(ft), zt = "line-md:star-alt-filled", Xt = "line-md:star-alt", Yt = (t) => {
+}, be = L(ft), zt = "line-md:star-alt-filled", Xt = "line-md:star-alt", Yt = (t) => {
   const {
     value: e,
     onChange: s,
@@ -741,14 +741,14 @@ const de = P($t), he = P(wt), ge = P(xt), fe = P(
       })
     )
   );
-  return U({
+  return E({
     baseContainer: !0,
     growInput: !1,
     focusableSelector: '[role="slider"]',
     ...t,
     input: k.div(
       // Common input attributes (id, required, invalid, custom classes, etc.)
-      L(t),
+      U(t),
       u.class("bc-rating-input"),
       // ARIA slider semantics
       u.role("slider"),
@@ -782,17 +782,17 @@ const de = P($t), he = P(wt), ge = P(xt), fe = P(
     onChange: s,
     onInput: n,
     onBlur: r,
-    after: a != null ? E(c, a) : c
+    after: a != null ? j(c, a) : c
   });
 }, ye = (t) => {
   const { value: e, step: s, min: n, max: r, onBlur: a, onChange: o, onInput: i } = t;
-  return U({
+  return E({
     ...t,
     // Make sure clicks anywhere focus the range input
     focusableSelector: 'input[type="range"]',
     input: k.input(
       u.type("range"),
-      L(t),
+      U(t),
       u.min(n),
       u.max(r),
       u.step(s),
@@ -814,36 +814,32 @@ const de = P($t), he = P(wt), ge = P(xt), fe = P(
     t.disabled,
     o ?? i
   );
-  return U(
-    {
-      ...t,
-      focusableSelector: 'input[type="range"]',
-      after: l,
-      input: k.input(
-        u.type("range"),
-        L(t),
-        u.min(n),
-        u.max(r),
-        u.step(s),
-        u.valueAsNumber(c),
-        u.class("bc-input bc-slider-input"),
-        a != null ? M.blur(V(a)) : A,
-        o != null ? M.change(
-          V((d) => {
-            o(d);
-          })
-        ) : A,
-        i != null ? M.input(
-          V((d) => {
-            i(d);
-          })
-        ) : A
-      )
-    },
-    // Ensure container grows input naturally
-    E()
-  );
-}, Me = P(mt);
+  return E({
+    ...t,
+    focusableSelector: 'input[type="range"]',
+    after: l,
+    input: k.input(
+      u.type("range"),
+      U(t),
+      u.min(n),
+      u.max(r),
+      u.step(s),
+      u.valueAsNumber(c),
+      u.class("bc-input bc-slider-input"),
+      a != null ? M.blur(V(a)) : A,
+      o != null ? M.change(
+        V((d) => {
+          o(d);
+        })
+      ) : A,
+      i != null ? M.input(
+        V((d) => {
+          i(d);
+        })
+      ) : A
+    )
+  });
+}, Me = L(mt);
 class Gt {
   widgets = /* @__PURE__ */ new Map();
   typeMapping = /* @__PURE__ */ new Map();
@@ -994,7 +990,7 @@ function Fe(t) {
   };
 }
 export {
-  j as A,
+  H as A,
   ie as B,
   ce as C,
   oe as D,
@@ -1013,8 +1009,8 @@ export {
   Vt as Q,
   Yt as R,
   ye as S,
-  O as T,
-  W as U,
+  P as T,
+  O as U,
   Gt as W,
   fe as a,
   be as b,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tempots/beatui",
-  "version": "0.85.0",
+  "version": "0.86.1",
   "type": "module",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -218,7 +218,7 @@
     "prosemirror-view": "^1.41.3"
   },
   "scripts": {
-    "build": "vite build && tsc -p tsconfig.build.json && node scripts/build-css-entries.mjs",
+    "build": "vite build && (tsc -p tsconfig.build.json & node scripts/build-css-entries.mjs & wait)",
     "build:watch": "node scripts/build-css-entries.mjs && vite build --watch",
     "test": "vitest run",
     "test:watch": "vitest",