xertica-ui 2.6.0 → 2.8.0

package/dist/PasswordStrengthMeter-MLzhax-d.cjs

@@ -0,0 +1,179 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const skeleton = require('./skeleton-DjiHerJn.cjs');
+const button = require('./button-0BlA47It.cjs');
+const ImageWithFallback = require('./ImageWithFallback-CfkAkctC.cjs');
+const LanguageSelector = require('./LanguageSelector-CHOLPmHr.cjs');
+const reactI18next = require('react-i18next');
+const lucideReact = require('lucide-react');
+const React = require('react');
+
+function FeatureCardSkeleton({
+  showAction = true,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { className: button.cn("flex flex-col h-full", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "size-10 rounded-[var(--radius)] shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-28" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-12 rounded-full" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3.5 w-full" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3.5 w-5/6" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3.5 w-4/6" })
+    ] }),
+    showAction && /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-9 w-full rounded-md" }) })
+  ] });
+}
+
+function AuthPageShell({ imageSrc, imageAlt, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-screen w-full flex overflow-y-auto", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden lg:flex lg:flex-1 relative overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ImageWithFallback.ImageWithFallback,
+        {
+          src: imageSrc,
+          alt: imageAlt,
+          className: "absolute inset-0 w-full h-full object-cover"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-[image:var(--gradient-diagonal)] opacity-80" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex items-center justify-center px-4 sm:px-6 lg:px-8 lg:flex-none lg:w-1/2 relative bg-muted", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-4 right-4 z-20", children: /* @__PURE__ */ jsxRuntime.jsx(LanguageSelector.LanguageSelector, { variant: "minimal", showIcon: false }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 lg:hidden bg-[image:var(--gradient-diagonal)] opacity-10 dark:opacity-5" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-sm space-y-6 relative z-10", children })
+    ] })
+  ] });
+}
+
+const DEFAULT_PROVIDERS = ["google", "mtLogin", "govBr"];
+function SocialLoginButtons({
+  onSocialLogin,
+  providers = DEFAULT_PROVIDERS
+}) {
+  const { t } = reactI18next.useTranslation();
+  if (providers.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full border-t border-border" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: t("login.orContinueWith") }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+      providers.includes("google") && /* @__PURE__ */ jsxRuntime.jsxs(
+        button.Button,
+        {
+          type: "button",
+          variant: "outline",
+          className: "w-full justify-center",
+          onClick: () => onSocialLogin("Google"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-5 h-5 mr-2", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  fill: "#EA4335",
+                  d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  fill: "#4285F4",
+                  d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  fill: "#FBBC05",
+                  d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  fill: "#34A853",
+                  d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h48v48H0z" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("login.signInWithGoogle") })
+          ]
+        }
+      ),
+      providers.includes("mtLogin") && /* @__PURE__ */ jsxRuntime.jsxs(
+        button.Button,
+        {
+          type: "button",
+          variant: "outline",
+          className: "w-full justify-center",
+          onClick: () => onSocialLogin("MT Login"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-5 h-5 mr-2 text-[var(--chart-4)]" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("login.signInWithMTLogin") })
+          ]
+        }
+      ),
+      providers.includes("govBr") && /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          type: "button",
+          variant: "outline",
+          className: "w-full justify-center font-normal",
+          onClick: () => onSocialLogin("gov.br"),
+          children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            t("login.signInWithGovBr").split("gov.br")[0],
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-semibold", children: "gov.br" }),
+            t("login.signInWithGovBr").split("gov.br")[1] || ""
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+
+function usePasswordStrength(password) {
+  return React.useMemo(() => {
+    if (password.length === 0) return null;
+    if (password.length < 6) return "weak";
+    if (password.length < 10) return "medium";
+    return "strong";
+  }, [password]);
+}
+
+const BAR_WIDTH = {
+  weak: "w-1/3 bg-destructive",
+  medium: "w-2/3 bg-[var(--chart-3)]",
+  strong: "w-full bg-[var(--chart-2)]"
+};
+const TEXT_COLOR = {
+  weak: "text-destructive",
+  medium: "text-[var(--chart-3)]",
+  strong: "text-[var(--chart-2)]"
+};
+const LABEL_KEY = {
+  weak: "resetPassword.strengthWeak",
+  medium: "resetPassword.strengthMedium",
+  strong: "resetPassword.strengthStrong"
+};
+function PasswordStrengthMeter({ strength }) {
+  const { t } = reactI18next.useTranslation();
+  if (!strength) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 h-1 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-full transition-all duration-300 ${BAR_WIDTH[strength]}` }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-small ${TEXT_COLOR[strength]}`, children: t(LABEL_KEY[strength]) })
+  ] });
+}
+
+exports.AuthPageShell = AuthPageShell;
+exports.FeatureCardSkeleton = FeatureCardSkeleton;
+exports.PasswordStrengthMeter = PasswordStrengthMeter;
+exports.SocialLoginButtons = SocialLoginButtons;
+exports.usePasswordStrength = usePasswordStrength;

