@tempots/beatui 0.95.0 → 1.0.1

package/dist/{notice-D7hYFM5A.js → notice-BKcyJD5w.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 x } from "./text-input-DfqXolVe.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 _, 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 O } from "./input-container-BvEcp7FU.js";
+import { B as V, I as $ } from "./translations-B1_yyDUK.js";
+import { C as S } from "./use-form-Dn6v2tEh.js";
 const X = (n) => {
   const l = {
     name: "email",
@@ -10,12 +10,12 @@ const X = (n) => {
     ...n
   }, {
     value: r,
-    before: s,
+    before: a,
     onBlur: o,
     onChange: d,
     onInput: c,
     placeholder: v
-  } = l, b = s ?? S({
+  } = l, b = a ?? R({
     icon: "line-md:email",
     size: n.size,
     color: "neutral"
@@ -40,28 +40,28 @@ const X = (n) => {
   const {
     value: l,
     onBlur: r,
-    onChange: s,
+    onChange: a,
     onInput: o,
     before: d,
     after: c,
     hasError: v,
     disabled: b,
     autocomplete: f,
-    placeholder: _,
+    placeholder: C,
     ...h
   } = n, T = {
     name: "password",
     disabled: b,
     ...h
-  }, i = z(!0), a = C(
+  }, i = z(!0), s = _(
     i,
     f
   )((e, u) => e ? u ?? "current-password" : "off");
   return E(V, (e) => {
-    const u = C(
+    const u = _(
       e.$.passwordPlaceholderText,
       i,
-      _
+      C
     )((y, k, N) => k ? "•••••••••••••••" : N ?? y), B = p.button(
       t.type("button"),
       t.class("bc-input-container__password-toggle"),
@@ -80,7 +80,7 @@ const X = (n) => {
       input: p.input(
         x({
           ...T,
-          autocomplete: a,
+          autocomplete: s,
           placeholder: u
         }),
         P(
@@ -91,14 +91,14 @@ const X = (n) => {
         t.class("bc-input"),
         t.value(l),
         r != null ? m.blur(I(r)) : w,
-        s != null ? m.change(I(s)) : w,
+        a != null ? m.change(I(a)) : w,
         o != null ? m.input(I(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";
@@ -122,77 +122,77 @@ function D(n) {
       return "info";
   }
 }
-function G(n, l, r, s) {
+function G(n, l, r, a) {
   const o = [
     "bc-notice",
     `bc-notice--${n}`,
     `bc-notice--tone-${l}`
   ];
-  return r && o.push("bc-notice--dismissible"), s && s.length > 0 && o.push(s), o.join(" ");
+  return r && o.push("bc-notice--dismissible"), a && a.length > 0 && o.push(a), o.join(" ");
 }
 function Z({
   variant: n = "info",
   tone: l = "subtle",
   role: r,
-  title: s,
+  title: a,
   icon: o,
   closable: d = !1,
-  onDismiss: c,
+  onClose: c,
   class: v
 }, ...b) {
   const f = z(!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(
+      (s) => !!s || c != null
+    ), h = g.map(n, (s) => s ?? "info"), T = g.map(l, (s) => s ?? "subtle"), i = _(
       r,
       h
     )(
-      (a, e) => a ?? (e === "danger" ? "alert" : "status")
+      (s, e) => s ?? (e === "danger" ? "alert" : "status")
     );
     return E(
       V,
-      (a) => p.div(
+      (s) => p.div(
         t.class(
-          C(
+          _(
             h,
             T,
-            _,
+            C,
             v
           )((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(
-            s,
+          M(
+            a,
             (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,
+            label: s.$.closeModal,
             onClick: () => {
               f.set(!1), c?.();
             }