@dmitriikapustin/ui 0.2.9 → 0.2.11

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}`
       )) })
     ] })
   ] }) });
@@ -6302,25 +6302,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 +6345,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 +6397,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 })
               ] })
@@ -8519,18 +8527,23 @@ var __default80 = { "headerMode": "LandingLayout-module_headerMode", "headerMain
 function LandingLayout({
   mode = "header",
   nav,
+  footer,
   children,
   className = ""
 }) {
   if (mode === "sidebar") {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default80.sidebarMode}${className ? ` ${className}` : ""}`, children: [
       nav && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default80.sidebarNav, children: nav }),
-      /* @__PURE__ */ jsxRuntime.jsx("main", { className: __default80.sidebarMain, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default80.sidebarContent, children }) })
+      /* @__PURE__ */ jsxRuntime.jsxs("main", { className: __default80.sidebarMain, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default80.sidebarContent, children }),
+        footer
+      ] })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default80.headerMode}${className ? ` ${className}` : ""}`, children: [
     nav,
-    /* @__PURE__ */ jsxRuntime.jsx("main", { className: __default80.headerMain, children })
+    /* @__PURE__ */ jsxRuntime.jsx("main", { className: __default80.headerMain, children }),
+    footer
   ] });
 }
 

package/dist/index.d.cts

@@ -1041,9 +1041,11 @@ interface LandingLayoutProps {
     mode?: 'header' | 'sidebar';
     /** Navigation element — Header for header mode, Sidebar for sidebar mode */
     nav?: ReactNode;
+    /** Footer element. Rendered sibling to `<main>` (full viewport width, без max-width-обёртки). */
+    footer?: ReactNode;
     children: ReactNode;
     className?: string;
 }
-declare function LandingLayout({ mode, nav, children, className, }: LandingLayoutProps): react_jsx_runtime.JSX.Element;
+declare function LandingLayout({ mode, nav, footer, children, className, }: LandingLayoutProps): react_jsx_runtime.JSX.Element;
 
 export { Alert, AppCard, AppTopLine, ArticleBarChart, type ArticleBarChartProps, ArticleBody, type ArticleBodyProps, ArticleChatBlock, type ArticleChatBlockProps, ArticleFigure, type ArticleFigureProps, ArticleFooter, type ArticleFooterProps, ArticleHeading, type ArticleHeadingProps, ArticleHero, type ArticleHeroProps, ArticleLayout, type ArticleLayoutProps, ArticleLineChart, type ArticleLineChartProps, ArticleLinkButton, type ArticleLinkButtonProps, ArticleList, type ArticleListProps, ArticleNarrow, ArticleNote, type ArticleNoteProps, ArticleScatterChart, type ArticleScatterChartProps, ArticleTable, type ArticleTableColumn, type ArticleTableProps, type ArticleTableRow, ArticleWide, Avatar, Badge, BentoGrid, Breadcrumbs, Button, CTASection, Card, type ChartSeries, 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, type ScatterPoint, SearchBar, Select, Sidebar, type SidebarItem, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };

package/dist/index.d.ts

@@ -1041,9 +1041,11 @@ interface LandingLayoutProps {
     mode?: 'header' | 'sidebar';
     /** Navigation element — Header for header mode, Sidebar for sidebar mode */
     nav?: ReactNode;
+    /** Footer element. Rendered sibling to `<main>` (full viewport width, без max-width-обёртки). */
+    footer?: ReactNode;
     children: ReactNode;
     className?: string;
 }
-declare function LandingLayout({ mode, nav, children, className, }: LandingLayoutProps): react_jsx_runtime.JSX.Element;
+declare function LandingLayout({ mode, nav, footer, children, className, }: LandingLayoutProps): react_jsx_runtime.JSX.Element;
 
 export { Alert, AppCard, AppTopLine, ArticleBarChart, type ArticleBarChartProps, ArticleBody, type ArticleBodyProps, ArticleChatBlock, type ArticleChatBlockProps, ArticleFigure, type ArticleFigureProps, ArticleFooter, type ArticleFooterProps, ArticleHeading, type ArticleHeadingProps, ArticleHero, type ArticleHeroProps, ArticleLayout, type ArticleLayoutProps, ArticleLineChart, type ArticleLineChartProps, ArticleLinkButton, type ArticleLinkButtonProps, ArticleList, type ArticleListProps, ArticleNarrow, ArticleNote, type ArticleNoteProps, ArticleScatterChart, type ArticleScatterChartProps, ArticleTable, type ArticleTableColumn, type ArticleTableProps, type ArticleTableRow, ArticleWide, Avatar, Badge, BentoGrid, Breadcrumbs, Button, CTASection, Card, type ChartSeries, 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, type ScatterPoint, SearchBar, Select, Sidebar, type SidebarItem, Skeleton, Spinner, StampCard, Stat, StatBadge, StatsBar, Link as StyledLink, Tabs, Tag, TestimonialCard, Textarea, TicketButton, Toast, Toggle, Tooltip, TopPromo };

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}`
       )) })
     ] })
   ] }) });
@@ -6296,25 +6296,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 +6339,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 +6391,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 })
               ] })
@@ -8513,18 +8521,23 @@ var __default80 = { "headerMode": "LandingLayout-module_headerMode", "headerMain
 function LandingLayout({
   mode = "header",
   nav,
+  footer,
   children,
   className = ""
 }) {
   if (mode === "sidebar") {
     return /* @__PURE__ */ jsxs("div", { className: `${__default80.sidebarMode}${className ? ` ${className}` : ""}`, children: [
       nav && /* @__PURE__ */ jsx("div", { className: __default80.sidebarNav, children: nav }),
-      /* @__PURE__ */ jsx("main", { className: __default80.sidebarMain, children: /* @__PURE__ */ jsx("div", { className: __default80.sidebarContent, children }) })
+      /* @__PURE__ */ jsxs("main", { className: __default80.sidebarMain, children: [
+        /* @__PURE__ */ jsx("div", { className: __default80.sidebarContent, children }),
+        footer
+      ] })
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: `${__default80.headerMode}${className ? ` ${className}` : ""}`, children: [
     nav,
-    /* @__PURE__ */ jsx("main", { className: __default80.headerMain, children })
+    /* @__PURE__ */ jsx("main", { className: __default80.headerMain, children }),
+    footer
   ] });
 }
 

package/package.json

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