@atme-lab/ui-kit 0.1.19 → 0.1.22

package/dist/index.esm25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm25.js","sources":["../src/components/layout/Stack/Stack.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cn from \"classnames\";\nimport type { BaseComponentProps } from \"../../types\";\nimport { getSpacingVar } from \"@tokens/utils\";\nimport styles from \"./Stack.module.pcss\";\n\nexport type StackDirection =\n  | \"row\"\n  | \"column\"\n  | \"row-reverse\"\n  | \"column-reverse\";\nexport type StackAlign = \"start\" | \"end\" | \"center\" | \"stretch\" | \"baseline\";\nexport type StackJustify =\n  | \"start\"\n  | \"end\"\n  | \"center\"\n  | \"between\"\n  | \"around\"\n  | \"evenly\";\nexport type StackWrap = \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n\nexport type StackGap = number | string;\n\ntype StackElement =\n  | \"div\"\n  | \"section\"\n  | \"article\"\n  | \"main\"\n  | \"header\"\n  | \"footer\"\n  | \"aside\"\n  | \"nav\";\n\nexport interface StackProps\n  extends\n    BaseComponentProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"ref\"> {\n  direction?: StackDirection;\n  align?: StackAlign;\n  justify?: StackJustify;\n  wrap?: StackWrap;\n  gap?: StackGap;\n  as?: StackElement;\n  children: React.ReactNode;\n}\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      direction = \"row\",\n      align = \"stretch\",\n      justify = \"start\",\n      wrap = \"nowrap\",\n      gap = 0,\n      as: Component = \"div\",\n      children,\n      className,\n      testId,\n      ...props\n    },\n    ref\n  ) => {\n    // Вычисляем значение gap через утилиту\n    const gapValue = getSpacingVar(gap);\n\n    return (\n      <Component\n        ref={ref}\n        data-atme-ui\n        className={cn(\n          styles.stack,\n          styles[`stack--direction-${direction}`],\n          styles[`stack--align-${align}`],\n          styles[`stack--justify-${justify}`],\n          styles[`stack--wrap-${wrap}`],\n          className\n        )}\n        style={{ gap: gapValue, ...props.style }}\n        {...(testId && { \"data-testid\": testId })}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nStack.displayName = \"Stack\";\n"],"names":["Stack","forwardRef","direction","align","justify","wrap","gap","Component","children","className","testId","props","ref","gapValue","getSpacingVar","jsx","cn","styles"],"mappings":";;;;;;AA8CO,MAAMA,IAAQC;AAAA,EACnB,CACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,KAAAC,IAAM;AAAA,IACN,IAAIC,IAAY;AAAA,IAChB,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AAEH,UAAMC,IAAWC,EAAcR,CAAG;AAElC,WACES,gBAAAA,EAAAA;AAAAA,MAACR;AAAA,MAAA;AAAA,QACC,KAAAK;AAAA,QACA,gBAAY;AAAA,QACZ,WAAWI;AAAA,UACTC,EAAO;AAAA,UACPA,EAAO,oBAAoBf,CAAS,EAAE;AAAA,UACtCe,EAAO,gBAAgBd,CAAK,EAAE;AAAA,UAC9Bc,EAAO,kBAAkBb,CAAO,EAAE;AAAA,UAClCa,EAAO,eAAeZ,CAAI,EAAE;AAAA,UAC5BI;AAAA,QAAA;AAAA,QAEF,OAAO,EAAE,KAAKI,GAAU,GAAGF,EAAM,MAAA;AAAA,QAChC,GAAID,KAAU,EAAE,eAAeA,EAAA;AAAA,QAC/B,GAAGC;AAAA,QAEH,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAR,EAAM,cAAc;"}
+{"version":3,"file":"index.esm25.js","sources":["../src/components/layout/Stack/Stack.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cn from \"classnames\";\nimport type { BaseComponentProps } from \"../../types\";\nimport { getSpacingVar } from \"@tokens/utils\";\nimport styles from \"./Stack.module.pcss\";\n\nexport type StackDirection =\n  | \"row\"\n  | \"column\"\n  | \"row-reverse\"\n  | \"column-reverse\";\nexport type StackAlign = \"start\" | \"end\" | \"center\" | \"stretch\" | \"baseline\";\nexport type StackJustify =\n  | \"start\"\n  | \"end\"\n  | \"center\"\n  | \"between\"\n  | \"around\"\n  | \"evenly\";\nexport type StackWrap = \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n\nexport type StackGap = number | string;\n\ntype StackElement =\n  | \"div\"\n  | \"section\"\n  | \"article\"\n  | \"main\"\n  | \"header\"\n  | \"footer\"\n  | \"aside\"\n  | \"nav\";\n\nexport interface StackProps\n  extends\n    BaseComponentProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"ref\"> {\n  direction?: StackDirection;\n  align?: StackAlign;\n  justify?: StackJustify;\n  wrap?: StackWrap;\n  gap?: StackGap;\n  as?: StackElement;\n  children: React.ReactNode;\n}\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      direction = \"row\",\n      align = \"stretch\",\n      justify = \"start\",\n      wrap = \"nowrap\",\n      gap = 0,\n      as: Component = \"div\",\n      children,\n      className,\n      testId,\n      ...props\n    },\n    ref\n  ) => {\n    const gapValue = getSpacingVar(gap);\n    const { style: styleProp, ...restProps } = props;\n\n    return (\n      <Component\n        ref={ref}\n        data-atme-ui\n        className={cn(\n          styles.stack,\n          styles[`stack--direction-${direction}`],\n          styles[`stack--align-${align}`],\n          styles[`stack--justify-${justify}`],\n          styles[`stack--wrap-${wrap}`],\n          className\n        )}\n        style={{ ...styleProp, gap: gapValue }}\n        {...(testId && { \"data-testid\": testId })}\n        {...restProps}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nStack.displayName = \"Stack\";\n"],"names":["Stack","forwardRef","direction","align","justify","wrap","gap","Component","children","className","testId","props","ref","gapValue","getSpacingVar","styleProp","restProps","jsx","cn","styles"],"mappings":";;;;;;AA8CO,MAAMA,IAAQC;AAAA,EACnB,CACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,KAAAC,IAAM;AAAA,IACN,IAAIC,IAAY;AAAA,IAChB,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAWC,EAAcR,CAAG,GAC5B,EAAE,OAAOS,GAAW,GAAGC,MAAcL;AAE3C,WACEM,gBAAAA,EAAAA;AAAAA,MAACV;AAAA,MAAA;AAAA,QACC,KAAAK;AAAA,QACA,gBAAY;AAAA,QACZ,WAAWM;AAAA,UACTC,EAAO;AAAA,UACPA,EAAO,oBAAoBjB,CAAS,EAAE;AAAA,UACtCiB,EAAO,gBAAgBhB,CAAK,EAAE;AAAA,UAC9BgB,EAAO,kBAAkBf,CAAO,EAAE;AAAA,UAClCe,EAAO,eAAed,CAAI,EAAE;AAAA,UAC5BI;AAAA,QAAA;AAAA,QAEF,OAAO,EAAE,GAAGM,GAAW,KAAKF,EAAA;AAAA,QAC3B,GAAIH,KAAU,EAAE,eAAeA,EAAA;AAAA,QAC/B,GAAGM;AAAA,QAEH,UAAAR;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAR,EAAM,cAAc;"}

