@vadimcomanescu/nadicode-design-system 2.0.6 → 2.0.7

package/dist/chunk-W7FXDRQJ.js

@@ -0,0 +1,94 @@
+import { InputOTP, InputOTPGroup, InputOTPSlot } from './chunk-WN5ONOHC.js';
+import { Separator } from './chunk-CUZJIDU7.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './chunk-AH6YSYYT.js';
+import { Alert, AlertDescription } from './chunk-GJUR6HT3.js';
+import { m, scaleIn } from './chunk-PD2YEH3H.js';
+import { bezier } from './chunk-CRY67BIF.js';
+import { ShieldCheckIcon } from './chunk-BFLN54VR.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SHAKE_TRANSITION = { duration: 0.3, ease: bezier["out-cubic"] };
+function TwoFactorChallengeBlock({
+  className,
+  onVerify,
+  onUseBackupCode,
+  onBackToLogin,
+  error,
+  title = "Two-factor authentication",
+  description = "Enter the 6-digit code from your authenticator app",
+  backupCodeLabel = "Use a backup code"
+}) {
+  const [code, setCode] = React.useState("");
+  const [shake, setShake] = React.useState(false);
+  React.useEffect(() => {
+    if (error) {
+      setShake(true);
+      setCode("");
+      const timeout = setTimeout(() => setShake(false), 300);
+      return () => clearTimeout(timeout);
+    }
+  }, [error]);
+  const handleComplete = (value) => {
+    setCode(value);
+    if (value.length === 6) {
+      onVerify?.(value);
+    }
+  };
+  return /* @__PURE__ */ jsx(m.div, { ...scaleIn, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "mx-auto mb-2", children: /* @__PURE__ */ jsx(ShieldCheckIcon, { size: 32, className: "text-text-secondary" }) }),
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: title }),
+      /* @__PURE__ */ jsx(CardDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4", children: [
+      /* @__PURE__ */ jsx(
+        m.div,
+        {
+          className: "flex justify-center",
+          animate: shake ? { x: [-4, 4, -4, 4, 0] } : {},
+          transition: SHAKE_TRANSITION,
+          children: /* @__PURE__ */ jsx(
+            InputOTP,
+            {
+              maxLength: 6,
+              value: code,
+              onChange: handleComplete,
+              children: /* @__PURE__ */ jsxs(InputOTPGroup, { children: [
+                /* @__PURE__ */ jsx(InputOTPSlot, { index: 0 }),
+                /* @__PURE__ */ jsx(InputOTPSlot, { index: 1 }),
+                /* @__PURE__ */ jsx(InputOTPSlot, { index: 2 }),
+                /* @__PURE__ */ jsx(InputOTPSlot, { index: 3 }),
+                /* @__PURE__ */ jsx(InputOTPSlot, { index: 4 }),
+                /* @__PURE__ */ jsx(InputOTPSlot, { index: 5 })
+              ] })
+            }
+          )
+        }
+      ),
+      !!error && /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx(AlertDescription, { children: error }) }),
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onUseBackupCode,
+          className: "text-sm text-accent hover:text-accent/80 transition-colors",
+          children: backupCodeLabel
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(CardFooter, { className: "justify-center", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onBackToLogin,
+        className: "text-sm text-text-tertiary hover:text-text-primary transition-colors",
+        children: "Back to login"
+      }
+    ) })
+  ] }) });
+}
+
+export { TwoFactorChallengeBlock };

package/dist/chunk-WAVU744B.js

