@dmitriikapustin/ui 0.2.10 → 0.2.12

package/dist/index.cjs

@@ -3722,21 +3722,21 @@ function Footer({
         brand == null ? void 0 : brand.logo,
         (brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default43.tagline, children: brand.tagline })
       ] }),
-      columns == null ? void 0 : columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      columns == null ? void 0 : columns.map((col, ci) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("h4", { className: __default43.columnTitle, children: col.title }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: __default43.linkList, children: col.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, className: __default43.link, children: link.label }) }, link.label)) })
-      ] }, col.title))
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: __default43.linkList, children: col.links.map((link, li) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, className: __default43.link, children: link.label }) }, `${ci}-${li}-${link.label}`)) })
+      ] }, `${ci}-${col.title}`))
     ] }),
     hasBottom && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default43.bottom, children: [
       copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default43.copyright, children: copyright }),
-      socials && socials.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default43.socials, children: socials.map((social) => /* @__PURE__ */ jsxRuntime.jsx(
+      socials && socials.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default43.socials, children: socials.map((social, si) => /* @__PURE__ */ jsxRuntime.jsx(
         "a",
         {
           href: social.href,
           className: __default43.socialLink,
           children: social.label
         },
-        social.label
+        `${si}-${social.label}`
       )) })
     ] })
   ] }) });
@@ -4450,7 +4450,8 @@ function EmptyState({ icon, title, description, action, className = "" }) {
 }
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/HeroSection.module.scss
-__styleInject(`.HeroSection-module_root {
+__styleInject(`@charset "UTF-8";
+.HeroSection-module_root {
   position: relative;
   overflow: hidden;
 }
@@ -4611,6 +4612,24 @@ __styleInject(`.HeroSection-module_root {
   max-width: 56rem;
 }
 
+/* Split-right mode: side-by-side desktop layout, stacked on mobile */
+.HeroSection-module_splitGrid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 3rem;
+  align-items: center;
+}
+@media (min-width: 768px) {
+  .HeroSection-module_splitGrid {
+    grid-template-columns: 1fr 1fr;
+    gap: 4rem;
+  }
+}
+
+.HeroSection-module_mediaSplit {
+  /* \u0412 split-\u0440\u0435\u0436\u0438\u043C\u0435 media \u0437\u0430\u043F\u043E\u043B\u043D\u044F\u0435\u0442 \u0441\u0432\u043E\u044E grid-\u043A\u043E\u043B\u043E\u043D\u043A\u0443 \u0431\u0435\u0437 \u043E\u0442\u0434\u0435\u043B\u044C\u043D\u043E\u0433\u043E max-width */
+}
+
 .HeroSection-module_mediaBox {
   border-radius: var(--radius-xl);
   border: 1px solid var(--border-color);
@@ -4618,7 +4637,7 @@ __styleInject(`.HeroSection-module_root {
   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", "mediaBox": "HeroSection-module_mediaBox" };
+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" };
 function HeroSection({
   eyebrow,
   title,
@@ -4627,24 +4646,37 @@ function HeroSection({
   media,
   align = "center",
   size = "default",
+  mediaPosition = "left",
   className = ""
 }) {
   const isCenter = align === "center";
   const isCompact = size === "compact";
+  const isSplitRight = !isCenter && mediaPosition === "right" && !!media;
+  const contentBlock = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isCenter ? __default51.contentCenter : __default51.content, children: [
+    eyebrow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default51.eyebrowWrap}${isCenter ? ` ${__default51.eyebrowCenter}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default51.eyebrow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default51.eyebrowDot }),
+      eyebrow
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default51.title, children: title }),
+    subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default51.subtitle}${isCenter ? ` ${__default51.subtitleCenter}` : ""}`, children: subtitle }),
+    actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default51.actions}${isCenter ? ` ${__default51.actionsCenter}` : ""}`, children: actions })
+  ] });
+  const mediaBlock = media && /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: isSplitRight ? __default51.mediaSplit : isCenter ? __default51.mediaWrapCenter : __default51.mediaWrapLeft,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default51.mediaBox, children: media })
+    }
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `${__default51.root}${className ? ` ${className}` : ""}`, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default51.bgGlow, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default51.glowOrb }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isCompact ? __default51.innerCompact : __default51.inner, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isCenter ? __default51.contentCenter : __default51.content, children: [
-        eyebrow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default51.eyebrowWrap}${isCenter ? ` ${__default51.eyebrowCenter}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: __default51.eyebrow, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: __default51.eyebrowDot }),
-          eyebrow
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: __default51.title, children: title }),
-        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${__default51.subtitle}${isCenter ? ` ${__default51.subtitleCenter}` : ""}`, children: subtitle }),
-        actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${__default51.actions}${isCenter ? ` ${__default51.actionsCenter}` : ""}`, children: actions })
-      ] }),
-      media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: isCenter ? __default51.mediaWrapCenter : __default51.mediaWrapLeft, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default51.mediaBox, children: media }) })
-    ] })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: isCompact ? __default51.innerCompact : __default51.inner, children: isSplitRight ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default51.splitGrid, children: [
+      contentBlock,
+      mediaBlock
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      contentBlock,
+      mediaBlock
+    ] }) })
   ] });
 }
 
