@tempots/beatui 0.82.0 → 0.82.1

package/dist/text-input-CFJntP7G.js

@@ -1,287 +0,0 @@
-import { prop as V, Use as j, html as g, attr as r, computedOf as f, aria as v, When as $, Fragment as _, style as L, on as m, Value as y, Empty as C, WithElement as S, OnDispose as q, input as A, emitValue as D } from "@tempots/dom";
-import { t as x, b as k, h, a as B, B as O, I as E } from "./translations-Cq8bUKJP.js";
-import { ElementRect as T } from "@tempots/ui";
-function U(o, e, n, t) {
-  const u = [
-    "bc-button",
-    `bc-button--size-${o}`,
-    `bc-control--padding-${o}`,
-    `bc-control--rounded-${e}`
-  ];
-  return n && u.push("bc-button--loading"), t && u.push("bc-button--full-width"), u.join(" ");
-}
-function W(o, e, n) {
-  const t = /* @__PURE__ */ new Map();
-  t.set("--button-text-shadow", "var(--text-shadow-none)"), t.set("--button-text-shadow-dark", "var(--text-shadow-none)");
-  const u = (s, a, l, i) => {
-    n || (t.set("--button-bg-hover", s), t.set("--button-text-hover", l), t.set("--button-bg-hover-dark", a), t.set("--button-text-hover-dark", i));
-  };
-  switch (o) {
-    case "filled": {
-      const s = k(e, "solid", "light"), a = k(e, "solid", "dark");
-      t.set("--button-bg", s.backgroundColor), t.set("--button-text", s.textColor), t.set("--button-bg-dark", a.backgroundColor), t.set("--button-text-dark", a.textColor), t.set(
-        "--button-text-shadow",
-        "var(--text-shadow-button-filled, var(--text-shadow-sm))"
-      ), t.set(
-        "--button-text-shadow-dark",
-        "var(--text-shadow-button-filled, var(--text-shadow-sm))"
-      );
-      const l = h(e, "solid", "light"), i = h(e, "solid", "dark");
-      u(
-        l.backgroundColor,
-        i.backgroundColor,
-        l.textColor,
-        i.textColor
-      );
-      break;
-    }
-    case "light": {
-      const s = k(e, "light", "light"), a = k(e, "light", "dark");
-      t.set("--button-bg", s.backgroundColor), t.set("--button-text", s.textColor), t.set("--button-bg-dark", a.backgroundColor), t.set("--button-text-dark", a.textColor);
-      const l = h(e, "light", "light"), i = h(e, "light", "dark");
-      u(
-        l.backgroundColor,
-        i.backgroundColor,
-        l.textColor,
-        i.textColor
-      );
-      break;
-    }
-    case "outline": {
-      t.set("--button-bg", "transparent"), t.set("--button-bg-dark", "transparent"), t.set("--button-border", B(e, "light")), t.set("--button-border-dark", B(e, "dark")), t.set("--button-text", x(e, "light")), t.set("--button-text-dark", x(e, "dark")), t.set(
-        "--button-text-shadow",
-        "var(--text-shadow-button-light, var(--text-shadow-xs))"
-      ), t.set(
-        "--button-text-shadow-dark",
-        "var(--text-shadow-button-light, var(--text-shadow-xs))"
-      );
-      const s = h(e, "light", "light"), a = h(e, "light", "dark");
-      u(
-        s.backgroundColor,
-        a.backgroundColor,
-        s.textColor,
-        a.textColor
-      );
-      break;
-    }
-    case "default": {
-      const s = k("neutral", "light", "light"), a = k("neutral", "light", "dark");
-      t.set("--button-bg", s.backgroundColor), t.set("--button-text", x(e, "light")), t.set("--button-bg-dark", a.backgroundColor), t.set("--button-text-dark", x(e, "dark")), t.set(
-        "--button-text-shadow",
-        "var(--text-shadow-button-default, var(--text-shadow-2xs))"
-      ), t.set(
-        "--button-text-shadow-dark",
-        "var(--text-shadow-button-default, var(--text-shadow-2xs))"
-      );
-      const l = h("base", "light", "light"), i = h("base", "light", "dark");
-      u(
-        l.backgroundColor,
-        i.backgroundColor,
-        t.get("--button-text") ?? s.textColor,
-        t.get("--button-text-dark") ?? a.textColor
-      );
-      break;
-    }
-    case "text": {
-      t.set("--button-bg", "transparent"), t.set("--button-bg-dark", "transparent"), t.set("--button-text", x(e, "light")), t.set("--button-text-dark", x(e, "dark")), n || t.set("--button-hover-decoration", "underline");
-      break;
-    }
-  }
-  return Array.from(t.entries()).map(([s, a]) => `${s}: ${a}`).join("; ");
-}
-function J({
-  type: o = "button",
-  disabled: e = !1,
-  loading: n = !1,
-  variant: t = "filled",
-  size: u = "md",
-  color: s = "base",
-  roundedness: a = "sm",
-  onClick: l = () => {
-  },
-  fullWidth: i = !1,
-  stopPropagation: p = !0
-}, ...w) {
-  const b = V(null);
-  return j(
-    O,
-    (c) => g.button(
-      r.type(o),
-      r.disabled(
-        f(
-          e,
-          n
-        )((d, I) => d || I)
-      ),
-      // Add ARIA attributes for accessibility
-      v.busy(n ?? !1),
-      $(n ?? !1, () => v.label(c.$.loadingExtended)),
-      r.class(
-        f(u, a, n, i)(U)
-      ),
-      r.style(f(t, s, e)(W)),
-      $(
-        n ?? !1,
-        () => _(
-          L.width(
-            b.map((d) => d == null ? "" : `${d.width}px`)
-          ),
-          L.height(
-            b.map((d) => d == null ? "" : `${d.height}px`)
-          ),
-          E({ icon: "line-md:loading-twotone-loop", size: u ?? "md" }),
-          // Hidden live region for screen reader announcements
-          g.span(
-            r.class("sr-only"),
-            v.live("polite"),
-            c.$.loadingExtended
-          )
-        ),
-        () => _(
-          m.click((d) => {
-            o !== "submit" && d.preventDefault(), p && d.stopPropagation(), l();
-          }),
-          ...w
-        )
-      ),
-      $(
-        n != null,
-        () => T((d) => (d.on((I) => {
-          y.get(n ?? !1) || b.set(I);
-        }), C))
-      )
-    )
-  );
-}
-function z(o, e, n) {
-  const t = [
-    o ? "bc-base-input-container" : "bc-input-container"
-  ];
-  return e ? t.push(
-    o ? "bc-base-input-container--disabled" : "bc-input-container--disabled"
-  ) : t.push(
-    o ? "bc-base-input-container--default" : "bc-input-container--default"
-  ), n && t.push("bc-input-container--error"), t.join(" ");
-}
-function F(o, e) {
-  const n = ["bc-input-container__input"];
-  return o || (n.push(`bc-control--padding-${e}`), n.push(`bc-control--text-size-${e}`)), n.join(" ");
-}
-const H = ({
-  baseContainer: o,
-  disabled: e,
-  input: n,
-  before: t,
-  after: u,
-  hasError: s,
-  focusableSelector: a = "input, select, textarea",
-  growInput: l = !0,
-  size: i
-}, ...p) => {
-  const w = y.map(e ?? !1, (b) => b);
-  return g.div(
-    S((b) => {
-      const c = () => {
-        b.querySelector(a)?.focus();
-      };
-      return b.addEventListener("click", c), q(() => b.removeEventListener("click", c));
-    }),
-    r.class(
-      f(
-        o,
-        w,
-        s ?? !1
-        // size ?? 'md'
-      )(
-        (b, c, d) => z(
-          b ?? !1,
-          c ?? !1,
-          d ?? !1
-          // (size ?? 'md') as ControlSize
-        )
-      )
-    ),
-    t != null ? g.span(r.class("bc-input-container__before"), t) : null,
-    g.div(
-      r.class(
-        f(
-          o,
-          i ?? "md"
-        )(
-          (b, c) => F(
-            b ?? !1,
-            c ?? "md"
-          )
-        )
-      ),
-      // attr.class('bc-input-container__input'),
-      r.class(
-        y.map(
-          l,
-          (b) => b ? "bc-input-container__input--grow" : ""
-        )
-      ),
-      n
-    ),
-    u != null ? g.span(r.class("bc-input-container__after"), u) : null,
-    ...p
-  );
-};
-function K({
-  icon: o,
-  size: e = "md",
-  color: n = "neutral"
-}) {
-  return g.span(
-    r.class("bc-input-container__icon"),
-    E({ icon: o, size: e, color: n })
-  );
-}
-const M = ({
-  autocomplete: o,
-  autofocus: e,
-  class: n,
-  disabled: t,
-  name: u,
-  placeholder: s,
-  id: a,
-  required: l,
-  tabIndex: i,
-  hasError: p
-}) => _(
-  r.autocomplete(o),
-  r.autofocus(e),
-  r.class(n),
-  r.disabled(t),
-  r.name(u ?? a),
-  r.placeholder(s),
-  r.id(a),
-  v.required(l),
-  r.tabindex(i),
-  p != null ? v.invalid(
-    p ?? !1
-  ) : null
-), N = (o) => {
-  const { value: e, onBlur: n, onChange: t, onInput: u } = o;
-  return H({
-    ...o,
-    input: A.text(
-      M(o),
-      r.value(e),
-      r.class("bc-input"),
-      n != null ? m.blur(D(n)) : C,
-      t != null ? m.change(D(t)) : C,
-      u != null ? m.input(D(u)) : C
-    )
-  });
-};
-export {
-  J as B,
-  M as C,
-  K as I,
-  N as T,
-  H as a,
-  U as b,
-  W as c,
-  F as g
-};

