@dmitriikapustin/ui 0.3.7 → 0.4.1

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){
@@ -555,6 +555,21 @@ var IconlyShield = ({ size = 24, color = "currentColor", className }) => /* @__P
   /* @__PURE__ */ jsx("path", { d: "M14.615,2.375A1.089,1.089,0,0,1,15.344,3.4v6.773a7.781,7.781,0,0,1-1.9,5.1,7.771,7.771,0,0,1-2.2,1.7L7.678,18.9,4.114,16.972a7.767,7.767,0,0,1-2.208-1.7A7.783,7.783,0,0,1,0,10.172V3.4A1.089,1.089,0,0,1,.729,2.375L7.311.062a1.09,1.09,0,0,1,.722,0Z", transform: "translate(0.75 0.749)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ jsx("path", { d: "M0,2.005,1.892,3.9,5.79,0", transform: "translate(5.823 7.913)", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
 ] }) });
+var IconlyCategory = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("rect", { x: "13.5", y: "3", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "13.5", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("rect", { x: "13.5", y: "13.5", width: "7.5", height: "7.5", rx: "2", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+var IconlySetting = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
+  /* @__PURE__ */ jsx("path", { d: "M19.622 10.395l-1.097-2.65L20 6l-2-2-1.735 1.483-2.707-1.113L12.935 2h-1.954l-.632 2.401-2.645 1.115L6 4 4 6l1.453 1.789-1.08 2.657L2 11v2l2.401.655L5.516 16.3 4 18l2 2 1.791-1.46 2.606 1.072L11 22h2l.604-2.387 2.651-1.098C16.697 18.831 18 20 18 20l2-2-1.484-1.75 1.098-2.652 2.386-.62V11l-2.378-.605z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2.5", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+var IconlyFolder = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsx("path", { d: "M3 7.5C3 6.119 4.119 5 5.5 5h3.879a2 2 0 0 1 1.414.586l1.207 1.207a2 2 0 0 0 1.414.586H18.5C19.881 7.379 21 8.498 21 9.879V16.5c0 1.381-1.119 2.5-2.5 2.5h-13A2.5 2.5 0 0 1 3 16.5v-9z", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }) });
+var IconlyLink = ({ size = 24, color = "currentColor", className }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [
+  /* @__PURE__ */ jsx("path", { d: "M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.5 1.5", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.5-1.5", stroke: color, strokeWidth: STROKE, strokeLinecap: "round", strokeLinejoin: "round" })
+] });
 var IconlySmile = IconlyActivity;
 var IconlyAttach = IconlyActivity;
 var IconlyInfo = IconlyActivity;
@@ -568,7 +583,6 @@ var IconlyInfoCircle = IconlyActivity;
 var IconlySuccess = IconlyActivity;
 var IconlyWarning = IconlyActivity;
 var IconlyError = IconlyActivity;
-var IconlyLink = IconlyActivity;
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/atoms/Tag.module.scss
 __styleInject(`@charset "UTF-8";
@@ -3590,6 +3604,105 @@ function DropdownMenu({
   ] });
 }
 
+// css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/molecules/SegmentedControl.module.scss
+__styleInject(`@charset "UTF-8";
+/* SegmentedControl \u2014 pill-\u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0441 N \u0441\u0435\u0433\u043C\u0435\u043D\u0442\u0430\u043C\u0438, \u0430\u043A\u0442\u0438\u0432\u043D\u044B\u0439 \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D. */
+.SegmentedControl-module_root {
+  display: inline-flex;
+  align-items: stretch;
+  border: 1px solid var(--border-color);
+  border-radius: var(--radius-full);
+  padding: 2px;
+  background: var(--bg);
+  line-height: 1;
+}
+
+/* \u2014 \u0420\u0430\u0437\u043C\u0435\u0440\u044B (parity \u0441 Button/Toggle) \u2014 */
+.SegmentedControl-module_sm {
+  height: 28px;
+}
+.SegmentedControl-module_sm .SegmentedControl-module_segment {
+  padding: 0 0.625rem;
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+}
+
+.SegmentedControl-module_md {
+  height: 32px;
+}
+.SegmentedControl-module_md .SegmentedControl-module_segment {
+  padding: 0 0.875rem;
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: -0.25px;
+}
+
+/* \u2014 Segment (button) \u2014 */
+.SegmentedControl-module_segment {
+  appearance: none;
+  border: none;
+  background: transparent;
+  color: var(--fg-muted);
+  border-radius: var(--radius-full);
+  cursor: pointer;
+  transition: color var(--transition-fast), background var(--transition-fast);
+}
+.SegmentedControl-module_segment:hover:not(.SegmentedControl-module_segmentActive):not(:disabled) {
+  color: var(--fg);
+}
+.SegmentedControl-module_segment:focus-visible {
+  outline: 2px solid var(--brand-primary);
+  outline-offset: 2px;
+}
+.SegmentedControl-module_segment:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.SegmentedControl-module_segmentActive {
+  background: var(--fg);
+  color: var(--bg);
+  cursor: default;
+}`);
+var __default42 = { "root": "SegmentedControl-module_root", "sm": "SegmentedControl-module_sm", "segment": "SegmentedControl-module_segment", "md": "SegmentedControl-module_md", "segmentActive": "SegmentedControl-module_segmentActive" };
+function SegmentedControl({
+  options,
+  value,
+  onChange,
+  size = "md",
+  ariaLabel,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": ariaLabel,
+      className: `${__default42.root} ${__default42[size]}${className ? ` ${className}` : ""}`,
+      children: options.map((option) => {
+        const isActive = option.value === value;
+        const isDisabled = option.disabled || false;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": isActive,
+            disabled: isDisabled,
+            className: `${__default42.segment}${isActive ? ` ${__default42.segmentActive}` : ""}`,
+            onClick: () => {
+              if (isActive || isDisabled) return;
+              onChange(option.value);
+            },
+            children: option.label
+          },
+          option.value
+        );
+      })
+    }
+  );
+}
+
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/Header.module.scss
 __styleInject(`@charset "UTF-8";
 /* Header \u2014 pill-style (border + radius + margin) by default */
@@ -3702,25 +3815,25 @@ __styleInject(`@charset "UTF-8";
   padding-top: 1rem;
   border-top: 1px solid var(--border-color);
 }`);
-var __default42 = { "root": "Header-module_root", "container": "Header-module_container", "bar": "Header-module_bar", "leftGroup": "Header-module_leftGroup", "desktopNav": "Header-module_desktopNav", "navLink": "Header-module_navLink", "desktopActions": "Header-module_desktopActions", "mobileToggle": "Header-module_mobileToggle", "mobileMenu": "Header-module_mobileMenu", "mobileNav": "Header-module_mobileNav", "mobileActions": "Header-module_mobileActions" };
+var __default43 = { "root": "Header-module_root", "container": "Header-module_container", "bar": "Header-module_bar", "leftGroup": "Header-module_leftGroup", "desktopNav": "Header-module_desktopNav", "navLink": "Header-module_navLink", "desktopActions": "Header-module_desktopActions", "mobileToggle": "Header-module_mobileToggle", "mobileMenu": "Header-module_mobileMenu", "mobileNav": "Header-module_mobileNav", "mobileActions": "Header-module_mobileActions" };
 function Header({ logo, navItems = [], actions, className = "" }) {
   const [mobileOpen, setMobileOpen] = useState(false);
-  return /* @__PURE__ */ jsxs("header", { className: `${__default42.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsx("div", { className: __default42.container, children: /* @__PURE__ */ jsxs("div", { className: __default42.bar, children: [
-      /* @__PURE__ */ jsxs("div", { className: __default42.leftGroup, children: [
+  return /* @__PURE__ */ jsxs("header", { className: `${__default43.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: __default43.container, children: /* @__PURE__ */ jsxs("div", { className: __default43.bar, children: [
+      /* @__PURE__ */ jsxs("div", { className: __default43.leftGroup, children: [
         logo,
-        /* @__PURE__ */ jsx("nav", { className: __default42.desktopNav, children: navItems.map((item) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("nav", { className: __default43.desktopNav, children: navItems.map((item) => /* @__PURE__ */ jsx(
           "a",
           {
             href: item.href,
-            className: __default42.navLink,
+            className: __default43.navLink,
             children: item.label
           },
           item.label
         )) })
       ] }),
-      actions && /* @__PURE__ */ jsx("div", { className: __default42.desktopActions, children: actions }),
-      /* @__PURE__ */ jsx("div", { className: __default42.mobileToggle, children: /* @__PURE__ */ jsx(
+      actions && /* @__PURE__ */ jsx("div", { className: __default43.desktopActions, children: actions }),
+      /* @__PURE__ */ jsx("div", { className: __default43.mobileToggle, children: /* @__PURE__ */ jsx(
         IconButton,
         {
           variant: "primary",
@@ -3730,17 +3843,17 @@ function Header({ logo, navItems = [], actions, className = "" }) {
         }
       ) })
     ] }) }),
-    mobileOpen && /* @__PURE__ */ jsxs("div", { className: __default42.mobileMenu, children: [
-      /* @__PURE__ */ jsx("nav", { className: __default42.mobileNav, children: navItems.map((item) => /* @__PURE__ */ jsx(
+    mobileOpen && /* @__PURE__ */ jsxs("div", { className: __default43.mobileMenu, children: [
+      /* @__PURE__ */ jsx("nav", { className: __default43.mobileNav, children: navItems.map((item) => /* @__PURE__ */ jsx(
         "a",
         {
           href: item.href,
-          className: __default42.navLink,
+          className: __default43.navLink,
           children: item.label
         },
         item.label
       )) }),
-      actions && /* @__PURE__ */ jsx("div", { className: __default42.mobileActions, children: actions })
+      actions && /* @__PURE__ */ jsx("div", { className: __default43.mobileActions, children: actions })
     ] })
   ] });
 }
@@ -3874,7 +3987,7 @@ __styleInject(`@charset "UTF-8";
 .Footer-module_socialLink:hover {
   color: var(--fg);
 }`);
-var __default43 = { "root": "Footer-module_root", "container": "Footer-module_container", "grid": "Footer-module_grid", "brandCell": "Footer-module_brandCell", "tagline": "Footer-module_tagline", "columnTitle": "Footer-module_columnTitle", "linkList": "Footer-module_linkList", "link": "Footer-module_link", "bottom": "Footer-module_bottom", "copyright": "Footer-module_copyright", "socials": "Footer-module_socials", "socialLink": "Footer-module_socialLink" };
+var __default44 = { "root": "Footer-module_root", "container": "Footer-module_container", "grid": "Footer-module_grid", "brandCell": "Footer-module_brandCell", "tagline": "Footer-module_tagline", "columnTitle": "Footer-module_columnTitle", "linkList": "Footer-module_linkList", "link": "Footer-module_link", "bottom": "Footer-module_bottom", "copyright": "Footer-module_copyright", "socials": "Footer-module_socials", "socialLink": "Footer-module_socialLink" };
 function Footer({
   brand,
   columns,
@@ -3885,24 +3998,24 @@ function Footer({
   const hasBrand = !!(brand && (brand.logo || brand.tagline));
   const hasGrid = hasBrand || columns && columns.length > 0;
   const hasBottom = !!copyright || socials && socials.length > 0;
-  return /* @__PURE__ */ jsx("footer", { className: `${__default43.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default43.container, children: [
-    hasGrid && /* @__PURE__ */ jsxs("div", { className: __default43.grid, children: [
-      hasBrand && /* @__PURE__ */ jsxs("div", { className: __default43.brandCell, children: [
+  return /* @__PURE__ */ jsx("footer", { className: `${__default44.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default44.container, children: [
+    hasGrid && /* @__PURE__ */ jsxs("div", { className: __default44.grid, children: [
+      hasBrand && /* @__PURE__ */ jsxs("div", { className: __default44.brandCell, children: [
         brand == null ? void 0 : brand.logo,
-        (brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsx("p", { className: __default43.tagline, children: brand.tagline })
+        (brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsx("p", { className: __default44.tagline, children: brand.tagline })
       ] }),
       columns == null ? void 0 : columns.map((col, ci) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h4", { className: __default43.columnTitle, children: col.title }),
-        /* @__PURE__ */ jsx("ul", { className: __default43.linkList, children: col.links.map((link, li) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: link.href, className: __default43.link, children: link.label }) }, `${ci}-${li}-${link.label}`)) })
+        /* @__PURE__ */ jsx("h4", { className: __default44.columnTitle, children: col.title }),
+        /* @__PURE__ */ jsx("ul", { className: __default44.linkList, children: col.links.map((link, li) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: link.href, className: __default44.link, children: link.label }) }, `${ci}-${li}-${link.label}`)) })
       ] }, `${ci}-${col.title}`))
     ] }),
-    hasBottom && /* @__PURE__ */ jsxs("div", { className: __default43.bottom, children: [
-      copyright && /* @__PURE__ */ jsx("p", { className: __default43.copyright, children: copyright }),
-      socials && socials.length > 0 && /* @__PURE__ */ jsx("div", { className: __default43.socials, children: socials.map((social, si) => /* @__PURE__ */ jsx(
+    hasBottom && /* @__PURE__ */ jsxs("div", { className: __default44.bottom, children: [
+      copyright && /* @__PURE__ */ jsx("p", { className: __default44.copyright, children: copyright }),
+      socials && socials.length > 0 && /* @__PURE__ */ jsx("div", { className: __default44.socials, children: socials.map((social, si) => /* @__PURE__ */ jsx(
         "a",
         {
           href: social.href,
-          className: __default43.socialLink,
+          className: __default44.socialLink,
           children: social.label
         },
         `${si}-${social.label}`
@@ -3998,7 +4111,7 @@ __styleInject(`.PricingCard-module_root {
 .PricingCard-module_cta {
   width: 100%;
 }`);
-var __default44 = { "root": "PricingCard-module_root", "highlighted": "PricingCard-module_highlighted", "badgeWrap": "PricingCard-module_badgeWrap", "header": "PricingCard-module_header", "plan": "PricingCard-module_plan", "description": "PricingCard-module_description", "priceBlock": "PricingCard-module_priceBlock", "price": "PricingCard-module_price", "period": "PricingCard-module_period", "features": "PricingCard-module_features", "featureItem": "PricingCard-module_featureItem", "featureItemExcluded": "PricingCard-module_featureItemExcluded", "featureIcon": "PricingCard-module_featureIcon", "featureIconExcluded": "PricingCard-module_featureIconExcluded", "cta": "PricingCard-module_cta" };
+var __default45 = { "root": "PricingCard-module_root", "highlighted": "PricingCard-module_highlighted", "badgeWrap": "PricingCard-module_badgeWrap", "header": "PricingCard-module_header", "plan": "PricingCard-module_plan", "description": "PricingCard-module_description", "priceBlock": "PricingCard-module_priceBlock", "price": "PricingCard-module_price", "period": "PricingCard-module_period", "features": "PricingCard-module_features", "featureItem": "PricingCard-module_featureItem", "featureItemExcluded": "PricingCard-module_featureItemExcluded", "featureIcon": "PricingCard-module_featureIcon", "featureIconExcluded": "PricingCard-module_featureIconExcluded", "cta": "PricingCard-module_cta" };
 function PricingCard({
   plan,
   price,
@@ -4013,26 +4126,26 @@ function PricingCard({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `${__default44.root}${highlighted ? ` ${__default44.highlighted}` : ""}${className ? ` ${className}` : ""}`,
+      className: `${__default45.root}${highlighted ? ` ${__default45.highlighted}` : ""}${className ? ` ${className}` : ""}`,
       children: [
-        badge && /* @__PURE__ */ jsx("div", { className: __default44.badgeWrap, children: /* @__PURE__ */ jsx(Badge, { color: "info", children: badge }) }),
-        /* @__PURE__ */ jsxs("div", { className: __default44.header, children: [
-          /* @__PURE__ */ jsx("h3", { className: __default44.plan, children: plan }),
-          description && /* @__PURE__ */ jsx("p", { className: __default44.description, children: description })
+        badge && /* @__PURE__ */ jsx("div", { className: __default45.badgeWrap, children: /* @__PURE__ */ jsx(Badge, { color: "info", children: badge }) }),
+        /* @__PURE__ */ jsxs("div", { className: __default45.header, children: [
+          /* @__PURE__ */ jsx("h3", { className: __default45.plan, children: plan }),
+          description && /* @__PURE__ */ jsx("p", { className: __default45.description, children: description })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: __default44.priceBlock, children: [
-          /* @__PURE__ */ jsx("span", { className: __default44.price, children: price }),
-          /* @__PURE__ */ jsx("span", { className: __default44.period, children: period })
+        /* @__PURE__ */ jsxs("div", { className: __default45.priceBlock, children: [
+          /* @__PURE__ */ jsx("span", { className: __default45.price, children: price }),
+          /* @__PURE__ */ jsx("span", { className: __default45.period, children: period })
         ] }),
-        /* @__PURE__ */ jsx("ul", { className: __default44.features, children: features.map((feature, i) => {
+        /* @__PURE__ */ jsx("ul", { className: __default45.features, children: features.map((feature, i) => {
           const text = typeof feature === "string" ? feature : feature.text;
           const isExcluded = typeof feature === "object" && feature.included === false;
           return /* @__PURE__ */ jsxs(
             "li",
             {
-              className: `${__default44.featureItem}${isExcluded ? ` ${__default44.featureItemExcluded}` : ""}`,
+              className: `${__default45.featureItem}${isExcluded ? ` ${__default45.featureItemExcluded}` : ""}`,
               children: [
-                /* @__PURE__ */ jsx("span", { className: `${__default44.featureIcon}${isExcluded ? ` ${__default44.featureIconExcluded}` : ""}`, children: isExcluded ? /* @__PURE__ */ jsx(IconlyClose, { size: 16 }) : /* @__PURE__ */ jsx(IconlyCheck, { size: 16 }) }),
+                /* @__PURE__ */ jsx("span", { className: `${__default45.featureIcon}${isExcluded ? ` ${__default45.featureIconExcluded}` : ""}`, children: isExcluded ? /* @__PURE__ */ jsx(IconlyClose, { size: 16 }) : /* @__PURE__ */ jsx(IconlyCheck, { size: 16 }) }),
                 text
               ]
             },
@@ -4043,7 +4156,7 @@ function PricingCard({
           Button,
           {
             variant: highlighted ? "primary" : "outline",
-            className: __default44.cta,
+            className: __default45.cta,
             onClick: cta.onClick,
             children: cta.label
           }
@@ -4091,21 +4204,21 @@ __styleInject(`.TestimonialCard-module_root {
   font-size: 0.75rem;
   color: var(--fg-muted);
 }`);
-var __default45 = { "root": "TestimonialCard-module_root", "quoteIcon": "TestimonialCard-module_quoteIcon", "quoteText": "TestimonialCard-module_quoteText", "author": "TestimonialCard-module_author", "authorName": "TestimonialCard-module_authorName", "authorRole": "TestimonialCard-module_authorRole" };
+var __default46 = { "root": "TestimonialCard-module_root", "quoteIcon": "TestimonialCard-module_quoteIcon", "quoteText": "TestimonialCard-module_quoteText", "author": "TestimonialCard-module_author", "authorName": "TestimonialCard-module_authorName", "authorRole": "TestimonialCard-module_authorRole" };
 function TestimonialCard({ quote, name, role, avatarSrc, className = "" }) {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase();
-  return /* @__PURE__ */ jsxs("div", { className: `${__default45.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsx("div", { className: __default45.quoteIcon, children: /* @__PURE__ */ jsx(IconlyQuote, { size: 32 }) }),
-    /* @__PURE__ */ jsxs("p", { className: __default45.quoteText, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${__default46.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: __default46.quoteIcon, children: /* @__PURE__ */ jsx(IconlyQuote, { size: 32 }) }),
+    /* @__PURE__ */ jsxs("p", { className: __default46.quoteText, children: [
       "\u201C",
       quote,
       "\u201D"
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: __default45.author, children: [
+    /* @__PURE__ */ jsxs("div", { className: __default46.author, children: [
       /* @__PURE__ */ jsx(Avatar, { src: avatarSrc, initials, size: "sm" }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: __default45.authorName, children: name }),
-        /* @__PURE__ */ jsx("p", { className: __default45.authorRole, children: role })
+        /* @__PURE__ */ jsx("p", { className: __default46.authorName, children: name }),
+        /* @__PURE__ */ jsx("p", { className: __default46.authorRole, children: role })
       ] })
     ] })
   ] });
@@ -4177,17 +4290,17 @@ __styleInject(`.FeatureGrid-module_root {
   color: var(--fg-muted);
   line-height: 1.625;
 }`);
-var __default46 = { "root": "FeatureGrid-module_root", "cols2": "FeatureGrid-module_cols2", "cols3": "FeatureGrid-module_cols3", "cols4": "FeatureGrid-module_cols4", "card": "FeatureGrid-module_card", "cardIcon": "FeatureGrid-module_cardIcon", "cardTitle": "FeatureGrid-module_cardTitle", "cardDescription": "FeatureGrid-module_cardDescription" };
+var __default47 = { "root": "FeatureGrid-module_root", "cols2": "FeatureGrid-module_cols2", "cols3": "FeatureGrid-module_cols3", "cols4": "FeatureGrid-module_cols4", "card": "FeatureGrid-module_card", "cardIcon": "FeatureGrid-module_cardIcon", "cardTitle": "FeatureGrid-module_cardTitle", "cardDescription": "FeatureGrid-module_cardDescription" };
 function FeatureGrid({ features, columns = 3, className = "" }) {
   const colsClass = {
-    2: __default46.cols2,
-    3: __default46.cols3,
-    4: __default46.cols4
+    2: __default47.cols2,
+    3: __default47.cols3,
+    4: __default47.cols4
   };
-  return /* @__PURE__ */ jsx("div", { className: `${__default46.root} ${colsClass[columns]}${className ? ` ${className}` : ""}`, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default46.card, children: [
-    /* @__PURE__ */ jsx("div", { className: __default46.cardIcon, children: feature.icon }),
-    /* @__PURE__ */ jsx("h3", { className: __default46.cardTitle, children: feature.title }),
-    /* @__PURE__ */ jsx("p", { className: __default46.cardDescription, children: feature.description })
+  return /* @__PURE__ */ jsx("div", { className: `${__default47.root} ${colsClass[columns]}${className ? ` ${className}` : ""}`, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default47.card, children: [
+    /* @__PURE__ */ jsx("div", { className: __default47.cardIcon, children: feature.icon }),
+    /* @__PURE__ */ jsx("h3", { className: __default47.cardTitle, children: feature.title }),
+    /* @__PURE__ */ jsx("p", { className: __default47.cardDescription, children: feature.description })
   ] }, i)) });
 }
 
@@ -4288,7 +4401,7 @@ __styleInject(`@charset "UTF-8";
     display: block;
   }
 }`);
-var __default47 = { "root": "Sidebar-module_root", "menu": "Sidebar-module_menu", "courseSubmenu": "Sidebar-module_courseSubmenu", "logo": "Sidebar-module_logo", "compact": "Sidebar-module_compact", "footer": "Sidebar-module_footer", "nav": "Sidebar-module_nav", "legal": "Sidebar-module_legal", "overlay": "Sidebar-module_overlay", "collapsed": "Sidebar-module_collapsed", "open": "Sidebar-module_open", "overlayVisible": "Sidebar-module_overlayVisible" };
+var __default48 = { "root": "Sidebar-module_root", "menu": "Sidebar-module_menu", "courseSubmenu": "Sidebar-module_courseSubmenu", "logo": "Sidebar-module_logo", "compact": "Sidebar-module_compact", "footer": "Sidebar-module_footer", "nav": "Sidebar-module_nav", "legal": "Sidebar-module_legal", "overlay": "Sidebar-module_overlay", "collapsed": "Sidebar-module_collapsed", "open": "Sidebar-module_open", "overlayVisible": "Sidebar-module_overlayVisible" };
 var defaultMenuItems = [
   "\u0413\u043B\u0430\u0432\u043D\u0430\u044F",
   "\u041C\u043E\u0438 \u043A\u0443\u0440\u0441\u044B",
@@ -4332,19 +4445,19 @@ function Sidebar({
   const items = normaliseItems(rawItems);
   const [internalActive, setInternalActive] = useState(0);
   const isControlled = activeId !== void 0;
-  const widthClass = type === "courseSubmenu" ? __default47.courseSubmenu : __default47.menu;
+  const widthClass = type === "courseSubmenu" ? __default48.courseSubmenu : __default48.menu;
   const showLegal = legalText !== null;
   const legalContent = legalText === void 0 ? DEFAULT_LEGAL : legalText;
   const isOpen = collapsed === false;
   const collapseClasses = [
-    collapsed ? __default47.collapsed : "",
-    isOpen ? __default47.open : ""
+    collapsed ? __default48.collapsed : "",
+    isOpen ? __default48.open : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     onToggle && /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${__default47.overlay}${isOpen ? ` ${__default47.overlayVisible}` : ""}`,
+        className: `${__default48.overlay}${isOpen ? ` ${__default48.overlayVisible}` : ""}`,
         onClick: onToggle,
         "aria-hidden": "true"
       }
@@ -4352,10 +4465,10 @@ function Sidebar({
     /* @__PURE__ */ jsxs(
       "aside",
       {
-        className: `${__default47.root} ${widthClass}${layout === "compact" ? ` ${__default47.compact}` : ""}${collapseClasses ? ` ${collapseClasses}` : ""}${className ? ` ${className}` : ""}`,
+        className: `${__default48.root} ${widthClass}${layout === "compact" ? ` ${__default48.compact}` : ""}${collapseClasses ? ` ${collapseClasses}` : ""}${className ? ` ${className}` : ""}`,
         children: [
-          logo && /* @__PURE__ */ jsx("div", { className: __default47.logo, children: logo }),
-          /* @__PURE__ */ jsx("nav", { className: __default47.nav, children: items.map((item, i) => {
+          logo && /* @__PURE__ */ jsx("div", { className: __default48.logo, children: logo }),
+          /* @__PURE__ */ jsx("nav", { className: __default48.nav, children: items.map((item, i) => {
             const isActive = isControlled ? item.id === activeId : i === internalActive;
             return /* @__PURE__ */ jsx(
               MenuItem,
@@ -4371,9 +4484,9 @@ function Sidebar({
               item.id
             );
           }) }),
-          /* @__PURE__ */ jsxs("div", { className: __default47.footer, children: [
+          /* @__PURE__ */ jsxs("div", { className: __default48.footer, children: [
             type === "menu" && footer,
-            showLegal && /* @__PURE__ */ jsx("p", { className: __default47.legal, children: legalContent })
+            showLegal && /* @__PURE__ */ jsx("p", { className: __default48.legal, children: legalContent })
           ] })
         ]
       }
@@ -4483,7 +4596,7 @@ __styleInject(`.AppCard-module_defaultCard {
 .AppCard-module_stampBg {
   background: var(--bg);
 }`);
-var __default48 = { "defaultCard": "AppCard-module_defaultCard", "stampCard": "AppCard-module_stampCard", "imageWrap": "AppCard-module_imageWrap", "imageWrapRounded": "AppCard-module_imageWrapRounded AppCard-module_imageWrap", "image": "AppCard-module_image", "contentDefaultNoImage": "AppCard-module_contentDefaultNoImage AppCard-module_contentDefault AppCard-module_contentArea", "contentDefaultWithImage": "AppCard-module_contentDefaultWithImage AppCard-module_contentDefault AppCard-module_contentArea", "contentStamp": "AppCard-module_contentStamp AppCard-module_contentArea", "textGroup": "AppCard-module_textGroup", "cardTitle": "AppCard-module_cardTitle", "cardDesc": "AppCard-module_cardDesc", "footer": "AppCard-module_footer", "iconRow": "AppCard-module_iconRow", "shadowWrap": "AppCard-module_shadowWrap", "stampBg": "AppCard-module_stampBg" };
+var __default49 = { "defaultCard": "AppCard-module_defaultCard", "stampCard": "AppCard-module_stampCard", "imageWrap": "AppCard-module_imageWrap", "imageWrapRounded": "AppCard-module_imageWrapRounded AppCard-module_imageWrap", "image": "AppCard-module_image", "contentDefaultNoImage": "AppCard-module_contentDefaultNoImage AppCard-module_contentDefault AppCard-module_contentArea", "contentDefaultWithImage": "AppCard-module_contentDefaultWithImage AppCard-module_contentDefault AppCard-module_contentArea", "contentStamp": "AppCard-module_contentStamp AppCard-module_contentArea", "textGroup": "AppCard-module_textGroup", "cardTitle": "AppCard-module_cardTitle", "cardDesc": "AppCard-module_cardDesc", "footer": "AppCard-module_footer", "iconRow": "AppCard-module_iconRow", "shadowWrap": "AppCard-module_shadowWrap", "stampBg": "AppCard-module_stampBg" };
 var HOLE_R = 4;
 var HOLE_SP = 16;
 function buildStampMask(w, h) {
@@ -4510,18 +4623,18 @@ function CardContent({
   isStamp
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    image && /* @__PURE__ */ jsx("div", { className: isStamp ? __default48.imageWrap : __default48.imageWrapRounded, children: /* @__PURE__ */ jsx("img", { src: image, alt: title, className: __default48.image }) }),
+    image && /* @__PURE__ */ jsx("div", { className: isStamp ? __default49.imageWrap : __default49.imageWrapRounded, children: /* @__PURE__ */ jsx("img", { src: image, alt: title, className: __default49.image }) }),
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: isStamp ? __default48.contentStamp : image ? __default48.contentDefaultWithImage : __default48.contentDefaultNoImage,
+        className: isStamp ? __default49.contentStamp : image ? __default49.contentDefaultWithImage : __default49.contentDefaultNoImage,
         children: [
-          /* @__PURE__ */ jsxs("div", { className: __default48.textGroup, children: [
-            /* @__PURE__ */ jsx("h3", { className: __default48.cardTitle, children: title }),
-            /* @__PURE__ */ jsx("p", { className: __default48.cardDesc, children: description })
+          /* @__PURE__ */ jsxs("div", { className: __default49.textGroup, children: [
+            /* @__PURE__ */ jsx("h3", { className: __default49.cardTitle, children: title }),
+            /* @__PURE__ */ jsx("p", { className: __default49.cardDesc, children: description })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: __default48.footer, children: [
-            /* @__PURE__ */ jsx("div", { className: __default48.iconRow, children: icons }),
+          /* @__PURE__ */ jsxs("div", { className: __default49.footer, children: [
+            /* @__PURE__ */ jsx("div", { className: __default49.iconRow, children: icons }),
             /* @__PURE__ */ jsx(Button, { variant: buttonVariant === "outline" ? "outline" : "primary", size: "md", onClick: onButtonClick, children: buttonText })
           ] })
         ]
@@ -4538,7 +4651,7 @@ function AppCard(_a) {
     "className"
   ]);
   if (variant === "default") {
-    return /* @__PURE__ */ jsx("div", { className: `${__default48.defaultCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: false })) });
+    return /* @__PURE__ */ jsx("div", { className: `${__default49.defaultCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: false })) });
   }
   const padded = variant === "stamp-padded";
   return /* @__PURE__ */ jsx(StampWrapper, { className, padded, children: /* @__PURE__ */ jsx(CardContent, __spreadProps(__spreadValues({}, contentProps), { isStamp: true })) });
@@ -4564,7 +4677,7 @@ function StampWrapper({ children, className, padded }) {
       ro.disconnect();
     };
   }, [build]);
-  return /* @__PURE__ */ jsx("div", { ref, className: `${__default48.stampCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default48.shadowWrap, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { ref, className: `${__default49.stampCard}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default49.shadowWrap, children: /* @__PURE__ */ jsx(
     "div",
     {
       style: {
@@ -4573,7 +4686,7 @@ function StampWrapper({ children, className, padded }) {
         WebkitMaskSize: "100% 100%",
         maskSize: "100% 100%"
       },
-      children: /* @__PURE__ */ jsx("div", { className: __default48.stampBg, style: padded ? { padding: STAMP_PADDING } : void 0, children })
+      children: /* @__PURE__ */ jsx("div", { className: __default49.stampBg, style: padded ? { padding: STAMP_PADDING } : void 0, children })
     }
   ) }) });
 }
@@ -4586,7 +4699,7 @@ __styleInject(`.AppTopLine-module_root {
   justify-content: space-between;
   width: 100%;
 }`);
-var __default49 = { "root": "AppTopLine-module_root" };
+var __default50 = { "root": "AppTopLine-module_root" };
 function AppTopLine({
   promoText = "\u0412\u0430\u043C \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430 \u0441\u043A\u0438\u0434\u043A\u0430 10% \u043D\u0430 \u0432\u0441\u0435 \u043F\u043B\u0430\u0442\u043D\u044B\u0435 \u043A\u0443\u0440\u0441\u044B",
   promoButtonText = "\u0421\u043C\u043E\u0442\u0440\u0435\u0442\u044C",
@@ -4599,7 +4712,7 @@ function AppTopLine({
   avatarSrc,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: `${__default49.root}${className ? ` ${className}` : ""}`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${__default50.root}${className ? ` ${className}` : ""}`, children: [
     /* @__PURE__ */ jsx(TopPromo, { text: promoText, buttonText: promoButtonText }),
     /* @__PURE__ */ jsx(ProfileNav, { stats, avatarSrc })
   ] });
@@ -4640,13 +4753,13 @@ __styleInject(`.EmptyState-module_root {
 .EmptyState-module_action {
   margin-top: 1.25rem;
 }`);
-var __default50 = { "root": "EmptyState-module_root", "icon": "EmptyState-module_icon", "title": "EmptyState-module_title", "description": "EmptyState-module_description", "action": "EmptyState-module_action" };
+var __default51 = { "root": "EmptyState-module_root", "icon": "EmptyState-module_icon", "title": "EmptyState-module_title", "description": "EmptyState-module_description", "action": "EmptyState-module_action" };
 function EmptyState({ icon, title, description, action, className = "" }) {
-  return /* @__PURE__ */ jsxs("div", { className: `${__default50.root}${className ? ` ${className}` : ""}`, children: [
-    icon && /* @__PURE__ */ jsx("div", { className: __default50.icon, children: icon }),
-    /* @__PURE__ */ jsx("h3", { className: __default50.title, children: title }),
-    /* @__PURE__ */ jsx("p", { className: __default50.description, children: description }),
-    action && /* @__PURE__ */ jsx("div", { className: __default50.action, children: action })
+  return /* @__PURE__ */ jsxs("div", { className: `${__default51.root}${className ? ` ${className}` : ""}`, children: [
+    icon && /* @__PURE__ */ jsx("div", { className: __default51.icon, children: icon }),
+    /* @__PURE__ */ jsx("h3", { className: __default51.title, children: title }),
+    /* @__PURE__ */ jsx("p", { className: __default51.description, children: description }),
+    action && /* @__PURE__ */ jsx("div", { className: __default51.action, children: action })
   ] });
 }
 
@@ -4838,7 +4951,7 @@ __styleInject(`@charset "UTF-8";
   overflow: hidden;
   background: var(--bg-secondary);
 }`);
-var __default51 = { "root": "HeroSection-module_root", "bgGlow": "HeroSection-module_bgGlow", "glowOrb": "HeroSection-module_glowOrb", "inner": "HeroSection-module_inner", "innerCompact": "HeroSection-module_innerCompact", "content": "HeroSection-module_content", "contentCenter": "HeroSection-module_contentCenter HeroSection-module_content", "eyebrowWrap": "HeroSection-module_eyebrowWrap", "eyebrowCenter": "HeroSection-module_eyebrowCenter", "eyebrow": "HeroSection-module_eyebrow", "eyebrowDot": "HeroSection-module_eyebrowDot", "title": "HeroSection-module_title", "subtitle": "HeroSection-module_subtitle", "subtitleCenter": "HeroSection-module_subtitleCenter", "actions": "HeroSection-module_actions", "actionsCenter": "HeroSection-module_actionsCenter", "mediaWrapCenter": "HeroSection-module_mediaWrapCenter HeroSection-module_mediaWrap", "mediaWrapLeft": "HeroSection-module_mediaWrapLeft HeroSection-module_mediaWrap", "splitGrid": "HeroSection-module_splitGrid", "mediaSplit": "HeroSection-module_mediaSplit", "mediaBox": "HeroSection-module_mediaBox" };
+var __default52 = { "root": "HeroSection-module_root", "bgGlow": "HeroSection-module_bgGlow", "glowOrb": "HeroSection-module_glowOrb", "inner": "HeroSection-module_inner", "innerCompact": "HeroSection-module_innerCompact", "content": "HeroSection-module_content", "contentCenter": "HeroSection-module_contentCenter HeroSection-module_content", "eyebrowWrap": "HeroSection-module_eyebrowWrap", "eyebrowCenter": "HeroSection-module_eyebrowCenter", "eyebrow": "HeroSection-module_eyebrow", "eyebrowDot": "HeroSection-module_eyebrowDot", "title": "HeroSection-module_title", "subtitle": "HeroSection-module_subtitle", "subtitleCenter": "HeroSection-module_subtitleCenter", "actions": "HeroSection-module_actions", "actionsCenter": "HeroSection-module_actionsCenter", "mediaWrapCenter": "HeroSection-module_mediaWrapCenter HeroSection-module_mediaWrap", "mediaWrapLeft": "HeroSection-module_mediaWrapLeft HeroSection-module_mediaWrap", "splitGrid": "HeroSection-module_splitGrid", "mediaSplit": "HeroSection-module_mediaSplit", "mediaBox": "HeroSection-module_mediaBox" };
 function HeroSection({
   eyebrow,
   title,
@@ -4853,25 +4966,25 @@ function HeroSection({
   const isCenter = align === "center";
   const isCompact = size === "compact";
   const isSplitRight = !isCenter && mediaPosition === "right" && !!media;
-  const contentBlock = /* @__PURE__ */ jsxs("div", { className: isCenter ? __default51.contentCenter : __default51.content, children: [
-    eyebrow && /* @__PURE__ */ jsx("div", { className: `${__default51.eyebrowWrap}${isCenter ? ` ${__default51.eyebrowCenter}` : ""}`, children: /* @__PURE__ */ jsxs("span", { className: __default51.eyebrow, children: [
-      /* @__PURE__ */ jsx("span", { className: __default51.eyebrowDot }),
+  const contentBlock = /* @__PURE__ */ jsxs("div", { className: isCenter ? __default52.contentCenter : __default52.content, children: [
+    eyebrow && /* @__PURE__ */ jsx("div", { className: `${__default52.eyebrowWrap}${isCenter ? ` ${__default52.eyebrowCenter}` : ""}`, children: /* @__PURE__ */ jsxs("span", { className: __default52.eyebrow, children: [
+      /* @__PURE__ */ jsx("span", { className: __default52.eyebrowDot }),
       eyebrow
     ] }) }),
-    /* @__PURE__ */ jsx("h1", { className: __default51.title, children: title }),
-    subtitle && /* @__PURE__ */ jsx("p", { className: `${__default51.subtitle}${isCenter ? ` ${__default51.subtitleCenter}` : ""}`, children: subtitle }),
-    actions && /* @__PURE__ */ jsx("div", { className: `${__default51.actions}${isCenter ? ` ${__default51.actionsCenter}` : ""}`, children: actions })
+    /* @__PURE__ */ jsx("h1", { className: __default52.title, children: title }),
+    subtitle && /* @__PURE__ */ jsx("p", { className: `${__default52.subtitle}${isCenter ? ` ${__default52.subtitleCenter}` : ""}`, children: subtitle }),
+    actions && /* @__PURE__ */ jsx("div", { className: `${__default52.actions}${isCenter ? ` ${__default52.actionsCenter}` : ""}`, children: actions })
   ] });
   const mediaBlock = media && /* @__PURE__ */ jsx(
     "div",
     {
-      className: isSplitRight ? __default51.mediaSplit : isCenter ? __default51.mediaWrapCenter : __default51.mediaWrapLeft,
-      children: /* @__PURE__ */ jsx("div", { className: __default51.mediaBox, children: media })
+      className: isSplitRight ? __default52.mediaSplit : isCenter ? __default52.mediaWrapCenter : __default52.mediaWrapLeft,
+      children: /* @__PURE__ */ jsx("div", { className: __default52.mediaBox, children: media })
     }
   );
-  return /* @__PURE__ */ jsxs("section", { className: `${__default51.root}${className ? ` ${className}` : ""}`, children: [
-    /* @__PURE__ */ jsx("div", { className: __default51.bgGlow, "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { className: __default51.glowOrb }) }),
-    /* @__PURE__ */ jsx("div", { className: isCompact ? __default51.innerCompact : __default51.inner, children: isSplitRight ? /* @__PURE__ */ jsxs("div", { className: __default51.splitGrid, children: [
+  return /* @__PURE__ */ jsxs("section", { className: `${__default52.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: __default52.bgGlow, "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { className: __default52.glowOrb }) }),
+    /* @__PURE__ */ jsx("div", { className: isCompact ? __default52.innerCompact : __default52.inner, children: isSplitRight ? /* @__PURE__ */ jsxs("div", { className: __default52.splitGrid, children: [
       contentBlock,
       mediaBlock
     ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -4949,15 +5062,15 @@ __styleInject(`.LogoCloud-module_root {
     font-size: 1rem;
   }
 }`);
-var __default52 = { "root": "LogoCloud-module_root", "label": "LogoCloud-module_label", "grid": "LogoCloud-module_grid", "logoItem": "LogoCloud-module_logoItem", "logoImg": "LogoCloud-module_logoImg", "logoText": "LogoCloud-module_logoText" };
+var __default53 = { "root": "LogoCloud-module_root", "label": "LogoCloud-module_label", "grid": "LogoCloud-module_grid", "logoItem": "LogoCloud-module_logoItem", "logoImg": "LogoCloud-module_logoImg", "logoText": "LogoCloud-module_logoText" };
 function LogoCloud({
   label = "Trusted by teams at",
   logos,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs("section", { className: `${__default52.root}${className ? ` ${className}` : ""}`, children: [
-    label && /* @__PURE__ */ jsx("p", { className: __default52.label, children: label }),
-    /* @__PURE__ */ jsx("div", { className: __default52.grid, children: logos.map((logo) => /* @__PURE__ */ jsx("div", { className: __default52.logoItem, children: logo.src ? (
+  return /* @__PURE__ */ jsxs("section", { className: `${__default53.root}${className ? ` ${className}` : ""}`, children: [
+    label && /* @__PURE__ */ jsx("p", { className: __default53.label, children: label }),
+    /* @__PURE__ */ jsx("div", { className: __default53.grid, children: logos.map((logo) => /* @__PURE__ */ jsx("div", { className: __default53.logoItem, children: logo.src ? (
       // eslint-disable-next-line @next/next/no-img-element
       /* @__PURE__ */ jsx(
         "img",
@@ -4965,10 +5078,10 @@ function LogoCloud({
           src: logo.src,
           alt: logo.name,
           width: logo.width || 100,
-          className: `${__default52.logoImg} logo-img`
+          className: `${__default53.logoImg} logo-img`
         }
       )
-    ) : /* @__PURE__ */ jsx("span", { className: __default52.logoText, children: logo.name }) }, logo.name)) })
+    ) : /* @__PURE__ */ jsx("span", { className: __default53.logoText, children: logo.name }) }, logo.name)) })
   ] });
 }
 
@@ -5064,18 +5177,18 @@ __styleInject(`@charset "UTF-8";
   color: var(--fg-muted);
   letter-spacing: -0.25px;
 }`);
-var __default53 = { "root": "StatsBar-module_root", "inline": "StatsBar-module_inline", "inlineGrid": "StatsBar-module_inlineGrid", "inlineItem": "StatsBar-module_inlineItem", "cardsGrid": "StatsBar-module_cardsGrid", "card": "StatsBar-module_card", "cardIconWrap": "StatsBar-module_cardIconWrap", "statValue": "StatsBar-module_statValue", "statLabel": "StatsBar-module_statLabel" };
+var __default54 = { "root": "StatsBar-module_root", "inline": "StatsBar-module_inline", "inlineGrid": "StatsBar-module_inlineGrid", "inlineItem": "StatsBar-module_inlineItem", "cardsGrid": "StatsBar-module_cardsGrid", "card": "StatsBar-module_card", "cardIconWrap": "StatsBar-module_cardIconWrap", "statValue": "StatsBar-module_statValue", "statLabel": "StatsBar-module_statLabel" };
 function StatsBar({ stats, variant = "inline", className = "" }) {
   if (variant === "cards") {
-    return /* @__PURE__ */ jsx("section", { className: `${__default53.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default53.cardsGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { className: __default53.card, children: [
-      stat.icon && /* @__PURE__ */ jsx("div", { className: __default53.cardIconWrap, children: stat.icon }),
-      /* @__PURE__ */ jsx("div", { className: __default53.statValue, children: stat.value }),
-      /* @__PURE__ */ jsx("div", { className: __default53.statLabel, children: stat.label })
+    return /* @__PURE__ */ jsx("section", { className: `${__default54.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default54.cardsGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { className: __default54.card, children: [
+      stat.icon && /* @__PURE__ */ jsx("div", { className: __default54.cardIconWrap, children: stat.icon }),
+      /* @__PURE__ */ jsx("div", { className: __default54.statValue, children: stat.value }),
+      /* @__PURE__ */ jsx("div", { className: __default54.statLabel, children: stat.label })
     ] }, i)) }) });
   }
-  return /* @__PURE__ */ jsx("section", { className: `${__default53.root} ${__default53.inline}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default53.inlineGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { className: __default53.inlineItem, children: [
-    /* @__PURE__ */ jsx("div", { className: __default53.statValue, children: stat.value }),
-    /* @__PURE__ */ jsx("div", { className: __default53.statLabel, children: stat.label })
+  return /* @__PURE__ */ jsx("section", { className: `${__default54.root} ${__default54.inline}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default54.inlineGrid, children: stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { className: __default54.inlineItem, children: [
+    /* @__PURE__ */ jsx("div", { className: __default54.statValue, children: stat.value }),
+    /* @__PURE__ */ jsx("div", { className: __default54.statLabel, children: stat.label })
   ] }, i)) }) });
 }
 
@@ -5165,7 +5278,7 @@ __styleInject(`@charset "UTF-8";
   gap: 0.75rem;
   justify-content: center;
 }`);
-var __default54 = { "root": "CTASection-module_root", "default": "CTASection-module_default", "filled": "CTASection-module_filled", "bordered": "CTASection-module_bordered", "inner": "CTASection-module_inner", "title": "CTASection-module_title", "titleFilled": "CTASection-module_titleFilled", "description": "CTASection-module_description", "descriptionFilled": "CTASection-module_descriptionFilled", "actions": "CTASection-module_actions" };
+var __default55 = { "root": "CTASection-module_root", "default": "CTASection-module_default", "filled": "CTASection-module_filled", "bordered": "CTASection-module_bordered", "inner": "CTASection-module_inner", "title": "CTASection-module_title", "titleFilled": "CTASection-module_titleFilled", "description": "CTASection-module_description", "descriptionFilled": "CTASection-module_descriptionFilled", "actions": "CTASection-module_actions" };
 function CTASection({
   title,
   description,
@@ -5174,10 +5287,10 @@ function CTASection({
   className = ""
 }) {
   const isFilled = variant === "filled";
-  return /* @__PURE__ */ jsx("section", { className: `${__default54.root} ${__default54[variant]}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default54.inner, children: [
-    /* @__PURE__ */ jsx("h2", { className: `${__default54.title}${isFilled ? ` ${__default54.titleFilled}` : ""}`, children: title }),
-    description && /* @__PURE__ */ jsx("p", { className: `${__default54.description}${isFilled ? ` ${__default54.descriptionFilled}` : ""}`, children: description }),
-    actions && /* @__PURE__ */ jsx("div", { className: __default54.actions, children: actions })
+  return /* @__PURE__ */ jsx("section", { className: `${__default55.root} ${__default55[variant]}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default55.inner, children: [
+    /* @__PURE__ */ jsx("h2", { className: `${__default55.title}${isFilled ? ` ${__default55.titleFilled}` : ""}`, children: title }),
+    description && /* @__PURE__ */ jsx("p", { className: `${__default55.description}${isFilled ? ` ${__default55.descriptionFilled}` : ""}`, children: description }),
+    actions && /* @__PURE__ */ jsx("div", { className: __default55.actions, children: actions })
   ] }) });
 }
 
@@ -5273,21 +5386,21 @@ __styleInject(`.BentoGrid-module_root {
   line-height: 1.625;
   letter-spacing: -0.25px;
 }`);
-var __default55 = { "root": "BentoGrid-module_root", "grid": "BentoGrid-module_grid", "item": "BentoGrid-module_item", "colSpan2": "BentoGrid-module_colSpan2", "rowSpan2": "BentoGrid-module_rowSpan2", "mediaWrap": "BentoGrid-module_mediaWrap", "content": "BentoGrid-module_content", "contentTall": "BentoGrid-module_contentTall", "itemIcon": "BentoGrid-module_itemIcon", "itemTitle": "BentoGrid-module_itemTitle", "itemDescription": "BentoGrid-module_itemDescription" };
+var __default56 = { "root": "BentoGrid-module_root", "grid": "BentoGrid-module_grid", "item": "BentoGrid-module_item", "colSpan2": "BentoGrid-module_colSpan2", "rowSpan2": "BentoGrid-module_rowSpan2", "mediaWrap": "BentoGrid-module_mediaWrap", "content": "BentoGrid-module_content", "contentTall": "BentoGrid-module_contentTall", "itemIcon": "BentoGrid-module_itemIcon", "itemTitle": "BentoGrid-module_itemTitle", "itemDescription": "BentoGrid-module_itemDescription" };
 function BentoGrid({ items, className = "" }) {
-  return /* @__PURE__ */ jsx("section", { className: `${__default55.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default55.grid, children: items.map((item, i) => {
-    const spanClass = item.span === 2 ? ` ${__default55.colSpan2}` : "";
-    const rowClass = item.rowSpan === 2 ? ` ${__default55.rowSpan2}` : "";
+  return /* @__PURE__ */ jsx("section", { className: `${__default56.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default56.grid, children: items.map((item, i) => {
+    const spanClass = item.span === 2 ? ` ${__default56.colSpan2}` : "";
+    const rowClass = item.rowSpan === 2 ? ` ${__default56.rowSpan2}` : "";
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `${__default55.item}${spanClass}${rowClass}${item.className ? ` ${item.className}` : ""}`,
+        className: `${__default56.item}${spanClass}${rowClass}${item.className ? ` ${item.className}` : ""}`,
         children: [
-          item.media && /* @__PURE__ */ jsx("div", { className: __default55.mediaWrap, children: item.media }),
-          /* @__PURE__ */ jsxs("div", { className: `${__default55.content}${item.rowSpan === 2 ? ` ${__default55.contentTall}` : ""}`, children: [
-            item.icon && /* @__PURE__ */ jsx("div", { className: __default55.itemIcon, children: item.icon }),
-            /* @__PURE__ */ jsx("h3", { className: __default55.itemTitle, children: item.title }),
-            item.description && /* @__PURE__ */ jsx("p", { className: __default55.itemDescription, children: item.description })
+          item.media && /* @__PURE__ */ jsx("div", { className: __default56.mediaWrap, children: item.media }),
+          /* @__PURE__ */ jsxs("div", { className: `${__default56.content}${item.rowSpan === 2 ? ` ${__default56.contentTall}` : ""}`, children: [
+            item.icon && /* @__PURE__ */ jsx("div", { className: __default56.itemIcon, children: item.icon }),
+            /* @__PURE__ */ jsx("h3", { className: __default56.itemTitle, children: item.title }),
+            item.description && /* @__PURE__ */ jsx("p", { className: __default56.itemDescription, children: item.description })
           ] })
         ]
       },
@@ -5402,7 +5515,7 @@ __styleInject(`.FAQSection-module_root {
   line-height: 1.625;
   padding-right: 2rem;
 }`);
-var __default56 = { "root": "FAQSection-module_root", "container": "FAQSection-module_container", "title": "FAQSection-module_title", "subtitle": "FAQSection-module_subtitle", "list": "FAQSection-module_list", "item": "FAQSection-module_item", "question": "FAQSection-module_question", "questionText": "FAQSection-module_questionText", "toggleIcon": "FAQSection-module_toggleIcon", "toggleIconOpen": "FAQSection-module_toggleIconOpen FAQSection-module_toggleIcon", "answerOpen": "FAQSection-module_answerOpen FAQSection-module_answer", "answerClosed": "FAQSection-module_answerClosed FAQSection-module_answer", "answerText": "FAQSection-module_answerText" };
+var __default57 = { "root": "FAQSection-module_root", "container": "FAQSection-module_container", "title": "FAQSection-module_title", "subtitle": "FAQSection-module_subtitle", "list": "FAQSection-module_list", "item": "FAQSection-module_item", "question": "FAQSection-module_question", "questionText": "FAQSection-module_questionText", "toggleIcon": "FAQSection-module_toggleIcon", "toggleIconOpen": "FAQSection-module_toggleIconOpen FAQSection-module_toggleIcon", "answerOpen": "FAQSection-module_answerOpen FAQSection-module_answer", "answerClosed": "FAQSection-module_answerClosed FAQSection-module_answer", "answerText": "FAQSection-module_answerText" };
 function FAQSection({
   title = "Frequently asked questions",
   subtitle,
@@ -5411,25 +5524,25 @@ function FAQSection({
 }) {
   const [openIndex, setOpenIndex] = useState(null);
   const toggle = (i) => setOpenIndex(openIndex === i ? null : i);
-  return /* @__PURE__ */ jsx("section", { className: `${__default56.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default56.container, children: [
-    title && /* @__PURE__ */ jsx("h2", { className: __default56.title, children: title }),
-    subtitle && /* @__PURE__ */ jsx("p", { className: __default56.subtitle, children: subtitle }),
-    /* @__PURE__ */ jsx("div", { className: title || subtitle ? __default56.list : "", children: items.map((item, i) => {
+  return /* @__PURE__ */ jsx("section", { className: `${__default57.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default57.container, children: [
+    title && /* @__PURE__ */ jsx("h2", { className: __default57.title, children: title }),
+    subtitle && /* @__PURE__ */ jsx("p", { className: __default57.subtitle, children: subtitle }),
+    /* @__PURE__ */ jsx("div", { className: title || subtitle ? __default57.list : "", children: items.map((item, i) => {
       const isOpen = openIndex === i;
-      return /* @__PURE__ */ jsxs("div", { className: __default56.item, children: [
+      return /* @__PURE__ */ jsxs("div", { className: __default57.item, children: [
         /* @__PURE__ */ jsxs(
           "button",
           {
             onClick: () => toggle(i),
-            className: __default56.question,
+            className: __default57.question,
             "aria-expanded": isOpen,
             children: [
-              /* @__PURE__ */ jsx("span", { className: __default56.questionText, children: item.question }),
-              /* @__PURE__ */ jsx("span", { className: isOpen ? __default56.toggleIconOpen : __default56.toggleIcon, children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M7 1v12M1 7h12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
+              /* @__PURE__ */ jsx("span", { className: __default57.questionText, children: item.question }),
+              /* @__PURE__ */ jsx("span", { className: isOpen ? __default57.toggleIconOpen : __default57.toggleIcon, children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M7 1v12M1 7h12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
             ]
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: isOpen ? __default56.answerOpen : __default56.answerClosed, children: /* @__PURE__ */ jsx("p", { className: __default56.answerText, children: item.answer }) })
+        /* @__PURE__ */ jsx("div", { className: isOpen ? __default57.answerOpen : __default57.answerClosed, children: /* @__PURE__ */ jsx("p", { className: __default57.answerText, children: item.answer }) })
       ] }, i);
     }) })
   ] }) });
@@ -5519,32 +5632,32 @@ __styleInject(`.ComparisonTable-module_root {
   font-weight: 500;
   color: var(--fg);
 }`);
-var __default57 = { "root": "ComparisonTable-module_root", "scrollWrap": "ComparisonTable-module_scrollWrap", "table": "ComparisonTable-module_table", "headerCell": "ComparisonTable-module_headerCell", "columnHeader": "ComparisonTable-module_columnHeader", "columnHeaderHighlighted": "ComparisonTable-module_columnHeaderHighlighted ComparisonTable-module_columnHeader", "bodyRow": "ComparisonTable-module_bodyRow", "featureCell": "ComparisonTable-module_featureCell", "valueCell": "ComparisonTable-module_valueCell", "valueCellHighlighted": "ComparisonTable-module_valueCellHighlighted ComparisonTable-module_valueCell", "valueCellHighlightedLast": "ComparisonTable-module_valueCellHighlightedLast ComparisonTable-module_valueCellHighlighted ComparisonTable-module_valueCell", "iconSuccess": "ComparisonTable-module_iconSuccess", "iconMuted": "ComparisonTable-module_iconMuted", "textValue": "ComparisonTable-module_textValue" };
+var __default58 = { "root": "ComparisonTable-module_root", "scrollWrap": "ComparisonTable-module_scrollWrap", "table": "ComparisonTable-module_table", "headerCell": "ComparisonTable-module_headerCell", "columnHeader": "ComparisonTable-module_columnHeader", "columnHeaderHighlighted": "ComparisonTable-module_columnHeaderHighlighted ComparisonTable-module_columnHeader", "bodyRow": "ComparisonTable-module_bodyRow", "featureCell": "ComparisonTable-module_featureCell", "valueCell": "ComparisonTable-module_valueCell", "valueCellHighlighted": "ComparisonTable-module_valueCellHighlighted ComparisonTable-module_valueCell", "valueCellHighlightedLast": "ComparisonTable-module_valueCellHighlightedLast ComparisonTable-module_valueCellHighlighted ComparisonTable-module_valueCell", "iconSuccess": "ComparisonTable-module_iconSuccess", "iconMuted": "ComparisonTable-module_iconMuted", "textValue": "ComparisonTable-module_textValue" };
 function ComparisonTable({ columns, rows, className = "" }) {
-  return /* @__PURE__ */ jsx("section", { className: `${__default57.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default57.scrollWrap, children: /* @__PURE__ */ jsxs("table", { className: __default57.table, children: [
+  return /* @__PURE__ */ jsx("section", { className: `${__default58.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default58.scrollWrap, children: /* @__PURE__ */ jsxs("table", { className: __default58.table, children: [
     /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-      /* @__PURE__ */ jsx("th", { className: __default57.headerCell }),
+      /* @__PURE__ */ jsx("th", { className: __default58.headerCell }),
       columns.map((col, i) => /* @__PURE__ */ jsx(
         "th",
         {
-          className: col.highlighted ? __default57.columnHeaderHighlighted : __default57.columnHeader,
+          className: col.highlighted ? __default58.columnHeaderHighlighted : __default58.columnHeader,
           children: col.label
         },
         i
       ))
     ] }) }),
-    /* @__PURE__ */ jsx("tbody", { children: rows.map((row, ri) => /* @__PURE__ */ jsxs("tr", { className: __default57.bodyRow, children: [
-      /* @__PURE__ */ jsx("td", { className: __default57.featureCell, children: row.feature }),
+    /* @__PURE__ */ jsx("tbody", { children: rows.map((row, ri) => /* @__PURE__ */ jsxs("tr", { className: __default58.bodyRow, children: [
+      /* @__PURE__ */ jsx("td", { className: __default58.featureCell, children: row.feature }),
       row.values.map((val, vi) => {
         var _a;
         const isHighlighted = (_a = columns[vi]) == null ? void 0 : _a.highlighted;
         const isLast = ri === rows.length - 1;
-        const cellClass = isHighlighted ? isLast ? __default57.valueCellHighlightedLast : __default57.valueCellHighlighted : __default57.valueCell;
+        const cellClass = isHighlighted ? isLast ? __default58.valueCellHighlightedLast : __default58.valueCellHighlighted : __default58.valueCell;
         return /* @__PURE__ */ jsx(
           "td",
           {
             className: cellClass,
-            children: typeof val === "boolean" ? val ? /* @__PURE__ */ jsx("span", { className: __default57.iconSuccess, children: /* @__PURE__ */ jsx(IconlyCheck, { size: 18 }) }) : /* @__PURE__ */ jsx("span", { className: __default57.iconMuted, children: /* @__PURE__ */ jsx(IconlyClose, { size: 18 }) }) : typeof val === "string" ? /* @__PURE__ */ jsx("span", { className: __default57.textValue, children: val }) : val
+            children: typeof val === "boolean" ? val ? /* @__PURE__ */ jsx("span", { className: __default58.iconSuccess, children: /* @__PURE__ */ jsx(IconlyCheck, { size: 18 }) }) : /* @__PURE__ */ jsx("span", { className: __default58.iconMuted, children: /* @__PURE__ */ jsx(IconlyClose, { size: 18 }) }) : typeof val === "string" ? /* @__PURE__ */ jsx("span", { className: __default58.textValue, children: val }) : val
           },
           vi
         );
@@ -5553,6 +5666,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 __default59 = { "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: `${__default59.root}${className ? ` ${className}` : ""}`, children })
+    }
+  );
+}
+function Bar({ children, className = "" }) {
+  const { setOpen, onDragStart, onDragMove, onDragEnd } = useBottomSheet("Bar");
+  return /* @__PURE__ */ jsxs("div", { className: `${__default59.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: __default59.barHandle,
+        "aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E",
+        children: /* @__PURE__ */ jsx("span", { className: __default59.handleBar })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: __default59.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: `${__default59.backdrop}${open || isDraggingOpen ? ` ${__default59.backdropOpen}` : ""}`,
+        onClick: () => setOpen(false),
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${__default59.panel}${open ? ` ${__default59.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: `${__default59.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: __default59.handleBar })
+    }
+  );
+}
+function Trigger({ children, className = "" }) {
+  const { open, setOpen } = useBottomSheet("Trigger");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      onClick: () => setOpen(!open),
+      className: `${__default59.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 +6158,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 __default60 = { "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: `${__default60.card}${className ? ` ${className}` : ""}`, children: [
+    media && /* @__PURE__ */ jsxs("div", { className: __default60.cardMedia, children: [
+      /* @__PURE__ */ jsx("div", { className: __default60.cardMediaInner, children: media }),
+      /* @__PURE__ */ jsx("div", { className: __default60.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: __default60.cardContent, children: [
+      pill && /* @__PURE__ */ jsx("div", { className: __default60.pill, children: /* @__PURE__ */ jsxs("span", { className: __default60.pillInner, children: [
+        pill.icon && /* @__PURE__ */ jsx("span", { className: __default60.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: __default60.cardTitle, children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: __default60.cardDesc, children: description }),
+      cta && /* @__PURE__ */ jsx("div", { className: __default60.cardCta, children: /* @__PURE__ */ jsx(
         Button,
         {
           variant: "outline",
@@ -5739,12 +6185,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: `${__default60.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: __default60.header, children: [
+      /* @__PURE__ */ jsx("h2", { className: __default60.heading, children: heading }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: __default60.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: __default58.grid, children: items.map((item, i) => /* @__PURE__ */ jsx(PromoBentoCard, __spreadValues({}, item), i)) })
+    /* @__PURE__ */ jsx("div", { className: __default60.grid, children: items.map((item, i) => /* @__PURE__ */ jsx(PromoBentoCard, __spreadValues({}, item), i)) })
   ] });
 }
 
@@ -5866,26 +6312,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 __default61 = { "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: `${__default61.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: __default61.heading, children: /* @__PURE__ */ jsx("h2", { className: __default61.headingText, children: heading }) }),
+    /* @__PURE__ */ jsxs("div", { className: __default61.body, children: [
+      /* @__PURE__ */ jsx("div", { className: __default61.stepper, children: steps.map((step, i) => /* @__PURE__ */ jsx(
         "button",
         {
           onClick: () => setActiveIndex(i),
-          className: `${__default59.stepButton}${i === activeIndex ? ` ${__default59.stepButtonActive}` : ""}`,
+          className: `${__default61.stepButton}${i === activeIndex ? ` ${__default61.stepButtonActive}` : ""}`,
           children: step.label
         },
         i
       )) }),
-      /* @__PURE__ */ jsx("div", { className: __default59.contentArea, children: steps.map((step, i) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { className: __default61.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: `${__default61.panel}${i === activeIndex ? ` ${__default61.panelActive}` : ""}`,
+          children: /* @__PURE__ */ jsx("div", { className: __default61.panelInner, children: step.content })
         },
         i
       )) })
@@ -6034,7 +6480,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 __default62 = { "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 +6490,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: `${__default62.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: isLeft ? __default62.gridReversed : __default62.grid, children: [
+    /* @__PURE__ */ jsxs("div", { className: `${__default62.textColumn}${isLeft ? ` ${__default62.textColumnLtr}` : ""}`, children: [
+      /* @__PURE__ */ jsx("h2", { className: __default62.heading, children: heading }),
+      description && /* @__PURE__ */ jsx("p", { className: __default62.description, children: description }),
+      features && features.length > 0 && /* @__PURE__ */ jsx("div", { className: __default62.features, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default62.feature, children: [
+        /* @__PURE__ */ jsx("h3", { className: __default62.featureTitle, children: feature.title }),
+        /* @__PURE__ */ jsx("p", { className: __default62.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: `${__default62.mediaColumn}${isLeft ? ` ${__default62.mediaColumnLtr}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default62.mediaBox, children: media ? /* @__PURE__ */ jsx("div", { className: __default62.mediaContent, children: media }) : /* @__PURE__ */ jsx("div", { className: __default62.mediaPlaceholder, children: /* @__PURE__ */ jsx("div", { className: __default62.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 +6616,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 __default63 = { "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: `${__default63.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: __default63.heading, children: /* @__PURE__ */ jsx("h2", { className: __default63.headingText, children: heading }) }),
+    /* @__PURE__ */ jsx("div", { className: __default63.grid, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default63.featureCard, children: [
+      feature.icon && /* @__PURE__ */ jsx("div", { className: __default63.featureIcon, children: feature.icon }),
+      /* @__PURE__ */ jsx("h3", { className: __default63.featureTitle, children: feature.title }),
+      /* @__PURE__ */ jsx("p", { className: __default63.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: __default63.media, children: /* @__PURE__ */ jsx("div", { className: __default63.mediaInner, children: media }) })
   ] });
 }
 
@@ -6366,29 +6812,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 __default64 = { "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: `${__default64.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: __default64.textBlock, children: [
+      /* @__PURE__ */ jsx("h2", { className: __default64.heading, children: heading }),
+      description && /* @__PURE__ */ jsx("p", { className: __default64.description, children: description }),
+      cta && /* @__PURE__ */ jsx("div", { className: __default64.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: __default64.devices, children: [
+      /* @__PURE__ */ jsxs("div", { className: __default64.laptop, children: [
+        /* @__PURE__ */ jsx("div", { className: __default64.laptopScreen, children: /* @__PURE__ */ jsx("div", { className: __default64.laptopScreenInner }) }),
+        /* @__PURE__ */ jsx("div", { className: __default64.laptopHinge }),
+        /* @__PURE__ */ jsx("div", { className: __default64.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: __default64.tablet, children: /* @__PURE__ */ jsx("div", { className: __default64.tabletShell, children: /* @__PURE__ */ jsx("div", { className: __default64.tabletScreen }) }) }),
+      /* @__PURE__ */ jsx("div", { className: __default64.phone, children: /* @__PURE__ */ jsxs("div", { className: __default64.phoneShell, children: [
+        /* @__PURE__ */ jsx("div", { className: __default64.phoneNotch }),
+        /* @__PURE__ */ jsx("div", { className: __default64.phoneScreen })
       ] }) })
     ] })
   ] });
@@ -6577,7 +7023,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 __default65 = { "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 +7031,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: `${__default65.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default65.wrapper, children: [
+    /* @__PURE__ */ jsx("div", { className: __default65.avatarSection, children: /* @__PURE__ */ jsxs("div", { className: __default65.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: __default65.avatarRing,
             style: { zIndex: 10 - i },
             children: /* @__PURE__ */ jsx(
               Avatar,
@@ -6606,32 +7052,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: __default65.overflowBadge, children: /* @__PURE__ */ jsxs("div", { className: __default65.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: __default65.headingSection, children: [
+      /* @__PURE__ */ jsx("h2", { className: __default65.heading, children: heading }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: __default65.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: __default65.cardsSection, children: /* @__PURE__ */ jsx("div", { className: __default65.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: __default65.card,
           children: [
-            /* @__PURE__ */ jsxs("p", { className: __default63.quote, children: [
+            /* @__PURE__ */ jsxs("p", { className: __default65.quote, children: [
               "\u201C",
               t.quote,
               "\u201D"
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: __default63.author, children: [
+            /* @__PURE__ */ jsxs("div", { className: __default65.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: __default65.authorInfo, children: [
+                /* @__PURE__ */ jsx("p", { className: __default65.authorName, children: t.name }),
+                /* @__PURE__ */ jsx("p", { className: __default65.authorRole, children: t.role })
               ] })
             ] })
           ]
@@ -6639,7 +7085,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: __default65.mediaSection, children: /* @__PURE__ */ jsx("div", { className: __default65.mediaBox, children: media }) })
   ] }) });
 }
 
@@ -6791,7 +7237,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 __default66 = { "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 +7247,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" ? __default66.dark : variant === "gradient" ? __default66.gradient : __default66.light;
+  const subtitleClass = variant === "light" ? __default66.subtitleLight : __default66.subtitleDark;
   const isLight = variant === "light";
   return /* @__PURE__ */ jsxs(
     "section",
     {
-      className: `${__default64.root} ${variantClass}${className ? ` ${className}` : ""}`,
+      className: `${__default66.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: __default66.glowLayer, "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx("div", { className: __default66.glowTop }),
+          /* @__PURE__ */ jsx("div", { className: __default66.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: __default66.inner, children: [
+          /* @__PURE__ */ jsxs("div", { className: __default66.textColumn, children: [
+            /* @__PURE__ */ jsx("h1", { className: __default66.title, children: title }),
+            subtitle && /* @__PURE__ */ jsx("p", { className: `${__default66.subtitle} ${subtitleClass}`, children: subtitle }),
+            (cta || secondaryCta) && /* @__PURE__ */ jsxs("div", { className: __default66.actions, children: [
               cta && /* @__PURE__ */ jsx(
                 Button,
                 {
                   variant: isLight ? "primary" : "outline",
                   size: "hero",
                   onClick: cta.onClick,
-                  className: !isLight ? __default64.ctaDark : "",
+                  className: !isLight ? __default66.ctaDark : "",
                   children: cta.label
                 }
               ),
@@ -6834,13 +7280,13 @@ function PromoHero({
                   variant: "ghost",
                   size: "hero",
                   onClick: secondaryCta.onClick,
-                  className: !isLight ? __default64.ghostDark : "",
+                  className: !isLight ? __default66.ghostDark : "",
                   children: secondaryCta.label
                 }
               )
             ] })
           ] }),
-          media && /* @__PURE__ */ jsx("div", { className: __default64.mediaColumn, children: media })
+          media && /* @__PURE__ */ jsx("div", { className: __default66.mediaColumn, children: media })
         ] })
       ]
     }
@@ -6994,7 +7440,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 __default67 = { "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 +7463,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: `${__default67.root}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default67.inner, children: [
+    /* @__PURE__ */ jsx("h1", { className: __default67.title, children: title }),
+    subtitle && /* @__PURE__ */ jsx("p", { className: __default67.subtitle, children: subtitle }),
     /* @__PURE__ */ jsx(
       "form",
       {
-        className: __default65.form,
+        className: __default67.form,
         onSubmit: handleSubmit,
         "aria-busy": loading,
         noValidate: true,
-        children: /* @__PURE__ */ jsxs("div", { className: __default65.formInner, children: [
+        children: /* @__PURE__ */ jsxs("div", { className: __default67.formInner, children: [
           /* @__PURE__ */ jsx(
             "input",
             {
@@ -7036,7 +7482,7 @@ function PromoHeroForm({
               value,
               onChange: (e) => setValue(e.target.value),
               disabled: loading,
-              className: __default65.input,
+              className: __default67.input,
               "aria-label": inputAriaLabel || inputPlaceholder
             }
           ),
@@ -7054,8 +7500,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: __default67.hint, children: hint }),
+    error && /* @__PURE__ */ jsx("div", { className: __default67.errorBox, role: "alert", children: error })
   ] }) });
 }
 
@@ -7333,7 +7779,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 __default68 = { "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 +7789,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 ? __default68.tierDarkHighlighted : __default68.tierHighlighted;
+    return isDark ? __default68.tierDark : __default68.tierDefault;
   };
   const getNameClass = (highlighted) => {
-    if (highlighted) return isDark ? __default66.tierNameHighlightedDark : __default66.tierNameHighlightedLight;
-    return isDark ? __default66.tierNameDark : __default66.tierNameMuted;
+    if (highlighted) return isDark ? __default68.tierNameHighlightedDark : __default68.tierNameHighlightedLight;
+    return isDark ? __default68.tierNameDark : __default68.tierNameMuted;
   };
   const getPeriodClass = (highlighted) => {
-    if (highlighted) return isDark ? __default66.periodHighlightedDark : __default66.periodHighlightedLight;
-    return isDark ? __default66.periodDark : __default66.periodMuted;
+    if (highlighted) return isDark ? __default68.periodHighlightedDark : __default68.periodHighlightedLight;
+    return isDark ? __default68.periodDark : __default68.periodMuted;
   };
   const getDescClass = (highlighted) => {
-    if (highlighted) return isDark ? __default66.tierDescHighlightedDark : __default66.tierDescHighlightedLight;
-    return isDark ? __default66.tierDescDark : __default66.tierDescMuted;
+    if (highlighted) return isDark ? __default68.tierDescHighlightedDark : __default68.tierDescHighlightedLight;
+    return isDark ? __default68.tierDescDark : __default68.tierDescMuted;
   };
   const getCheckClass = (highlighted) => {
-    if (highlighted) return isDark ? __default66.checkHighlightedDark : __default66.checkHighlightedLight;
-    return isDark ? __default66.checkDark : __default66.checkDefault;
+    if (highlighted) return isDark ? __default68.checkHighlightedDark : __default68.checkHighlightedLight;
+    return isDark ? __default68.checkDark : __default68.checkDefault;
   };
   const getFeatureTextClass = (highlighted) => {
-    if (highlighted) return isDark ? __default66.featureTextHighlightedDark : __default66.featureTextHighlightedLight;
-    return isDark ? __default66.featureTextDark : __default66.featureTextMuted;
+    if (highlighted) return isDark ? __default68.featureTextHighlightedDark : __default68.featureTextHighlightedLight;
+    return isDark ? __default68.featureTextDark : __default68.featureTextMuted;
   };
   return /* @__PURE__ */ jsxs(
     "section",
     {
-      className: `${__default66.root} ${isDark ? __default66.dark : __default66.light}${className ? ` ${className}` : ""}`,
+      className: `${__default68.root} ${isDark ? __default68.dark : __default68.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: __default68.headingSection, children: [
+          /* @__PURE__ */ jsx("h2", { className: `${__default68.heading} ${isDark ? __default68.headingDark : __default68.headingLight}`, children: heading }),
+          subtitle && /* @__PURE__ */ jsx("p", { className: `${__default68.subtitle} ${isDark ? __default68.subtitleDark : __default68.subtitleLight}`, children: subtitle })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: __default66.tiersGrid, children: tiers.map((tier, i) => /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx("div", { className: __default68.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: __default68.tierName, children: /* @__PURE__ */ jsx("h3", { className: getNameClass(tier.highlighted), children: tier.name }) }),
+              /* @__PURE__ */ jsxs("div", { className: __default68.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: `${__default68.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: `${__default68.tierDesc} ${getDescClass(tier.highlighted)}`, children: tier.description }),
+              /* @__PURE__ */ jsx("ul", { className: __default68.featureList, children: tier.features.map((feature, fi) => /* @__PURE__ */ jsxs("li", { className: __default68.featureItem, children: [
                 /* @__PURE__ */ jsx(
                   "svg",
                   {
@@ -7394,13 +7840,13 @@ function PromoPricing({
                     height: "16",
                     viewBox: "0 0 16 16",
                     fill: "none",
-                    className: `${__default66.checkIcon} ${getCheckClass(tier.highlighted)}`,
+                    className: `${__default68.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: __default68.ctaWrap, children: tier.cta })
             ]
           },
           i
@@ -7558,7 +8004,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 __default69 = { "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 +8012,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 ? __default69.grid2 : __default69.grid3;
+  return /* @__PURE__ */ jsxs("section", { className: `${__default69.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: __default69.header, children: [
+      /* @__PURE__ */ jsx("h2", { className: __default69.heading, children: heading }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: __default69.subtitle, children: subtitle })
     ] }),
     /* @__PURE__ */ jsx("div", { className: gridClass, children: cards.map((card, i) => {
       var _a;
       return /* @__PURE__ */ jsxs(
         "div",
         {
-          className: __default67.card,
+          className: __default69.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: __default69.cardContent, children: [
+              /* @__PURE__ */ jsx("h3", { className: __default69.cardTitle, children: card.title }),
+              /* @__PURE__ */ jsx("p", { className: __default69.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: __default69.cardFooter, children: [
+              /* @__PURE__ */ jsx("div", { className: __default69.iconGroup, children: (_a = card.icons) == null ? void 0 : _a.map((icon, ii) => /* @__PURE__ */ jsx(
                 "span",
                 {
-                  className: __default67.iconCircle,
+                  className: __default69.iconCircle,
                   children: icon
                 },
                 ii
@@ -7596,7 +8042,7 @@ function PromoActionCards({
                 "button",
                 {
                   onClick: card.cta.onClick,
-                  className: __default67.ctaBtn,
+                  className: __default69.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 +8165,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 __default70 = { "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 +8177,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: `${__default70.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: __default70.bgLayer, children: [
+      /* @__PURE__ */ jsx("img", { src: bgSrc, alt: "", className: __default70.bgImage }),
+      /* @__PURE__ */ jsx("div", { className: __default70.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: __default70.topBar, children: [
+      logo && /* @__PURE__ */ jsx("div", { className: __default70.logo, children: logo }),
+      /* @__PURE__ */ jsx("div", { className: __default70.divider }),
+      nav && /* @__PURE__ */ jsx("div", { className: __default70.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: __default70.bottom, children: [
+      category && /* @__PURE__ */ jsx("p", { className: __default70.category, children: category }),
+      /* @__PURE__ */ jsx("h1", { className: __default70.title, children: title }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: __default70.subtitle, children: subtitle })
     ] })
   ] });
 }
@@ -7756,9 +8202,9 @@ __styleInject(`.ArticleBody-module_root {
   color: var(--fg-secondary);
   font-weight: 400;
 }`);
-var __default69 = { "root": "ArticleBody-module_root" };
+var __default71 = { "root": "ArticleBody-module_root" };
 function ArticleBody({ children, className = "" }) {
-  return /* @__PURE__ */ jsx("div", { className: `${__default69.root}${className ? ` ${className}` : ""}`, children });
+  return /* @__PURE__ */ jsx("div", { className: `${__default71.root}${className ? ` ${className}` : ""}`, children });
 }
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleHeading.module.scss
@@ -7801,10 +8247,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 __default72 = { "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: __default72.h2,
+  3: __default72.h3
 };
 function ArticleHeading({
   level = 2,
@@ -7814,12 +8260,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: `${__default72.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: __default72.header, children: [
       /* @__PURE__ */ jsx(Tag2, { className: levelClass[level], children }),
-      action && /* @__PURE__ */ jsx("div", { className: __default70.action, children: action })
+      action && /* @__PURE__ */ jsx("div", { className: __default72.action, children: action })
     ] }),
-    subtitle && /* @__PURE__ */ jsx("p", { className: __default70.subtitle, children: subtitle })
+    subtitle && /* @__PURE__ */ jsx("p", { className: __default72.subtitle, children: subtitle })
   ] });
 }
 
@@ -7895,7 +8341,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 __default73 = { "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 +8351,35 @@ function ArticleFigure({
   children,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs("figure", { className: `${__default71.root}${className ? ` ${className}` : ""}`, children: [
+  return /* @__PURE__ */ jsxs("figure", { className: `${__default73.root}${className ? ` ${className}` : ""}`, children: [
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: __default71.imageWrapper,
+        className: __default73.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: __default73.image })
+        ) : children ? /* @__PURE__ */ jsx("div", { className: __default73.childWrapper, children }) : /* @__PURE__ */ jsxs("div", { className: __default73.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: __default73.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: __default73.legend, children: legend.map((item) => /* @__PURE__ */ jsxs("div", { className: __default73.legendItem, children: [
       /* @__PURE__ */ jsx(
         "span",
         {
-          className: __default71.legendSwatch,
+          className: __default73.legendSwatch,
           style: { backgroundColor: item.color }
         }
       ),
-      /* @__PURE__ */ jsx("span", { className: __default71.legendLabel, children: item.label })
+      /* @__PURE__ */ jsx("span", { className: __default73.legendLabel, children: item.label })
     ] }, item.label)) }),
-    caption && /* @__PURE__ */ jsx("figcaption", { className: __default71.caption, children: caption })
+    caption && /* @__PURE__ */ jsx("figcaption", { className: __default73.caption, children: caption })
   ] });
 }
 
@@ -8026,7 +8472,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 __default74 = { "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 +8484,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: `${__default74.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: __default74.headerRow, children: [
+      showRank && /* @__PURE__ */ jsx("div", { className: __default74.rankCell }),
+      columns.map((col) => /* @__PURE__ */ jsx("div", { className: __default74.headerCell, children: /* @__PURE__ */ jsx("span", { className: __default74.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: __default74.row, children: [
+      showRank && /* @__PURE__ */ jsx("div", { className: __default74.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: __default74.cell, children: [
+          col.render ? col.render(value, row) : /* @__PURE__ */ jsx("span", { className: __default74.cellText, children: String(value != null ? value : "") }),
+          hasBadge && /* @__PURE__ */ jsx("span", { className: __default74.badge, children: row._badge })
         ] }, col.key);
       })
     ] }, i)) }),
@@ -8058,7 +8504,7 @@ function ArticleTable({
       "button",
       {
         onClick: () => setExpanded(true),
-        className: __default72.showMore,
+        className: __default74.showMore,
         children: [
           "Show ",
           hiddenCount,
@@ -8091,19 +8537,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 __default75 = { "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" ? __default75.ordered : __default75.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: `${__default75.root} ${variantClass}${className ? ` ${className}` : ""}`,
+      children: items.map((item, i) => /* @__PURE__ */ jsx("li", { className: __default75.item, children: item }, i))
     }
   );
 }
@@ -8115,9 +8561,9 @@ __styleInject(`.ArticleNote-module_root {
   color: var(--fg-secondary);
   font-style: italic;
 }`);
-var __default74 = { "root": "ArticleNote-module_root" };
+var __default76 = { "root": "ArticleNote-module_root" };
 function ArticleNote({ children, className = "" }) {
-  return /* @__PURE__ */ jsx("p", { className: `${__default74.root}${className ? ` ${className}` : ""}`, children });
+  return /* @__PURE__ */ jsx("p", { className: `${__default76.root}${className ? ` ${className}` : ""}`, children });
 }
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChatBlock.module.scss
@@ -8230,11 +8676,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 __default77 = { "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: __default77.assistant, gradient: "var(--bg-secondary)" },
+  system: { cls: __default77.system, gradient: "var(--bg-tertiary)" },
+  user: { cls: __default77.user, gradient: "var(--bg-secondary)" }
 };
 function ArticleChatBlock({
   role,
@@ -8248,40 +8694,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: `${__default77.root} ${config.cls}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: __default77.header, children: /* @__PURE__ */ jsxs("span", { className: __default77.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: __default77.toolBadge, children: /* @__PURE__ */ jsxs("div", { className: __default77.toolBadgeInner, children: [
+      /* @__PURE__ */ jsx("span", { className: __default77.toolDot }),
+      /* @__PURE__ */ jsx("span", { className: __default77.toolLabel, children: toolCall })
     ] }) }),
-    /* @__PURE__ */ jsx("div", { className: __default75.divider }),
-    /* @__PURE__ */ jsxs("div", { className: __default75.contentWrapper, children: [
+    /* @__PURE__ */ jsx("div", { className: __default77.divider }),
+    /* @__PURE__ */ jsxs("div", { className: __default77.contentWrapper, children: [
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: __default75.content,
+          className: __default77.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: __default77.fadeOverlay, children: [
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: __default75.fadeGradient,
+            className: __default77.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: `${__default77.showMoreBar} ${config.cls}`, children: /* @__PURE__ */ jsx(
           "button",
           {
             onClick: () => setExpanded(true),
-            className: __default75.showMoreBtn,
+            className: __default77.showMoreBtn,
             children: "Show more"
           }
         ) })
@@ -8313,14 +8759,14 @@ __styleInject(`.ArticleLinkButton-module_root {
 .ArticleLinkButton-module_root:active {
   opacity: 0.8;
 }`);
-var __default76 = { "root": "ArticleLinkButton-module_root" };
+var __default78 = { "root": "ArticleLinkButton-module_root" };
 function ArticleLinkButton({
   children,
   href,
   onClick,
   className = ""
 }) {
-  const cls = `${__default76.root}${className ? ` ${className}` : ""}`;
+  const cls = `${__default78.root}${className ? ` ${className}` : ""}`;
   if (href) {
     return /* @__PURE__ */ jsx("a", { href, className: cls, children });
   }
@@ -8357,18 +8803,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 __default79 = { "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: `${__default79.root}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: __default79.topBar, children: [
+      logo && /* @__PURE__ */ jsx("div", { className: __default79.logo, children: logo }),
+      /* @__PURE__ */ jsx("div", { className: __default79.divider })
     ] }),
-    /* @__PURE__ */ jsx("p", { className: __default77.copyright, children: copyright })
+    /* @__PURE__ */ jsx("p", { className: __default79.copyright, children: copyright })
   ] });
 }
 
@@ -8391,15 +8837,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 __default80 = { "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: `${__default80.root}${className ? ` ${className}` : ""}`, children });
 }
 function ArticleWide({ children, className = "" }) {
-  return /* @__PURE__ */ jsx("div", { className: `${__default78.wide}${className ? ` ${className}` : ""}`, children });
+  return /* @__PURE__ */ jsx("div", { className: `${__default80.wide}${className ? ` ${className}` : ""}`, children });
 }
 function ArticleNarrow({ children, className = "" }) {
-  return /* @__PURE__ */ jsx("div", { className: `${__default78.narrow}${className ? ` ${className}` : ""}`, children });
+  return /* @__PURE__ */ jsx("div", { className: `${__default80.narrow}${className ? ` ${className}` : ""}`, children });
 }
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/templates/ArticleChart.module.scss
@@ -8486,7 +8932,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 __default81 = { "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 +8943,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: __default81.tooltip, children: [
+    label !== void 0 && /* @__PURE__ */ jsxs("p", { className: __default81.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: __default81.tooltipRow, children: [
+      /* @__PURE__ */ jsx("span", { className: __default81.tooltipDot, style: { backgroundColor: entry.color } }),
+      /* @__PURE__ */ jsx("span", { className: __default81.tooltipName, children: entry.name }),
+      /* @__PURE__ */ jsx("span", { className: __default81.tooltipValue, children: yLabel ? `${fmt(entry.value)} ` : fmt(entry.value) })
     ] }, i))
   ] });
 }
@@ -8519,8 +8965,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: `${__default81.figure}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: __default81.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 +9016,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: __default81.legend, children: series.map((s) => /* @__PURE__ */ jsxs("div", { className: __default81.legendItem, children: [
+      /* @__PURE__ */ jsx("span", { className: __default81.legendSwatch, style: { backgroundColor: s.color } }),
+      /* @__PURE__ */ jsx("span", { className: __default81.legendLabel, children: s.name })
     ] }, s.dataKey)) })
   ] });
 }
@@ -8587,8 +9033,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: `${__default81.figure}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: __default81.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 +9071,7 @@ function ArticleBarChart({
         }
       ),
       series.map((s) => /* @__PURE__ */ jsx(
-        Bar,
+        Bar$1,
         {
           dataKey: s.dataKey,
           name: s.name,
@@ -8636,9 +9082,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: __default81.legend, children: series.map((s) => /* @__PURE__ */ jsxs("div", { className: __default81.legendItem, children: [
+      /* @__PURE__ */ jsx("span", { className: __default81.legendSwatch, style: { backgroundColor: s.color } }),
+      /* @__PURE__ */ jsx("span", { className: __default81.legendLabel, children: s.name })
     ] }, s.dataKey)) })
   ] });
 }
@@ -8656,7 +9102,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: `${__default81.figure}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsx("div", { className: __default81.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 +9138,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: __default81.tooltip, children: [
+            point.label && /* @__PURE__ */ jsx("p", { className: __default81.scatterTooltipLabel, children: point.label }),
+            xLabel && /* @__PURE__ */ jsxs("p", { className: __default81.scatterTooltipRow, children: [
               xLabel,
               ": ",
               fmt(point.x)
             ] }),
-            yLabel && /* @__PURE__ */ jsxs("p", { className: __default79.scatterTooltipRow, children: [
+            yLabel && /* @__PURE__ */ jsxs("p", { className: __default81.scatterTooltipRow, children: [
               yLabel,
               ": ",
               fmt(point.y)
@@ -8776,7 +9222,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 __default82 = { "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 +9231,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: `${__default82.sidebarMode}${className ? ` ${className}` : ""}`, children: [
+      nav && /* @__PURE__ */ jsx("div", { className: __default82.sidebarNav, children: nav }),
+      /* @__PURE__ */ jsxs("main", { className: __default82.sidebarMain, children: [
+        /* @__PURE__ */ jsx("div", { className: __default82.sidebarContent, children }),
         footer
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: `${__default80.headerMode}${className ? ` ${className}` : ""}`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${__default82.headerMode}${className ? ` ${className}` : ""}`, children: [
     nav,
-    /* @__PURE__ */ jsx("main", { className: __default80.headerMain, children }),
+    /* @__PURE__ */ jsx("main", { className: __default82.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, IconlyCategory, IconlyCheck, IconlyChevronDown, IconlyChevronLeft, IconlyChevronRight, IconlyClock, IconlyClose, IconlyError, IconlyEye, IconlyEyeOff, IconlyFolder, IconlyHeart, IconlyInfo, IconlyInfoCircle, IconlyLink, IconlyLock, IconlyMail, IconlyMenu, IconlyMoon, IconlyQuote, IconlyRoadmap, IconlySandbox, IconlySearch, IconlySend, IconlySetting, 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, SegmentedControl, Select, Sidebar, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };