@dmitriikapustin/ui 0.5.0 → 0.5.1

package/dist/index.cjs

@@ -2663,7 +2663,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 +2671,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 +2702,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

@@ -948,6 +948,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 +975,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

@@ -948,6 +948,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 +975,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

@@ -2657,7 +2657,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 +2665,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 +2696,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(