@dmitriikapustin/ui 0.5.0 → 0.5.2

package/dist/index.cjs

@@ -1747,10 +1747,19 @@ function SegmentedControl({
 }
 
 // css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/Header.module.scss
-var __default44 = { "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 = "" }) {
+var __default44 = { "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", "minimal": "Header-module_minimal", "dark": "Header-module_dark" };
+function Header({
+  logo,
+  navItems = [],
+  actions,
+  variant = "pill",
+  theme = "light",
+  className = ""
+}) {
   const [mobileOpen, setMobileOpen] = react.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: `${__default44.root}${className ? ` ${className}` : ""}`, children: [
+  const variantClass = variant === "minimal" ? ` ${__default44.minimal}` : "";
+  const themeClass = variant === "minimal" && theme === "dark" ? ` ${__default44.dark}` : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: `${__default44.root}${variantClass}${themeClass}${className ? ` ${className}` : ""}`, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default44.container, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.bar, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default44.leftGroup, children: [
         logo,
@@ -2663,7 +2672,7 @@ function PromoDevicesCTA({
 }
 
 // css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoTestimonials.module.scss
-var __default66 = { "root": "PromoTestimonials-module_root", "rootNoVertical": "PromoTestimonials-module_rootNoVertical", "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", "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 __default66 = { "root": "PromoTestimonials-module_root", "rootNoVertical": "PromoTestimonials-module_rootNoVertical", "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", "rating": "PromoTestimonials-module_rating", "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,
@@ -2671,9 +2680,11 @@ function PromoTestimonials({
   media,
   verticalPadding = "default",
   headingSize = "lg",
+  rating,
   className = ""
 }) {
   const noVerticalClass = verticalPadding === "none" ? ` ${__default66.rootNoVertical}` : "";
+  const ratingCountLabel = rating && rating.count !== void 0 && rating.count > 0 ? rating.countLabel ? rating.countLabel(rating.count) : String(rating.count) : null;
   return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default66.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.wrapper, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.avatarSection, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.avatarStack, children: [
       testimonials.slice(0, 5).map((t, i) => {
@@ -2700,7 +2711,17 @@ function PromoTestimonials({
         testimonials.length - 5
       ] }) })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.headingSection, children: /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { size: headingSize, align: "center", subtitle, children: heading }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.headingSection, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { size: headingSize, align: "center", subtitle, children: heading }),
+      rating && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: __default66.rating, children: [
+        rating.value.toFixed(1),
+        " \u2605",
+        ratingCountLabel && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          " \xB7 ",
+          ratingCountLabel
+        ] })
+      ] })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.cardsSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.cardsGrid, children: testimonials.map((t, i) => {
       const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
       return /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/index.d.cts

@@ -557,9 +557,22 @@ interface HeaderProps {
     navItems?: NavItem[];
     /** Кнопки/контент справа (CTA). Если undefined — блок не рендерится. */
     actions?: ReactNode;
+    /**
+     * Визуальный вариант шапки.
+     * - `'pill'` (default, BC) — закруглённый pill с border и blur background, margin вокруг.
+     * - `'minimal'` — solid full-width, без border/margin (openai.com-style). При hover на один nav-link остальные становятся серыми.
+     */
+    variant?: 'pill' | 'minimal';
+    /**
+     * Цветовая тема. Применяется только при `variant='minimal'` — переопределяет bg/fg
+     * локально, независимо от глобальной темы страницы.
+     * - `'light'` (default) — белый фон, тёмный текст.
+     * - `'dark'` — тёмный фон (`--neutral-900`), светлый текст.
+     */
+    theme?: 'light' | 'dark';
     className?: string;
 }
-declare function Header({ logo, navItems, actions, className }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Header({ logo, navItems, actions, variant, theme, className, }: HeaderProps): react_jsx_runtime.JSX.Element;
 
 interface FooterColumn {
     title: string;
@@ -948,6 +961,17 @@ interface Testimonial {
     role: string;
     avatarSrc?: string;
 }
+interface PromoTestimonialsRating {
+    /** Числовое значение рейтинга, например 4.9. Форматируется через `toFixed(1)`. */
+    value: number;
+    /** Кол-во отзывов. Если undefined / 0 — рендерится только `value ★`. */
+    count?: number;
+    /**
+     * Локализуемый формат count'а. Default — `${count}`. Передавай свою pluralization
+     * (например `(n) => \`${n} ${pluralRu(n, ['отзыв','отзыва','отзывов'])}\``).
+     */
+    countLabel?: (count: number) => string;
+}
 interface PromoTestimonialsProps {
     heading: ReactNode;
     subtitle?: string;
@@ -964,9 +988,16 @@ interface PromoTestimonialsProps {
      * Используй `'md'` для density-aware admin / dashboard контекстов.
      */
     headingSize?: 'sm' | 'md' | 'lg';
+    /**
+     * Опциональная плашка рейтинга под heading: `«4.9 ★ · 530 отзывов»`.
+     * Стилизуется через token `--testimonial-rating-fg` (default `var(--fg-secondary)`).
+     * Pluralization count'а — на стороне потребителя через `countLabel` callback (пакет
+     * не тащит i18n).
+     */
+    rating?: PromoTestimonialsRating;
     className?: string;
 }
-declare function PromoTestimonials({ heading, subtitle, testimonials, media, verticalPadding, headingSize, className, }: PromoTestimonialsProps): react_jsx_runtime.JSX.Element;
+declare function PromoTestimonials({ heading, subtitle, testimonials, media, verticalPadding, headingSize, rating, className, }: PromoTestimonialsProps): react_jsx_runtime.JSX.Element;
 
 interface PromoHeroProps {
     title: ReactNode;

package/dist/index.d.ts

@@ -557,9 +557,22 @@ interface HeaderProps {
     navItems?: NavItem[];
     /** Кнопки/контент справа (CTA). Если undefined — блок не рендерится. */
     actions?: ReactNode;
+    /**
+     * Визуальный вариант шапки.
+     * - `'pill'` (default, BC) — закруглённый pill с border и blur background, margin вокруг.
+     * - `'minimal'` — solid full-width, без border/margin (openai.com-style). При hover на один nav-link остальные становятся серыми.
+     */
+    variant?: 'pill' | 'minimal';
+    /**
+     * Цветовая тема. Применяется только при `variant='minimal'` — переопределяет bg/fg
+     * локально, независимо от глобальной темы страницы.
+     * - `'light'` (default) — белый фон, тёмный текст.
+     * - `'dark'` — тёмный фон (`--neutral-900`), светлый текст.
+     */
+    theme?: 'light' | 'dark';
     className?: string;
 }
-declare function Header({ logo, navItems, actions, className }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Header({ logo, navItems, actions, variant, theme, className, }: HeaderProps): react_jsx_runtime.JSX.Element;
 
 interface FooterColumn {
     title: string;
@@ -948,6 +961,17 @@ interface Testimonial {
     role: string;
     avatarSrc?: string;
 }
+interface PromoTestimonialsRating {
+    /** Числовое значение рейтинга, например 4.9. Форматируется через `toFixed(1)`. */
+    value: number;
+    /** Кол-во отзывов. Если undefined / 0 — рендерится только `value ★`. */
+    count?: number;
+    /**
+     * Локализуемый формат count'а. Default — `${count}`. Передавай свою pluralization
+     * (например `(n) => \`${n} ${pluralRu(n, ['отзыв','отзыва','отзывов'])}\``).
+     */
+    countLabel?: (count: number) => string;
+}
 interface PromoTestimonialsProps {
     heading: ReactNode;
     subtitle?: string;
@@ -964,9 +988,16 @@ interface PromoTestimonialsProps {
      * Используй `'md'` для density-aware admin / dashboard контекстов.
      */
     headingSize?: 'sm' | 'md' | 'lg';
+    /**
+     * Опциональная плашка рейтинга под heading: `«4.9 ★ · 530 отзывов»`.
+     * Стилизуется через token `--testimonial-rating-fg` (default `var(--fg-secondary)`).
+     * Pluralization count'а — на стороне потребителя через `countLabel` callback (пакет
+     * не тащит i18n).
+     */
+    rating?: PromoTestimonialsRating;
     className?: string;
 }
-declare function PromoTestimonials({ heading, subtitle, testimonials, media, verticalPadding, headingSize, className, }: PromoTestimonialsProps): react_jsx_runtime.JSX.Element;
+declare function PromoTestimonials({ heading, subtitle, testimonials, media, verticalPadding, headingSize, rating, className, }: PromoTestimonialsProps): react_jsx_runtime.JSX.Element;
 
 interface PromoHeroProps {
     title: ReactNode;

package/dist/index.js

@@ -1741,10 +1741,19 @@ function SegmentedControl({
 }
 
 // css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/Header.module.scss
-var __default44 = { "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 = "" }) {
+var __default44 = { "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", "minimal": "Header-module_minimal", "dark": "Header-module_dark" };
+function Header({
+  logo,
+  navItems = [],
+  actions,
+  variant = "pill",
+  theme = "light",
+  className = ""
+}) {
   const [mobileOpen, setMobileOpen] = useState(false);
-  return /* @__PURE__ */ jsxs("header", { className: `${__default44.root}${className ? ` ${className}` : ""}`, children: [
+  const variantClass = variant === "minimal" ? ` ${__default44.minimal}` : "";
+  const themeClass = variant === "minimal" && theme === "dark" ? ` ${__default44.dark}` : "";
+  return /* @__PURE__ */ jsxs("header", { className: `${__default44.root}${variantClass}${themeClass}${className ? ` ${className}` : ""}`, children: [
     /* @__PURE__ */ jsx("div", { className: __default44.container, children: /* @__PURE__ */ jsxs("div", { className: __default44.bar, children: [
       /* @__PURE__ */ jsxs("div", { className: __default44.leftGroup, children: [
         logo,
@@ -2657,7 +2666,7 @@ function PromoDevicesCTA({
 }
 
 // css-extract-scss:/Users/dimakozh/Desktop/projects/kapustin.cc/packages/ui/src/organisms/PromoTestimonials.module.scss
-var __default66 = { "root": "PromoTestimonials-module_root", "rootNoVertical": "PromoTestimonials-module_rootNoVertical", "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", "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 __default66 = { "root": "PromoTestimonials-module_root", "rootNoVertical": "PromoTestimonials-module_rootNoVertical", "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", "rating": "PromoTestimonials-module_rating", "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,
@@ -2665,9 +2674,11 @@ function PromoTestimonials({
   media,
   verticalPadding = "default",
   headingSize = "lg",
+  rating,
   className = ""
 }) {
   const noVerticalClass = verticalPadding === "none" ? ` ${__default66.rootNoVertical}` : "";
+  const ratingCountLabel = rating && rating.count !== void 0 && rating.count > 0 ? rating.countLabel ? rating.countLabel(rating.count) : String(rating.count) : null;
   return /* @__PURE__ */ jsx("section", { className: `${__default66.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: __default66.wrapper, children: [
     /* @__PURE__ */ jsx("div", { className: __default66.avatarSection, children: /* @__PURE__ */ jsxs("div", { className: __default66.avatarStack, children: [
       testimonials.slice(0, 5).map((t, i) => {
@@ -2694,7 +2705,17 @@ function PromoTestimonials({
         testimonials.length - 5
       ] }) })
     ] }) }),
-    /* @__PURE__ */ jsx("div", { className: __default66.headingSection, children: /* @__PURE__ */ jsx(SectionHeading, { size: headingSize, align: "center", subtitle, children: heading }) }),
+    /* @__PURE__ */ jsxs("div", { className: __default66.headingSection, children: [
+      /* @__PURE__ */ jsx(SectionHeading, { size: headingSize, align: "center", subtitle, children: heading }),
+      rating && /* @__PURE__ */ jsxs("p", { className: __default66.rating, children: [
+        rating.value.toFixed(1),
+        " \u2605",
+        ratingCountLabel && /* @__PURE__ */ jsxs(Fragment, { children: [
+          " \xB7 ",
+          ratingCountLabel
+        ] })
+      ] })
+    ] }),
     /* @__PURE__ */ jsx("div", { className: __default66.cardsSection, children: /* @__PURE__ */ jsx("div", { className: __default66.cardsGrid, children: testimonials.map((t, i) => {
       const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
       return /* @__PURE__ */ jsxs(