@@ -0,0 +1,183 @@
+import { useSafeTimeout } from './chunk-MDAYDDTC.js';
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { InputOTP, InputOTPGroup, InputOTPSlot } from './chunk-WN5ONOHC.js';
+import { FormWizard } from './chunk-T5LXQNIP.js';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-VJIL7W55.js';
+import { Empty, EmptyDescription } from './chunk-55HD4L6G.js';
+import { Checkbox } from './chunk-756Q7AC5.js';
+import { Label } from './chunk-LIBXYD5Q.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { m, scaleIn } from './chunk-PD2YEH3H.js';
+import { CopyIcon } from './chunk-TV4RSQH4.js';
+import { ShieldIcon } from './chunk-P6IRHPFM.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { useReducedMotion } from 'motion/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DEFAULT_BACKUP_CODES = [
+  "a1b2-c3d4",
+  "e5f6-g7h8",
+  "i9j0-k1l2",
+  "m3n4-o5p6",
+  "q7r8-s9t0",
+  "u1v2-w3x4",
+  "y5z6-a7b8",
+  "c9d0-e1f2"
+];
+function TwoFactorSetupBlock({
+  className,
+  qrCodeUrl,
+  secret = "JBSWY3DPEHPK3PXP",
+  backupCodes = DEFAULT_BACKUP_CODES,
+  onVerify,
+  onComplete,
+  title = "Set up two-factor authentication",
+  description = "Add an extra layer of security to your account"
+}) {
+  const prefersReduced = useReducedMotion();
+  const [otpCode, setOtpCode] = React.useState("");
+  const [verified, setVerified] = React.useState(false);
+  const [verifying, setVerifying] = React.useState(false);
+  const [verifyError, setVerifyError] = React.useState();
+  const [savedCodes, setSavedCodes] = React.useState(false);
+  const [copied, setCopied] = React.useState(false);
+  const setSafeTimeout = useSafeTimeout();
+  const copyToClipboard = (text) => {
+    navigator.clipboard.writeText(text);
+    setCopied(true);
+    setSafeTimeout(() => setCopied(false), 2e3);
+  };
+  const copyAllCodes = () => {
+    copyToClipboard(backupCodes.join("\n"));
+  };
+  const downloadCodes = () => {
+    const blob = new Blob([backupCodes.join("\n")], { type: "text/plain" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "backup-codes.txt";
+    a.click();
+    URL.revokeObjectURL(url);
+  };
+  const handleVerify = (value) => {
+    setOtpCode(value);
+    setVerifyError(void 0);
+    setVerified(false);
+    if (value.length !== 6) {
+      setVerifying(false);
+      return;
+    }
+    if (!onVerify) {
+      setVerified(true);
+      return;
+    }
+    setVerifying(true);
+    void Promise.resolve(onVerify(value)).then((ok) => {
+      if (ok) {
+        setVerified(true);
+        return;
+      }
+      setVerifyError("Verification failed. Please try again.");
+    }).catch(() => {
+      setVerifyError("Verification failed. Please try again.");
+    }).finally(() => {
+      setVerifying(false);
+    });
+  };
+  const steps = [
+    {
+      id: "scan",
+      title: "Scan QR code",
+      content: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: qrCodeUrl ? /* @__PURE__ */ jsx("img", { src: qrCodeUrl, alt: "QR Code", className: "h-48 w-48 rounded-lg border border-border" }) : /* @__PURE__ */ jsx(Empty, { className: "h-48 w-48", children: /* @__PURE__ */ jsx(EmptyDescription, { children: "QR Code" }) }) }),
+        /* @__PURE__ */ jsxs(Collapsible, { children: [
+          /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "default", className: "w-full text-text-tertiary", children: [
+            "Can",
+            "'",
+            "t scan? Enter code manually"
+          ] }) }),
+          /* @__PURE__ */ jsx(CollapsibleContent, { className: "pt-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md border border-border bg-surface p-4", children: [
+            /* @__PURE__ */ jsx("code", { className: "flex-1 text-sm font-mono text-text-primary break-all", children: secret }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: () => copyToClipboard(secret),
+                children: /* @__PURE__ */ jsx(CopyIcon, { size: 14 })
+              }
+            )
+          ] }) })
+        ] })
+      ] })
+    },
+    {
+      id: "verify",
+      title: "Verify code",
+      content: /* @__PURE__ */ jsxs("div", { className: "space-y-4 text-center", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: "Enter the 6-digit code from your authenticator app" }),
+        /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(InputOTP, { maxLength: 6, value: otpCode, onChange: handleVerify, children: /* @__PURE__ */ jsxs(InputOTPGroup, { children: [
+          /* @__PURE__ */ jsx(InputOTPSlot, { index: 0 }),
+          /* @__PURE__ */ jsx(InputOTPSlot, { index: 1 }),
+          /* @__PURE__ */ jsx(InputOTPSlot, { index: 2 }),
+          /* @__PURE__ */ jsx(InputOTPSlot, { index: 3 }),
+          /* @__PURE__ */ jsx(InputOTPSlot, { index: 4 }),
+          /* @__PURE__ */ jsx(InputOTPSlot, { index: 5 })
+        ] }) }) }),
+        !!verifying && /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: "Verifying..." }),
+        !!verifyError && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", children: verifyError }),
+        !!verified && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-success", children: "Code verified successfully" })
+      ] }),
+      validate: () => verified
+    },
+    {
+      id: "backup",
+      title: "Save backup codes",
+      content: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: "Save these backup codes in a secure location. Each code can only be used once." }),
+        /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 40, className: "grid grid-cols-2 gap-2", children: backupCodes.map((code) => /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "justify-center font-mono text-xs py-1.5", children: code }, code)) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "default", className: "flex-1", onClick: copyAllCodes, children: [
+            /* @__PURE__ */ jsx(CopyIcon, { size: 14, className: "mr-2" }),
+            copied ? "Copied!" : "Copy all"
+          ] }),
+          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "default", className: "flex-1", onClick: downloadCodes, children: "Download" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pt-2", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              id: "saved-codes",
+              checked: savedCodes,
+              onCheckedChange: (v) => setSavedCodes(v === true)
+            }
+          ),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "saved-codes", className: "text-sm", children: "I have saved my backup codes" })
+        ] })
+      ] }),
+      validate: () => savedCodes
+    }
+  ];
+  return /* @__PURE__ */ jsx(m.div, { ...prefersReduced ? {} : scaleIn, className: cn("w-full max-w-lg mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsx(ShieldIcon, { size: 32, className: "text-text-secondary" }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(CardTitle, { className: "text-xl", children: title }),
+        /* @__PURE__ */ jsx(CardDescription, { children: description })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
+      FormWizard,
+      {
+        steps,
+        onComplete,
+        completeLabel: "Done"
+      }
+    ) })
+  ] }) });
+}
+
+export { TwoFactorSetupBlock };

