@atme-lab/ui-kit 0.1.23 → 0.1.24

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":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/index.esm61.js

@@ -1,21 +1,32 @@
 "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
-};
+import { j as r } from "./index.esm37.js";
+import { forwardRef as n } from "react";
+import s from "./index.esm43.js";
+import a from "./index.esm417.js";
+const l = n(
+  ({ decorative: o = !0, className: t, ...e }, i) => /* @__PURE__ */ r.jsxs(
+    "svg",
+    {
+      ref: i,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": o,
+      className: s(a.root, t),
+      ...e,
+      children: [
+        /* @__PURE__ */ r.jsx("g", { "data-chain": "left", children: /* @__PURE__ */ r.jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }) }),
+        /* @__PURE__ */ r.jsx("g", { "data-chain": "right", children: /* @__PURE__ */ r.jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" }) })
+      ]
+    }
+  )
+);
+l.displayName = "LinkIcon";
 export {
-  e as count,
-  o as countWrap,
-  u as default,
-  _ as heart,
-  n as heartWrap,
-  t as likeButton
+  l as LinkIcon
 };
 //# 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":["../src/components/primitives/Icon/Icons/custom/LinkIcon/LinkIcon.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cn from \"classnames\";\nimport styles from \"./LinkIcon.module.pcss\";\n\nexport interface LinkIconProps extends React.SVGProps<SVGSVGElement> {\n  decorative?: boolean;\n}\n\nexport const LinkIcon = forwardRef<SVGSVGElement, LinkIconProps>(\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      <g data-chain=\"left\">\n        <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\" />\n      </g>\n      <g data-chain=\"right\">\n        <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\" />\n      </g>\n    </svg>\n  )\n);\n\nLinkIcon.displayName = \"LinkIcon\";\n"],"names":["LinkIcon","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,OAAE,cAAW,QACZ,gCAAC,QAAA,EAAK,GAAE,+DAA8D,EAAA,CACxE;AAAA,QACAA,gBAAAA,EAAAA,IAAC,OAAE,cAAW,SACZ,gCAAC,QAAA,EAAK,GAAE,gEAA+D,EAAA,CACzE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAT,EAAS,cAAc;"}

package/dist/index.esm62.js

@@ -1,20 +1,45 @@
 "use client";