package/dist/PasswordStrengthMeter-k-e9Pole.cjs

@@ -0,0 +1,179 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const skeleton = require('./skeleton-DhJswvTW.cjs');
+const button = require('./button-Kd9Fj53S.cjs');
+const ImageWithFallback = require('./ImageWithFallback-BkMXHCvV.cjs');
+const LanguageSelector = require('./LanguageSelector-1XhM7R1i.cjs');
+const reactI18next = require('react-i18next');
+const lucideReact = require('lucide-react');
+const React = require('react');
+
+function FeatureCardSkeleton({
+  showAction = true,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { className: button.cn("flex flex-col h-full", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "size-10 rounded-[var(--radius)] shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-28" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-12 rounded-full" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3.5 w-full" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3.5 w-5/6" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3.5 w-4/6" })
+    ] }),
+    showAction && /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-9 w-full rounded-md" }) })
+  ] });
+}
+
+function AuthPageShell({ imageSrc, imageAlt, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-screen w-full flex overflow-y-auto", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden lg:flex lg:flex-1 relative overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ImageWithFallback.ImageWithFallback,
+        {
+          src: imageSrc,
+          alt: imageAlt,
+          className: "absolute inset-0 w-full h-full object-cover"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-[image:var(--gradient-diagonal)] opacity-80" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex items-center justify-center px-4 sm:px-6 lg:px-8 lg:flex-none lg:w-1/2 relative bg-muted", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-4 right-4 z-20", children: /* @__PURE__ */ jsxRuntime.jsx(LanguageSelector.LanguageSelector, { variant: "minimal", showIcon: false }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 lg:hidden bg-[image:var(--gradient-diagonal)] opacity-10 dark:opacity-5" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-sm space-y-6 relative z-10", children })
+    ] })
+  ] });
+}
+
+const DEFAULT_PROVIDERS = ["google", "mtLogin", "govBr"];
+function SocialLoginButtons({
+  onSocialLogin,
+  providers = DEFAULT_PROVIDERS
+}) {
+  const { t } = reactI18next.useTranslation();
+  if (providers.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full border-t border-border" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: t("login.orContinueWith") }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+      providers.includes("google") && /* @__PURE__ */ jsxRuntime.jsxs(
+        button.Button,
+        {
+          type: "button",
+          variant: "outline",
+          className: "w-full justify-center",
+          onClick: () => onSocialLogin("Google"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-5 h-5 mr-2", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  fill: "#EA4335",
+                  d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  fill: "#4285F4",
+                  d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  fill: "#FBBC05",
+                  d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  fill: "#34A853",
+                  d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h48v48H0z" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("login.signInWithGoogle") })
+          ]
+        }
+      ),
+      providers.includes("mtLogin") && /* @__PURE__ */ jsxRuntime.jsxs(
+        button.Button,
+        {
+          type: "button",
+          variant: "outline",
+          className: "w-full justify-center",
+          onClick: () => onSocialLogin("MT Login"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-5 h-5 mr-2 text-[var(--chart-4)]" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("login.signInWithMTLogin") })
+          ]
+        }
+      ),
+      providers.includes("govBr") && /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          type: "button",
+          variant: "outline",
+          className: "w-full justify-center font-normal",
+          onClick: () => onSocialLogin("gov.br"),
+          children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            t("login.signInWithGovBr").split("gov.br")[0],
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-semibold", children: "gov.br" }),
+            t("login.signInWithGovBr").split("gov.br")[1] || ""
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+
+function usePasswordStrength(password) {
+  return React.useMemo(() => {
+    if (password.length === 0) return null;
+    if (password.length < 6) return "weak";
+    if (password.length < 10) return "medium";
+    return "strong";
+  }, [password]);
+}
+
+const BAR_WIDTH = {
+  weak: "w-1/3 bg-destructive",
+  medium: "w-2/3 bg-[var(--chart-3)]",
+  strong: "w-full bg-[var(--chart-2)]"
+};
+const TEXT_COLOR = {
+  weak: "text-destructive",
+  medium: "text-[var(--chart-3)]",
+  strong: "text-[var(--chart-2)]"
+};
+const LABEL_KEY = {
+  weak: "resetPassword.strengthWeak",
+  medium: "resetPassword.strengthMedium",
+  strong: "resetPassword.strengthStrong"
+};
+function PasswordStrengthMeter({ strength }) {
+  const { t } = reactI18next.useTranslation();
+  if (!strength) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 h-1 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-full transition-all duration-300 ${BAR_WIDTH[strength]}` }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-small ${TEXT_COLOR[strength]}`, children: t(LABEL_KEY[strength]) })
+  ] });
+}
+
+exports.AuthPageShell = AuthPageShell;
+exports.FeatureCardSkeleton = FeatureCardSkeleton;
+exports.PasswordStrengthMeter = PasswordStrengthMeter;
+exports.SocialLoginButtons = SocialLoginButtons;
+exports.usePasswordStrength = usePasswordStrength;

