@salesmind-ai/design-system 0.3.4 → 0.3.6

package/dist/chunk-L352JRV6.cjs

@@ -0,0 +1,105 @@
+'use strict';
+
+// src/tokens/motion.ts
+var DURATION = {
+  micro: 0.15,
+  // 150ms
+  short: 0.25,
+  // 250ms
+  medium: 0.5,
+  // 500ms
+  long: 1
+  // 1000ms
+};
+var EASING = {
+  standard: [0.16, 1, 0.3, 1],
+  // Smooth, premium feel
+  emphasis: [0.34, 1.56, 0.64, 1],
+  // Slight spring/overshoot
+  exit: [0.4, 0, 0.2, 1],
+  // Quick, decisive exit
+  linear: [0, 0, 1, 1]
+};
+var TRANSITION = {
+  standard: {
+    duration: DURATION.medium,
+    ease: EASING.standard
+  },
+  emphasis: {
+    duration: DURATION.medium,
+    ease: EASING.emphasis
+  },
+  quick: {
+    duration: DURATION.short,
+    ease: EASING.standard
+  },
+  spring: {
+    type: "spring",
+    stiffness: 200,
+    damping: 20
+  }
+};
+var VARIANTS = {
+  fadeIn: {
+    hidden: { opacity: 0 },
+    visible: { opacity: 1, transition: { duration: DURATION.medium, ease: EASING.standard } }
+  },
+  fadeUp: {
+    hidden: { opacity: 0, y: 12 },
+    visible: { opacity: 1, y: 0, transition: { duration: DURATION.medium, ease: EASING.standard } }
+  },
+  scaleIn: {
+    hidden: { opacity: 0, scale: 0.95 },
+    visible: {
+      opacity: 1,
+      scale: 1,
+      transition: { duration: DURATION.short, ease: EASING.emphasis }
+    }
+  },
+  staggerContainer: {
+    hidden: { opacity: 0 },
+    visible: {
+      opacity: 1,
+      transition: {
+        staggerChildren: 0.08,
+        delayChildren: 0.1
+      }
+    }
+  },
+  pulse: {
+    hidden: { scale: 1 },
+    visible: {
+      scale: [1, 1.05, 1],
+      transition: { duration: 1.5, repeat: Infinity, ease: "easeInOut" }
+    }
+  },
+  impact: {
+    hidden: { scale: 1 },
+    trigger: {
+      scale: [1, 0.95, 1.05, 1],
+      transition: { duration: 0.4, ease: "backOut" }
+    }
+  }
+};
+var DISTANCE = {
+  sm: 4,
+  md: 12,
+  lg: 24,
+  xl: 48
+};
+var MOTION = {
+  DURATION,
+  EASING,
+  TRANSITION,
+  VARIANTS,
+  DISTANCE
+};
+
+exports.DISTANCE = DISTANCE;
+exports.DURATION = DURATION;
+exports.EASING = EASING;
+exports.MOTION = MOTION;
+exports.TRANSITION = TRANSITION;
+exports.VARIANTS = VARIANTS;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-L352JRV6.cjs.map

