@tempots/beatui 0.68.0 → 0.71.0

package/dist/{ko-B8l0TJp0.js → ko-Cqv-IjhX.js}

@@ -1,4 +1,4 @@
-import { f as r } from "./translations-BUTBIDsS.js";
+import { f as r } from "./translations-DQxouiBG.js";
 const d = {
   loadingExtended: "로딩 중입니다. 잠시만 기다려 주세요",
   loadingShort: "로딩 중...",

package/dist/modal-5P9mU_a4.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("@tempots/dom"),w=require("./timer-DK_yKNwE.cjs"),q=require("./use-form-DVJXMMoN.cjs"),O=require("./translations-hMQlZmD4.cjs"),_=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])','[contenteditable="true"]',"audio[controls]","video[controls]","details > summary:first-of-type","details[open]"].join(", ");function P(o){return Array.from(o.querySelectorAll(_)).filter(t=>{const s=t;return s.offsetWidth>0&&s.offsetHeight>0&&!s.hasAttribute("inert")&&window.getComputedStyle(s).visibility!=="hidden"})}function V(o={}){const{active:t=!0,escapeDeactivates:s=!0,onEscape:e,initialFocus:n,returnFocus:a,clickOutsideDeactivates:i=!1,onClickOutside:d}=o;return r.WithElement(p=>{let f=t,h=null,c=[];typeof document<"u"&&(h=document.activeElement);const v=()=>{c=P(p)},b=u=>{if(f){if(s&&u.key==="Escape"){u.preventDefault(),e?.();return}if(u.key==="Tab"){if(v(),c.length===0){u.preventDefault();return}const l=c.indexOf(document.activeElement);u.shiftKey?l<=0&&(u.preventDefault(),c[c.length-1]?.focus()):l>=c.length-1&&(u.preventDefault(),c[0]?.focus())}}},g=u=>{if(!f||!i)return;const l=u.target;p.contains(l)||d?.()},y=()=>{if(!f)return;v();let u=null;typeof n=="function"?u=n():n?u=n:c.length>0&&(u=c[0]),u&&setTimeout(()=>{u?.focus()},50),document.addEventListener("keydown",b,!0),i&&document.addEventListener("click",g,!0)},A=()=>{f=!1,document.removeEventListener("keydown",b,!0),document.removeEventListener("click",g,!0);let u=null;typeof a=="function"?u=a():a?u=a:h&&(u=h),u&&document.body.contains(u)&&setTimeout(()=>{u?.focus()},0)};return setTimeout(()=>y(),0),r.OnDispose(()=>{A()})})}function U(o={}){return{activate:()=>V({...o,active:!0}),deactivate:()=>V({...o,active:!1})}}function B({initialStatus:o="closed",openedAfter:t,closedAfter:s}){const e=r.prop(o),n=()=>{e.set("start-opening")},a=()=>{e.set("start-closing")},i=e.map(l=>l!=="closed"&&l!=="start-closing"&&l!=="closing"),d=l=>{l?n():a()},p=()=>{d(!i.value)},f=[],h=l=>{f.push(e.on(x=>{x==="closed"&&l()}))};let c=()=>{};e.on(l=>{switch(c(),l){case"start-opening":c=w.g(()=>e.set("opening"));break;case"opening":c=t(()=>e.set("opened"));break;case"start-closing":c=w.g(()=>e.set("closing"));break;case"closing":c=s(()=>e.set("closed"));break;case"closed":c=()=>{};break}}),e.onDispose(()=>{f.forEach(l=>l()),c()});const v=e.map(l=>l==="closed"),b=e.map(l=>l==="start-opening"),g=e.map(l=>l==="opening"),y=e.map(l=>l==="opened"),A=e.map(l=>l==="closing"),u=e.map(l=>l==="start-closing");return{status:e,open:n,close:a,toggle:p,setOpen:d,display:i,isClosed:v,isStartOpening:b,isOpening:g,isOpened:y,isClosing:A,isStartClosing:u,dispose:()=>e.dispose(),listenOnClosed:h}}function z({initialStatus:o="closed",duration:t,openDuration:s=t??500,closeDuration:e=t??500}={}){return B({initialStatus:o,openedAfter:n=>w.T(n,s),closedAfter:n=>w.T(n,e)})}function M(o,t){let s=!1,e=null;function n(){s||(s=!0,o.removeEventListener("transitionend",a),o.removeEventListener("animationend",i),e&&(clearTimeout(e),e=null),t())}function a(f){f.target===o&&n()}function i(f){f.target===o&&n()}const d=()=>{if(typeof o.getAnimations>"u"){e=setTimeout(n,16);return}o.addEventListener("transitionend",a),o.addEventListener("animationend",i),o.getAnimations().length===0&&(e=setTimeout(n,1e3))},p=w.g(d);return()=>{s=!0,p(),e&&(clearTimeout(e),e=null),o.removeEventListener("transitionend",a),o.removeEventListener("animationend",i)}}function F({initialStatus:o="closed",element:t}={}){let s=t;return{setElement:e=>{s=e},...B({initialStatus:o,openedAfter:e=>s==null?(e(),()=>{}):M(s,e),closedAfter:e=>s==null?(e(),()=>{}):M(s,e)})}}function R(o){if(o==null)return"";const t=[];return o.fade&&t.push("fade"),o.slide&&t.push(`slide-${o.slide}`),o.scale!=null&&t.push("scale"),t.length>0?t.join(" "):"none"}function H(o){if(o==null)return"";const t=[];return o.scale!=null&&typeof o.scale=="number"&&t.push(`--scale-factor: ${o.scale}`),o.transformOrigin!=null&&t.push(`--transform-origin: ${o.transformOrigin}`),o.duration!=null&&t.push(`--animation-duration: ${o.duration}ms`),o.easing!=null&&t.push(`--animation-easing: ${o.easing}`),t.join("; ")}function D({animation:o,status:t}){const s=r.computedOf(o,t)((n,a)=>{if(n==null)return`bc-animated-toggle bc-animated-toggle--${a}`;const i=a==="start-opening"||a==="opening"||a==="opened";let d;return"enter"in n||"exit"in n?d=i?n.enter:n.exit:d=n,`bc-animated-toggle bc-animated-toggle--${R(d)} bc-animated-toggle--${a}`}),e=r.computedOf(o,t)((n,a)=>{if(n==null)return"";const i=a==="start-opening"||a==="opening"||a==="opened";let d;return"enter"in n||"exit"in n?d=i?n.enter:n.exit:d=n,H(d)});return r.Fragment(r.attr.class(s),r.attr.style(e))}function K({initialStatus:o="closed",animation:t},s){return r.WithElement(e=>{const{setElement:n,dispose:a,...i}=F({initialStatus:o,element:e});return n(e),r.Fragment(D({status:i.status,animation:t}),r.OnDispose(a),s(i))})}function j(o){return{"~standard":{version:1,vendor:"beatui-custom",validate:s=>{const e=o.validate(s);return e.success?{value:e.data}:{issues:e.errors.map(n=>({message:n.message,path:n.path}))}},types:void 0},safeParse:s=>{const e=o.validate(s);return e.success?{success:!0,data:e.data}:{success:!1,error:{errors:e.errors.map(n=>({message:n.message,path:n.path?.map(a=>typeof a=="object"&&"key"in a?a.key.toString():a.toString())||[]}))}}}}}class k{optional(){return new N(this)}default(t){return new G(this,t)}schema(){return j(this)}}class T extends k{minLength;maxLength;pattern;customValidations=[];validate(t){if(typeof t!="string")return{success:!1,errors:[{message:"Expected string"}]};const s=[];this.minLength!==void 0&&t.length<this.minLength&&s.push({message:`Must be at least ${this.minLength} characters`}),this.maxLength!==void 0&&t.length>this.maxLength&&s.push({message:`Must be at most ${this.maxLength} characters`}),this.pattern&&!this.pattern.test(t)&&s.push({message:"Invalid format"});for(const e of this.customValidations){const n=e(t);n&&s.push({message:n})}return s.length>0?{success:!1,errors:s}:{success:!0,data:t}}min(t,s){const e=new T;return e.minLength=t,e.maxLength=this.maxLength,e.pattern=this.pattern,e.customValidations=[...this.customValidations],s&&e.customValidations.push(n=>n.length<t?s:null),e}max(t,s){const e=new T;return e.minLength=this.minLength,e.maxLength=t,e.pattern=this.pattern,e.customValidations=[...this.customValidations],s&&e.customValidations.push(n=>n.length>t?s:null),e}regex(t,s){const e=new T;return e.minLength=this.minLength,e.maxLength=this.maxLength,e.pattern=t,e.customValidations=[...this.customValidations],s&&e.customValidations.push(n=>t.test(n)?null:s),e}email(t="Please enter a valid email address"){const s=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,e=new T;return e.minLength=this.minLength,e.maxLength=this.maxLength,e.pattern=this.pattern,e.customValidations=[...this.customValidations,n=>s.test(n)?null:t],e}refine(t){const s=new T;return s.minLength=this.minLength,s.maxLength=this.maxLength,s.pattern=this.pattern,s.customValidations=[...this.customValidations,t],s}}class C extends k{mustBeTrue=!1;trueMessage;validate(t){return typeof t!="boolean"?{success:!1,errors:[{message:"Expected boolean"}]}:this.mustBeTrue&&t!==!0?{success:!1,errors:[{message:this.trueMessage||"Must be true"}]}:{success:!0,data:t}}refine(t,s){const e=new C;e.mustBeTrue=this.mustBeTrue,e.trueMessage=this.trueMessage;const n=e.validate.bind(e);return e.validate=a=>{const i=n(a);return i.success?t(i.data)?i:{success:!1,errors:[{message:s}]}:i},e}literal(t,s){const e=new C;return e.mustBeTrue=!0,e.trueMessage=s,e}}class N extends k{constructor(t){super(),this.inner=t}validate(t){if(t===void 0)return{success:!0,data:void 0};const s=this.inner.validate(t);return s.success?{success:!0,data:s.data}:{success:!1,errors:s.errors}}}class G extends k{constructor(t,s){super(),this.inner=t,this.defaultValue=s}validate(t){return t===void 0?{success:!0,data:this.defaultValue}:this.inner.validate(t)}}class $ extends k{constructor(t){super(),this.shape=t}validate(t){if(typeof t!="object"||t===null||Array.isArray(t))return{success:!1,errors:[{message:"Expected object"}]};const s=t,e={},n=[];for(const[a,i]of Object.entries(this.shape)){const d=i.validate(s[a]);if(d.success)e[a]=d.data;else for(const p of d.errors)n.push({message:p.message,path:[a,...p.path||[]]})}return n.length>0?{success:!1,errors:n}:{success:!0,data:e}}refine(t,s){const e=new $(this.shape),n=e.validate.bind(e);return e.validate=a=>{const i=n(a);if(!i.success)return i;const d=t(i.data);return d?{success:!1,errors:[{message:d,path:s?.path}]}:{success:!0,data:i.data}},e}}const J=()=>new T,Q=()=>new C,X=o=>new $(o);function I(o){return r.WithBrowserCtx(t=>{const s=[],e=()=>s.forEach(a=>a());return o(({effect:a="opaque",mode:i="capturing",onClickOutside:d,onEscape:p,content:f,container:h="body"})=>{h==="body"&&(t=t.makePortal("body"));const c=F();c.listenOnClosed(e);let v=()=>{},b=()=>{};const g=E=>{E.key==="Escape"&&(p?.(),c.close())},y=()=>{d?.(),c.close()},A=E=>{v(),b(),E==="capturing"?(document.addEventListener("keydown",g),v=()=>document.removeEventListener("keydown",g),t.element.addEventListener("mousedown",y),b=()=>t.element.removeEventListener("mousedown",y)):(v=()=>{},b=()=>{})},u=r.Value.on(i,A);s.push(u),s.push(()=>{c.dispose(),v(),b()});const l=()=>{const E=new Set;for(const m of t.element.querySelectorAll(":scope > :not([data-overlay])"))m.hasAttribute("inert")?E.add(m):m.setAttribute("inert","");return s.push(()=>{for(const m of t.element.querySelectorAll(":scope > :not([data-overlay])"))E.has(m)||m.removeAttribute("inert");E.clear()}),document.activeElement?.blur?.(),r.html.div(r.WithElement(m=>c.setElement(m)),r.dataAttr.status(c.status.map(String)),r.dataAttr.overlay("true"),r.attr.class(r.computedOf(a??"opaque",i)((m,L)=>`bc-overlay bc-overlay--effect-${m} bc-overlay--mode-${L}`)),f)},x=r.render(l(),t.element,{disposeWithParent:!0,clear:!1,providers:t.providers});s.push(x),w.g(()=>c.open())},e)})}function W(o,t){const{size:s="md",dismissable:e=!0,showCloseButton:n=!0,onClose:a,overlayEffect:i="opaque",container:d="body",position:p="center"}=o;return I((f,h)=>{let c=()=>{};return t(g=>{c=h;const y=r.prop("capturing");r.Value.on(e,m=>{y.set(m?"capturing":"non-capturing")});const A=r.computedOf(g.header!=null,n)((m,L)=>m||L),u=q.sessionId("modal"),l=`${u}-header`,x=`${u}-body`,E=r.html.div(r.attr.class(r.computedOf(s,p)((m,L)=>`bc-modal bc-modal--size-${m} bc-modal--container-${d} bc-modal--position-${L}`)),r.attr.role("dialog"),r.aria.modal(!0),...g.header?[r.aria.labelledby(l)]:[],r.aria.describedby(x),r.attr.tabindex(-1),r.attr.id(u),r.dataAttr.focusTrap("true"),r.on.mousedown(m=>m.stopPropagation()),V({escapeDeactivates:!1,initialFocus:()=>{const m=document.getElementById(u);if(!m)return null;const L=m.querySelector('[aria-label="Close modal"]');if(L)return L;const S=m.querySelector('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');return S||m}}),r.html.div(r.attr.class("bc-modal__content"),r.When(A,()=>r.html.div(r.attr.class("bc-modal__header"),r.html.div(r.attr.class("bc-modal__title"),...g.header?[r.attr.id(l)]:[],g.header),r.When(n,()=>r.Use(O.BeatUII18n,m=>q.CloseButton({size:"sm",label:m.$.closeModal,onClick:()=>{c(),h()}}))))),r.html.div(r.attr.class("bc-modal__body"),r.attr.id(x),g.body),g.footer&&r.html.div(r.attr.class("bc-modal__footer"),g.footer)));f({mode:y,effect:i??"opaque",container:d,content:E,onClickOutside:()=>{a?.(),h()},onEscape:()=>{a?.(),h()}})},()=>{c(),h()})})}function Y(o,t){const{confirmText:s,cancelText:e,onConfirm:n,onCancel:a,...i}=o;return r.Use(O.BeatUII18n,d=>W({showCloseButton:!1,...i},(p,f)=>{const h=()=>{n?.(),f()},c=()=>{a?.(),f()};return t(b=>{p({body:b,footer:r.Fragment(r.attr.class("bc-modal__actions"),O.Button({variant:"outline",onClick:c},r.coalesce(e,d.$.cancel)),O.Button({color:"primary",variant:"filled",onClick:h},r.coalesce(s,d.$.confirm)))})},f)}))}exports.AnimatedToggle=K;exports.AnimatedToggleClass=D;exports.BooleanValidator=C;exports.ConfirmModal=Y;exports.FocusTrap=V;exports.Modal=W;exports.ObjectValidator=$;exports.Overlay=I;exports.StringValidator=T;exports.boolean=Q;exports.createStandardSchema=j;exports.object=X;exports.string=J;exports.useAnimatedElementToggle=F;exports.useAnimatedToggle=B;exports.useFocusTrap=U;exports.useTimedToggle=z;