package/dist/PasswordStrengthMeter-pAi2viq5.js

@@ -0,0 +1,173 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { C as Card, e as CardHeader, S as Skeleton, b as CardContent, d as CardFooter } from './skeleton-DSMhdqp1.js';
+import { c as cn, B as Button } from './button-DFa-rtPy.js';
+import { I as ImageWithFallback } from './ImageWithFallback-BOh1FM3I.js';
+import { L as LanguageSelector } from './LanguageSelector-Du09anfM.js';
+import { useTranslation } from 'react-i18next';
+import { Lock } from 'lucide-react';
+import { useMemo } from 'react';
+
+function FeatureCardSkeleton({
+  showAction = true,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Card, { className: cn("flex flex-col h-full", className), ...props, children: [
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "size-10 rounded-[var(--radius)] shrink-0" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 min-w-0", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12 rounded-full" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-5/6" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-4/6" })
+    ] }),
+    showAction && /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full rounded-md" }) })
+  ] });
+}
+
+function AuthPageShell({ imageSrc, imageAlt, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "h-screen w-full flex overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex lg:flex-1 relative overflow-hidden", children: [
+      /* @__PURE__ */ jsx(
+        ImageWithFallback,
+        {
+          src: imageSrc,
+          alt: imageAlt,
+          className: "absolute inset-0 w-full h-full object-cover"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-[image:var(--gradient-diagonal)] opacity-80" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex items-center justify-center px-4 sm:px-6 lg:px-8 lg:flex-none lg:w-1/2 relative bg-muted", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute top-4 right-4 z-20", children: /* @__PURE__ */ jsx(LanguageSelector, { variant: "minimal", showIcon: false }) }),
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 lg:hidden bg-[image:var(--gradient-diagonal)] opacity-10 dark:opacity-5" }),
+      /* @__PURE__ */ jsx("div", { className: "w-full max-w-sm space-y-6 relative z-10", children })
+    ] })
+  ] });
+}
+
+const DEFAULT_PROVIDERS = ["google", "mtLogin", "govBr"];
+function SocialLoginButtons({
+  onSocialLogin,
+  providers = DEFAULT_PROVIDERS
+}) {
+  const { t } = useTranslation();
+  if (providers.length === 0) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx("div", { className: "w-full border-t border-border" }) }),
+      /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-sm", children: /* @__PURE__ */ jsx("span", { className: "bg-muted px-2 text-muted-foreground", children: t("login.orContinueWith") }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      providers.includes("google") && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          className: "w-full justify-center",
+          onClick: () => onSocialLogin("Google"),
+          children: [
+            /* @__PURE__ */ jsxs("svg", { className: "w-5 h-5 mr-2", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", children: [
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fill: "#EA4335",
+                  d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fill: "#4285F4",
+                  d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fill: "#FBBC05",
+                  d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fill: "#34A853",
+                  d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
+                }
+              ),
+              /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h48v48H0z" })
+            ] }),
+            /* @__PURE__ */ jsx("span", { children: t("login.signInWithGoogle") })
+          ]
+        }
+      ),
+      providers.includes("mtLogin") && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          className: "w-full justify-center",
+          onClick: () => onSocialLogin("MT Login"),
+          children: [
+            /* @__PURE__ */ jsx(Lock, { className: "w-5 h-5 mr-2 text-[var(--chart-4)]" }),
+            /* @__PURE__ */ jsx("span", { children: t("login.signInWithMTLogin") })
+          ]
+        }
+      ),
+      providers.includes("govBr") && /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          className: "w-full justify-center font-normal",
+          onClick: () => onSocialLogin("gov.br"),
+          children: /* @__PURE__ */ jsxs("span", { children: [
+            t("login.signInWithGovBr").split("gov.br")[0],
+            /* @__PURE__ */ jsx("strong", { className: "font-semibold", children: "gov.br" }),
+            t("login.signInWithGovBr").split("gov.br")[1] || ""
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+
+function usePasswordStrength(password) {
+  return useMemo(() => {
+    if (password.length === 0) return null;
+    if (password.length < 6) return "weak";
+    if (password.length < 10) return "medium";
+    return "strong";
+  }, [password]);
+}
+
+const BAR_WIDTH = {
+  weak: "w-1/3 bg-destructive",
+  medium: "w-2/3 bg-[var(--chart-3)]",
+  strong: "w-full bg-[var(--chart-2)]"
+};
+const TEXT_COLOR = {
+  weak: "text-destructive",
+  medium: "text-[var(--chart-3)]",
+  strong: "text-[var(--chart-2)]"
+};
+const LABEL_KEY = {
+  weak: "resetPassword.strengthWeak",
+  medium: "resetPassword.strengthMedium",
+  strong: "resetPassword.strengthStrong"
+};
+function PasswordStrengthMeter({ strength }) {
+  const { t } = useTranslation();
+  if (!strength) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 h-1 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: `h-full transition-all duration-300 ${BAR_WIDTH[strength]}` }) }),
+    /* @__PURE__ */ jsx("span", { className: `text-small ${TEXT_COLOR[strength]}`, children: t(LABEL_KEY[strength]) })
+  ] });
+}
+
+export { AuthPageShell as A, FeatureCardSkeleton as F, PasswordStrengthMeter as P, SocialLoginButtons as S, usePasswordStrength as u };