package/dist/chunk-L352JRV6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/motion.ts"],"names":[],"mappings":";AAOO,IAAM,WAAW;AAAA,EACtB,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP,QAAQ;AAAA;AAAA,EACR,MAAM;AAAA;AACR;AAKO,IAAM,SAAS;AAAA,EACpB,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC;AAAA;AAAA,EAC1B,UAAU,CAAC,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA,EAC9B,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AAAA;AAAA,EACrB,QAAQ,CAAC,GAAG,GAAG,GAAG,CAAC;AACrB;AAKO,IAAM,aAAa;AAAA,EACxB,UAAU;AAAA,IACR,UAAU,SAAS;AAAA,IACnB,MAAM,OAAO;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,UAAU,SAAS;AAAA,IACnB,MAAM,OAAO;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,UAAU,SAAS;AAAA,IACnB,MAAM,OAAO;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACF;AAKO,IAAM,WAAW;AAAA,EACtB,QAAQ;AAAA,IACN,QAAQ,EAAE,SAAS,EAAE;AAAA,IACrB,SAAS,EAAE,SAAS,GAAG,YAAY,EAAE,UAAU,SAAS,QAAQ,MAAM,OAAO,SAAS,EAAE;AAAA,EAC1F;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,IAC5B,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG,YAAY,EAAE,UAAU,SAAS,QAAQ,MAAM,OAAO,SAAS,EAAE;AAAA,EAChG;AAAA,EACA,SAAS;AAAA,IACP,QAAQ,EAAE,SAAS,GAAG,OAAO,KAAK;AAAA,IAClC,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY,EAAE,UAAU,SAAS,OAAO,MAAM,OAAO,SAAS;AAAA,IAChE;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB,QAAQ,EAAE,SAAS,EAAE;AAAA,IACrB,SAAS;AAAA,MACP,SAAS;AAAA,MACT,YAAY;AAAA,QACV,iBAAiB;AAAA,QACjB,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,QAAQ,EAAE,OAAO,EAAE;AAAA,IACnB,SAAS;AAAA,MACP,OAAO,CAAC,GAAG,MAAM,CAAC;AAAA,MAClB,YAAY,EAAE,UAAU,KAAK,QAAQ,UAAU,MAAM,YAAY;AAAA,IACnE;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ,EAAE,OAAO,EAAE;AAAA,IACnB,SAAS;AAAA,MACP,OAAO,CAAC,GAAG,MAAM,MAAM,CAAC;AAAA,MACxB,YAAY,EAAE,UAAU,KAAK,MAAM,UAAU;AAAA,IAC/C;AAAA,EACF;AACF;AAKO,IAAM,WAAW;AAAA,EACtB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF","sourcesContent":["/* ============================================================================\n   MOTION TOKENS & FRAMER CONFIG\n   ============================================================================ */\n\n/**\n * Duration tokens (seconds) for Framer Motion\n */\nexport const DURATION = {\n  micro: 0.15, // 150ms\n  short: 0.25, // 250ms\n  medium: 0.5, // 500ms\n  long: 1.0, // 1000ms\n} as const;\n\n/**\n * Easing definitions (cubic-bezier arrays) for Framer Motion\n */\nexport const EASING = {\n  standard: [0.16, 1, 0.3, 1], // Smooth, premium feel\n  emphasis: [0.34, 1.56, 0.64, 1], // Slight spring/overshoot\n  exit: [0.4, 0, 0.2, 1], // Quick, decisive exit\n  linear: [0, 0, 1, 1],\n} as const;\n\n/**\n * Standard transitions for Framer Motion\n */\nexport const TRANSITION = {\n  standard: {\n    duration: DURATION.medium,\n    ease: EASING.standard,\n  },\n  emphasis: {\n    duration: DURATION.medium,\n    ease: EASING.emphasis,\n  },\n  quick: {\n    duration: DURATION.short,\n    ease: EASING.standard,\n  },\n  spring: {\n    type: 'spring',\n    stiffness: 200,\n    damping: 20,\n  },\n} as const;\n\n/**\n * Reusable Variants for Framer Motion\n */\nexport const VARIANTS = {\n  fadeIn: {\n    hidden: { opacity: 0 },\n    visible: { opacity: 1, transition: { duration: DURATION.medium, ease: EASING.standard } },\n  },\n  fadeUp: {\n    hidden: { opacity: 0, y: 12 },\n    visible: { opacity: 1, y: 0, transition: { duration: DURATION.medium, ease: EASING.standard } },\n  },\n  scaleIn: {\n    hidden: { opacity: 0, scale: 0.95 },\n    visible: {\n      opacity: 1,\n      scale: 1,\n      transition: { duration: DURATION.short, ease: EASING.emphasis },\n    },\n  },\n  staggerContainer: {\n    hidden: { opacity: 0 },\n    visible: {\n      opacity: 1,\n      transition: {\n        staggerChildren: 0.08,\n        delayChildren: 0.1,\n      },\n    },\n  },\n  pulse: {\n    hidden: { scale: 1 },\n    visible: {\n      scale: [1, 1.05, 1],\n      transition: { duration: 1.5, repeat: Infinity, ease: 'easeInOut' },\n    },\n  },\n  impact: {\n    hidden: { scale: 1 },\n    trigger: {\n      scale: [1, 0.95, 1.05, 1],\n      transition: { duration: 0.4, ease: 'backOut' },\n    },\n  },\n} as const;\n\n/**\n * Layout Tokens\n */\nexport const DISTANCE = {\n  sm: 4,\n  md: 12,\n  lg: 24,\n  xl: 48,\n} as const;\n\nexport const MOTION = {\n  DURATION,\n  EASING,\n  TRANSITION,\n  VARIANTS,\n  DISTANCE,\n} as const;\n"]}

package/dist/chunk-LGNMFBLF.cjs

@@ -0,0 +1,502 @@
+'use strict';
+
+var chunkECXBTUH6_cjs = require('./chunk-ECXBTUH6.cjs');
+var chunkVC5LMUVQ_cjs = require('./chunk-VC5LMUVQ.cjs');
+var chunkVM7WFMKI_cjs = require('./chunk-VM7WFMKI.cjs');
+var chunkEM7JHRYW_cjs = require('./chunk-EM7JHRYW.cjs');
+var chunkLJADZITX_cjs = require('./chunk-LJADZITX.cjs');
+var React9 = require('react');
+var clsx9 = require('clsx');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React9__default = /*#__PURE__*/_interopDefault(React9);
+var clsx9__default = /*#__PURE__*/_interopDefault(clsx9);
+
+var ArticleCard = React9.forwardRef(
+  ({
+    href,
+    title,
+    excerpt,
+    imageUrl,
+    imageAlt = "",
+    category,
+    date,
+    readingTime,
+    author,
+    variant = "vertical",
+    className,
+    onClick,
+    ...props
+  }, ref) => {
+    const { track } = chunkVC5LMUVQ_cjs.useAnalytics();
+    const handleClick = (e) => {
+      track("article_click", { url: href, title, category });
+      if (onClick) onClick(e);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkLJADZITX_cjs.OutboundLink,
+      {
+        ref,
+        href,
+        context: "article-card",
+        className: clsx9__default.default(
+          "ds-article-card",
+          `ds-article-card--${variant}`,
+          !imageUrl && "ds-article-card--no-image",
+          className
+        ),
+        onClick: handleClick,
+        ...props,
+        children: [
+          imageUrl ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-article-card__image-wrapper", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: imageUrl,
+                alt: imageAlt,
+                className: "ds-article-card__image",
+                loading: "lazy"
+              }
+            ),
+            category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-article-card__category-badge", children: category })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-article-card__placeholder", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "ds-article-card__placeholder-icon", "aria-hidden": "true" }),
+            category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-article-card__category-badge", children: category })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-article-card__content", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "ds-article-card__title", children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-article-card__excerpt", children: excerpt }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-article-card__meta", children: [
+              (date || author) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-article-card__meta-primary", children: [
+                author && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-article-card__author", children: author }),
+                author && date && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-article-card__dot", "aria-hidden": "true", children: "\u2022" }),
+                date && /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date, className: "ds-article-card__date", children: date })
+              ] }),
+              readingTime && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-article-card__meta-secondary", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { size: 14, "aria-hidden": "true" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  readingTime,
+                  " min read"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-article-card__footer", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ds-article-card__read-more", children: [
+              "Read article",
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { size: 16, className: "ds-article-card__arrow" })
+            ] }) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ArticleCard.displayName = "ArticleCard";
+var ArticleLayout = React9.forwardRef(
+  ({
+    children,
+    title,
+    author,
+    date,
+    heroImage,
+    sidebar,
+    className,
+    ...props
+  }, ref) => {
+    const { track } = chunkVC5LMUVQ_cjs.useAnalytics();
+    React9__default.default.useEffect(() => {
+      let maxScroll = 0;
+      const handleScroll = () => {
+        const docHeight = document.documentElement.scrollHeight - window.innerHeight;
+        if (docHeight > 0) {
+          const scrollPercent = Math.round(window.scrollY / docHeight * 100);
+          if (scrollPercent > maxScroll) {
+            maxScroll = scrollPercent;
+            if (maxScroll === 25) track("article_scroll", { milestone: 25 });
+            if (maxScroll === 50) track("article_scroll", { milestone: 50 });
+            if (maxScroll === 75) track("article_scroll", { milestone: 75 });
+            if (maxScroll === 100) track("article_scroll", { milestone: 100 });
+          }
+        }
+      };
+      window.addEventListener("scroll", handleScroll, { passive: true });
+      return () => window.removeEventListener("scroll", handleScroll);
+    }, [track]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "article",
+      {
+        ref,
+        className: clsx9__default.default("ds-article-layout", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "ds-article-layout__header", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "ds-article-layout__title", children: title }),
+            (author || date) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-article-layout__meta", children: [
+              author && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-article-layout__author", children: author }),
+              author && date && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-article-layout__dot", "aria-hidden": "true", children: "\u2022" }),
+              date && /* @__PURE__ */ jsxRuntime.jsx("time", { className: "ds-article-layout__date", children: date })
+            ] })
+          ] }),
+          heroImage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-article-layout__hero", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: heroImage, alt: "", "aria-hidden": "true" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx9__default.default(
+            "ds-article-layout__body",
+            sidebar && "ds-article-layout__body--with-sidebar"
+          ), children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-article-layout__content ds-prose", children }),
+            sidebar && /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "ds-article-layout__sidebar", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-article-layout__sidebar-inner", children: sidebar }) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ArticleLayout.displayName = "ArticleLayout";
+var AuthorBio = React9.forwardRef(
+  ({
+    name,
+    role,
+    avatar,
+    bio,
+    links,
+    variant = "card",
+    className,
+    ...props
+  }, ref) => {
+    const initials = name.split(" ").map((n) => n[0]).join("").slice(0, 2);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: clsx9__default.default("ds-author-bio", `ds-author-bio--${variant}`, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkVM7WFMKI_cjs.Avatar, { size: variant === "compact" ? "sm" : variant === "longform" ? "lg" : "md", className: "ds-author-bio__avatar", children: [
+            avatar && /* @__PURE__ */ jsxRuntime.jsx(chunkVM7WFMKI_cjs.AvatarImage, { src: avatar, alt: name }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkVM7WFMKI_cjs.AvatarFallback, { children: initials })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-author-bio__info", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-author-bio__name", children: name }),
+            role && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-author-bio__role", children: role }),
+            bio && variant !== "compact" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-author-bio__bio", children: bio }),
+            links && links.length > 0 && variant !== "compact" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-author-bio__links", children: links.map((link, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+              chunkLJADZITX_cjs.OutboundLink,
+              {
+                href: link.href,
+                context: "author-bio-link",
+                className: "ds-author-bio__link",
+                children: [
+                  link.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-author-bio__link-icon", children: link.icon }),
+                  link.label
+                ]
+              },
+              i
+            )) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+AuthorBio.displayName = "AuthorBio";
+var TableOfContents = React9.forwardRef(
+  ({
+    items,
+    activeId: controlledActiveId,
+    position = "sidebar",
+    label,
+    onItemClick,
+    className,
+    ...props
+  }, ref) => {
+    const t = chunkECXBTUH6_cjs.useMessage();
+    const defaultLabel = t({ id: "ds.toc.label", defaultMessage: "On this page" });
+    const finalLabel = label || defaultLabel;
+    const [observedActiveId, setObservedActiveId] = React9.useState("");
+    const activeId = controlledActiveId ?? observedActiveId;
+    React9.useEffect(() => {
+      if (controlledActiveId !== void 0) return;
+      if (items.length === 0) return;
+      const handleScroll = () => {
+        const headingElements = items.map((item) => ({
+          id: item.id,
+          el: document.getElementById(item.id)
+        })).filter((h) => !!h.el);
+        if (headingElements.length === 0) return;
+        const topOffset = 120;
+        const firstBelowIndex = headingElements.findIndex((h) => {
+          const rect = h.el.getBoundingClientRect();
+          return rect.top > topOffset;
+        });
+        let newActiveId = "";
+        if (firstBelowIndex === -1) {
+          newActiveId = headingElements[headingElements.length - 1].id;
+        } else if (firstBelowIndex === 0) {
+          newActiveId = "";
+        } else {
+          newActiveId = headingElements[firstBelowIndex - 1].id;
+        }
+        setObservedActiveId(newActiveId);
+      };
+      window.addEventListener("scroll", handleScroll, { passive: true });
+      handleScroll();
+      return () => window.removeEventListener("scroll", handleScroll);
+    }, [items, controlledActiveId]);
+    const handleClick = (id) => {
+      const el = document.getElementById(id);
+      if (el) {
+        el.scrollIntoView({ behavior: "smooth", block: "start" });
+      }
+      if (onItemClick) onItemClick(id);
+    };
+    if (items.length === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "nav",
+      {
+        ref,
+        className: clsx9__default.default("ds-toc", `ds-toc--${position}`, className),
+        "aria-label": finalLabel,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-toc__label", children: finalLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ds-toc__list", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "ds-toc__item", style: { paddingLeft: `${(item.level - 2) * 12}px` }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: clsx9__default.default(
+                "ds-toc__link",
+                activeId === item.id && "ds-toc__link--active"
+              ),
+              onClick: () => handleClick(item.id),
+              children: item.title
+            }
+          ) }, item.id)) })
+        ]
+      }
+    );
+  }
+);
+TableOfContents.displayName = "TableOfContents";
+var RelatedContent = React9.forwardRef(
+  ({
+    eyebrow,
+    title = "Related Articles",
+    items,
+    maxVisible,
+    className,
+    ...props
+  }, ref) => {
+    const visibleItems = maxVisible ? items.slice(0, maxVisible) : items;
+    if (visibleItems.length === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkEM7JHRYW_cjs.SectionShell,
+      {
+        ref,
+        className: clsx9__default.default("ds-related-content", className),
+        background: "muted",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkEM7JHRYW_cjs.SectionHeader, { eyebrow, title }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-related-content__grid", children: visibleItems.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(ArticleCard, { ...item }, i)) })
+        ]
+      }
+    );
+  }
+);
+RelatedContent.displayName = "RelatedContent";
+var LongFormLayout = React9__default.default.forwardRef(
+  ({ children, sidebar, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx9__default.default("ds-longform-layout", className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("article", { className: "ds-longform-layout__main", children }),
+      sidebar && /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "ds-longform-layout__sidebar", children: sidebar })
+    ] });
+  }
+);
+LongFormLayout.displayName = "LongFormLayout";
+var InsightCallout = React9__default.default.forwardRef(
+  ({ children, icon, title, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("aside", { ref, className: clsx9__default.default("ds-insight-callout", className), ...props, children: [
+      icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-insight-callout__icon", children: icon }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-insight-callout__content", children: [
+        title && /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "ds-insight-callout__title", children: title }),
+        children
+      ] })
+    ] });
+  }
+);
+InsightCallout.displayName = "InsightCallout";
+var DataHighlight = React9__default.default.forwardRef(
+  ({ stat, label, children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("figure", { ref, className: clsx9__default.default("ds-data-highlight", className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-data-highlight__stat-group", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-data-highlight__stat", children: stat }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-data-highlight__label", children: label })
+      ] }),
+      children && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: "ds-data-highlight__caption", children })
+    ] });
+  }
+);
+DataHighlight.displayName = "DataHighlight";
+var ReadingProgress = React9__default.default.forwardRef(
+  ({ targetRef, className, ...props }, ref) => {
+    const [progress, setProgress] = React9.useState(0);
+    const frameRef = React9.useRef(null);
+    React9.useEffect(() => {
+      const handleScroll = () => {
+        if (frameRef.current) cancelAnimationFrame(frameRef.current);
+        frameRef.current = requestAnimationFrame(() => {
+          let percentage = 0;
+          if (targetRef && targetRef.current) {
+            const el = targetRef.current;
+            const rect = el.getBoundingClientRect();
+            const viewportHeight = window.innerHeight;
+            if (rect.top > viewportHeight) {
+              percentage = 0;
+            } else if (rect.bottom < 0) {
+              percentage = 100;
+            } else {
+              const scrollableDistance = rect.height - viewportHeight;
+              if (scrollableDistance <= 0) {
+                percentage = 100;
+              } else {
+                const scrolled = viewportHeight - rect.top;
+                percentage = Math.max(0, Math.min(100, scrolled / scrollableDistance * 100));
+              }
+            }
+          } else {
+            const scrollPosition = window.scrollY;
+            const scrollHeight = document.body.scrollHeight - window.innerHeight;
+            percentage = scrollHeight > 0 ? scrollPosition / scrollHeight * 100 : 0;
+            percentage = Math.max(0, Math.min(100, percentage));
+          }
+          setProgress(percentage);
+        });
+      };
+      window.addEventListener("scroll", handleScroll, { passive: true });
+      window.addEventListener("resize", handleScroll, { passive: true });
+      handleScroll();
+      return () => {
+        if (frameRef.current) cancelAnimationFrame(frameRef.current);
+        window.removeEventListener("scroll", handleScroll);
+        window.removeEventListener("resize", handleScroll);
+      };
+    }, [targetRef]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: clsx9__default.default("ds-reading-progress", className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "ds-reading-progress__bar",
+            style: { transform: `scaleX(${progress / 100})` }
+          }
+        )
+      }
+    );
+  }
+);
+ReadingProgress.displayName = "ReadingProgress";
+var VersionedUpgradeAlert = React9__default.default.forwardRef(
+  ({ seriesName, viewedYear, latestYear, latestUrl, deltaSummary, className, ...props }, ref) => {
+    const [dismissed, setDismissed] = React9.useState(false);
+    if (dismissed) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: clsx9__default.default("ds-versioned-alert", className),
+        role: "alert",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-versioned-alert__content", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-versioned-alert__icon", children: "\u26A0\uFE0F" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-versioned-alert__text", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Outdated Edition:" }),
+              " You are viewing the ",
+              viewedYear,
+              " edition of ",
+              seriesName,
+              ". The ",
+              /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+                latestYear,
+                " edition"
+              ] }),
+              " is now available.",
+              deltaSummary && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ds-versioned-alert__delta", children: [
+                " ",
+                deltaSummary
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-versioned-alert__actions", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkLJADZITX_cjs.OutboundLink, { href: latestUrl, context: "versioned-alert-view-latest", className: "ds-versioned-alert__button ds-button ds-button--primary ds-button--sm", openInNewTab: false, children: [
+              "View ",
+              latestYear,
+              " Edition"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                className: "ds-versioned-alert__close",
+                onClick: () => setDismissed(true),
+                "aria-label": "Dismiss alert",
+                children: "\xD7"
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+VersionedUpgradeAlert.displayName = "VersionedUpgradeAlert";
+var VersionedSeriesNavigator = React9__default.default.forwardRef(
+  ({ seriesName, hubUrl, editions, className, ...props }, ref) => {
+    const sortedEditions = [...editions].sort((a, b) => a.year - b.year);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx9__default.default("ds-versioned-navigator", className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-versioned-navigator__header", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-versioned-navigator__label", children: "Series" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkLJADZITX_cjs.OutboundLink, { href: hubUrl, context: "versioned-navigator-hub", className: "ds-versioned-navigator__title", openInNewTab: false, children: [
+          seriesName,
+          " Hub"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-versioned-navigator__timeline", children: sortedEditions.map((edition, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React9__default.default.Fragment, { children: [
+        idx > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-versioned-navigator__connector" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkLJADZITX_cjs.OutboundLink,
+          {
+            href: edition.url,
+            context: "versioned-navigator-edition",
+            className: clsx9__default.default(
+              "ds-versioned-navigator__node",
+              edition.isCurrent && "ds-versioned-navigator__node--active"
+            ),
+            "aria-current": edition.isCurrent ? "page" : void 0,
+            openInNewTab: false,
+            children: edition.year
+          }
+        )
+      ] }, edition.year)) })
+    ] });
+  }
+);
+VersionedSeriesNavigator.displayName = "VersionedSeriesNavigator";
+
+exports.ArticleCard = ArticleCard;
+exports.ArticleLayout = ArticleLayout;
+exports.AuthorBio = AuthorBio;
+exports.DataHighlight = DataHighlight;
+exports.InsightCallout = InsightCallout;
+exports.LongFormLayout = LongFormLayout;
+exports.ReadingProgress = ReadingProgress;
+exports.RelatedContent = RelatedContent;
+exports.TableOfContents = TableOfContents;
+exports.VersionedSeriesNavigator = VersionedSeriesNavigator;
+exports.VersionedUpgradeAlert = VersionedUpgradeAlert;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-LGNMFBLF.cjs.map