package/dist/{modal-DJWj5M5e.js → modal-MofsfmAe.js}

@@ -1,7 +1,7 @@
 import { WithElement as S, OnDispose as z, prop as R, computedOf as w, Fragment as M, attr as g, WithBrowserCtx as J, Value as U, render as Q, html as k, dataAttr as B, aria as V, on as X, When as q, Use as H, coalesce as I } from "@tempots/dom";
 import { g as $, T as _ } from "./timer-DzWb416P.js";
-import { s as Y, C as Z } from "./notice-Um1LwKBF.js";
-import { a as K, B as P } from "./translations-BUTBIDsS.js";
+import { s as Y, C as Z } from "./use-form-B7A865EM.js";
+import { a as K, B as P } from "./translations-DQxouiBG.js";
 const ee = [
   "a[href]",
   "button:not([disabled])",

package/dist/{nl-BpYESHP8.js → nl-YSiU3rFI.js}

@@ -1,4 +1,4 @@
-import { f as o } from "./translations-BUTBIDsS.js";
+import { f as o } from "./translations-DQxouiBG.js";
 const s = {
   loadingExtended: "Laden, even geduld",
   loadingShort: "Laden...",

package/dist/notice-Cqq8g17n.js

@@ -0,0 +1,209 @@
+import { I as j, a as V, b as z, C as O, c as E } from "./translations-DQxouiBG.js";
+import { Use as x, input as A, attr as n, coalesce as F, on as m, Empty as w, emitValue as v, prop as k, computedOf as C, html as p, aria as M, When as T, Fragment as B, Value as g, Unless as R, Ensure as S } from "@tempots/dom";
+import { C as W } from "./use-form-B7A865EM.js";
+const L = (t) => {
+  const l = {
+    name: "email",
+    autocomplete: "email",
+    ...t
+  }, {
+    value: c,
+    before: s,
+    onBlur: o,
+    onChange: d,
+    onInput: r,
+    placeholder: I
+  } = l, b = s ?? j({
+    icon: "line-md:email",
+    size: t.size,
+    color: "neutral"
+  });
+  return x(
+    V,
+    (f) => z({
+      ...t,
+      before: b,
+      input: A.email(
+        O(l),
+        n.placeholder(F(I, f.$.emailPlaceholderText)),
+        n.value(c),
+        n.class("bc-input"),
+        o != null ? m.blur(v(o)) : w,
+        d != null ? m.change(v(d)) : w,
+        r != null ? m.input(v(r)) : w
+      )
+    })
+  );
+}, Q = (t) => {
+  const {
+    value: l,
+    onBlur: c,
+    onChange: s,
+    onInput: o,
+    before: d,
+    after: r,
+    hasError: I,
+    disabled: b,
+    autocomplete: f,
+    placeholder: _,
+    ...h
+  } = t, $ = {
+    name: "password",
+    disabled: b,
+    ...h
+  }, i = k(!0), a = C(
+    i,
+    f
+  )((e, u) => e ? u ?? "current-password" : "off");
+  return x(V, (e) => {
+    const u = C(
+      e.$.passwordPlaceholderText,
+      i,
+      _
+    )((y, N, U) => N ? "•••••••••••••••" : U ?? y), P = p.button(
+      n.type("button"),
+      n.class("bc-input-container__password-toggle"),
+      M.label(e.$.togglePasswordVisibility),
+      m.click(() => i.update((y) => !y)),
+      T(
+        i,
+        () => E({ icon: "line-md:watch" }),
+        () => E({ icon: "line-md:watch-off" })
+      )
+    );
+    return z({
+      before: d,
+      disabled: b,
+      hasError: I,
+      input: p.input(
+        O({
+          ...$,
+          autocomplete: a,
+          placeholder: u
+        }),
+        T(
+          i,
+          () => B(n.type("password")),
+          () => B(n.type("text"))
+        ),
+        n.class("bc-input"),
+        n.value(l),
+        c != null ? m.blur(v(c)) : w,
+        s != null ? m.change(v(s)) : w,
+        o != null ? m.input(v(o)) : w
+      ),
+      after: r != null ? B(P, r) : P
+    });
+  });
+};
+function q(t) {
+  switch (t) {
+    case "success":
+      return "material-symbols:check-circle-outline";
+    case "warning":
+      return "material-symbols:warning-outline";
+    case "danger":
+      return "material-symbols:error-outline";
+    case "info":
+    default:
+      return "material-symbols:info-outline";
+  }
+}
+function D(t) {
+  switch (t) {
+    case "success":
+      return "success";
+    case "warning":
+      return "warning";
+    case "danger":
+      return "danger";
+    case "info":
+    default:
+      return "info";
+  }
+}
+function G(t, l, c, s) {
+  const o = [
+    "bc-notice",
+    `bc-notice--${t}`,
+    `bc-notice--tone-${l}`
+  ];
+  return c && o.push("bc-notice--dismissible"), s && s.length > 0 && o.push(s), o.join(" ");
+}
+function X({
+  variant: t = "info",
+  tone: l = "subtle",
+  role: c,
+  title: s,
+  icon: o,
+  closable: d = !1,
+  onDismiss: r,
+  class: I
+}, ...b) {
+  const f = k(!0);
+  return T(f, () => {
+    const _ = g.map(
+      d,
+      (a) => !!a || r != null
+    ), h = g.map(t, (a) => a ?? "info"), $ = g.map(l, (a) => a ?? "subtle"), i = C(
+      c,
+      h
+    )(
+      (a, e) => a ?? (e === "danger" ? "alert" : "status")
+    );
+    return x(
+      V,
+      (a) => p.div(
+        n.class(
+          C(
+            h,
+            $,
+            _,
+            I
+          )((e, u, P, y) => G(e, u, P, y))
+        ),
+        // Accessibility role mapping (always defined)
+        n.role(g.map(i, (e) => e)),
+        R(
+          g.map(o, (e) => e === !1),
+          () => p.div(
+            n.class("bc-notice__icon"),
+            E({
+              icon: C(
+                o,
+                h
+              )(
+                (e, u) => e === void 0 ? q(u) : String(e)
+              ),
+              size: "md",
+              color: g.map(h, D)
+            })
+          )
+        ),
+        p.div(
+          n.class("bc-notice__body"),
+          S(
+            s,
+            (e) => p.div(n.class("bc-notice__title"), e)
+          ),
+          p.div(n.class("bc-notice__content"), ...b)
+        ),
+        T(
+          _,
+          () => W({
+            size: "xs",
+            label: a.$.closeModal,
+            onClick: () => {
+              f.set(!1), r?.();
+            }
+          })
+        )
+      )
+    );
+  });
+}
+export {
+  L as E,
+  X as N,
+  Q as P
+};

package/dist/notice-DP209Ed8.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("./translations-hMQlZmD4.cjs"),t=require("@tempots/dom"),C=require("./use-form-DVJXMMoN.cjs"),E=n=>{const r={name:"email",autocomplete:"email",...n},{value:c,before:s,onBlur:a,onChange:p,onInput:i,placeholder:h}=r,d=s??l.InputIcon({icon:"line-md:email",size:n.size,color:"neutral"});return t.Use(l.BeatUII18n,b=>l.InputContainer({...n,before:d,input:t.input.email(l.CommonInputAttributes(r),t.attr.placeholder(t.coalesce(h,b.$.emailPlaceholderText)),t.attr.value(c),t.attr.class("bc-input"),a!=null?t.on.blur(t.emitValue(a)):t.Empty,p!=null?t.on.change(t.emitValue(p)):t.Empty,i!=null?t.on.input(t.emitValue(i)):t.Empty)}))},_=n=>{const{value:r,onBlur:c,onChange:s,onInput:a,before:p,after:i,hasError:h,disabled:d,autocomplete:b,placeholder:I,...f}=n,y={name:"password",disabled:d,...f},u=t.prop(!0),o=t.computedOf(u,b)((e,m)=>e?m??"current-password":"off");return t.Use(l.BeatUII18n,e=>{const m=t.computedOf(e.$.passwordPlaceholderText,u,I)((g,V,v)=>V?"•••••••••••••••":v??g),w=t.html.button(t.attr.type("button"),t.attr.class("bc-input-container__password-toggle"),t.aria.label(e.$.togglePasswordVisibility),t.on.click(()=>u.update(g=>!g)),t.When(u,()=>l.Icon({icon:"line-md:watch"}),()=>l.Icon({icon:"line-md:watch-off"})));return l.InputContainer({before:p,disabled:d,hasError:h,input:t.html.input(l.CommonInputAttributes({...y,autocomplete:o,placeholder:m}),t.When(u,()=>t.Fragment(t.attr.type("password")),()=>t.Fragment(t.attr.type("text"))),t.attr.class("bc-input"),t.attr.value(r),c!=null?t.on.blur(t.emitValue(c)):t.Empty,s!=null?t.on.change(t.emitValue(s)):t.Empty,a!=null?t.on.input(t.emitValue(a)):t.Empty),after:i!=null?t.Fragment(w,i):w})})};function O(n){switch(n){case"success":return"material-symbols:check-circle-outline";case"warning":return"material-symbols:warning-outline";case"danger":return"material-symbols:error-outline";case"info":default:return"material-symbols:info-outline"}}function B(n){switch(n){case"success":return"success";case"warning":return"warning";case"danger":return"danger";case"info":default:return"info"}}function U(n,r,c,s){const a=["bc-notice",`bc-notice--${n}`,`bc-notice--tone-${r}`];return c&&a.push("bc-notice--dismissible"),s&&s.length>0&&a.push(s),a.join(" ")}function P({variant:n="info",tone:r="subtle",role:c,title:s,icon:a,closable:p=!1,onDismiss:i,class:h},...d){const b=t.prop(!0);return t.When(b,()=>{const I=t.Value.map(p,o=>!!o||i!=null),f=t.Value.map(n,o=>o??"info"),y=t.Value.map(r,o=>o??"subtle"),u=t.computedOf(c,f)((o,e)=>o??(e==="danger"?"alert":"status"));return t.Use(l.BeatUII18n,o=>t.html.div(t.attr.class(t.computedOf(f,y,I,h)((e,m,w,g)=>U(e,m,w,g))),t.attr.role(t.Value.map(u,e=>e)),t.Unless(t.Value.map(a,e=>e===!1),()=>t.html.div(t.attr.class("bc-notice__icon"),l.Icon({icon:t.computedOf(a,f)((e,m)=>e===void 0?O(m):String(e)),size:"md",color:t.Value.map(f,B)}))),t.html.div(t.attr.class("bc-notice__body"),t.Ensure(s,e=>t.html.div(t.attr.class("bc-notice__title"),e)),t.html.div(t.attr.class("bc-notice__content"),...d)),t.When(I,()=>C.CloseButton({size:"xs",label:o.$.closeModal,onClick:()=>{b.set(!1),i?.()}}))))})}exports.EmailInput=E;exports.Notice=P;exports.PasswordInput=_;

package/dist/{pl-_sWhGdrs.js → pl-DXmHc2Nh.js}

@@ -1,4 +1,4 @@
-import { f as r } from "./translations-BUTBIDsS.js";
+import { f as r } from "./translations-DQxouiBG.js";
 const s = {
   loadingExtended: "Ładowanie, proszę czekać",
   loadingShort: "Ładowanie...",

package/dist/prosemirror/index.es.js

@@ -1,4 +1,4 @@
-import { D as a, P as s, b as e } from "../index-CzuXAuLZ.js";
+import { D as a, P as s, b as e } from "../index-DdpYvBeh.js";
 export {
   a as DEFAULT_FEATURES,
   s as ProseMirrorMarkdownInput,

package/dist/{pt-BmiQvHUz.js → pt-Bf3z_-26.js}

@@ -1,4 +1,4 @@
-import { f as n } from "./translations-BUTBIDsS.js";
+import { f as n } from "./translations-DQxouiBG.js";
 const s = {
   loadingExtended: "Carregando, por favor aguarde",
   loadingShort: "Carregando...",

package/dist/{ru-DacnqexG.js → ru-Sy00qUeG.js}

@@ -1,4 +1,4 @@
-import { f as r } from "./translations-BUTBIDsS.js";
+import { f as r } from "./translations-DQxouiBG.js";
 const d = {
   loadingExtended: "Загрузка, пожалуйста подождите",
   loadingShort: "Загрузка...",

package/dist/tailwind/vite-plugin.es.js

@@ -362,6 +362,7 @@ function Le(e = {}) {
       }
       if (R.length > 0) {
         const i = Array.from(
+          // eslint-disable-next-line tempots/require-async-signal-disposal -- This is an array, not a Signal
           new Set(R.map(Q))
         ), l = await le({
           projectRoot: t,

package/dist/{toolbar-Bk5-22ln.js → toolbar-C_Ec0_XC.js}

@@ -1,5 +1,5 @@
 import { html as c, attr as n, aria as m, WithElement as v, OnDispose as A } from "@tempots/dom";
-import { B as x } from "./translations-BUTBIDsS.js";
+import { B as x } from "./translations-DQxouiBG.js";
 const l = [
   "button:not([disabled])",
   '[role="button"]:not([aria-disabled="true"])',

package/dist/{tr-BSS5b_v6.js → tr-BDxG3qd6.js}

@@ -1,4 +1,4 @@
-import { f as o } from "./translations-BUTBIDsS.js";
+import { f as o } from "./translations-DQxouiBG.js";
 const d = {
   loadingExtended: "Yükleniyor, lütfen bekleyin",
   loadingShort: "Yükleniyor...",

package/dist/{translations-zGwuSQWQ.js → translations-BmsRhth7.js}

@@ -1,4 +1,4 @@
-import { m as s } from "./translations-BUTBIDsS.js";
+import { m as s } from "./translations-DQxouiBG.js";
 const r = {
   // Sign In
   signInTitle: "Sign In",

package/dist/{translations-BUTBIDsS.js → translations-DQxouiBG.js}

@@ -803,24 +803,24 @@ function Bt({
   };
 }
 const $t = /* @__PURE__ */ Object.assign({
-  "./locales/ar.ts": () => import("./ar-aMLQTGVh.js").then((t) => t.default),
-  "./locales/de.ts": () => import("./de-DBFOC44R.js").then((t) => t.default),
-  "./locales/es.ts": () => import("./es-C4xOThaT.js").then((t) => t.default),
-  "./locales/fa.ts": () => import("./fa-B7X_xydY.js").then((t) => t.default),
-  "./locales/fr.ts": () => import("./fr-AmjzbxN_.js").then((t) => t.default),
-  "./locales/he.ts": () => import("./he-DY-9yiOC.js").then((t) => t.default),
-  "./locales/hi.ts": () => import("./hi-Clkyp5Fu.js").then((t) => t.default),
-  "./locales/it.ts": () => import("./it-BC32WmGF.js").then((t) => t.default),
-  "./locales/ja.ts": () => import("./ja-JNSZS_Hv.js").then((t) => t.default),
-  "./locales/ko.ts": () => import("./ko-B8l0TJp0.js").then((t) => t.default),
-  "./locales/nl.ts": () => import("./nl-BpYESHP8.js").then((t) => t.default),
-  "./locales/pl.ts": () => import("./pl-_sWhGdrs.js").then((t) => t.default),
-  "./locales/pt.ts": () => import("./pt-BmiQvHUz.js").then((t) => t.default),
-  "./locales/ru.ts": () => import("./ru-DacnqexG.js").then((t) => t.default),
-  "./locales/tr.ts": () => import("./tr-BSS5b_v6.js").then((t) => t.default),
-  "./locales/ur.ts": () => import("./ur-C6Ky6OCl.js").then((t) => t.default),
-  "./locales/vi.ts": () => import("./vi-Bx2gx2S0.js").then((t) => t.default),
-  "./locales/zh.ts": () => import("./zh-eixtg-Ce.js").then((t) => t.default)
+  "./locales/ar.ts": () => import("./ar-BbgpGwJp.js").then((t) => t.default),
+  "./locales/de.ts": () => import("./de-R7lPfyZ4.js").then((t) => t.default),
+  "./locales/es.ts": () => import("./es-DV0Jr_BZ.js").then((t) => t.default),
+  "./locales/fa.ts": () => import("./fa-DXvHejs9.js").then((t) => t.default),
+  "./locales/fr.ts": () => import("./fr-D8FOMX0o.js").then((t) => t.default),
+  "./locales/he.ts": () => import("./he-B19Qsx-u.js").then((t) => t.default),
+  "./locales/hi.ts": () => import("./hi-DozFnE3b.js").then((t) => t.default),
+  "./locales/it.ts": () => import("./it-But8uzNi.js").then((t) => t.default),
+  "./locales/ja.ts": () => import("./ja-DkwTnFdU.js").then((t) => t.default),
+  "./locales/ko.ts": () => import("./ko-Cqv-IjhX.js").then((t) => t.default),
+  "./locales/nl.ts": () => import("./nl-YSiU3rFI.js").then((t) => t.default),
+  "./locales/pl.ts": () => import("./pl-DXmHc2Nh.js").then((t) => t.default),
+  "./locales/pt.ts": () => import("./pt-Bf3z_-26.js").then((t) => t.default),
+  "./locales/ru.ts": () => import("./ru-Sy00qUeG.js").then((t) => t.default),
+  "./locales/tr.ts": () => import("./tr-BDxG3qd6.js").then((t) => t.default),
+  "./locales/ur.ts": () => import("./ur-55zdT2TQ.js").then((t) => t.default),
+  "./locales/vi.ts": () => import("./vi-C7K7W0hM.js").then((t) => t.default),
+  "./locales/zh.ts": () => import("./zh-DvJBV9D8.js").then((t) => t.default)
 }), H = Bt({
   defaultLocale: T,
   defaultMessages: M,
@@ -834,17 +834,17 @@ const $t = /* @__PURE__ */ Object.assign({
 export {
   Ft as B,
   Lt as C,
-  G as I,
+  Rt as I,
   st as L,
   Ot as T,
   H as a,
   It as b,
-  Rt as c,
-  M as d,
-  x as e,
+  G as c,
+  x as d,
+  F as e,
   et as f,
-  yt as g,
-  F as h,
+  M as g,
+  yt as h,
   m as i,
   xt as j,
   Ct as k,

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

@@ -3,3 +3,4 @@ export * from './controller';
 export * from './input';
 export * from './schema';
 export * from './use-form';
+export * from './utils';

package/dist/types/components/form/utils/deep-merge.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Deep merge utility for form default values.
+ *
+ * Merges default values with provided values, where provided values take precedence.
+ * Only merges where the provided value is undefined.
+ */
+/**
+ * Deep merge defaults into a target value.
+ *
+ * - Provided values take precedence over defaults
+ * - Only fills in undefined values from defaults
+ * - Recursively merges nested objects
+ * - Arrays are NOT merged (provided array replaces default)
+ *
+ * @param defaults - Default values to use when target values are undefined
+ * @param provided - Provided values that take precedence
+ * @returns Merged result
+ *
+ * @example
+ * ```typescript
+ * const defaults = { name: 'John', settings: { theme: 'dark', lang: 'en' } }
+ * const provided = { settings: { theme: 'light' } }
+ * const result = deepMergeDefaults(defaults, provided)
+ * // { name: 'John', settings: { theme: 'light', lang: 'en' } }
+ * ```
+ */
+export declare function deepMergeDefaults<T>(defaults: unknown, provided: T | undefined | null): T;

package/dist/types/components/form/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './deep-merge';

package/dist/types/components/json-schema/controls/generic-control.d.ts

@@ -11,8 +11,9 @@ export declare function JSONSchemaGenericControl<T>({ ctx, controller, }: {
 /**
  * Main entry point for JSON Schema controls
  */
-export declare function JSONSchemaControl<T>({ schema, controller, ajv, }: {
+export declare function JSONSchemaControl<T>({ schema, controller, ajv, widgetRegistry, }: {
     schema: JSONSchemaDefinition;
     controller: Controller<T>;
     ajv?: import('ajv').default;
+    widgetRegistry?: import('../widgets/widget-customization').WidgetRegistry;
 }): Renderable;

package/dist/types/components/json-schema/controls/shared-utils.d.ts

@@ -1,5 +1,7 @@
 import type { JSONSchema } from '../schema-context';
-import type { InputWrapperOptions } from '../../form';
+import type { InputWrapperOptions, Controller } from '../../form';
+import type { Renderable } from '@tempots/dom';
+import type { ResolvedWidget } from '../widgets/utils';
 /**
  * Convert schema definition to input wrapper options
  */
@@ -22,3 +24,17 @@ export declare function shouldHideWriteOnly(ctx: import('../schema-context').Sch
  * Determine if a control should be disabled based on readOnly or deprecated status
  */
 export declare function shouldDisableControl(ctx: import('../schema-context').SchemaContext): boolean;
+/**
+ * Try to resolve and render a custom widget following the precedence order:
+ * 1. Explicit x:ui widget in custom registry (highest priority)
+ * 2. Explicit x:ui widget in global registry
+ * 3. Matcher-based custom widgets (by priority)
+ * 4. Matcher-based global widgets (lowest priority)
+ *
+ * Returns the rendered widget if found, or null if no custom widget matches
+ */
+export declare function tryResolveCustomWidget({ ctx, controller, resolved, }: {
+    ctx: import('../schema-context').SchemaContext;
+    controller: Controller<unknown>;
+    resolved: ResolvedWidget | null | undefined;
+}): Renderable | null;

package/dist/types/components/json-schema/index.d.ts

@@ -3,3 +3,5 @@ export * from './schema-context';
 export * from './controls';
 export * from './json-schema-form';
 export * from './validator';
+export * from './schema-defaults';
+export { type CustomWidgets, type CustomWidgetRegistration, type WidgetFactory, forXUI, forFormat, forTypeAndFormat, } from './widgets/widget-customization';

package/dist/types/components/json-schema/json-schema-form.d.ts

@@ -1,6 +1,7 @@
 import { type SchemaObject } from 'ajv';
 import { Value, Renderable } from '@tempots/dom';
 import { Controller, ControllerValidation } from '../form';
+import { type CustomWidgets } from './widgets/widget-customization';
 /**
  * External reference resolver function type.
  * Called when the form encounters external $ref URIs that need to be resolved.
@@ -66,13 +67,34 @@ export interface JSONSchemaFormExternalOptions {
 export interface JSONSchemaFormProps<T> extends JSONSchemaFormExternalOptions {
     /** The root JSON Schema to render as a form */
     schema: SchemaObject;
-    /** Reactive value containing the form data */
-    initialValue: Value<T>;
+    /**
+     * Initial value for the form data.
+     *
+     * When omitted, the form will be auto-populated from schema defaults:
+     * - `default` property values (highest priority)
+     * - First item from `examples` array (fallback)
+     * - Empty object for object schemas (last resort)
+     *
+     * When provided, schema defaults are merged with the provided value
+     * (provided values take precedence) unless `applySchemaDefaults` is false.
+     */
+    initialValue?: Value<T>;
     /** Validation behavior */
     validationMode?: 'onSubmit' | 'eager' | 'onTouched';
     validateDebounceMs?: number;
+    /** Custom widgets for form-scoped widget overrides */
+    customWidgets?: CustomWidgets;
+    /**
+     * Whether to automatically populate form values from schema defaults.
+     * When true, extracts `default` values (with `examples[0]` as fallback)
+     * from the schema and merges them with the provided initialValue.
+     * Provided values take precedence over schema defaults.
+     *
+     * @default true
+     */
+    applySchemaDefaults?: boolean;
 }
-export declare function JSONSchemaForm<T>({ schema, initialValue, externalSchemas, refResolver, sanitizeAdditional, validationMode, validateDebounceMs, }: JSONSchemaFormProps<T>, fn: ({ Form, controller, setStatus, }: {
+export declare function JSONSchemaForm<T>({ schema, initialValue, externalSchemas, refResolver, sanitizeAdditional, validationMode, validateDebounceMs, customWidgets, applySchemaDefaults, }: JSONSchemaFormProps<T>, fn: ({ Form, controller, setStatus, }: {
     Form: Renderable;
     controller: Controller<T>;
     setStatus: (result: ControllerValidation) => void;

package/dist/types/components/json-schema/schema-context.d.ts

@@ -1,5 +1,6 @@
 import type Ajv from 'ajv';
 import type { JSONSchemaDefinition, JSONSchemaType, SchemaConflict, NotViolation } from './schema-types';
+import type { WidgetRegistry } from './widgets/widget-customization';
 export type { JSONSchema, JSONSchemaDefinition, JSONSchemaType, SchemaConflict, AllOfMergeResult, NotViolation, } from './schema-types';
 export { mergeAllOf } from './schema-merge';
 export { evaluateNotViolation, composeEffectiveObjectSchema, evaluateIfThenElseOverlay, getEvaluatedProperties, } from './schema-conditionals';
@@ -13,6 +14,7 @@ export type SchemaContextOptions = {
     suppressLabel?: boolean;
     schemaConflicts?: readonly SchemaConflict[];
     notViolations?: readonly NotViolation[];
+    widgetRegistry?: WidgetRegistry;
 };
 export declare class SchemaContext {
     readonly schema: JSONSchemaDefinition;
@@ -24,6 +26,7 @@ export declare class SchemaContext {
     readonly suppressLabel: boolean;
     readonly schemaConflicts: readonly SchemaConflict[];
     readonly notViolations: readonly NotViolation[];
+    readonly widgetRegistry: WidgetRegistry | undefined;
     constructor(options: SchemaContextOptions);
     readonly with: (options: Partial<SchemaContextOptions>) => SchemaContext;
     readonly append: (segment: PropertyKey) => SchemaContext;

package/dist/types/components/json-schema/schema-defaults.d.ts

@@ -0,0 +1,39 @@
+/**
+ * JSON Schema Default Value Extraction
+ *
+ * Utilities to recursively extract default values from JSON Schema definitions.
+ * Priority order:
+ * 1. Explicit `default` property (highest)
+ * 2. First item of `examples` array
+ * 3. `const` value
+ * 4. First `enum` value
+ * 5. Smart type-based defaults (computed)
+ */
+import type { JSONSchemaDefinition } from './schema-types';
+/**
+ * Extract default values from a JSON Schema definition.
+ *
+ * Recursively walks the schema and builds an object containing all defined defaults.
+ * For object types, extracts defaults only for required properties.
+ * For nullable types (union with null), returns null.
+ * For arrays with minItems, generates the minimum required items.
+ *
+ * @param schema - The JSON Schema to extract defaults from
+ * @returns The extracted default value, or undefined if none found
+ *
+ * @example
+ * ```typescript
+ * const schema = {
+ *   type: 'object',
+ *   properties: {
+ *     name: { type: 'string' },
+ *     age: { type: 'integer', minimum: 0, maximum: 120 },
+ *     active: { type: 'boolean' }
+ *   },
+ *   required: ['name', 'age']
+ * }
+ * const defaults = extractSchemaDefaults(schema)
+ * // { name: '', age: 60 }  // only required props, smart defaults
+ * ```
+ */
+export declare function extractSchemaDefaults(schema: JSONSchemaDefinition): unknown;