@alfadocs/ui-kit 1.54.3 → 1.56.0

package/dist/_chunks/login-dev-card-DmZ1B0lB.js

@@ -0,0 +1,309 @@
+import { jsxs as v, jsx as e } from "react/jsx-runtime";
+import { forwardRef as ls, useId as N, useState as n, useRef as es, useEffect as bs } from "react";
+import { useTranslation as ys } from "react-i18next";
+import { c as j } from "./index-D2ZczOXr.js";
+import { i as as, E as Es } from "./email-input-C7THAwh2.js";
+import { B as ds } from "./button-Bn16lcFM.js";
+import { C as h } from "./card-DMO2nkt4.js";
+import { E as Ns } from "./error-summary-BhM8FEkl.js";
+import { F as rs } from "./form-field-Ani72sVY.js";
+import { P as Is } from "./password-input-BokZ_rnT.js";
+import { i as is } from "./safe-href-5dbsfbQn.js";
+import { u as Bs } from "./use-state-backed-input-C7ESmxKB.js";
+import { u as Rs, a as Ls, A as As, b as Cs, E as Ms, d as Ss, c as ks } from "./auth-form-parts-CravOf0L.js";
+import { u as qs, b as zs, a as js } from "./use-registration-submit-eWAECgUC.js";
+import { M as $s } from "./matrix-rain-sDOUUwZp.js";
+import { a as Ds } from "./error-page-illustration-BdJLuMdV.js";
+const $ = ["email", "password"], Ps = j(
+  "ds:flex ds:w-full ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:text-start ds:text-[var(--foreground)] ds:lg:flex-row ds:lg:items-stretch"
+), os = j("ds:w-full ds:max-w-[400px]"), Ts = (r) => Object.values(r).some(Boolean), Os = (r) => $.some((d) => !!r[d]), ts = (r) => $.find((d) => r[d]) ?? (r.form ? "password" : void 0), Hs = ls(
+  ({
+    title: r,
+    description: d,
+    headingLevel: w = 1,
+    showLogo: I = !0,
+    logoMotion: B = "assemble",
+    children: x,
+    initialValues: o,
+    errors: c,
+    forgotPasswordHref: m,
+    submitLabel: t,
+    submitting: R = !1,
+    onSubmit: L,
+    fieldNames: F,
+    action: ns,
+    hiddenFields: cs,
+    devCard: D,
+    className: ms,
+    ...us
+  }, fs) => {
+    const { t: l } = ys("ui"), P = N(), A = N(), ps = N(), C = (s) => `${ps}-${s}`, u = F !== void 0, [f, M] = n(() => (o == null ? void 0 : o.email) ?? ""), [b, y] = n(""), [gs, T] = n(() => ({ email: !!(o != null && o.email) })), [vs, O] = n(!1), [H, _] = n(
+      () => c ?? {}
+    ), G = (s) => T(
+      (a) => a[s] ? a : { ...a, [s]: !0 }
+    ), W = (s) => _(
+      (a) => a[s] ? { ...a, [s]: void 0 } : a
+    ), S = es(null), k = es(null), J = Bs(f, S), K = () => {
+      y(""), T((s) => ({ ...s, password: !1 }));
+    }, Q = () => {
+      var a, g;
+      const s = {
+        email: ((a = S.current) == null ? void 0 : a.value) ?? f,
+        password: ((g = k.current) == null ? void 0 : g.value) ?? b
+      };
+      return s.email !== f && M(s.email), s.password !== b && y(s.password), s;
+    }, U = {
+      email: !as(f),
+      password: b === ""
+    }, X = (s) => vs || gs[s] === !0, hs = {
+      email: X("email") && U.email ? l(f === "" ? "loginForm.emailRequired" : "inputs.email.invalid") : void 0,
+      password: X("password") && U.password ? l("loginForm.passwordRequired") : void 0
+    }, E = (s) => H[s] ?? hs[s], [Y] = n(
+      () => Os(c ?? {})
+    ), i = qs(
+      $,
+      E,
+      Y
+    ), [q, Z] = n(() => {
+      const s = Y ? void 0 : ts(c ?? {});
+      return s ? { target: s } : null;
+    });
+    bs(() => {
+      var s;
+      q && ((s = (q.target === "email" ? S : k).current) == null || s.focus());
+    }, [q]);
+    const V = zs({
+      errors: c,
+      submitting: R,
+      native: u,
+      captcha: !1,
+      firstProblem: () => {
+        const s = Q();
+        return as(s.email) ? s.password === "" ? "password" : void 0 : "email";
+      },
+      onRefused: (s) => {
+        O(!0), i.open(() => Z({ target: s }));
+      },
+      // Only a React host gets here: a native post is the browser's own.
+      deliver: () => L == null ? void 0 : L(Q()),
+      onAnswer: (s) => {
+        const a = s;
+        _(a), Ts(a) && (K(), O(!1), i.open(() => {
+          const g = ts(a);
+          g && Z({ target: g });
+        }));
+      },
+      // The page came back from the browser's cache as it was left: the
+      // password must not come back with it.
+      onRestore: K
+    }), { busy: z } = V, ws = Rs("LoginForm", u, ns), ss = m && is(m) ? m : void 0, xs = Ls(
+      "LoginForm",
+      u,
+      F,
+      cs
+    ), p = H.form, Fs = js(
+      p,
+      i.listed.length > 0
+    );
+    return /* @__PURE__ */ v(
+      "div",
+      {
+        ref: fs,
+        ...us,
+        "data-component": "login-form",
+        className: Ps({ className: ms }),
+        children: [
+          /* @__PURE__ */ e("div", { className: os(), children: /* @__PURE__ */ e(h, { variant: "elevated", className: "ds:h-full", children: /* @__PURE__ */ v(h.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
+            /* @__PURE__ */ e(
+              As,
+              {
+                id: P,
+                title: r ?? l("loginForm.title"),
+                description: d,
+                level: w,
+                showLogo: I,
+                logoMotion: B
+              }
+            ),
+            x ? /* @__PURE__ */ e(
+              "div",
+              {
+                "data-slot": "host-content",
+                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+                children: x
+              }
+            ) : null,
+            /* @__PURE__ */ v(
+              "form",
+              {
+                noValidate: !0,
+                method: "post",
+                action: ws,
+                "aria-labelledby": P,
+                "aria-busy": z || void 0,
+                onSubmit: V.handleSubmit,
+                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+                children: [
+                  /* @__PURE__ */ e(
+                    Ns,
+                    {
+                      ref: i.ref,
+                      headingLevel: w + 1,
+                      "aria-describedby": p ? A : void 0,
+                      errors: i.listed.map((s) => ({
+                        field: s,
+                        message: E(s) ?? "",
+                        targetId: C(s)
+                      }))
+                    }
+                  ),
+                  p && /* @__PURE__ */ e(
+                    Cs,
+                    {
+                      id: A,
+                      announce: Fs,
+                      children: p
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    rs,
+                    {
+                      id: C("email"),
+                      label: l("loginForm.email"),
+                      required: !0,
+                      error: E("email"),
+                      announceError: !i.lists("email"),
+                      "data-field": "email",
+                      children: /* @__PURE__ */ e(
+                        Es,
+                        {
+                          ref: J.ref,
+                          name: u ? F.email : "email",
+                          autoComplete: "username",
+                          disableBuiltInValidation: !0,
+                          onChange: J.quiet((s) => {
+                            M(s.target.value), W("email");
+                          }),
+                          onBlur: (s) => {
+                            M(s.target.value), s.target.value !== "" && G("email");
+                          }
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    rs,
+                    {
+                      id: C("password"),
+                      label: l("loginForm.password"),
+                      required: !0,
+                      error: E("password"),
+                      announceError: !i.lists("password"),
+                      "data-field": "password",
+                      children: /* @__PURE__ */ e(
+                        Is,
+                        {
+                          ref: k,
+                          name: u ? F.password : "password",
+                          autoComplete: "current-password",
+                          "aria-describedby": p ? A : void 0,
+                          value: b,
+                          onChange: (s) => {
+                            y(s.target.value), W("password");
+                          },
+                          onBlur: (s) => {
+                            y(s.target.value), s.target.value !== "" && G("password");
+                          }
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ e(Ms, { fields: xs }),
+                  /* @__PURE__ */ e(
+                    ds,
+                    {
+                      type: "submit",
+                      intent: "primary",
+                      size: "lg",
+                      loading: z,
+                      className: "ds:w-full",
+                      "data-action": "submit",
+                      children: t ?? l("loginForm.submit")
+                    }
+                  ),
+                  ss && /* @__PURE__ */ e(Ss, { href: ss, action: "forgot-password", children: l("loginForm.forgot") })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(ks, { busy: z })
+          ] }) }) }),
+          D ? /* @__PURE__ */ e("div", { className: os(), children: D }) : null
+        ]
+      }
+    );
+  }
+);
+Hs.displayName = "LoginForm";
+const _s = j("ds:h-full ds:w-full"), Gs = ls(
+  ({ title: r, options: d, headingLevel: w = 2, className: I, ...B }, x) => {
+    const o = N(), c = `h${w}`, m = d.filter((t) => is(t.href));
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: x,
+        ...B,
+        "data-component": "login-dev-card",
+        className: _s({ className: I }),
+        children: /* @__PURE__ */ v(
+          h,
+          {
+            variant: "elevated",
+            "aria-labelledby": o,
+            className: "ds:relative ds:isolate ds:flex ds:h-full ds:flex-col ds:overflow-hidden",
+            children: [
+              /* @__PURE__ */ e("div", { className: "ds:absolute ds:inset-0 ds:z-0 ds:[display:var(--accessible-off,block)]", children: /* @__PURE__ */ e(
+                $s,
+                {
+                  glyphs: "hex",
+                  decay: "fast",
+                  mask: "center",
+                  maskRadius: "xl",
+                  className: "ds:size-full"
+                }
+              ) }),
+              /* @__PURE__ */ e(h.Header, { className: "ds:relative ds:z-[1]", children: /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)] ds:text-center", children: [
+                /* @__PURE__ */ e("div", { className: "ds:[&>div]:w-24", children: /* @__PURE__ */ e(Ds, { mood: "melt" }) }),
+                /* @__PURE__ */ e(
+                  c,
+                  {
+                    id: o,
+                    className: "type-title-card ds:text-[var(--foreground)]",
+                    children: r
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ e(h.Body, { className: "ds:relative ds:z-[1] ds:flex ds:flex-1 ds:flex-col ds:justify-center", children: /* @__PURE__ */ e("div", { className: "ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: m.map((t, R) => /* @__PURE__ */ e(
+                ds,
+                {
+                  asChild: !0,
+                  intent: "primary",
+                  startIcon: t.icon,
+                  className: "ds:min-h-[var(--min-target-size)] ds:w-full",
+                  children: /* @__PURE__ */ e("a", { href: t.href, "data-action": "dev-login", children: t.label })
+                },
+                `${R}:${t.href}`
+              )) }) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Gs.displayName = "LoginDevCard";
+export {
+  $ as L,
+  Gs as a,
+  Hs as b
+};
+//# sourceMappingURL=login-dev-card-DmZ1B0lB.js.map

package/dist/_chunks/{logo-CuaqxTGK.js → logo-hIsyVE96.js}

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import { c as f } from "./index-D2ZczOXr.js";
-import { u as y } from "./use-prism-DaspP8w-.js";
+import { u as Z } from "./use-prism-DBOiELx7.js";
 import { A as b } from "./Alfadocs_Logo_Mark-Z_b6ZI1g.js";
 const x = m(({ pieceClassName: c, ...a }, r) => /* @__PURE__ */ o(
   "svg",
@@ -152,7 +152,7 @@ const e = m(({ pieceClassName: c, ...a }, r) => /* @__PURE__ */ o(
   }
 ));
 e.displayName = "AlfadocsLogoNeg";
-const k = f(
+const L = f(
   [
     "ds:align-middle ds:shrink-0",
     // `leading-none` zeros the implicit line-height on the SVG so the
@@ -173,7 +173,7 @@ const k = f(
     },
     defaultVariants: { size: "md" }
   }
-), L = f("ds:inline-flex ds:items-center", {
+), k = f("ds:inline-flex ds:items-center", {
   variants: {
     variant: {
       mark: "ds:text-[color:var(--primary)]",
@@ -191,21 +191,21 @@ const k = f(
     variant: c = "wordmark",
     tone: a = "auto",
     prism: r = !1,
-    size: w,
-    className: M,
-    decorative: u,
-    "aria-label": Z,
-    ...s
+    size: p,
+    className: w,
+    decorative: M,
+    "aria-label": y,
+    ...d
   }, l) => {
-    const p = !!r && c !== "monochrome", { rootProps: n, pieceProps: h } = y({
-      enabled: p,
+    const u = !!r && c !== "monochrome", { rootProps: n, pieceProps: h } = Z({
+      enabled: u,
       loop: r === "loop"
     }), v = {
       top: h("top").className,
       right: h("right").className,
       bottom: h("bottom").className,
       left: h("left").className
-    }, i = u ? { role: "presentation", "aria-hidden": !0 } : { role: "img", "aria-label": Z }, d = k({ size: w, className: M }), g = L({
+    }, i = M ? { role: "presentation", "aria-hidden": !0 } : { role: "img", "aria-label": y }, s = L({ size: p, className: w }), g = k({
       variant: c,
       tone: a,
       className: n.className
@@ -215,7 +215,7 @@ const k = f(
       {
         ref: l,
         ...i,
-        ...s,
+        ...d,
         className: g,
         "data-component": "logo",
         "data-prism": n["data-prism"],
@@ -223,7 +223,7 @@ const k = f(
           b,
           {
             "aria-hidden": !0,
-            className: d,
+            className: s,
             pieceClassName: v
           }
         )
@@ -233,17 +233,17 @@ const k = f(
       {
         ref: l,
         ...i,
-        ...s,
+        ...d,
         className: g,
         "data-component": "logo",
-        children: /* @__PURE__ */ t(e, { "aria-hidden": !0, className: d })
+        children: /* @__PURE__ */ t(e, { "aria-hidden": !0, className: s })
       }
     ) : /* @__PURE__ */ o(
       "span",
       {
         ref: l,
         ...i,
-        ...s,
+        ...d,
         className: g,
         "data-component": "logo",
         "data-prism": n["data-prism"],
@@ -252,7 +252,7 @@ const k = f(
             x,
             {
               "aria-hidden": !0,
-              className: `${d} ds:[.theme-dark_&]:hidden`,
+              className: `${s} ds:[display:var(--logo-positive-display,block)]`,
               pieceClassName: v
             }
           ),
@@ -260,7 +260,7 @@ const k = f(
             e,
             {
               "aria-hidden": !0,
-              className: `${d} ds:hidden ds:[.theme-dark_&]:inline-block ds:text-[color:var(--foreground)]`,
+              className: `${s} ds:[display:var(--logo-negative-display,none)] ds:text-[color:var(--foreground)]`,
               pieceClassName: v
             }
           )
@@ -274,4 +274,4 @@ export {
   e as A,
   z as L
 };
-//# sourceMappingURL=logo-CuaqxTGK.js.map
+//# sourceMappingURL=logo-hIsyVE96.js.map

package/dist/_chunks/{map-view-CQmqQJwK.js → map-view-CO2v0hfp.js}

@@ -2,8 +2,8 @@ import { jsx as a, jsxs as c } from "react/jsx-runtime";
 import { forwardRef as X, useId as Y, useMemo as v, useState as N, useEffect as f, useRef as g, useCallback as z, useImperativeHandle as ee } from "react";
 import { c as p } from "./index-D2ZczOXr.js";
 import { useTranslation as V } from "react-i18next";
-import { A as te, M as se, a as ae, P as oe, b as ne, u as re, c as _, d as ie } from "./index.modern-BeRXQVdc.js";
-import { B as le } from "./button-CYPx2xFq.js";
+import { A as te, M as se, a as ae, P as oe, b as ne, u as re, c as j, d as ie } from "./index.modern-BeRXQVdc.js";
+import { B as le } from "./button-Bn16lcFM.js";
 import { S as de } from "./skeleton-B1KTdJ4N.js";
 import { V as ce } from "./visually-hidden-BHxEUGyT.js";
 import { u as pe } from "./registry-DvAUVLHh.js";
@@ -169,7 +169,7 @@ const he = {
       },
       surface: {
         bordered: "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
-        elevated: "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)] ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
+        elevated: "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)] ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]",
         bare: "ds:rounded-none ds:border-0"
       }
     },
@@ -219,7 +219,7 @@ function we({
       }), () => t(null);
   }, [s, t, o]), null;
 }
-const j = (t) => {
+const P = (t) => {
   var o, s;
   return typeof ((s = (o = globalThis.google) == null ? void 0 : o.maps) == null ? void 0 : s[t]) == "function";
 };
@@ -240,10 +240,10 @@ function ve() {
 }
 function ze({ children: t }) {
   const o = re();
-  return _("maps") || !o || j("Map") ? t : /* @__PURE__ */ a(ve, {});
+  return j("maps") || !o || P("Map") ? t : /* @__PURE__ */ a(ve, {});
 }
 function Ve({ children: t }) {
-  return _("marker") || j("Marker") ? t : null;
+  return j("marker") || P("Marker") ? t : null;
 }
 function Me({
   address: t,
@@ -308,7 +308,7 @@ const ke = X(
     markers: m,
     selectedMarkerId: d,
     onMarkerClick: i,
-    consentGranted: P = !1,
+    consentGranted: _ = !1,
     onConsentRequest: b,
     address: u,
     consentDescription: q,
@@ -376,7 +376,7 @@ const ke = X(
       var e;
       (e = l.current) == null || e.setZoom(n);
     }, [n]);
-    const [W, x] = N(!1), Z = P || W;
+    const [W, x] = N(!1), Z = _ || W;
     S.current = Z, T.current = d ?? null, L.current = (m ?? []).length;
     const Q = z(() => {
       if (b) {
@@ -471,4 +471,4 @@ ke.displayName = "MapView";
 export {
   ke as M
 };
-//# sourceMappingURL=map-view-CQmqQJwK.js.map
+//# sourceMappingURL=map-view-CO2v0hfp.js.map

package/dist/_chunks/{marketplace-app-shell-DbEfoNxe.js → marketplace-app-shell-Dcx-JEjg.js}

@@ -2,20 +2,20 @@ import { jsxs as r, jsx as a, Fragment as L } from "react/jsx-runtime";
 import { forwardRef as k, useState as E } from "react";
 import { useTranslation as N, Trans as D } from "react-i18next";
 import { c as u } from "./index-D2ZczOXr.js";
-import { A as F } from "./app-frame-Cos-GSfw.js";
-import { A as w } from "./avatar-DYtwj1-R.js";
+import { A as F } from "./app-frame-B-0O9CrU.js";
+import { A as w } from "./avatar-WZY3eGE7.js";
 import { A as K } from "./alert-BhCstf2h.js";
-import { C as A } from "./card-DPmk26CL.js";
-import { D as p } from "./dropdown-menu-B5mgV1kV.js";
-import { T as q } from "./tab-bar-DRKiomgj.js";
-import { a as z, H as G, g as J, f as T, e as Q, c as U, d as X } from "./header--a4ZTiM5.js";
-import { H as Y } from "./header-settings-kkVm9VP3.js";
-import { S as Z } from "./sign-in-with-alfadocs-button-DFmgQuDo.js";
-import { S as _, g as aa, b as ea, a as sa, j as ta, k as ra, i as na, h as I } from "./sidebar-2GBc0ZUa.js";
+import { C as A } from "./card-DMO2nkt4.js";
+import { D as p } from "./dropdown-menu-BQSNVp4x.js";
+import { T as q } from "./tab-bar-Bm-rJB7Y.js";
+import { a as z, H as G, g as J, f as T, e as Q, c as U, d as X } from "./header-B9552pLh.js";
+import { H as Y } from "./header-settings-ge_3gYEq.js";
+import { S as Z } from "./sign-in-with-alfadocs-button-D91_x8DX.js";
+import { S as _, g as aa, b as ea, a as sa, j as ta, k as ra, i as na, h as I } from "./sidebar-DLsG2AIk.js";
 import { T as da } from "./theme-root-BOO73p5t.js";
 import { a as ia } from "./tooltip-Cp-PLePW.js";
 import { u as la } from "./use-theme-CAuo6EYT.js";
-import { A as oa, L as ca } from "./logo-CuaqxTGK.js";
+import { A as oa, L as ca } from "./logo-hIsyVE96.js";
 import { A as ma } from "./Alfadocs_Logo_Mark-Z_b6ZI1g.js";
 import { M as pa } from "./maximize-2-BYd2Kti7.js";
 import { L as ua } from "./log-out-oDS6zO5d.js";
@@ -538,4 +538,4 @@ export {
   Na as M,
   g as P
 };
-//# sourceMappingURL=marketplace-app-shell-DbEfoNxe.js.map
+//# sourceMappingURL=marketplace-app-shell-Dcx-JEjg.js.map