@dmitriikapustin/ui 0.3.6 → 0.4.0

package/dist/index.js

@@ -1,7 +1,7 @@
-import { useState, useEffect, useId, useRef, useCallback } from 'react';
+import { createContext, useState, useEffect, useId, useRef, useCallback, useContext } from 'react';
 import Lottie from 'lottie-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ResponsiveContainer, LineChart, CartesianGrid, XAxis, YAxis, Tooltip as Tooltip$1, Line, BarChart, Bar, ScatterChart, Scatter, Cell } from 'recharts';
+import { ResponsiveContainer, LineChart, CartesianGrid, XAxis, YAxis, Tooltip as Tooltip$1, Line, BarChart, Bar as Bar$1, ScatterChart, Scatter, Cell } from 'recharts';
 
 if(typeof __styleInject==="undefined"){
   var __styleInject=function(c){
@@ -5553,6 +5553,339 @@ function ComparisonTable({ columns, rows, className = "" }) {
   ] }) }) });
 }
 
+// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/BottomSheet.module.scss
+__styleInject(`@charset "UTF-8";
+/* BottomSheet \u2014 sticky bar + sliding panel (mobile-first, opt-in \u0434\u043B\u044F desktop) */
+.BottomSheet-module_root {
+  /* Container \u2014 context provider wrapper. \u041D\u0435 \u0432\u043B\u0438\u044F\u0435\u0442 \u043D\u0430 layout. */
+  display: contents;
+}
+
+/* \u2500\u2500\u2500 Trigger \u2500\u2500\u2500 */
+.BottomSheet-module_trigger {
+  display: inline-flex;
+  cursor: pointer;
+  /* Trigger \u043F\u043E\u043B\u0443\u0447\u0430\u0435\u0442 focus \u043A\u0430\u043A \u043D\u0430\u0442\u0438\u0432\u043D\u0430\u044F \u0437\u043E\u043D\u0430 \u043A\u043B\u0438\u043A\u0430 \u2014 \u043D\u043E \u0444\u043E\u043A\u0443\u0441-\u0438\u043D\u0434\u0438\u043A\u0430\u0442\u043E\u0440 \u0438\u0434\u0451\u0442 \u0447\u0435\u0440\u0435\u0437 children. */
+}
+.BottomSheet-module_trigger:focus, .BottomSheet-module_trigger:focus-visible {
+  outline: none;
+}
+
+/* \u2500\u2500\u2500 Bar (sticky bottom, \u0432\u0441\u0435\u0433\u0434\u0430 \u0432\u0438\u0434\u043D\u0430) \u2500\u2500\u2500 */
+.BottomSheet-module_bar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 40;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 12px 16px 16px;
+  padding-bottom: max(16px, env(safe-area-inset-bottom));
+  background: var(--bg);
+  border-top: 1px solid var(--border-color);
+  border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
+  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.04);
+}
+
+/* Drag-handle \u0441\u0432\u0435\u0440\u0445\u0443 Bar \u2014 \u0438\u043D\u0434\u0438\u043A\u0430\u0442\u043E\u0440 \xAB\u043C\u043E\u0436\u043D\u043E \u043F\u043E\u0442\u044F\u043D\u0443\u0442\u044C \u0432\u0432\u0435\u0440\u0445\xBB \u0432 closed-state. */
+.BottomSheet-module_barHandle {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  padding: 8px 0;
+  border: none;
+  background: transparent;
+  cursor: grab;
+  touch-action: none;
+  user-select: none;
+  -webkit-user-select: none;
+}
+.BottomSheet-module_barHandle:active {
+  cursor: grabbing;
+}
+.BottomSheet-module_barHandle:hover .BottomSheet-module_handleBar, .BottomSheet-module_barHandle:focus-visible .BottomSheet-module_handleBar {
+  background: var(--fg-secondary);
+  width: 48px;
+}
+.BottomSheet-module_barHandle:focus, .BottomSheet-module_barHandle:focus-visible {
+  outline: none;
+}
+
+.BottomSheet-module_barActions {
+  display: flex;
+  align-items: stretch;
+  gap: 12px;
+  /* \u041A\u043D\u043E\u043F\u043A\u0438 \u0432\u043D\u0443\u0442\u0440\u0438 barActions \u0440\u0430\u0441\u0442\u044F\u0433\u0438\u0432\u0430\u044E\u0442\u0441\u044F \u0440\u0430\u0432\u043D\u044B\u043C\u0438 \u0434\u043E\u043B\u044F\u043C\u0438. */
+}
+.BottomSheet-module_barActions > * {
+  flex: 1;
+  min-width: 0;
+}
+
+/* \u2500\u2500\u2500 Backdrop (\u0437\u0430\u0442\u0435\u043C\u043D\u0435\u043D\u0438\u0435 \u043F\u0440\u0438 open) \u2500\u2500\u2500 */
+.BottomSheet-module_backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 49;
+  background: rgba(0, 0, 0, 0.4);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 200ms ease-out;
+}
+
+.BottomSheet-module_backdropOpen {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+/* \u2500\u2500\u2500 Panel (raise-from-bottom) \u2500\u2500\u2500 */
+.BottomSheet-module_panel {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 50;
+  display: flex;
+  flex-direction: column;
+  max-height: 85vh;
+  background: var(--bg);
+  border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
+  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.12), 0 -2px 4px rgba(0, 0, 0, 0.04);
+  overflow-y: auto;
+  /* overscroll-behavior \u0438\u0441\u043A\u043B\u044E\u0447\u0430\u0435\u0442 chain'\u0438\u043D\u0433 \u043F\u0440\u043E\u043A\u0440\u0443\u0442\u043A\u0438 \u043D\u0430 body (\u0442\u0438\u043F\u0438\u0447\u043D\u043E \u0434\u043B\u044F bottom-sheet'\u043E\u0432). */
+  overscroll-behavior: contain;
+  /* touch-action: pan-y \u0447\u0442\u043E\u0431\u044B scrolling \u0432\u043D\u0443\u0442\u0440\u0438 panel \u0440\u0430\u0431\u043E\u0442\u0430\u043B, \u0430 pinch/zoom \u2014 \u043D\u0435\u0442. */
+  touch-action: pan-y;
+  transform: translateY(100%);
+  transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1);
+  padding: 0 20px 20px;
+  padding-bottom: max(20px, env(safe-area-inset-bottom));
+}
+.BottomSheet-module_panel[aria-hidden=true] {
+  pointer-events: none;
+}
+
+.BottomSheet-module_panelOpen {
+  transform: translateY(0);
+}
+
+/* \u2500\u2500\u2500 Handle (drag indicator) \u2500\u2500\u2500 */
+.BottomSheet-module_handle {
+  position: sticky;
+  top: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  padding: 14px 0 10px;
+  border: none;
+  background: var(--bg);
+  cursor: grab;
+  z-index: 1;
+  /* touch-action: none \u2014 handle \u0437\u0430\u0445\u0432\u0430\u0442\u044B\u0432\u0430\u0435\u0442 \u0441\u0432\u0430\u0439\u043F \u0432\u043D\u0438\u0437 \u0434\u043B\u044F drag-to-close, \u043D\u0435 \u0434\u043E\u043B\u0436\u0435\u043D scroll'\u0438\u0442\u044C panel. */
+  touch-action: none;
+  user-select: none;
+  -webkit-user-select: none;
+}
+.BottomSheet-module_handle:active {
+  cursor: grabbing;
+}
+.BottomSheet-module_handle:hover .BottomSheet-module_handleBar, .BottomSheet-module_handle:focus-visible .BottomSheet-module_handleBar {
+  background: var(--fg);
+  width: 48px;
+}
+.BottomSheet-module_handle:focus, .BottomSheet-module_handle:focus-visible {
+  outline: none;
+}
+
+.BottomSheet-module_handleBar {
+  display: block;
+  width: 40px;
+  height: 5px;
+  border-radius: 9999px;
+  background: var(--border-color-strong);
+  transition: background var(--transition-fast), width var(--transition-fast);
+}`);
+var __default58 = { "root": "BottomSheet-module_root", "trigger": "BottomSheet-module_trigger", "bar": "BottomSheet-module_bar", "barHandle": "BottomSheet-module_barHandle", "handleBar": "BottomSheet-module_handleBar", "barActions": "BottomSheet-module_barActions", "backdrop": "BottomSheet-module_backdrop", "backdropOpen": "BottomSheet-module_backdropOpen", "panel": "BottomSheet-module_panel", "panelOpen": "BottomSheet-module_panelOpen", "handle": "BottomSheet-module_handle" };
+var BottomSheetContext = createContext(null);
+function useBottomSheet(part) {
+  const ctx = useContext(BottomSheetContext);
+  if (!ctx) {
+    throw new Error(`<BottomSheet.${part}> must be used within <BottomSheet>`);
+  }
+  return ctx;
+}
+function BottomSheet({
+  open: controlledOpen,
+  onOpenChange,
+  defaultOpen = false,
+  swipeCloseThreshold = 80,
+  children,
+  className = ""
+}) {
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : internalOpen;
+  const setOpen = useCallback(
+    (next) => {
+      if (!isControlled) setInternalOpen(next);
+      onOpenChange == null ? void 0 : onOpenChange(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  const [dragY, setDragY] = useState(0);
+  const [isDragging, setIsDragging] = useState(false);
+  const startYRef = useRef(0);
+  const onDragStart = useCallback((clientY) => {
+    startYRef.current = clientY;
+    setIsDragging(true);
+  }, []);
+  const onDragMove = useCallback((clientY) => {
+    setDragY(clientY - startYRef.current);
+  }, []);
+  const onDragEnd = useCallback(() => {
+    setIsDragging(false);
+    if (open && dragY > swipeCloseThreshold) {
+      setOpen(false);
+    } else if (!open && dragY < -swipeCloseThreshold) {
+      setOpen(true);
+    }
+    setDragY(0);
+  }, [dragY, swipeCloseThreshold, setOpen, open]);
+  useEffect(() => {
+    if (!open) {
+      setDragY(0);
+      setIsDragging(false);
+    }
+  }, [open]);
+  useEffect(() => {
+    if (!open) return;
+    const handleKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", handleKey);
+    return () => document.removeEventListener("keydown", handleKey);
+  }, [open, setOpen]);
+  useEffect(() => {
+    if (!open) return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsx(
+    BottomSheetContext.Provider,
+    {
+      value: { open, setOpen, dragY, isDragging, onDragStart, onDragMove, onDragEnd },
+      children: /* @__PURE__ */ jsx("div", { className: `${__default58.root}${className ? ` ${className}` : ""}`, children })
+    }
+  );
+}
+function Bar({ children, className = "" }) {
+  const { setOpen, onDragStart, onDragMove, onDragEnd } = useBottomSheet("Bar");
+  return /* @__PURE__ */ jsxs("div", { className: `${__default58.bar}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(true),
+        onTouchStart: (e) => onDragStart(e.touches[0].clientY),
+        onTouchMove: (e) => onDragMove(e.touches[0].clientY),
+        onTouchEnd: onDragEnd,
+        onTouchCancel: onDragEnd,
+        className: __default58.barHandle,
+        "aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E",
+        children: /* @__PURE__ */ jsx("span", { className: __default58.handleBar })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: __default58.barActions, children })
+  ] });
+}
+function Panel({ children, className = "" }) {
+  const { open, dragY, isDragging, setOpen } = useBottomSheet("Panel");
+  let transformStyle;
+  if (isDragging) {
+    if (open && dragY > 0) {
+      transformStyle = { transform: `translateY(${dragY}px)`, transition: "none" };
+    } else if (!open && dragY < 0) {
+      transformStyle = {
+        transform: `translateY(calc(100% + ${dragY}px))`,
+        transition: "none"
+      };
+    }
+  }
+  const isDraggingOpen = isDragging && !open && dragY < 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${__default58.backdrop}${open || isDraggingOpen ? ` ${__default58.backdropOpen}` : ""}`,
+        onClick: () => setOpen(false),
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${__default58.panel}${open ? ` ${__default58.panelOpen}` : ""}${className ? ` ${className}` : ""}`,
+        role: "dialog",
+        "aria-modal": open,
+        "aria-hidden": !open && !isDraggingOpen,
+        style: transformStyle,
+        children
+      }
+    )
+  ] });
+}
+function Handle({ className = "" }) {
+  const { open, setOpen, onDragStart, onDragMove, onDragEnd } = useBottomSheet("Handle");
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => setOpen(!open),
+      onTouchStart: (e) => onDragStart(e.touches[0].clientY),
+      onTouchMove: (e) => onDragMove(e.touches[0].clientY),
+      onTouchEnd: onDragEnd,
+      onTouchCancel: onDragEnd,
+      onPointerDown: (e) => {
+        if (e.pointerType === "mouse") return;
+        onDragStart(e.clientY);
+      },
+      onPointerMove: (e) => {
+        if (e.pointerType === "mouse") return;
+        onDragMove(e.clientY);
+      },
+      onPointerUp: (e) => {
+        if (e.pointerType === "mouse") return;
+        onDragEnd();
+      },
+      className: `${__default58.handle}${className ? ` ${className}` : ""}`,
+      "aria-label": open ? "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" : "\u041E\u0442\u043A\u0440\u044B\u0442\u044C",
+      children: /* @__PURE__ */ jsx("span", { className: __default58.handleBar })
+    }
+  );
+}
+function Trigger({ children, className = "" }) {
+  const { open, setOpen } = useBottomSheet("Trigger");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      onClick: () => setOpen(!open),
+      className: `${__default58.trigger}${className ? ` ${className}` : ""}`,
+      children
+    }
+  );
+}
+BottomSheet.Bar = Bar;
+BottomSheet.Panel = Panel;
+BottomSheet.Handle = Handle;
+BottomSheet.Trigger = Trigger;
+
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoBento.module.scss
 __styleInject(`.PromoBento-module_root {
   padding: 4rem 0;
@@ -5712,21 +6045,21 @@ __styleInject(`.PromoBento-module_root {
 .PromoBento-module_cardCta {
   margin-top: 0.25rem;
 }`);
-var __default58 = { "root": "PromoBento-module_root", "header": "PromoBento-module_header", "heading": "PromoBento-module_heading", "subtitle": "PromoBento-module_subtitle", "grid": "PromoBento-module_grid", "card": "PromoBento-module_card", "cardMedia": "PromoBento-module_cardMedia", "cardMediaInner": "PromoBento-module_cardMediaInner", "cardFade": "PromoBento-module_cardFade", "cardContent": "PromoBento-module_cardContent", "pill": "PromoBento-module_pill", "pillInner": "PromoBento-module_pillInner", "pillIcon": "PromoBento-module_pillIcon", "cardTitle": "PromoBento-module_cardTitle", "cardDesc": "PromoBento-module_cardDesc", "cardCta": "PromoBento-module_cardCta" };
+var __default59 = { "root": "PromoBento-module_root", "header": "PromoBento-module_header", "heading": "PromoBento-module_heading", "subtitle": "PromoBento-module_subtitle", "grid": "PromoBento-module_grid", "card": "PromoBento-module_card", "cardMedia": "PromoBento-module_cardMedia", "cardMediaInner": "PromoBento-module_cardMediaInner", "cardFade": "PromoBento-module_cardFade", "cardContent": "PromoBento-module_cardContent", "pill": "PromoBento-module_pill", "pillInner": "PromoBento-module_pillInner", "pillIcon": "PromoBento-module_pillIcon", "cardTitle": "PromoBento-module_cardTitle", "cardDesc": "PromoBento-module_cardDesc", "cardCta": "PromoBento-module_cardCta" };
 function PromoBentoCard({ pill, title, description, cta, media, className = "" }) {
-  return /* @__PURE__ */ jsxs("div", { className: `${__default58.card}${className ? ` ${className}` : ""}`, children: [
-    media && /* @__PURE__ */ jsxs("div", { className: __default58.cardMedia, children: [
-      /* @__PURE__ */ jsx("div", { className: __default58.cardMediaInner, children: media }),
-      /* @__PURE__ */ jsx("div", { className: __default58.cardFade })
+  return /* @__PURE__ */ jsxs("div", { className: `${__default59.card}${className ? ` ${className}` : ""}`, children: [
+    media && /* @__PURE__ */ jsxs("div", { className: __default59.cardMedia, children: [
+      /* @__PURE__ */ jsx("div", { className: __default59.cardMediaInner, children: media }),
+      /* @__PURE__ */ jsx("div", { className: __default59.cardFade })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: __default58.cardContent, children: [
-      pill && /* @__PURE__ */ jsx("div", { className: __default58.pill, children: /* @__PURE__ */ jsxs("span", { className: __default58.pillInner, children: [
-        pill.icon && /* @__PURE__ */ jsx("span", { className: __default58.pillIcon, children: pill.icon }),
+    /* @__PURE__ */ jsxs("div", { className: __default59.cardContent, children: [
+      pill && /* @__PURE__ */ jsx("div", { className: __default59.pill, children: /* @__PURE__ */ jsxs("span", { className: __default59.pillInner, children: [
+        pill.icon && /* @__PURE__ */ jsx("span", { className: __default59.pillIcon, children: pill.icon }),
         pill.label
       ] }) }),
-      /* @__PURE__ */ jsx("h3", { className: __default58.cardTitle, children: title }),
-      description && /* @__PURE__ */ jsx("p", { className: __default58.cardDesc, children: description }),
-      cta && /* @__PURE__ */ jsx("div", { className: __default58.cardCta, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("h3", { className: __default59.cardTitle, children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: __default59.cardDesc, children: description }),
+      cta && /* @__PURE__ */ jsx("div", { className: __default59.cardCta, children: /* @__PURE__ */ jsx(
         Button,
         {
           variant: "outline",
@@ -5739,12 +6072,12 @@ function PromoBentoCard({ pill, title, description, cta, media, className = "" }
   ] });
 }
 function PromoBento({ heading, subtitle, items, className = "" }) {
-  return /* @__PURE__ */ jsxs("section", { className: `${__default58.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: __default58.header, children: [
-      /* @__PURE__ */ jsx("h2", { className: __default58.heading, children: heading }),
-      subtitle && /* @__PURE__ */ jsx("p", { className: __default58.subtitle, children: subtitle })
+  return /* @__PURE__ */ jsxs("section", { className: `${__default59.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: __default59.header, children: [
+      /* @__PURE__ */ jsx("h2", { className: __default59.heading, children: heading }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: __default59.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: __default58.grid, children: items.map((item, i) => /* @__PURE__ */ jsx(PromoBentoCard, __spreadValues({}, item), i)) })
+    /* @__PURE__ */ jsx("div", { className: __default59.grid, children: items.map((item, i) => /* @__PURE__ */ jsx(PromoBentoCard, __spreadValues({}, item), i)) })
   ] });
 }
 
@@ -5866,26 +6199,26 @@ __styleInject(`.PromoShowcase-module_root {
     padding: 2.5rem;
   }
 }`);
-var __default59 = { "root": "PromoShowcase-module_root", "heading": "PromoShowcase-module_heading", "headingText": "PromoShowcase-module_headingText", "body": "PromoShowcase-module_body", "stepper": "PromoShowcase-module_stepper", "stepButton": "PromoShowcase-module_stepButton", "stepButtonActive": "PromoShowcase-module_stepButtonActive", "contentArea": "PromoShowcase-module_contentArea", "panel": "PromoShowcase-module_panel", "panelActive": "PromoShowcase-module_panelActive", "panelInner": "PromoShowcase-module_panelInner" };
+var __default60 = { "root": "PromoShowcase-module_root", "heading": "PromoShowcase-module_heading", "headingText": "PromoShowcase-module_headingText", "body": "PromoShowcase-module_body", "stepper": "PromoShowcase-module_stepper", "stepButton": "PromoShowcase-module_stepButton", "stepButtonActive": "PromoShowcase-module_stepButtonActive", "contentArea": "PromoShowcase-module_contentArea", "panel": "PromoShowcase-module_panel", "panelActive": "PromoShowcase-module_panelActive", "panelInner": "PromoShowcase-module_panelInner" };
 function PromoShowcase({ heading, steps, className = "" }) {
   const [activeIndex, setActiveIndex] = useState(0);
-  return /* @__PURE__ */ jsxs("section", { className: `${__default59.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsx("div", { className: __default59.heading, children: /* @__PURE__ */ jsx("h2", { className: __default59.headingText, children: heading }) }),
-    /* @__PURE__ */ jsxs("div", { className: __default59.body, children: [
-      /* @__PURE__ */ jsx("div", { className: __default59.stepper, children: steps.map((step, i) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("section", { className: `${__default60.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: __default60.heading, children: /* @__PURE__ */ jsx("h2", { className: __default60.headingText, children: heading }) }),
+    /* @__PURE__ */ jsxs("div", { className: __default60.body, children: [
+      /* @__PURE__ */ jsx("div", { className: __default60.stepper, children: steps.map((step, i) => /* @__PURE__ */ jsx(
         "button",
         {
           onClick: () => setActiveIndex(i),
-          className: `${__default59.stepButton}${i === activeIndex ? ` ${__default59.stepButtonActive}` : ""}`,
+          className: `${__default60.stepButton}${i === activeIndex ? ` ${__default60.stepButtonActive}` : ""}`,
           children: step.label
         },
         i
       )) }),
-      /* @__PURE__ */ jsx("div", { className: __default59.contentArea, children: steps.map((step, i) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { className: __default60.contentArea, children: steps.map((step, i) => /* @__PURE__ */ jsx(
         "div",
         {
-          className: `${__default59.panel}${i === activeIndex ? ` ${__default59.panelActive}` : ""}`,
-          children: /* @__PURE__ */ jsx("div", { className: __default59.panelInner, children: step.content })
+          className: `${__default60.panel}${i === activeIndex ? ` ${__default60.panelActive}` : ""}`,
+          children: /* @__PURE__ */ jsx("div", { className: __default60.panelInner, children: step.content })
         },
         i
       )) })
@@ -6034,7 +6367,7 @@ __styleInject(`.PromoSplit-module_root {
   align-items: center;
   justify-content: center;
 }`);
-var __default60 = { "root": "PromoSplit-module_root", "grid": "PromoSplit-module_grid", "gridReversed": "PromoSplit-module_gridReversed PromoSplit-module_grid", "textColumn": "PromoSplit-module_textColumn", "textColumnLtr": "PromoSplit-module_textColumnLtr", "heading": "PromoSplit-module_heading", "description": "PromoSplit-module_description", "features": "PromoSplit-module_features", "feature": "PromoSplit-module_feature", "featureTitle": "PromoSplit-module_featureTitle", "featureDesc": "PromoSplit-module_featureDesc", "mediaColumn": "PromoSplit-module_mediaColumn", "mediaColumnLtr": "PromoSplit-module_mediaColumnLtr", "mediaBox": "PromoSplit-module_mediaBox", "mediaContent": "PromoSplit-module_mediaContent", "mediaPlaceholder": "PromoSplit-module_mediaPlaceholder", "placeholderCircle": "PromoSplit-module_placeholderCircle" };
+var __default61 = { "root": "PromoSplit-module_root", "grid": "PromoSplit-module_grid", "gridReversed": "PromoSplit-module_gridReversed PromoSplit-module_grid", "textColumn": "PromoSplit-module_textColumn", "textColumnLtr": "PromoSplit-module_textColumnLtr", "heading": "PromoSplit-module_heading", "description": "PromoSplit-module_description", "features": "PromoSplit-module_features", "feature": "PromoSplit-module_feature", "featureTitle": "PromoSplit-module_featureTitle", "featureDesc": "PromoSplit-module_featureDesc", "mediaColumn": "PromoSplit-module_mediaColumn", "mediaColumnLtr": "PromoSplit-module_mediaColumnLtr", "mediaBox": "PromoSplit-module_mediaBox", "mediaContent": "PromoSplit-module_mediaContent", "mediaPlaceholder": "PromoSplit-module_mediaPlaceholder", "placeholderCircle": "PromoSplit-module_placeholderCircle" };
 function PromoSplit({
   heading,
   description,
@@ -6044,16 +6377,16 @@ function PromoSplit({
   className = ""
 }) {
   const isLeft = mediaPosition === "left";
-  return /* @__PURE__ */ jsx("section", { className: `${__default60.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: isLeft ? __default60.gridReversed : __default60.grid, children: [
-    /* @__PURE__ */ jsxs("div", { className: `${__default60.textColumn}${isLeft ? ` ${__default60.textColumnLtr}` : ""}`, children: [
-      /* @__PURE__ */ jsx("h2", { className: __default60.heading, children: heading }),
-      description && /* @__PURE__ */ jsx("p", { className: __default60.description, children: description }),
-      features && features.length > 0 && /* @__PURE__ */ jsx("div", { className: __default60.features, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default60.feature, children: [
-        /* @__PURE__ */ jsx("h3", { className: __default60.featureTitle, children: feature.title }),
-        /* @__PURE__ */ jsx("p", { className: __default60.featureDesc, children: feature.description })
+  return /* @__PURE__ */ jsx("section", { className: `${__default61.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: isLeft ? __default61.gridReversed : __default61.grid, children: [
+    /* @__PURE__ */ jsxs("div", { className: `${__default61.textColumn}${isLeft ? ` ${__default61.textColumnLtr}` : ""}`, children: [
+      /* @__PURE__ */ jsx("h2", { className: __default61.heading, children: heading }),
+      description && /* @__PURE__ */ jsx("p", { className: __default61.description, children: description }),
+      features && features.length > 0 && /* @__PURE__ */ jsx("div", { className: __default61.features, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default61.feature, children: [
+        /* @__PURE__ */ jsx("h3", { className: __default61.featureTitle, children: feature.title }),
+        /* @__PURE__ */ jsx("p", { className: __default61.featureDesc, children: feature.description })
       ] }, i)) })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: `${__default60.mediaColumn}${isLeft ? ` ${__default60.mediaColumnLtr}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default60.mediaBox, children: media ? /* @__PURE__ */ jsx("div", { className: __default60.mediaContent, children: media }) : /* @__PURE__ */ jsx("div", { className: __default60.mediaPlaceholder, children: /* @__PURE__ */ jsx("div", { className: __default60.placeholderCircle, children: /* @__PURE__ */ jsxs("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "var(--fg-muted)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("div", { className: `${__default61.mediaColumn}${isLeft ? ` ${__default61.mediaColumnLtr}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default61.mediaBox, children: media ? /* @__PURE__ */ jsx("div", { className: __default61.mediaContent, children: media }) : /* @__PURE__ */ jsx("div", { className: __default61.mediaPlaceholder, children: /* @__PURE__ */ jsx("div", { className: __default61.placeholderCircle, children: /* @__PURE__ */ jsxs("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "var(--fg-muted)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
       /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
       /* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
       /* @__PURE__ */ jsx("path", { d: "m21 15-5-5L5 21" })
@@ -6170,16 +6503,16 @@ __styleInject(`.PromoTrustGrid-module_root {
   justify-content: center;
   padding: 1.5rem;
 }`);
-var __default61 = { "root": "PromoTrustGrid-module_root", "heading": "PromoTrustGrid-module_heading", "headingText": "PromoTrustGrid-module_headingText", "grid": "PromoTrustGrid-module_grid", "featureCard": "PromoTrustGrid-module_featureCard", "featureIcon": "PromoTrustGrid-module_featureIcon", "featureTitle": "PromoTrustGrid-module_featureTitle", "featureDescription": "PromoTrustGrid-module_featureDescription", "media": "PromoTrustGrid-module_media", "mediaInner": "PromoTrustGrid-module_mediaInner" };
+var __default62 = { "root": "PromoTrustGrid-module_root", "heading": "PromoTrustGrid-module_heading", "headingText": "PromoTrustGrid-module_headingText", "grid": "PromoTrustGrid-module_grid", "featureCard": "PromoTrustGrid-module_featureCard", "featureIcon": "PromoTrustGrid-module_featureIcon", "featureTitle": "PromoTrustGrid-module_featureTitle", "featureDescription": "PromoTrustGrid-module_featureDescription", "media": "PromoTrustGrid-module_media", "mediaInner": "PromoTrustGrid-module_mediaInner" };
 function PromoTrustGrid({ heading, features, media, className = "" }) {
-  return /* @__PURE__ */ jsxs("section", { className: `${__default61.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsx("div", { className: __default61.heading, children: /* @__PURE__ */ jsx("h2", { className: __default61.headingText, children: heading }) }),
-    /* @__PURE__ */ jsx("div", { className: __default61.grid, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default61.featureCard, children: [
-      feature.icon && /* @__PURE__ */ jsx("div", { className: __default61.featureIcon, children: feature.icon }),
-      /* @__PURE__ */ jsx("h3", { className: __default61.featureTitle, children: feature.title }),
-      /* @__PURE__ */ jsx("p", { className: __default61.featureDescription, children: feature.description })
+  return /* @__PURE__ */ jsxs("section", { className: `${__default62.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: __default62.heading, children: /* @__PURE__ */ jsx("h2", { className: __default62.headingText, children: heading }) }),
+    /* @__PURE__ */ jsx("div", { className: __default62.grid, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default62.featureCard, children: [
+      feature.icon && /* @__PURE__ */ jsx("div", { className: __default62.featureIcon, children: feature.icon }),
+      /* @__PURE__ */ jsx("h3", { className: __default62.featureTitle, children: feature.title }),
+      /* @__PURE__ */ jsx("p", { className: __default62.featureDescription, children: feature.description })
     ] }, i)) }),
-    media && /* @__PURE__ */ jsx("div", { className: __default61.media, children: /* @__PURE__ */ jsx("div", { className: __default61.mediaInner, children: media }) })
+    media && /* @__PURE__ */ jsx("div", { className: __default62.media, children: /* @__PURE__ */ jsx("div", { className: __default62.mediaInner, children: media }) })
   ] });
 }
 
@@ -6366,29 +6699,29 @@ __styleInject(`@charset "UTF-8";
   border-radius: clamp(8px, 1.5vw, 16px);
   background: var(--bg-tertiary);
 }`);
-var __default62 = { "root": "PromoDevicesCTA-module_root", "textBlock": "PromoDevicesCTA-module_textBlock", "heading": "PromoDevicesCTA-module_heading", "description": "PromoDevicesCTA-module_description", "ctaWrap": "PromoDevicesCTA-module_ctaWrap", "devices": "PromoDevicesCTA-module_devices", "laptop": "PromoDevicesCTA-module_laptop", "laptopScreen": "PromoDevicesCTA-module_laptopScreen", "laptopScreenInner": "PromoDevicesCTA-module_laptopScreenInner", "laptopHinge": "PromoDevicesCTA-module_laptopHinge", "laptopBase": "PromoDevicesCTA-module_laptopBase", "tablet": "PromoDevicesCTA-module_tablet", "tabletShell": "PromoDevicesCTA-module_tabletShell", "tabletScreen": "PromoDevicesCTA-module_tabletScreen", "phone": "PromoDevicesCTA-module_phone", "phoneShell": "PromoDevicesCTA-module_phoneShell", "phoneNotch": "PromoDevicesCTA-module_phoneNotch", "phoneScreen": "PromoDevicesCTA-module_phoneScreen" };
+var __default63 = { "root": "PromoDevicesCTA-module_root", "textBlock": "PromoDevicesCTA-module_textBlock", "heading": "PromoDevicesCTA-module_heading", "description": "PromoDevicesCTA-module_description", "ctaWrap": "PromoDevicesCTA-module_ctaWrap", "devices": "PromoDevicesCTA-module_devices", "laptop": "PromoDevicesCTA-module_laptop", "laptopScreen": "PromoDevicesCTA-module_laptopScreen", "laptopScreenInner": "PromoDevicesCTA-module_laptopScreenInner", "laptopHinge": "PromoDevicesCTA-module_laptopHinge", "laptopBase": "PromoDevicesCTA-module_laptopBase", "tablet": "PromoDevicesCTA-module_tablet", "tabletShell": "PromoDevicesCTA-module_tabletShell", "tabletScreen": "PromoDevicesCTA-module_tabletScreen", "phone": "PromoDevicesCTA-module_phone", "phoneShell": "PromoDevicesCTA-module_phoneShell", "phoneNotch": "PromoDevicesCTA-module_phoneNotch", "phoneScreen": "PromoDevicesCTA-module_phoneScreen" };
 function PromoDevicesCTA({
   heading,
   description,
   cta,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs("section", { className: `${__default62.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: __default62.textBlock, children: [
-      /* @__PURE__ */ jsx("h2", { className: __default62.heading, children: heading }),
-      description && /* @__PURE__ */ jsx("p", { className: __default62.description, children: description }),
-      cta && /* @__PURE__ */ jsx("div", { className: __default62.ctaWrap, children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: cta.onClick, children: cta.label }) })
+  return /* @__PURE__ */ jsxs("section", { className: `${__default63.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: __default63.textBlock, children: [
+      /* @__PURE__ */ jsx("h2", { className: __default63.heading, children: heading }),
+      description && /* @__PURE__ */ jsx("p", { className: __default63.description, children: description }),
+      cta && /* @__PURE__ */ jsx("div", { className: __default63.ctaWrap, children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: cta.onClick, children: cta.label }) })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: __default62.devices, children: [
-      /* @__PURE__ */ jsxs("div", { className: __default62.laptop, children: [
-        /* @__PURE__ */ jsx("div", { className: __default62.laptopScreen, children: /* @__PURE__ */ jsx("div", { className: __default62.laptopScreenInner }) }),
-        /* @__PURE__ */ jsx("div", { className: __default62.laptopHinge }),
-        /* @__PURE__ */ jsx("div", { className: __default62.laptopBase })
+    /* @__PURE__ */ jsxs("div", { className: __default63.devices, children: [
+      /* @__PURE__ */ jsxs("div", { className: __default63.laptop, children: [
+        /* @__PURE__ */ jsx("div", { className: __default63.laptopScreen, children: /* @__PURE__ */ jsx("div", { className: __default63.laptopScreenInner }) }),
+        /* @__PURE__ */ jsx("div", { className: __default63.laptopHinge }),
+        /* @__PURE__ */ jsx("div", { className: __default63.laptopBase })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: __default62.tablet, children: /* @__PURE__ */ jsx("div", { className: __default62.tabletShell, children: /* @__PURE__ */ jsx("div", { className: __default62.tabletScreen }) }) }),
-      /* @__PURE__ */ jsx("div", { className: __default62.phone, children: /* @__PURE__ */ jsxs("div", { className: __default62.phoneShell, children: [
-        /* @__PURE__ */ jsx("div", { className: __default62.phoneNotch }),
-        /* @__PURE__ */ jsx("div", { className: __default62.phoneScreen })
+      /* @__PURE__ */ jsx("div", { className: __default63.tablet, children: /* @__PURE__ */ jsx("div", { className: __default63.tabletShell, children: /* @__PURE__ */ jsx("div", { className: __default63.tabletScreen }) }) }),
+      /* @__PURE__ */ jsx("div", { className: __default63.phone, children: /* @__PURE__ */ jsxs("div", { className: __default63.phoneShell, children: [
+        /* @__PURE__ */ jsx("div", { className: __default63.phoneNotch }),
+        /* @__PURE__ */ jsx("div", { className: __default63.phoneScreen })
       ] }) })
     ] })
   ] });
@@ -6577,7 +6910,7 @@ __styleInject(`.PromoTestimonials-module_root {
   background: var(--bg-secondary);
   overflow: hidden;
 }`);
-var __default63 = { "root": "PromoTestimonials-module_root", "wrapper": "PromoTestimonials-module_wrapper", "avatarSection": "PromoTestimonials-module_avatarSection", "avatarStack": "PromoTestimonials-module_avatarStack", "avatarRing": "PromoTestimonials-module_avatarRing", "overflowBadge": "PromoTestimonials-module_overflowBadge", "overflowCircle": "PromoTestimonials-module_overflowCircle", "headingSection": "PromoTestimonials-module_headingSection", "heading": "PromoTestimonials-module_heading", "subtitle": "PromoTestimonials-module_subtitle", "cardsSection": "PromoTestimonials-module_cardsSection", "cardsGrid": "PromoTestimonials-module_cardsGrid", "card": "PromoTestimonials-module_card", "quote": "PromoTestimonials-module_quote", "author": "PromoTestimonials-module_author", "authorInfo": "PromoTestimonials-module_authorInfo", "authorName": "PromoTestimonials-module_authorName", "authorRole": "PromoTestimonials-module_authorRole", "mediaSection": "PromoTestimonials-module_mediaSection", "mediaBox": "PromoTestimonials-module_mediaBox" };
+var __default64 = { "root": "PromoTestimonials-module_root", "wrapper": "PromoTestimonials-module_wrapper", "avatarSection": "PromoTestimonials-module_avatarSection", "avatarStack": "PromoTestimonials-module_avatarStack", "avatarRing": "PromoTestimonials-module_avatarRing", "overflowBadge": "PromoTestimonials-module_overflowBadge", "overflowCircle": "PromoTestimonials-module_overflowCircle", "headingSection": "PromoTestimonials-module_headingSection", "heading": "PromoTestimonials-module_heading", "subtitle": "PromoTestimonials-module_subtitle", "cardsSection": "PromoTestimonials-module_cardsSection", "cardsGrid": "PromoTestimonials-module_cardsGrid", "card": "PromoTestimonials-module_card", "quote": "PromoTestimonials-module_quote", "author": "PromoTestimonials-module_author", "authorInfo": "PromoTestimonials-module_authorInfo", "authorName": "PromoTestimonials-module_authorName", "authorRole": "PromoTestimonials-module_authorRole", "mediaSection": "PromoTestimonials-module_mediaSection", "mediaBox": "PromoTestimonials-module_mediaBox" };
 function PromoTestimonials({
   heading,
   subtitle,
@@ -6585,14 +6918,14 @@ function PromoTestimonials({
   media,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx("section", { className: `${__default63.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default63.wrapper, children: [
-    /* @__PURE__ */ jsx("div", { className: __default63.avatarSection, children: /* @__PURE__ */ jsxs("div", { className: __default63.avatarStack, children: [
+  return /* @__PURE__ */ jsx("section", { className: `${__default64.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default64.wrapper, children: [
+    /* @__PURE__ */ jsx("div", { className: __default64.avatarSection, children: /* @__PURE__ */ jsxs("div", { className: __default64.avatarStack, children: [
       testimonials.slice(0, 5).map((t, i) => {
         const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
         return /* @__PURE__ */ jsx(
           "div",
           {
-            className: __default63.avatarRing,
+            className: __default64.avatarRing,
             style: { zIndex: 10 - i },
             children: /* @__PURE__ */ jsx(
               Avatar,
@@ -6606,32 +6939,32 @@ function PromoTestimonials({
           i
         );
       }),
-      testimonials.length > 5 && /* @__PURE__ */ jsx("div", { className: __default63.overflowBadge, children: /* @__PURE__ */ jsxs("div", { className: __default63.overflowCircle, children: [
+      testimonials.length > 5 && /* @__PURE__ */ jsx("div", { className: __default64.overflowBadge, children: /* @__PURE__ */ jsxs("div", { className: __default64.overflowCircle, children: [
         "+",
         testimonials.length - 5
       ] }) })
     ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: __default63.headingSection, children: [
-      /* @__PURE__ */ jsx("h2", { className: __default63.heading, children: heading }),
-      subtitle && /* @__PURE__ */ jsx("p", { className: __default63.subtitle, children: subtitle })
+    /* @__PURE__ */ jsxs("div", { className: __default64.headingSection, children: [
+      /* @__PURE__ */ jsx("h2", { className: __default64.heading, children: heading }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: __default64.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: __default63.cardsSection, children: /* @__PURE__ */ jsx("div", { className: __default63.cardsGrid, children: testimonials.map((t, i) => {
+    /* @__PURE__ */ jsx("div", { className: __default64.cardsSection, children: /* @__PURE__ */ jsx("div", { className: __default64.cardsGrid, children: testimonials.map((t, i) => {
       const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
       return /* @__PURE__ */ jsxs(
         "div",
         {
-          className: __default63.card,
+          className: __default64.card,
           children: [
-            /* @__PURE__ */ jsxs("p", { className: __default63.quote, children: [
+            /* @__PURE__ */ jsxs("p", { className: __default64.quote, children: [
               "\u201C",
               t.quote,
               "\u201D"
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: __default63.author, children: [
+            /* @__PURE__ */ jsxs("div", { className: __default64.author, children: [
               /* @__PURE__ */ jsx(Avatar, { size: "sm", src: t.avatarSrc, initials }),
-              /* @__PURE__ */ jsxs("div", { className: __default63.authorInfo, children: [
-                /* @__PURE__ */ jsx("p", { className: __default63.authorName, children: t.name }),
-                /* @__PURE__ */ jsx("p", { className: __default63.authorRole, children: t.role })
+              /* @__PURE__ */ jsxs("div", { className: __default64.authorInfo, children: [
+                /* @__PURE__ */ jsx("p", { className: __default64.authorName, children: t.name }),
+                /* @__PURE__ */ jsx("p", { className: __default64.authorRole, children: t.role })
               ] })
             ] })
           ]
@@ -6639,7 +6972,7 @@ function PromoTestimonials({
         i
       );
     }) }) }),
-    media && /* @__PURE__ */ jsx("div", { className: __default63.mediaSection, children: /* @__PURE__ */ jsx("div", { className: __default63.mediaBox, children: media }) })
+    media && /* @__PURE__ */ jsx("div", { className: __default64.mediaSection, children: /* @__PURE__ */ jsx("div", { className: __default64.mediaBox, children: media }) })
   ] }) });
 }
 
@@ -6791,7 +7124,7 @@ __styleInject(`.PromoHero-module_root {
   align-items: center;
   justify-content: center;
 }`);
-var __default64 = { "root": "PromoHero-module_root", "dark": "PromoHero-module_dark", "light": "PromoHero-module_light", "gradient": "PromoHero-module_gradient", "glowLayer": "PromoHero-module_glowLayer", "glowTop": "PromoHero-module_glowTop", "glowBottom": "PromoHero-module_glowBottom", "inner": "PromoHero-module_inner", "textColumn": "PromoHero-module_textColumn", "title": "PromoHero-module_title", "subtitle": "PromoHero-module_subtitle", "subtitleDark": "PromoHero-module_subtitleDark", "subtitleLight": "PromoHero-module_subtitleLight", "actions": "PromoHero-module_actions", "ctaDark": "PromoHero-module_ctaDark", "ghostDark": "PromoHero-module_ghostDark", "mediaColumn": "PromoHero-module_mediaColumn" };
+var __default65 = { "root": "PromoHero-module_root", "dark": "PromoHero-module_dark", "light": "PromoHero-module_light", "gradient": "PromoHero-module_gradient", "glowLayer": "PromoHero-module_glowLayer", "glowTop": "PromoHero-module_glowTop", "glowBottom": "PromoHero-module_glowBottom", "inner": "PromoHero-module_inner", "textColumn": "PromoHero-module_textColumn", "title": "PromoHero-module_title", "subtitle": "PromoHero-module_subtitle", "subtitleDark": "PromoHero-module_subtitleDark", "subtitleLight": "PromoHero-module_subtitleLight", "actions": "PromoHero-module_actions", "ctaDark": "PromoHero-module_ctaDark", "ghostDark": "PromoHero-module_ghostDark", "mediaColumn": "PromoHero-module_mediaColumn" };
 function PromoHero({
   title,
   subtitle,
@@ -6801,30 +7134,30 @@ function PromoHero({
   variant = "dark",
   className = ""
 }) {
-  const variantClass = variant === "dark" ? __default64.dark : variant === "gradient" ? __default64.gradient : __default64.light;
-  const subtitleClass = variant === "light" ? __default64.subtitleLight : __default64.subtitleDark;
+  const variantClass = variant === "dark" ? __default65.dark : variant === "gradient" ? __default65.gradient : __default65.light;
+  const subtitleClass = variant === "light" ? __default65.subtitleLight : __default65.subtitleDark;
   const isLight = variant === "light";
   return /* @__PURE__ */ jsxs(
     "section",
     {
-      className: `${__default64.root} ${variantClass}${className ? ` ${className}` : ""}`,
+      className: `${__default65.root} ${variantClass}${className ? ` ${className}` : ""}`,
       children: [
-        !isLight && /* @__PURE__ */ jsxs("div", { className: __default64.glowLayer, "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx("div", { className: __default64.glowTop }),
-          /* @__PURE__ */ jsx("div", { className: __default64.glowBottom })
+        !isLight && /* @__PURE__ */ jsxs("div", { className: __default65.glowLayer, "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx("div", { className: __default65.glowTop }),
+          /* @__PURE__ */ jsx("div", { className: __default65.glowBottom })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: __default64.inner, children: [
-          /* @__PURE__ */ jsxs("div", { className: __default64.textColumn, children: [
-            /* @__PURE__ */ jsx("h1", { className: __default64.title, children: title }),
-            subtitle && /* @__PURE__ */ jsx("p", { className: `${__default64.subtitle} ${subtitleClass}`, children: subtitle }),
-            (cta || secondaryCta) && /* @__PURE__ */ jsxs("div", { className: __default64.actions, children: [
+        /* @__PURE__ */ jsxs("div", { className: __default65.inner, children: [
+          /* @__PURE__ */ jsxs("div", { className: __default65.textColumn, children: [
+            /* @__PURE__ */ jsx("h1", { className: __default65.title, children: title }),
+            subtitle && /* @__PURE__ */ jsx("p", { className: `${__default65.subtitle} ${subtitleClass}`, children: subtitle }),
+            (cta || secondaryCta) && /* @__PURE__ */ jsxs("div", { className: __default65.actions, children: [
               cta && /* @__PURE__ */ jsx(
                 Button,
                 {
                   variant: isLight ? "primary" : "outline",
                   size: "hero",
                   onClick: cta.onClick,
-                  className: !isLight ? __default64.ctaDark : "",
+                  className: !isLight ? __default65.ctaDark : "",
                   children: cta.label
                 }
               ),
@@ -6834,13 +7167,13 @@ function PromoHero({
                   variant: "ghost",
                   size: "hero",
                   onClick: secondaryCta.onClick,
-                  className: !isLight ? __default64.ghostDark : "",
+                  className: !isLight ? __default65.ghostDark : "",
                   children: secondaryCta.label
                 }
               )
             ] })
           ] }),
-          media && /* @__PURE__ */ jsx("div", { className: __default64.mediaColumn, children: media })
+          media && /* @__PURE__ */ jsx("div", { className: __default65.mediaColumn, children: media })
         ] })
       ]
     }
@@ -6994,7 +7327,7 @@ __styleInject(`@charset "UTF-8";
   max-width: 640px;
   width: 100%;
 }`);
-var __default65 = { "root": "PromoHeroForm-module_root", "inner": "PromoHeroForm-module_inner", "title": "PromoHeroForm-module_title", "subtitle": "PromoHeroForm-module_subtitle", "form": "PromoHeroForm-module_form", "formInner": "PromoHeroForm-module_formInner", "input": "PromoHeroForm-module_input", "hint": "PromoHeroForm-module_hint", "errorBox": "PromoHeroForm-module_errorBox" };
+var __default66 = { "root": "PromoHeroForm-module_root", "inner": "PromoHeroForm-module_inner", "title": "PromoHeroForm-module_title", "subtitle": "PromoHeroForm-module_subtitle", "form": "PromoHeroForm-module_form", "formInner": "PromoHeroForm-module_formInner", "input": "PromoHeroForm-module_input", "hint": "PromoHeroForm-module_hint", "errorBox": "PromoHeroForm-module_errorBox" };
 function PromoHeroForm({
   title,
   subtitle,
@@ -7017,17 +7350,17 @@ function PromoHeroForm({
     onSubmit == null ? void 0 : onSubmit(trimmed);
   };
   const isDisabled = loading || value.trim().length === 0;
-  return /* @__PURE__ */ jsx("section", { className: `${__default65.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default65.inner, children: [
-    /* @__PURE__ */ jsx("h1", { className: __default65.title, children: title }),
-    subtitle && /* @__PURE__ */ jsx("p", { className: __default65.subtitle, children: subtitle }),
+  return /* @__PURE__ */ jsx("section", { className: `${__default66.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default66.inner, children: [
+    /* @__PURE__ */ jsx("h1", { className: __default66.title, children: title }),
+    subtitle && /* @__PURE__ */ jsx("p", { className: __default66.subtitle, children: subtitle }),
     /* @__PURE__ */ jsx(
       "form",
       {
-        className: __default65.form,
+        className: __default66.form,
         onSubmit: handleSubmit,
         "aria-busy": loading,
         noValidate: true,
-        children: /* @__PURE__ */ jsxs("div", { className: __default65.formInner, children: [
+        children: /* @__PURE__ */ jsxs("div", { className: __default66.formInner, children: [
           /* @__PURE__ */ jsx(
             "input",
             {
@@ -7036,7 +7369,7 @@ function PromoHeroForm({
               value,
               onChange: (e) => setValue(e.target.value),
               disabled: loading,
-              className: __default65.input,
+              className: __default66.input,
               "aria-label": inputAriaLabel || inputPlaceholder
             }
           ),
@@ -7054,8 +7387,8 @@ function PromoHeroForm({
         ] })
       }
     ),
-    hint && !error && /* @__PURE__ */ jsx("p", { className: __default65.hint, children: hint }),
-    error && /* @__PURE__ */ jsx("div", { className: __default65.errorBox, role: "alert", children: error })
+    hint && !error && /* @__PURE__ */ jsx("p", { className: __default66.hint, children: hint }),
+    error && /* @__PURE__ */ jsx("div", { className: __default66.errorBox, role: "alert", children: error })
   ] }) });
 }
 
@@ -7333,7 +7666,7 @@ __styleInject(`.PromoPricing-module_root {
 .PromoPricing-module_ctaWrap {
   margin-top: auto;
 }`);
-var __default66 = { "root": "PromoPricing-module_root", "dark": "PromoPricing-module_dark", "light": "PromoPricing-module_light", "headingSection": "PromoPricing-module_headingSection", "heading": "PromoPricing-module_heading", "headingDark": "PromoPricing-module_headingDark", "headingLight": "PromoPricing-module_headingLight", "subtitle": "PromoPricing-module_subtitle", "subtitleDark": "PromoPricing-module_subtitleDark", "subtitleLight": "PromoPricing-module_subtitleLight", "tiersGrid": "PromoPricing-module_tiersGrid", "tierDefault": "PromoPricing-module_tierDefault PromoPricing-module_tierCard", "tierHighlighted": "PromoPricing-module_tierHighlighted PromoPricing-module_tierCard", "tierDark": "PromoPricing-module_tierDark PromoPricing-module_tierCard", "tierDarkHighlighted": "PromoPricing-module_tierDarkHighlighted PromoPricing-module_tierCard", "tierName": "PromoPricing-module_tierName", "tierNameMuted": "PromoPricing-module_tierNameMuted", "tierNameDark": "PromoPricing-module_tierNameDark", "tierNameHighlightedLight": "PromoPricing-module_tierNameHighlightedLight", "tierNameHighlightedDark": "PromoPricing-module_tierNameHighlightedDark", "price": "PromoPricing-module_price", "period": "PromoPricing-module_period", "periodMuted": "PromoPricing-module_periodMuted", "periodDark": "PromoPricing-module_periodDark", "periodHighlightedLight": "PromoPricing-module_periodHighlightedLight", "periodHighlightedDark": "PromoPricing-module_periodHighlightedDark", "tierDesc": "PromoPricing-module_tierDesc", "tierDescMuted": "PromoPricing-module_tierDescMuted", "tierDescDark": "PromoPricing-module_tierDescDark", "tierDescHighlightedLight": "PromoPricing-module_tierDescHighlightedLight", "tierDescHighlightedDark": "PromoPricing-module_tierDescHighlightedDark", "featureList": "PromoPricing-module_featureList", "featureItem": "PromoPricing-module_featureItem", "checkIcon": "PromoPricing-module_checkIcon", "checkDefault": "PromoPricing-module_checkDefault", "checkDark": "PromoPricing-module_checkDark", "checkHighlightedLight": "PromoPricing-module_checkHighlightedLight", "checkHighlightedDark": "PromoPricing-module_checkHighlightedDark", "featureTextMuted": "PromoPricing-module_featureTextMuted", "featureTextDark": "PromoPricing-module_featureTextDark", "featureTextHighlightedLight": "PromoPricing-module_featureTextHighlightedLight", "featureTextHighlightedDark": "PromoPricing-module_featureTextHighlightedDark", "ctaWrap": "PromoPricing-module_ctaWrap" };
+var __default67 = { "root": "PromoPricing-module_root", "dark": "PromoPricing-module_dark", "light": "PromoPricing-module_light", "headingSection": "PromoPricing-module_headingSection", "heading": "PromoPricing-module_heading", "headingDark": "PromoPricing-module_headingDark", "headingLight": "PromoPricing-module_headingLight", "subtitle": "PromoPricing-module_subtitle", "subtitleDark": "PromoPricing-module_subtitleDark", "subtitleLight": "PromoPricing-module_subtitleLight", "tiersGrid": "PromoPricing-module_tiersGrid", "tierDefault": "PromoPricing-module_tierDefault PromoPricing-module_tierCard", "tierHighlighted": "PromoPricing-module_tierHighlighted PromoPricing-module_tierCard", "tierDark": "PromoPricing-module_tierDark PromoPricing-module_tierCard", "tierDarkHighlighted": "PromoPricing-module_tierDarkHighlighted PromoPricing-module_tierCard", "tierName": "PromoPricing-module_tierName", "tierNameMuted": "PromoPricing-module_tierNameMuted", "tierNameDark": "PromoPricing-module_tierNameDark", "tierNameHighlightedLight": "PromoPricing-module_tierNameHighlightedLight", "tierNameHighlightedDark": "PromoPricing-module_tierNameHighlightedDark", "price": "PromoPricing-module_price", "period": "PromoPricing-module_period", "periodMuted": "PromoPricing-module_periodMuted", "periodDark": "PromoPricing-module_periodDark", "periodHighlightedLight": "PromoPricing-module_periodHighlightedLight", "periodHighlightedDark": "PromoPricing-module_periodHighlightedDark", "tierDesc": "PromoPricing-module_tierDesc", "tierDescMuted": "PromoPricing-module_tierDescMuted", "tierDescDark": "PromoPricing-module_tierDescDark", "tierDescHighlightedLight": "PromoPricing-module_tierDescHighlightedLight", "tierDescHighlightedDark": "PromoPricing-module_tierDescHighlightedDark", "featureList": "PromoPricing-module_featureList", "featureItem": "PromoPricing-module_featureItem", "checkIcon": "PromoPricing-module_checkIcon", "checkDefault": "PromoPricing-module_checkDefault", "checkDark": "PromoPricing-module_checkDark", "checkHighlightedLight": "PromoPricing-module_checkHighlightedLight", "checkHighlightedDark": "PromoPricing-module_checkHighlightedDark", "featureTextMuted": "PromoPricing-module_featureTextMuted", "featureTextDark": "PromoPricing-module_featureTextDark", "featureTextHighlightedLight": "PromoPricing-module_featureTextHighlightedLight", "featureTextHighlightedDark": "PromoPricing-module_featureTextHighlightedDark", "ctaWrap": "PromoPricing-module_ctaWrap" };
 function PromoPricing({
   heading,
   subtitle,
@@ -7343,50 +7676,50 @@ function PromoPricing({
 }) {
   const isDark = variant === "dark";
   const getTierClass = (highlighted) => {
-    if (highlighted) return isDark ? __default66.tierDarkHighlighted : __default66.tierHighlighted;
-    return isDark ? __default66.tierDark : __default66.tierDefault;
+    if (highlighted) return isDark ? __default67.tierDarkHighlighted : __default67.tierHighlighted;
+    return isDark ? __default67.tierDark : __default67.tierDefault;
   };
   const getNameClass = (highlighted) => {
-    if (highlighted) return isDark ? __default66.tierNameHighlightedDark : __default66.tierNameHighlightedLight;
-    return isDark ? __default66.tierNameDark : __default66.tierNameMuted;
+    if (highlighted) return isDark ? __default67.tierNameHighlightedDark : __default67.tierNameHighlightedLight;
+    return isDark ? __default67.tierNameDark : __default67.tierNameMuted;
   };
   const getPeriodClass = (highlighted) => {
-    if (highlighted) return isDark ? __default66.periodHighlightedDark : __default66.periodHighlightedLight;
-    return isDark ? __default66.periodDark : __default66.periodMuted;
+    if (highlighted) return isDark ? __default67.periodHighlightedDark : __default67.periodHighlightedLight;
+    return isDark ? __default67.periodDark : __default67.periodMuted;
   };
   const getDescClass = (highlighted) => {
-    if (highlighted) return isDark ? __default66.tierDescHighlightedDark : __default66.tierDescHighlightedLight;
-    return isDark ? __default66.tierDescDark : __default66.tierDescMuted;
+    if (highlighted) return isDark ? __default67.tierDescHighlightedDark : __default67.tierDescHighlightedLight;
+    return isDark ? __default67.tierDescDark : __default67.tierDescMuted;
   };
   const getCheckClass = (highlighted) => {
-    if (highlighted) return isDark ? __default66.checkHighlightedDark : __default66.checkHighlightedLight;
-    return isDark ? __default66.checkDark : __default66.checkDefault;
+    if (highlighted) return isDark ? __default67.checkHighlightedDark : __default67.checkHighlightedLight;
+    return isDark ? __default67.checkDark : __default67.checkDefault;
   };
   const getFeatureTextClass = (highlighted) => {
-    if (highlighted) return isDark ? __default66.featureTextHighlightedDark : __default66.featureTextHighlightedLight;
-    return isDark ? __default66.featureTextDark : __default66.featureTextMuted;
+    if (highlighted) return isDark ? __default67.featureTextHighlightedDark : __default67.featureTextHighlightedLight;
+    return isDark ? __default67.featureTextDark : __default67.featureTextMuted;
   };
   return /* @__PURE__ */ jsxs(
     "section",
     {
-      className: `${__default66.root} ${isDark ? __default66.dark : __default66.light}${className ? ` ${className}` : ""}`,
+      className: `${__default67.root} ${isDark ? __default67.dark : __default67.light}${className ? ` ${className}` : ""}`,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: __default66.headingSection, children: [
-          /* @__PURE__ */ jsx("h2", { className: `${__default66.heading} ${isDark ? __default66.headingDark : __default66.headingLight}`, children: heading }),
-          subtitle && /* @__PURE__ */ jsx("p", { className: `${__default66.subtitle} ${isDark ? __default66.subtitleDark : __default66.subtitleLight}`, children: subtitle })
+        /* @__PURE__ */ jsxs("div", { className: __default67.headingSection, children: [
+          /* @__PURE__ */ jsx("h2", { className: `${__default67.heading} ${isDark ? __default67.headingDark : __default67.headingLight}`, children: heading }),
+          subtitle && /* @__PURE__ */ jsx("p", { className: `${__default67.subtitle} ${isDark ? __default67.subtitleDark : __default67.subtitleLight}`, children: subtitle })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: __default66.tiersGrid, children: tiers.map((tier, i) => /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx("div", { className: __default67.tiersGrid, children: tiers.map((tier, i) => /* @__PURE__ */ jsxs(
           "div",
           {
             className: getTierClass(tier.highlighted),
             children: [
-              /* @__PURE__ */ jsx("div", { className: __default66.tierName, children: /* @__PURE__ */ jsx("h3", { className: getNameClass(tier.highlighted), children: tier.name }) }),
-              /* @__PURE__ */ jsxs("div", { className: __default66.price, children: [
+              /* @__PURE__ */ jsx("div", { className: __default67.tierName, children: /* @__PURE__ */ jsx("h3", { className: getNameClass(tier.highlighted), children: tier.name }) }),
+              /* @__PURE__ */ jsxs("div", { className: __default67.price, children: [
                 /* @__PURE__ */ jsx("span", { children: tier.price }),
-                tier.period && /* @__PURE__ */ jsx("span", { className: `${__default66.period} ${getPeriodClass(tier.highlighted)}`, children: tier.period })
+                tier.period && /* @__PURE__ */ jsx("span", { className: `${__default67.period} ${getPeriodClass(tier.highlighted)}`, children: tier.period })
               ] }),
-              tier.description && /* @__PURE__ */ jsx("p", { className: `${__default66.tierDesc} ${getDescClass(tier.highlighted)}`, children: tier.description }),
-              /* @__PURE__ */ jsx("ul", { className: __default66.featureList, children: tier.features.map((feature, fi) => /* @__PURE__ */ jsxs("li", { className: __default66.featureItem, children: [
+              tier.description && /* @__PURE__ */ jsx("p", { className: `${__default67.tierDesc} ${getDescClass(tier.highlighted)}`, children: tier.description }),
+              /* @__PURE__ */ jsx("ul", { className: __default67.featureList, children: tier.features.map((feature, fi) => /* @__PURE__ */ jsxs("li", { className: __default67.featureItem, children: [
                 /* @__PURE__ */ jsx(
                   "svg",
                   {
@@ -7394,13 +7727,13 @@ function PromoPricing({
                     height: "16",
                     viewBox: "0 0 16 16",
                     fill: "none",
-                    className: `${__default66.checkIcon} ${getCheckClass(tier.highlighted)}`,
+                    className: `${__default67.checkIcon} ${getCheckClass(tier.highlighted)}`,
                     children: /* @__PURE__ */ jsx("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
                   }
                 ),
                 /* @__PURE__ */ jsx("span", { className: getFeatureTextClass(tier.highlighted), children: feature })
               ] }, fi)) }),
-              tier.cta && /* @__PURE__ */ jsx("div", { className: __default66.ctaWrap, children: tier.cta })
+              tier.cta && /* @__PURE__ */ jsx("div", { className: __default67.ctaWrap, children: tier.cta })
             ]
           },
           i
@@ -7558,7 +7891,7 @@ __styleInject(`.PromoActionCards-module_root {
 .PromoActionCards-module_ctaBtn:hover {
   opacity: 0.9;
 }`);
-var __default67 = { "root": "PromoActionCards-module_root", "header": "PromoActionCards-module_header", "heading": "PromoActionCards-module_heading", "subtitle": "PromoActionCards-module_subtitle", "grid2": "PromoActionCards-module_grid2 PromoActionCards-module_grid", "grid3": "PromoActionCards-module_grid3 PromoActionCards-module_grid", "card": "PromoActionCards-module_card", "cardContent": "PromoActionCards-module_cardContent", "cardTitle": "PromoActionCards-module_cardTitle", "cardDesc": "PromoActionCards-module_cardDesc", "cardFooter": "PromoActionCards-module_cardFooter", "iconGroup": "PromoActionCards-module_iconGroup", "iconCircle": "PromoActionCards-module_iconCircle", "ctaBtn": "PromoActionCards-module_ctaBtn" };
+var __default68 = { "root": "PromoActionCards-module_root", "header": "PromoActionCards-module_header", "heading": "PromoActionCards-module_heading", "subtitle": "PromoActionCards-module_subtitle", "grid2": "PromoActionCards-module_grid2 PromoActionCards-module_grid", "grid3": "PromoActionCards-module_grid3 PromoActionCards-module_grid", "card": "PromoActionCards-module_card", "cardContent": "PromoActionCards-module_cardContent", "cardTitle": "PromoActionCards-module_cardTitle", "cardDesc": "PromoActionCards-module_cardDesc", "cardFooter": "PromoActionCards-module_cardFooter", "iconGroup": "PromoActionCards-module_iconGroup", "iconCircle": "PromoActionCards-module_iconCircle", "ctaBtn": "PromoActionCards-module_ctaBtn" };
 function PromoActionCards({
   heading,
   subtitle,
@@ -7566,28 +7899,28 @@ function PromoActionCards({
   columns = 3,
   className = ""
 }) {
-  const gridClass = columns === 2 ? __default67.grid2 : __default67.grid3;
-  return /* @__PURE__ */ jsxs("section", { className: `${__default67.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: __default67.header, children: [
-      /* @__PURE__ */ jsx("h2", { className: __default67.heading, children: heading }),
-      subtitle && /* @__PURE__ */ jsx("p", { className: __default67.subtitle, children: subtitle })
+  const gridClass = columns === 2 ? __default68.grid2 : __default68.grid3;
+  return /* @__PURE__ */ jsxs("section", { className: `${__default68.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: __default68.header, children: [
+      /* @__PURE__ */ jsx("h2", { className: __default68.heading, children: heading }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: __default68.subtitle, children: subtitle })
     ] }),
     /* @__PURE__ */ jsx("div", { className: gridClass, children: cards.map((card, i) => {
       var _a;
       return /* @__PURE__ */ jsxs(
         "div",
         {
-          className: __default67.card,
+          className: __default68.card,
           children: [
-            /* @__PURE__ */ jsxs("div", { className: __default67.cardContent, children: [
-              /* @__PURE__ */ jsx("h3", { className: __default67.cardTitle, children: card.title }),
-              /* @__PURE__ */ jsx("p", { className: __default67.cardDesc, children: card.description })
+            /* @__PURE__ */ jsxs("div", { className: __default68.cardContent, children: [
+              /* @__PURE__ */ jsx("h3", { className: __default68.cardTitle, children: card.title }),
+              /* @__PURE__ */ jsx("p", { className: __default68.cardDesc, children: card.description })
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: __default67.cardFooter, children: [
-              /* @__PURE__ */ jsx("div", { className: __default67.iconGroup, children: (_a = card.icons) == null ? void 0 : _a.map((icon, ii) => /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsxs("div", { className: __default68.cardFooter, children: [
+              /* @__PURE__ */ jsx("div", { className: __default68.iconGroup, children: (_a = card.icons) == null ? void 0 : _a.map((icon, ii) => /* @__PURE__ */ jsx(
                 "span",
                 {
-                  className: __default67.iconCircle,
+                  className: __default68.iconCircle,
                   children: icon
                 },
                 ii
@@ -7596,7 +7929,7 @@ function PromoActionCards({
                 "button",
                 {
                   onClick: card.cta.onClick,
-                  className: __default67.ctaBtn,
+                  className: __default68.ctaBtn,
                   children: [
                     card.cta.label,
                     /* @__PURE__ */ jsx("svg", { width: "11", height: "11", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M4.5 2.5l4 3.5-4 3.5" }) })
@@ -7719,7 +8052,7 @@ __styleInject(`.ArticleHero-module_root {
   color: rgba(255, 255, 255, 0.9);
   line-height: 22.5px;
 }`);
-var __default68 = { "root": "ArticleHero-module_root", "bgLayer": "ArticleHero-module_bgLayer", "bgImage": "ArticleHero-module_bgImage", "overlay": "ArticleHero-module_overlay", "topBar": "ArticleHero-module_topBar", "logo": "ArticleHero-module_logo", "divider": "ArticleHero-module_divider", "nav": "ArticleHero-module_nav", "bottom": "ArticleHero-module_bottom", "category": "ArticleHero-module_category", "title": "ArticleHero-module_title", "subtitle": "ArticleHero-module_subtitle" };
+var __default69 = { "root": "ArticleHero-module_root", "bgLayer": "ArticleHero-module_bgLayer", "bgImage": "ArticleHero-module_bgImage", "overlay": "ArticleHero-module_overlay", "topBar": "ArticleHero-module_topBar", "logo": "ArticleHero-module_logo", "divider": "ArticleHero-module_divider", "nav": "ArticleHero-module_nav", "bottom": "ArticleHero-module_bottom", "category": "ArticleHero-module_category", "title": "ArticleHero-module_title", "subtitle": "ArticleHero-module_subtitle" };
 var DEFAULT_BG = "https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&h=900&fit=crop&q=80";
 function ArticleHero({
   category,
@@ -7731,20 +8064,20 @@ function ArticleHero({
   className = ""
 }) {
   const bgSrc = backgroundImage != null ? backgroundImage : DEFAULT_BG;
-  return /* @__PURE__ */ jsxs("section", { className: `${__default68.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: __default68.bgLayer, children: [
-      /* @__PURE__ */ jsx("img", { src: bgSrc, alt: "", className: __default68.bgImage }),
-      /* @__PURE__ */ jsx("div", { className: __default68.overlay })
+  return /* @__PURE__ */ jsxs("section", { className: `${__default69.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: __default69.bgLayer, children: [
+      /* @__PURE__ */ jsx("img", { src: bgSrc, alt: "", className: __default69.bgImage }),
+      /* @__PURE__ */ jsx("div", { className: __default69.overlay })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: __default68.topBar, children: [
-      logo && /* @__PURE__ */ jsx("div", { className: __default68.logo, children: logo }),
-      /* @__PURE__ */ jsx("div", { className: __default68.divider }),
-      nav && /* @__PURE__ */ jsx("div", { className: __default68.nav, children: nav })
+    /* @__PURE__ */ jsxs("div", { className: __default69.topBar, children: [
+      logo && /* @__PURE__ */ jsx("div", { className: __default69.logo, children: logo }),
+      /* @__PURE__ */ jsx("div", { className: __default69.divider }),
+      nav && /* @__PURE__ */ jsx("div", { className: __default69.nav, children: nav })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: __default68.bottom, children: [
-      category && /* @__PURE__ */ jsx("p", { className: __default68.category, children: category }),
-      /* @__PURE__ */ jsx("h1", { className: __default68.title, children: title }),
-      subtitle && /* @__PURE__ */ jsx("p", { className: __default68.subtitle, children: subtitle })
+    /* @__PURE__ */ jsxs("div", { className: __default69.bottom, children: [
+      category && /* @__PURE__ */ jsx("p", { className: __default69.category, children: category }),
+      /* @__PURE__ */ jsx("h1", { className: __default69.title, children: title }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: __default69.subtitle, children: subtitle })
     ] })
   ] });
 }
@@ -7756,9 +8089,9 @@ __styleInject(`.ArticleBody-module_root {
   color: var(--fg-secondary);
   font-weight: 400;
 }`);
-var __default69 = { "root": "ArticleBody-module_root" };
+var __default70 = { "root": "ArticleBody-module_root" };
 function ArticleBody({ children, className = "" }) {
-  return /* @__PURE__ */ jsx("div", { className: `${__default69.root}${className ? ` ${className}` : ""}`, children });
+  return /* @__PURE__ */ jsx("div", { className: `${__default70.root}${className ? ` ${className}` : ""}`, children });
 }
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleHeading.module.scss
@@ -7801,10 +8134,10 @@ __styleInject(`.ArticleHeading-module_root {
   line-height: 1.25rem;
   color: var(--fg-muted);
 }`);
-var __default70 = { "root": "ArticleHeading-module_root", "header": "ArticleHeading-module_header", "h2": "ArticleHeading-module_h2", "h3": "ArticleHeading-module_h3", "action": "ArticleHeading-module_action", "subtitle": "ArticleHeading-module_subtitle" };
+var __default71 = { "root": "ArticleHeading-module_root", "header": "ArticleHeading-module_header", "h2": "ArticleHeading-module_h2", "h3": "ArticleHeading-module_h3", "action": "ArticleHeading-module_action", "subtitle": "ArticleHeading-module_subtitle" };
 var levelClass = {
-  2: __default70.h2,
-  3: __default70.h3
+  2: __default71.h2,
+  3: __default71.h3
 };
 function ArticleHeading({
   level = 2,
@@ -7814,12 +8147,12 @@ function ArticleHeading({
   className = ""
 }) {
   const Tag2 = `h${level}`;
-  return /* @__PURE__ */ jsxs("div", { className: `${__default70.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: __default70.header, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${__default71.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: __default71.header, children: [
       /* @__PURE__ */ jsx(Tag2, { className: levelClass[level], children }),
-      action && /* @__PURE__ */ jsx("div", { className: __default70.action, children: action })
+      action && /* @__PURE__ */ jsx("div", { className: __default71.action, children: action })
     ] }),
-    subtitle && /* @__PURE__ */ jsx("p", { className: __default70.subtitle, children: subtitle })
+    subtitle && /* @__PURE__ */ jsx("p", { className: __default71.subtitle, children: subtitle })
   ] });
 }
 
@@ -7895,7 +8228,7 @@ __styleInject(`.ArticleFigure-module_root {
   line-height: 1.25rem;
   color: var(--fg-muted);
 }`);
-var __default71 = { "root": "ArticleFigure-module_root", "imageWrapper": "ArticleFigure-module_imageWrapper", "image": "ArticleFigure-module_image", "childWrapper": "ArticleFigure-module_childWrapper", "placeholder": "ArticleFigure-module_placeholder", "placeholderText": "ArticleFigure-module_placeholderText", "legend": "ArticleFigure-module_legend", "legendItem": "ArticleFigure-module_legendItem", "legendSwatch": "ArticleFigure-module_legendSwatch", "legendLabel": "ArticleFigure-module_legendLabel", "caption": "ArticleFigure-module_caption" };
+var __default72 = { "root": "ArticleFigure-module_root", "imageWrapper": "ArticleFigure-module_imageWrapper", "image": "ArticleFigure-module_image", "childWrapper": "ArticleFigure-module_childWrapper", "placeholder": "ArticleFigure-module_placeholder", "placeholderText": "ArticleFigure-module_placeholderText", "legend": "ArticleFigure-module_legend", "legendItem": "ArticleFigure-module_legendItem", "legendSwatch": "ArticleFigure-module_legendSwatch", "legendLabel": "ArticleFigure-module_legendLabel", "caption": "ArticleFigure-module_caption" };
 function ArticleFigure({
   src,
   alt = "",
@@ -7905,35 +8238,35 @@ function ArticleFigure({
   children,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs("figure", { className: `${__default71.root}${className ? ` ${className}` : ""}`, children: [
+  return /* @__PURE__ */ jsxs("figure", { className: `${__default72.root}${className ? ` ${className}` : ""}`, children: [
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: __default71.imageWrapper,
+        className: __default72.imageWrapper,
         style: { minHeight: height },
         children: src ? (
           // eslint-disable-next-line @next/next/no-img-element
-          /* @__PURE__ */ jsx("img", { src, alt, className: __default71.image })
-        ) : children ? /* @__PURE__ */ jsx("div", { className: __default71.childWrapper, children }) : /* @__PURE__ */ jsxs("div", { className: __default71.placeholder, children: [
+          /* @__PURE__ */ jsx("img", { src, alt, className: __default72.image })
+        ) : children ? /* @__PURE__ */ jsx("div", { className: __default72.childWrapper, children }) : /* @__PURE__ */ jsxs("div", { className: __default72.placeholder, children: [
           /* @__PURE__ */ jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
             /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
             /* @__PURE__ */ jsx("path", { d: "M3 16l5-5 4 4 4-6 5 7" })
           ] }),
-          /* @__PURE__ */ jsx("span", { className: __default71.placeholderText, children: "Figure placeholder" })
+          /* @__PURE__ */ jsx("span", { className: __default72.placeholderText, children: "Figure placeholder" })
         ] })
       }
     ),
-    legend && legend.length > 0 && /* @__PURE__ */ jsx("div", { className: __default71.legend, children: legend.map((item) => /* @__PURE__ */ jsxs("div", { className: __default71.legendItem, children: [
+    legend && legend.length > 0 && /* @__PURE__ */ jsx("div", { className: __default72.legend, children: legend.map((item) => /* @__PURE__ */ jsxs("div", { className: __default72.legendItem, children: [
       /* @__PURE__ */ jsx(
         "span",
         {
-          className: __default71.legendSwatch,
+          className: __default72.legendSwatch,
           style: { backgroundColor: item.color }
         }
       ),
-      /* @__PURE__ */ jsx("span", { className: __default71.legendLabel, children: item.label })
+      /* @__PURE__ */ jsx("span", { className: __default72.legendLabel, children: item.label })
     ] }, item.label)) }),
-    caption && /* @__PURE__ */ jsx("figcaption", { className: __default71.caption, children: caption })
+    caption && /* @__PURE__ */ jsx("figcaption", { className: __default72.caption, children: caption })
   ] });
 }
 
@@ -8026,7 +8359,7 @@ __styleInject(`.ArticleTable-module_root {
 .ArticleTable-module_showMore:hover {
   color: var(--fg);
 }`);
-var __default72 = { "root": "ArticleTable-module_root", "headerRow": "ArticleTable-module_headerRow", "rankCell": "ArticleTable-module_rankCell", "headerCell": "ArticleTable-module_headerCell", "headerLabel": "ArticleTable-module_headerLabel", "row": "ArticleTable-module_row", "rankValue": "ArticleTable-module_rankValue", "cell": "ArticleTable-module_cell", "cellText": "ArticleTable-module_cellText", "badge": "ArticleTable-module_badge", "showMore": "ArticleTable-module_showMore" };
+var __default73 = { "root": "ArticleTable-module_root", "headerRow": "ArticleTable-module_headerRow", "rankCell": "ArticleTable-module_rankCell", "headerCell": "ArticleTable-module_headerCell", "headerLabel": "ArticleTable-module_headerLabel", "row": "ArticleTable-module_row", "rankValue": "ArticleTable-module_rankValue", "cell": "ArticleTable-module_cell", "cellText": "ArticleTable-module_cellText", "badge": "ArticleTable-module_badge", "showMore": "ArticleTable-module_showMore" };
 function ArticleTable({
   columns,
   rows,
@@ -8038,19 +8371,19 @@ function ArticleTable({
   const limit = initialVisible != null ? initialVisible : rows.length;
   const visibleRows = expanded ? rows : rows.slice(0, limit);
   const hiddenCount = rows.length - limit;
-  return /* @__PURE__ */ jsxs("div", { className: `${__default72.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: __default72.headerRow, children: [
-      showRank && /* @__PURE__ */ jsx("div", { className: __default72.rankCell }),
-      columns.map((col) => /* @__PURE__ */ jsx("div", { className: __default72.headerCell, children: /* @__PURE__ */ jsx("span", { className: __default72.headerLabel, children: col.label }) }, col.key))
+  return /* @__PURE__ */ jsxs("div", { className: `${__default73.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: __default73.headerRow, children: [
+      showRank && /* @__PURE__ */ jsx("div", { className: __default73.rankCell }),
+      columns.map((col) => /* @__PURE__ */ jsx("div", { className: __default73.headerCell, children: /* @__PURE__ */ jsx("span", { className: __default73.headerLabel, children: col.label }) }, col.key))
     ] }),
-    /* @__PURE__ */ jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxs("div", { className: __default72.row, children: [
-      showRank && /* @__PURE__ */ jsx("div", { className: __default72.rankValue, children: /* @__PURE__ */ jsx("span", { children: i + 1 }) }),
+    /* @__PURE__ */ jsx("div", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsxs("div", { className: __default73.row, children: [
+      showRank && /* @__PURE__ */ jsx("div", { className: __default73.rankValue, children: /* @__PURE__ */ jsx("span", { children: i + 1 }) }),
       columns.map((col) => {
         const value = row[col.key];
         const hasBadge = row._badge && row._badgeColumn === col.key;
-        return /* @__PURE__ */ jsxs("div", { className: __default72.cell, children: [
-          col.render ? col.render(value, row) : /* @__PURE__ */ jsx("span", { className: __default72.cellText, children: String(value != null ? value : "") }),
-          hasBadge && /* @__PURE__ */ jsx("span", { className: __default72.badge, children: row._badge })
+        return /* @__PURE__ */ jsxs("div", { className: __default73.cell, children: [
+          col.render ? col.render(value, row) : /* @__PURE__ */ jsx("span", { className: __default73.cellText, children: String(value != null ? value : "") }),
+          hasBadge && /* @__PURE__ */ jsx("span", { className: __default73.badge, children: row._badge })
         ] }, col.key);
       })
     ] }, i)) }),
@@ -8058,7 +8391,7 @@ function ArticleTable({
       "button",
       {
         onClick: () => setExpanded(true),
-        className: __default72.showMore,
+        className: __default73.showMore,
         children: [
           "Show ",
           hiddenCount,
@@ -8091,19 +8424,19 @@ __styleInject(`.ArticleList-module_root {
 .ArticleList-module_item {
   padding-left: 0.25rem;
 }`);
-var __default73 = { "root": "ArticleList-module_root", "ordered": "ArticleList-module_ordered", "unordered": "ArticleList-module_unordered", "item": "ArticleList-module_item" };
+var __default74 = { "root": "ArticleList-module_root", "ordered": "ArticleList-module_ordered", "unordered": "ArticleList-module_unordered", "item": "ArticleList-module_item" };
 function ArticleList({
   variant = "unordered",
   items,
   className = ""
 }) {
   const Tag2 = variant === "ordered" ? "ol" : "ul";
-  const variantClass = variant === "ordered" ? __default73.ordered : __default73.unordered;
+  const variantClass = variant === "ordered" ? __default74.ordered : __default74.unordered;
   return /* @__PURE__ */ jsx(
     Tag2,
     {
-      className: `${__default73.root} ${variantClass}${className ? ` ${className}` : ""}`,
-      children: items.map((item, i) => /* @__PURE__ */ jsx("li", { className: __default73.item, children: item }, i))
+      className: `${__default74.root} ${variantClass}${className ? ` ${className}` : ""}`,
+      children: items.map((item, i) => /* @__PURE__ */ jsx("li", { className: __default74.item, children: item }, i))
     }
   );
 }
@@ -8115,9 +8448,9 @@ __styleInject(`.ArticleNote-module_root {
   color: var(--fg-secondary);
   font-style: italic;
 }`);
-var __default74 = { "root": "ArticleNote-module_root" };
+var __default75 = { "root": "ArticleNote-module_root" };
 function ArticleNote({ children, className = "" }) {
-  return /* @__PURE__ */ jsx("p", { className: `${__default74.root}${className ? ` ${className}` : ""}`, children });
+  return /* @__PURE__ */ jsx("p", { className: `${__default75.root}${className ? ` ${className}` : ""}`, children });
 }
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChatBlock.module.scss
@@ -8230,11 +8563,11 @@ __styleInject(`.ArticleChatBlock-module_root {
 .ArticleChatBlock-module_showMoreBtn:hover {
   color: var(--fg);
 }`);
-var __default75 = { "root": "ArticleChatBlock-module_root", "assistant": "ArticleChatBlock-module_assistant", "system": "ArticleChatBlock-module_system", "user": "ArticleChatBlock-module_user", "header": "ArticleChatBlock-module_header", "roleLabel": "ArticleChatBlock-module_roleLabel", "toolBadge": "ArticleChatBlock-module_toolBadge", "toolBadgeInner": "ArticleChatBlock-module_toolBadgeInner", "toolDot": "ArticleChatBlock-module_toolDot", "toolLabel": "ArticleChatBlock-module_toolLabel", "divider": "ArticleChatBlock-module_divider", "contentWrapper": "ArticleChatBlock-module_contentWrapper", "content": "ArticleChatBlock-module_content", "fadeOverlay": "ArticleChatBlock-module_fadeOverlay", "fadeGradient": "ArticleChatBlock-module_fadeGradient", "showMoreBar": "ArticleChatBlock-module_showMoreBar", "showMoreBtn": "ArticleChatBlock-module_showMoreBtn" };
+var __default76 = { "root": "ArticleChatBlock-module_root", "assistant": "ArticleChatBlock-module_assistant", "system": "ArticleChatBlock-module_system", "user": "ArticleChatBlock-module_user", "header": "ArticleChatBlock-module_header", "roleLabel": "ArticleChatBlock-module_roleLabel", "toolBadge": "ArticleChatBlock-module_toolBadge", "toolBadgeInner": "ArticleChatBlock-module_toolBadgeInner", "toolDot": "ArticleChatBlock-module_toolDot", "toolLabel": "ArticleChatBlock-module_toolLabel", "divider": "ArticleChatBlock-module_divider", "contentWrapper": "ArticleChatBlock-module_contentWrapper", "content": "ArticleChatBlock-module_content", "fadeOverlay": "ArticleChatBlock-module_fadeOverlay", "fadeGradient": "ArticleChatBlock-module_fadeGradient", "showMoreBar": "ArticleChatBlock-module_showMoreBar", "showMoreBtn": "ArticleChatBlock-module_showMoreBtn" };
 var roleConfig = {
-  assistant: { cls: __default75.assistant, gradient: "var(--bg-secondary)" },
-  system: { cls: __default75.system, gradient: "var(--bg-tertiary)" },
-  user: { cls: __default75.user, gradient: "var(--bg-secondary)" }
+  assistant: { cls: __default76.assistant, gradient: "var(--bg-secondary)" },
+  system: { cls: __default76.system, gradient: "var(--bg-tertiary)" },
+  user: { cls: __default76.user, gradient: "var(--bg-secondary)" }
 };
 function ArticleChatBlock({
   role,
@@ -8248,40 +8581,40 @@ function ArticleChatBlock({
   var _a;
   const [expanded, setExpanded] = useState(false);
   const config = (_a = roleConfig[role]) != null ? _a : roleConfig.assistant;
-  return /* @__PURE__ */ jsxs("div", { className: `${__default75.root} ${config.cls}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsx("div", { className: __default75.header, children: /* @__PURE__ */ jsxs("span", { className: __default75.roleLabel, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${__default76.root} ${config.cls}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: __default76.header, children: /* @__PURE__ */ jsxs("span", { className: __default76.roleLabel, children: [
       role,
       model && ` \u2022 ${model}`
     ] }) }),
-    toolCall && /* @__PURE__ */ jsx("div", { className: __default75.toolBadge, children: /* @__PURE__ */ jsxs("div", { className: __default75.toolBadgeInner, children: [
-      /* @__PURE__ */ jsx("span", { className: __default75.toolDot }),
-      /* @__PURE__ */ jsx("span", { className: __default75.toolLabel, children: toolCall })
+    toolCall && /* @__PURE__ */ jsx("div", { className: __default76.toolBadge, children: /* @__PURE__ */ jsxs("div", { className: __default76.toolBadgeInner, children: [
+      /* @__PURE__ */ jsx("span", { className: __default76.toolDot }),
+      /* @__PURE__ */ jsx("span", { className: __default76.toolLabel, children: toolCall })
     ] }) }),
-    /* @__PURE__ */ jsx("div", { className: __default75.divider }),
-    /* @__PURE__ */ jsxs("div", { className: __default75.contentWrapper, children: [
+    /* @__PURE__ */ jsx("div", { className: __default76.divider }),
+    /* @__PURE__ */ jsxs("div", { className: __default76.contentWrapper, children: [
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: __default75.content,
+          className: __default76.content,
           style: collapsible && !expanded ? { maxHeight: collapsedHeight, overflow: "hidden" } : void 0,
           children
         }
       ),
-      collapsible && !expanded && /* @__PURE__ */ jsxs("div", { className: __default75.fadeOverlay, children: [
+      collapsible && !expanded && /* @__PURE__ */ jsxs("div", { className: __default76.fadeOverlay, children: [
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: __default75.fadeGradient,
+            className: __default76.fadeGradient,
             style: {
               background: `linear-gradient(to top, ${config.gradient}, transparent)`
             }
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: `${__default75.showMoreBar} ${config.cls}`, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: `${__default76.showMoreBar} ${config.cls}`, children: /* @__PURE__ */ jsx(
           "button",
           {
             onClick: () => setExpanded(true),
-            className: __default75.showMoreBtn,
+            className: __default76.showMoreBtn,
             children: "Show more"
           }
         ) })
@@ -8313,14 +8646,14 @@ __styleInject(`.ArticleLinkButton-module_root {
 .ArticleLinkButton-module_root:active {
   opacity: 0.8;
 }`);
-var __default76 = { "root": "ArticleLinkButton-module_root" };
+var __default77 = { "root": "ArticleLinkButton-module_root" };
 function ArticleLinkButton({
   children,
   href,
   onClick,
   className = ""
 }) {
-  const cls = `${__default76.root}${className ? ` ${className}` : ""}`;
+  const cls = `${__default77.root}${className ? ` ${className}` : ""}`;
   if (href) {
     return /* @__PURE__ */ jsx("a", { href, className: cls, children });
   }
@@ -8357,18 +8690,18 @@ __styleInject(`.ArticleFooter-module_root {
   line-height: 1.25rem;
   color: var(--fg-muted);
 }`);
-var __default77 = { "root": "ArticleFooter-module_root", "topBar": "ArticleFooter-module_topBar", "logo": "ArticleFooter-module_logo", "divider": "ArticleFooter-module_divider", "copyright": "ArticleFooter-module_copyright" };
+var __default78 = { "root": "ArticleFooter-module_root", "topBar": "ArticleFooter-module_topBar", "logo": "ArticleFooter-module_logo", "divider": "ArticleFooter-module_divider", "copyright": "ArticleFooter-module_copyright" };
 function ArticleFooter({
   logo,
   copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} All rights reserved.`,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs("footer", { className: `${__default77.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: __default77.topBar, children: [
-      logo && /* @__PURE__ */ jsx("div", { className: __default77.logo, children: logo }),
-      /* @__PURE__ */ jsx("div", { className: __default77.divider })
+  return /* @__PURE__ */ jsxs("footer", { className: `${__default78.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: __default78.topBar, children: [
+      logo && /* @__PURE__ */ jsx("div", { className: __default78.logo, children: logo }),
+      /* @__PURE__ */ jsx("div", { className: __default78.divider })
     ] }),
-    /* @__PURE__ */ jsx("p", { className: __default77.copyright, children: copyright })
+    /* @__PURE__ */ jsx("p", { className: __default78.copyright, children: copyright })
   ] });
 }
 
@@ -8391,15 +8724,15 @@ __styleInject(`.ArticleLayout-module_root {
   width: 100%;
   max-width: 720px;
 }`);
-var __default78 = { "root": "ArticleLayout-module_root", "wide": "ArticleLayout-module_wide", "narrow": "ArticleLayout-module_narrow" };
+var __default79 = { "root": "ArticleLayout-module_root", "wide": "ArticleLayout-module_wide", "narrow": "ArticleLayout-module_narrow" };
 function ArticleLayout({ children, className = "" }) {
-  return /* @__PURE__ */ jsx("article", { className: `${__default78.root}${className ? ` ${className}` : ""}`, children });
+  return /* @__PURE__ */ jsx("article", { className: `${__default79.root}${className ? ` ${className}` : ""}`, children });
 }
 function ArticleWide({ children, className = "" }) {
-  return /* @__PURE__ */ jsx("div", { className: `${__default78.wide}${className ? ` ${className}` : ""}`, children });
+  return /* @__PURE__ */ jsx("div", { className: `${__default79.wide}${className ? ` ${className}` : ""}`, children });
 }
 function ArticleNarrow({ children, className = "" }) {
-  return /* @__PURE__ */ jsx("div", { className: `${__default78.narrow}${className ? ` ${className}` : ""}`, children });
+  return /* @__PURE__ */ jsx("div", { className: `${__default79.narrow}${className ? ` ${className}` : ""}`, children });
 }
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChart.module.scss
@@ -8486,7 +8819,7 @@ __styleInject(`.ArticleChart-module_figure {
   line-height: 1rem;
   color: var(--fg-secondary);
 }`);
-var __default79 = { "figure": "ArticleChart-module_figure", "chartWrapper": "ArticleChart-module_chartWrapper", "tooltip": "ArticleChart-module_tooltip", "tooltipLabel": "ArticleChart-module_tooltipLabel", "tooltipRow": "ArticleChart-module_tooltipRow", "tooltipDot": "ArticleChart-module_tooltipDot", "tooltipName": "ArticleChart-module_tooltipName", "tooltipValue": "ArticleChart-module_tooltipValue", "scatterTooltipLabel": "ArticleChart-module_scatterTooltipLabel", "scatterTooltipRow": "ArticleChart-module_scatterTooltipRow", "legend": "ArticleChart-module_legend", "legendItem": "ArticleChart-module_legendItem", "legendSwatch": "ArticleChart-module_legendSwatch", "legendLabel": "ArticleChart-module_legendLabel" };
+var __default80 = { "figure": "ArticleChart-module_figure", "chartWrapper": "ArticleChart-module_chartWrapper", "tooltip": "ArticleChart-module_tooltip", "tooltipLabel": "ArticleChart-module_tooltipLabel", "tooltipRow": "ArticleChart-module_tooltipRow", "tooltipDot": "ArticleChart-module_tooltipDot", "tooltipName": "ArticleChart-module_tooltipName", "tooltipValue": "ArticleChart-module_tooltipValue", "scatterTooltipLabel": "ArticleChart-module_scatterTooltipLabel", "scatterTooltipRow": "ArticleChart-module_scatterTooltipRow", "legend": "ArticleChart-module_legend", "legendItem": "ArticleChart-module_legendItem", "legendSwatch": "ArticleChart-module_legendSwatch", "legendLabel": "ArticleChart-module_legendLabel" };
 function ChartTooltip({
   active,
   payload,
@@ -8497,15 +8830,15 @@ function ChartTooltip({
 }) {
   if (!active || !(payload == null ? void 0 : payload.length)) return null;
   const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
-  return /* @__PURE__ */ jsxs("div", { className: __default79.tooltip, children: [
-    label !== void 0 && /* @__PURE__ */ jsxs("p", { className: __default79.tooltipLabel, children: [
+  return /* @__PURE__ */ jsxs("div", { className: __default80.tooltip, children: [
+    label !== void 0 && /* @__PURE__ */ jsxs("p", { className: __default80.tooltipLabel, children: [
       xLabel ? `${xLabel}: ` : "",
       label
     ] }),
-    payload.map((entry, i) => /* @__PURE__ */ jsxs("div", { className: __default79.tooltipRow, children: [
-      /* @__PURE__ */ jsx("span", { className: __default79.tooltipDot, style: { backgroundColor: entry.color } }),
-      /* @__PURE__ */ jsx("span", { className: __default79.tooltipName, children: entry.name }),
-      /* @__PURE__ */ jsx("span", { className: __default79.tooltipValue, children: yLabel ? `${fmt(entry.value)} ` : fmt(entry.value) })
+    payload.map((entry, i) => /* @__PURE__ */ jsxs("div", { className: __default80.tooltipRow, children: [
+      /* @__PURE__ */ jsx("span", { className: __default80.tooltipDot, style: { backgroundColor: entry.color } }),
+      /* @__PURE__ */ jsx("span", { className: __default80.tooltipName, children: entry.name }),
+      /* @__PURE__ */ jsx("span", { className: __default80.tooltipValue, children: yLabel ? `${fmt(entry.value)} ` : fmt(entry.value) })
     ] }, i))
   ] });
 }
@@ -8519,8 +8852,8 @@ function ArticleLineChart({
   valueFormatter,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs("figure", { className: `${__default79.figure}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsx("div", { className: __default79.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(LineChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
+  return /* @__PURE__ */ jsxs("figure", { className: `${__default80.figure}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: __default80.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(LineChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
       /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
       /* @__PURE__ */ jsx(
         XAxis,
@@ -8570,9 +8903,9 @@ function ArticleLineChart({
         s.dataKey
       ))
     ] }) }) }),
-    /* @__PURE__ */ jsx("div", { className: __default79.legend, children: series.map((s) => /* @__PURE__ */ jsxs("div", { className: __default79.legendItem, children: [
-      /* @__PURE__ */ jsx("span", { className: __default79.legendSwatch, style: { backgroundColor: s.color } }),
-      /* @__PURE__ */ jsx("span", { className: __default79.legendLabel, children: s.name })
+    /* @__PURE__ */ jsx("div", { className: __default80.legend, children: series.map((s) => /* @__PURE__ */ jsxs("div", { className: __default80.legendItem, children: [
+      /* @__PURE__ */ jsx("span", { className: __default80.legendSwatch, style: { backgroundColor: s.color } }),
+      /* @__PURE__ */ jsx("span", { className: __default80.legendLabel, children: s.name })
     ] }, s.dataKey)) })
   ] });
 }
@@ -8587,8 +8920,8 @@ function ArticleBarChart({
   valueFormatter,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs("figure", { className: `${__default79.figure}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsx("div", { className: __default79.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(BarChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
+  return /* @__PURE__ */ jsxs("figure", { className: `${__default80.figure}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: __default80.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(BarChart, { data, margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
       /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)", vertical: false }),
       /* @__PURE__ */ jsx(
         XAxis,
@@ -8625,7 +8958,7 @@ function ArticleBarChart({
         }
       ),
       series.map((s) => /* @__PURE__ */ jsx(
-        Bar,
+        Bar$1,
         {
           dataKey: s.dataKey,
           name: s.name,
@@ -8636,9 +8969,9 @@ function ArticleBarChart({
         s.dataKey
       ))
     ] }) }) }),
-    /* @__PURE__ */ jsx("div", { className: __default79.legend, children: series.map((s) => /* @__PURE__ */ jsxs("div", { className: __default79.legendItem, children: [
-      /* @__PURE__ */ jsx("span", { className: __default79.legendSwatch, style: { backgroundColor: s.color } }),
-      /* @__PURE__ */ jsx("span", { className: __default79.legendLabel, children: s.name })
+    /* @__PURE__ */ jsx("div", { className: __default80.legend, children: series.map((s) => /* @__PURE__ */ jsxs("div", { className: __default80.legendItem, children: [
+      /* @__PURE__ */ jsx("span", { className: __default80.legendSwatch, style: { backgroundColor: s.color } }),
+      /* @__PURE__ */ jsx("span", { className: __default80.legendLabel, children: s.name })
     ] }, s.dataKey)) })
   ] });
 }
@@ -8656,7 +8989,7 @@ function ArticleScatterChart({
     var _a;
     return (_a = d.color) != null ? _a : color;
   });
-  return /* @__PURE__ */ jsx("figure", { className: `${__default79.figure}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default79.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(ScatterChart, { margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
+  return /* @__PURE__ */ jsx("figure", { className: `${__default80.figure}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default80.chartWrapper, style: { height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(ScatterChart, { margin: { top: 8, right: 16, bottom: 4, left: 8 }, children: [
     /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--border-color)" }),
     /* @__PURE__ */ jsx(
       XAxis,
@@ -8692,14 +9025,14 @@ function ArticleScatterChart({
           if (!active || !(payload == null ? void 0 : payload.length)) return null;
           const point = (_a = payload[0]) == null ? void 0 : _a.payload;
           const fmt = valueFormatter != null ? valueFormatter : ((v) => String(v));
-          return /* @__PURE__ */ jsxs("div", { className: __default79.tooltip, children: [
-            point.label && /* @__PURE__ */ jsx("p", { className: __default79.scatterTooltipLabel, children: point.label }),
-            xLabel && /* @__PURE__ */ jsxs("p", { className: __default79.scatterTooltipRow, children: [
+          return /* @__PURE__ */ jsxs("div", { className: __default80.tooltip, children: [
+            point.label && /* @__PURE__ */ jsx("p", { className: __default80.scatterTooltipLabel, children: point.label }),
+            xLabel && /* @__PURE__ */ jsxs("p", { className: __default80.scatterTooltipRow, children: [
               xLabel,
               ": ",
               fmt(point.x)
             ] }),
-            yLabel && /* @__PURE__ */ jsxs("p", { className: __default79.scatterTooltipRow, children: [
+            yLabel && /* @__PURE__ */ jsxs("p", { className: __default80.scatterTooltipRow, children: [
               yLabel,
               ": ",
               fmt(point.y)
@@ -8776,7 +9109,7 @@ __styleInject(`.LandingLayout-module_headerMode {
     padding-right: 4rem;
   }
 }`);
-var __default80 = { "headerMode": "LandingLayout-module_headerMode", "headerMain": "LandingLayout-module_headerMain", "sidebarMode": "LandingLayout-module_sidebarMode", "sidebarNav": "LandingLayout-module_sidebarNav", "sidebarMain": "LandingLayout-module_sidebarMain", "sidebarContent": "LandingLayout-module_sidebarContent" };
+var __default81 = { "headerMode": "LandingLayout-module_headerMode", "headerMain": "LandingLayout-module_headerMain", "sidebarMode": "LandingLayout-module_sidebarMode", "sidebarNav": "LandingLayout-module_sidebarNav", "sidebarMain": "LandingLayout-module_sidebarMain", "sidebarContent": "LandingLayout-module_sidebarContent" };
 function LandingLayout({
   mode = "header",
   nav,
@@ -8785,19 +9118,19 @@ function LandingLayout({
   className = ""
 }) {
   if (mode === "sidebar") {
-    return /* @__PURE__ */ jsxs("div", { className: `${__default80.sidebarMode}${className ? ` ${className}` : ""}`, children: [
-      nav && /* @__PURE__ */ jsx("div", { className: __default80.sidebarNav, children: nav }),
-      /* @__PURE__ */ jsxs("main", { className: __default80.sidebarMain, children: [
-        /* @__PURE__ */ jsx("div", { className: __default80.sidebarContent, children }),
+    return /* @__PURE__ */ jsxs("div", { className: `${__default81.sidebarMode}${className ? ` ${className}` : ""}`, children: [
+      nav && /* @__PURE__ */ jsx("div", { className: __default81.sidebarNav, children: nav }),
+      /* @__PURE__ */ jsxs("main", { className: __default81.sidebarMain, children: [
+        /* @__PURE__ */ jsx("div", { className: __default81.sidebarContent, children }),
         footer
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: `${__default80.headerMode}${className ? ` ${className}` : ""}`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${__default81.headerMode}${className ? ` ${className}` : ""}`, children: [
     nav,
-    /* @__PURE__ */ jsx("main", { className: __default80.headerMain, children }),
+    /* @__PURE__ */ jsx("main", { className: __default81.headerMain, children }),
     footer
   ] });
 }
 
-export { Alert, AppCard, AppTopLine, ArticleBarChart, ArticleBody, ArticleChatBlock, ArticleFigure, ArticleFooter, ArticleHeading, ArticleHero, ArticleLayout, ArticleLineChart, ArticleLinkButton, ArticleList, ArticleNarrow, ArticleNote, ArticleScatterChart, ArticleTable, ArticleWide, Avatar, Badge, BentoGrid, Breadcrumbs, Button, CTASection, Card, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Gallery, Header, HeroSection, IconBadge, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClock, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlyShield, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoHeroForm, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, SearchBar, Select, Sidebar, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };
+export { Alert, AppCard, AppTopLine, ArticleBarChart, ArticleBody, ArticleChatBlock, ArticleFigure, ArticleFooter, ArticleHeading, ArticleHero, ArticleLayout, ArticleLineChart, ArticleLinkButton, ArticleList, ArticleNarrow, ArticleNote, ArticleScatterChart, ArticleTable, ArticleWide, Avatar, Badge, BentoGrid, BottomSheet, Breadcrumbs, Button, CTASection, Card, ChatInput, ChatMessage, Checkbox, CodeInput, ComparisonTable, Divider, DropdownMenu, EmptyState, FAQSection, FeatureGrid, Footer, FormField, Gallery, Header, HeroSection, IconBadge, IconButton, IconWithText, IconlyActivity, IconlyAttach, IconlyBook, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClock, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlyShield, IconlySmile, IconlyStar, IconlySuccess, IconlySun, IconlyWarning, Input, LandingLayout, Logo, LogoCloud, MenuItem, Modal, Pagination, PasswordInput, PricingCard, ProfileNav, PromoActionCards, PromoBento, PromoDevicesCTA, PromoHero, PromoHeroForm, PromoPricing, PromoShowcase, PromoSplit, PromoTestimonials, PromoTrustGrid, Radio, SearchBar, Select, Sidebar, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };