@tempots/beatui 0.80.0 → 0.82.0

package/dist/{modal-CSHIhHvI.js → modal-hkQD1bqZ.js}

@@ -1,7 +1,8 @@
-import { WithElement as S, OnDispose as z, prop as R, computedOf as A, 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 j, Use as H, coalesce as q } from "@tempots/dom";
+import { WithElement as S, OnDispose as z, prop as R, computedOf as A, Fragment as M, attr as g, WithBrowserCtx as J, Value as U, render as Q, html as k, dataAttr as V, aria as B, on as X, When as j, Use as H, coalesce as q } from "@tempots/dom";
 import { g as $, I as _ } from "./timer-Rd2sKnvH.js";
-import { s as Y, C as Z } from "./use-form-D4rqJkvG.js";
-import { a as K, B as P } from "./translations-0tLX4x7M.js";
+import { s as Y, C as Z } from "./use-form-CgZyrACX.js";
+import { B as K } from "./translations-Cq8bUKJP.js";
+import { B as P } from "./text-input-CFJntP7G.js";
 const ee = [
   "a[href]",
   "button:not([disabled])",
@@ -78,7 +79,7 @@ function F(o = {}) {
     });
   });
 }
-function pe(o = {}) {
+function he(o = {}) {
   return {
     activate: () => F({ ...o, active: !0 }),
     deactivate: () => F({ ...o, active: !1 })
@@ -148,7 +149,7 @@ function N({
     listenOnClosed: p
   };
 }
-function he({
+function ge({
   initialStatus: o = "closed",
   duration: t,
   openDuration: s = t ?? 500,
@@ -234,7 +235,7 @@ function oe({
   });
   return M(g.class(s), g.style(e));
 }
-function ge({
+function be({
   initialStatus: o = "closed",
   animation: t
 }, s) {
@@ -421,7 +422,7 @@ class D extends T {
     }, e;
   }
 }
-const be = () => new C(), ve = () => new O(), ye = (o) => new D(o);
+const ve = () => new C(), ye = () => new O(), Ee = (o) => new D(o);
 function ce(o) {
   return J((t) => {
     const s = [], e = () => s.forEach((r) => r());
@@ -465,8 +466,8 @@ function ce(o) {
           E.clear();
         }), document.activeElement?.blur?.(), k.div(
           S((d) => c.setElement(d)),
-          B.status(c.status.map(String)),
-          B.overlay("true"),
+          V.status(c.status.map(String)),
+          V.overlay("true"),
           g.class(
             A(
               r ?? "opaque",
@@ -519,13 +520,13 @@ function le(o, t) {
         ),
         // Essential ARIA attributes for modal dialog
         g.role("dialog"),
-        V.modal(!0),
-        ...h.header ? [V.labelledby(i)] : [],
-        V.describedby(w),
+        B.modal(!0),
+        ...h.header ? [B.labelledby(i)] : [],
+        B.describedby(w),
         g.tabindex(-1),
         // Make modal focusable for initial focus
         g.id(l),
-        B.focusTrap("true"),
+        V.focusTrap("true"),
         // Mark as focus trap container
         X.mousedown((d) => d.stopPropagation()),
         // Prevent overlay click-outside when clicking modal content
@@ -597,7 +598,7 @@ function le(o, t) {
     });
   });
 }
-function Ee(o, t) {
+function Le(o, t) {
   const { confirmText: s, cancelText: e, onConfirm: n, onCancel: r, ...a } = o;
   return H(
     K,
@@ -636,19 +637,19 @@ function Ee(o, t) {
 export {
   oe as A,
   O as B,
-  Ee as C,
+  Le as C,
   F,
   le as M,
   ce as O,
   C as S,
-  ge as a,
-  ve as b,
+  be as a,
+  ye as b,
   D as c,
   re as d,
-  pe as e,
+  he as e,
   N as f,
-  he as g,
-  ye as o,
-  be as s,
+  ge as g,
+  Ee as o,
+  ve as s,
   G as u
 };

package/dist/{nl-0S25Gsld.cjs → nl-Bx2ACvr4.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./translations-WPN3ibDg.cjs"),a={loadingExtended:"Laden, even geduld",loadingShort:"Laden...",locale:"Landinstelling",iconDescription:"Pictogram",loadingIcon:"Laadpictogram",failedToLoadIcon:"Pictogram laden mislukt",editLabel:"Bewerken",selectOne:"Selecteer een",selectNone:"Geen",selectMany:"Selecteer meerdere",noResults:"Geen resultaten",passwordPlaceholderText:"Geheim wachtwoord",togglePasswordVisibility:"Wachtwoord zichtbaarheid wisselen",toggleMenu:"Menu wisselen",toggleAside:"Zijpaneel wisselen",mainNavigation:"Hoofdnavigatie",sidebar:"Zijbalk",closeDrawer:"Lade sluiten",closeModal:"Modaal sluiten",confirm:"Bevestigen",cancel:"Annuleren",addLabel:"Toevoegen",removeItem:"Item verwijderen",currentLocale:"Nederlands",ar:"Arabisch",de:"Duits",en:"Engels",es:"Spaans",fr:"Frans",hi:"Hindi",it:"Italiaans",ja:"Japans",ko:"Koreaans",nl:"Nederlands",pl:"Pools",pt:"Portugees",ru:"Russisch",tr:"Turks",vi:"Vietnamees",zh:"Chinees",he:"Hebreeuws",fa:"Perzisch",ur:"Urdu",emailPlaceholderText:"Voer je e-mail in",incrementValue:"Waarde verhogen",decrementValue:"Waarde verlagen",dropZoneInstructions:e=>e?"Klik om te kiezen of sleep bestanden hierheen, of druk op Enter of Spatie om bestandskiezer te openen":"Sleep bestanden hierheen",fileSizeUnits:["Bytes","KB","MB","GB","TB"],removeFile:"Bestand verwijderen",clearAllFiles:"Alle bestanden wissen",clearValue:"Waarde wissen",unknownType:"Onbekend type",filesInputInstructions:(e,n,l)=>{let t=e==null||e>1?"Klik om te kiezen of sleep bestanden hierheen":"Klik om te kiezen of sleep een bestand hierheen";if(e||n){const i=[];if(e!=null&&e>1&&i.push(`tot ${e} bestanden`),n&&l){const o=r.formatFileSize(n,{units:l});i.push(`max ${o} elk`)}i.length>0&&(t+=` (${i.join(", ")})`)}return t},prosemirror:{bold:"Bold",italic:"Italic",code:"Code",link:"Link",removeLink:"Remove Link",heading:e=>`Heading ${e}`,bulletList:"Bullet List",orderedList:"Ordered List",blockquote:"Blockquote",codeBlock:"Code Block",horizontalRule:"Horizontal Rule",linkUrlPlaceholder:"https://example.com"},pdfPageViewer:{loading:"PDF laden...",loadFailed:"PDF laden mislukt",invalidPdf:"Ongeldig PDF-bestand",pageOutOfRange:(e,n)=>`Pagina ${e} valt buiten bereik (1-${n})`,renderFailed:"PDF-pagina weergeven mislukt"}};exports.default=a;exports.nl=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./translations-B4-Zd2LM.cjs"),a={loadingExtended:"Laden, even geduld",loadingShort:"Laden...",locale:"Landinstelling",iconDescription:"Pictogram",loadingIcon:"Laadpictogram",failedToLoadIcon:"Pictogram laden mislukt",editLabel:"Bewerken",selectOne:"Selecteer een",selectNone:"Geen",selectMany:"Selecteer meerdere",noResults:"Geen resultaten",passwordPlaceholderText:"Geheim wachtwoord",togglePasswordVisibility:"Wachtwoord zichtbaarheid wisselen",toggleMenu:"Menu wisselen",toggleAside:"Zijpaneel wisselen",mainNavigation:"Hoofdnavigatie",sidebar:"Zijbalk",closeDrawer:"Lade sluiten",closeModal:"Modaal sluiten",confirm:"Bevestigen",cancel:"Annuleren",addLabel:"Toevoegen",removeItem:"Item verwijderen",currentLocale:"Nederlands",ar:"Arabisch",de:"Duits",en:"Engels",es:"Spaans",fr:"Frans",hi:"Hindi",it:"Italiaans",ja:"Japans",ko:"Koreaans",nl:"Nederlands",pl:"Pools",pt:"Portugees",ru:"Russisch",tr:"Turks",vi:"Vietnamees",zh:"Chinees",he:"Hebreeuws",fa:"Perzisch",ur:"Urdu",emailPlaceholderText:"Voer je e-mail in",incrementValue:"Waarde verhogen",decrementValue:"Waarde verlagen",dropZoneInstructions:e=>e?"Klik om te kiezen of sleep bestanden hierheen, of druk op Enter of Spatie om bestandskiezer te openen":"Sleep bestanden hierheen",fileSizeUnits:["Bytes","KB","MB","GB","TB"],removeFile:"Bestand verwijderen",clearAllFiles:"Alle bestanden wissen",clearValue:"Waarde wissen",unknownType:"Onbekend type",filesInputInstructions:(e,n,l)=>{let t=e==null||e>1?"Klik om te kiezen of sleep bestanden hierheen":"Klik om te kiezen of sleep een bestand hierheen";if(e||n){const i=[];if(e!=null&&e>1&&i.push(`tot ${e} bestanden`),n&&l){const o=r.formatFileSize(n,{units:l});i.push(`max ${o} elk`)}i.length>0&&(t+=` (${i.join(", ")})`)}return t},prosemirror:{bold:"Bold",italic:"Italic",code:"Code",link:"Link",removeLink:"Remove Link",heading:e=>`Heading ${e}`,bulletList:"Bullet List",orderedList:"Ordered List",blockquote:"Blockquote",codeBlock:"Code Block",horizontalRule:"Horizontal Rule",linkUrlPlaceholder:"https://example.com"},pdfPageViewer:{loading:"PDF laden...",loadFailed:"PDF laden mislukt",invalidPdf:"Ongeldig PDF-bestand",pageOutOfRange:(e,n)=>`Pagina ${e} valt buiten bereik (1-${n})`,renderFailed:"PDF-pagina weergeven mislukt"}};exports.default=a;exports.nl=a;

package/dist/{nl-Ew5jnSsT.js → nl-NuTdZO1s.js}

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

package/dist/notice-C0SmlheE.cjs

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

package/dist/{notice-C-964yaY.js → notice-CZHWWwOQ.js}

@@ -1,53 +1,54 @@
-import { I as j, a as V, b as z, C as O, c as E } from "./translations-0tLX4x7M.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-D4rqJkvG.js";
-const L = (t) => {
+import { I as j, a as z, C as O } from "./text-input-CFJntP7G.js";
+import { Use as V, input as A, attr as n, coalesce as F, on as m, Empty as w, emitValue as I, prop as k, computedOf as C, html as p, aria as M, When as P, Fragment as $, Value as g, Unless as R, Ensure as S } from "@tempots/dom";
+import { B as x, I as E } from "./translations-Cq8bUKJP.js";
+import { C as W } from "./use-form-CgZyrACX.js";
+const Q = (t) => {
   const l = {
     name: "email",
     autocomplete: "email",
     ...t
   }, {
-    value: c,
+    value: r,
     before: s,
     onBlur: o,
     onChange: d,
-    onInput: r,
-    placeholder: I
+    onInput: c,
+    placeholder: v
   } = l, b = s ?? j({
     icon: "line-md:email",
     size: t.size,
     color: "neutral"
   });
-  return x(
-    V,
+  return V(
+    x,
     (f) => z({
       ...t,
       before: b,
       input: A.email(
         O(l),
-        n.placeholder(F(I, f.$.emailPlaceholderText)),
-        n.value(c),
+        n.placeholder(F(v, f.$.emailPlaceholderText)),
+        n.value(r),
         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
+        o != null ? m.blur(I(o)) : w,
+        d != null ? m.change(I(d)) : w,
+        c != null ? m.input(I(c)) : w
       )
     })
   );
-}, Q = (t) => {
+}, X = (t) => {
   const {
     value: l,
-    onBlur: c,
+    onBlur: r,
     onChange: s,
     onInput: o,
     before: d,
-    after: r,
-    hasError: I,
+    after: c,
+    hasError: v,
     disabled: b,
     autocomplete: f,
     placeholder: _,
     ...h
-  } = t, $ = {
+  } = t, T = {
     name: "password",
     disabled: b,
     ...h
@@ -55,17 +56,17 @@ const L = (t) => {
     i,
     f
   )((e, u) => e ? u ?? "current-password" : "off");
-  return x(V, (e) => {
+  return V(x, (e) => {
     const u = C(
       e.$.passwordPlaceholderText,
       i,
       _
-    )((y, N, U) => N ? "•••••••••••••••" : U ?? y), P = p.button(
+    )((y, N, U) => N ? "•••••••••••••••" : U ?? y), B = p.button(
       n.type("button"),
       n.class("bc-input-container__password-toggle"),
       M.label(e.$.togglePasswordVisibility),
       m.click(() => i.update((y) => !y)),
-      T(
+      P(
         i,
         () => E({ icon: "line-md:watch" }),
         () => E({ icon: "line-md:watch-off" })
@@ -74,25 +75,25 @@ const L = (t) => {
     return z({
       before: d,
       disabled: b,
-      hasError: I,
+      hasError: v,
       input: p.input(
         O({
-          ...$,
+          ...T,
           autocomplete: a,
           placeholder: u
         }),
-        T(
+        P(
           i,
-          () => B(n.type("password")),
-          () => B(n.type("text"))
+          () => $(n.type("password")),
+          () => $(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
+        r != null ? m.blur(I(r)) : w,
+        s != null ? m.change(I(s)) : w,
+        o != null ? m.input(I(o)) : w
       ),
-      after: r != null ? B(P, r) : P
+      after: c != null ? $(B, c) : B
     });
   });
 };
@@ -122,45 +123,45 @@ function D(t) {
       return "info";
   }
 }
-function G(t, l, c, s) {
+function G(t, l, r, 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(" ");
+  return r && o.push("bc-notice--dismissible"), s && s.length > 0 && o.push(s), o.join(" ");
 }
-function X({
+function Y({
   variant: t = "info",
   tone: l = "subtle",
-  role: c,
+  role: r,
   title: s,
   icon: o,
   closable: d = !1,
-  onDismiss: r,
-  class: I
+  onDismiss: c,
+  class: v
 }, ...b) {
   const f = k(!0);
-  return T(f, () => {
+  return P(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,
+      (a) => !!a || c != null
+    ), h = g.map(t, (a) => a ?? "info"), T = g.map(l, (a) => a ?? "subtle"), i = C(
+      r,
       h
     )(
       (a, e) => a ?? (e === "danger" ? "alert" : "status")
     );
-    return x(
-      V,
+    return V(
+      x,
       (a) => p.div(
         n.class(
           C(
             h,
-            $,
+            T,
             _,
-            I
-          )((e, u, P, y) => G(e, u, P, y))
+            v
+          )((e, u, B, y) => G(e, u, B, y))
         ),
         // Accessibility role mapping (always defined)
         n.role(g.map(i, (e) => e)),
@@ -188,13 +189,13 @@ function X({
           ),
           p.div(n.class("bc-notice__content"), ...b)
         ),
-        T(
+        P(
           _,
           () => W({
             size: "xs",
             label: a.$.closeModal,
             onClick: () => {
-              f.set(!1), r?.();
+              f.set(!1), c?.();
             }
           })
         )
@@ -203,7 +204,7 @@ function X({
   });
 }
 export {
-  L as E,
-  X as N,
-  Q as P
+  Q as E,
+  Y as N,
+  X as P
 };