@tempots/beatui 0.81.0 → 0.82.1

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

@@ -1,103 +1,105 @@
-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 { C as z } from "./text-input-B3VBat1k.js";
+import { Use as V, input as j, attr as t, coalesce as A, on as m, Empty as w, emitValue as I, prop as O, computedOf as C, html as p, aria as F, When as P, Fragment as $, Value as g, Unless as M, Ensure as R } from "@tempots/dom";
+import { a as S, I as k } from "./input-container-DiCjOzR2.js";
+import { B as x, I as E } from "./translations-Cq8bUKJP.js";
+import { C as W } from "./use-form-B56E_x5Y.js";
+const X = (n) => {
   const l = {
     name: "email",
     autocomplete: "email",
-    ...t
+    ...n
   }, {
-    value: c,
+    value: r,
     before: s,
     onBlur: o,
     onChange: d,
-    onInput: r,
-    placeholder: I
-  } = l, b = s ?? j({
+    onInput: c,
+    placeholder: v
+  } = l, b = s ?? S({
     icon: "line-md:email",
-    size: t.size,
+    size: n.size,
     color: "neutral"
   });
-  return x(
-    V,
-    (f) => z({
-      ...t,
+  return V(
+    x,
+    (f) => k({
+      ...n,
       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
+      input: j.email(
+        z(l),
+        t.placeholder(A(v, f.$.emailPlaceholderText)),
+        t.value(r),
+        t.class("bc-input"),
+        o != null ? m.blur(I(o)) : w,
+        d != null ? m.change(I(d)) : w,
+        c != null ? m.input(I(c)) : w
       )
     })
   );
-}, Q = (t) => {
+}, Y = (n) => {
   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, $ = {
+  } = n, T = {
     name: "password",
     disabled: b,
     ...h
-  }, i = k(!0), a = C(
+  }, i = O(!0), a = C(
     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(
-      n.type("button"),
-      n.class("bc-input-container__password-toggle"),
-      M.label(e.$.togglePasswordVisibility),
+    )((y, N, U) => N ? "•••••••••••••••" : U ?? y), B = p.button(
+      t.type("button"),
+      t.class("bc-input-container__password-toggle"),
+      F.label(e.$.togglePasswordVisibility),
       m.click(() => i.update((y) => !y)),
-      T(
+      P(
         i,
         () => E({ icon: "line-md:watch" }),
         () => E({ icon: "line-md:watch-off" })
       )
     );
-    return z({
+    return k({
       before: d,
       disabled: b,
-      hasError: I,
+      hasError: v,
       input: p.input(
-        O({
-          ...$,
+        z({
+          ...T,
           autocomplete: a,
           placeholder: u
         }),
-        T(
+        P(
           i,
-          () => B(n.type("password")),
-          () => B(n.type("text"))
+          () => $(t.type("password")),
+          () => $(t.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
+        t.class("bc-input"),
+        t.value(l),
+        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
     });
   });
 };
-function q(t) {
-  switch (t) {
+function q(n) {
+  switch (n) {
     case "success":
       return "material-symbols:check-circle-outline";
     case "warning":
@@ -109,8 +111,8 @@ function q(t) {
       return "material-symbols:info-outline";
   }
 }
-function D(t) {
-  switch (t) {
+function D(n) {
+  switch (n) {
     case "success":
       return "success";
     case "warning":
@@ -122,52 +124,52 @@ function D(t) {
       return "info";
   }
 }
-function G(t, l, c, s) {
+function G(n, l, r, s) {
   const o = [
     "bc-notice",
-    `bc-notice--${t}`,
+    `bc-notice--${n}`,
     `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({
-  variant: t = "info",
+function Z({
+  variant: n = "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, () => {
+  const f = O(!0);
+  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(n, (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(
+        t.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)),
-        R(
+        t.role(g.map(i, (e) => e)),
+        M(
           g.map(o, (e) => e === !1),
           () => p.div(
-            n.class("bc-notice__icon"),
+            t.class("bc-notice__icon"),
             E({
               icon: C(
                 o,
@@ -181,20 +183,20 @@ function X({
           )
         ),
         p.div(
-          n.class("bc-notice__body"),
-          S(
+          t.class("bc-notice__body"),
+          R(
             s,
-            (e) => p.div(n.class("bc-notice__title"), e)
+            (e) => p.div(t.class("bc-notice__title"), e)
           ),
-          p.div(n.class("bc-notice__content"), ...b)
+          p.div(t.class("bc-notice__content"), ...b)
         ),
-        T(
+        P(
           _,
           () => W({
             size: "xs",
             label: a.$.closeModal,
             onClick: () => {
-              f.set(!1), r?.();
+              f.set(!1), c?.();
             }
           })
         )
@@ -203,7 +205,7 @@ function X({
   });
 }
 export {
-  L as E,
-  X as N,
-  Q as P
+  X as E,
+  Z as N,
+  Y as P
 };

package/dist/notice-CLDdy1MW.cjs

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