package/dist/toolbar-TPWYzoiF.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("@tempots/dom"),h=require("./text-input-CByq5OIo.cjs"),s=["button:not([disabled])",'[role="button"]:not([aria-disabled="true"])',"a[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", ");function m(...a){return e.html.div(e.attr.class("bc-toolbar"),e.attr.role("toolbar"),e.aria.orientation("horizontal"),e.WithElement(n=>{const f=()=>{const r=Array.from(n.querySelectorAll(s));r.length!==0&&r.forEach((t,o)=>t.setAttribute("tabindex",o===0?"0":"-1"))},u=r=>{const t=Array.from(n.querySelectorAll(s));if(t.length===0)return;const o=t.findIndex(c=>c===document.activeElement);let i=(o===-1?0:o)+r;i<0&&(i=t.length-1),i>=t.length&&(i=0),t.forEach(c=>c.setAttribute("tabindex","-1"));const d=t[i];d.setAttribute("tabindex","0"),d.focus()};setTimeout(f,0);const b=r=>{switch(r.key){case"ArrowRight":r.preventDefault(),u(1);break;case"ArrowLeft":r.preventDefault(),u(-1);break;case"Home":r.preventDefault(),u(-1);{const t=Array.from(n.querySelectorAll(s));if(t.length){t.forEach(l=>l.setAttribute("tabindex","-1"));const o=t[0];o.setAttribute("tabindex","0"),o.focus()}}break;case"End":r.preventDefault();{const t=Array.from(n.querySelectorAll(s));if(t.length){t.forEach(l=>l.setAttribute("tabindex","-1"));const o=t[t.length-1];o.setAttribute("tabindex","0"),o.focus()}}break}};return n.addEventListener("keydown",b),e.OnDispose(()=>{n.removeEventListener("keydown",b)})}),...a)}function v(a,...n){return h.Button({color:"neutral",roundedness:"md",variant:"light",...a},e.attr.class("bc-toolbar__button"),...n)}function A(...a){return e.html.div(e.attr.class("bc-toolbar__group"),e.attr.role("group"),...a)}function x(){return e.html.div(e.attr.class("bc-toolbar__divider"),e.attr.role("separator"),e.aria.orientation("vertical"))}function p(){return e.html.div(e.attr.class("bc-toolbar__spacer"))}exports.Toolbar=m;exports.ToolbarButton=v;exports.ToolbarDivider=x;exports.ToolbarGroup=A;exports.ToolbarSpacer=p;

package/dist/use-form-JjeKCINk.cjs

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

package/dist/widget-customization-G-QLB1rw.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("@tempots/dom"),k=require("./deep-merge-DxZqCkE5.cjs"),ct=require("./string-B9vVyfq3.cjs"),T=require("./text-input-CByq5OIo.cjs"),N=require("./translations-B4-Zd2LM.cjs"),j=require("@tempots/ui"),X=require("./notice-C0SmlheE.cjs"),ut=require("./use-form-JjeKCINk.cjs"),pt=require("./utils-DIUEhA-Z.cjs");function P(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 z(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 Y(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 G(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 P(e)||z(e)||Y(e)||G(e)}function K(e){if(!P(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 U(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=K(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 dt(e,n){const r=E(e),a=E(n);if(!r||!a)return null;const o=(u,p,h)=>{const[f,g,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*g+.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 Q(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),g=parseInt(u.slice(6,8),16)/255;return[p,h,f,g]}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),g=parseInt(u[3]+u[3],16)/255;return[p,h,f,g]}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,[g,y,I]=q(u,p/100,h/100);return[g,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,[g,y,I]=tt(u,p,h);return[g,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,g=u.endsWith("%")?Math.max(0,Math.min(1,parseFloat(u)/100)):Math.max(0,Math.min(1,parseFloat(u))),[y,I,b]=nt(g,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 Z(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 J(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 q(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 tt(e,n,r){e=(e%360+360)%360;const a=n+r;a>1&&(n/=a,r/=a);const[o,s,l]=q(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 W(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 et(e,n,r){const[a]=W(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 B(e){const n=e/255;return n<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4)}function O(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 nt(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,g=-1.2684380046*u+2.6097574011*p-.3413193965*h,y=-.0041960863*u-.7034186147*p+1.707614701*h;return[O(f),O(g),O(y)]}function at(e,n,r){const a=B(e),o=B(n),s=B(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,g=1.9779984951*u-2.428592205*p+.4505937099*h,y=.0259040371*u+.7827717662*p-.808675766*h,I=Math.sqrt(g*g+y*y);let b=Math.atan2(y,g)*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 U(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]=W(e,n,r);return`hsl(${l}, ${i}%, ${c}%)`}case"hsla":{const[l,i,c]=W(e,n,r);return`hsla(${l}, ${i}%, ${c}%, ${Math.round(a*100)/100})`}case"hwb":{const[l,i,c]=et(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]=at(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 rt(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 ht(e){return Promise.all(e.map(rt))}function mt(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 ft(e){const n=ct.$t(e??""),r=n.length,a=new Uint8Array(r);for(let o=0;o<r;o++)a[o]=n.charCodeAt(o);return a}function st(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 g=s.get(h),y=ft(h??""),I=g?.type||mt(y),b=g?.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&&ht(h).then(f=>{for(const[g,y]of f.entries())s.set(y,{name:h[g].name,type:h[g].type});p(f)})},c=i(r),u=i(a);return k.FilesInput({...o,value:l,onChange:c,onInput:u})}function bt(e){const{value:n,onInput:r,onChange:a,...o}=e;return st({...o,maxFiles:1,value:t.Value.map(n,s=>s==null?[]:[s]),onChange:s=>{a?.(s[0])},onInput:s=>{r?.(s[0])}})}function yt(e,n){const[r,a,o]=e,s=r<<16^a<<8^o,l=J(s),i=6+Math.floor(l()*5),c=.18+l()*.06,u=[];for(let g=0;g<i;g++){const y=g/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 g=0;g<i;g++){const y=u[g],I=u[(g+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 It=e=>{const{value:n,onBlur:r,onChange:a,onInput:o,displayValue:s,size:l,withAlpha:i}=e,c=t.Value.map(l??32,d=>d),u=t.Value.map(n,d=>Q(d??"#000000")),p=t.Value.map(u,([d,w,x])=>[d,w,x]),h=t.Value.map(u,([,,,d])=>d),f=t.prop(t.Value.get(h)??1),g=t.Value.map(i??!1,d=>d),y=t.Value.map(e.colorTextFormat??"rgb",d=>d),I=t.computedOf(p,f,y,g)(([d,w,x],C,A,F)=>R(d,w,x,C??1,v(A,F),F)),b=t.Value.map(e.colorTextFormat??"hex",d=>d),V=t.Value.map(c,d=>`${-d/2} ${-d/2} ${d} ${d}`),m=t.computedOf(p,c)((d,w)=>yt(d,w/2)),_=t.computedOf(p,f,g)(([d,w,x],C,A)=>A||C<1?Z(d,w,x,C):U(d,w,x)),M=t.html.div(t.attr.class("bc-color-swatch-input__control"),t.attr.class(t.Value.map(g,d=>d?"bc-color-swatch-input__control--alpha":"")),t.attr.style(t.computedOf(c)(d=>`min-width:${d+2}px;height:${d+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"),T.CommonInputAttributes(e),t.attr.value(t.Value.map(p,([d,w,x])=>U(d,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(d=>{const w=d.target.value;if(!a)return;const{r:x,g:C,b:A}=E(w)??{r:0,g:0,b:0},F=t.Value.get(f)??1,S=v(t.Value.get(b),t.Value.get(g)),L=R(x,C,A,F,S,t.Value.get(g));a(L)}):t.Empty,o!=null?t.on.input(d=>{const w=d.target.value;if(!o)return;const{r:x,g:C,b:A}=E(w)??{r:0,g:0,b:0},F=t.Value.get(f)??1,S=v(t.Value.get(b),t.Value.get(g)),L=R(x,C,A,F,S,t.Value.get(g));o(L)}):t.Empty)),$=t.When(g,()=>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,d=>String(d??1))),t.attr.disabled(e.disabled),t.on.input(d=>{const w=parseFloat(d.target.value);f.set(w);const[x,C,A]=t.Value.get(p),F=v(t.Value.get(b),t.Value.get(g)),S=R(x,C,A,w,F,t.Value.get(g));o?.(S)}),t.on.change(d=>{const w=parseFloat(d.target.value);f.set(w);const[x,C,A]=t.Value.get(p),F=v(t.Value.get(b),t.Value.get(g)),S=R(x,C,A,w,F,t.Value.get(g));a?.(S)})));return T.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)})},wt=({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"),j.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(N.BeatUII18n,c=>t.aria.label(c.$.editLabel)),t.on.click(()=>s.set(!0)),N.Icon({icon:"line-md/pencil",color:"neutral"}))))))},Vt=e=>{const{value:n,onBlur:r,onChange:a,onInput:o,after:s,disabled:l}=e,i=k.NullableResetAfter(n,l,a??o);return T.InputContainer({...e,input:t.input.date(T.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})},$t=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")}`},xt=e=>{const{value:n,onBlur:r,onChange:a,onInput:o,after:s,disabled:l}=e,i=t.Value.map(n,u=>u!=null?$t(u):null),c=k.NullableResetAfter(n,l,a??o);return T.InputContainer({...e,input:t.input["datetime-local"](T.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})},H=e=>typeof e=="string"&&e.trim()===""?null:e,ot=e=>e??"";function D(e){return n=>{const{value:r,onBlur:a,onChange:o,onInput:s,after:l,disabled:i,...c}=n,u=k.NullableResetAfter(r,i,o??s);return e({...c,disabled:i,value:t.Value.map(r,ot),onChange:o!=null?p=>o(H(p)):void 0,onInput:s!=null?p=>s(H(p)):void 0,onBlur:a,after:l!=null?t.Fragment(u,l):u})}}const Mt=D(X.EmailInput),_t=D(T.TextInput),Ct=D(X.PasswordInput),At=D(k.TextArea),Tt=({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??ut.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 g(b){const V=b??"primary",m=new Map,_=N.backgroundValue(V,"solid","light"),M=N.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",N.borderColorValue(V,"dark")),Array.from(m.entries()).map(([$,d])=>`${$}: ${d}`).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=>g(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,j.ElementRect(b=>t.Use(N.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 d=(()=>{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) * ${d}) - ${_}px)`:`calc(${_}px - (var(--spacing-base) * ${d}))`;return m?`translateX(${w})`:"translateX(0)"})))))))},Ft=D(k.UUIDInput),kt="line-md:star-alt-filled",Nt="line-md:star-alt",lt=e=>{const{value:n,onChange:r,disabled:a,max:o=5,fullColor:s="yellow",emptyColor:l="neutral",fullIcon:i=kt,emptyIcon:c=Nt,size:u="md",onBlur:p,rounding:h=1}=e,f=()=>{const m=t.Value.get(h);return m>0?m:1},g=m=>Math.min(Math.max(m,0),t.Value.get(o)),y=(m,_)=>{if(t.Value.get(a??!1))return;const $=m.currentTarget.getBoundingClientRect(),d=(m.clientX-$.left)/$.width,w=_-1+d,x=f(),C=Math.ceil(w/x)*x,A=g(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":$=g(M+_);break;case"ArrowLeft":case"ArrowDown":$=g(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),N.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}%`})),N.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 T.InputContainer({baseContainer:!0,growInput:!1,focusableSelector:'[role="slider"]',...e,input:t.html.div(T.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))})},St=e=>{const{value:n,onChange:r,onInput:a,onBlur:o,after:s,disabled:l,...i}=e,c=k.NullableResetAfter(n,l,r??a);return lt({...i,value:t.Value.map(n,u=>u??0),onChange:r,onInput:a,onBlur:o,after:s!=null?t.Fragment(c,s):c})},Rt=e=>{const{value:n,step:r,min:a,max:o,onBlur:s,onChange:l,onInput:i}=e;return T.InputContainer({...e,focusableSelector:'input[type="range"]',input:t.html.input(t.attr.type("range"),T.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)})},vt=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=k.NullableResetAfter(n,e.disabled,l??i);return T.InputContainer({...e,focusableSelector:'input[type="range"]',after:u,input:t.html.input(t.attr.type("range"),T.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())},Et=D(k.UrlInput);class it{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=pt.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 Dt=new it;function Bt(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 Ot(e,n,r){return{factory:n,matcher:a=>a.definition.format===e,displayName:r?.displayName??`${e} widget`,priority:r?.priority??75,...r}}function Ut(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 Wt(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=bt;exports.Base64sInput=st;exports.ColorSwatchInput=It;exports.EditableText=wt;exports.NullableDateInput=Vt;exports.NullableDateTimeInput=xt;exports.NullableEmailInput=Mt;exports.NullablePasswordInput=Ct;exports.NullableRatingInput=St;exports.NullableSliderInput=vt;exports.NullableTextArea=At;exports.NullableTextInput=_t;exports.NullableUUIDInput=Ft;exports.NullableUrlInput=Et;exports.RatingInput=lt;exports.SliderInput=Rt;exports.Switch=Tt;exports.WidgetRegistry=it;exports.createDiagnosticWidget=Wt;exports.emptyToNull=H;exports.fileToBase64=rt;exports.forFormat=Ot;exports.forTypeAndFormat=Ut;exports.forXUI=Bt;exports.formatColor=R;exports.getContrastRatio=dt;exports.globalWidgetRegistry=Dt;exports.hexToRgb=E;exports.hslToRgb=q;exports.hwbToRgb=tt;exports.isValidColor=gt;exports.isValidHexColor=P;exports.isValidHslColor=G;exports.isValidRgbColor=z;exports.isValidRgbaColor=Y;exports.linearToSrgb=O;exports.mulberry32=J;exports.normalizeHexColor=K;exports.nullToEmpty=ot;exports.oklchToRgb=nt;exports.parseAnyColor=Q;exports.resolveEffectiveFormat=v;exports.rgbToHex=U;exports.rgbToHsl=W;exports.rgbToHwb=et;exports.rgbToOklch=at;exports.srgbToLinear=B;exports.toRgbaString=Z;