@tempots/beatui 0.69.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/index.d.ts

@@ -3,4 +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

@@ -67,15 +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, customWidgets, }: 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-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;

package/dist/types/components/json-structure/controls/any-control.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Any Control for JSON Structure
+ *
+ * Handles any type with JSON textarea
+ */
+import { Renderable } from '@tempots/dom';
+import { type Controller } from '../../form';
+import type { StructureContext } from '../structure-context';
+/**
+ * Control for any type (JSON textarea)
+ */
+export declare function StructureAnyControl({ ctx, controller, }: {
+    ctx: StructureContext;
+    controller: Controller<unknown>;
+}): Renderable;

package/dist/types/components/json-structure/controls/array-control.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Array Control for JSON Structure
+ *
+ * Handles array type with items definition and minItems/maxItems constraints
+ */
+import { Renderable } from '@tempots/dom';
+import { ArrayController } from '../../form';
+import type { StructureContext } from '../structure-context';
+/**
+ * Control for array type
+ */
+export declare function StructureArrayControl({ ctx, controller, }: {
+    ctx: StructureContext;
+    controller: ArrayController<unknown[]>;
+}): Renderable;

package/dist/types/components/json-structure/controls/binary-control.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Binary Control for JSON Structure
+ *
+ * Handles binary type with FileInput
+ */
+import { Renderable } from '@tempots/dom';
+import { type Controller } from '../../form';
+import type { StructureContext } from '../structure-context';
+/**
+ * Control for binary type
+ */
+export declare function StructureBinaryControl({ ctx, controller, }: {
+    ctx: StructureContext;
+    controller: Controller<File | undefined>;
+}): Renderable;

package/dist/types/components/json-structure/controls/boolean-control.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Boolean Control for JSON Structure
+ *
+ * Handles boolean type with CheckboxInput
+ */
+import { Renderable } from '@tempots/dom';
+import { type Controller } from '../../form';
+import type { StructureContext } from '../structure-context';
+/**
+ * Control for boolean type
+ */
+export declare function StructureBooleanControl({ ctx, controller, }: {
+    ctx: StructureContext;
+    controller: Controller<boolean | null>;
+}): Renderable;

package/dist/types/components/json-structure/controls/choice-control.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Choice Control for JSON Structure
+ *
+ * Handles choice type (tagged unions) with:
+ * - Dropdown to select which variant to use
+ * - Appropriate fields for selected variant
+ * - Optional discriminator property support
+ * - Tagged union serialization: { choiceName: variantValue }
+ */
+import { Renderable } from '@tempots/dom';
+import type { StructureContext } from '../structure-context';
+import { type Controller } from '../../form';
+/**
+ * Control for choice type (tagged unions)
+ */
+export declare function StructureChoiceControl({ ctx, controller, }: {
+    ctx: StructureContext;
+    controller: Controller<unknown>;
+}): Renderable;

package/dist/types/components/json-structure/controls/decimal-control.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Decimal Control for JSON Structure
+ *
+ * Handles float, double, and decimal types with NumberInput
+ */
+import { Renderable } from '@tempots/dom';
+import { type Controller } from '../../form';
+import type { StructureContext } from '../structure-context';
+import type { FloatType } from '../structure-types';
+/**
+ * Control for float/double/decimal types
+ */
+export declare function StructureDecimalControl({ ctx, controller, floatType, }: {
+    ctx: StructureContext;
+    controller: Controller<number | null>;
+    floatType: FloatType;
+}): Renderable;

package/dist/types/components/json-structure/controls/deprecation-utils.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Deprecation utilities for JSON Structure controls
+ *
+ * Helper functions for displaying deprecation indicators on deprecated fields
+ */
+import { type TNode } from '@tempots/dom';
+/**
+ * Create a deprecation indicator badge
+ */
+export declare function DeprecationBadge(): TNode;
+/**
+ * Wrap label with deprecation indicator if field is deprecated
+ */
+export declare function withDeprecationBadge(label: string | undefined, isDeprecated: boolean): TNode;