package/dist/{chunk-5I3FWRC5.js → chunk-WOYBVPXK.js}

@@ -5,26 +5,26 @@ import { Button } from './chunk-7KIDDF3I.js';
 import { MenuIcon } from './chunk-JMCSAGZ3.js';
 import { XIcon } from './chunk-UIUMTURU.js';
 import { useTranslations } from 'next-intl';
-import React from 'react';
+import { useState, useRef } from 'react';
 import { useScroll, useMotionValueEvent } from 'motion/react';
 import Link from 'next/link';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var defaultMenuItems = siteConfig.nav.header;
-var HeroHeader = ({
+function HeaderBlock({
   menuItems = defaultMenuItems,
   loginLabel = "Login",
   signUpLabel = "Sign Up",
   loginHref = "#",
   signUpHref = "#",
   className
-}) => {
+}) {
   const t = useTranslations("blocks.headerBlock");
-  const [mobileOpen, setMobileOpen] = React.useState(false);
-  const navBarRef = React.useRef(null);
-  const innerRef = React.useRef(null);
-  const logoRef = React.useRef(null);
-  const wasScrolledRef = React.useRef(false);
+  const [mobileOpen, setMobileOpen] = useState(false);
+  const navBarRef = useRef(null);
+  const innerRef = useRef(null);
+  const logoRef = useRef(null);
+  const wasScrolledRef = useRef(false);
   const { scrollYProgress } = useScroll();
   useMotionValueEvent(scrollYProgress, "change", (latest) => {
     const scrolled = latest > 0.05;
@@ -143,6 +143,6 @@ var HeroHeader = ({
       )
     }
   ) });
-};
+}
 