package/dist/index.esm26.js

@@ -3,7 +3,7 @@ import { j as m } from "./index.esm36.js";
 import { forwardRef as y } from "react";
 import v from "./index.esm42.js";
 import { getSpacingVar as n } from "./index.esm3.js";
-import b from "./index.esm65.js";
+import b from "./index.esm50.js";
 const j = y(
   ({
     columns: r = 12,

package/dist/index.esm27.js

@@ -1,7 +1,7 @@
 "use client";
 import { j as o } from "./index.esm36.js";
 import l from "./index.esm42.js";
-import a from "./index.esm70.js";
+import a from "./index.esm61.js";
 const c = ({
   children: e,
   className: i,

package/dist/index.esm28.js

@@ -1,11 +1,11 @@
 "use client";
 import { j as s } from "./index.esm36.js";
-import { forwardRef as B, useMemo as M, useCallback as $ } from "react";
+import { forwardRef as B, useMemo as L, useCallback as M } from "react";
 import g from "./index.esm42.js";
 import { formatDateRu as k } from "./index.esm33.js";
-import i from "./index.esm72.js";
-import { ArticlePreviewContent as q } from "./index.esm73.js";
-const z = B(
+import i from "./index.esm59.js";
+import { ArticlePreviewContent as q } from "./index.esm60.js";
+const w = B(
   ({
     title: m,
     publishedAt: c,
@@ -13,55 +13,75 @@ const z = B(
     description: f,
     viewsCount: x,
     readingTimeMinutes: j,
-    author: A,
+    author: N,
     imageUrl: d,
     view: l = "card",
-    imageAlt: N = "",
+    imageAlt: b = "",
     href: t,
-    tags: P,
-    className: R,
-    testId: b,
-    onClick: e,
-    onKeyDown: a,
+    tags: A,
+    className: P,
+    testId: R,
+    onClick: r,
+    onKeyDown: e,
     ...E
-  }, p) => {
-    const I = M(
+  }, u) => {
+    const I = L(
       () => n ?? k(c),
       [n, c]
-    ), w = $((r) => {
-      !t && e && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e(r)), a == null || a(r);
-    }, []), o = !!(t || e), y = g(
+    ), $ = M((a) => {
+      !t && r && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), r(a)), e == null || e(a);
+    }, []), o = !!(t || r), y = g(
       i.root,
       i[`root--${l}`],
       o && i["root--interactive"],
-      R
-    ), u = /* @__PURE__ */ s.jsx(
+      P
+    ), p = /* @__PURE__ */ s.jsx(
       q,
       {
         title: m,
         description: f,
         viewsCount: x,
         readingTimeMinutes: j,
-        author: A,
-        ...d != null ? { imageUrl: d, imageAlt: N || m } : {},
+        author: N,
+        ...d != null ? { imageUrl: d, imageAlt: b || m } : {},
         formattedDate: I,
         view: l,
-        tags: P
+        tags: A,
+        href: t
       }
     ), v = {
       className: y,
-      onClick: e,
-      onKeyDown: o ? w : a,
       "data-atme-ui": !0,
-      "data-testid": b,
-      ...t ? { href: t } : { role: o ? "button" : void 0, tabIndex: o ? 0 : void 0 },
+      "data-testid": R,
       ...E
     };
-    return t ? /* @__PURE__ */ s.jsx("a", { ref: p, ...v, children: u }) : /* @__PURE__ */ s.jsx("div", { ref: p, ...v, children: u });
+    return t ? /* @__PURE__ */ s.jsxs("div", { ref: u, ...v, children: [
+      /* @__PURE__ */ s.jsx(
+        "a",
+        {
+          href: t,
+          className: i.cardLink,
+          "aria-label": `Перейти к статье: ${m}`,
+          onClick: r
+        }
+      ),
+      p
+    ] }) : /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        ref: u,
+        ...v,
+        onClick: r,
+        onKeyDown: o ? $ : e,
+        role: o ? "button" : void 0,
+        tabIndex: o ? 0 : void 0,
+        children: p
+      }
+    );
   }
 );
-z.displayName = "ArticlePreview";
+w.displayName = "ArticlePreview";
 export {
-  z as ArticlePreview
+  w as ArticlePreview
 };
 //# sourceMappingURL=index.esm28.js.map

package/dist/index.esm28.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm28.js","sources":["../src/components/content/ArticlePreview/ArticlePreview.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport cn from 'classnames';\nimport { BaseComponentProps } from '@components/types';\nimport { formatDateRu } from '@utils/date/formatDate';\nimport { ArticlePreviewContent } from './components/ArticlePreviewContent';\nimport styles from './ArticlePreview.module.pcss';\n\nexport type ArticlePreviewView = 'card' | 'row';\n\nexport interface ArticlePreviewAuthor {\n  /** URL аватара автора */\n  avatarUrl?: string;\n  /** Имя автора (например, «Иван Иванов») */\n  name: string;\n}\n\nexport interface ArticlePreviewProps\n  extends BaseComponentProps,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: string;\n  publishedAt: Date | string;\n  formattedDate?: string;\n  /** Краткое описание статьи */\n  description?: string;\n  /** Количество просмотров */\n  viewsCount?: number;\n  /** Время чтения в минутах */\n  readingTimeMinutes?: number;\n  /** Автор (опционально). Если не указан — блок автора не отображается */\n  author?: ArticlePreviewAuthor;\n  imageUrl?: string;\n  view?: ArticlePreviewView;\n  imageAlt?: string;\n  href?: string;\n  tags?: React.ReactNode;\n}\n\nexport const ArticlePreview = forwardRef<HTMLDivElement | HTMLAnchorElement, ArticlePreviewProps>(\n  (\n    {\n      title,\n      publishedAt,\n      formattedDate: formattedDateProp,\n      description,\n      viewsCount,\n      readingTimeMinutes,\n      author,\n      imageUrl,\n      view = 'card',\n      imageAlt = '',\n      href,\n      tags,\n      className,\n      testId,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref\n  ) => {\n    const formattedDate = useMemo(\n      () => formattedDateProp ?? formatDateRu(publishedAt),\n      [formattedDateProp, publishedAt]\n    );\n\n    const handleKeyDown = useCallback((e: React.KeyboardEvent<HTMLElement>) => {\n      if (!href && onClick && (e.key === 'Enter' || e.key === ' ')) {\n        e.preventDefault();\n        onClick(e as unknown as React.MouseEvent<HTMLDivElement>);\n      }\n      (onKeyDown as React.KeyboardEventHandler<HTMLElement>)?.(e);\n    },[]);\n\n    const isInteractive = Boolean(href || onClick);\n    const sharedClassName = cn(\n      styles.root,\n      styles[`root--${view}`],\n      isInteractive && styles['root--interactive'],\n      className\n    );\n    const content = (\n      <ArticlePreviewContent\n        title={title}\n        description={description}\n        viewsCount={viewsCount}\n        readingTimeMinutes={readingTimeMinutes}\n        author={author}\n        {...(imageUrl != null\n          ? { imageUrl, imageAlt: imageAlt || title }\n          : {})}\n        formattedDate={formattedDate}\n        view={view}\n        tags={tags}\n      />\n    );\n\n    const wrapperProps = {\n      className: sharedClassName,\n      onClick,\n      onKeyDown: isInteractive ? handleKeyDown : onKeyDown,\n      'data-atme-ui': true,\n      'data-testid': testId,\n      ...(href\n        ? { href }\n        : { role: isInteractive ? 'button' : undefined, tabIndex: isInteractive ? 0 : undefined }),\n      ...props,\n    };\n\n    return href ? (\n      <a ref={ref as React.Ref<HTMLAnchorElement>} {...wrapperProps}>\n        {content}\n      </a>\n    ) : (\n      <div ref={ref as React.Ref<HTMLDivElement>} {...wrapperProps}>\n        {content}\n      </div>\n    );\n  }\n);\n\nArticlePreview.displayName = 'ArticlePreview';\n"],"names":["ArticlePreview","forwardRef","title","publishedAt","formattedDateProp","description","viewsCount","readingTimeMinutes","author","imageUrl","view","imageAlt","href","tags","className","testId","onClick","onKeyDown","props","ref","formattedDate","useMemo","formatDateRu","handleKeyDown","useCallback","e","isInteractive","sharedClassName","cn","styles","content","jsx","ArticlePreviewContent","wrapperProps"],"mappings":";;;;;;;AAqCO,MAAMA,IAAiBC;AAAA,EAC5B,CACE;AAAA,IACE,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAeC;AAAA,IACf,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAgBC;AAAA,MACpB,MAAMjB,KAAqBkB,EAAanB,CAAW;AAAA,MACnD,CAACC,GAAmBD,CAAW;AAAA,IAAA,GAG3BoB,IAAgBC,EAAY,CAACC,MAAwC;AACzE,MAAI,CAACb,KAAQI,MAAYS,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACtDA,EAAE,eAAA,GACFT,EAAQS,CAAgD,IAEzDR,KAAA,QAAAA,EAAwDQ;AAAA,IAC3D,GAAE,CAAA,CAAE,GAEEC,IAAgB,GAAQd,KAAQI,IAChCW,IAAkBC;AAAA,MACtBC,EAAO;AAAA,MACPA,EAAO,SAASnB,CAAI,EAAE;AAAA,MACtBgB,KAAiBG,EAAO,mBAAmB;AAAA,MAC3Cf;AAAA,IAAA,GAEIgB,IACJC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAA9B;AAAA,QACA,aAAAG;AAAA,QACA,YAAAC;AAAA,QACA,oBAAAC;AAAA,QACA,QAAAC;AAAA,QACC,GAAIC,KAAY,OACb,EAAE,UAAAA,GAAU,UAAUE,KAAYT,EAAA,IAClC,CAAA;AAAA,QACJ,eAAAkB;AAAA,QACA,MAAAV;AAAA,QACA,MAAAG;AAAA,MAAA;AAAA,IAAA,GAIEoB,IAAe;AAAA,MACnB,WAAWN;AAAA,MACX,SAAAX;AAAA,MACA,WAAWU,IAAgBH,IAAgBN;AAAA,MAC3C,gBAAgB;AAAA,MAChB,eAAeF;AAAA,MACf,GAAIH,IACA,EAAE,MAAAA,EAAA,IACF,EAAE,MAAMc,IAAgB,WAAW,QAAW,UAAUA,IAAgB,IAAI,OAAA;AAAA,MAChF,GAAGR;AAAA,IAAA;AAGL,WAAON,IACLmB,gBAAAA,EAAAA,IAAC,KAAA,EAAE,KAAAZ,GAA2C,GAAGc,GAC9C,UAAAH,EAAA,CACH,IAEAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,KAAAZ,GAAwC,GAAGc,GAC7C,UAAAH,GACH;AAAA,EAEJ;AACF;AAEA9B,EAAe,cAAc;"}
+{"version":3,"file":"index.esm28.js","sources":["../src/components/content/ArticlePreview/ArticlePreview.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport cn from 'classnames';\nimport { BaseComponentProps } from '@components/types';\nimport { formatDateRu } from '@utils/date/formatDate';\nimport { ArticlePreviewContent } from './components/ArticlePreviewContent';\nimport styles from './ArticlePreview.module.pcss';\n\nexport type ArticlePreviewView = 'card' | 'row';\n\nexport interface ArticlePreviewAuthor {\n  /** URL аватара автора */\n  avatarUrl?: string;\n  /** Имя автора (например, «Иван Иванов») */\n  name: string;\n}\n\nexport interface ArticlePreviewProps\n  extends BaseComponentProps,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: string;\n  publishedAt: Date | string;\n  formattedDate?: string;\n  /** Краткое описание статьи */\n  description?: string;\n  /** Количество просмотров */\n  viewsCount?: number;\n  /** Время чтения в минутах */\n  readingTimeMinutes?: number;\n  /** Автор (опционально). Если не указан — блок автора не отображается */\n  author?: ArticlePreviewAuthor;\n  imageUrl?: string;\n  view?: ArticlePreviewView;\n  imageAlt?: string;\n  href?: string;\n  tags?: React.ReactNode;\n}\n\nexport const ArticlePreview = forwardRef<HTMLDivElement | HTMLAnchorElement, ArticlePreviewProps>(\n  (\n    {\n      title,\n      publishedAt,\n      formattedDate: formattedDateProp,\n      description,\n      viewsCount,\n      readingTimeMinutes,\n      author,\n      imageUrl,\n      view = 'card',\n      imageAlt = '',\n      href,\n      tags,\n      className,\n      testId,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref\n  ) => {\n    const formattedDate = useMemo(\n      () => formattedDateProp ?? formatDateRu(publishedAt),\n      [formattedDateProp, publishedAt]\n    );\n\n    const handleKeyDown = useCallback((e: React.KeyboardEvent<HTMLElement>) => {\n      if (!href && onClick && (e.key === 'Enter' || e.key === ' ')) {\n        e.preventDefault();\n        onClick(e as unknown as React.MouseEvent<HTMLDivElement>);\n      }\n      (onKeyDown as React.KeyboardEventHandler<HTMLElement>)?.(e);\n    },[]);\n\n    const isInteractive = Boolean(href || onClick);\n    const sharedClassName = cn(\n      styles.root,\n      styles[`root--${view}`],\n      isInteractive && styles['root--interactive'],\n      className\n    );\n    const content = (\n      <ArticlePreviewContent\n        title={title}\n        description={description}\n        viewsCount={viewsCount}\n        readingTimeMinutes={readingTimeMinutes}\n        author={author}\n        {...(imageUrl != null\n          ? { imageUrl, imageAlt: imageAlt || title }\n          : {})}\n        formattedDate={formattedDate}\n        view={view}\n        tags={tags}\n        href={href}\n      />\n    );\n\n    const rootProps = {\n      className: sharedClassName,\n      'data-atme-ui': true,\n      'data-testid': testId,\n      ...props,\n    };\n\n    /* С href: stretched link + z-index — ссылка под контентом, теги/автор/мета поверх (z-index: 2) */\n    if (href) {\n      return (\n        <div ref={ref as React.Ref<HTMLDivElement>} {...rootProps}>\n          <a\n            href={href}\n            className={styles.cardLink}\n            aria-label={`Перейти к статье: ${title}`}\n            onClick={onClick}\n          />\n          {content}\n        </div>\n      );\n    }\n\n    /* Без href: div с onClick (теги с stopPropagation не вызывают переход) */\n    return (\n      <div\n        ref={ref as React.Ref<HTMLDivElement>}\n        {...rootProps}\n        onClick={onClick}\n        onKeyDown={isInteractive ? handleKeyDown : onKeyDown}\n        role={isInteractive ? 'button' : undefined}\n        tabIndex={isInteractive ? 0 : undefined}\n      >\n        {content}\n      </div>\n    );\n  }\n);\n\nArticlePreview.displayName = 'ArticlePreview';\n"],"names":["ArticlePreview","forwardRef","title","publishedAt","formattedDateProp","description","viewsCount","readingTimeMinutes","author","imageUrl","view","imageAlt","href","tags","className","testId","onClick","onKeyDown","props","ref","formattedDate","useMemo","formatDateRu","handleKeyDown","useCallback","e","isInteractive","sharedClassName","cn","styles","content","jsx","ArticlePreviewContent","rootProps","jsxs"],"mappings":";;;;;;;AAqCO,MAAMA,IAAiBC;AAAA,EAC5B,CACE;AAAA,IACE,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAeC;AAAA,IACf,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAgBC;AAAA,MACpB,MAAMjB,KAAqBkB,EAAanB,CAAW;AAAA,MACnD,CAACC,GAAmBD,CAAW;AAAA,IAAA,GAG3BoB,IAAgBC,EAAY,CAACC,MAAwC;AACzE,MAAI,CAACb,KAAQI,MAAYS,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACtDA,EAAE,eAAA,GACFT,EAAQS,CAAgD,IAEzDR,KAAA,QAAAA,EAAwDQ;AAAA,IAC3D,GAAE,CAAA,CAAE,GAEEC,IAAgB,GAAQd,KAAQI,IAChCW,IAAkBC;AAAA,MACtBC,EAAO;AAAA,MACPA,EAAO,SAASnB,CAAI,EAAE;AAAA,MACtBgB,KAAiBG,EAAO,mBAAmB;AAAA,MAC3Cf;AAAA,IAAA,GAEIgB,IACJC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAA9B;AAAA,QACA,aAAAG;AAAA,QACA,YAAAC;AAAA,QACA,oBAAAC;AAAA,QACA,QAAAC;AAAA,QACC,GAAIC,KAAY,OACb,EAAE,UAAAA,GAAU,UAAUE,KAAYT,EAAA,IAClC,CAAA;AAAA,QACJ,eAAAkB;AAAA,QACA,MAAAV;AAAA,QACA,MAAAG;AAAA,QACA,MAAAD;AAAA,MAAA;AAAA,IAAA,GAIEqB,IAAY;AAAA,MAChB,WAAWN;AAAA,MACX,gBAAgB;AAAA,MAChB,eAAeZ;AAAA,MACf,GAAGG;AAAA,IAAA;AAIL,WAAIN,IAEAsB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,KAAAf,GAAwC,GAAGc,GAC9C,UAAA;AAAA,MAAAF,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAAnB;AAAA,UACA,WAAWiB,EAAO;AAAA,UAClB,cAAY,qBAAqB3B,CAAK;AAAA,UACtC,SAAAc;AAAA,QAAA;AAAA,MAAA;AAAA,MAEDc;AAAA,IAAA,GACH,IAMFC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACC,GAAGc;AAAA,QACJ,SAAAjB;AAAA,QACA,WAAWU,IAAgBH,IAAgBN;AAAA,QAC3C,MAAMS,IAAgB,WAAW;AAAA,QACjC,UAAUA,IAAgB,IAAI;AAAA,QAE7B,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEA9B,EAAe,cAAc;"}

package/dist/index.esm29.js

@@ -2,7 +2,7 @@
 import { j as s } from "./index.esm36.js";
 import { forwardRef as d } from "react";
 import i from "./index.esm42.js";
-import r from "./index.esm71.js";
+import r from "./index.esm70.js";
 import { Root as f } from "./index.esm8.js";
 import { Typography as n } from "./index.esm9.js";
 const h = d(

package/dist/index.esm30.js

@@ -2,9 +2,9 @@
 import { j as i } from "./index.esm36.js";
 import { useRef as y, useState as F, useEffect as O, useMemo as $ } from "react";
 import f from "./index.esm42.js";
-import { createSeededRandom as k, generatePattern as X } from "./index.esm67.js";
-import r from "./index.esm68.js";
-import { PatternCell as Y } from "./index.esm69.js";
+import { createSeededRandom as k, generatePattern as X } from "./index.esm62.js";
+import r from "./index.esm63.js";
+import { PatternCell as Y } from "./index.esm64.js";
 import { Root as B } from "./index.esm8.js";
 const R = 24, G = 1, H = 8, S = 400, K = 1e6, U = [
   "var(--palette-border-subtle)",