@nice2dev/ui-graphics 1.1.0 → 1.1.1

package/dist/cjs/packages/ui/dist/NiceErrorBoundary-D75yr_WE.js

@@ -0,0 +1,572 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var coreDa43qPO = require('./core-Da43q-pO.js');
+var React = require('react');
+
+const J = {
+  info: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z", clipRule: "evenodd" }) }),
+  success: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", clipRule: "evenodd" }) }),
+  warning: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495zM10 5a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 0110 5zm0 9a1 1 0 100-2 1 1 0 000 2z", clipRule: "evenodd" }) }),
+  error: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z", clipRule: "evenodd" }) })
+}, he = ({
+  variant: n = "info",
+  title: t,
+  children: s,
+  closable: r,
+  onClose: i,
+  icon: c,
+  size: l = "md",
+  className: m,
+  style: d,
+  displayStyle: b
+}) => {
+  const h = coreDa43qPO.d("card", b);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `nice-alert nice-alert--${n} nice-alert--${l} nice-alert--ds-${h} ${m || ""}`,
+      style: d,
+      role: "alert",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `nice-alert__icon nice-alert__icon--${n}`, children: c || J[n] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-alert__content", children: [
+          t && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-alert__title", children: t }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: s })
+        ] }),
+        r && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "nice-alert__close", onClick: i, "aria-label": "Close", children: "✕" })
+      ]
+    }
+  );
+}, fe = ({
+  open: n,
+  onClose: t,
+  title: s,
+  position: r = "right",
+  size: i = "md",
+  children: c,
+  footer: l,
+  transitionDuration: m,
+  className: d,
+  style: b,
+  displayStyle: h
+}) => {
+  const v = coreDa43qPO.c("modal", h), g = coreDa43qPO.d("modal", h), { t: f } = coreDa43qPO.W(), N = React.useRef(null);
+  return coreDa43qPO.e(N, n), React.useEffect(() => {
+    if (!n)
+      return;
+    const p = (o) => {
+      o.key === "Escape" && t();
+    };
+    return document.addEventListener("keydown", p), document.body.style.overflow = "hidden", () => {
+      document.removeEventListener("keydown", p), document.body.style.overflow = "";
+    };
+  }, [n, t]), n ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-drawer-overlay", onClick: t }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: N,
+        className: `nice-drawer nice-drawer--${r} nice-drawer--${i} nice-drawer--ds-${g} ${d || ""}`,
+        style: {
+          ...v,
+          ...b,
+          ...m != null ? { transitionDuration: `${m}ms` } : {}
+        },
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": s,
+        children: [
+          s && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-drawer__header", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "nice-drawer__title", children: s }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "nice-drawer__close",
+                onClick: t,
+                "aria-label": f("controls.close", "Close"),
+                children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" }) })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-drawer__body", children: c }),
+          l && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-drawer__footer", children: l })
+        ]
+      }
+    )
+  ] }) : null;
+}, _e = ({
+  toasts: n,
+  onDismiss: t,
+  position: s = "top-right"
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: `nice-toast-container nice-toast-container--${s}`, children: n.map((r) => /* @__PURE__ */ jsxRuntime.jsx(ne, { toast: r, onDismiss: t }, r.id)) }), ne = ({
+  toast: n,
+  onDismiss: t
+}) => {
+  const [s, r] = React.useState(false);
+  return React.useEffect(() => {
+    if (!n.duration && n.duration !== 0) {
+      const i = setTimeout(() => r(true), 4e3);
+      return () => clearTimeout(i);
+    }
+    if (n.duration > 0) {
+      const i = setTimeout(() => r(true), n.duration);
+      return () => clearTimeout(i);
+    }
+  }, [n.duration]), React.useEffect(() => {
+    if (s) {
+      const i = setTimeout(() => t(n.id), 200);
+      return () => clearTimeout(i);
+    }
+  }, [s, n.id, t]), /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `nice-toast nice-toast--${n.variant} ${s ? "nice-toast--exiting" : ""}`,
+      role: "alert",
+      style: { position: "relative" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-toast__icon", children: J[n.variant] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-toast__content", children: [
+          n.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-toast__title", children: n.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-toast__message", children: n.message })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "nice-toast__close", onClick: () => r(true), children: "✕" })
+      ]
+    }
+  );
+};
+let ie = 0;
+function pe() {
+  const [n, t] = React.useState([]), s = React.useCallback(
+    (i, c, l) => {
+      const m = `toast-${++ie}`;
+      return t((d) => [
+        ...d,
+        { id: m, variant: i, message: c, title: l?.title, duration: l?.duration }
+      ]), m;
+    },
+    []
+  ), r = React.useCallback((i) => {
+    t((c) => c.filter((l) => l.id !== i));
+  }, []);
+  return {
+    toasts: n,
+    dismiss: r,
+    info: (i, c) => s("info", i, c),
+    success: (i, c) => s("success", i, c),
+    warning: (i, c) => s("warning", i, c),
+    error: (i, c) => s("error", i, c)
+  };
+}
+const te = {
+  info: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" }) }),
+  warning: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" }) }),
+  error: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) }),
+  success: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) })
+}, be = ({
+  visible: n,
+  message: t,
+  header: s,
+  icon: r,
+  variant: i = "warning",
+  acceptLabel: c,
+  rejectLabel: l,
+  onAccept: m,
+  onReject: d,
+  closeOnOverlay: b = false,
+  closeOnEscape: h = true,
+  size: v = "md",
+  className: g,
+  style: f
+}) => {
+  const { t: N } = coreDa43qPO.W();
+  if (React.useEffect(() => {
+    if (!n || !h)
+      return;
+    const w = (y) => {
+      y.key === "Escape" && d();
+    };
+    return document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
+  }, [n, h, d]), React.useEffect(() => (n ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [n]), !n)
+    return null;
+  const p = r ?? te[i], o = c ?? N("confirm.accept", "Yes"), $ = l ?? N("confirm.reject", "No");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-modal-overlay", onClick: b ? d : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `nice-confirm nice-confirm--${i} nice-confirm--${v} ${g || ""}`,
+      style: f,
+      role: "alertdialog",
+      "aria-modal": "true",
+      "aria-label": s,
+      "aria-describedby": "nice-confirm-message",
+      onClick: (w) => w.stopPropagation(),
+      children: [
+        s && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-confirm__header", children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "nice-confirm__title", children: s }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-confirm__body", children: [
+          p && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `nice-confirm__icon nice-confirm__icon--${i}`, children: p }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { id: "nice-confirm-message", className: "nice-confirm__message", children: t })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-confirm__footer", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "nice-btn nice-btn--ghost nice-btn--md",
+              onClick: d,
+              children: $
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: `nice-btn nice-btn--${i === "error" ? "error" : "primary"} nice-btn--md`,
+              onClick: m,
+              autoFocus: true,
+              children: o
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+};
+const oe = React.forwardRef(
+  ({
+    visible: n,
+    onAcceptAll: t,
+    onRejectAll: s,
+    onSave: r,
+    categories: i = ["necessary", "analytics", "marketing", "preferences"],
+    defaults: c,
+    position: l = "bottom",
+    size: m = "md",
+    policyUrl: d,
+    showDetails: b = false,
+    className: h,
+    style: v,
+    id: g,
+    ...f
+  }, N) => {
+    const p = coreDa43qPO.b(g), { t: o } = coreDa43qPO.W(), [$, w] = React.useState(true), y = n ?? $, [C, T] = React.useState(b), [u, z] = React.useState(() => {
+      const _ = {
+        necessary: true,
+        analytics: false,
+        marketing: false,
+        preferences: false
+      };
+      return c && Object.assign(_, c), _.necessary = true, _;
+    }), S = {
+      necessary: o("cookie.necessary", "Necessary"),
+      analytics: o("cookie.analytics", "Analytics"),
+      marketing: o("cookie.marketing", "Marketing"),
+      preferences: o("cookie.preferences", "Preferences")
+    }, E = {
+      necessary: o(
+        "cookie.necessaryDesc",
+        "Required for the website to function. Cannot be disabled."
+      ),
+      analytics: o(
+        "cookie.analyticsDesc",
+        "Help us understand how visitors interact with the website."
+      ),
+      marketing: o("cookie.marketingDesc", "Used to deliver relevant advertisements."),
+      preferences: o("cookie.preferencesDesc", "Allow the website to remember your choices.")
+    }, R = React.useCallback(() => {
+      const _ = {
+        necessary: true,
+        analytics: true,
+        marketing: true,
+        preferences: true
+      };
+      t?.(), r?.(_), w(false);
+    }, [t, r]), M = React.useCallback(() => {
+      const _ = {
+        necessary: true,
+        analytics: false,
+        marketing: false,
+        preferences: false
+      };
+      s?.(), r?.(_), w(false);
+    }, [s, r]), F = React.useCallback(() => {
+      r?.({ ...u, necessary: true }), w(false);
+    }, [u, r]);
+    return y ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: N,
+        id: p,
+        className: `nice-cookie-consent nice-cookie-consent--${l} nice-cookie-consent--${m} ${h ?? ""}`,
+        style: v,
+        role: "dialog",
+        "aria-label": o("cookie.label", "Cookie Consent"),
+        "aria-modal": "true",
+        ...f,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-cookie-consent__content", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "nice-cookie-consent__message", children: [
+            o(
+              "cookie.message",
+              "We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies."
+            ),
+            d && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: d,
+                  className: "nice-cookie-consent__link",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  children: o("cookie.learnMore", "Learn more")
+                }
+              )
+            ] })
+          ] }),
+          C && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-cookie-consent__details", children: i.map((_) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "nice-cookie-consent__category", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: u[_],
+                disabled: _ === "necessary",
+                onChange: (j) => z((P) => ({ ...P, [_]: j.target.checked })),
+                className: "nice-cookie-consent__checkbox"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-cookie-consent__cat-info", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: S[_] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-cookie-consent__cat-desc", children: E[_] })
+            ] })
+          ] }, _)) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-cookie-consent__actions", children: [
+            !C && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "nice-cookie-consent__btn nice-cookie-consent__btn--details",
+                onClick: () => T(true),
+                children: o("cookie.customize", "Customize")
+              }
+            ),
+            C && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "nice-cookie-consent__btn nice-cookie-consent__btn--save",
+                onClick: F,
+                children: o("cookie.savePreferences", "Save preferences")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "nice-cookie-consent__btn nice-cookie-consent__btn--reject",
+                onClick: M,
+                children: o("cookie.rejectAll", "Reject all")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "nice-cookie-consent__btn nice-cookie-consent__btn--accept",
+                onClick: R,
+                children: o("cookie.acceptAll", "Accept all")
+              }
+            )
+          ] })
+        ] })
+      }
+    ) : null;
+  }
+);
+oe.displayName = "NiceCookieConsent";
+const le = React.forwardRef(
+  ({
+    onSubmit: n,
+    onForgotPassword: t,
+    onRegister: s,
+    loading: r = false,
+    error: i,
+    variant: c = "primary",
+    size: l = "md",
+    showRememberMe: m = true,
+    showForgotPassword: d = true,
+    showRegister: b = false,
+    title: h,
+    logo: v,
+    usernameLabel: g,
+    passwordLabel: f,
+    usernamePlaceholder: N,
+    passwordPlaceholder: p,
+    className: o,
+    style: $,
+    id: w,
+    ...y
+  }, C) => {
+    const T = coreDa43qPO.b(w), { t: u } = coreDa43qPO.W(), [z, S] = React.useState(""), [E, R] = React.useState(""), [M, F] = React.useState(false), [_, j] = React.useState(false), P = `${T}-user`, q = `${T}-pass`, H = `${T}-remember`, K = React.useCallback(
+      (x) => {
+        x.preventDefault(), !r && n?.({ username: z, password: E, rememberMe: M });
+      },
+      [r, z, E, M, n]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        ref: C,
+        id: T,
+        className: `nice-login nice-login--${c} nice-login--${l} ${o ?? ""}`,
+        style: $,
+        onSubmit: K,
+        noValidate: true,
+        ...y,
+        children: [
+          v && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-login__logo", children: v }),
+          h && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "nice-login__title", children: h ?? u("login.title", "Sign In") }),
+          i && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-login__error", role: "alert", children: i }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-login__field", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: P, className: "nice-login__label", children: g ?? u("login.username", "Username") }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                id: P,
+                className: "nice-login__input",
+                type: "text",
+                value: z,
+                onChange: (x) => S(x.target.value),
+                placeholder: N ?? u("login.usernamePlaceholder", "Enter your username"),
+                autoComplete: "username",
+                required: true,
+                disabled: r,
+                "aria-required": "true"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-login__field", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: q, className: "nice-login__label", children: f ?? u("login.password", "Password") }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-login__password-wrap", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  id: q,
+                  className: "nice-login__input",
+                  type: _ ? "text" : "password",
+                  value: E,
+                  onChange: (x) => R(x.target.value),
+                  placeholder: p ?? u("login.passwordPlaceholder", "Enter your password"),
+                  autoComplete: "current-password",
+                  required: true,
+                  disabled: r,
+                  "aria-required": "true"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "nice-login__toggle-password",
+                  onClick: () => j(!_),
+                  "aria-label": _ ? u("login.hidePassword", "Hide password") : u("login.showPassword", "Show password"),
+                  tabIndex: -1,
+                  children: _ ? "🙈" : "👁"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-login__options", children: [
+            m && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "nice-login__remember", htmlFor: H, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  id: H,
+                  type: "checkbox",
+                  checked: M,
+                  onChange: (x) => F(x.target.checked),
+                  disabled: r
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: u("login.rememberMe", "Remember me") })
+            ] }),
+            d && t && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "nice-login__forgot",
+                onClick: t,
+                disabled: r,
+                children: u("login.forgotPassword", "Forgot password?")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "submit",
+              className: `nice-login__submit nice-login__submit--${c}`,
+              disabled: r || !z || !E,
+              children: r ? u("login.loading", "Signing in...") : u("login.submit", "Sign In")
+            }
+          ),
+          b && s && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "nice-login__register", children: [
+            u("login.noAccount", "Don't have an account?"),
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "nice-login__register-link",
+                onClick: s,
+                disabled: r,
+                children: u("login.register", "Register")
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+le.displayName = "NiceLoginForm";
+const O = class O extends React.Component {
+  constructor() {
+    super(...arguments), this.state = {
+      hasError: false,
+      error: null
+    }, this.handleReset = () => {
+      this.setState({ hasError: false, error: null });
+    };
+  }
+  static getDerivedStateFromError(t) {
+    return { hasError: true, error: t };
+  }
+  componentDidCatch(t, s) {
+    this.props.onError?.(t, s);
+  }
+  render() {
+    if (this.state.hasError && this.state.error) {
+      const { fallback: t, showRetry: s = true, retryLabel: r = "Retry", title: i = "Something went wrong" } = this.props;
+      return typeof t == "function" ? t(this.state.error, this.handleReset) : t || /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-error-boundary", role: "alert", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-error-boundary__icon", children: "⚠️" }),
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "nice-error-boundary__title", children: i }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nice-error-boundary__message", children: this.state.error.message }),
+        s && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: this.handleReset, children: r })
+      ] });
+    }
+    return this.props.children;
+  }
+};
+O.displayName = "NiceErrorBoundary";
+
+exports.N = he;
+exports.a = be;
+exports.b = oe;
+exports.c = fe;
+exports.e = le;
+exports.i = _e;
+exports.j = J;
+exports.u = pe;
+//# sourceMappingURL=NiceErrorBoundary-D75yr_WE.js.map