-export { HeroHeader };
+export { HeaderBlock };

package/dist/chunk-WST5NLLC.js

@@ -0,0 +1,73 @@
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { formatDistanceToNow } from 'date-fns';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TICK_INTERVAL_MS = 3e4;
+var listeners = [];
+var tick = 0;
+var intervalId = null;
+function subscribe(callback) {
+  listeners = [...listeners, callback];
+  if (listeners.length === 1) {
+    intervalId = setInterval(() => {
+      tick++;
+      listeners.forEach((l) => l());
+    }, TICK_INTERVAL_MS);
+  }
+  return () => {
+    listeners = listeners.filter((l) => l !== callback);
+    if (listeners.length === 0 && intervalId !== null) {
+      clearInterval(intervalId);
+      intervalId = null;
+    }
+  };
+}
+function getSnapshot() {
+  return tick;
+}
+function getServerSnapshot() {
+  return 0;
+}
+function DataFreshness({
+  lastUpdated,
+  isLive = false,
+  staleThresholdMs = 3e5,
+  className,
+  ref
+}) {
+  React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  const elapsedMs = Date.now() - lastUpdated.getTime();
+  const isStale = elapsedMs > staleThresholdMs;
+  const relativeTime = formatDistanceToNow(lastUpdated, { addSuffix: true });
+  let statusText;
+  if (isLive && !isStale) {
+    statusText = "Live";
+  } else if (isLive && isStale) {
+    statusText = `Stale \u2013 Updated ${relativeTime}`;
+  } else {
+    statusText = `Updated ${relativeTime}`;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("flex items-center gap-2", className),
+      children: [
+        isLive && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "freshness-dot",
+            className: cn(
+              "size-2 shrink-0 rounded-full motion-reduce:animate-none",
+              isStale ? "bg-warning" : "bg-success animate-pulse"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-text-tertiary", children: statusText })
+      ]
+    }
+  );
+}
+
+export { DataFreshness };

package/dist/chunk-X6VXWEDO.js

