@salesmind-ai/design-system 0.3.0 → 0.3.2

package/dist/chunk-OXNXEQY7.js

@@ -0,0 +1,2538 @@
+import { Checkbox } from './chunk-7PX2AZ6Y.js';
+import { TextField } from './chunk-3NKRFUAR.js';
+import { Button } from './chunk-SICKWUWB.js';
+import { OutboundLink } from './chunk-KJ2OXQF4.js';
+import React4, { useState, useEffect, useMemo } from 'react';
+import clsx4 from 'clsx';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Sidebar = React4.forwardRef(
+  ({ position = "left", width = 280, collapsed = false, className, children }, ref) => {
+    const style = {
+      "--sidebar-width": typeof width === "number" ? `${width}px` : width
+    };
+    return /* @__PURE__ */ jsx(
+      "aside",
+      {
+        ref,
+        className: clsx4(
+          "ds-sidebar",
+          `ds-sidebar--${position}`,
+          collapsed && "ds-sidebar--collapsed",
+          className
+        ),
+        style,
+        children: /* @__PURE__ */ jsx("div", { className: "ds-sidebar__content", children })
+      }
+    );
+  }
+);
+Sidebar.displayName = "Sidebar";
+var SidebarSection = React4.forwardRef(
+  ({ title, className, children }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { ref, className: clsx4("ds-sidebar__section", className), children: [
+      title && /* @__PURE__ */ jsx("h3", { className: "ds-sidebar__section-title", children: title }),
+      children
+    ] });
+  }
+);
+SidebarSection.displayName = "SidebarSection";
+var SidebarItem = React4.forwardRef(
+  ({ active = false, icon, onClick, className, children }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        className: clsx4("ds-sidebar__item", active && "ds-sidebar__item--active", className),
+        onClick,
+        type: "button",
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "ds-sidebar__item-icon", children: icon }),
+          /* @__PURE__ */ jsx("span", { className: "ds-sidebar__item-label", children })
+        ]
+      }
+    );
+  }
+);
+SidebarItem.displayName = "SidebarItem";
+var FloatingTabBar = React4.forwardRef(
+  ({ position = "bottom", className, children }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "nav",
+      {
+        ref,
+        className: clsx4("ds-floating-tab-bar", `ds-floating-tab-bar--${position}`, className),
+        role: "tablist",
+        children
+      }
+    );
+  }
+);
+FloatingTabBar.displayName = "FloatingTabBar";
+var TabItem = React4.forwardRef(
+  ({ active = false, icon, label, onClick, className }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        className: clsx4("ds-tab-item", active && "ds-tab-item--active", className),
+        onClick,
+        role: "tab",
+        "aria-selected": active,
+        type: "button",
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "ds-tab-item__icon", children: icon }),
+          label && /* @__PURE__ */ jsx("span", { className: "ds-tab-item__label", children: label })
+        ]
+      }
+    );
+  }
+);
+TabItem.displayName = "TabItem";
+var HomeIcon = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  /* @__PURE__ */ jsx("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
+  /* @__PURE__ */ jsx("polyline", { points: "9,22 9,12 15,12 15,22" })
+] });
+var ChartIcon = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  /* @__PURE__ */ jsx("line", { x1: "18", y1: "20", x2: "18", y2: "10" }),
+  /* @__PURE__ */ jsx("line", { x1: "12", y1: "20", x2: "12", y2: "4" }),
+  /* @__PURE__ */ jsx("line", { x1: "6", y1: "20", x2: "6", y2: "14" })
+] });
+var UsersIcon = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  /* @__PURE__ */ jsx("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
+  /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4" }),
+  /* @__PURE__ */ jsx("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }),
+  /* @__PURE__ */ jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+] });
+var SettingsIcon = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" }),
+  /* @__PURE__ */ jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
+] });
+var DEFAULT_NAV_ITEMS = [
+  { key: "dashboard", label: "Dashboard", icon: /* @__PURE__ */ jsx(HomeIcon, {}) },
+  { key: "analytics", label: "Analytics", icon: /* @__PURE__ */ jsx(ChartIcon, {}) },
+  { key: "contacts", label: "Contacts", icon: /* @__PURE__ */ jsx(UsersIcon, {}) },
+  { key: "settings", label: "Settings", icon: /* @__PURE__ */ jsx(SettingsIcon, {}) }
+];
+function getNavFromDocument() {
+  if (typeof document === "undefined") return "left";
+  const nav = document.documentElement.getAttribute("data-nav");
+  if (nav === "left" || nav === "right" || nav === "bottom") {
+    return nav;
+  }
+  return "left";
+}
+var Shell = React4.forwardRef(
+  ({
+    layout,
+    className,
+    children,
+    navItems = DEFAULT_NAV_ITEMS,
+    activeNav = "dashboard",
+    onNavChange,
+    systemSectionTitle = "System"
+  }, ref) => {
+    const [computedLayout, setComputedLayout] = useState(
+      layout || getNavFromDocument()
+    );
+    useEffect(() => {
+      if (layout) {
+        setComputedLayout(layout);
+        return;
+      }
+      if (typeof document === "undefined") return;
+      const observer = new MutationObserver((mutations) => {
+        mutations.forEach((mutation) => {
+          if (mutation.type === "attributes" && mutation.attributeName === "data-nav") {
+            setComputedLayout(getNavFromDocument());
+          }
+        });
+      });
+      observer.observe(document.documentElement, {
+        attributes: true,
+        attributeFilter: ["data-nav"]
+      });
+      setComputedLayout(getNavFromDocument());
+      return () => observer.disconnect();
+    }, [layout]);
+    const handleNavClick = (key) => {
+      onNavChange?.(key);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: clsx4("ds-shell", `ds-shell--${computedLayout}`, className),
+        "data-shell-layout": computedLayout,
+        children: [
+          (computedLayout === "left" || computedLayout === "right") && /* @__PURE__ */ jsxs(Sidebar, { position: computedLayout, children: [
+            /* @__PURE__ */ jsx(SidebarSection, { children: navItems.slice(0, 3).map((item) => /* @__PURE__ */ jsx(
+              SidebarItem,
+              {
+                icon: item.icon,
+                active: activeNav === item.key,
+                onClick: () => handleNavClick(item.key),
+                children: item.label
+              },
+              item.key
+            )) }),
+            navItems.length > 3 && /* @__PURE__ */ jsx(SidebarSection, { title: systemSectionTitle, children: navItems.slice(3).map((item) => /* @__PURE__ */ jsx(
+              SidebarItem,
+              {
+                icon: item.icon,
+                active: activeNav === item.key,
+                onClick: () => handleNavClick(item.key),
+                children: item.label
+              },
+              item.key
+            )) })
+          ] }),
+          computedLayout === "bottom" && /* @__PURE__ */ jsx(FloatingTabBar, { position: "bottom", children: navItems.map((item) => /* @__PURE__ */ jsx(
+            TabItem,
+            {
+              icon: item.icon,
+              label: item.label,
+              active: activeNav === item.key,
+              onClick: () => handleNavClick(item.key)
+            },
+            item.key
+          )) }),
+          /* @__PURE__ */ jsx("main", { className: "ds-shell__content", children })
+        ]
+      }
+    );
+  }
+);
+Shell.displayName = "Shell";
+var DataTable = React4.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("div", { className: "ds-data-table-container", children: /* @__PURE__ */ jsx("table", { ref, className: clsx4("ds-data-table", className), ...props, children }) });
+  }
+);
+DataTable.displayName = "DataTable";
+var DataTableHeader = React4.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("thead", { ref, className: clsx4("ds-data-table__header", className), ...props });
+});
+DataTableHeader.displayName = "DataTableHeader";
+var DataTableBody = React4.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("tbody", { ref, className: clsx4("ds-data-table__body", className), ...props });
+});
+DataTableBody.displayName = "DataTableBody";
+var DataTableRow = React4.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("tr", { ref, className: clsx4("ds-data-table__row", className), ...props });
+});
+DataTableRow.displayName = "DataTableRow";
+var DataTableHead = React4.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("th", { ref, className: clsx4("ds-data-table__head", className), ...props });
+});
+DataTableHead.displayName = "DataTableHead";
+var DataTableCell = React4.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("td", { ref, className: clsx4("ds-data-table__cell", className), ...props });
+});
+DataTableCell.displayName = "DataTableCell";
+var defaultLoginLabels = {
+  continueWithGoogleLabel: "Continue with Google",
+  orContinueWithEmailLabel: "or continue with email",
+  emailPlaceholder: "you@company.com",
+  passwordPlaceholder: "Enter your password",
+  signInLabel: "Sign in",
+  doNotHaveAnAccountLabel: "Don't have an account?",
+  emailLabel: "Email",
+  passwordLabel: "Password",
+  rememberMeLabel: "Remember me",
+  forgotPasswordLabel: "Forgot password?",
+  signUpLabel: "Sign up",
+  trustedByLabel: "Trusted by 500+ sales teams worldwide"
+};
+var Login = ({
+  brandName,
+  tagline = "AI Sales Agents that automate your pipeline",
+  labels: customLabels,
+  showSocialLogin = true,
+  showRememberMe = true,
+  showForgotPassword = true,
+  showSignUp = true,
+  logo,
+  onSubmit,
+  onGoogleLogin,
+  onForgotPassword,
+  onSignUp,
+  isLoading = false,
+  error,
+  className,
+  style
+}) => {
+  const l = { ...defaultLoginLabels, ...customLabels };
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [showPassword, setShowPassword] = useState(false);
+  const [rememberMe, setRememberMe] = useState(false);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    onSubmit?.({ email, password, rememberMe });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: clsx4("ds-login", className), style, children: [
+    /* @__PURE__ */ jsxs("div", { className: "ds-login__background", children: [
+      /* @__PURE__ */ jsx("div", { className: "ds-login__accent ds-login__accent--1", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("div", { className: "ds-login__accent ds-login__accent--2", "aria-hidden": "true" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "ds-login__card", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ds-login__header", children: [
+        logo ? /* @__PURE__ */ jsx("div", { className: "ds-login__logo", children: logo }) : /* @__PURE__ */ jsx("div", { className: "ds-login__logo ds-login__logo--default", children: /* @__PURE__ */ jsx("div", { className: "ds-login__logo-icon", children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ jsx("rect", { width: "32", height: "32", rx: "8", fill: "url(#logo-gradient)" }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M10 16L14 20L22 12",
+              stroke: "white",
+              strokeWidth: "2.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "logo-gradient", x1: "0", y1: "0", x2: "32", y2: "32", children: [
+            /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--accent-rgb))" }),
+            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--accent2-rgb))" })
+          ] }) })
+        ] }) }) }),
+        /* @__PURE__ */ jsx("h1", { className: "ds-login__title", children: brandName }),
+        /* @__PURE__ */ jsx("p", { className: "ds-login__tagline", children: tagline })
+      ] }),
+      error && /* @__PURE__ */ jsxs("div", { className: "ds-login__error", children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 16 16",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+              /* @__PURE__ */ jsx("path", { d: "M8 4.5V8.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+              /* @__PURE__ */ jsx("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: error })
+      ] }),
+      showSocialLogin && /* @__PURE__ */ jsxs("div", { className: "ds-login__social", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ds-login__social-btn",
+            onClick: onGoogleLogin,
+            disabled: isLoading,
+            children: [
+              /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", width: "20", height: "20", children: [
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    fill: "#4285F4",
+                    d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    fill: "#34A853",
+                    d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    fill: "#FBBC05",
+                    d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    fill: "#EA4335",
+                    d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("span", { children: l.continueWithGoogleLabel })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "ds-login__divider", children: /* @__PURE__ */ jsx("span", { children: l.orContinueWithEmailLabel }) })
+      ] }),
+      /* @__PURE__ */ jsxs("form", { className: "ds-login__form", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ jsx("div", { className: "ds-login__field", children: /* @__PURE__ */ jsx(
+          TextField,
+          {
+            label: l.emailLabel,
+            type: "email",
+            placeholder: l.emailPlaceholder,
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            disabled: isLoading,
+            autoComplete: "email"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "ds-login__field", children: /* @__PURE__ */ jsx(
+          TextField,
+          {
+            label: l.passwordLabel,
+            type: showPassword ? "text" : "password",
+            placeholder: l.passwordPlaceholder,
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            disabled: isLoading,
+            autoComplete: "current-password",
+            endAdornment: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "ds-login__password-toggle",
+                onClick: () => setShowPassword(!showPassword),
+                "aria-label": showPassword ? "Hide password" : "Show password",
+                children: showPassword ? /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+                      /* @__PURE__ */ jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+                      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
+                    ]
+                  }
+                )
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "ds-login__options", children: [
+          showRememberMe && /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              label: l.rememberMeLabel,
+              checked: rememberMe,
+              onCheckedChange: (checked) => setRememberMe(checked === true),
+              disabled: isLoading
+            }
+          ),
+          showForgotPassword && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "ds-login__link",
+              onClick: onForgotPassword,
+              disabled: isLoading,
+              children: l.forgotPasswordLabel
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "submit",
+            variant: "primary",
+            size: "lg",
+            disabled: isLoading || !email || !password,
+            className: "ds-login__submit",
+            children: isLoading ? /* @__PURE__ */ jsx("span", { className: "ds-login__spinner" }) : l.signInLabel
+          }
+        )
+      ] }),
+      showSignUp && /* @__PURE__ */ jsxs("div", { className: "ds-login__footer", children: [
+        /* @__PURE__ */ jsx("span", { children: l.doNotHaveAnAccountLabel }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "ds-login__link ds-login__link--accent",
+            onClick: onSignUp,
+            disabled: isLoading,
+            children: l.signUpLabel
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+Login.displayName = "Login";
+var defaultChangeEmailLabels = {
+  changeEmailTitle: "Change Email",
+  enterNewEmailAndCurrentPasswordTagline: "Enter you new email and the current password.",
+  newEmailLabel: "New Email *",
+  currentPasswordLabel: "Current Password *",
+  forgotPasswordButton: "Forgot password?",
+  continueButton: "Continue"
+};
+var ChangeEmail = ({
+  labels: customLabels,
+  logo,
+  onSubmit,
+  isLoading = false,
+  error,
+  className,
+  style
+}) => {
+  const l = { ...defaultChangeEmailLabels, ...customLabels };
+  const [newEmail, setNewEmail] = useState("");
+  const [currentPassword, setCurrentPassword] = useState("");
+  const [showPassword, setShowPassword] = useState(false);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    onSubmit?.({ newEmail, currentPassword });
+  };
+  return /* @__PURE__ */ jsx("div", { className: clsx4("ds-change-email", className), style, children: /* @__PURE__ */ jsxs("div", { className: "ds-change-email__container", children: [
+    /* @__PURE__ */ jsx("div", { className: "ds-change-email__accent ds-change-email__accent--1", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx("div", { className: "ds-change-email__accent ds-change-email__accent--2", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs("div", { className: "ds-change-email__card", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ds-change-email__header", children: [
+        logo ? /* @__PURE__ */ jsx("div", { className: "ds-change-email__logo", children: logo }) : /* @__PURE__ */ jsx("div", { className: "ds-change-email__logo ds-change-email__logo--default", children: /* @__PURE__ */ jsx("div", { className: "ds-change-email__logo-icon", children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ jsx("rect", { width: "32", height: "32", rx: "8", fill: "url(#logo-gradient)" }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M10 16L14 20L22 12",
+              stroke: "white",
+              strokeWidth: "2.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "logo-gradient", x1: "0", y1: "0", x2: "32", y2: "32", children: [
+            /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--accent-rgb))" }),
+            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--accent2-rgb))" })
+          ] }) })
+        ] }) }) }),
+        /* @__PURE__ */ jsx("h1", { className: "ds-change-email__title", children: l.changeEmailTitle }),
+        /* @__PURE__ */ jsx("p", { className: "ds-change-email__tagline", children: l.enterNewEmailAndCurrentPasswordTagline })
+      ] }),
+      error && /* @__PURE__ */ jsxs("div", { className: "ds-change-email__error", children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 16 16",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+              /* @__PURE__ */ jsx("path", { d: "M8 4.5V8.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+              /* @__PURE__ */ jsx("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: error })
+      ] }),
+      /* @__PURE__ */ jsxs("form", { className: "ds-change-email__form", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ jsx("div", { className: "ds-change-email__field", children: /* @__PURE__ */ jsx(
+          TextField,
+          {
+            label: l.newEmailLabel,
+            type: "email",
+            placeholder: "",
+            value: newEmail,
+            onChange: (e) => setNewEmail(e.target.value),
+            disabled: isLoading,
+            autoComplete: "email"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "ds-change-email__field", children: /* @__PURE__ */ jsx(
+          TextField,
+          {
+            label: l.currentPasswordLabel,
+            type: showPassword ? "text" : "password",
+            placeholder: "",
+            value: currentPassword,
+            onChange: (e) => setCurrentPassword(e.target.value),
+            disabled: isLoading,
+            autoComplete: "current-password",
+            endAdornment: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "ds-change-email__password-toggle",
+                onClick: () => setShowPassword(!showPassword),
+                "aria-label": showPassword ? "Hide password" : "Show password",
+                children: showPassword ? /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+                      /* @__PURE__ */ jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+                      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
+                    ]
+                  }
+                )
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "ds-change-email__options", style: { display: "flex", justifyContent: "flex-end", marginTop: "-8px" }, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "ds-change-email__link",
+            onClick: () => console.log("Forgot password clicked"),
+            disabled: isLoading,
+            style: {
+              background: "none",
+              border: "none",
+              color: "var(--text-secondary)",
+              cursor: "pointer",
+              fontSize: "0.875rem"
+            },
+            children: l.forgotPasswordButton
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { style: { marginTop: "24px" }, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "submit",
+            variant: "primary",
+            size: "lg",
+            disabled: isLoading || !newEmail || !currentPassword,
+            className: "ds-change-email__submit",
+            children: isLoading ? /* @__PURE__ */ jsx("span", { className: "ds-change-email__spinner" }) : l.continueButton
+          }
+        ) })
+      ] })
+    ] })
+  ] }) });
+};
+ChangeEmail.displayName = "Change Email";
+var defaultSignupLabels = {
+  formTitle: "Create your account",
+  googleButtonLabel: "Sign up with Google",
+  dividerText: "or sign up with email",
+  nameLabel: "Full name",
+  namePlaceholder: "John Doe",
+  emailLabel: "Work email",
+  emailPlaceholder: "you@company.com",
+  passwordLabel: "Password",
+  passwordPlaceholder: "Create a strong password",
+  phoneLabel: "Phone",
+  phonePlaceholder: "Phone number",
+  hidePasswordLabel: "Hide password",
+  showPasswordLabel: "Show password",
+  passwordStrengthLabels: ["Very Weak", "Weak", "Fair", "Strong", "Very Strong"],
+  termsAgreementPrefix: "I agree to the ",
+  termsLabel: "Terms of Service ",
+  termsConjunction: "and ",
+  privacyLabel: "Privacy Policy",
+  submitLabel: "Create account",
+  loginPrompt: "Already have an account?",
+  loginLabel: "Sign in",
+  successTitle: "Welcome!",
+  continueToLoginLabel: "Continue to Login"
+};
+function calculatePasswordStrength(password, strengthLabels) {
+  let score = 0;
+  if (password.length >= 8) score++;
+  if (password.length >= 12) score++;
+  if (/[a-z]/.test(password) && /[A-Z]/.test(password)) score++;
+  if (/\d/.test(password)) score++;
+  if (/[!@#$%^&*(),.?":{}|<>]/.test(password)) score++;
+  score = Math.min(4, score);
+  const labels = strengthLabels ?? defaultSignupLabels.passwordStrengthLabels;
+  const colors = [
+    "var(--status-error)",
+    "var(--status-warning)",
+    "#ffd000",
+    "var(--status-success)",
+    "var(--status-success)"
+  ];
+  return {
+    score,
+    label: labels[score],
+    color: colors[score]
+  };
+}
+var Signup = ({
+  brandName,
+  showSocialSignup = true,
+  logo,
+  onSubmit,
+  onGoogleSignup,
+  onLogin,
+  onTermsClick,
+  onPrivacyClick,
+  isLoading = false,
+  error,
+  isSuccess = false,
+  successMessage = "You're all set! Check your email to verify your account.",
+  className,
+  style,
+  labels: customLabels,
+  defaultCountry = "TH",
+  countries = [],
+  renderPhoneInput
+}) => {
+  const l = { ...defaultSignupLabels, ...customLabels };
+  const [name, setName] = useState("");
+  const [email, setEmail] = useState("");
+  const defaultCountryData = countries.find((c) => c.code === defaultCountry) || countries[0] || { dial: "+66"};
+  const [countryDial, setCountryDial] = useState(defaultCountryData.dial);
+  const [phone, setPhone] = useState("");
+  const [password, setPassword] = useState("");
+  const [showPassword, setShowPassword] = useState(false);
+  const [acceptedTerms, setAcceptedTerms] = useState(false);
+  const passwordStrength = useMemo(
+    () => calculatePasswordStrength(password, l.passwordStrengthLabels),
+    [password, l.passwordStrengthLabels]
+  );
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    const fullPhone = phone ? phone.trim().startsWith("+") ? phone.trim() : `${countryDial} ${phone}`.trim() : "";
+    onSubmit?.({ name, email, phone: fullPhone, password, acceptedTerms });
+  };
+  const isFormValid = name && email && password.length >= 8 && acceptedTerms;
+  if (isSuccess) {
+    return /* @__PURE__ */ jsxs("div", { className: clsx4("ds-signup", className), style, children: [
+      /* @__PURE__ */ jsxs("div", { className: "ds-signup__background", children: [
+        /* @__PURE__ */ jsx("div", { className: "ds-signup__accent ds-signup__accent--1", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("div", { className: "ds-signup__accent ds-signup__accent--2", "aria-hidden": "true" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "ds-signup__card ds-signup__card--success", children: [
+        /* @__PURE__ */ jsx("div", { className: "ds-signup__success-icon", children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ jsx("circle", { cx: "32", cy: "32", r: "30", stroke: "var(--status-success)", strokeWidth: "2" }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M20 32L28 40L44 24",
+              stroke: "var(--status-success)",
+              strokeWidth: "3",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx("h1", { className: "ds-signup__success-title", children: l.successTitle === "Welcome!" ? `Welcome to ${brandName}!` : l.successTitle }),
+        /* @__PURE__ */ jsx("p", { className: "ds-signup__success-message", children: successMessage }),
+        /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", onClick: onLogin, className: "ds-signup__success-btn", children: l.continueToLoginLabel })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: clsx4("ds-signup", className), style, children: [
+    /* @__PURE__ */ jsxs("div", { className: "ds-signup__background", children: [
+      /* @__PURE__ */ jsx("div", { className: "ds-signup__accent ds-signup__accent--1", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("div", { className: "ds-signup__accent ds-signup__accent--2", "aria-hidden": "true" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "ds-signup__card", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ds-signup__header", children: [
+        logo ? /* @__PURE__ */ jsx("div", { className: "ds-signup__logo", children: logo }) : /* @__PURE__ */ jsx("div", { className: "ds-signup__logo ds-signup__logo--default", children: /* @__PURE__ */ jsx("div", { className: "ds-signup__logo-icon", children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ jsx("rect", { width: "32", height: "32", rx: "8", fill: "url(#signup-logo-gradient)" }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M16 8V24M8 16H24",
+              stroke: "white",
+              strokeWidth: "2.5",
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "signup-logo-gradient", x1: "0", y1: "0", x2: "32", y2: "32", children: [
+            /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--accent-rgb))" }),
+            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--accent2-rgb))" })
+          ] }) })
+        ] }) }) }),
+        /* @__PURE__ */ jsx("h1", { className: "ds-signup__title", children: l.formTitle })
+      ] }),
+      error && /* @__PURE__ */ jsxs("div", { className: "ds-signup__error", children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 16 16",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+              /* @__PURE__ */ jsx("path", { d: "M8 4.5V8.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+              /* @__PURE__ */ jsx("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: error })
+      ] }),
+      showSocialSignup && /* @__PURE__ */ jsxs("div", { className: "ds-signup__social", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ds-signup__social-btn",
+            onClick: onGoogleSignup,
+            disabled: isLoading,
+            children: [
+              /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", width: "20", height: "20", children: [
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    fill: "#4285F4",
+                    d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    fill: "#34A853",
+                    d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    fill: "#FBBC05",
+                    d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    fill: "#EA4335",
+                    d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("span", { children: l.googleButtonLabel })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "ds-signup__divider", children: /* @__PURE__ */ jsx("span", { children: l.dividerText }) })
+      ] }),
+      /* @__PURE__ */ jsxs("form", { className: "ds-signup__form", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ jsx("div", { className: "ds-signup__field", children: /* @__PURE__ */ jsx(
+          TextField,
+          {
+            label: l.nameLabel,
+            type: "text",
+            placeholder: l.namePlaceholder,
+            value: name,
+            onChange: (e) => setName(e.target.value),
+            disabled: isLoading,
+            autoComplete: "name"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "ds-signup__field", children: /* @__PURE__ */ jsx(
+          TextField,
+          {
+            label: l.emailLabel,
+            type: "email",
+            placeholder: l.emailPlaceholder,
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            disabled: isLoading,
+            autoComplete: "email"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "ds-signup__field ds-signup__phone-field", children: [
+          /* @__PURE__ */ jsx("label", { className: "ds-textfield__label", htmlFor: "phone-input", children: l.phoneLabel }),
+          /* @__PURE__ */ jsx("div", { className: "ds-textfield__input-wrapper", children: renderPhoneInput ? renderPhoneInput({
+            value: phone,
+            onChange: setPhone,
+            placeholder: l.phonePlaceholder,
+            disabled: isLoading,
+            className: "ds-signup__phone-container ds-textfield__input",
+            id: "phone-input"
+          }) : /* @__PURE__ */ jsxs("div", { className: clsx4("ds-signup__phone-container", "ds-textfield__input"), children: [
+            /* @__PURE__ */ jsxs("div", { className: "ds-signup__flag-select-wrapper", children: [
+              /* @__PURE__ */ jsx(
+                "select",
+                {
+                  className: "ds-signup__flag-select-native",
+                  value: countryDial,
+                  onChange: (e) => {
+                    const newDial = e.target.value;
+                    setCountryDial(newDial);
+                    setPhone(newDial + " ");
+                  },
+                  disabled: isLoading,
+                  "aria-label": "Select country code",
+                  children: countries.map((c) => /* @__PURE__ */ jsx("option", { value: c.dial, children: c.name }, c.code))
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "ds-signup__flag-display", "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsx("span", { className: "ds-signup__flag-icon", children: countries.find((c) => c.dial === countryDial)?.flag || "\u{1F310}" }),
+                /* @__PURE__ */ jsx("svg", { width: "10", height: "6", viewBox: "0 0 10 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M1 1L5 5L9 1", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: "phone-input",
+                type: "tel",
+                placeholder: l.phonePlaceholder,
+                value: phone,
+                onChange: (e) => setPhone(e.target.value),
+                disabled: isLoading,
+                className: "ds-signup__phone-input ds-signup__phone-input-native",
+                autoComplete: "tel"
+              }
+            )
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "ds-signup__field", children: [
+          /* @__PURE__ */ jsxs("div", { className: "ds-signup__password-wrapper", children: [
+            /* @__PURE__ */ jsx(
+              TextField,
+              {
+                label: l.passwordLabel,
+                type: showPassword ? "text" : "password",
+                placeholder: l.passwordPlaceholder,
+                value: password,
+                onChange: (e) => setPassword(e.target.value),
+                disabled: isLoading,
+                autoComplete: "new-password"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "ds-signup__password-toggle",
+                onClick: () => setShowPassword(!showPassword),
+                "aria-label": showPassword ? l.hidePasswordLabel : l.showPasswordLabel,
+                children: showPassword ? /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+                      /* @__PURE__ */ jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+                      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
+                    ]
+                  }
+                )
+              }
+            )
+          ] }),
+          password && /* @__PURE__ */ jsxs("div", { className: "ds-signup__strength", children: [
+            /* @__PURE__ */ jsx("div", { className: "ds-signup__strength-bar", children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clsx4(
+                  "ds-signup__strength-segment",
+                  i < passwordStrength.score && "ds-signup__strength-segment--active"
+                ),
+                style: i < passwordStrength.score ? { backgroundColor: passwordStrength.color } : {}
+              },
+              i
+            )) }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "ds-signup__strength-label",
+                style: { color: passwordStrength.color },
+                children: passwordStrength.label
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "ds-signup__terms", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              label: "",
+              checked: acceptedTerms,
+              onCheckedChange: (checked) => setAcceptedTerms(checked === true),
+              disabled: isLoading
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "ds-signup__terms-text", children: [
+            (l.termsAgreementPrefix || "").endsWith(" ") ? l.termsAgreementPrefix || "" : `${l.termsAgreementPrefix || ""} `,
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "ds-signup__link",
+                onClick: onTermsClick,
+                disabled: isLoading,
+                children: l.termsLabel
+              }
+            ),
+            (l.termsConjunction || " ").startsWith(" ") && (l.termsConjunction || " ").endsWith(" ") ? l.termsConjunction || " " : ` ${(l.termsConjunction || "").trim()} `,
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "ds-signup__link",
+                onClick: onPrivacyClick,
+                disabled: isLoading,
+                children: l.privacyLabel
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "submit",
+            variant: "primary",
+            size: "lg",
+            disabled: isLoading || !isFormValid,
+            className: "ds-signup__submit",
+            children: isLoading ? /* @__PURE__ */ jsx("span", { className: "ds-signup__spinner" }) : l.submitLabel
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "ds-signup__footer", children: [
+        /* @__PURE__ */ jsx("span", { children: l.loginPrompt }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "ds-signup__link ds-signup__link--accent",
+            onClick: onLogin,
+            disabled: isLoading,
+            children: l.loginLabel
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+Signup.displayName = "Signup";
+var defaultForgotPasswordLabels = {
+  forgotPasswordTitle: "Forgot password?",
+  resetInstructionsTagline: "No worries, we'll send you reset instructions.",
+  emailLabel: "Email",
+  emailPlaceholder: "Enter your email",
+  resetPasswordButton: "Reset password",
+  backToLoginButton: "Back to login",
+  checkYourEmailTitle: "Check your email",
+  passwordResetLinkTagline: "We sent a password reset link to",
+  didNotReceiveEmailHint: "Didn't receive the email? ",
+  clickToResendButton: "Click to resend",
+  setNewPasswordTitle: "Set new password",
+  mustBeCharactersTagline: "Must be at least 8 characters.",
+  passwordLabel: "Password",
+  enterNewPasswordPlaceholder: "Enter new password",
+  confirmPasswordLabel: "Confirm password",
+  confirmNewPasswordPlaceholder: "Confirm new password",
+  passwordsDontMatchError: "Passwords don't match",
+  passwordResetTitle: "Password reset",
+  passwordSuccessfullyResetTagline: "Your password has been successfully reset.",
+  clickBelowLogInHint: "Click below to log in.",
+  continueToLoginButton: "Continue to login",
+  showPasswordLabel: "Show password",
+  hidePasswordLabel: "Hide password"
+};
+var ForgotPassword = ({
+  logo,
+  labels: customLabels,
+  onSubmit,
+  onResetPassword,
+  onBackToLogin,
+  isLoading = false,
+  error,
+  step = "email",
+  email: initialEmail = "",
+  className
+}) => {
+  const l = { ...defaultForgotPasswordLabels, ...customLabels };
+  const [email, setEmail] = useState(initialEmail);
+  const [password, setPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
+  const [showPassword, setShowPassword] = useState(false);
+  const [resendTimer, setResendTimer] = useState(0);
+  const hasStartedTimer = React4.useRef(false);
+  useEffect(() => {
+    if (step === "sent" && !hasStartedTimer.current) {
+      hasStartedTimer.current = true;
+      setResendTimer(60);
+    } else if (step !== "sent") {
+      hasStartedTimer.current = false;
+    }
+  }, [step]);
+  useEffect(() => {
+    let timerId;
+    if (resendTimer > 0) {
+      timerId = setInterval(() => {
+        setResendTimer((prev) => prev - 1);
+      }, 1e3);
+    }
+    return () => {
+      if (timerId) clearInterval(timerId);
+    };
+  }, [resendTimer]);
+  const handleResendClick = () => {
+    if (resendTimer === 0) {
+      onSubmit?.(email || initialEmail);
+      setResendTimer(60);
+    }
+  };
+  const handleEmailSubmit = (e) => {
+    e.preventDefault();
+    onSubmit?.(email);
+  };
+  const handleResetSubmit = (e) => {
+    e.preventDefault();
+    onResetPassword?.({ password, confirmPassword });
+  };
+  const renderLogo = () => logo ? /* @__PURE__ */ jsx("div", { className: "ds-forgot__logo", children: logo }) : /* @__PURE__ */ jsx("div", { className: "ds-forgot__logo ds-forgot__logo--default", children: /* @__PURE__ */ jsx("div", { className: "ds-forgot__logo-icon", children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx("rect", { width: "32", height: "32", rx: "8", fill: "url(#forgot-logo-gradient)" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M16 10V14M16 22V22.01M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z",
+        stroke: "white",
+        strokeWidth: "2",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "forgot-logo-gradient", x1: "0", y1: "0", x2: "32", y2: "32", children: [
+      /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--accent-rgb))" }),
+      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--accent2-rgb))" })
+    ] }) })
+  ] }) }) });
+  if (step === "email") {
+    return /* @__PURE__ */ jsxs("div", { className: clsx4("ds-forgot", className), children: [
+      /* @__PURE__ */ jsx("div", { className: "ds-forgot__accent ds-forgot__accent--1", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("div", { className: "ds-forgot__accent ds-forgot__accent--2", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs("div", { className: "ds-forgot__card", children: [
+        /* @__PURE__ */ jsxs("div", { className: "ds-forgot__header", children: [
+          renderLogo(),
+          /* @__PURE__ */ jsx("h1", { className: "ds-forgot__title", children: l.forgotPasswordTitle }),
+          /* @__PURE__ */ jsx("p", { className: "ds-forgot__tagline", children: l.resetInstructionsTagline })
+        ] }),
+        error && /* @__PURE__ */ jsxs("div", { className: "ds-forgot__error", children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              width: "16",
+              height: "16",
+              viewBox: "0 0 16 16",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: [
+                /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M8 4.5V8.5",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round"
+                  }
+                ),
+                /* @__PURE__ */ jsx("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: error })
+        ] }),
+        /* @__PURE__ */ jsxs("form", { className: "ds-forgot__form", onSubmit: handleEmailSubmit, children: [
+          /* @__PURE__ */ jsx("div", { className: "ds-forgot__field", children: /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: l.emailLabel,
+              type: "email",
+              placeholder: l.emailPlaceholder,
+              value: email,
+              onChange: (e) => setEmail(e.target.value),
+              disabled: isLoading,
+              autoComplete: "email"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              variant: "primary",
+              size: "lg",
+              disabled: isLoading || !email,
+              className: "ds-forgot__submit",
+              children: isLoading ? /* @__PURE__ */ jsx("span", { className: "ds-forgot__spinner" }) : l.resetPasswordButton
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "ds-forgot__footer", children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ds-forgot__back",
+            onClick: onBackToLogin,
+            disabled: isLoading,
+            children: [
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: /* @__PURE__ */ jsx("path", { d: "M10 12L6 8L10 4" })
+                }
+              ),
+              l.backToLoginButton
+            ]
+          }
+        ) })
+      ] })
+    ] });
+  }
+  if (step === "sent") {
+    return /* @__PURE__ */ jsxs("div", { className: clsx4("ds-forgot", className), children: [
+      /* @__PURE__ */ jsx("div", { className: "ds-forgot__accent ds-forgot__accent--1", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("div", { className: "ds-forgot__accent ds-forgot__accent--2", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs("div", { className: "ds-forgot__card ds-forgot__card--centered", children: [
+        /* @__PURE__ */ jsx("div", { className: "ds-forgot__success-icon", children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ jsx("circle", { cx: "32", cy: "32", r: "30", stroke: "rgb(var(--accent-rgb))", strokeWidth: "2" }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M20 32L44 32M44 32L36 24M44 32L36 40",
+              stroke: "rgb(var(--accent-rgb))",
+              strokeWidth: "3",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx("h1", { className: "ds-forgot__title", children: l.checkYourEmailTitle }),
+        /* @__PURE__ */ jsxs("p", { className: "ds-forgot__tagline", children: [
+          l.passwordResetLinkTagline,
+          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsx("strong", { children: email || initialEmail })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "ds-forgot__hint", children: [
+          /* @__PURE__ */ jsx("span", { children: l.didNotReceiveEmailHint }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "ds-forgot__link",
+              onClick: handleResendClick,
+              disabled: isLoading || resendTimer > 0,
+              children: resendTimer > 0 ? `${l.clickToResendButton} ${resendTimer}s` : l.clickToResendButton
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "ds-forgot__footer", children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ds-forgot__back",
+            onClick: onBackToLogin,
+            disabled: isLoading,
+            children: [
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: /* @__PURE__ */ jsx("path", { d: "M10 12L6 8L10 4" })
+                }
+              ),
+              l.backToLoginButton
+            ]
+          }
+        ) })
+      ] })
+    ] });
+  }
+  if (step === "reset") {
+    const passwordsMatch = password === confirmPassword;
+    const isValid = password.length >= 8 && passwordsMatch;
+    return /* @__PURE__ */ jsxs("div", { className: clsx4("ds-forgot", className), children: [
+      /* @__PURE__ */ jsx("div", { className: "ds-forgot__accent ds-forgot__accent--1", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("div", { className: "ds-forgot__accent ds-forgot__accent--2", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs("div", { className: "ds-forgot__card", children: [
+        /* @__PURE__ */ jsxs("div", { className: "ds-forgot__header", children: [
+          renderLogo(),
+          /* @__PURE__ */ jsx("h1", { className: "ds-forgot__title", children: l.setNewPasswordTitle }),
+          /* @__PURE__ */ jsx("p", { className: "ds-forgot__tagline", children: l.mustBeCharactersTagline })
+        ] }),
+        error && /* @__PURE__ */ jsxs("div", { className: "ds-forgot__error", children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              width: "16",
+              height: "16",
+              viewBox: "0 0 16 16",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: [
+                /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M8 4.5V8.5",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round"
+                  }
+                ),
+                /* @__PURE__ */ jsx("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: error })
+        ] }),
+        /* @__PURE__ */ jsxs("form", { className: "ds-forgot__form", onSubmit: handleResetSubmit, children: [
+          /* @__PURE__ */ jsx("div", { className: "ds-forgot__field", children: /* @__PURE__ */ jsxs("div", { className: "ds-forgot__password-wrapper", children: [
+            /* @__PURE__ */ jsx(
+              TextField,
+              {
+                label: l.passwordLabel,
+                type: showPassword ? "text" : "password",
+                placeholder: l.enterNewPasswordPlaceholder,
+                value: password,
+                onChange: (e) => setPassword(e.target.value),
+                disabled: isLoading,
+                autoComplete: "new-password"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "ds-forgot__password-toggle",
+                onClick: () => setShowPassword(!showPassword),
+                "aria-label": showPassword ? l.hidePasswordLabel : l.showPasswordLabel,
+                children: showPassword ? /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+                      /* @__PURE__ */ jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+                      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
+                    ]
+                  }
+                )
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: "ds-forgot__field", children: /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: l.confirmPasswordLabel,
+              type: showPassword ? "text" : "password",
+              placeholder: l.confirmNewPasswordPlaceholder,
+              value: confirmPassword,
+              onChange: (e) => setConfirmPassword(e.target.value),
+              disabled: isLoading,
+              autoComplete: "new-password",
+              error: confirmPassword.length > 0 && !passwordsMatch,
+              helperText: confirmPassword.length > 0 && !passwordsMatch ? l.passwordsDontMatchError : void 0
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              variant: "primary",
+              size: "lg",
+              disabled: isLoading || !isValid,
+              className: "ds-forgot__submit",
+              children: isLoading ? /* @__PURE__ */ jsx("span", { className: "ds-forgot__spinner" }) : l.resetPasswordButton
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "ds-forgot__footer", children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ds-forgot__back",
+            onClick: onBackToLogin,
+            disabled: isLoading,
+            children: [
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: /* @__PURE__ */ jsx("path", { d: "M10 12L6 8L10 4" })
+                }
+              ),
+              l.backToLoginButton
+            ]
+          }
+        ) })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: clsx4("ds-forgot", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "ds-forgot__accent ds-forgot__accent--1", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx("div", { className: "ds-forgot__accent ds-forgot__accent--2", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs("div", { className: "ds-forgot__card ds-forgot__card--centered", children: [
+      /* @__PURE__ */ jsx("div", { className: "ds-forgot__success-icon ds-forgot__success-icon--check", children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ jsx("circle", { cx: "32", cy: "32", r: "30", stroke: "var(--status-success)", strokeWidth: "2" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M20 32L28 40L44 24",
+            stroke: "var(--status-success)",
+            strokeWidth: "3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx("h1", { className: "ds-forgot__title", children: l.passwordResetTitle }),
+      /* @__PURE__ */ jsxs("p", { className: "ds-forgot__tagline", children: [
+        l.passwordSuccessfullyResetTagline,
+        /* @__PURE__ */ jsx("br", {}),
+        l.clickBelowLogInHint
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", onClick: onBackToLogin, className: "ds-forgot__submit", children: l.continueToLoginButton })
+    ] })
+  ] });
+};
+ForgotPassword.displayName = "ForgotPassword";
+var IconLinkedIn = ({ className, size = 16 }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    className,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx("path", { d: "M20.447 20.452H16.892V14.881C16.892 13.553 16.865 11.848 15.043 11.848C13.194 11.848 12.911 13.291 12.911 14.786V20.452H9.356V9.006H12.768V10.57H12.816C13.291 9.67 14.453 8.721 16.184 8.721C19.788 8.721 20.447 11.093 20.447 14.179V20.452ZM5.337 7.433C4.197 7.433 3.274 6.509 3.274 5.37C3.274 4.23 4.197 3.307 5.337 3.307C6.477 3.307 7.4 4.23 7.4 5.37C7.4 6.509 6.477 7.433 5.337 7.433ZM3.563 20.452H7.123V9.006H3.563V20.452Z" })
+  }
+);
+var IconMail = ({ className, size = 16 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
+      /* @__PURE__ */ jsx("polyline", { points: "22,6 12,13 2,6" })
+    ]
+  }
+);
+var IconMapPin = ({ className, size = 16 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3" })
+    ]
+  }
+);
+var IconBriefcase = ({ className, size = 16 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "7", width: "20", height: "14", rx: "2", ry: "2" }),
+      /* @__PURE__ */ jsx("path", { d: "M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" })
+    ]
+  }
+);
+var IconSchool = ({ className, size = 16 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M22 10v6M2 10l10-5 10 5-10 5z" }),
+      /* @__PURE__ */ jsx("path", { d: "M6 12v5c3 3 9 3 12 0v-5" })
+    ]
+  }
+);
+var IconChevronDown = ({ className, size = 16 }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
+  }
+);
+var IconChevronUp = ({ className, size = 16 }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" })
+  }
+);
+var IconRefresh = ({ className, size = 16 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M23 4v6h-6" }),
+      /* @__PURE__ */ jsx("path", { d: "M1 20v-6h6" }),
+      /* @__PURE__ */ jsx("path", { d: "M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" })
+    ]
+  }
+);
+var IconCheck = ({ className, size = 16 }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
+  }
+);
+var IconLock = ({ className, size = 16 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
+      /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+    ]
+  }
+);
+var IconInfo = ({ className, size = 16 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+    ]
+  }
+);
+var IconShieldCheck = ({ className, size = 16 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }),
+      /* @__PURE__ */ jsx("path", { d: "M9 12l2 2 4-4" })
+    ]
+  }
+);
+var IconBrain = ({ className, size = 16 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 4.5a2.5 2.5 0 0 0-4.96-.46 2.5 2.5 0 0 0-1.98 3 2.5 2.5 0 0 0-1.32 4.24 3 3 0 0 0 .34 5.58 2.5 2.5 0 0 0 2.96 3.08A2.5 2.5 0 0 0 12 19.5a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.98-3A2.5 2.5 0 0 0 12 4.5" }),
+      /* @__PURE__ */ jsx("path", { d: "M12 4.5v15" })
+    ]
+  }
+);
+var IconSparkles = ({ className, size = 16 }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: /* @__PURE__ */ jsx("path", { d: "M12 3l1.912 5.813a2 2 0 0 0 1.275 1.275L21 12l-5.813 1.912a2 2 0 0 0-1.275 1.275L12 21l-1.912-5.813a2 2 0 0 0-1.275-1.275L3 12l5.813-1.912a2 2 0 0 0 1.275-1.275L12 3z" })
+  }
+);
+var IconTarget = ({ className, size = 16 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "6" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2" })
+    ]
+  }
+);
+var IconMessageCircle = ({ className, size = 16 }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: /* @__PURE__ */ jsx("path", { d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" })
+  }
+);
+var IconZap = ({ className, size = 16 }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: /* @__PURE__ */ jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" })
+  }
+);
+var IconTrendingUp = ({ className, size = 16 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsx("polyline", { points: "23 6 13.5 15.5 8.5 10.5 1 18" }),
+      /* @__PURE__ */ jsx("polyline", { points: "17 6 23 6 23 12" })
+    ]
+  }
+);
+var IconAlertTriangle = ({ className, size = 16 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+    ]
+  }
+);
+var IconUser = ({ className, size = 16 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4" })
+    ]
+  }
+);
+var IconClock = ({ className, size = 16 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsx("polyline", { points: "12 6 12 12 16 14" })
+    ]
+  }
+);
+var IconThumbsUp = ({ className, size = 16 }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: /* @__PURE__ */ jsx("path", { d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3" })
+  }
+);
+var IconThumbsDown = ({ className, size = 16 }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: /* @__PURE__ */ jsx("path", { d: "M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17" })
+  }
+);
+var IconLightbulb = ({ className, size = 16 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className,
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M9 18h6" }),
+      /* @__PURE__ */ jsx("path", { d: "M10 22h4" }),
+      /* @__PURE__ */ jsx("path", { d: "M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14" })
+    ]
+  }
+);
+var EmptyStateDisplay = ({ onRefresh }) => {
+  return /* @__PURE__ */ jsxs("div", { className: "ds-lead-empty", children: [
+    /* @__PURE__ */ jsx("div", { className: "ds-lead-empty__avatar-container", children: /* @__PURE__ */ jsxs("div", { className: "ds-lead-empty__avatar", children: [
+      /* @__PURE__ */ jsx("div", { className: "ds-lead-empty__avatar-pulse" }),
+      /* @__PURE__ */ jsx("div", { className: "ds-lead-empty__avatar-icon", children: /* @__PURE__ */ jsx(IconSparkles, { size: 32 }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "ds-lead-empty__content", children: [
+      /* @__PURE__ */ jsx("h2", { className: "ds-lead-empty__title", children: "Discover Who They Really Are" }),
+      /* @__PURE__ */ jsx("p", { className: "ds-lead-empty__description", children: "Our AI analyzes behavioral patterns, communication style, and personality signals to help you connect more effectively." })
+    ] }),
+    onRefresh && /* @__PURE__ */ jsx("div", { className: "ds-lead-empty__action", children: /* @__PURE__ */ jsxs(Button, { onClick: onRefresh, variant: "primary", size: "lg", children: [
+      /* @__PURE__ */ jsx(IconRefresh, {}),
+      " Begin Analysis"
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "ds-lead-empty__trust", children: [
+      /* @__PURE__ */ jsxs("span", { className: "ds-lead-empty__trust-item", children: [
+        /* @__PURE__ */ jsx("span", { className: "ds-lead-empty__trust-dot" }),
+        "Privacy-first approach"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "ds-lead-empty__trust-item", children: [
+        /* @__PURE__ */ jsx("span", { className: "ds-lead-empty__trust-dot" }),
+        "Public data only"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "ds-lead-empty__trust-item", children: [
+        /* @__PURE__ */ jsx("span", { className: "ds-lead-empty__trust-dot" }),
+        "~2 min analysis"
+      ] })
+    ] })
+  ] });
+};
+var ANALYSIS_STAGES = [
+  { id: "identity", label: "Verifying Identity", icon: IconUser },
+  { id: "behavior", label: "Analyzing Behavior", icon: IconBrain },
+  { id: "communication", label: "Mapping Communication Style", icon: IconMessageCircle },
+  { id: "personality", label: "Building Personality Profile", icon: IconSparkles }
+];
+var LoadingStateDisplay = ({ progress }) => {
+  const currentStage = progress?.currentStage || "identity";
+  const completedStages = progress?.completedStages || [];
+  const estimatedTime = progress?.estimatedTimeRemaining;
+  const getStageStatus = (stageId) => {
+    if (completedStages.includes(stageId)) {
+      return "completed";
+    }
+    if (stageId === currentStage) {
+      return "active";
+    }
+    return "pending";
+  };
+  const completionPercentage = Math.round(
+    (completedStages.length + 0.5) / ANALYSIS_STAGES.length * 100
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "ds-lead-loading", children: [
+    /* @__PURE__ */ jsxs("div", { className: "ds-lead-loading__progress", children: [
+      /* @__PURE__ */ jsx("div", { className: "ds-lead-loading__progress-bar", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "ds-lead-loading__progress-fill",
+          style: { width: `${completionPercentage}%` }
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("span", { className: "ds-lead-loading__progress-text", children: [
+        completionPercentage,
+        "% complete"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "ds-lead-loading__stages", children: ANALYSIS_STAGES.map((stage, index) => {
+      const status = getStageStatus(stage.id);
+      const Icon = stage.icon;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx4("ds-lead-loading__stage", `ds-lead-loading__stage--${status}`),
+          style: { "--stage-index": index },
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "ds-lead-loading__stage-icon", children: status === "completed" ? /* @__PURE__ */ jsx(IconCheck, { size: 16 }) : /* @__PURE__ */ jsx(Icon, { size: 16 }) }),
+            /* @__PURE__ */ jsx("span", { className: "ds-lead-loading__stage-label", children: stage.label }),
+            status === "active" && /* @__PURE__ */ jsx("div", { className: "ds-lead-loading__stage-pulse" })
+          ]
+        },
+        stage.id
+      );
+    }) }),
+    /* @__PURE__ */ jsxs("div", { className: "ds-lead-loading__footer", children: [
+      estimatedTime && estimatedTime > 0 ? /* @__PURE__ */ jsxs("p", { className: "ds-lead-loading__time", children: [
+        "About ",
+        Math.ceil(estimatedTime / 60),
+        " minute",
+        estimatedTime > 60 ? "s" : "",
+        " remaining"
+      ] }) : /* @__PURE__ */ jsx("p", { className: "ds-lead-loading__time", children: "This typically takes 1\u20132 minutes" }),
+      /* @__PURE__ */ jsx("p", { className: "ds-lead-loading__message", children: progress?.message || "Analyzing publicly available information..." })
+    ] })
+  ] });
+};
+var IdentityHeader = ({ data, compact }) => {
+  const avatarUrl = data.avatarUrl || `https://ui-avatars.com/api/?name=${encodeURIComponent(data.name)}&background=1a1a2e&color=fff&size=240`;
+  const emailStatus = data.contact?.emailStatus;
+  const linkedinVerified = data.contact?.linkedinVerified;
+  const confidenceScore = data.dataConfidence?.score;
+  return /* @__PURE__ */ jsxs("div", { className: clsx4("ds-lead-identity", compact && "ds-lead-identity--compact"), children: [
+    /* @__PURE__ */ jsxs("div", { className: "ds-lead-identity__avatar-wrapper", children: [
+      /* @__PURE__ */ jsx("img", { src: avatarUrl, alt: data.name, className: "ds-lead-identity__avatar" }),
+      confidenceScore && confidenceScore >= 80 && /* @__PURE__ */ jsx("div", { className: "ds-lead-identity__verified-badge", title: "High confidence data", children: /* @__PURE__ */ jsx(IconShieldCheck, { size: 14 }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "ds-lead-identity__content", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ds-lead-identity__name-row", children: [
+        /* @__PURE__ */ jsx("h1", { className: "ds-lead-identity__name", children: data.name }),
+        /* @__PURE__ */ jsxs("div", { className: "ds-lead-identity__badges", children: [
+          linkedinVerified && data.contact?.linkedinUrl && /* @__PURE__ */ jsx(
+            OutboundLink,
+            {
+              href: data.contact.linkedinUrl,
+              context: "identity-linkedin-badge",
+              className: "ds-lead-identity__badge ds-lead-identity__badge--linkedin",
+              title: "Verified LinkedIn Profile",
+              children: /* @__PURE__ */ jsx(IconLinkedIn, { size: 14 })
+            }
+          ),
+          emailStatus === "verified" && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "ds-lead-identity__badge ds-lead-identity__badge--verified",
+              title: "Email Verified",
+              children: /* @__PURE__ */ jsx(IconMail, { size: 14 })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "ds-lead-identity__role", children: [
+        /* @__PURE__ */ jsx("span", { className: "ds-lead-identity__role-title", children: data.role }),
+        /* @__PURE__ */ jsx("span", { className: "ds-lead-identity__role-separator", children: "at" }),
+        /* @__PURE__ */ jsxs("span", { className: "ds-lead-identity__company", children: [
+          data.companyLogo && /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: data.companyLogo,
+              alt: data.company,
+              className: "ds-lead-identity__company-logo"
+            }
+          ),
+          data.company
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "ds-lead-identity__meta", children: /* @__PURE__ */ jsxs("span", { className: "ds-lead-identity__meta-item", children: [
+        /* @__PURE__ */ jsx(IconMapPin, { size: 14 }),
+        data.location
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "ds-lead-identity__actions", children: [
+        data.contact?.email && /* @__PURE__ */ jsxs(
+          OutboundLink,
+          {
+            href: `mailto:${data.contact.email}`,
+            context: "identity-email-contact",
+            openInNewTab: false,
+            className: clsx4(
+              "ds-lead-identity__contact",
+              emailStatus && `ds-lead-identity__contact--${emailStatus}`
+            ),
+            children: [
+              /* @__PURE__ */ jsx(IconMail, { size: 14 }),
+              /* @__PURE__ */ jsx("span", { className: "ds-lead-identity__contact-email", children: data.contact.email }),
+              emailStatus && /* @__PURE__ */ jsxs("span", { className: "ds-lead-identity__contact-status", children: [
+                emailStatus === "verified" && "Verified",
+                emailStatus === "valid" && "Valid",
+                emailStatus === "risky" && "Risky",
+                emailStatus === "invalid" && "Invalid"
+              ] })
+            ]
+          }
+        ),
+        data.lastUpdated && /* @__PURE__ */ jsxs("span", { className: "ds-lead-identity__freshness", children: [
+          /* @__PURE__ */ jsx(IconClock, { size: 12 }),
+          "Updated ",
+          data.lastUpdated
+        ] })
+      ] }),
+      confidenceScore !== void 0 && /* @__PURE__ */ jsxs("div", { className: "ds-lead-identity__confidence", children: [
+        /* @__PURE__ */ jsx("div", { className: "ds-lead-identity__confidence-bar", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "ds-lead-identity__confidence-fill",
+            style: { width: `${confidenceScore}%` }
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("span", { className: "ds-lead-identity__confidence-label", children: [
+          confidenceScore,
+          "% data confidence"
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var IntelligenceSummary = ({
+  data,
+  isLocked = false
+}) => {
+  if (isLocked) {
+    return /* @__PURE__ */ jsx("div", { className: "ds-lead-intelligence", children: /* @__PURE__ */ jsxs("div", { className: "ds-lead-intelligence__grid", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ds-lead-intelligence__card ds-lead-intelligence__card--locked", children: [
+        /* @__PURE__ */ jsxs("div", { className: "ds-lead-intelligence__card-header", children: [
+          /* @__PURE__ */ jsx(IconBrain, { size: 20 }),
+          /* @__PURE__ */ jsx("span", { className: "ds-lead-intelligence__card-title", children: "Personality Analysis" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "ds-lead-intelligence__locked-content", children: [
+          /* @__PURE__ */ jsx("div", { className: "ds-lead-intelligence__locked-icon", children: /* @__PURE__ */ jsx(IconLock, { size: 24 }) }),
+          /* @__PURE__ */ jsx("p", { className: "ds-lead-intelligence__locked-text", children: "Personality analysis in progress..." }),
+          /* @__PURE__ */ jsx("div", { className: "ds-lead-intelligence__locked-shimmer" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "ds-lead-intelligence__card ds-lead-intelligence__card--locked", children: [
+        /* @__PURE__ */ jsxs("div", { className: "ds-lead-intelligence__card-header", children: [
+          /* @__PURE__ */ jsx(IconTarget, { size: 20 }),
+          /* @__PURE__ */ jsx("span", { className: "ds-lead-intelligence__card-title", children: "Engagement Strategy" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "ds-lead-intelligence__locked-content", children: [
+          /* @__PURE__ */ jsx("div", { className: "ds-lead-intelligence__locked-icon", children: /* @__PURE__ */ jsx(IconLock, { size: 24 }) }),
+          /* @__PURE__ */ jsx("p", { className: "ds-lead-intelligence__locked-text", children: "Building engagement recommendations..." }),
+          /* @__PURE__ */ jsx("div", { className: "ds-lead-intelligence__locked-shimmer" })
+        ] })
+      ] })
+    ] }) });
+  }
+  if (!data.personalitySummary && !data.engagementTips?.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: "ds-lead-intelligence", children: /* @__PURE__ */ jsxs("div", { className: "ds-lead-intelligence__grid", children: [
+    data.personalitySummary && /* @__PURE__ */ jsxs("div", { className: "ds-lead-intelligence__card ds-lead-intelligence__card--personality", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ds-lead-intelligence__card-header", children: [
+        /* @__PURE__ */ jsx(IconBrain, { size: 20 }),
+        /* @__PURE__ */ jsx("span", { className: "ds-lead-intelligence__card-title", children: "Personality Analysis" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "ds-lead-intelligence__narrative", children: data.personalitySummary }),
+      data.mbtiType && /* @__PURE__ */ jsxs("div", { className: "ds-lead-intelligence__mbti-badge", children: [
+        /* @__PURE__ */ jsx("span", { className: "ds-lead-intelligence__mbti-type", children: data.mbtiType }),
+        /* @__PURE__ */ jsx("span", { className: "ds-lead-intelligence__mbti-label", children: "Personality Type" })
+      ] })
+    ] }),
+    data.engagementTips && data.engagementTips.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ds-lead-intelligence__card ds-lead-intelligence__card--engagement", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ds-lead-intelligence__card-header", children: [
+        /* @__PURE__ */ jsx(IconTarget, { size: 20 }),
+        /* @__PURE__ */ jsx("span", { className: "ds-lead-intelligence__card-title", children: "How to Engage" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "ds-lead-intelligence__tips", children: data.engagementTips.map((tip, index) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx4(
+            "ds-lead-intelligence__tip",
+            `ds-lead-intelligence__tip--${tip.type}`
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "ds-lead-intelligence__tip-icon", children: [
+              tip.type === "do" && /* @__PURE__ */ jsx(IconThumbsUp, { size: 14 }),
+              tip.type === "dont" && /* @__PURE__ */ jsx(IconThumbsDown, { size: 14 }),
+              tip.type === "insight" && /* @__PURE__ */ jsx(IconLightbulb, { size: 14 })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "ds-lead-intelligence__tip-content", children: [
+              /* @__PURE__ */ jsx("span", { className: "ds-lead-intelligence__tip-text", children: tip.text }),
+              tip.detail && /* @__PURE__ */ jsx("span", { className: "ds-lead-intelligence__tip-detail", children: tip.detail })
+            ] })
+          ]
+        },
+        index
+      )) })
+    ] })
+  ] }) });
+};
+var DIMENSION_TOOLTIPS = {
+  energy: {
+    left: "Gains energy from social interaction and external activities",
+    right: "Recharges through solitude and internal reflection",
+    description: "Where you direct and receive energy"
+  },
+  mind: {
+    left: "Focuses on patterns, possibilities, and abstract thinking",
+    right: "Prefers concrete facts, details, and practical approaches",
+    description: "How you process information"
+  },
+  nature: {
+    left: "Prioritizes logic, consistency, and objective analysis",
+    right: "Values harmony, empathy, and personal considerations",
+    description: "How you make decisions"
+  },
+  tactics: {
+    left: "Prefers structure, planning, and decisive action",
+    right: "Favors flexibility, spontaneity, and keeping options open",
+    description: "How you organize your life"
+  }
+};
+var MBTISpectrum = ({
+  scores,
+  mbtiType,
+  isLocked = false
+}) => {
+  const [hoveredDimension, setHoveredDimension] = useState(null);
+  if (isLocked) {
+    return /* @__PURE__ */ jsxs("div", { className: "ds-mbti ds-mbti--locked", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ds-mbti__header", children: [
+        /* @__PURE__ */ jsx("h3", { className: "ds-mbti__title", children: "MBTI Personality Dimensions" }),
+        /* @__PURE__ */ jsxs("div", { className: "ds-mbti__locked-badge", children: [
+          /* @__PURE__ */ jsx(IconLock, { size: 14 }),
+          /* @__PURE__ */ jsx("span", { children: "Analysis in progress" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "ds-mbti__locked-content", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxs("div", { className: "ds-mbti__row ds-mbti__row--locked", children: [
+        /* @__PURE__ */ jsx("span", { className: "ds-mbti__label ds-mbti__label--skeleton" }),
+        /* @__PURE__ */ jsx("div", { className: "ds-mbti__track ds-mbti__track--skeleton", children: /* @__PURE__ */ jsx("div", { className: "ds-mbti__skeleton-shimmer" }) }),
+        /* @__PURE__ */ jsx("span", { className: "ds-mbti__label ds-mbti__label--skeleton" })
+      ] }, i)) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "ds-mbti", children: [
+    /* @__PURE__ */ jsxs("div", { className: "ds-mbti__header", children: [
+      /* @__PURE__ */ jsx("h3", { className: "ds-mbti__title", children: "Personality Dimensions" }),
+      mbtiType && /* @__PURE__ */ jsx("span", { className: "ds-mbti__type-badge", children: mbtiType })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "ds-mbti__dimensions", children: scores.map((score) => {
+      const tooltip = DIMENSION_TOOLTIPS[score.dimension];
+      const isHovered = hoveredDimension === score.dimension;
+      const dominantSide = score.value < 50 ? "left" : "right";
+      const intensity = Math.abs(score.value - 50);
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx4(
+            "ds-mbti__row",
+            `ds-mbti__row--${score.color}`,
+            isHovered && "ds-mbti__row--hovered"
+          ),
+          onMouseEnter: () => setHoveredDimension(score.dimension),
+          onMouseLeave: () => setHoveredDimension(null),
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: clsx4(
+                  "ds-mbti__label",
+                  "ds-mbti__label--left",
+                  dominantSide === "left" && "ds-mbti__label--active"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "ds-mbti__label-text", children: score.leftLabel }),
+                  dominantSide === "left" && /* @__PURE__ */ jsx("span", { className: "ds-mbti__label-strength", children: intensity > 30 ? "Strong" : intensity > 15 ? "Moderate" : "Slight" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "ds-mbti__track-container", children: [
+              /* @__PURE__ */ jsxs("div", { className: clsx4("ds-mbti__track", `ds-mbti__track--${score.color}`), children: [
+                /* @__PURE__ */ jsx("div", { className: "ds-mbti__track-center" }),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "ds-mbti__track-fill",
+                    style: {
+                      left: score.value < 50 ? `${score.value}%` : "50%",
+                      width: `${Math.abs(score.value - 50)}%`
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { className: "ds-mbti__thumb", style: { left: `${score.value}%` }, children: /* @__PURE__ */ jsx("div", { className: "ds-mbti__thumb-glow" }) })
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "ds-mbti__dimension-label", children: score.label })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: clsx4(
+                  "ds-mbti__label",
+                  "ds-mbti__label--right",
+                  dominantSide === "right" && "ds-mbti__label--active"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "ds-mbti__label-text", children: score.rightLabel }),
+                  dominantSide === "right" && /* @__PURE__ */ jsx("span", { className: "ds-mbti__label-strength", children: intensity > 30 ? "Strong" : intensity > 15 ? "Moderate" : "Slight" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "ds-mbti__info-button",
+                "aria-label": `Learn more about ${score.label}`,
+                children: /* @__PURE__ */ jsx(IconInfo, { size: 14 })
+              }
+            ),
+            isHovered && tooltip && /* @__PURE__ */ jsxs("div", { className: "ds-mbti__tooltip", children: [
+              /* @__PURE__ */ jsx("p", { className: "ds-mbti__tooltip-description", children: tooltip.description }),
+              /* @__PURE__ */ jsxs("div", { className: "ds-mbti__tooltip-traits", children: [
+                /* @__PURE__ */ jsxs("div", { className: "ds-mbti__tooltip-trait", children: [
+                  /* @__PURE__ */ jsxs("strong", { children: [
+                    score.leftLabel,
+                    ":"
+                  ] }),
+                  " ",
+                  tooltip.left
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "ds-mbti__tooltip-trait", children: [
+                  /* @__PURE__ */ jsxs("strong", { children: [
+                    score.rightLabel,
+                    ":"
+                  ] }),
+                  " ",
+                  tooltip.right
+                ] })
+              ] })
+            ] })
+          ]
+        },
+        score.dimension
+      );
+    }) })
+  ] });
+};
+var COMMUNICATION_LABELS = {
+  visual: { label: "Visual", description: "Prefers diagrams, charts, and visual presentations" },
+  verbal: { label: "Verbal", description: "Responds best to conversations and discussions" },
+  analytical: { label: "Analytical", description: "Values data, logic, and detailed analysis" },
+  written: { label: "Written", description: "Prefers documented, well-structured communication" }
+};
+var DECISION_LABELS = {
+  fast: { label: "Fast Decider", description: "Makes quick decisions with available information" },
+  deliberate: { label: "Deliberate", description: "Takes time to weigh all options carefully" },
+  consensus: { label: "Consensus Builder", description: "Seeks input from others before deciding" },
+  "data-driven": {
+    label: "Data-Driven",
+    description: "Requires strong evidence to make decisions"
+  }
+};
+var BehavioralHighlights = ({
+  signals,
+  isLocked = false
+}) => {
+  if (isLocked) {
+    return /* @__PURE__ */ jsxs("div", { className: "ds-behavioral ds-behavioral--locked", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ds-behavioral__header", children: [
+        /* @__PURE__ */ jsx("h3", { className: "ds-behavioral__title", children: "Behavioral Signals" }),
+        /* @__PURE__ */ jsxs("div", { className: "ds-behavioral__locked-badge", children: [
+          /* @__PURE__ */ jsx(IconLock, { size: 14 }),
+          /* @__PURE__ */ jsx("span", { children: "Analyzing patterns..." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "ds-behavioral__grid", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx("div", { className: "ds-behavioral__item ds-behavioral__item--skeleton", children: /* @__PURE__ */ jsx("div", { className: "ds-behavioral__item-shimmer" }) }, i)) })
+    ] });
+  }
+  const hasAnySignal = signals.communicationStyle || signals.decisionStyle || signals.riskTolerance !== void 0;
+  if (!hasAnySignal) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "ds-behavioral", children: [
+    /* @__PURE__ */ jsx("div", { className: "ds-behavioral__header", children: /* @__PURE__ */ jsx("h3", { className: "ds-behavioral__title", children: "Behavioral Signals" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "ds-behavioral__grid", children: [
+      signals.communicationStyle && /* @__PURE__ */ jsxs("div", { className: "ds-behavioral__item", children: [
+        /* @__PURE__ */ jsx("div", { className: "ds-behavioral__item-icon", children: /* @__PURE__ */ jsx(IconMessageCircle, { size: 18 }) }),
+        /* @__PURE__ */ jsxs("div", { className: "ds-behavioral__item-content", children: [
+          /* @__PURE__ */ jsx("span", { className: "ds-behavioral__item-label", children: "Communication Style" }),
+          /* @__PURE__ */ jsx("span", { className: "ds-behavioral__item-value", children: COMMUNICATION_LABELS[signals.communicationStyle].label }),
+          /* @__PURE__ */ jsx("span", { className: "ds-behavioral__item-description", children: COMMUNICATION_LABELS[signals.communicationStyle].description })
+        ] })
+      ] }),
+      signals.decisionStyle && /* @__PURE__ */ jsxs("div", { className: "ds-behavioral__item", children: [
+        /* @__PURE__ */ jsx("div", { className: "ds-behavioral__item-icon", children: /* @__PURE__ */ jsx(IconZap, { size: 18 }) }),
+        /* @__PURE__ */ jsxs("div", { className: "ds-behavioral__item-content", children: [
+          /* @__PURE__ */ jsx("span", { className: "ds-behavioral__item-label", children: "Decision Making" }),
+          /* @__PURE__ */ jsx("span", { className: "ds-behavioral__item-value", children: DECISION_LABELS[signals.decisionStyle].label }),
+          /* @__PURE__ */ jsx("span", { className: "ds-behavioral__item-description", children: DECISION_LABELS[signals.decisionStyle].description })
+        ] })
+      ] }),
+      signals.riskTolerance !== void 0 && /* @__PURE__ */ jsxs("div", { className: "ds-behavioral__item", children: [
+        /* @__PURE__ */ jsx("div", { className: "ds-behavioral__item-icon", children: /* @__PURE__ */ jsx(IconTrendingUp, { size: 18 }) }),
+        /* @__PURE__ */ jsxs("div", { className: "ds-behavioral__item-content", children: [
+          /* @__PURE__ */ jsx("span", { className: "ds-behavioral__item-label", children: "Risk Tolerance" }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-behavioral__risk-meter", children: [
+            /* @__PURE__ */ jsx("div", { className: "ds-behavioral__risk-track", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clsx4(
+                  "ds-behavioral__risk-fill",
+                  signals.riskTolerance < 33 && "ds-behavioral__risk-fill--low",
+                  signals.riskTolerance >= 33 && signals.riskTolerance < 66 && "ds-behavioral__risk-fill--medium",
+                  signals.riskTolerance >= 66 && "ds-behavioral__risk-fill--high"
+                ),
+                style: { width: `${signals.riskTolerance}%` }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("span", { className: "ds-behavioral__risk-label", children: [
+              signals.riskTolerance < 33 && "Conservative",
+              signals.riskTolerance >= 33 && signals.riskTolerance < 66 && "Balanced",
+              signals.riskTolerance >= 66 && "Risk-Tolerant"
+            ] })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var DeepDiveSection = ({
+  data,
+  defaultExpanded = false
+}) => {
+  const [isExpanded, setIsExpanded] = useState(defaultExpanded);
+  const hasContent = data.education?.length || data.experience?.length || data.strengths?.length || data.risks?.length || data.careerInsights;
+  if (!hasContent) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: clsx4("ds-deep-dive", isExpanded && "ds-deep-dive--expanded"), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: "ds-deep-dive__trigger",
+        onClick: () => setIsExpanded(!isExpanded),
+        "aria-expanded": isExpanded,
+        "aria-controls": "deep-dive-content",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "ds-deep-dive__trigger-text", children: "Deep Dive & Background" }),
+          /* @__PURE__ */ jsx("span", { className: "ds-deep-dive__trigger-icon", children: isExpanded ? /* @__PURE__ */ jsx(IconChevronUp, { size: 16 }) : /* @__PURE__ */ jsx(IconChevronDown, { size: 16 }) })
+        ]
+      }
+    ),
+    isExpanded && /* @__PURE__ */ jsx("div", { id: "deep-dive-content", className: "ds-deep-dive__content", children: /* @__PURE__ */ jsxs("div", { className: "ds-deep-dive__grid", children: [
+      (data.strengths?.length || data.risks?.length) && /* @__PURE__ */ jsxs("div", { className: "ds-deep-dive__card ds-deep-dive__card--insights", children: [
+        data.strengths && data.strengths.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ds-deep-dive__section", children: [
+          /* @__PURE__ */ jsxs("div", { className: "ds-deep-dive__section-header ds-deep-dive__section-header--success", children: [
+            /* @__PURE__ */ jsx(IconTrendingUp, { size: 16 }),
+            /* @__PURE__ */ jsx("h4", { className: "ds-deep-dive__section-title", children: "Key Strengths" })
+          ] }),
+          /* @__PURE__ */ jsx("ul", { className: "ds-deep-dive__list", children: data.strengths.map((strength, idx) => /* @__PURE__ */ jsx("li", { className: "ds-deep-dive__list-item", children: strength }, idx)) })
+        ] }),
+        data.risks && data.risks.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ds-deep-dive__section", children: [
+          /* @__PURE__ */ jsxs("div", { className: "ds-deep-dive__section-header ds-deep-dive__section-header--warning", children: [
+            /* @__PURE__ */ jsx(IconAlertTriangle, { size: 16 }),
+            /* @__PURE__ */ jsx("h4", { className: "ds-deep-dive__section-title", children: "Watch Out For" })
+          ] }),
+          /* @__PURE__ */ jsx("ul", { className: "ds-deep-dive__list", children: data.risks.map((risk, idx) => /* @__PURE__ */ jsx("li", { className: "ds-deep-dive__list-item", children: risk }, idx)) })
+        ] })
+      ] }),
+      data.education && data.education.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ds-deep-dive__card", children: [
+        /* @__PURE__ */ jsxs("div", { className: "ds-deep-dive__section-header", children: [
+          /* @__PURE__ */ jsx(IconSchool, { size: 16 }),
+          /* @__PURE__ */ jsx("h4", { className: "ds-deep-dive__section-title", children: "Education" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "ds-deep-dive__timeline", children: data.education.map((edu, idx) => /* @__PURE__ */ jsxs("div", { className: "ds-deep-dive__timeline-item", children: [
+          edu.logo ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: edu.logo,
+              alt: edu.school,
+              className: "ds-deep-dive__timeline-logo"
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "ds-deep-dive__timeline-icon", children: /* @__PURE__ */ jsx(IconSchool, { size: 16 }) }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-deep-dive__timeline-content", children: [
+            /* @__PURE__ */ jsx("h5", { className: "ds-deep-dive__timeline-title", children: edu.school }),
+            /* @__PURE__ */ jsxs("p", { className: "ds-deep-dive__timeline-subtitle", children: [
+              edu.degree,
+              edu.field && ` in ${edu.field}`
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "ds-deep-dive__timeline-date", children: edu.year })
+          ] })
+        ] }, idx)) })
+      ] }),
+      data.experience && data.experience.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ds-deep-dive__card", children: [
+        /* @__PURE__ */ jsxs("div", { className: "ds-deep-dive__section-header", children: [
+          /* @__PURE__ */ jsx(IconBriefcase, { size: 16 }),
+          /* @__PURE__ */ jsx("h4", { className: "ds-deep-dive__section-title", children: "Experience" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "ds-deep-dive__timeline", children: data.experience.map((exp, idx) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx4(
+              "ds-deep-dive__timeline-item",
+              exp.current && "ds-deep-dive__timeline-item--current"
+            ),
+            children: [
+              exp.logo ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: exp.logo,
+                  alt: exp.company,
+                  className: "ds-deep-dive__timeline-logo"
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: "ds-deep-dive__timeline-icon", children: /* @__PURE__ */ jsx(IconBriefcase, { size: 16 }) }),
+              /* @__PURE__ */ jsxs("div", { className: "ds-deep-dive__timeline-content", children: [
+                /* @__PURE__ */ jsx("h5", { className: "ds-deep-dive__timeline-title", children: exp.role }),
+                /* @__PURE__ */ jsx("p", { className: "ds-deep-dive__timeline-subtitle", children: exp.company }),
+                /* @__PURE__ */ jsxs("span", { className: "ds-deep-dive__timeline-date", children: [
+                  exp.duration,
+                  exp.current && /* @__PURE__ */ jsx("span", { className: "ds-deep-dive__current-badge", children: "Current" })
+                ] })
+              ] })
+            ]
+          },
+          idx
+        )) })
+      ] }),
+      data.careerInsights && /* @__PURE__ */ jsxs("div", { className: "ds-deep-dive__card ds-deep-dive__card--wide", children: [
+        /* @__PURE__ */ jsxs("div", { className: "ds-deep-dive__section-header", children: [
+          /* @__PURE__ */ jsx(IconTrendingUp, { size: 16 }),
+          /* @__PURE__ */ jsx("h4", { className: "ds-deep-dive__section-title", children: "Career Trajectory" })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "ds-deep-dive__narrative", children: data.careerInsights })
+      ] })
+    ] }) })
+  ] });
+};
+var LeadProfileView = React4.forwardRef(
+  ({ state, data, analysisProgress, onRefresh, className }, ref) => {
+    if (state === "empty") {
+      return /* @__PURE__ */ jsx("div", { ref, className: clsx4("ds-lead-profile", "ds-lead-profile--empty", className), children: /* @__PURE__ */ jsx(EmptyStateDisplay, { onRefresh }) });
+    }
+    if (state === "loading") {
+      return /* @__PURE__ */ jsx("div", { ref, className: clsx4("ds-lead-profile", "ds-lead-profile--loading", className), children: /* @__PURE__ */ jsx(LoadingStateDisplay, { progress: analysisProgress }) });
+    }
+    if (!data) return null;
+    const isPartial = state === "partial";
+    const hasMBTI = !isPartial && data.mbtiScores?.length;
+    const hasBehavioral = !isPartial && data.behavioralSignals;
+    return /* @__PURE__ */ jsxs("div", { ref, className: clsx4("ds-lead-profile", `ds-lead-profile--${state}`, className), children: [
+      /* @__PURE__ */ jsx("section", { className: "ds-lead-profile__zone ds-lead-profile__zone--identity", children: /* @__PURE__ */ jsx(IdentityHeader, { data, compact: isPartial }) }),
+      /* @__PURE__ */ jsxs("section", { className: "ds-lead-profile__zone ds-lead-profile__zone--intelligence", children: [
+        /* @__PURE__ */ jsx(IntelligenceSummary, { data, isLocked: isPartial }),
+        (hasMBTI || isPartial) && /* @__PURE__ */ jsx("div", { className: "ds-lead-profile__mbti-wrapper", children: /* @__PURE__ */ jsx(
+          MBTISpectrum,
+          {
+            scores: data.mbtiScores || [],
+            mbtiType: data.mbtiType,
+            isLocked: isPartial
+          }
+        ) }),
+        (hasBehavioral || isPartial) && data.behavioralSignals && /* @__PURE__ */ jsx(BehavioralHighlights, { signals: data.behavioralSignals, isLocked: isPartial }),
+        isPartial && /* @__PURE__ */ jsx("div", { className: "ds-lead-profile__partial-notice", children: /* @__PURE__ */ jsxs("div", { className: "ds-lead-profile__partial-notice-content", children: [
+          /* @__PURE__ */ jsx("span", { className: "ds-lead-profile__partial-notice-text", children: "Full intelligence analysis will be available shortly" }),
+          /* @__PURE__ */ jsx("div", { className: "ds-lead-profile__partial-notice-progress", children: /* @__PURE__ */ jsx("div", { className: "ds-lead-profile__partial-notice-bar" }) })
+        ] }) })
+      ] }),
+      !isPartial && /* @__PURE__ */ jsx("section", { className: "ds-lead-profile__zone ds-lead-profile__zone--deep-dive", children: /* @__PURE__ */ jsx(DeepDiveSection, { data }) })
+    ] });
+  }
+);
+LeadProfileView.displayName = "LeadProfileView";
+
+export { ChangeEmail, DataTable, DataTableBody, DataTableCell, DataTableHead, DataTableHeader, DataTableRow, FloatingTabBar, ForgotPassword, LeadProfileView, Login, Shell, Sidebar, SidebarItem, SidebarSection, Signup, TabItem };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-OXNXEQY7.js.map