@tempots/beatui 0.95.0 → 1.0.0

package/dist/{notice-D7hYFM5A.js → notice-E19wu9lA.js}

@@ -1,8 +1,8 @@
-import { C as x } from "./text-input-BLupB3cU.js";
-import { Use as E, input as U, attr as t, coalesce as j, Empty as w, on as m, emitValue as I, prop as z, computedOf as C, html as p, aria as A, When as P, Fragment as F, Value as g, Unless as M, Ensure as R } from "@tempots/dom";
-import { a as S, I as O } from "./input-container-DMoVdH6E.js";
-import { B as V, I as $ } from "./translations-DyCmyLE_.js";
-import { C as W } from "./use-form-CfxvyTfd.js";
+import { C as z } from "./text-input-DfqXolVe.js";
+import { Use as V, input as U, attr as t, coalesce as j, Empty as w, on as m, emitValue as v, prop as E, computedOf as _, html as p, aria as A, When as P, Fragment as D, Value as g, Unless as F, Ensure as M } from "@tempots/dom";
+import { a as R, I as N } from "./input-container-BvEcp7FU.js";
+import { B as x, I as $ } from "./translations-B1_yyDUK.js";
+import { C as S } from "./use-form-Dn6v2tEh.js";
 const X = (n) => {
   const l = {
     name: "email",
@@ -14,25 +14,25 @@ const X = (n) => {
     onBlur: o,
     onChange: d,
     onInput: c,
-    placeholder: v
-  } = l, b = s ?? S({
+    placeholder: I
+  } = l, b = s ?? R({
     icon: "line-md:email",
     size: n.size,
     color: "neutral"
   });
-  return E(
-    V,
-    (f) => O({
+  return V(
+    x,
+    (f) => N({
       ...n,
       before: b,
       input: U.email(
-        x(l),
-        t.placeholder(j(v, f.$.emailPlaceholderText)),
+        z(l),
+        t.placeholder(j(I, 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
+        o != null ? m.blur(v(o)) : w,
+        d != null ? m.change(v(d)) : w,
+        c != null ? m.input(v(c)) : w
       )
     })
   );
@@ -44,25 +44,25 @@ const X = (n) => {
     onInput: o,
     before: d,
     after: c,
-    hasError: v,
+    hasError: I,
     disabled: b,
     autocomplete: f,
-    placeholder: _,
+    placeholder: C,
     ...h
   } = n, T = {
     name: "password",
     disabled: b,
     ...h
-  }, i = z(!0), a = C(
+  }, i = E(!0), a = _(
     i,
     f
   )((e, u) => e ? u ?? "current-password" : "off");
-  return E(V, (e) => {
-    const u = C(
+  return V(x, (e) => {
+    const u = _(
       e.$.passwordPlaceholderText,
       i,
-      _
-    )((y, k, N) => k ? "•••••••••••••••" : N ?? y), B = p.button(
+      C
+    )((y, O, k) => O ? "•••••••••••••••" : k ?? y), B = p.button(
       t.type("button"),
       t.class("bc-input-container__password-toggle"),
       A.label(e.$.togglePasswordVisibility),
@@ -73,12 +73,12 @@ const X = (n) => {
         () => $({ icon: "line-md:watch-off" })
       )
     );
-    return O({
+    return N({
       before: d,
       disabled: b,
-      hasError: v,
+      hasError: I,
       input: p.input(
-        x({
+        z({
           ...T,
           autocomplete: a,
           placeholder: u
@@ -90,15 +90,15 @@ const X = (n) => {
         ),
         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
+        r != null ? m.blur(v(r)) : w,
+        s != null ? m.change(v(s)) : w,
+        o != null ? m.input(v(o)) : w
       ),
-      after: c != null ? F(B, c) : B
+      after: c != null ? D(B, c) : B
     });
   });
 };
-function q(n) {
+function W(n) {
   switch (n) {
     case "success":
       return "material-symbols:check-circle-outline";
@@ -110,7 +110,7 @@ function q(n) {
       return "material-symbols:info-outline";
   }
 }
-function D(n) {
+function q(n) {
   switch (n) {
     case "success":
       return "success";
@@ -137,60 +137,60 @@ function Z({
   title: s,
   icon: o,
   closable: d = !1,
-  onDismiss: c,
-  class: v
+  onClose: c,
+  class: I
 }, ...b) {
-  const f = z(!0);
+  const f = E(!0);
   return P(f, () => {
-    const _ = g.map(
+    const C = g.map(
       d,
       (a) => !!a || c != null
-    ), h = g.map(n, (a) => a ?? "info"), T = g.map(l, (a) => a ?? "subtle"), i = C(
+    ), h = g.map(n, (a) => a ?? "info"), T = g.map(l, (a) => a ?? "subtle"), i = _(
       r,
       h
     )(
       (a, e) => a ?? (e === "danger" ? "alert" : "status")
     );
-    return E(
-      V,
+    return V(
+      x,
       (a) => p.div(
         t.class(
-          C(
+          _(
             h,
             T,
-            _,
-            v
+            C,
+            I
           )((e, u, B, y) => G(e, u, B, y))
         ),
         // Accessibility role mapping (always defined)
         t.role(g.map(i, (e) => e)),
-        M(
+        F(
           g.map(o, (e) => e === !1),
           () => p.div(
             t.class("bc-notice__icon"),
             $({
-              icon: C(
+              icon: _(
                 o,
                 h
               )(
-                (e, u) => e === void 0 ? q(u) : String(e)
+                (e, u) => e === void 0 ? W(u) : String(e)
               ),
               size: "md",
-              color: g.map(h, D)
+              color: g.map(h, q)
             })
           )
         ),
         p.div(
           t.class("bc-notice__body"),
-          R(
+          M(
             s,
             (e) => p.div(t.class("bc-notice__title"), e)
           ),
           p.div(t.class("bc-notice__content"), ...b)
         ),
         P(
-          _,
-          () => W({
+          C,
+          () => S({
             size: "xs",
             label: a.$.closeModal,
             onClick: () => {
@@ -203,7 +203,7 @@ function Z({
   });
 }
 export {
-  X as E,
-  Z as N,
-  Y as P
+  X as N,
+  Y as P,
+  Z as a
 };

package/dist/notice-_9XhdrFw.cjs

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