@tempots/beatui 0.82.0 → 0.82.1

package/dist/{use-form-CgZyrACX.js → use-form-B56E_x5Y.js}

@@ -1,12 +1,8 @@
-import { Use as G, coalesce as J, aria as V, attr as c, on as M, html as m, Value as C, Empty as T, computedOf as y, When as A, dataAttr as $, TextNode as Q, prop as k, Fragment as P, emitValue as X, emitValueAsNumber as Y } from "@tempots/dom";
-import { B as Z, I as L } from "./translations-Cq8bUKJP.js";
-import { B as ee, a as te } from "./text-input-CFJntP7G.js";
-import { M as se, L as ne, i as g } from "./stack-BJgsPJ9A.js";
-const F = /* @__PURE__ */ new Map();
-function j(s) {
-  const e = F.get(s) ?? 0;
-  return F.set(s, e + 1), `${s}-${e}`;
-}
+import { Use as q, coalesce as G, aria as V, attr as c, on as M, html as m, Value as C, Empty as T, computedOf as y, When as A, dataAttr as P, TextNode as J, prop as k, Fragment as $, emitValue as Q, emitValueAsNumber as X } from "@tempots/dom";
+import { B as Y, I as z } from "./translations-Cq8bUKJP.js";
+import { B as Z, I as ee } from "./input-container-DiCjOzR2.js";
+import { M as te, L as se, i as g } from "./stack-BJgsPJ9A.js";
+import { s as j } from "./session-id-3KiilioY.js";
 const E = (s, e) => s === e || s !== s && e !== e;
 function we({
   size: s = "sm",
@@ -17,9 +13,9 @@ function we({
   onClick: a,
   label: o
 }, ...r) {
-  return G(Z, (l) => {
-    const d = J(o, l.$.closeModal);
-    return ee(
+  return q(Y, (l) => {
+    const d = G(o, l.$.closeModal);
+    return Z(
       {
         variant: "text",
         size: s,
@@ -31,7 +27,7 @@ function we({
       c.title(d),
       V.label(d),
       ...r,
-      L({ icon: e, size: s ?? "sm" })
+      z({ icon: e, size: s ?? "sm" })
     );
   });
 }
@@ -53,7 +49,7 @@ const De = (s) => {
   }, w = (u) => {
     C.get(a ?? !1) || (u.key === " " || u.key === "Enter") && (u.preventDefault(), v());
   };
-  return te(
+  return ee(
     {
       baseContainer: !0,
       growInput: !1,
@@ -87,7 +83,7 @@ const De = (s) => {
           i != null ? V.labelledby(p) : T,
           M.keydown(w),
           t != null ? M.blur(t) : T,
-          L({
+          z({
             icon: y(
               e,
               r,
@@ -103,29 +99,29 @@ const De = (s) => {
           c.class("bc-checkbox-input__label"),
           c.id(p),
           c.for(h),
-          se(i)
+          te(i)
         ) : T
       )
     },
     M.click(v)
   );
-}, ie = m.span(
+}, ne = m.span(
   c.class("bc-input-wrapper__required"),
   " *"
 );
-function re(s) {
+function ie(s) {
   const e = ["bc-input-wrapper"];
   return s !== "vertical" && e.push(`bc-input-wrapper--${s}`), e.join(" ");
 }
-function ae(s, e) {
+function re(s, e) {
   const t = ["bc-input-wrapper__label-text"];
   return s ? t.push("bc-input-wrapper__label-text--error") : e ? t.push("bc-input-wrapper__label-text--disabled") : t.push("bc-input-wrapper__label-text--default"), t.join(" ");
 }
-function oe(s, e) {
+function ae(s, e) {
   if (s === "horizontal-fixed" && e != null)
     return `--input-wrapper-label-width: ${e}`;
 }
-const W = ({
+const L = ({
   fullWidth: s = !1,
   required: e,
   label: t,
@@ -140,19 +136,19 @@ const W = ({
   layout: p,
   labelWidth: v
 }, ...w) => {
-  const u = d ?? r != null, f = h ?? !1, D = p ?? "vertical", S = j("input-wrapper"), x = a ? `${S}-description` : void 0, O = r != null ? `${S}-error` : void 0, H = y(D)((b) => b !== "vertical"), q = y(
+  const u = d ?? r != null, f = h ?? !1, D = p ?? "vertical", S = j("input-wrapper"), x = a ? `${S}-description` : void 0, O = r != null ? `${S}-error` : void 0, H = y(D)((b) => b !== "vertical"), K = y(
     D,
     v ?? void 0
-  )((b, I) => oe(b, I));
+  )((b, I) => ae(b, I));
   return m.div(
-    c.class(C.map(D, (b) => re(b))),
+    c.class(C.map(D, (b) => ie(b))),
     c.class(
       C.map(
         s,
         (b) => b ? "bc-input-wrapper--full-width" : ""
       )
     ),
-    c.style(q),
+    c.style(K),
     t != null || i != null ? m.div(
       c.class("bc-input-wrapper__header"),
       m.div(
@@ -166,7 +162,7 @@ const W = ({
                 u,
                 f
               )(
-                (b, I) => ae(
+                (b, I) => re(
                   b ?? !1,
                   I ?? !1
                 )
@@ -174,7 +170,7 @@ const W = ({
             ),
             t
           ),
-          t != null && e ? ie : T
+          t != null && e ? ne : T
         ),
         // Show description under label when horizontal
         A(
@@ -191,17 +187,17 @@ const W = ({
           )
         )
       ),
-      i != null ? ne(i) : T,
+      i != null ? se(i) : T,
       n
     ) : T,
     m.div(
       c.class("bc-input-wrapper__content"),
       // Add data attributes to help inputs inherit accessibility information
-      [x, O].filter(Boolean).length > 0 ? $.describedby(
+      [x, O].filter(Boolean).length > 0 ? P.describedby(
         [x, O].filter(Boolean).join(" ")
       ) : T,
-      e ? $.required("true") : T,
-      A(u, () => $.invalid("true")),
+      e ? P.required("true") : T,
+      A(u, () => P.invalid("true")),
       o
     ),
     // Show description at bottom only when not horizontal
@@ -227,15 +223,15 @@ const W = ({
     ),
     ...w
   );
-}, le = (
+}, oe = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   ((s, e) => () => {
     s.markTouched(), e?.();
   })
-), N = (s, e) => (t) => {
+), F = (s, e) => (t) => {
   s.change(t), e?.(t);
 };
-function R(s, e) {
+function W(s, e) {
   const { controller: t, onBlur: n, onChange: i, id: a, triggerOn: o, ...r } = e;
   return s({
     id: a ?? t.name,
@@ -244,20 +240,20 @@ function R(s, e) {
     hasError: t.errorVisible,
     name: t.name,
     ...r,
-    onInput: o === "input" ? N(t, i) : void 0,
-    onChange: o !== "input" ? N(t, i) : void 0,
-    onBlur: le(t, n)
+    onInput: o === "input" ? F(t, i) : void 0,
+    onChange: o !== "input" ? F(t, i) : void 0,
+    onBlur: oe(t, n)
   });
 }
 function Ce(s, { id: e, labelFor: t, ...n }, ...i) {
   const a = e ?? n.controller.name ?? j("control"), o = t ?? a;
-  return W(
+  return L(
     {
       ...n,
       hasError: n.controller.errorVisible,
-      error: Q(n.controller.error.map((r) => r ?? "")),
+      error: J(n.controller.error.map((r) => r ?? "")),
       labelFor: o,
-      content: R(
+      content: W(
         (r) => s({ ...r, id: a }),
         n
       )
@@ -265,9 +261,9 @@ function Ce(s, { id: e, labelFor: t, ...n }, ...i) {
     ...i
   );
 }
-function ce(s, e) {
+function le(s, e) {
   const { toInput: t, fromInput: n, controller: i, ...a } = e, o = i.transform(t, n);
-  return R(s, {
+  return W(s, {
     ...a,
     controller: o
   });
@@ -278,11 +274,11 @@ function Te(s, {
   ...n
 }, ...i) {
   const a = e ?? n.controller.name ?? j("control");
-  return W(
+  return L(
     {
       ...n,
       labelFor: t ?? a,
-      content: ce(s, {
+      content: le(s, {
         ...n,
         id: a
       })
@@ -296,15 +292,15 @@ function _e(s) {
     return n ? Number(n[1]) : t;
   });
 }
-function he(s) {
+function ce(s) {
   return typeof s == "number" ? `[${s}]` : `.${s}`;
 }
-function ue(s) {
+function he(s) {
   if (s.length === 0) return "";
   const [e, ...t] = s;
   return [
     typeof e == "number" ? `[${e}]` : e,
-    ...t.map(he)
+    ...t.map(ce)
   ].join("");
 }
 const Ie = {
@@ -389,7 +385,7 @@ class _ {
     });
   }
   get name() {
-    return ue(this.path);
+    return he(this.path);
   }
   onDispose = (e) => {
     this.#n.push(e);
@@ -420,7 +416,7 @@ class _ {
   reset = () => {
     this.change(this.#t.value);
   };
-  array = (e = E) => new pe(
+  array = (e = E) => new de(
     this.path,
     this.change,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -429,7 +425,7 @@ class _ {
     this.parent,
     e
   );
-  object = (e = E) => new de(
+  object = (e = E) => new ue(
     this.path,
     this.change,
     this.signal,
@@ -456,7 +452,7 @@ class _ {
     a
   );
 }
-class de extends _ {
+class ue extends _ {
   #e = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
   #t = /* @__PURE__ */ new Map();
@@ -556,7 +552,7 @@ class de extends _ {
     this.#o.set(this.dirty.value || e);
   };
 }
-class pe extends _ {
+class de extends _ {
   #e = new Array();
   length;
   #s = /* @__PURE__ */ new Map();
@@ -676,7 +672,7 @@ class pe extends _ {
     this.#o.set(this.dirty.value || e);
   };
 }
-function fe(s) {
+function pe(s) {
   function e(t) {
     return typeof t == "number" ? t : t.toString();
   }
@@ -684,9 +680,9 @@ function fe(s) {
     (t) => typeof t == "object" && t.key != null ? e(t.key) : e(t)
   );
 }
-function be(s) {
+function fe(s) {
   const e = s.filter((i) => i.path == null || i.path.length === 0).map((i) => i.message), t = s.filter((i) => i.path != null && i.path.length > 0).reduce((i, a) => {
-    const o = fe(a.path), r = o.pop();
+    const o = pe(a.path), r = o.pop();
     let l = i;
     for (const d of o)
       l.dependencies == null && (l.dependencies = {}), l.dependencies[d] == null && (l.dependencies[d] = {}), l = l.dependencies[d];
@@ -698,7 +694,7 @@ function be(s) {
     message: n != "" ? n : void 0
   };
 }
-function me({
+function be({
   initialValue: s,
   onChange: e,
   validate: t,
@@ -741,31 +737,31 @@ function me({
     l.dispose(), o.dispose(), r.dispose(), d.dispose(), p && clearTimeout(p);
   }), { controller: u, setStatus: h };
 }
-function U(s) {
-  return P(c.disabled(s.disabled), c.name(s.name));
+function R(s) {
+  return $(c.disabled(s.disabled), c.name(s.name));
 }
 function Me(s, {
   triggerOn: e = "change"
 } = {}) {
-  return P(
-    U(s),
+  return $(
+    R(s),
     c.value(s.signal),
-    (e === "input" ? M.input : M.change)(X(s.change))
+    (e === "input" ? M.input : M.change)(Q(s.change))
   );
 }
 function Ee(s, {
   triggerOn: e = "change"
 } = {}) {
-  return P(
-    U(s),
+  return $(
+    R(s),
     c.valueAsNumber(s.signal),
     (e === "input" ? M.input : M.change)(
-      Y(s.change)
+      X(s.change)
     )
   );
 }
-function z(s) {
-  return s.issues != null ? g.invalid(be(s.issues)) : g.valid;
+function N(s) {
+  return s.issues != null ? g.invalid(fe(s.issues)) : g.valid;
 }
 async function Se({
   task: s,
@@ -781,11 +777,11 @@ async function Se({
     return t.length === 1 && t[0] === "root" ? g.invalid({
       message: a
     }) : g.invalid({
-      dependencies: K(t, a)
+      dependencies: U(t, a)
     });
   }
 }
-function K(s, e) {
+function U(s, e) {
   if (s.length === 1)
     return {
       [s[0]]: { message: e }
@@ -793,7 +789,7 @@ function K(s, e) {
   const [t, ...n] = s;
   return {
     [t]: {
-      dependencies: K(n, e)
+      dependencies: U(n, e)
     }
   };
 }
@@ -804,11 +800,11 @@ function Ve({
   validationMode: n,
   validateDebounceMs: i
 }) {
-  const { controller: a, setStatus: o } = me({
+  const { controller: a, setStatus: o } = be({
     initialValue: s,
     validationMode: n ?? "onTouched",
     validateDebounceMs: i,
-    validate: (n ?? "onTouched") === "onSubmit" || e == null ? void 0 : async (h) => z(
+    validate: (n ?? "onTouched") === "onSubmit" || e == null ? void 0 : async (h) => N(
       await e["~standard"].validate(h)
     )
   }), r = k(!1), l = a.object();
@@ -817,7 +813,7 @@ function Ve({
     setStatus: o,
     submit: async (h) => {
       if (r.set(!0), h?.preventDefault(), l.markAllTouched(), e != null) {
-        const v = l.signal.value, w = z(
+        const v = l.signal.value, w = N(
           await e["~standard"].validate(v)
         );
         if (o(w), w.type === "invalid") {
@@ -832,33 +828,32 @@ function Ve({
   };
 }
 export {
-  pe as A,
-  R as B,
+  de as A,
+  W as B,
   we as C,
-  W as I,
+  L as I,
   Te as M,
   E as O,
-  ie as R,
+  ne as R,
   De as a,
   Ce as b,
-  N as c,
+  F as c,
   _ as d,
   B as e,
-  de as f,
-  me as g,
-  ce as h,
-  ue as i,
+  ue as f,
+  be as g,
+  le as h,
+  he as i,
   Ie as j,
-  fe as k,
-  be as l,
-  le as m,
-  U as n,
+  pe as k,
+  fe as l,
+  oe as m,
+  R as n,
   Me as o,
   _e as p,
   Ee as q,
-  z as r,
-  j as s,
+  N as s,
   Se as t,
   Ve as u,
-  he as w
+  ce as w
 };

package/dist/use-form-Cnp3XQ5X.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("@tempots/dom"),E=require("./translations-B4-Zd2LM.cjs"),j=require("./input-container-C6qEIjcA.cjs"),m=require("./stack-DcZ_u50f.cjs"),_=require("./session-id-B5lJMzbB.cjs"),C=(n,e)=>n===e||n!==n&&e!==e;function G({size:n="sm",icon:e="line-md:close",disabled:s,roundedness:i="full",color:r="base",onClick:o,label:l},...a){return t.Use(E.BeatUII18n,c=>{const d=t.coalesce(l,c.$.closeModal);return j.Button({variant:"text",size:n,roundedness:i,disabled:s,color:r,onClick:o},t.attr.title(d),t.aria.label(d),...a,E.Icon({icon:e,size:n??"sm"}))})}const J=n=>{const{value:e,onBlur:s,onChange:i,placeholder:r,disabled:o,id:l,checkedIcon:a,uncheckedIcon:c,iconSize:d="lg"}=n,h=l??_.sessionId("checkbox"),p=`${h}-label`,g=()=>{if(t.Value.get(o??!1))return;const u=t.Value.get(e);i?.(!u)},y=u=>{t.Value.get(o??!1)||(u.key===" "||u.key==="Enter")&&(u.preventDefault(),g())};return j.InputContainer({baseContainer:!0,growInput:!1,...n,input:t.html.span(t.attr.class("bc-checkbox-input"),t.html.span(t.attr.class("bc-checkbox-input__checkbox"),t.attr.class(t.Value.map(e,u=>u?"bc-checkbox-input__checkbox--checked":"bc-checkbox-input__checkbox--unchecked")),t.attr.class(t.Value.map(o??!1,u=>u?"bc-checkbox-input__checkbox--disabled":"")),t.attr.id(h),t.attr.role("checkbox"),t.attr.tabindex(t.Value.map(o??!1,u=>u?-1:0)),t.aria.checked(e),t.aria.disabled(o),r!=null?t.aria.labelledby(p):t.Empty,t.on.keydown(y),s!=null?t.on.blur(s):t.Empty,E.Icon({icon:t.computedOf(e,a,c)((u,f,v)=>u?f??"akar-icons/check-box-fill":v??"akar-icons/box"),accessibility:"decorative",size:d})),r!=null?t.html.label(t.attr.class("bc-checkbox-input__label"),t.attr.id(p),t.attr.for(h),m.MutedLabel(r)):t.Empty)},t.on.click(g))},P=t.html.span(t.attr.class("bc-input-wrapper__required")," *");function Q(n){const e=["bc-input-wrapper"];return n!=="vertical"&&e.push(`bc-input-wrapper--${n}`),e.join(" ")}function X(n,e){const s=["bc-input-wrapper__label-text"];return n?s.push("bc-input-wrapper__label-text--error"):e?s.push("bc-input-wrapper__label-text--disabled"):s.push("bc-input-wrapper__label-text--default"),s.join(" ")}function Y(n,e){if(n==="horizontal-fixed"&&e!=null)return`--input-wrapper-label-width: ${e}`}const M=({fullWidth:n=!1,required:e,label:s,labelChildren:i,context:r,description:o,content:l,error:a,labelFor:c,hasError:d,disabled:h,layout:p,labelWidth:g},...y)=>{const u=d??a!=null,f=h??!1,v=p??"vertical",D=_.sessionId("input-wrapper"),I=o?`${D}-description`:void 0,V=a!=null?`${D}-error`:void 0,B=t.computedOf(v)(b=>b!=="vertical"),K=t.computedOf(v,g??void 0)((b,w)=>Y(b,w));return t.html.div(t.attr.class(t.Value.map(v,b=>Q(b))),t.attr.class(t.Value.map(n,b=>b?"bc-input-wrapper--full-width":"")),t.attr.style(K),s!=null||r!=null?t.html.div(t.attr.class("bc-input-wrapper__header"),t.html.div(t.attr.class("bc-input-wrapper__label-section"),t.html.label(t.attr.class("bc-input-wrapper__label"),c!=null?t.attr.for(c):t.Empty,t.html.span(t.attr.class(t.computedOf(u,f)((b,w)=>X(b??!1,w??!1))),s),s!=null&&e?P:t.Empty),t.When(t.computedOf(B,o)((b,w)=>b&&w!=null),()=>t.html.div(t.attr.class("bc-input-wrapper__description bc-input-wrapper__description--under-label"),t.attr.id(I),o))),r!=null?m.Label(r):t.Empty,i):t.Empty,t.html.div(t.attr.class("bc-input-wrapper__content"),[I,V].filter(Boolean).length>0?t.dataAttr.describedby([I,V].filter(Boolean).join(" ")):t.Empty,e?t.dataAttr.required("true"):t.Empty,t.When(u,()=>t.dataAttr.invalid("true")),l),t.When(t.computedOf(B,o)((b,w)=>!b&&w!=null),()=>t.html.div(t.attr.class("bc-input-wrapper__description"),t.attr.id(I),o)),t.When(u,()=>t.html.div(t.attr.class("bc-input-wrapper__error"),t.attr.id(V),t.aria.live("polite"),t.attr.role("alert"),a)),...y)},H=((n,e)=>()=>{n.markTouched(),e?.()}),O=(n,e)=>s=>{n.change(s),e?.(s)};function x(n,e){const{controller:s,onBlur:i,onChange:r,id:o,triggerOn:l,...a}=e;return n({id:o??s.name,disabled:s.disabled,value:s.signal,hasError:s.errorVisible,name:s.name,...a,onInput:l==="input"?O(s,r):void 0,onChange:l!=="input"?O(s,r):void 0,onBlur:H(s,i)})}function Z(n,{id:e,labelFor:s,...i},...r){const o=e??i.controller.name??_.sessionId("control"),l=s??o;return M({...i,hasError:i.controller.errorVisible,error:t.TextNode(i.controller.error.map(a=>a??"")),labelFor:l,content:x(a=>n({...a,id:o}),i)},...r)}function F(n,e){const{toInput:s,fromInput:i,controller:r,...o}=e,l=r.transform(s,i);return x(n,{...o,controller:l})}function ee(n,{id:e,labelFor:s,...i},...r){const o=e??i.controller.name??_.sessionId("control");return M({...i,labelFor:s??o,content:F(n,{...i,id:o})},...r)}function te(n){return n.split(".").map(s=>{const i=s.match(/^\[(\d+)\]$/);return i?Number(i[1]):s})}function $(n){return typeof n=="number"?`[${n}]`:`.${n}`}function W(n){if(n.length===0)return"";const[e,...s]=n;return[typeof e=="number"?`[${e}]`:e,...s.map($)].join("")}const se={valid:m.i.valid,invalid(n){return m.i.invalid({message:n})},invalidFields(n){const e={};for(const[s,i]of Object.entries(n))e[s]=typeof i=="string"?{message:i}:i;return m.i.invalid({dependencies:e})},fromError(n){return m.i.invalid(n)}};function T(n){return function(s){if(s.type==="valid")return s;let i=s.error;for(const r of n)if(i=i?.dependencies?.[r],i==null)return m.i.valid;return m.i.invalid(i)}}class k{path;change;signal;status;error;hasError;touched;errorVisible;dirty;dependencyErrors;#e={disabled:t.prop(!1),touched:t.prop(!1)};#s;#t=t.prop(void 0);parent;disabled;#n=[];disabledOrHasErrors;constructor(e,s,i,r,o,l=C){this.path=e,this.change=s,this.signal=i,this.status=r,this.#s=l,this.#t.set(i.value),this.error=r.map(a=>a?.type==="invalid"?a.error?.message:void 0),this.hasError=this.error.map(a=>a!=null),this.touched=this.#e.touched,o.validationMode?this.errorVisible=t.computedOf(this.hasError,this.touched,o.validationMode)((a,c,d)=>d==="eager"?!!a:!!a&&!!c):this.errorVisible=t.computedOf(this.hasError,this.touched)((a,c)=>!!a&&!!c),this.dirty=t.computedOf(this.signal,this.#t)((a,c)=>!this.#s(a,c)),this.dependencyErrors=r.map(a=>a?.type==="invalid"?a.error?.dependencies:void 0),this.parent=o,this.disabled=t.computedOf(this.#e.disabled,o.disabled)((a,c)=>a||c),this.disabledOrHasErrors=t.computedOf(this.disabled,this.hasError)((a,c)=>a||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 W(this.path)}onDispose=e=>{this.#n.push(e)};dispose=()=>{for(const e of this.#n)try{e()}catch(s){console.error("Error in dispose callback:",s)}this.#n.length=0};setDisabled=e=>{this.#e.disabled.set(e)};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=(e=C)=>new q(this.path,this.change,this.signal,this.status,this.parent,e);object=(e=C)=>new N(this.path,this.change,this.signal,this.status,this.parent,e);transform=(e,s,i=[],r=C)=>new k([...this.path,...i],o=>this.change(s(o)),this.signal.map(e,r),this.status.map(T(i)),this.parent,r);asyncTransform=(e,s,i,r=[],o=C)=>new k([...this.path,...r],l=>{s(l).then(a=>this.change(a))},this.signal.mapAsync(e,i,void 0,o),this.status.map(T(r)),this.parent,o)}class N extends k{#e=new Map;#s=new Map;#t=new Map;#n=t.prop(!1);touchedDeep=this.#n;#r=new Map;#i=new Map;#o=t.prop(!1);dirtyDeep=this.#o;#c;#h;#l=()=>{let e=!1;for(const s of this.#s.values())if(s){e=!0;break}this.#n.set(this.touched.value||e)};constructor(e,s,i,r,o,l){super(e,s,i.map(c=>c??{},l),r,o,l),this.#c=this.touched.on(()=>{this.#l()}),this.#h=this.dirty.on(()=>{this.#a()});const a=this.signal.on(()=>this.#a());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.#i.values())c();this.#i.clear(),this.#r.clear(),this.#o.dispose(),this.#c(),this.#h(),a()})}field=e=>{if(this.#e.has(e))return this.#e.get(e);const s=async l=>{this.change({...this.signal.value,[e]:l})},i=new k([...this.path,e],s,this.signal.map(l=>l[e]),this.status.map(T([e])),{disabled:this.disabled,validationMode:this.parent.validationMode});this.#e.set(e,i);const r=i.touched.on(l=>{this.#s.set(e,l),this.#l()});this.#t.set(e,r);const o=i.dirty.on(l=>{this.#r.set(e,l),this.#a()});return this.#i.set(e,o),i};markAllTouched=()=>{this.markTouched();const e=this.signal.value;for(const s of Object.keys(e))this.field(s).markTouched();for(const s of this.#e.values())s.markTouched()};markAllPristine=()=>{this.markPristine();const e=this.signal.value;for(const s of Object.keys(e))this.field(s).markPristine?.();for(const s of this.#e.values())s.markPristine?.()};#a=()=>{let e=!1;for(const s of this.#r.values())if(s){e=!0;break}this.#o.set(this.dirty.value||e)}}class q extends k{#e=new Array;length;#s=new Map;#t=new Map;#n=t.prop(!1);touchedDeep=this.#n;#r=new Map;#i=new Map;#o=t.prop(!1);dirtyDeep=this.#o;#c;#h;#l=()=>{let e=!1;for(const s of this.#s.values())if(s){e=!0;break}this.#n.set(this.touched.value||e)};constructor(e,s,i,r,o,l){const a=i.map(h=>h??[],l);super(e,s,a,r,o,l);const c=a.on(h=>{const p=this.#e.length-h.length;p>0&&(this.#e.splice(h.length,p).forEach((g,y)=>{const u=h.length+y;g.dispose(),this.#t.get(u)?.(),this.#t.delete(u),this.#s.delete(u),this.#i.get(u)?.(),this.#i.delete(u),this.#r.delete(u)}),this.#l(),this.#a())});this.length=a.map(h=>h.length),this.#c=this.touched.on(()=>{this.#l()}),this.#h=this.dirty.on(()=>{this.#a()});const d=this.signal.on(()=>this.#a());this.onDispose(()=>{for(const h of this.#e)h.dispose();this.length.dispose(),this.#e.length=0,c(),a.dispose();for(const h of this.#t.values())h();this.#t.clear(),this.#s.clear(),this.#n.dispose();for(const h of this.#i.values())h();this.#i.clear(),this.#r.clear(),this.#o.dispose(),this.#c(),this.#h(),d()})}item=e=>{if(this.#e[e])return this.#e[e];const s=async l=>{const a=this.signal.value.slice();a[e]=l,this.change(a)},i=new k([...this.path,e],s,this.signal.map(l=>l[e]),this.status.map(T([e])),{disabled:this.disabled,validationMode:this.parent.validationMode});this.#e[e]=i;const r=i.touched.on(l=>{this.#s.set(e,l),this.#l()});this.#t.set(e,r);const o=i.dirty.on(l=>{this.#r.set(e,l),this.#a()});return this.#i.set(e,o),i};push=(...e)=>{this.change([...this.signal.value,...e])};pop=()=>{this.splice(this.signal.value.length-1,1)};shift=()=>{this.splice(0,1)};unshift=(...e)=>{this.change([...e,...this.signal.value])};removeAt=e=>{this.splice(e,1)};splice=(e,s)=>{const i=this.signal.value.slice();i.splice(e,s),this.change(i)};move=(e,s,i=1)=>{if(i<1||e===s)return;const r=this.signal.value.slice(),o=r.splice(e,i);r.splice(s,0,...o),this.change(r)};markAllTouched=()=>{this.markTouched();const e=this.signal.value.length;for(let s=0;s<e;s++)this.item(s).markTouched()};markAllPristine=()=>{this.markPristine();const e=this.signal.value.length;for(let s=0;s<e;s++)this.item(s).markPristine?.()};#a=()=>{let e=!1;for(const s of this.#r.values())if(s){e=!0;break}this.#o.set(this.dirty.value||e)}}function z(n){function e(s){return typeof s=="number"?s:s.toString()}return n.map(s=>typeof s=="object"&&s.key!=null?e(s.key):e(s))}function L(n){const e=n.filter(r=>r.path==null||r.path.length===0).map(r=>r.message),s=n.filter(r=>r.path!=null&&r.path.length>0).reduce((r,o)=>{const l=z(o.path),a=l.pop();let c=r;for(const d of l)c.dependencies==null&&(c.dependencies={}),c.dependencies[d]==null&&(c.dependencies[d]={}),c=c.dependencies[d];return c.dependencies==null&&(c.dependencies={}),c.dependencies[a]={message:o.message},r},{}),i=e.join(`
+`);return{...s,message:i!=""?i:void 0}}function R({initialValue:n,onChange:e,validate:s,equals:i,validationMode:r,validateDebounceMs:o}){const l=t.Value.deriveProp(n),a=t.prop(m.i.valid),c=t.prop(!1),d=t.prop(r??"onTouched"),h=f=>{a.set(f)};let p;const g=async f=>{if(s!=null){const v=await s(f);h(v)}},y=async f=>{l.set(f),e?.(f);const v=d.value;if(s!=null){if(v==="onSubmit")return;const D=o??0;D>0?(p&&clearTimeout(p),p=setTimeout(()=>{g(f)},D)):await g(f)}},u=new k([],y,l,a,{disabled:c,validationMode:d},i??C);return u.onDispose(()=>{c.dispose(),l.dispose(),a.dispose(),d.dispose(),p&&clearTimeout(p)}),{controller:u,setStatus:h}}function A(n){return t.Fragment(t.attr.disabled(n.disabled),t.attr.name(n.name))}function ne(n,{triggerOn:e="change"}={}){return t.Fragment(A(n),t.attr.value(n.signal),(e==="input"?t.on.input:t.on.change)(t.emitValue(n.change)))}function ie(n,{triggerOn:e="change"}={}){return t.Fragment(A(n),t.attr.valueAsNumber(n.signal),(e==="input"?t.on.input:t.on.change)(t.emitValueAsNumber(n.change)))}function S(n){return n.issues!=null?m.i.invalid(L(n.issues)):m.i.valid}async function re({task:n,errorMessage:e,errorPath:s=["root"],validation:i}){try{const r=await n();return i!=null?i(r):m.i.valid}catch(r){const o=e??(r instanceof Error?r.message:"Operation failed");return s.length===1&&s[0]==="root"?m.i.invalid({message:o}):m.i.invalid({dependencies:U(s,o)})}}function U(n,e){if(n.length===1)return{[n[0]]:{message:e}};const[s,...i]=n;return{[s]:{dependencies:U(i,e)}}}function ae({initialValue:n={},schema:e,onSubmit:s=async()=>m.i.valid,validationMode:i,validateDebounceMs:r}){const{controller:o,setStatus:l}=R({initialValue:n,validationMode:i??"onTouched",validateDebounceMs:r,validate:(i??"onTouched")==="onSubmit"||e==null?void 0:async h=>S(await e["~standard"].validate(h))}),a=t.prop(!1),c=o.object();return c.onDispose(a.dispose),{controller:c,setStatus:l,submit:async h=>{if(a.set(!0),h?.preventDefault(),c.markAllTouched(),e!=null){const g=c.signal.value,y=S(await e["~standard"].validate(g));if(l(y),y.type==="invalid"){a.set(!1);return}}const p=await s(c.signal.value);a.set(!1),p.type==="invalid"&&l(p)},submitting:a}}exports.ArrayController=q;exports.BaseControl=x;exports.BaseMappedControl=F;exports.CheckboxInput=J;exports.CloseButton=G;exports.Control=Z;exports.Controller=k;exports.ControllerValidation=se;exports.InputWrapper=M;exports.MappedControl=ee;exports.O=C;exports.ObjectController=N;exports.RequiredSymbol=P;exports.connectCommonAttributes=A;exports.connectNumberInput=ie;exports.connectStringInput=ne;exports.convertStandardSchemaIssues=L;exports.convertStandardSchemaPathToPath=z;exports.makeMapValidation=T;exports.makeOnBlurHandler=H;exports.makeOnChangeHandler=O;exports.parsePath=te;exports.pathToString=W;exports.standardSchemaResultToValidation=S;exports.taskToValidation=re;exports.useController=R;exports.useForm=ae;exports.wrapSegment=$;

package/dist/widget-customization-Dk7XcVly.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("@tempots/dom"),F=require("./deep-merge-d7sf0xmN.cjs"),ut=require("./string-B9vVyfq3.cjs"),D=require("./input-container-C6qEIjcA.cjs"),S=require("./text-input-Ds8e7Z1G.cjs"),k=require("./translations-B4-Zd2LM.cjs"),X=require("@tempots/ui"),z=require("./notice-CLDdy1MW.cjs"),pt=require("./session-id-B5lJMzbB.cjs"),dt=require("./utils-DIUEhA-Z.cjs");function q(e){if(typeof e!="string")return!1;const n=e.startsWith("#")?e.slice(1):e;return/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(n)}function Y(e){if(typeof e!="string")return!1;const n=/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i,r=e.match(n);if(!r)return!1;const[,a,o,s]=r,l=parseInt(a,10),i=parseInt(o,10),c=parseInt(s,10);return l>=0&&l<=255&&i>=0&&i<=255&&c>=0&&c<=255}function G(e){if(typeof e!="string")return!1;const n=/^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(0|1|0?\.\d+)\s*\)$/i,r=e.match(n);if(!r)return!1;const[,a,o,s,l]=r,i=parseInt(a,10),c=parseInt(o,10),u=parseInt(s,10),p=parseFloat(l);return i>=0&&i<=255&&c>=0&&c<=255&&u>=0&&u<=255&&p>=0&&p<=1}function K(e){if(typeof e!="string")return!1;const n=/^hsl\(\s*(\d{1,3})\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*\)$/i,r=e.match(n);if(!r)return!1;const[,a,o,s]=r,l=parseInt(a,10),i=parseInt(o,10),c=parseInt(s,10);return l>=0&&l<=360&&i>=0&&i<=100&&c>=0&&c<=100}function gt(e){return q(e)||Y(e)||G(e)||K(e)}function Q(e){if(!q(e))return null;let n=e.startsWith("#")?e.slice(1):e;return n.length===3&&(n=n.split("").map(r=>r+r).join("")),`#${n.toLowerCase()}`}function W(e,n,r){const a=o=>{const s=Math.round(Math.max(0,Math.min(255,o))).toString(16);return s.length===1?"0"+s:s};return`#${a(e)}${a(n)}${a(r)}`}function E(e){const n=Q(e);if(!n)return null;const r=/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return r?{r:parseInt(r[1],16),g:parseInt(r[2],16),b:parseInt(r[3],16)}:null}function ht(e,n){const r=E(e),a=E(n);if(!r||!a)return null;const o=(u,p,h)=>{const[f,d,y]=[u,p,h].map(I=>(I=I/255,I<=.03928?I/12.92:Math.pow((I+.055)/1.055,2.4)));return .2126*f+.7152*d+.0722*y},s=o(r.r,r.g,r.b),l=o(a.r,a.g,a.b),i=Math.max(s,l),c=Math.min(s,l);return(i+.05)/(c+.05)}function Z(e){if(!e)return[0,0,0,1];const r=e.trim().match(/^#?([a-fA-F0-9]{3,4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/);if(r){const u=r[1];if(u.length===8){const p=parseInt(u.slice(0,2),16),h=parseInt(u.slice(2,4),16),f=parseInt(u.slice(4,6),16),d=parseInt(u.slice(6,8),16)/255;return[p,h,f,d]}if(u.length===6)return[parseInt(u.slice(0,2),16),parseInt(u.slice(2,4),16),parseInt(u.slice(4,6),16),1];if(u.length===4){const p=parseInt(u[0]+u[0],16),h=parseInt(u[1]+u[1],16),f=parseInt(u[2]+u[2],16),d=parseInt(u[3]+u[3],16)/255;return[p,h,f,d]}if(u.length===3){const p=parseInt(u[0]+u[0],16),h=parseInt(u[1]+u[1],16),f=parseInt(u[2]+u[2],16);return[p,h,f,1]}}const a=e.match(/^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(0|1|0?\.\d+)\s*\)$/i);if(a)return[parseInt(a[1],10),parseInt(a[2],10),parseInt(a[3],10),parseFloat(a[4])];const o=e.match(/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i);if(o)return[parseInt(o[1],10),parseInt(o[2],10),parseInt(o[3],10),1];const s=e.match(/^hsla?\(\s*([+-]?[\d.]+)(?:deg)?\s*[ ,]?\s*([\d.]+)%\s*[ ,]?\s*([\d.]+)%\s*(?:[/,]\s*(\d?(?:\.\d+)?))?\s*\)$/i);if(s){const u=parseFloat(s[1]),p=parseFloat(s[2]),h=parseFloat(s[3]),f=s[4]!=null?parseFloat(s[4]):1,[d,y,I]=j(u,p/100,h/100);return[d,y,I,f]}const l=e.match(/^hwb\(\s*([+-]?[\d.]+)(?:deg)?\s*[, ]\s*([\d.]+)%\s*[, ]\s*([\d.]+)%\s*(?:[/]\s*(\d?(?:\.\d+)?))?\s*\)$/i);if(l){const u=parseFloat(l[1]),p=parseFloat(l[2])/100,h=parseFloat(l[3])/100,f=l[4]!=null?parseFloat(l[4]):1,[d,y,I]=et(u,p,h);return[d,y,I,f]}const i=e.match(/^oklch\(\s*([+-]?[\d.]+%?)\s+([\d.]+)\s+([+-]?[\d.]+)(?:deg)?(?:\s*\/\s*(\d?(?:\.\d+)?))?\s*\)$/i);if(i){const u=i[1],p=parseFloat(i[2]),h=parseFloat(i[3]),f=i[4]!=null?parseFloat(i[4]):1,d=u.endsWith("%")?Math.max(0,Math.min(1,parseFloat(u)/100)):Math.max(0,Math.min(1,parseFloat(u))),[y,I,b]=at(d,p,h);return[y,I,b,f]}const c=E(e);return c?[c.r,c.g,c.b,1]:[0,0,0,1]}function J(e,n,r,a){return`rgba(${Math.round(e)}, ${Math.round(n)}, ${Math.round(r)}, ${Math.max(0,Math.min(1,Math.round(a*100)/100))})`}function tt(e){let n=e+1831565813;return function(){return n=Math.imul(n^n>>>15,n|1),n^=n+Math.imul(n^n>>>7,n|61),((n^n>>>14)>>>0)/4294967296}}function j(e,n,r){e=(e%360+360)%360;const a=(1-Math.abs(2*r-1))*n,o=a*(1-Math.abs(e/60%2-1)),s=r-a/2;let l=0,i=0,c=0;return 0<=e&&e<60?[l,i,c]=[a,o,0]:60<=e&&e<120?[l,i,c]=[o,a,0]:120<=e&&e<180?[l,i,c]=[0,a,o]:180<=e&&e<240?[l,i,c]=[0,o,a]:240<=e&&e<300?[l,i,c]=[o,0,a]:[l,i,c]=[a,0,o],[Math.round((l+s)*255),Math.round((i+s)*255),Math.round((c+s)*255)]}function et(e,n,r){e=(e%360+360)%360;const a=n+r;a>1&&(n/=a,r/=a);const[o,s,l]=j(e,1,.5).map(h=>h/255),i=1-n-r,c=o*i+n,u=s*i+n,p=l*i+n;return[Math.round(c*255),Math.round(u*255),Math.round(p*255)]}function L(e,n,r){e/=255,n/=255,r/=255;const a=Math.max(e,n,r),o=Math.min(e,n,r);let s=0,l=0;const i=(a+o)/2,c=a-o;if(c!==0){switch(l=i>.5?c/(2-a-o):c/(a+o),a){case e:s=(n-r)/c+(n<r?6:0);break;case n:s=(r-e)/c+2;break;default:s=(e-n)/c+4}s*=60}return[Math.round(s),Math.round(l*100),Math.round(i*100)]}function nt(e,n,r){const[a]=L(e,n,r),o=e/255,s=n/255,l=r/255,i=Math.min(o,s,l),c=1-Math.max(o,s,l);return[a,Math.round(i*100),Math.round(c*100)]}function O(e){const n=e/255;return n<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4)}function U(e){const n=e<=.0031308?12.92*e:1.055*Math.pow(e,.4166666666666667)-.055;return Math.round(Math.max(0,Math.min(1,n))*255)}function at(e,n,r){const a=r*Math.PI/180,o=Math.cos(a)*n,s=Math.sin(a)*n,l=e+.3963377774*o+.2158037573*s,i=e-.1055613458*o-.0638541728*s,c=e-.0894841775*o-1.291485548*s,u=l*l*l,p=i*i*i,h=c*c*c,f=4.0767416621*u-3.3077115913*p+.2309699292*h,d=-1.2684380046*u+2.6097574011*p-.3413193965*h,y=-.0041960863*u-.7034186147*p+1.707614701*h;return[U(f),U(d),U(y)]}function rt(e,n,r){const a=O(e),o=O(n),s=O(r),l=.4122214708*a+.5363325363*o+.0514459929*s,i=.2119034982*a+.6806995451*o+.1073969566*s,c=.0883024619*a+.2817188376*o+.6299787005*s,u=Math.cbrt(l),p=Math.cbrt(i),h=Math.cbrt(c),f=.2104542553*u+.793617785*p-.0040720468*h,d=1.9779984951*u-2.428592205*p+.4505937099*h,y=.0259040371*u+.7827717662*p-.808675766*h,I=Math.sqrt(d*d+y*y);let b=Math.atan2(y,d)*180/Math.PI;return b<0&&(b+=360),[f,I,b]}function R(e,n,r,a,o,s){switch(o){case"hex":if(s){const l=c=>c.toString(16).padStart(2,"0"),i=Math.max(0,Math.min(255,Math.round(a*255)));return`#${l(e)}${l(n)}${l(r)}${l(i)}`}return W(e,n,r);case"rgb":return`rgb(${e}, ${n}, ${r})`;case"rgba":return`rgba(${e}, ${n}, ${r}, ${Math.round(a*100)/100})`;case"hsl":{const[l,i,c]=L(e,n,r);return`hsl(${l}, ${i}%, ${c}%)`}case"hsla":{const[l,i,c]=L(e,n,r);return`hsla(${l}, ${i}%, ${c}%, ${Math.round(a*100)/100})`}case"hwb":{const[l,i,c]=nt(e,n,r);return a<1?`hwb(${l} ${i}% ${c}% / ${Math.round(a*100)/100})`:`hwb(${l} ${i}% ${c}%)`}case"oklch":{const[l,i,c]=rt(e,n,r),u=(Math.round(l*1e3)/1e3).toFixed(3),p=(Math.round(i*1e3)/1e3).toFixed(3),h=(Math.round(c*10)/10).toFixed(1),f=Math.round(a*100)/100;return s||a<1?`oklch(${u} ${p} ${h} / ${f})`:`oklch(${u} ${p} ${h})`}}}function v(e,n){return n?e==="rgb"?"rgba":e==="hsl"?"hsla":e:e==="rgba"?"rgb":e==="hsla"?"hsl":e}async function st(e){return new Promise((n,r)=>{const a=new FileReader;a.readAsDataURL(e),a.onload=()=>{const o=a.result;n(o.split(",")[1])},a.onerror=o=>r(o)})}function mt(e){return Promise.all(e.map(st))}function ft(e){if(e.length>=4){if(e[0]===137&&e[1]===80&&e[2]===78&&e[3]===71)return"image/png";if(e[0]===255&&e[1]===216)return"image/jpeg";if(e[0]===71&&e[1]===73&&e[2]===70)return"image/gif";if(e[0]===82&&e[1]===73&&e[2]===70&&e[3]===70&&e.length>=12&&e[8]===87&&e[9]===69&&e[10]===66&&e[11]===80)return"image/webp"}try{if(new TextDecoder("utf-8").decode(e.slice(0,256)).includes("<svg"))return"image/svg+xml"}catch{}return"application/octet-stream"}function bt(e){const n=ut.$t(e??""),r=n.length,a=new Uint8Array(r);for(let o=0;o<r;o++)a[o]=n.charCodeAt(o);return a}function ot(e){const{value:n,onChange:r,onInput:a,...o}=e,s=new Map,l=t.Value.toSignal(n).map(p=>p.map((h,f)=>{const d=s.get(h),y=bt(h??""),I=d?.type||ft(y),b=d?.name??`file-${f}`,V=y.buffer.slice(y.byteOffset,y.byteOffset+y.byteLength),m=new Blob([V],{type:I});return new File([m],b,{type:I})})),i=p=>h=>{p&&mt(h).then(f=>{for(const[d,y]of f.entries())s.set(y,{name:h[d].name,type:h[d].type});p(f)})},c=i(r),u=i(a);return F.FilesInput({...o,value:l,onChange:c,onInput:u})}function yt(e){const{value:n,onInput:r,onChange:a,...o}=e;return ot({...o,maxFiles:1,value:t.Value.map(n,s=>s==null?[]:[s]),onChange:s=>{a?.(s[0])},onInput:s=>{r?.(s[0])}})}function It(e,n){const[r,a,o]=e,s=r<<16^a<<8^o,l=tt(s),i=6+Math.floor(l()*5),c=.18+l()*.06,u=[];for(let d=0;d<i;d++){const y=d/i*Math.PI*2,I=n*(1+(l()*2-1)*c),b=Math.cos(y)*I,V=Math.sin(y)*I;u.push({x:b,y:V})}const p=(u[0].x+u[i-1].x)/2,h=(u[0].y+u[i-1].y)/2;let f=`M ${p.toFixed(3)} ${h.toFixed(3)}`;for(let d=0;d<i;d++){const y=u[d],I=u[(d+1)%i],b=(y.x+I.x)/2,V=(y.y+I.y)/2;f+=` Q ${y.x.toFixed(3)} ${y.y.toFixed(3)} ${b.toFixed(3)} ${V.toFixed(3)}`}return f+=" Z",f}const wt=e=>{const{value:n,onBlur:r,onChange:a,onInput:o,displayValue:s,size:l,withAlpha:i}=e,c=t.Value.map(l??32,g=>g),u=t.Value.map(n,g=>Z(g??"#000000")),p=t.Value.map(u,([g,w,x])=>[g,w,x]),h=t.Value.map(u,([,,,g])=>g),f=t.prop(t.Value.get(h)??1),d=t.Value.map(i??!1,g=>g),y=t.Value.map(e.colorTextFormat??"rgb",g=>g),I=t.computedOf(p,f,y,d)(([g,w,x],C,A,T)=>R(g,w,x,C??1,v(A,T),T)),b=t.Value.map(e.colorTextFormat??"hex",g=>g),V=t.Value.map(c,g=>`${-g/2} ${-g/2} ${g} ${g}`),m=t.computedOf(p,c)((g,w)=>It(g,w/2)),_=t.computedOf(p,f,d)(([g,w,x],C,A)=>A||C<1?J(g,w,x,C):W(g,w,x)),M=t.html.div(t.attr.class("bc-color-swatch-input__control"),t.attr.class(t.Value.map(d,g=>g?"bc-color-swatch-input__control--alpha":"")),t.attr.style(t.computedOf(c)(g=>`min-width:${g+2}px;height:${g+2}px`)),t.svg.svg(t.attr.class("bc-color-swatch-input__svg"),t.svgAttr.viewBox(V),t.svg.path(t.svgAttr.d(m),t.svgAttr.fill(_))),t.html.input(t.attr.type("color"),S.CommonInputAttributes(e),t.attr.value(t.Value.map(p,([g,w,x])=>W(g,w,x))),t.attr.class("bc-input bc-color-swatch-input bc-color-swatch-input__native"),r!=null?t.on.blur(r):t.Empty,a!=null?t.on.change(g=>{const w=g.target.value;if(!a)return;const{r:x,g:C,b:A}=E(w)??{r:0,g:0,b:0},T=t.Value.get(f)??1,N=v(t.Value.get(b),t.Value.get(d)),H=R(x,C,A,T,N,t.Value.get(d));a(H)}):t.Empty,o!=null?t.on.input(g=>{const w=g.target.value;if(!o)return;const{r:x,g:C,b:A}=E(w)??{r:0,g:0,b:0},T=t.Value.get(f)??1,N=v(t.Value.get(b),t.Value.get(d)),H=R(x,C,A,T,N,t.Value.get(d));o(H)}):t.Empty)),$=t.When(d,()=>t.html.input(t.attr.type("range"),t.attr.class("bc-color-swatch-input__alpha"),t.attr.min(0),t.attr.max(1),t.attr.step(.01),t.attr.value(t.Value.map(f,g=>String(g??1))),t.attr.disabled(e.disabled),t.on.input(g=>{const w=parseFloat(g.target.value);f.set(w);const[x,C,A]=t.Value.get(p),T=v(t.Value.get(b),t.Value.get(d)),N=R(x,C,A,w,T,t.Value.get(d));o?.(N)}),t.on.change(g=>{const w=parseFloat(g.target.value);f.set(w);const[x,C,A]=t.Value.get(p),T=v(t.Value.get(b),t.Value.get(d)),N=R(x,C,A,w,T,t.Value.get(d));a?.(N)})));return D.InputContainer({baseContainer:!0,...e,growInput:!1,input:M,after:t.Fragment(t.When(s??!1,()=>t.html.span(t.attr.class("bc-color-swatch-input__rgb"),I)),$,e.after)})},Vt=({startEditing:e,value:n,onChange:r,placeholder:a,disabled:o})=>{const s=t.Value.deriveProp(e??!1),l=t.prop(!1),i=t.Value.map(o??!1,c=>c);return t.html.div(t.attr.class("bc-editable-text"),t.attr.class(t.Value.map(i,c=>c?"bc-editable-text--disabled":"")),t.aria.disabled(i),t.When(s,()=>t.html.input(t.attr.placeholder(a),t.attr.value(n),t.attr.class("bc-editable-text__input"),X.AutoSelect(),t.on.keydown(c=>{c.key==="Enter"?s.set(!1):c.key==="Escape"&&(l.set(!0),s.set(!1))}),t.on.blur(t.emitValue(c=>{if(s.set(!1),l.value){l.set(!1);return}r(c)}))),()=>t.html.span(t.on.click(()=>{t.Value.get(i)||s.set(!0)}),t.attr.class("bc-editable-text__display"),t.When(t.Value.map(n,c=>c!=null&&c.trim()!==""),()=>t.html.span(t.attr.class("bc-editable-text__text"),n),()=>t.html.span(t.attr.class("bc-editable-text__placeholder"),a)),t.When(t.Value.map(i,c=>!c),()=>t.html.button(t.attr.type("button"),t.attr.class("bc-editable-text__edit-button"),t.Use(k.BeatUII18n,c=>t.aria.label(c.$.editLabel)),t.on.click(()=>s.set(!0)),k.Icon({icon:"line-md/pencil",color:"neutral"}))))))},$t=e=>{const{value:n,onBlur:r,onChange:a,onInput:o,after:s,disabled:l}=e,i=F.NullableResetAfter(n,l,a??o);return D.InputContainer({...e,input:t.input.date(S.CommonInputAttributes(e),t.attr.valueAsDate(n),t.attr.class("bc-input"),r!=null?t.on.blur(t.emitValue(r)):t.Empty,a!=null?t.on.change(t.emitValueAsNullableDate(a)):t.Empty,o!=null?t.on.input(t.emitValueAsNullableDate(o)):t.Empty),after:s!=null?t.Fragment(i,s):i})},xt=e=>{const n=e.getFullYear(),r=e.getMonth()+1,a=e.getDate(),o=e.getHours(),s=e.getMinutes(),l=e.getSeconds();return`${n}-${r.toString().padStart(2,"0")}-${a.toString().padStart(2,"0")}T${o.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}:${l.toString().padStart(2,"0")}`},Mt=e=>{const{value:n,onBlur:r,onChange:a,onInput:o,after:s,disabled:l}=e,i=t.Value.map(n,u=>u!=null?xt(u):null),c=F.NullableResetAfter(n,l,a??o);return D.InputContainer({...e,input:t.input["datetime-local"](S.CommonInputAttributes(e),t.attr.value(t.Value.map(i,u=>u??null)),t.attr.class("bc-input"),r!=null?t.on.blur(t.emitValue(r)):t.Empty,a!=null?t.on.change(t.emitValueAsNullableDateTime(a)):t.Empty,o!=null?t.on.input(t.emitValueAsNullableDateTime(o)):t.Empty),after:s!=null?t.Fragment(c,s):c})},P=e=>typeof e=="string"&&e.trim()===""?null:e,lt=e=>e??"";function B(e){return n=>{const{value:r,onBlur:a,onChange:o,onInput:s,after:l,disabled:i,...c}=n,u=F.NullableResetAfter(r,i,o??s);return e({...c,disabled:i,value:t.Value.map(r,lt),onChange:o!=null?p=>o(P(p)):void 0,onInput:s!=null?p=>s(P(p)):void 0,onBlur:a,after:l!=null?t.Fragment(u,l):u})}}const _t=B(z.EmailInput),Ct=B(S.TextInput),At=B(z.PasswordInput),Tt=B(F.TextArea),Ft=({value:e,onChange:n,onInput:r,onBlur:a,offLabel:o,onLabel:s,disabled:l=!1,size:i="md",id:c,color:u="primary",tabIndex:p=0})=>{const h=c??pt.sessionId("switch");function f(b,V){const m=["bc-switch",`bc-switch--size-${V}`,`bc-switch--${V}`];return b&&m.push("bc-switch--disabled"),m.join(" ")}function d(b){const V=b??"primary",m=new Map,_=k.backgroundValue(V,"solid","light"),M=k.backgroundValue(V,"solid","dark");return m.set("--switch-track-on-bg",_.backgroundColor),m.set("--switch-track-on-label",_.textColor),m.set("--switch-track-on-bg-dark",M.backgroundColor),m.set("--switch-track-on-label-dark",M.textColor),m.set("--switch-track-on-border-dark",k.borderColorValue(V,"dark")),Array.from(m.entries()).map(([$,g])=>`${$}: ${g}`).join("; ")}const y=()=>{t.Value.get(l)||(n?.(!t.Value.get(e)),r?.(!t.Value.get(e)))},I=b=>{t.Value.get(l)||(b.key===" "||b.key==="Enter")&&(b.preventDefault(),y())};return t.html.div(t.attr.class(t.computedOf(l??!1,i)((b,V)=>f(b??!1,V??"md"))),t.attr.style(t.computedOf(u)(b=>d(b))),t.attr.id(h),t.attr.role("switch"),t.attr.tabindex(t.computedOf(l??!1,p)((b,V)=>b?-1:V??0)),t.aria.checked(e),t.aria.disabled(l),t.on.click(y),t.on.keydown(I),a!=null?t.on.blur(a):null,t.html.div(t.attr.class("bc-switch__track"),t.attr.class(t.Value.map(e,b=>b?"bc-switch__track--on":"bc-switch__track--off")),o!=null?t.html.div(t.aria.hidden(!0),t.attr.class("bc-switch__track-label bc-switch__track-label--off"),t.attr.class(t.Value.map(e,b=>b?"bc-switch__track-label--hidden":"bc-switch__track-label--visible")),o):null,s!=null?t.html.div(t.attr.class("bc-switch__track-label bc-switch__track-label--on"),t.attr.class(t.Value.map(e,b=>b?"bc-switch__track-label--visible":"bc-switch__track-label--hidden")),s):null,X.ElementRect(b=>t.Use(k.Locale,({direction:V})=>t.html.div(t.attr.class("bc-switch__thumb"),t.attr.class(t.Value.map(e,m=>m?"bc-switch__thumb--on":"bc-switch__thumb--off")),t.style.transform(t.computedOf(e,b,i,V)((m,{width:_},M,$)=>{const g=(()=>{switch(M){case"xs":return 5;case"sm":return 5.5;case"md":return 6;case"lg":return 7;case"xl":return 8}})(),w=$==="rtl"?`calc((var(--spacing-base) * ${g}) - ${_}px)`:`calc(${_}px - (var(--spacing-base) * ${g}))`;return m?`translateX(${w})`:"translateX(0)"})))))))},kt=B(F.UUIDInput),Nt="line-md:star-alt-filled",St="line-md:star-alt",it=e=>{const{value:n,onChange:r,disabled:a,max:o=5,fullColor:s="yellow",emptyColor:l="neutral",fullIcon:i=Nt,emptyIcon:c=St,size:u="md",onBlur:p,rounding:h=1}=e,f=()=>{const m=t.Value.get(h);return m>0?m:1},d=m=>Math.min(Math.max(m,0),t.Value.get(o)),y=(m,_)=>{if(t.Value.get(a??!1))return;const $=m.currentTarget.getBoundingClientRect(),g=(m.clientX-$.left)/$.width,w=_-1+g,x=f(),C=Math.ceil(w/x)*x,A=d(C);r?.(A)},I=m=>{if(t.Value.get(a??!1))return;const _=f(),M=t.Value.get(n)??0;let $;switch(m.key){case"ArrowRight":case"ArrowUp":$=d(M+_);break;case"ArrowLeft":case"ArrowDown":$=d(M-_);break;case"Home":$=0;break;case"End":$=t.Value.get(o);break;default:return}m.preventDefault(),r?.($)},b=t.Value.map(u,m=>`bc-icon--${m}`),V=({index:m,counter:_})=>t.html.span(t.attr.class("bc-rating-input__icon-container"),t.attr.class(b),k.Icon({icon:c,size:u,color:l,tone:"soft"},t.attr.class("bc-rating-input__icon-empty")),t.html.span(t.attr.class("bc-rating-input__icon-clipper"),t.attr.class(b),t.style.width(t.Value.map(n,M=>{const $=Math.floor(M);return $>m?"100%":$<m?"0%":`${(M-m)*100}%`})),k.Icon({icon:i,size:u,color:s,tone:"soft"},t.attr.class("bc-rating-input__icon-full"))),t.on.click(t.emit(M=>y(M,_),{preventDefault:!0,stopPropagation:!0})));return D.InputContainer({baseContainer:!0,growInput:!1,focusableSelector:'[role="slider"]',...e,input:t.html.div(S.CommonInputAttributes(e),t.attr.class("bc-rating-input"),t.attr.role("slider"),t.attr.tabindex(t.Value.map(a??!1,m=>m?-1:0)),t.aria.disabled(a??!1),t.aria.valuemin(0),t.aria.valuemax(t.Value.map(o,m=>m??0)),t.aria.valuenow(t.Value.map(n,m=>m??0)),t.aria.valuetext(t.computedOf(n,o)((m,_)=>{const M=m??0,$=_??0;return`${String(M)} / ${String($)}`})),t.on.keydown(I),p!=null?t.on.blur(p):null,t.Repeat(o,V))})},Rt=e=>{const{value:n,onChange:r,onInput:a,onBlur:o,after:s,disabled:l,...i}=e,c=F.NullableResetAfter(n,l,r??a);return it({...i,value:t.Value.map(n,u=>u??0),onChange:r,onInput:a,onBlur:o,after:s!=null?t.Fragment(c,s):c})},vt=e=>{const{value:n,step:r,min:a,max:o,onBlur:s,onChange:l,onInput:i}=e;return D.InputContainer({...e,focusableSelector:'input[type="range"]',input:t.html.input(t.attr.type("range"),S.CommonInputAttributes(e),t.attr.min(a),t.attr.max(o),t.attr.step(r),t.attr.valueAsNumber(n),t.attr.class("bc-input bc-slider-input"),s!=null?t.on.blur(t.emitValueAsNumber(s)):t.Empty,l!=null?t.on.change(t.emitValueAsNumber(l)):t.Empty,i!=null?t.on.input(t.emitValueAsNumber(i)):t.Empty)})},Et=e=>{const{value:n,step:r,min:a,max:o,onBlur:s,onChange:l,onInput:i}=e,c=t.Value.map(n,p=>{if(p!=null)return p;const h=a!=null?t.Value.get(a):void 0;return typeof h=="number"?h:0}),u=F.NullableResetAfter(n,e.disabled,l??i);return D.InputContainer({...e,focusableSelector:'input[type="range"]',after:u,input:t.html.input(t.attr.type("range"),S.CommonInputAttributes(e),t.attr.min(a),t.attr.max(o),t.attr.step(r),t.attr.valueAsNumber(c),t.attr.class("bc-input bc-slider-input"),s!=null?t.on.blur(t.emitValueAsNumber(s)):t.Empty,l!=null?t.on.change(t.emitValueAsNumber(p=>{l(p)})):t.Empty,i!=null?t.on.input(t.emitValueAsNumber(p=>{i(p)})):t.Empty)},t.Fragment())},Dt=B(F.UrlInput);class ct{widgets=new Map;typeMapping=new Map;register(n,r){if(this.widgets.set(n,r),r.supportedTypes)for(const a of r.supportedTypes)this.typeMapping.has(a)||this.typeMapping.set(a,[]),this.typeMapping.get(a).push(n),this.typeMapping.get(a).sort((o,s)=>{const l=this.widgets.get(o)?.priority||0;return(this.widgets.get(s)?.priority||0)-l})}unregister(n){const r=this.widgets.get(n);if(r&&(this.widgets.delete(n),r.supportedTypes))for(const a of r.supportedTypes){const o=this.typeMapping.get(a);if(o){const s=o.indexOf(n);s>=0&&o.splice(s,1),o.length===0&&this.typeMapping.delete(a)}}}get(n){return this.widgets.get(n)}getAll(){return new Map(this.widgets)}getForType(n){return(this.typeMapping.get(n)||[]).map(a=>this.widgets.get(a)).filter(Boolean)}findBestWidget(n){const r=dt.resolveWidget(n.definition,n.name);if(r?.widget){const o=this.widgets.get(r.widget);if(o)return{name:r.widget,registration:o,resolved:r}}const a=[];for(const[o,s]of this.widgets.entries())if(s.matcher)try{s.matcher(n)&&a.push({name:o,registration:s,priority:s.priority??0})}catch(l){console.warn(`Error in matcher for widget "${o}":`,l)}if(a.length>0){a.sort((s,l)=>l.priority-s.priority);const o=a[0];return{name:o.name,registration:o.registration,resolved:{widget:o.name,source:"heuristics"}}}if(typeof n.definition=="object"&&n.definition.type){const o=Array.isArray(n.definition.type)?n.definition.type[0]:n.definition.type,s=this.getForType(o);if(s.length>0){const l=this.typeMapping.get(o)[0];return{name:l,registration:s[0],resolved:{widget:l,source:"type-fallback"}}}}return null}}const Bt=new ct;function Ot(e,n,r){return{factory:n,matcher:a=>{const s=a.definition["x:ui"];return s===e||typeof s=="object"&&s!==null&&s.widget===e},displayName:r?.displayName??e,priority:r?.priority??100,...r}}function Ut(e,n,r){return{factory:n,matcher:a=>a.definition.format===e,displayName:r?.displayName??`${e} widget`,priority:r?.priority??75,...r}}function Wt(e,n,r,a){return{factory:r,matcher:o=>{const s=o.definition;return s.type===e&&s.format===n},displayName:a?.displayName??`${e}:${n} widget`,priority:a?.priority??80,...a}}function Lt(e){const n=e?.logPrefix??"WIDGET_DIAG",r=e?.filterFn??(()=>!0);return{factory:()=>null,displayName:"Diagnostic Widget (never matches)",priority:-1e3,matcher:a=>{if(!r(a))return!1;const o=a.definition,s={name:a.name,path:a.path.map(String),type:o?.type,hasRegistry:a.widgetRegistry!==void 0,definition:o};return console.log(`[${n}] name="${s.name??"ROOT"}" path=[${s.path.join(", ")}] type="${s.type??"unknown"}" hasRegistry=${s.hasRegistry}`),e?.onProcess?.(s),!1}}}exports.Base64Input=yt;exports.Base64sInput=ot;exports.ColorSwatchInput=wt;exports.EditableText=Vt;exports.NullableDateInput=$t;exports.NullableDateTimeInput=Mt;exports.NullableEmailInput=_t;exports.NullablePasswordInput=At;exports.NullableRatingInput=Rt;exports.NullableSliderInput=Et;exports.NullableTextArea=Tt;exports.NullableTextInput=Ct;exports.NullableUUIDInput=kt;exports.NullableUrlInput=Dt;exports.RatingInput=it;exports.SliderInput=vt;exports.Switch=Ft;exports.WidgetRegistry=ct;exports.createDiagnosticWidget=Lt;exports.emptyToNull=P;exports.fileToBase64=st;exports.forFormat=Ut;exports.forTypeAndFormat=Wt;exports.forXUI=Ot;exports.formatColor=R;exports.getContrastRatio=ht;exports.globalWidgetRegistry=Bt;exports.hexToRgb=E;exports.hslToRgb=j;exports.hwbToRgb=et;exports.isValidColor=gt;exports.isValidHexColor=q;exports.isValidHslColor=K;exports.isValidRgbColor=Y;exports.isValidRgbaColor=G;exports.linearToSrgb=U;exports.mulberry32=tt;exports.normalizeHexColor=Q;exports.nullToEmpty=lt;exports.oklchToRgb=at;exports.parseAnyColor=Z;exports.resolveEffectiveFormat=v;exports.rgbToHex=W;exports.rgbToHsl=L;exports.rgbToHwb=nt;exports.rgbToOklch=rt;exports.srgbToLinear=O;exports.toRgbaString=J;