@@ -0,0 +1,125 @@
+import { Spinner } from './chunk-ZLSWCV55.js';
+import { PasswordInput } from './chunk-UJDEGCCZ.js';
+import { Field, FieldLabel } from './chunk-RX5EUODB.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { m, scaleIn } from './chunk-PD2YEH3H.js';
+import { KeyIcon } from './chunk-QSU23VYZ.js';
+import { CheckIcon } from './chunk-CXACRCZ4.js';
+import { XIcon } from './chunk-UIUMTURU.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { useTranslations } from 'next-intl';
+import { useReducedMotion } from 'motion/react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var RULE_TESTS = [
+  { key: "minLength", test: (v) => v.length >= 8 },
+  { key: "uppercase", test: (v) => /[A-Z]/.test(v) },
+  { key: "number", test: (v) => /\d/.test(v) },
+  { key: "special", test: (v) => /[^A-Za-z0-9]/.test(v) }
+];
+function ResetPasswordBlock({
+  className,
+  onSubmit,
+  onBackToLogin,
+  title,
+  description
+}) {
+  const prefersReduced = useReducedMotion();
+  const t = useTranslations("auth.reset");
+  const [password, setPassword] = React.useState("");
+  const [confirm, setConfirm] = React.useState("");
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState("");
+  const resolvedTitle = title ?? t("title");
+  const resolvedDescription = description ?? t("description");
+  const rules = React.useMemo(() => RULE_TESTS.map((r) => ({ label: t(`rules.${r.key}`), test: r.test })), [t]);
+  const allRulesPass = rules.every((r) => r.test(password));
+  const passwordsMatch = password === confirm && confirm.length > 0;
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!allRulesPass) return;
+    if (!passwordsMatch) {
+      setError(t("passwordMismatch"));
+      return;
+    }
+    setError("");
+    setLoading(true);
+    onSubmit?.(password);
+  };
+  return /* @__PURE__ */ jsx(m.div, { ...prefersReduced ? {} : scaleIn, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "mx-auto mb-2", children: /* @__PURE__ */ jsx(KeyIcon, { size: 32, className: "text-text-secondary" }) }),
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: resolvedTitle }),
+      /* @__PURE__ */ jsx(CardDescription, { children: resolvedDescription })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("form", { noValidate: true, onSubmit: handleSubmit, className: "grid gap-4", children: [
+      /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "new-password", children: t("newPassword") }),
+        /* @__PURE__ */ jsx(
+          PasswordInput,
+          {
+            name: "password",
+            id: "new-password",
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            placeholder: t("newPasswordPlaceholder"),
+            autoComplete: "new-password"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "confirm-password", children: t("confirmPassword") }),
+        /* @__PURE__ */ jsx(
+          PasswordInput,
+          {
+            name: "confirmPassword",
+            id: "confirm-password",
+            value: confirm,
+            onChange: (e) => setConfirm(e.target.value),
+            placeholder: t("confirmPasswordPlaceholder"),
+            autoComplete: "new-password"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("ul", { className: "space-y-1.5 text-xs", "aria-label": "Password requirements", children: [
+        rules.map((rule) => {
+          const pass = rule.test(password);
+          return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
+            pass ? /* @__PURE__ */ jsx(CheckIcon, { size: 14, className: "text-success shrink-0" }) : /* @__PURE__ */ jsx(XIcon, { size: 14, className: "text-text-tertiary shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: pass ? "text-success" : "text-text-tertiary", children: rule.label })
+          ] }, rule.label);
+        }),
+        /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
+          passwordsMatch ? /* @__PURE__ */ jsx(CheckIcon, { size: 14, className: "text-success shrink-0" }) : /* @__PURE__ */ jsx(XIcon, { size: 14, className: "text-text-tertiary shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: passwordsMatch ? "text-success" : "text-text-tertiary", children: t("rules.match") })
+        ] })
+      ] }),
+      !!error && /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-destructive", children: error }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "accent",
+          className: "w-full",
+          disabled: loading || !allRulesPass || !passwordsMatch,
+          children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Spinner, { className: "mr-2" }),
+            t("pending")
+          ] }) : t("submit")
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(CardFooter, { className: "justify-center", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onBackToLogin,
+        className: "text-sm text-text-tertiary hover:text-text-primary transition-colors",
+        children: t("backToLogin")
+      }
+    ) })
+  ] }) });
+}
+
+export { ResetPasswordBlock };

package/dist/chunk-ZM2NODUK.js

@@ -0,0 +1,39 @@
+import { Timeline } from './chunk-YQIABLDO.js';
+import { Heading } from './chunk-WI547C47.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import { Avatar, AvatarFallback } from './chunk-NAAU5IWU.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultActivities = [
+  { id: "1", user: "Nadia", action: "deployed v2.1.0 to production", timestamp: "2 min ago" },
+  { id: "2", user: "Alex", action: "merged PR 142 into main", timestamp: "15 min ago" },
+  { id: "3", user: "Jordan", action: "commented on issue #87", timestamp: "1 hour ago" },
+  { id: "4", user: "Sam", action: "created branch feature/aurora-effect", timestamp: "3 hours ago" },
+  { id: "5", user: "Riley", action: "updated the design tokens", timestamp: "5 hours ago" }
+];
+function getInitials(name) {
+  return name.split(" ").map((w) => w[0]).join("").toUpperCase().slice(0, 2);
+}
+function ActivityFeedBlock({
+  activities = defaultActivities,
+  title = "Recent activity",
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-2xl px-6", children: [
+    !!title && /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "mb-8 text-text-primary", children: title }) }),
+    /* @__PURE__ */ jsx(ScrollFadeIn, { delay: 0.1, children: /* @__PURE__ */ jsx(
+      Timeline,
+      {
+        items: activities.map((activity) => ({
+          icon: /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "text-[10px]", children: getInitials(activity.user) }) }),
+          title: activity.user,
+          description: activity.action,
+          timestamp: activity.timestamp
+        }))
+      }
+    ) })
+  ] }) });
+}
+
+export { ActivityFeedBlock };