@@ -6302,25 +6334,33 @@ __styleInject(`.PromoTestimonials-module_root {
   font-size: 0.875rem;
   color: var(--fg-secondary);
   line-height: 1.625;
-  flex: 1;
+  margin: 0;
 }
 
 .PromoTestimonials-module_author {
   display: flex;
   align-items: center;
   gap: 0.75rem;
-  padding-top: 0.25rem;
+  margin-top: auto;
+}
+
+.PromoTestimonials-module_authorInfo {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
 }
 
 .PromoTestimonials-module_authorName {
   font-size: 0.875rem;
   font-weight: 500;
   color: var(--fg);
+  margin: 0;
 }
 
 .PromoTestimonials-module_authorRole {
   font-size: 0.75rem;
   color: var(--fg-muted);
+  margin: 0;
 }
 
 .PromoTestimonials-module_mediaSection {
@@ -6337,7 +6377,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", "authorName": "PromoTestimonials-module_authorName", "authorRole": "PromoTestimonials-module_authorRole", "mediaSection": "PromoTestimonials-module_mediaSection", "mediaBox": "PromoTestimonials-module_mediaBox" };
+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" };
 function PromoTestimonials({
   heading,
   subtitle,
@@ -6389,7 +6429,7 @@ function PromoTestimonials({
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default63.author, children: [
               /* @__PURE__ */ jsxRuntime.jsx(Avatar, { size: "sm", src: t.avatarSrc, initials }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default63.authorInfo, children: [
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default63.authorName, children: t.name }),
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default63.authorRole, children: t.role })
               ] })

package/dist/index.d.cts

@@ -606,9 +606,16 @@ interface HeroSectionProps {
     media?: ReactNode;
     align?: 'left' | 'center';
     size?: 'default' | 'compact';
+    /**
+     * Положение media на desktop (применяется только при `align='left'`).
+     * - `'left'` (default, backward-compat): media стекируется ниже content.
+     * - `'right'`: side-by-side — content слева, media справа.
+     * На mobile (≤ 768px) всегда стекируется снизу.
+     */
+    mediaPosition?: 'left' | 'right';
     className?: string;
 }
-declare function HeroSection({ eyebrow, title, subtitle, actions, media, align, size, className, }: HeroSectionProps): react_jsx_runtime.JSX.Element;
+declare function HeroSection({ eyebrow, title, subtitle, actions, media, align, size, mediaPosition, className, }: HeroSectionProps): react_jsx_runtime.JSX.Element;
 
 interface LogoCloudProps {
     label?: string;

package/dist/index.d.ts

@@ -606,9 +606,16 @@ interface HeroSectionProps {
     media?: ReactNode;
     align?: 'left' | 'center';
     size?: 'default' | 'compact';
+    /**
+     * Положение media на desktop (применяется только при `align='left'`).
+     * - `'left'` (default, backward-compat): media стекируется ниже content.
+     * - `'right'`: side-by-side — content слева, media справа.
+     * На mobile (≤ 768px) всегда стекируется снизу.
+     */
+    mediaPosition?: 'left' | 'right';
     className?: string;
 }
-declare function HeroSection({ eyebrow, title, subtitle, actions, media, align, size, className, }: HeroSectionProps): react_jsx_runtime.JSX.Element;
+declare function HeroSection({ eyebrow, title, subtitle, actions, media, align, size, mediaPosition, className, }: HeroSectionProps): react_jsx_runtime.JSX.Element;
 
 interface LogoCloudProps {
     label?: string;

package/dist/index.js

@@ -3716,21 +3716,21 @@ function Footer({
         brand == null ? void 0 : brand.logo,
         (brand == null ? void 0 : brand.tagline) && /* @__PURE__ */ jsx("p", { className: __default43.tagline, children: brand.tagline })
       ] }),
-      columns == null ? void 0 : columns.map((col) => /* @__PURE__ */ jsxs("div", { children: [
+      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) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: link.href, className: __default43.link, children: link.label }) }, link.label)) })
-      ] }, 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}`)) })
+      ] }, `${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) => /* @__PURE__ */ jsx(
+      socials && socials.length > 0 && /* @__PURE__ */ jsx("div", { className: __default43.socials, children: socials.map((social, si) => /* @__PURE__ */ jsx(
         "a",
         {
           href: social.href,
           className: __default43.socialLink,
           children: social.label
         },
-        social.label
+        `${si}-${social.label}`
       )) })
     ] })
   ] }) });
@@ -4444,7 +4444,8 @@ function EmptyState({ icon, title, description, action, className = "" }) {
 }
 
 // css-inject-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/HeroSection.module.scss
-__styleInject(`.HeroSection-module_root {
+__styleInject(`@charset "UTF-8";
+.HeroSection-module_root {
   position: relative;
   overflow: hidden;
 }
@@ -4605,6 +4606,24 @@ __styleInject(`.HeroSection-module_root {
   max-width: 56rem;
 }
 
+/* Split-right mode: side-by-side desktop layout, stacked on mobile */
+.HeroSection-module_splitGrid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 3rem;
+  align-items: center;
+}
+@media (min-width: 768px) {
+  .HeroSection-module_splitGrid {
+    grid-template-columns: 1fr 1fr;
+    gap: 4rem;
+  }
+}
+
+.HeroSection-module_mediaSplit {
+  /* \u0412 split-\u0440\u0435\u0436\u0438\u043C\u0435 media \u0437\u0430\u043F\u043E\u043B\u043D\u044F\u0435\u0442 \u0441\u0432\u043E\u044E grid-\u043A\u043E\u043B\u043E\u043D\u043A\u0443 \u0431\u0435\u0437 \u043E\u0442\u0434\u0435\u043B\u044C\u043D\u043E\u0433\u043E max-width */
+}
+
 .HeroSection-module_mediaBox {
   border-radius: var(--radius-xl);
   border: 1px solid var(--border-color);
@@ -4612,7 +4631,7 @@ __styleInject(`.HeroSection-module_root {
   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", "mediaBox": "HeroSection-module_mediaBox" };
+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" };
 function HeroSection({
   eyebrow,
   title,
@@ -4621,24 +4640,37 @@ function HeroSection({
   media,
   align = "center",
   size = "default",
+  mediaPosition = "left",
   className = ""
 }) {
   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 }),
+      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 })
+  ] });
+  const mediaBlock = media && /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: isSplitRight ? __default51.mediaSplit : isCenter ? __default51.mediaWrapCenter : __default51.mediaWrapLeft,
+      children: /* @__PURE__ */ jsx("div", { className: __default51.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__ */ jsxs("div", { className: isCompact ? __default51.innerCompact : __default51.inner, children: [
-      /* @__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 }),
-          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 })
-      ] }),
-      media && /* @__PURE__ */ jsx("div", { className: isCenter ? __default51.mediaWrapCenter : __default51.mediaWrapLeft, children: /* @__PURE__ */ jsx("div", { className: __default51.mediaBox, children: media }) })
-    ] })
+    /* @__PURE__ */ jsx("div", { className: isCompact ? __default51.innerCompact : __default51.inner, children: isSplitRight ? /* @__PURE__ */ jsxs("div", { className: __default51.splitGrid, children: [
+      contentBlock,
+      mediaBlock
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      contentBlock,
+      mediaBlock
+    ] }) })
   ] });
 }
 
@@ -6296,25 +6328,33 @@ __styleInject(`.PromoTestimonials-module_root {
   font-size: 0.875rem;
   color: var(--fg-secondary);
   line-height: 1.625;
-  flex: 1;
+  margin: 0;
 }
 
 .PromoTestimonials-module_author {
   display: flex;
   align-items: center;
   gap: 0.75rem;
-  padding-top: 0.25rem;
+  margin-top: auto;
+}
+
+.PromoTestimonials-module_authorInfo {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
 }
 
 .PromoTestimonials-module_authorName {
   font-size: 0.875rem;
   font-weight: 500;
   color: var(--fg);
+  margin: 0;
 }
 
 .PromoTestimonials-module_authorRole {
   font-size: 0.75rem;
   color: var(--fg-muted);
+  margin: 0;
 }
 
 .PromoTestimonials-module_mediaSection {
@@ -6331,7 +6371,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", "authorName": "PromoTestimonials-module_authorName", "authorRole": "PromoTestimonials-module_authorRole", "mediaSection": "PromoTestimonials-module_mediaSection", "mediaBox": "PromoTestimonials-module_mediaBox" };
+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" };
 function PromoTestimonials({
   heading,
   subtitle,
@@ -6383,7 +6423,7 @@ function PromoTestimonials({
             ] }),
             /* @__PURE__ */ jsxs("div", { className: __default63.author, children: [
               /* @__PURE__ */ jsx(Avatar, { size: "sm", src: t.avatarSrc, initials }),
-              /* @__PURE__ */ jsxs("div", { children: [
+              /* @__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 })
               ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dmitriikapustin/ui",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "description": "Universal UI/UX Kit — React 19 component library with Atomic Design, CSS custom properties, and SCSS modules",
   "author": "Kapustin Team",
   "license": "MIT",