package/dist/ThemeContext-CEY9pCn-.cjs

@@ -0,0 +1,86 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+
+const ThemeContext = React.createContext(void 0);
+function ThemeProvider({
+  children,
+  disableDarkMode = false,
+  defaultTheme,
+  storageKey = "xertica-theme"
+}) {
+  const getInitialTheme = () => {
+    if (disableDarkMode) return "light";
+    if (defaultTheme) return defaultTheme;
+    if (typeof window !== "undefined") {
+      const savedTheme = window.localStorage?.getItem(storageKey);
+      if (savedTheme && (savedTheme === "light" || savedTheme === "dark")) {
+        return savedTheme;
+      }
+      if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
+        return "dark";
+      }
+    }
+    return "light";
+  };
+  const [theme, setThemeState] = React.useState(getInitialTheme);
+  React.useEffect(() => {
+    if (disableDarkMode && theme === "dark") {
+      setThemeState("light");
+    }
+  }, [disableDarkMode, theme]);
+  React.useEffect(() => {
+    if (typeof document === "undefined") return;
+    const root = document.documentElement;
+    root.classList.remove("light", "dark");
+    if (theme === "dark") {
+      root.classList.add("dark");
+    } else {
+      root.classList.add("light");
+    }
+    if (typeof window !== "undefined") {
+      window.localStorage?.setItem(storageKey, theme);
+    }
+  }, [theme, storageKey]);
+  React.useEffect(() => {
+    if (disableDarkMode) return;
+    if (typeof window === "undefined" || !window.matchMedia) return;
+    if (!window.localStorage?.getItem(storageKey)) {
+      const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+      const handleChange = (e) => {
+        setThemeState(e.matches ? "dark" : "light");
+      };
+      mediaQuery.addEventListener("change", handleChange);
+      return () => mediaQuery.removeEventListener("change", handleChange);
+    }
+  }, [disableDarkMode, storageKey]);
+  const toggleTheme = () => {
+    if (disableDarkMode) return;
+    setThemeState((prevTheme) => prevTheme === "light" ? "dark" : "light");
+  };
+  const setTheme = (newTheme) => {
+    if (disableDarkMode && newTheme === "dark") return;
+    setThemeState(newTheme);
+  };
+  const setThemeMode = setTheme;
+  const value = {
+    theme,
+    toggleTheme,
+    setTheme,
+    setThemeMode,
+    isDark: theme === "dark",
+    disableDarkMode
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value, children });
+}
+function useTheme() {
+  const context = React.useContext(ThemeContext);
+  if (context === void 0) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+
+exports.ThemeProvider = ThemeProvider;
+exports.useTheme = useTheme;