-import { j as t } from "./index.esm37.js";
-import n from "./index.esm416.js";
-const a = ({
-  filled: r = !1,
-  decorative: o = !0,
-  ...e
-}) => /* @__PURE__ */ t.jsx(
-  n,
-  {
-    fill: r ? "currentColor" : "none",
-    stroke: "currentColor",
-    "aria-hidden": o,
-    ...e
-  }
-);
+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 {
-  a as HeartIcon
+  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.esm62.js.map

package/dist/index.esm62.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm62.js","sources":["../src/components/primitives/Icon/Icons/lucide/HeartIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Heart, type LucideProps } from \"lucide-react\";\n\nexport interface HeartIconProps extends LucideProps {\n  /** Залитое сердечко (лайк поставлен) */\n  filled?: boolean;\n  decorative?: boolean;\n  className?: string;\n}\n\nexport const HeartIcon: React.FC<HeartIconProps> = ({\n  filled = false,\n  decorative = true,\n  ...props\n}) => (\n  <Heart\n    fill={filled ? \"currentColor\" : \"none\"}\n    stroke=\"currentColor\"\n    aria-hidden={decorative}\n    {...props}\n  />\n);\n"],"names":["HeartIcon","filled","decorative","props","jsx","Heart"],"mappings":";;;AAUO,MAAMA,IAAsC,CAAC;AAAA,EAClD,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,MACEC,gBAAAA,EAAAA;AAAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAMJ,IAAS,iBAAiB;AAAA,IAChC,QAAO;AAAA,IACP,eAAaC;AAAA,IACZ,GAAGC;AAAA,EAAA;AACN;"}
+{"version":3,"file":"index.esm62.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.esm63.js

@@ -1,20 +1,11 @@
 "use client";
-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
+const t = "_tagGroup_m7mju_1", a = "_tagInteractive_m7mju_8", e = {
+  tagGroup: t,
+  tagInteractive: a
 };
 export {
-  r as cardLink,
-  c as default,
-  o as root,
-  _ as rootCard,
-  t as rootInteractive,
-  e as rootRow
+  e as default,
+  t as tagGroup,
+  a as tagInteractive
 };
 //# 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":";;;;;"}

package/dist/index.esm64.js

@@ -1,101 +1,13 @@
 "use client";
-import { j as s } from "./index.esm37.js";
-import p from "./index.esm43.js";
-import { AnimatedEyeIcon as N } from "./index.esm389.js";
-import { AnimatedClockIcon as v } from "./index.esm390.js";
-import a from "./index.esm391.js";
-import { FileTextIcon as I } from "./index.esm392.js";
-import { Typography as c } from "./index.esm9.js";
-import { EyeIcon as g } from "./index.esm393.js";
-function h(e) {
-  return e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}K` : String(e);
+import { j as e } from "./index.esm37.js";
+import o from "react";
+import { TagGroupItemButton as m } from "./index.esm387.js";
+import { isTagGroupItem as t } from "./index.esm80.js";
+import { Tag as n } from "./index.esm11.js";
+function p({ tag: r, baseTagProps: i }) {
+  return t(r) ? r.href ? /* @__PURE__ */ e.jsx(n, { ...i, href: r.href, children: r.label }) : r.onClick ? /* @__PURE__ */ e.jsx(m, { tag: r, baseTagProps: i }) : /* @__PURE__ */ e.jsx(n, { ...i, children: r.label }) : typeof r == "object" && o.isValidElement(r) ? /* @__PURE__ */ e.jsx(e.Fragment, { children: r }) : /* @__PURE__ */ e.jsx(n, { ...i, children: r });
 }
-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 {
-  w as ArticlePreviewContent
+  p as TagGroupItemView
 };
 //# sourceMappingURL=index.esm64.js.map

package/dist/index.esm64.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm64.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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"}
+{"version":3,"file":"index.esm64.js","sources":["../src/components/primitives/TagGroup/components/TagGroupItemView.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tag } from \"../../Tag\";\nimport { TagGroupItemButton } from \"./TagGroupItemButton\";\nimport { isTagGroupItem, type TagGroupTag, type TagGroupBaseTagProps } from \"../types\";\n\nexport interface TagGroupItemViewProps {\n  tag: TagGroupTag;\n  baseTagProps: TagGroupBaseTagProps;\n}\n\nexport function TagGroupItemView({ tag, baseTagProps }: TagGroupItemViewProps) {\n  if (isTagGroupItem(tag)) {\n    if (tag.href) {\n      return (\n        <Tag {...baseTagProps} href={tag.href}>\n          {tag.label}\n        </Tag>\n      );\n    }\n    if (tag.onClick) {\n      return <TagGroupItemButton tag={tag} baseTagProps={baseTagProps} />;\n    }\n    return (\n      <Tag {...baseTagProps}>\n        {tag.label}\n      </Tag>\n    );\n  }\n\n  if (typeof tag === \"object\" && React.isValidElement(tag)) {\n    return <>{tag}</>;\n  }\n\n  return <Tag {...baseTagProps}>{tag}</Tag>;\n}\n"],"names":["TagGroupItemView","tag","baseTagProps","isTagGroupItem","jsx","Tag","TagGroupItemButton","React"],"mappings":";;;;;;AAUO,SAASA,EAAiB,EAAE,KAAAC,GAAK,cAAAC,KAAuC;AAC7E,SAAIC,EAAeF,CAAG,IAChBA,EAAI,OAEJG,gBAAAA,MAACC,KAAK,GAAGH,GAAc,MAAMD,EAAI,MAC9B,YAAI,MAAA,CACP,IAGAA,EAAI,UACCG,gBAAAA,EAAAA,IAACE,GAAA,EAAmB,KAAAL,GAAU,cAAAC,EAAA,CAA4B,IAGjEE,gBAAAA,EAAAA,IAACC,GAAA,EAAK,GAAGH,GACN,YAAI,OACP,IAIA,OAAOD,KAAQ,YAAYM,EAAM,eAAeN,CAAG,wCAC3C,UAAAA,EAAA,CAAI,IAGTG,gBAAAA,EAAAA,IAACC,GAAA,EAAK,GAAGH,GAAe,UAAAD,GAAI;AACrC;"}

package/dist/index.esm65.js

@@ -1,11 +1,11 @@
 "use client";
-const t = "_tagGroup_m7mju_1", a = "_tagInteractive_m7mju_8", e = {
-  tagGroup: t,
-  tagInteractive: a
-};
+import { j as e } from "./index.esm37.js";
+import t from "./index.esm413.js";
+const p = ({
+  decorative: o = !0,
+  ...r
+}) => /* @__PURE__ */ e.jsx(t, { "aria-hidden": o, ...r });
 export {
-  e as default,
-  t as tagGroup,
-  a as tagInteractive
+  p as ChevronUpIcon
 };
 //# sourceMappingURL=index.esm65.js.map

package/dist/index.esm65.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm65.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.esm65.js","sources":["../src/components/primitives/Icon/Icons/lucide/ChevronUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { ChevronUp, type LucideProps } from \"lucide-react\";\n\nexport const ChevronUpIcon: React.FC<LucideProps & { decorative?: boolean }> = ({\n  decorative = true,\n  ...props\n}) => <ChevronUp aria-hidden={decorative} {...props} />;\n"],"names":["ChevronUpIcon","decorative","props","jsx","ChevronUp"],"mappings":";;;AAGO,MAAMA,IAAkE,CAAC;AAAA,EAC9E,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,MAAMC,gBAAAA,EAAAA,IAACC,GAAA,EAAU,eAAaH,GAAa,GAAGC,EAAA,CAAO;"}

package/dist/index.esm66.js

@@ -1,13 +1,20 @@
 "use client";
-import { j as e } from "./index.esm37.js";
-import o from "react";
-import { TagGroupItemButton as m } from "./index.esm387.js";
-import { isTagGroupItem as t } from "./index.esm86.js";
-import { Tag as n } from "./index.esm11.js";
-function p({ tag: r, baseTagProps: i }) {
-  return t(r) ? r.href ? /* @__PURE__ */ e.jsx(n, { ...i, href: r.href, children: r.label }) : r.onClick ? /* @__PURE__ */ e.jsx(m, { tag: r, baseTagProps: i }) : /* @__PURE__ */ e.jsx(n, { ...i, children: r.label }) : typeof r == "object" && o.isValidElement(r) ? /* @__PURE__ */ e.jsx(e.Fragment, { children: r }) : /* @__PURE__ */ e.jsx(n, { ...i, children: r });
-}
+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 {
-  p as TagGroupItemView
+  r as cardLink,
+  c as default,
+  o as root,
+  _ as rootCard,
+  t as rootInteractive,
+  e as rootRow
 };
 //# sourceMappingURL=index.esm66.js.map

package/dist/index.esm66.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm66.js","sources":["../src/components/primitives/TagGroup/components/TagGroupItemView.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tag } from \"../../Tag\";\nimport { TagGroupItemButton } from \"./TagGroupItemButton\";\nimport { isTagGroupItem, type TagGroupTag, type TagGroupBaseTagProps } from \"../types\";\n\nexport interface TagGroupItemViewProps {\n  tag: TagGroupTag;\n  baseTagProps: TagGroupBaseTagProps;\n}\n\nexport function TagGroupItemView({ tag, baseTagProps }: TagGroupItemViewProps) {\n  if (isTagGroupItem(tag)) {\n    if (tag.href) {\n      return (\n        <Tag {...baseTagProps} href={tag.href}>\n          {tag.label}\n        </Tag>\n      );\n    }\n    if (tag.onClick) {\n      return <TagGroupItemButton tag={tag} baseTagProps={baseTagProps} />;\n    }\n    return (\n      <Tag {...baseTagProps}>\n        {tag.label}\n      </Tag>\n    );\n  }\n\n  if (typeof tag === \"object\" && React.isValidElement(tag)) {\n    return <>{tag}</>;\n  }\n\n  return <Tag {...baseTagProps}>{tag}</Tag>;\n}\n"],"names":["TagGroupItemView","tag","baseTagProps","isTagGroupItem","jsx","Tag","TagGroupItemButton","React"],"mappings":";;;;;;AAUO,SAASA,EAAiB,EAAE,KAAAC,GAAK,cAAAC,KAAuC;AAC7E,SAAIC,EAAeF,CAAG,IAChBA,EAAI,OAEJG,gBAAAA,MAACC,KAAK,GAAGH,GAAc,MAAMD,EAAI,MAC9B,YAAI,MAAA,CACP,IAGAA,EAAI,UACCG,gBAAAA,EAAAA,IAACE,GAAA,EAAmB,KAAAL,GAAU,cAAAC,EAAA,CAA4B,IAGjEE,gBAAAA,EAAAA,IAACC,GAAA,EAAK,GAAGH,GACN,YAAI,OACP,IAIA,OAAOD,KAAQ,YAAYM,EAAM,eAAeN,CAAG,wCAC3C,UAAAA,EAAA,CAAI,IAGTG,gBAAAA,EAAAA,IAACC,GAAA,EAAK,GAAGH,GAAe,UAAAD,GAAI;AACrC;"}
+{"version":3,"file":"index.esm66.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/index.esm67.js

@@ -1,11 +1,101 @@
 "use client";
-import { j as e } from "./index.esm37.js";
-import t from "./index.esm413.js";
-const p = ({
-  decorative: o = !0,
-  ...r
-}) => /* @__PURE__ */ e.jsx(t, { "aria-hidden": o, ...r });
+import { j as s } from "./index.esm37.js";
+import p from "./index.esm43.js";
+import { AnimatedEyeIcon as N } from "./index.esm389.js";
+import { AnimatedClockIcon as v } from "./index.esm390.js";
+import a from "./index.esm391.js";
+import { FileTextIcon as I } from "./index.esm392.js";
+import { Typography as c } from "./index.esm9.js";
+import { EyeIcon as g } from "./index.esm393.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 {
-  p as ChevronUpIcon
+  w as ArticlePreviewContent
 };
 //# sourceMappingURL=index.esm67.js.map

package/dist/index.esm67.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm67.js","sources":["../src/components/primitives/Icon/Icons/lucide/ChevronUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { ChevronUp, type LucideProps } from \"lucide-react\";\n\nexport const ChevronUpIcon: React.FC<LucideProps & { decorative?: boolean }> = ({\n  decorative = true,\n  ...props\n}) => <ChevronUp aria-hidden={decorative} {...props} />;\n"],"names":["ChevronUpIcon","decorative","props","jsx","ChevronUp"],"mappings":";;;AAGO,MAAMA,IAAkE,CAAC;AAAA,EAC9E,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,MAAMC,gBAAAA,EAAAA,IAACC,GAAA,EAAU,eAAaH,GAAa,GAAGC,EAAA,CAAO;"}
+{"version":3,"file":"index.esm67.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.esm69.js

@@ -1,44 +1,47 @@
 "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 e = "_root_1lfx3_1", t = "_root--sm_1lfx3_8", s = "_root--md_1lfx3_14", n = "_root--lg_1lfx3_20", _ = "_track_1lfx3_26", o = "_segments_1lfx3_34", m = "_segment_1lfx3_34", g = "_segment--primary_1lfx3_50", l = "_segment--secondary_1lfx3_54", r = "_segment--success_1lfx3_58", c = "_segment--warning_1lfx3_62", a = "_segment--active_1lfx3_66", f = "_segment--sequential_1lfx3_66", x = "_segment-reveal_1lfx3_1", i = "_valueLabel_1lfx3_89", u = {
+  root: e,
+  "root--sm": "_root--sm_1lfx3_8",
+  rootSm: t,
+  "root--md": "_root--md_1lfx3_14",
+  rootMd: s,
+  "root--lg": "_root--lg_1lfx3_20",
+  rootLg: n,
+  track: _,
+  segments: o,
+  segment: m,
+  "segment--primary": "_segment--primary_1lfx3_50",
+  segmentPrimary: g,
+  "segment--secondary": "_segment--secondary_1lfx3_54",
+  segmentSecondary: l,
+  "segment--success": "_segment--success_1lfx3_58",
+  segmentSuccess: r,
+  "segment--warning": "_segment--warning_1lfx3_62",
+  segmentWarning: c,
+  "segment--active": "_segment--active_1lfx3_66",
+  segmentActive: a,
+  "segment--sequential": "_segment--sequential_1lfx3_66",
+  segmentSequential: f,
+  "segment-reveal": "_segment-reveal_1lfx3_1",
+  segmentReveal: x,
+  valueLabel: i
 };
 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,
+  e as root,
+  n as rootLg,
+  s as rootMd,
+  t as rootSm,
+  m as segment,
+  a as segmentActive,
+  g as segmentPrimary,
+  x as segmentReveal,
+  l as segmentSecondary,
+  f as segmentSequential,
+  r as segmentSuccess,
+  c as segmentWarning,
+  o as segments,
+  _ as track,
+  i as valueLabel
 };
 //# sourceMappingURL=index.esm69.js.map

package/dist/index.esm69.js.map

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