@atme-lab/ui-kit 0.1.19 → 0.1.22

package/dist/index.esm58.js

@@ -1,15 +1,63 @@
 "use client";
-const e = "_heading_aeupz_1", n = "_headingAnchor_aeupz_8", a = "_headingText_aeupz_19", h = "_hashIcon_aeupz_23", c = {
-  heading: e,
-  headingAnchor: n,
-  headingText: a,
-  hashIcon: h
+const t = "_stack_45gcn_1", c = "_stack--direction-row_45gcn_6", s = "_stack--direction-column_45gcn_10", a = "_stack--direction-row-reverse_45gcn_14", n = "_stack--direction-column-reverse_45gcn_18", e = "_stack--align-start_45gcn_23", r = "_stack--align-end_45gcn_27", _ = "_stack--align-center_45gcn_31", i = "_stack--align-stretch_45gcn_35", k = "_stack--align-baseline_45gcn_39", o = "_stack--justify-start_45gcn_44", g = "_stack--justify-end_45gcn_48", l = "_stack--justify-center_45gcn_52", u = "_stack--justify-between_45gcn_56", y = "_stack--justify-around_45gcn_60", w = "_stack--justify-evenly_45gcn_64", f = "_stack--wrap-nowrap_45gcn_69", p = "_stack--wrap-wrap_45gcn_73", d = "_stack--wrap-wrap-reverse_45gcn_77", v = {
+  stack: t,
+  "stack--direction-row": "_stack--direction-row_45gcn_6",
+  stackDirectionRow: c,
+  "stack--direction-column": "_stack--direction-column_45gcn_10",
+  stackDirectionColumn: s,
+  "stack--direction-row-reverse": "_stack--direction-row-reverse_45gcn_14",
+  stackDirectionRowReverse: a,
+  "stack--direction-column-reverse": "_stack--direction-column-reverse_45gcn_18",
+  stackDirectionColumnReverse: n,
+  "stack--align-start": "_stack--align-start_45gcn_23",
+  stackAlignStart: e,
+  "stack--align-end": "_stack--align-end_45gcn_27",
+  stackAlignEnd: r,
+  "stack--align-center": "_stack--align-center_45gcn_31",
+  stackAlignCenter: _,
+  "stack--align-stretch": "_stack--align-stretch_45gcn_35",
+  stackAlignStretch: i,
+  "stack--align-baseline": "_stack--align-baseline_45gcn_39",
+  stackAlignBaseline: k,
+  "stack--justify-start": "_stack--justify-start_45gcn_44",
+  stackJustifyStart: o,
+  "stack--justify-end": "_stack--justify-end_45gcn_48",
+  stackJustifyEnd: g,
+  "stack--justify-center": "_stack--justify-center_45gcn_52",
+  stackJustifyCenter: l,
+  "stack--justify-between": "_stack--justify-between_45gcn_56",
+  stackJustifyBetween: u,
+  "stack--justify-around": "_stack--justify-around_45gcn_60",
+  stackJustifyAround: y,
+  "stack--justify-evenly": "_stack--justify-evenly_45gcn_64",
+  stackJustifyEvenly: w,
+  "stack--wrap-nowrap": "_stack--wrap-nowrap_45gcn_69",
+  stackWrapNowrap: f,
+  "stack--wrap-wrap": "_stack--wrap-wrap_45gcn_73",
+  stackWrapWrap: p,
+  "stack--wrap-wrap-reverse": "_stack--wrap-wrap-reverse_45gcn_77",
+  stackWrapWrapReverse: d
 };
 export {
-  c as default,
-  h as hashIcon,
-  e as heading,
-  n as headingAnchor,
-  a as headingText
+  v as default,
+  t as stack,
+  k as stackAlignBaseline,
+  _ as stackAlignCenter,
+  r as stackAlignEnd,
+  e as stackAlignStart,
+  i as stackAlignStretch,
+  s as stackDirectionColumn,
+  n as stackDirectionColumnReverse,
+  c as stackDirectionRow,
+  a as stackDirectionRowReverse,
+  y as stackJustifyAround,
+  u as stackJustifyBetween,
+  l as stackJustifyCenter,
+  g as stackJustifyEnd,
+  w as stackJustifyEvenly,
+  o as stackJustifyStart,
+  f as stackWrapNowrap,
+  p as stackWrapWrap,
+  d as stackWrapWrapReverse
 };
 //# sourceMappingURL=index.esm58.js.map

package/dist/index.esm58.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm58.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"index.esm58.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.esm59.js

@@ -1,34 +1,20 @@
 "use client";
-import { j as s } from "./index.esm36.js";
-import { forwardRef as i } from "react";
-import a from "./index.esm42.js";
-import n from "./index.esm412.js";
-const x = i(
-  ({ decorative: t = !0, className: o, ...r }, e) => /* @__PURE__ */ s.jsxs(
-    "svg",
-    {
-      ref: e,
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": t,
-      className: a(n.root, o),
-      ...r,
-      children: [
-        /* @__PURE__ */ s.jsx("line", { "data-hash-stick": "top", x1: "4", x2: "20", y1: "9", y2: "9" }),
-        /* @__PURE__ */ s.jsx("line", { "data-hash-stick": "bottom", x1: "4", x2: "20", y1: "15", y2: "15" }),
-        /* @__PURE__ */ s.jsx("line", { "data-hash-stick": "left", x1: "10", x2: "8", y1: "3", y2: "21" }),
-        /* @__PURE__ */ s.jsx("line", { "data-hash-stick": "right", x1: "16", x2: "14", y1: "3", y2: "21" })
-      ]
-    }
-  )
-);
-x.displayName = "HashIcon";
+const o = "_root_1epwz_1", t = "_root--interactive_1epwz_16", r = "_cardLink_1epwz_20", _ = "_root--card_1epwz_41", e = "_root--row_1epwz_47", c = {
+  root: o,
+  "root--interactive": "_root--interactive_1epwz_16",
+  rootInteractive: t,
+  cardLink: r,
+  "root--card": "_root--card_1epwz_41",
+  rootCard: _,
+  "root--row": "_root--row_1epwz_47",
+  rootRow: e
+};
 export {
-  x as HashIcon
+  r as cardLink,
+  c as default,
+  o as root,
+  _ as rootCard,
+  t as rootInteractive,
+  e as rootRow
 };
 //# sourceMappingURL=index.esm59.js.map

package/dist/index.esm59.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm59.js","sources":["../src/components/primitives/Icon/Icons/custom/HashIcon/HashIcon.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cn from \"classnames\";\nimport styles from \"./HashIcon.module.pcss\";\n\nexport interface HashIconProps extends React.SVGProps<SVGSVGElement> {\n  decorative?: boolean;\n}\n\nexport const HashIcon = forwardRef<SVGSVGElement, HashIconProps>(\n  ({ decorative = true, className, ...props }, ref) => (\n    <svg\n      ref={ref}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden={decorative}\n      className={cn(styles.root, className)}\n      {...props}\n    >\n      <line data-hash-stick=\"top\" x1=\"4\" x2=\"20\" y1=\"9\" y2=\"9\" />\n      <line data-hash-stick=\"bottom\" x1=\"4\" x2=\"20\" y1=\"15\" y2=\"15\" />\n      <line data-hash-stick=\"left\" x1=\"10\" x2=\"8\" y1=\"3\" y2=\"21\" />\n      <line data-hash-stick=\"right\" x1=\"16\" x2=\"14\" y1=\"3\" y2=\"21\" />\n    </svg>\n  )\n);\n\nHashIcon.displayName = \"HashIcon\";\n"],"names":["HashIcon","forwardRef","decorative","className","props","ref","jsxs","cn","styles","jsx"],"mappings":";;;;;AAQO,MAAMA,IAAWC;AAAA,EACtB,CAAC,EAAE,YAAAC,IAAa,IAAM,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC3CC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAa;AAAA,MACb,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAaH;AAAA,MACb,WAAWK,EAAGC,EAAO,MAAML,CAAS;AAAA,MACnC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAAK,gBAAAA,EAAAA,IAAC,QAAA,EAAK,mBAAgB,OAAM,IAAG,KAAI,IAAG,MAAK,IAAG,KAAI,IAAG,IAAA,CAAI;AAAA,QACzDA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,mBAAgB,UAAS,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,KAAA,CAAK;AAAA,QAC9DA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,mBAAgB,QAAO,IAAG,MAAK,IAAG,KAAI,IAAG,KAAI,IAAG,KAAA,CAAK;AAAA,QAC3DA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,mBAAgB,SAAQ,IAAG,MAAK,IAAG,MAAK,IAAG,KAAI,IAAG,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnE;AAEAT,EAAS,cAAc;"}
+{"version":3,"file":"index.esm59.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/index.esm60.js

@@ -1,45 +1,101 @@
 "use client";
-const a = "_card_13s36_1", r = "_card--size-sm_13s36_7", e = "_card--size-md_13s36_11", c = "_card--size-lg_13s36_15", d = "_card--variant-default_13s36_19", _ = "_card--variant-paper_13s36_23", n = "_card--variant-accent_13s36_27", t = "_card--elevation-none_13s36_31", s = "_card--elevation-sm_13s36_35", i = "_card--elevation-md_13s36_39", o = "_card--elevation-lg_13s36_43", l = "_card--elevation-xl_13s36_47", v = "_card--bordered_13s36_51", m = {
-  card: a,
-  "card--size-sm": "_card--size-sm_13s36_7",
-  cardSizeSm: r,
-  "card--size-md": "_card--size-md_13s36_11",
-  cardSizeMd: e,
-  "card--size-lg": "_card--size-lg_13s36_15",
-  cardSizeLg: c,
-  "card--variant-default": "_card--variant-default_13s36_19",
-  cardVariantDefault: d,
-  "card--variant-paper": "_card--variant-paper_13s36_23",
-  cardVariantPaper: _,
-  "card--variant-accent": "_card--variant-accent_13s36_27",
-  cardVariantAccent: n,
-  "card--elevation-none": "_card--elevation-none_13s36_31",
-  cardElevationNone: t,
-  "card--elevation-sm": "_card--elevation-sm_13s36_35",
-  cardElevationSm: s,
-  "card--elevation-md": "_card--elevation-md_13s36_39",
-  cardElevationMd: i,
-  "card--elevation-lg": "_card--elevation-lg_13s36_43",
-  cardElevationLg: o,
-  "card--elevation-xl": "_card--elevation-xl_13s36_47",
-  cardElevationXl: l,
-  "card--bordered": "_card--bordered_13s36_51",
-  cardBordered: v
-};
+import { j as s } from "./index.esm36.js";
+import p from "./index.esm42.js";
+import { AnimatedEyeIcon as N } from "./index.esm386.js";
+import { AnimatedClockIcon as v } from "./index.esm387.js";
+import a from "./index.esm388.js";
+import { FileTextIcon as I } from "./index.esm389.js";
+import { Typography as c } from "./index.esm9.js";
+import { EyeIcon as g } from "./index.esm390.js";
+function h(e) {
+  return e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}K` : String(e);
+}
+function f(e) {
+  if (e < 60) return `${e} мин`;
+  const i = Math.floor(e / 60), r = e % 60;
+  return r > 0 ? `${i} ч ${r} мин` : `${i} ч`;
+}
+function w({
+  title: e,
+  description: i,
+  viewsCount: r,
+  readingTimeMinutes: t,
+  author: n,
+  imageUrl: d,
+  imageAlt: y,
+  formattedDate: m,
+  view: x,
+  tags: o,
+  href: j
+}) {
+  return x === "row" ? /* @__PURE__ */ s.jsxs("div", { className: p(a.content, a["content--row"]), children: [
+    /* @__PURE__ */ s.jsx("div", { className: a.rowIcon, "aria-hidden": !0, children: /* @__PURE__ */ s.jsx(I, { size: 24, strokeWidth: 2 }) }),
+    /* @__PURE__ */ s.jsxs("div", { className: a.rowBody, children: [
+      o && /* @__PURE__ */ s.jsx("div", { className: a.tagsSlotRow, onClick: (l) => l.stopPropagation(), children: o }),
+      /* @__PURE__ */ s.jsx(c, { variant: "h5", as: "h2", className: a.title, title: e, children: e }),
+      /* @__PURE__ */ s.jsxs("div", { className: a.rowMeta, children: [
+        /* @__PURE__ */ s.jsx(c, { variant: "caption", className: a.date, children: m }),
+        r != null && /* @__PURE__ */ s.jsxs("span", { className: a.views, title: "Просмотры", children: [
+          /* @__PURE__ */ s.jsx(g, { size: 14, strokeWidth: 2 }),
+          /* @__PURE__ */ s.jsx("span", { children: h(r) })
+        ] })
+      ] })
+    ] })
+  ] }) : x === "card" ? /* @__PURE__ */ s.jsxs("div", { className: p(a.content, a["content--card"], !d && a["content--card-no-image"]), children: [
+    /* @__PURE__ */ s.jsxs("div", { className: a.cardBody, children: [
+      n ? /* @__PURE__ */ s.jsxs("div", { className: a.author, onClick: (l) => l.stopPropagation(), children: [
+        n.avatarUrl ? /* @__PURE__ */ s.jsx(
+          "img",
+          {
+            src: n.avatarUrl,
+            alt: "",
+            className: a.authorAvatar,
+            width: 32,
+            height: 32
+          }
+        ) : /* @__PURE__ */ s.jsx("div", { className: a.authorAvatarPlaceholder, "aria-hidden": !0, children: n.name.charAt(0).toUpperCase() }),
+        /* @__PURE__ */ s.jsx(c, { variant: "caption", className: a.authorName, children: n.name }),
+        /* @__PURE__ */ s.jsx(c, { variant: "caption", className: a.date, children: m })
+      ] }) : /* @__PURE__ */ s.jsx(c, { variant: "caption", className: a.date, children: m }),
+      /* @__PURE__ */ s.jsx(c, { variant: "h5", as: "h2", className: a.title, title: e, children: e }),
+      i && /* @__PURE__ */ s.jsx(c, { variant: "caption", className: a.description, children: i }),
+      /* @__PURE__ */ s.jsxs("div", { className: a.cardFooter, children: [
+        o && /* @__PURE__ */ s.jsx("div", { className: a.tagsSlotCard, onClick: (l) => l.stopPropagation(), children: o }),
+        j ? /* @__PURE__ */ s.jsxs("a", { href: j, className: a.meta, children: [
+          t != null && /* @__PURE__ */ s.jsxs("span", { className: a.readingTime, title: "Время чтения", children: [
+            /* @__PURE__ */ s.jsx(v, { size: 14, className: a.clockIcon }),
+            /* @__PURE__ */ s.jsx("span", { children: f(t) })
+          ] }),
+          r != null && /* @__PURE__ */ s.jsxs("span", { className: a.views, title: "Просмотры", children: [
+            /* @__PURE__ */ s.jsx(N, { size: 14, className: a.eyeIcon }),
+            /* @__PURE__ */ s.jsx("span", { children: h(r) })
+          ] })
+        ] }) : /* @__PURE__ */ s.jsxs("div", { className: a.meta, children: [
+          t != null && /* @__PURE__ */ s.jsxs("span", { className: a.readingTime, title: "Время чтения", children: [
+            /* @__PURE__ */ s.jsx(v, { size: 14, className: a.clockIcon }),
+            /* @__PURE__ */ s.jsx("span", { children: f(t) })
+          ] }),
+          r != null && /* @__PURE__ */ s.jsxs("span", { className: a.views, title: "Просмотры", children: [
+            /* @__PURE__ */ s.jsx(N, { size: 14, className: a.eyeIcon }),
+            /* @__PURE__ */ s.jsx("span", { children: h(r) })
+          ] })
+        ] })
+      ] })
+    ] }),
+    d && /* @__PURE__ */ s.jsx("div", { className: a.previewWrap, children: /* @__PURE__ */ s.jsx(
+      "img",
+      {
+        src: d,
+        alt: y || e,
+        className: a.previewImage,
+        decoding: "async",
+        loading: "lazy"
+      }
+    ) })
+  ] }) : null;
+}
+w.displayName = "ArticlePreviewContent";
 export {
-  a as card,
-  v as cardBordered,
-  o as cardElevationLg,
-  i as cardElevationMd,
-  t as cardElevationNone,
-  s as cardElevationSm,
-  l as cardElevationXl,
-  c as cardSizeLg,
-  e as cardSizeMd,
-  r as cardSizeSm,
-  n as cardVariantAccent,
-  d as cardVariantDefault,
-  _ as cardVariantPaper,
-  m as default
+  w as ArticlePreviewContent
 };
 //# sourceMappingURL=index.esm60.js.map

package/dist/index.esm60.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm60.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm60.js","sources":["../src/components/content/ArticlePreview/components/ArticlePreviewContent/ArticlePreviewContent.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Typography } from '../../../../primitives/Typography';\nimport { EyeIcon, FileTextIcon } from '../../../../primitives/Icon/Icons';\nimport { AnimatedEyeIcon } from './AnimatedEyeIcon';\nimport type { ArticlePreviewAuthor } from '../../ArticlePreview';\nimport { AnimatedClockIcon } from './AnimatedClockIcon';\nimport styles from './ArticlePreviewContent.module.pcss';\n\nexport type ArticlePreviewContentView = 'card' | 'row';\n\nexport interface ArticlePreviewContentProps {\n  title: string;\n  description?: string;\n  viewsCount?: number;\n  readingTimeMinutes?: number;\n  author?: ArticlePreviewAuthor;\n  imageUrl?: string;\n  imageAlt?: string;\n  formattedDate: string;\n  view: ArticlePreviewContentView;\n  tags?: React.ReactNode;\n  href?: string;\n}\n\nfunction formatViews(count: number): string {\n  if (count >= 1_000_000) return `${(count / 1_000_000).toFixed(1)}M`;\n  if (count >= 1_000) return `${(count / 1_000).toFixed(1)}K`;\n  return String(count);\n}\n\nfunction formatReadingTime(minutes: number): string {\n  if (minutes < 60) return `${minutes} мин`;\n  const h = Math.floor(minutes / 60);\n  const m = minutes % 60;\n  return m > 0 ? `${h} ч ${m} мин` : `${h} ч`;\n}\n\nexport function ArticlePreviewContent({\n  title,\n  description,\n  viewsCount,\n  readingTimeMinutes,\n  author,\n  imageUrl,\n  imageAlt,\n  formattedDate,\n  view,\n  tags,\n  href,\n}: ArticlePreviewContentProps) {\n  if (view === 'row') {\n    return (\n      <div className={cn(styles.content, styles['content--row'])}>\n        <div className={styles.rowIcon} aria-hidden>\n          <FileTextIcon size={24} strokeWidth={2} />\n        </div>\n        <div className={styles.rowBody}>\n          {tags && (\n            <div className={styles.tagsSlotRow} onClick={(e) => e.stopPropagation()}>\n              {tags}\n            </div>\n          )}\n          <Typography variant=\"h5\" as=\"h2\" className={styles.title} title={title}>\n            {title}\n          </Typography>\n          <div className={styles.rowMeta}>\n            <Typography variant=\"caption\" className={styles.date}>\n              {formattedDate}\n            </Typography>\n            {viewsCount != null && (\n              <span className={styles.views} title=\"Просмотры\">\n                <EyeIcon size={14} strokeWidth={2} />\n                <span>{formatViews(viewsCount)}</span>\n              </span>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (view === 'card') {\n    return (\n      <div className={cn(styles.content, styles['content--card'], !imageUrl && styles['content--card-no-image'])}>\n        <div className={styles.cardBody}>\n          {author ? (\n            <div className={styles.author} onClick={(e) => e.stopPropagation()}>\n              {author.avatarUrl ? (\n                <img\n                  src={author.avatarUrl}\n                  alt=\"\"\n                  className={styles.authorAvatar}\n                  width={32}\n                  height={32}\n                />\n              ) : (\n                <div className={styles.authorAvatarPlaceholder} aria-hidden>\n                  {author.name.charAt(0).toUpperCase()}\n                </div>\n              )}\n              <Typography variant=\"caption\" className={styles.authorName}>\n                {author.name}\n              </Typography>\n              <Typography variant=\"caption\" className={styles.date}>\n                {formattedDate}\n              </Typography>\n            </div>\n          ) : (\n            <Typography variant=\"caption\" className={styles.date}>\n              {formattedDate}\n            </Typography>\n          )}\n          <Typography variant=\"h5\" as=\"h2\" className={styles.title} title={title}>\n            {title}\n          </Typography>\n          {description && (\n            <Typography variant=\"caption\" className={styles.description}>\n              {description}\n            </Typography>\n          )}\n          <div className={styles.cardFooter}>\n            {tags && (\n              <div className={styles.tagsSlotCard} onClick={(e) => e.stopPropagation()}>\n                {tags}\n              </div>\n            )}\n            {href ? (\n              <a href={href} className={styles.meta}>\n                {readingTimeMinutes != null && (\n                  <span className={styles.readingTime} title=\"Время чтения\">\n                    <AnimatedClockIcon size={14} className={styles.clockIcon} />\n                    <span>{formatReadingTime(readingTimeMinutes)}</span>\n                  </span>\n                )}\n                {viewsCount != null && (\n                  <span className={styles.views} title=\"Просмотры\">\n                    <AnimatedEyeIcon size={14} className={styles.eyeIcon} />\n                    <span>{formatViews(viewsCount)}</span>\n                  </span>\n                )}\n              </a>\n            ) : (\n              <div className={styles.meta}>\n                {readingTimeMinutes != null && (\n                  <span className={styles.readingTime} title=\"Время чтения\">\n                    <AnimatedClockIcon size={14} className={styles.clockIcon} />\n                    <span>{formatReadingTime(readingTimeMinutes)}</span>\n                  </span>\n                )}\n                {viewsCount != null && (\n                  <span className={styles.views} title=\"Просмотры\">\n                    <AnimatedEyeIcon size={14} className={styles.eyeIcon} />\n                    <span>{formatViews(viewsCount)}</span>\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n        {imageUrl && (\n          <div className={styles.previewWrap}>\n            <img\n              src={imageUrl}\n              alt={imageAlt || title}\n              className={styles.previewImage}\n              decoding=\"async\"\n              loading=\"lazy\"\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  return null;\n}\n\nArticlePreviewContent.displayName = 'ArticlePreviewContent';\n"],"names":["formatViews","count","formatReadingTime","minutes","h","m","ArticlePreviewContent","title","description","viewsCount","readingTimeMinutes","author","imageUrl","imageAlt","formattedDate","view","tags","href","jsxs","cn","styles","jsx","FileTextIcon","e","Typography","EyeIcon","AnimatedClockIcon","AnimatedEyeIcon"],"mappings":"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"}

package/dist/index.esm61.js

@@ -1,44 +1,45 @@
 "use client";
-const t = "_button_1cat9_1", n = "_buttonContent_1cat9_32", o = "_buttonIcon_1cat9_37", u = "_buttonSpinner_1cat9_43", _ = "_spin_1cat9_1", b = "_button--sm_1cat9_60", c = "_button--md_1cat9_66", a = "_button--lg_1cat9_72", s = "_button--fullWidth_1cat9_78", i = "_button--primary_1cat9_83", l = "_button--secondary_1cat9_106", d = "_button--outline_1cat9_129", e = "_button--ghost_1cat9_152", r = "_button--loading_1cat9_181", g = {
-  button: t,
-  buttonContent: n,
-  buttonIcon: o,
-  buttonSpinner: u,
-  spin: _,
-  "button--sm": "_button--sm_1cat9_60",
-  buttonSm: b,
-  "button--md": "_button--md_1cat9_66",
-  buttonMd: c,
-  "button--lg": "_button--lg_1cat9_72",
-  buttonLg: a,
-  "button--fullWidth": "_button--fullWidth_1cat9_78",
-  buttonFullWidth: s,
-  "button--primary": "_button--primary_1cat9_83",
-  buttonPrimary: i,
-  "button--secondary": "_button--secondary_1cat9_106",
-  buttonSecondary: l,
-  "button--outline": "_button--outline_1cat9_129",
-  buttonOutline: d,
-  "button--ghost": "_button--ghost_1cat9_152",
-  buttonGhost: e,
-  "button--loading": "_button--loading_1cat9_181",
-  buttonLoading: r
+const a = "_island_1pzuz_1", n = "_island--size-sm_1pzuz_7", i = "_island--size-md_1pzuz_11", l = "_island--size-lg_1pzuz_15", s = "_island--variant-default_1pzuz_20", e = "_island--variant-paper_1pzuz_24", d = "_island--variant-accent_1pzuz_28", _ = "_island--elevation-none_1pzuz_33", t = "_island--elevation-sm_1pzuz_37", z = "_island--elevation-md_1pzuz_41", o = "_island--elevation-lg_1pzuz_45", p = "_island--elevation-xl_1pzuz_49", v = "_island--bordered_1pzuz_54", u = {
+  island: a,
+  "island--size-sm": "_island--size-sm_1pzuz_7",
+  islandSizeSm: n,
+  "island--size-md": "_island--size-md_1pzuz_11",
+  islandSizeMd: i,
+  "island--size-lg": "_island--size-lg_1pzuz_15",
+  islandSizeLg: l,
+  "island--variant-default": "_island--variant-default_1pzuz_20",
+  islandVariantDefault: s,
+  "island--variant-paper": "_island--variant-paper_1pzuz_24",
+  islandVariantPaper: e,
+  "island--variant-accent": "_island--variant-accent_1pzuz_28",
+  islandVariantAccent: d,
+  "island--elevation-none": "_island--elevation-none_1pzuz_33",
+  islandElevationNone: _,
+  "island--elevation-sm": "_island--elevation-sm_1pzuz_37",
+  islandElevationSm: t,
+  "island--elevation-md": "_island--elevation-md_1pzuz_41",
+  islandElevationMd: z,
+  "island--elevation-lg": "_island--elevation-lg_1pzuz_45",
+  islandElevationLg: o,
+  "island--elevation-xl": "_island--elevation-xl_1pzuz_49",
+  islandElevationXl: p,
+  "island--bordered": "_island--bordered_1pzuz_54",
+  islandBordered: v
 };
 export {
-  t as button,
-  n as buttonContent,
-  s as buttonFullWidth,
-  e as buttonGhost,
-  o as buttonIcon,
-  a as buttonLg,
-  r as buttonLoading,
-  c as buttonMd,
-  d as buttonOutline,
-  i as buttonPrimary,
-  l as buttonSecondary,
-  b as buttonSm,
-  u as buttonSpinner,
-  g as default,
-  _ as spin
+  u as default,
+  a as island,
+  v as islandBordered,
+  o as islandElevationLg,
+  z as islandElevationMd,
+  _ as islandElevationNone,
+  t as islandElevationSm,
+  p as islandElevationXl,
+  l as islandSizeLg,
+  i as islandSizeMd,
+  n as islandSizeSm,
+  d as islandVariantAccent,
+  s as islandVariantDefault,
+  e as islandVariantPaper
 };
 //# sourceMappingURL=index.esm61.js.map

package/dist/index.esm61.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm61.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm61.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.esm62.js

@@ -1,33 +1,92 @@
 "use client";
-const r = "_wrapper_1xv65_1", p = "_wrapper--error_1xv65_22", _ = "_wrapper--disabled_1xv65_31", e = "_input_1xv65_37", a = "_iconStart_1xv65_62", w = "_iconEnd_1xv65_63", t = "_wrapper--sm_1xv65_72", n = "_wrapper--md_1xv65_82", o = "_wrapper--lg_1xv65_92", s = "_wrapper--fullWidth_1xv65_102", d = {
-  wrapper: r,
-  "wrapper--error": "_wrapper--error_1xv65_22",
-  wrapperError: p,
-  "wrapper--disabled": "_wrapper--disabled_1xv65_31",
-  wrapperDisabled: _,
-  input: e,
-  iconStart: a,
-  iconEnd: w,
-  "wrapper--sm": "_wrapper--sm_1xv65_72",
-  wrapperSm: t,
-  "wrapper--md": "_wrapper--md_1xv65_82",
-  wrapperMd: n,
-  "wrapper--lg": "_wrapper--lg_1xv65_92",
-  wrapperLg: o,
-  "wrapper--fullWidth": "_wrapper--fullWidth_1xv65_102",
-  wrapperFullWidth: s
-};
+const w = [
+  [[0, 0], [1, 0], [0, 1]],
+  [[0, 0], [1, 0], [1, 1]],
+  [[0, 0], [0, 1], [1, 1]],
+  [[0, 1], [1, 0], [1, 1]]
+], F = 9301, X = 49297, R = 233280, k = 4, M = 1, b = 8, H = 0.12, Y = 0.3, E = { circle: 0.2, dot: 0.35, triangle: 0.5, diamond: 0.62, cross: 0.75 }, z = 0.3, V = 0.3, j = 450, v = 320, Z = 300, q = 0.8, J = 0.17, T = 0.25, d = 0.25, K = 0.25, Q = 7e3, $ = 2, W = 5, g = 0.75;
+function _(t, o, s) {
+  return Math.floor(s() * (o - t + 1)) + t;
+}
+function et(t) {
+  return () => (t = (t * F + X) % R, t / R);
+}
+function at(t, o, s, I, r, c = "right", e = 2) {
+  return tt(t, o, s, I, r, c, e);
+}
+function tt(t, o, s, I, r, c, e) {
+  if (t <= 0 || o <= 0) return [];
+  const N = Math.max(k, s), A = Math.max(M, Math.floor(o / N)), i = Math.min(b, Math.max(M, e));
+  let a = 1;
+  for (; a < A && o / (a + 1) >= N; )
+    a++;
+  let n = o / a;
+  n > t && (n = t, a = Math.max(M, Math.floor(o / n)));
+  const y = t / i, L = o / i;
+  if (n = Math.min(n, y, L), n <= 0) return [];
+  a = Math.max(M, Math.floor(o / n));
+  const C = Math.max(M, Math.floor(t / n)), x = () => r() > H, P = (l) => _(Math.max(M, Math.floor(l * Y)), l, r), f = c === "right" || c === "left", O = f ? a : C, u = f ? C : a, p = c === "right" || c === "bottom", S = [];
+  for (let l = 0; l < O; l++) {
+    if (!x()) continue;
+    const m = P(u), D = p ? u - m : 0, U = p ? u : m;
+    for (let h = D; h < U; h++) {
+      const B = f ? h : l, G = f ? l : h;
+      nt(S, B * n, G * n, n, n, I, r);
+    }
+  }
+  return S;
+}
+function ot(t) {
+  const o = t();
+  if (o < E.circle) return { shapeType: "circle" };
+  if (o < E.dot)
+    return { shapeType: "dot", dotScale: z + t() * V };
+  if (o < E.triangle)
+    return {
+      shapeType: "triangle",
+      triangleIndex: _(0, w.length - 1, t)
+    };
+  if (o < E.diamond) return { shapeType: "diamond" };
+  if (o < E.cross) return { shapeType: "cross" };
+  const s = _($, W, t);
+  return {
+    shapeType: "stripes",
+    stripeDirection: t() > 0.35 ? 1 : 0,
+    stripeCount: s,
+    stripeMask: Array.from({ length: s }, () => t() > 1 - g)
+  };
+}
+function nt(t, o, s, I, r, c, e) {
+  const N = _(0, c - 1, e);
+  let A = _(0, c - 1, e);
+  for (; A === N; )
+    A = _(0, c - 1, e);
+  const i = ot(e), a = e();
+  let n;
+  a < T ? n = "breathe" : a < T + d ? n = "pulse" : a < T + d + K && (n = "opacity"), t.push({
+    x: o,
+    y: s,
+    width: I,
+    height: r,
+    bgColorIndex: N,
+    shapeColorIndex: A,
+    shapeType: i.shapeType,
+    triangleIndex: i.triangleIndex,
+    stripeDirection: i.stripeDirection,
+    stripeCount: i.stripeCount,
+    stripeMask: i.stripeMask,
+    animationDelay: Math.floor(e() * j),
+    animationDuration: v + Math.floor(e() * Z),
+    animationScaleFrom: q + e() * J,
+    dotScale: i.dotScale,
+    animationType: n,
+    animationPhase: n ? Math.floor(e() * Q) : void 0
+  });
+}
 export {
-  d as default,
-  w as iconEnd,
-  a as iconStart,
-  e as input,
-  r as wrapper,
-  _ as wrapperDisabled,
-  p as wrapperError,
-  s as wrapperFullWidth,
-  o as wrapperLg,
-  n as wrapperMd,
-  t as wrapperSm
+  w as TRIANGLE_TEMPLATES,
+  et as createSeededRandom,
+  at as generatePattern,
+  _ as getRandomInt
 };
 //# sourceMappingURL=index.esm62.js.map

package/dist/index.esm62.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm62.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm62.js","sources":["../src/components/content/DecorativeFrame/utils/patternGenerator.ts"],"sourcesContent":["export type Point2D = [number, number];\n\nexport const TRIANGLE_TEMPLATES: Point2D[][] = [\n  [[0, 0], [1, 0], [0, 1]],\n  [[0, 0], [1, 0], [1, 1]],\n  [[0, 0], [0, 1], [1, 1]],\n  [[0, 1], [1, 0], [1, 1]],\n];\n\nexport type ShapeType =\n  | 'circle'\n  | 'dot'\n  | 'triangle'\n  | 'diamond'\n  | 'cross'\n  | 'stripes'\n  | null;\n\nexport interface CellConfig {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  bgColorIndex: number;\n  shapeColorIndex: number;\n  shapeType: ShapeType;\n  triangleIndex?: number;\n  stripeDirection?: 0 | 1;\n  stripeCount?: number;\n  stripeMask?: boolean[];\n  animationDelay: number;\n  animationDuration: number;\n  animationScaleFrom?: number;\n  dotScale?: number;\n  animationType?: 'breathe' | 'pulse' | 'opacity';\n  animationPhase?: number;\n}\n\nconst RNG_MULTIPLIER = 9301;\nconst RNG_INCREMENT = 49297;\nconst RNG_MODULUS = 233280;\n\nconst MIN_BOX_SIZE = 4;\nconst STRIP_LINES_MIN = 1;\nconst STRIP_LINES_MAX = 8;\nconst EMPTY_ROW_CHANCE = 0.12;\nconst FILL_COUNT_MIN_RATIO = 0.3;\n\nconst SHAPE_PROB = { circle: 0.2, dot: 0.35, triangle: 0.5, diamond: 0.62, cross: 0.75 } as const;\nconst DOT_SCALE_MIN = 0.3;\nconst DOT_SCALE_RANGE = 0.3;\nconst ANIM_DELAY_MAX = 450;\nconst ANIM_DURATION_MIN = 320;\nconst ANIM_DURATION_RANGE = 300;\nconst ANIM_SCALE_FROM_MIN = 0.8;\nconst ANIM_SCALE_FROM_RANGE = 0.17;\n// Animation\nconst ANIM_BREATHE_CHANCE = 0.25;\nconst ANIM_PULSE_CHANCE = 0.25;\nconst ANIM_OPACITY_CHANCE = 0.25;\nconst ANIM_PHASE_MAX = 7000;\nconst STRIPE_COUNT_MIN = 2;\nconst STRIPE_COUNT_MAX = 5;\nconst STRIPE_VISIBLE_CHANCE = 0.75;\n\nexport function getRandomInt(min: number, max: number, rng: () => number): number {\n  return Math.floor(rng() * (max - min + 1)) + min;\n}\n\nexport function createSeededRandom(seed: number): () => number {\n  return () => {\n    seed = (seed * RNG_MULTIPLIER + RNG_INCREMENT) % RNG_MODULUS;\n    return seed / RNG_MODULUS;\n  };\n}\n\nexport type PatternEdge = 'top' | 'right' | 'bottom' | 'left';\n\nexport function generatePattern(\n  stripWidth: number,\n  stripHeight: number,\n  boxSize: number,\n  colorCount: number,\n  rng: () => number,\n  edge: PatternEdge = 'right',\n  stripDensity: number = 2\n): CellConfig[] {\n  return generateEdgePattern(stripWidth, stripHeight, boxSize, colorCount, rng, edge, stripDensity);\n}\n\nfunction generateEdgePattern(\n  stripWidth: number,\n  stripHeight: number,\n  boxSize: number,\n  colorCount: number,\n  rng: () => number,\n  edge: PatternEdge,\n  stripDensity: number\n): CellConfig[] {\n  if (stripWidth <= 0 || stripHeight <= 0) return [];\n\n  const safeBoxSize = Math.max(MIN_BOX_SIZE, boxSize);\n  const maxRows = Math.max(STRIP_LINES_MIN, Math.floor(stripHeight / safeBoxSize));\n  const minLines = Math.min(STRIP_LINES_MAX, Math.max(STRIP_LINES_MIN, stripDensity));\n\n  let rowCount = 1;\n  while (rowCount < maxRows && stripHeight / (rowCount + 1) >= safeBoxSize) {\n    rowCount++;\n  }\n\n  let cellSize = stripHeight / rowCount;\n  if (cellSize > stripWidth) {\n    cellSize = stripWidth;\n    rowCount = Math.max(STRIP_LINES_MIN, Math.floor(stripHeight / cellSize));\n  }\n\n  const maxCellByWidth = stripWidth / minLines;\n  const maxCellByHeight = stripHeight / minLines;\n  cellSize = Math.min(cellSize, maxCellByWidth, maxCellByHeight);\n  if (cellSize <= 0) return [];\n\n  rowCount = Math.max(STRIP_LINES_MIN, Math.floor(stripHeight / cellSize));\n  const colCount = Math.max(STRIP_LINES_MIN, Math.floor(stripWidth / cellSize));\n\n  const shouldFill = () => rng() > EMPTY_ROW_CHANCE;\n  const fillCount = (max: number) =>\n    getRandomInt(Math.max(STRIP_LINES_MIN, Math.floor(max * FILL_COUNT_MIN_RATIO)), max, rng);\n\n  const isVerticalStrip = edge === 'right' || edge === 'left';\n  const primaryCount = isVerticalStrip ? rowCount : colCount;\n  const secondaryCount = isVerticalStrip ? colCount : rowCount;\n  const isEndEdge = edge === 'right' || edge === 'bottom';\n\n  const cells: CellConfig[] = [];\n\n  for (let i = 0; i < primaryCount; i++) {\n    if (!shouldFill()) continue;\n\n    const count = fillCount(secondaryCount);\n    const start = isEndEdge ? secondaryCount - count : 0;\n    const end = isEndEdge ? secondaryCount : count;\n\n    for (let j = start; j < end; j++) {\n      const col = isVerticalStrip ? j : i;\n      const row = isVerticalStrip ? i : j;\n      pushCell(cells, col * cellSize, row * cellSize, cellSize, cellSize, colorCount, rng);\n    }\n  }\n\n  return cells;\n}\n\nfunction pickShapeType(rng: () => number): {\n  shapeType: ShapeType;\n  triangleIndex?: number;\n  stripeDirection?: 0 | 1;\n  stripeCount?: number;\n  stripeMask?: boolean[];\n  dotScale?: number;\n} {\n  const roll = rng();\n\n  if (roll < SHAPE_PROB.circle) return { shapeType: 'circle' };\n  if (roll < SHAPE_PROB.dot) {\n    return { shapeType: 'dot', dotScale: DOT_SCALE_MIN + rng() * DOT_SCALE_RANGE };\n  }\n  if (roll < SHAPE_PROB.triangle) {\n    return {\n      shapeType: 'triangle',\n      triangleIndex: getRandomInt(0, TRIANGLE_TEMPLATES.length - 1, rng),\n    };\n  }\n  if (roll < SHAPE_PROB.diamond) return { shapeType: 'diamond' };\n  if (roll < SHAPE_PROB.cross) return { shapeType: 'cross' };\n\n  const stripeCount = getRandomInt(STRIPE_COUNT_MIN, STRIPE_COUNT_MAX, rng);\n  return {\n    shapeType: 'stripes',\n    stripeDirection: rng() > 0.35 ? 1 : 0,\n    stripeCount,\n    stripeMask: Array.from({ length: stripeCount }, () => rng() > 1 - STRIPE_VISIBLE_CHANCE),\n  };\n}\n\nfunction pushCell(\n  cells: CellConfig[],\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  colorCount: number,\n  rng: () => number\n): void {\n  const bgColorIndex = getRandomInt(0, colorCount - 1, rng);\n  let shapeColorIndex = getRandomInt(0, colorCount - 1, rng);\n  while (shapeColorIndex === bgColorIndex) {\n    shapeColorIndex = getRandomInt(0, colorCount - 1, rng);\n  }\n\n  const shape = pickShapeType(rng);\n\n  const roll = rng();\n  let animationType: 'breathe' | 'pulse' | 'opacity' | undefined;\n  if (roll < ANIM_BREATHE_CHANCE) animationType = 'breathe';\n  else if (roll < ANIM_BREATHE_CHANCE + ANIM_PULSE_CHANCE) animationType = 'pulse';\n  else if (roll < ANIM_BREATHE_CHANCE + ANIM_PULSE_CHANCE + ANIM_OPACITY_CHANCE) animationType = 'opacity';\n\n  cells.push({\n    x,\n    y,\n    width,\n    height,\n    bgColorIndex,\n    shapeColorIndex,\n    shapeType: shape.shapeType,\n    triangleIndex: shape.triangleIndex,\n    stripeDirection: shape.stripeDirection,\n    stripeCount: shape.stripeCount,\n    stripeMask: shape.stripeMask,\n    animationDelay: Math.floor(rng() * ANIM_DELAY_MAX),\n    animationDuration: ANIM_DURATION_MIN + Math.floor(rng() * ANIM_DURATION_RANGE),\n    animationScaleFrom: ANIM_SCALE_FROM_MIN + rng() * ANIM_SCALE_FROM_RANGE,\n    dotScale: shape.dotScale,\n    animationType,\n    animationPhase: animationType ? Math.floor(rng() * ANIM_PHASE_MAX) : undefined,\n  });\n}\n"],"names":["TRIANGLE_TEMPLATES","RNG_MULTIPLIER","RNG_INCREMENT","RNG_MODULUS","MIN_BOX_SIZE","STRIP_LINES_MIN","STRIP_LINES_MAX","EMPTY_ROW_CHANCE","FILL_COUNT_MIN_RATIO","SHAPE_PROB","DOT_SCALE_MIN","DOT_SCALE_RANGE","ANIM_DELAY_MAX","ANIM_DURATION_MIN","ANIM_DURATION_RANGE","ANIM_SCALE_FROM_MIN","ANIM_SCALE_FROM_RANGE","ANIM_BREATHE_CHANCE","ANIM_PULSE_CHANCE","ANIM_OPACITY_CHANCE","ANIM_PHASE_MAX","STRIPE_COUNT_MIN","STRIPE_COUNT_MAX","STRIPE_VISIBLE_CHANCE","getRandomInt","min","max","rng","createSeededRandom","seed","generatePattern","stripWidth","stripHeight","boxSize","colorCount","edge","stripDensity","generateEdgePattern","safeBoxSize","maxRows","minLines","rowCount","cellSize","maxCellByWidth","maxCellByHeight","colCount","shouldFill","fillCount","isVerticalStrip","primaryCount","secondaryCount","isEndEdge","cells","i","count","start","end","j","col","row","pushCell","pickShapeType","roll","stripeCount","x","y","width","height","bgColorIndex","shapeColorIndex","shape","animationType"],"mappings":"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"}

package/dist/index.esm63.js

@@ -1,21 +1,39 @@
 "use client";
-const t = "_likeButton_1nv5d_1", n = "_heartWrap_1nv5d_49", _ = "_heart_1nv5d_49", o = "_countWrap_1nv5d_112", e = "_count_1nv5d_112", u = {
-  likeButton: t,
-  "likeButton--disabled": "_likeButton--disabled_1nv5d_19",
-  "likeButton--liked": "_likeButton--liked_1nv5d_25",
-  "likeButton--pop": "_likeButton--pop_1nv5d_49",
-  heartWrap: n,
-  heart: _,
-  countWrap: o,
-  "countWrap--bump": "_countWrap--bump_1nv5d_119",
-  count: e
+const t = "_root_mptdu_1", o = "_root--edge-top_mptdu_6", r = "_root--edge-bottom_mptdu_10", _ = "_root--edge-left_mptdu_14", p = "_root--edge-right_mptdu_18", e = "_content_mptdu_22", s = "_strip_mptdu_28", d = "_strip--top_mptdu_36", i = "_strip--bottom_mptdu_37", g = "_strip--left_mptdu_42", m = "_strip--right_mptdu_43", u = "_stripMirror_mptdu_48", n = {
+  root: t,
+  "root--edge-top": "_root--edge-top_mptdu_6",
+  rootEdgeTop: o,
+  "root--edge-bottom": "_root--edge-bottom_mptdu_10",
+  rootEdgeBottom: r,
+  "root--edge-left": "_root--edge-left_mptdu_14",
+  rootEdgeLeft: _,
+  "root--edge-right": "_root--edge-right_mptdu_18",
+  rootEdgeRight: p,
+  content: e,
+  strip: s,
+  "strip--top": "_strip--top_mptdu_36",
+  stripTop: d,
+  "strip--bottom": "_strip--bottom_mptdu_37",
+  stripBottom: i,
+  "strip--left": "_strip--left_mptdu_42",
+  stripLeft: g,
+  "strip--right": "_strip--right_mptdu_43",
+  stripRight: m,
+  stripMirror: u
 };
 export {
-  e as count,
-  o as countWrap,
-  u as default,
-  _ as heart,
-  n as heartWrap,
-  t as likeButton
+  e as content,
+  n as default,
+  t as root,
+  r as rootEdgeBottom,
+  _ as rootEdgeLeft,
+  p as rootEdgeRight,
+  o as rootEdgeTop,
+  s as strip,
+  i as stripBottom,
+  g as stripLeft,
+  u as stripMirror,
+  m as stripRight,
+  d as stripTop
 };
 //# sourceMappingURL=index.esm63.js.map

package/dist/index.esm63.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm63.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index.esm63.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}