package/dist/components/blocks/AccountLockedBlock.js

@@ -1,61 +1,11 @@
 'use client';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '../../chunk-AH6YSYYT.js';
-import { Alert, AlertDescription } from '../../chunk-GJUR6HT3.js';
-import { Button } from '../../chunk-7KIDDF3I.js';
-import { useMotionConfig, m, scaleIn, motionSpring } from '../../chunk-PD2YEH3H.js';
+export { AccountLockedBlock } from '../../chunk-FX23F33E.js';
+import '../../chunk-AH6YSYYT.js';
+import '../../chunk-GJUR6HT3.js';
+import '../../chunk-7KIDDF3I.js';
+import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
-import { LockIcon } from '../../chunk-RYOTIXZO.js';
+import '../../chunk-RYOTIXZO.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var reasonMessages = {
-  too_many_attempts: (minutes) => `Too many failed login attempts.${minutes ? ` Try again in ${minutes} minutes.` : ""}`,
-  suspicious_activity: () => "We detected unusual activity on your account.",
-  admin: () => "Your account has been locked by an administrator."
-};
-function AccountLockedBlock({
-  className,
-  reason = "too_many_attempts",
-  unlockMinutes,
-  onContactSupport,
-  onBackToLogin,
-  title = "Account locked",
-  description = "Your account has been temporarily locked for security"
-}) {
-  const motionConfig = useMotionConfig();
-  return /* @__PURE__ */ jsx(m.div, { ...scaleIn, className: cn("w-full max-w-md mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
-      /* @__PURE__ */ jsx(
-        m.div,
-        {
-          className: "mx-auto mb-2",
-          initial: { x: 0 },
-          animate: { x: [0, -4, 4, -4, 4, 0] },
-          transition: { ...motionSpring.gentle, delay: 0.3, ...motionConfig },
-          children: /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-destructive/10 shadow-[0_0_24px_rgb(var(--color-destructive)/0.2)]", children: /* @__PURE__ */ jsx(LockIcon, { size: 32, className: "text-destructive" }) })
-        }
-      ),
-      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: title }),
-      /* @__PURE__ */ jsx(CardDescription, { children: description })
-    ] }),
-    /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4", children: [
-      /* @__PURE__ */ jsx(Alert, { variant: "warning", children: /* @__PURE__ */ jsx(AlertDescription, { children: reasonMessages[reason](unlockMinutes) }) }),
-      reason === "too_many_attempts" && unlockMinutes && /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-text-tertiary", children: "Your account will be automatically unlocked after the waiting period." }),
-      (reason === "suspicious_activity" || reason === "admin") && /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-text-tertiary", children: "Please contact support to regain access to your account." }),
-      /* @__PURE__ */ jsx(Button, { variant: "outline", className: "w-full", onClick: onContactSupport, children: "Contact support" })
-    ] }),
-    /* @__PURE__ */ jsx(CardFooter, { className: "justify-center", children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onBackToLogin,
-        className: "text-sm text-text-tertiary hover:text-text-primary transition-colors",
-        children: "Back to login"
-      }
-    ) })
-  ] }) });
-}
-
-export { AccountLockedBlock };
+import '../../chunk-QYZT24TS.js';