@salesmind-ai/design-system 0.6.0 → 0.7.0

package/dist/chunk-5SN66B2X.js

@@ -1,2542 +0,0 @@
-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, Fragment } 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: "Go to Application"
-};
-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 = /* @__PURE__ */ jsxs(Fragment, { children: [
-    "You're all set!",
-    /* @__PURE__ */ jsx("br", {}),
-    "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!" ? brandName ? `Welcome to ${brandName}!` : "Welcome!" : 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__ */ jsx("div", { className: "ds-signup__field ds-signup__phone-field", children: /* @__PURE__ */ jsxs("div", { className: "ds-textfield", 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-5SN66B2X.js.map