@iit/precision-ui 0.6.0 → 0.7.0

package/dist/index.es38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es38.js","sources":["../src/components/cards/Advantage2.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\n\r\nimport { ButtonText } from '../ui/button'\r\nimport Heading from '../core/typography/Heading'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface Advantage2Props {\r\n  title: string\r\n  desc?: string\r\n  icon?: string\r\n  tags: TagItemProps[]\r\n  link?: string\r\n  size?: 1 | 2\r\n}\r\n\r\nconst Advantage2: React.FC<Advantage2Props> = ({\r\n  title,\r\n  desc,\r\n  icon,\r\n  tags,\r\n  link,\r\n  size,\r\n}) => {\r\n  const sizeCls = size === 2 ? 'sm:col-span-2' : 'sm:col-span-1'\r\n  const classes = `${sizeCls} p-6 bg-whitish rounded-lg h-full`\r\n\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  const component = (\r\n    <Fragment>\r\n      <div className=\"flex space-x-2\">\r\n        {tags.map((tag, index) => (\r\n          <Tag key={index} variant={tag.color}>\r\n            {tag.title}\r\n          </Tag>\r\n        ))}\r\n      </div>\r\n\r\n      {icon && (\r\n        <div className=\"flex justify-center mt-12\">\r\n          <ImageWrapper\r\n            src={icon}\r\n            alt={`Изображение для ${title}`}\r\n            width={64}\r\n            height={64}\r\n            // className=\"object-contain\"\r\n          />\r\n        </div>\r\n      )}\r\n\r\n      <div className=\"space-y-2 mt-[88px]\">\r\n        <Heading level={4} as=\"div\">\r\n          {title}\r\n        </Heading>\r\n        {desc && (\r\n          <Text variant=\"small-body\" className=\"text-navy-opacity-60\" as=\"div\">\r\n            <SafeHtmlRenderer html={desc} className=\"inline\" />\r\n          </Text>\r\n        )}\r\n      </div>\r\n    </Fragment>\r\n  )\r\n\r\n  if (link) {\r\n    return (\r\n      <LinkWrapper\r\n        href={link}\r\n        className={cn(\r\n          classes,\r\n          'flex flex-col h-full justify-between items-start transition-all bottom-0 hover:bottom-1 transform duration-300 relative'\r\n        )}\r\n      >\r\n        <div>{component}</div>\r\n        {/* TODO: here is the button, should be a link */}\r\n        <ButtonText\r\n          icon=\"arrowRight\"\r\n          className=\"mt-6\"\r\n          // variant={variant === \"navy\" ? \"white\" : \"default\"}\r\n        >\r\n          Подробнее\r\n        </ButtonText>\r\n      </LinkWrapper>\r\n    )\r\n  }\r\n\r\n  return <div className={classes}>{component}</div>\r\n}\r\n\r\nexport default Advantage2\r\n"],"names":["Advantage2","title","desc","icon","tags","link","size","classes","LinkWrapper","getAdapter","ImageWrapper","component","React","Fragment","tag","index","Tag","Heading","Text","SafeHtmlRenderer","cn","ButtonText"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AACF,MAAM;AAEE,QAAAC,IAAU,GADAD,MAAS,IAAI,kBAAkB,eACrB,qCAEpBE,IAAcC,EAAW,aAAa,GACtCC,IAAeD,EAAW,cAAc,GAExCE,IACJC,gBAAAA,EAAA,cAACC,GACC,MAAAD,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,iBACZ,GAAAR,EAAK,IAAI,CAACU,GAAKC,MACbH,gBAAAA,EAAA,cAAAI,GAAA,EAAI,KAAKD,GAAO,SAASD,EAAI,MAC3B,GAAAA,EAAI,KACP,CACD,CACH,GAECX,KACCS,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,4BACb,GAAAA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EAAA,CAGZ,GAGDW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,sBAAA,GACZA,gBAAAA,EAAA,cAAAK,GAAA,EAAQ,OAAO,GAAG,IAAG,MAAA,GACnBhB,CACH,GACCC,KACEU,gBAAAA,EAAA,cAAAM,GAAA,EAAK,SAAQ,cAAa,WAAU,wBAAuB,IAAG,SAC7DN,gBAAAA,EAAA,cAACO,GAAiB,EAAA,MAAMjB,GAAM,WAAU,SAAS,CAAA,CACnD,CAEJ,CACF;AAGF,SAAIG,IAEAO,gBAAAA,EAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,MAAMH;AAAA,MACN,WAAWe;AAAA,QACTb;AAAA,QACA;AAAA,MACF;AAAA,IAAA;AAAA,IAEAK,gBAAAA,EAAA,cAAC,aAAKD,CAAU;AAAA,IAEhBC,gBAAAA,EAAA;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,MAAA;AAAA,MAEX;AAAA,IAED;AAAA,EAAA,IAKET,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWL,EAAA,GAAUI,CAAU;AAC7C;"}
+{"version":3,"file":"index.es38.js","sources":["../src/sections/Partners.tsx"],"sourcesContent":["import Section, { SectionProps } from './Section'\r\n\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst partners = [\r\n  '/partners/rostelekom.svg',\r\n  '/partners/mts.svg',\r\n  '/partners/uralsib.svg',\r\n  '/partners/sberbank.svg',\r\n  '/partners/rosbank.svg',\r\n  '/partners/pochtabank.svg',\r\n  '/partners/vtb.svg',\r\n  '/partners/alfa.svg',\r\n  '/partners/otkrytie.svg',\r\n  // \"МТС\",\r\n  // \"Уралсиб\",\r\n  // \"Сбербанк\",\r\n  // \"Росбанк\",\r\n  // \"Почта Банк\",\r\n  // \"ВТБ\",\r\n  // \"РосБанк\",\r\n  // \"Открытие\",\r\n]\r\n\r\nexport interface PartnersProps {\r\n  variant?: SectionProps['variant']\r\n  withoutTopPadding?: boolean\r\n  withoutBottomPadding?: boolean\r\n  withTopMargin?: boolean\r\n  withBottomMargin?: boolean\r\n}\r\n\r\nconst Partners: React.FC<PartnersProps> = ({\r\n  variant,\r\n  withoutTopPadding,\r\n  withoutBottomPadding,\r\n  withTopMargin,\r\n  withBottomMargin,\r\n}) => {\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  return (\r\n    <Section\r\n      title=\"\"\r\n      variant={variant}\r\n      withoutTopPadding={withoutTopPadding}\r\n      withoutBottomPadding={withoutBottomPadding}\r\n      withTopMargin={withTopMargin}\r\n      withBottomMargin={withBottomMargin}\r\n    >\r\n      <div className=\"grid grid-cols-1 sm:auto-rows-[222px] sm:grid-cols-3 lg:grid-cols-6 gap-3 mt-4\">\r\n        <div className=\"p-6 bg-whitish rounded-lg col-span-1 sm:col-span-3 row-start-1 row-end-3 flex flex-col justify-between\">\r\n          <Heading level={2}>\r\n            Более 500{' '}\r\n            <span className=\"text-navy-opacity-40\">\r\n              компаний работают с нами\r\n            </span>\r\n          </Heading>\r\n\r\n          <Text variant=\"body\" className=\"w-[87.5%]\">\r\n            Среди наших клиентов — крупнейшие холдинги, государственные\r\n            учреждения, финансовые и производственные компании, а также более 50\r\n            000 представителей малого и среднего бизнеса.\r\n          </Text>\r\n        </div>\r\n        {partners.map((partner, index) => (\r\n          <div\r\n            key={index}\r\n            className=\"rounded-lg border border-solid border-navy-opacity-16 flex align-middle justify-center items-center\"\r\n          >\r\n            <ImageWrapper src={partner} width={160} height={64} alt={partner} />\r\n          </div>\r\n        ))}\r\n        <div className=\"bg-whitish rounded-lg flex items-center justify-center\">\r\n          <Text variant=\"body\" className=\"text-navy-opacity-40 py-6 sm:py-0\">\r\n            500+\r\n          </Text>\r\n        </div>\r\n      </div>\r\n    </Section>\r\n  )\r\n}\r\n\r\nexport default Partners\r\n"],"names":["partners","Partners","variant","withoutTopPadding","withoutBottomPadding","withTopMargin","withBottomMargin","ImageWrapper","getAdapter","React","Section","Heading","Text","partner","index","Partners$1"],"mappings":";;;;;AAOA,MAAMA,IAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASF,GAUMC,IAAoC,CAAC;AAAA,EACzC,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAAC,IAAeC,EAAW,cAAc;AAG5C,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAAR;AAAA,MACA,mBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA;AAAA,IAECG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,iFAAA,mCACZ,OAAI,EAAA,WAAU,4GACbA,gBAAAA,EAAA,cAACE,KAAQ,OAAO,KAAG,aACP,qCACT,QAAK,EAAA,WAAU,uBAAuB,GAAA,0BAEvC,CACF,GAECF,gBAAAA,EAAA,cAAAG,GAAA,EAAK,SAAQ,QAAO,WAAU,YAAY,GAAA,gLAI3C,CACF,GACCZ,EAAS,IAAI,CAACa,GAASC,MACtBL,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKK;AAAA,QACL,WAAU;AAAA,MAAA;AAAA,MAEVL,gBAAAA,EAAA,cAACF,KAAa,KAAKM,GAAS,OAAO,KAAK,QAAQ,IAAI,KAAKA,EAAS,CAAA;AAAA,IAAA,CAErE,GACAJ,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,yDACb,GAAAA,gBAAAA,EAAA,cAACG,GAAK,EAAA,SAAQ,QAAO,WAAU,oCAAoC,GAAA,MAEnE,CACF,CACF;AAAA,EAAA;AAGN,GAEAG,IAAed;"}

package/dist/index.es39.js

@@ -1,56 +1,61 @@
-import { Tag as E } from "./index.es20.js";
-import b from "./index.es6.js";
-import m from "./index.es26.js";
 import e from "react";
-import s from "./index.es27.js";
-import { cn as h } from "./index.es31.js";
 import { cva as y } from "class-variance-authority";
-import { getAdapter as N } from "./index.es9.js";
-const _ = ({
-  size: l,
-  tags: o,
-  link: n,
-  title: i,
-  desc: t,
-  className: c,
-  showDivider: p,
-  price: d,
-  oldPrice: a,
-  detailsText: v
-}) => {
-  const f = y(
-    "p-6 pb-4 bg-whitish rounded-lg transition-all bottom-0 transform duration-300 hover:scale1-[1.015] border border-transparent hover:border-sapphire1 relative hover:bottom-1 cursor-pointer col-span-1 flex flex-col justify-between items-start sm:min-h-[264px] h-full",
-    {
-      variants: {
-        size: {
-          1: "sm:col-span-1",
-          2: "sm:col-span-2",
-          3: "sm:col-span-3",
-          4: "sm:col-span-4"
-        }
-      },
-      defaultVariants: {
-        size: 1
-      }
-    }
-  ), x = N("LinkWrapper");
-  return /* @__PURE__ */ e.createElement(x, { href: n, className: h(f({ size: l, className: c })) }, /* @__PURE__ */ e.createElement("div", { "data-test-id": "content-container" }, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2" }, o.map((r, u) => /* @__PURE__ */ e.createElement(E, { key: u, variant: r.color }, r.title))), /* @__PURE__ */ e.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ e.createElement(m, { level: 5, className: "mt-6 lg:max-w-sm", as: "div" }, i), t && /* @__PURE__ */ e.createElement(
-    s,
-    {
-      variant: "small-body",
-      className: "text-navy-opacity-60 lg:max-w-sm"
+import { cn as v } from "./index.es49.js";
+import E from "./index.es41.js";
+import N from "./index.es42.js";
+import b from "./index.es4.js";
+const g = y("space-y-12", {
+  variants: {
+    variant: {
+      default: "py-[120px]",
+      muted: "bg-grey-2 py-[88px] px-6"
     },
-    t
-  ))), /* @__PURE__ */ e.createElement("div", { className: "mt-2 sm:mt-6 space-y-6 w-full" }, p && /* @__PURE__ */ e.createElement("div", { className: "border-t border-navy-opacity-16" }), /* @__PURE__ */ e.createElement("div", { className: "flex space-x-4 items-baseline" }, a && /* @__PURE__ */ e.createElement(
-    s,
+    corners: {
+      default: "rounded-2xl",
+      onlyTop: "rounded-t-2xl",
+      onlyBottom: "rounded-b-2xl"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    corners: "default"
+  }
+}), B = ({
+  title: t,
+  sectionId: n,
+  desc: a,
+  children: l,
+  moreLink: r,
+  moreText: o = "Подробнее",
+  withTopMargin: s = !1,
+  withBottomMargin: c = !1,
+  withoutTopPadding: m = !1,
+  withoutBottomPadding: i = !1,
+  variant: f,
+  corners: p,
+  className: d
+}) => {
+  const x = [
+    "container",
+    s && "mt-6",
+    c && "mb-6"
+  ].filter(Boolean).map((u) => u).join(" ").trim();
+  return /* @__PURE__ */ e.createElement("section", { className: x, id: n }, /* @__PURE__ */ e.createElement(
+    "div",
     {
-      variant: "caption",
-      className: "text-navy-opacity-40 line-through"
+      className: v(
+        g({ variant: f, corners: p }),
+        m && "pt-0",
+        i && "pb-0",
+        d
+      )
     },
-    a
-  ), /* @__PURE__ */ e.createElement(m, { level: 4, as: "div" }, d)), /* @__PURE__ */ e.createElement(b, { icon: "arrowRight" }, v || "Подробнее")));
-};
+    t && /* @__PURE__ */ e.createElement("div", { className: "space-y-4 flex flex-col items-center" }, /* @__PURE__ */ e.createElement(E, { level: 2, className: "text-center max-w-[900px]" }, t), a && /* @__PURE__ */ e.createElement(N, { className: "text-center max-w-6xl" }, a)),
+    l,
+    r && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ e.createElement(b, { href: r }, o))
+  ));
+}, h = B;
 export {
-  _ as default
+  h as default
 };
 //# sourceMappingURL=index.es39.js.map

package/dist/index.es39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es39.js","sources":["../src/components/cards/FeaturedCard.tsx"],"sourcesContent":["import { Tag, TagItemProps } from '../ui/Tag'\r\n\r\nimport { ButtonText } from '../ui/button'\r\nimport Heading from '../core/typography/Heading'\r\nimport React from 'react'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { cva } from 'class-variance-authority'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface FeaturedCardProps {\r\n  size: 1 | 2 | 3 | 4\r\n  tags: TagItemProps[]\r\n  link: string\r\n  title: string\r\n  desc?: string\r\n  className?: string\r\n  showDivider?: boolean\r\n  price?: string\r\n  oldPrice?: string\r\n  detailsText?: string\r\n}\r\n\r\nconst FeaturedCard: React.FC<FeaturedCardProps> = ({\r\n  size,\r\n  tags,\r\n  link,\r\n  title,\r\n  desc,\r\n  className,\r\n  showDivider,\r\n  price,\r\n  oldPrice,\r\n  detailsText,\r\n}) => {\r\n  const cardStyles = cva(\r\n    'p-6 pb-4 bg-whitish rounded-lg transition-all bottom-0 transform duration-300 hover:scale1-[1.015] border border-transparent hover:border-sapphire1 relative hover:bottom-1 cursor-pointer col-span-1 flex flex-col justify-between items-start sm:min-h-[264px] h-full',\r\n    {\r\n      variants: {\r\n        size: {\r\n          1: 'sm:col-span-1',\r\n          2: 'sm:col-span-2',\r\n          3: 'sm:col-span-3',\r\n          4: 'sm:col-span-4',\r\n        },\r\n      },\r\n      defaultVariants: {\r\n        size: 1,\r\n      },\r\n    }\r\n  )\r\n\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n  return (\r\n    <LinkWrapper href={link} className={cn(cardStyles({ size, className }))}>\r\n      <div data-test-id=\"content-container\">\r\n        <div className=\"flex space-x-2\">\r\n          {tags.map((tag, index) => (\r\n            <Tag key={index} variant={tag.color}>\r\n              {tag.title}\r\n            </Tag>\r\n          ))}\r\n        </div>\r\n        <div className=\"space-y-2\">\r\n          <Heading level={5} className=\"mt-6 lg:max-w-sm\" as={'div'}>\r\n            {title}\r\n          </Heading>\r\n          {desc && (\r\n            <Text\r\n              variant=\"small-body\"\r\n              className=\"text-navy-opacity-60 lg:max-w-sm\"\r\n            >\r\n              {desc}\r\n            </Text>\r\n          )}\r\n        </div>\r\n      </div>\r\n      {/* TODO: here is the button, should be a link */}\r\n      <div className=\"mt-2 sm:mt-6 space-y-6 w-full\">\r\n        {showDivider && <div className=\"border-t border-navy-opacity-16\"></div>}\r\n        <div className=\"flex space-x-4 items-baseline\">\r\n          {oldPrice && (\r\n            <Text\r\n              variant=\"caption\"\r\n              className=\"text-navy-opacity-40 line-through\"\r\n            >\r\n              {oldPrice}\r\n            </Text>\r\n          )}\r\n          <Heading level={4} as={'div'}>\r\n            {price}\r\n          </Heading>\r\n        </div>\r\n        <ButtonText icon=\"arrowRight\">{detailsText || 'Подробнее'}</ButtonText>\r\n      </div>\r\n    </LinkWrapper>\r\n  )\r\n}\r\n\r\nexport default FeaturedCard\r\n"],"names":["FeaturedCard","size","tags","link","title","desc","className","showDivider","price","oldPrice","detailsText","cardStyles","cva","LinkWrapper","getAdapter","React","cn","tag","index","Tag","Heading","Text","ButtonText"],"mappings":";;;;;;;;AAuBA,MAAMA,IAA4C,CAAC;AAAA,EACjD,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAaC;AAAA,IACjB;AAAA,IACA;AAAA,MACE,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,MACF;AAAA,MACA,iBAAiB;AAAA,QACf,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EAAA,GAGIC,IAAcC,EAAW,aAAa;AAG1C,SAAAC,gBAAAA,EAAA,cAACF,GAAY,EAAA,MAAMV,GAAM,WAAWa,EAAGL,EAAW,EAAE,MAAAV,GAAM,WAAAK,EAAW,CAAA,CAAC,KACnES,gBAAAA,EAAA,cAAA,OAAA,EAAI,gBAAa,oBAAA,GACfA,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,iBACZ,GAAAb,EAAK,IAAI,CAACe,GAAKC,sCACbC,GAAI,EAAA,KAAKD,GAAO,SAASD,EAAI,MAAA,GAC3BA,EAAI,KACP,CACD,CACH,GACCF,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,YACb,GAAAA,gBAAAA,EAAA,cAACK,GAAQ,EAAA,OAAO,GAAG,WAAU,oBAAmB,IAAI,MAAA,GACjDhB,CACH,GACCC,KACCU,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAEThB;AAAA,EAGP,CAAA,CACF,GAECU,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,mCACZR,KAAgBQ,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,kCAAkC,CAAA,mCAChE,OAAI,EAAA,WAAU,mCACZN,KACCM,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAETZ;AAAA,EAAA,GAGJM,gBAAAA,EAAA,cAAAK,GAAA,EAAQ,OAAO,GAAG,IAAI,MACpB,GAAAZ,CACH,CACF,mCACCc,GAAW,EAAA,MAAK,gBAAcZ,KAAe,WAAY,CAC5D,CACF;AAEJ;"}
+{"version":3,"file":"index.es39.js","sources":["../src/sections/Section.tsx"],"sourcesContent":["import React from 'react'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport Text from '@/components/core/typography/Text'\r\nimport ButtonPrimary from '@/components/ui/button/ButtonPrimary'\r\n\r\nconst sectionVariants = cva('space-y-12', {\r\n  variants: {\r\n    variant: {\r\n      default: 'py-[120px]',\r\n      muted: 'bg-grey-2 py-[88px] px-6',\r\n    },\r\n    corners: {\r\n      default: 'rounded-2xl',\r\n      onlyTop: 'rounded-t-2xl',\r\n      onlyBottom: 'rounded-b-2xl',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n    corners: 'default',\r\n  },\r\n})\r\n\r\nexport interface SectionProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof sectionVariants> {\r\n  title: string\r\n  sectionId?: string\r\n  desc?: string\r\n  children?: React.ReactNode\r\n  moreLink?: string\r\n  moreText?: string\r\n  withTopMargin?: boolean\r\n  withBottomMargin?: boolean\r\n  withoutTopPadding?: boolean\r\n  withoutBottomPadding?: boolean\r\n  className?: string\r\n}\r\n\r\nconst Section: React.FC<SectionProps> = ({\r\n  title,\r\n  sectionId,\r\n  desc,\r\n  children,\r\n  moreLink,\r\n  moreText = 'Подробнее',\r\n  withTopMargin = false,\r\n  withBottomMargin = false,\r\n  withoutTopPadding = false,\r\n  withoutBottomPadding = false,\r\n  variant,\r\n  corners,\r\n  className,\r\n}) => {\r\n  const sectionClasses = [\r\n    'container',\r\n    withTopMargin && 'mt-6',\r\n    withBottomMargin && 'mb-6',\r\n  ]\r\n    .filter(Boolean)\r\n    .map((item) => item)\r\n    .join(' ')\r\n    .trim()\r\n\r\n  return (\r\n    <section className={sectionClasses} id={sectionId}>\r\n      <div\r\n        className={cn(\r\n          sectionVariants({ variant, corners }),\r\n          withoutTopPadding && 'pt-0',\r\n          withoutBottomPadding && 'pb-0',\r\n          className\r\n        )}\r\n      >\r\n        {title && (\r\n          <div className=\"space-y-4 flex flex-col items-center\">\r\n            <Heading level={2} className=\"text-center max-w-[900px]\">\r\n              {title}\r\n            </Heading>\r\n            {desc && <Text className=\"text-center max-w-6xl\">{desc}</Text>}\r\n          </div>\r\n        )}\r\n        {children}\r\n        {moreLink && (\r\n          <div className=\"flex justify-center\">\r\n            <ButtonPrimary href={moreLink}>{moreText}</ButtonPrimary>\r\n          </div>\r\n        )}\r\n      </div>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default Section\r\n"],"names":["sectionVariants","cva","Section","title","sectionId","desc","children","moreLink","moreText","withTopMargin","withBottomMargin","withoutTopPadding","withoutBottomPadding","variant","corners","className","sectionClasses","item","React","cn","Heading","Text","ButtonPrimary","Section$1"],"mappings":";;;;;;AAOA,MAAMA,IAAkBC,EAAI,cAAc;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF,CAAC,GAkBKC,IAAkC,CAAC;AAAA,EACvC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,mBAAAC,IAAoB;AAAA,EACpB,sBAAAC,IAAuB;AAAA,EACvB,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAiB;AAAA,IACrB;AAAA,IACAP,KAAiB;AAAA,IACjBC,KAAoB;AAAA,EAEnB,EAAA,OAAO,OAAO,EACd,IAAI,CAACO,MAASA,CAAI,EAClB,KAAK,GAAG,EACR,KAAK;AAER,SACGC,gBAAAA,EAAA,cAAA,WAAA,EAAQ,WAAWF,GAAgB,IAAIZ,KACtCc,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTnB,EAAgB,EAAE,SAAAa,GAAS,SAAAC,GAAS;AAAA,QACpCH,KAAqB;AAAA,QACrBC,KAAwB;AAAA,QACxBG;AAAA,MACF;AAAA,IAAA;AAAA,IAECZ,KACEe,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,uCACb,GAAAA,gBAAAA,EAAA,cAACE,KAAQ,OAAO,GAAG,WAAU,4BAC1B,GAAAjB,CACH,GACCE,KAAQa,gBAAAA,EAAA,cAACG,KAAK,WAAU,wBAAA,GAAyBhB,CAAK,CACzD;AAAA,IAEDC;AAAA,IACAC,KACEW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,sBAAA,mCACZI,GAAc,EAAA,MAAMf,EAAW,GAAAC,CAAS,CAC3C;AAAA,EAAA,CAGN;AAEJ,GAEAe,IAAerB;"}

package/dist/index.es4.js

@@ -2,7 +2,7 @@ import t from "react";
 import { Button as c } from "./index.es2.js";
 import { ArrowRight16X16 as u } from "@iit/precision-ui-icons";
 import { cva as h } from "class-variance-authority";
-import { cn as a } from "./index.es31.js";
+import { cn as a } from "./index.es49.js";
 const p = h(
   "bg-white text-navy hover:bg-whitish-opacity-80 cursor-pointer",
   {

package/dist/index.es40.js

@@ -1,42 +1,64 @@
-import { CarouselWrapper as o } from "./index.es45.js";
-import r from "react";
-import n from "./index.es27.js";
-const E = ({
-  items: t,
-  renderItem: l,
-  columns: s = 4,
-  hideControlsOnDesktop: d = !1,
-  withoutCarousel: g = !1,
-  // TODO: add to props chain
-  footnote: c,
-  variant: i
+import G from "./index.es39.js";
+import e from "./index.es21.js";
+import S from "./index.es22.js";
+import I from "./index.es27.js";
+import P from "./index.es54.js";
+import R from "./index.es30.js";
+import _ from "./index.es31.js";
+import k from "./index.es32.js";
+import t from "react";
+const x = {
+  Advantage: e,
+  Advantage2: S,
+  Rate: k,
+  Product: _,
+  FeaturedCard: I,
+  Plate: R
+}, y = ({
+  title: r,
+  sectionId: o,
+  desc: a,
+  items: m,
+  component: n = "Advantage",
+  withoutTopPadding: f = !1,
+  withTopMargin: i = !1,
+  withBottomMargin: d = !1,
+  withoutBottomPadding: c = !1,
+  variant: p,
+  corners: s,
+  columns: l,
+  hideControlsOnDesktop: u,
+  withoutCarousel: C,
+  footnote: g
 }) => {
-  const m = (e) => {
-    switch (e) {
-      case 1:
-        return "grid grid-cols-1 gap-3";
-      case 2:
-        return "grid grid-cols-1 sm:grid-cols-2 gap-3";
-      case 3:
-        return "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3";
-      case 4:
-        return "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3";
-      default:
-        return "grid grid-cols-1 gap-3";
-    }
-  };
-  return /* @__PURE__ */ r.createElement("div", null, g ? /* @__PURE__ */ r.createElement("div", { className: m(s) }, t.map((e, a) => /* @__PURE__ */ r.createElement(r.Fragment, { key: a }, l(e, a)))) : /* @__PURE__ */ r.createElement(
-    o,
+  const v = x[n] || e;
+  return /* @__PURE__ */ t.createElement(
+    G,
     {
-      items: t,
-      renderItem: (e, a) => l(e, a),
-      columns: s,
-      hideControlsOnDesktop: d,
-      variant: i
-    }
-  ), c && /* @__PURE__ */ r.createElement("div", { className: "mt-6" }, /* @__PURE__ */ r.createElement(n, { variant: "small-body", as: "div" }, c)));
-};
+      title: r,
+      sectionId: o,
+      desc: a,
+      variant: p,
+      corners: s,
+      withoutTopPadding: f,
+      withTopMargin: i,
+      withBottomMargin: d,
+      withoutBottomPadding: c
+    },
+    /* @__PURE__ */ t.createElement(
+      P,
+      {
+        items: m,
+        columns: l,
+        hideControlsOnDesktop: u,
+        withoutCarousel: C,
+        renderItem: (A, E) => /* @__PURE__ */ t.createElement(v, { key: E, ...A }),
+        footnote: g
+      }
+    )
+  );
+}, B = y;
 export {
-  E as default
+  B as default
 };
 //# sourceMappingURL=index.es40.js.map

package/dist/index.es40.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es40.js","sources":["../src/components/GridIterator.tsx"],"sourcesContent":["import { CarouselWrapper } from '@/decorators/CarouselWrapper'\r\nimport React from 'react'\r\nimport Text from './core/typography/Text'\r\n\r\n// import { getAdapter } from '@/Adapters'\r\n\r\ninterface GridIteratorProps<T> {\r\n  items: T[]\r\n  renderItem: (item: T, index: number) => React.ReactNode\r\n  columns?: number\r\n  hideControlsOnDesktop?: boolean\r\n  withoutCarousel?: boolean\r\n  footnote?: string\r\n  variant?: 'default' | 'white'\r\n}\r\n\r\nconst GridIterator = <T,>({\r\n  items,\r\n  renderItem,\r\n  columns = 4,\r\n  hideControlsOnDesktop = false,\r\n  withoutCarousel = false, // TODO: add to props chain\r\n  footnote,\r\n  variant,\r\n}: GridIteratorProps<T>) => {\r\n  const getGridClasses = (columns: number) => {\r\n    switch (columns) {\r\n      case 1:\r\n        return 'grid grid-cols-1 gap-3'\r\n      case 2:\r\n        return 'grid grid-cols-1 sm:grid-cols-2 gap-3'\r\n      case 3:\r\n        return 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3'\r\n      case 4:\r\n        return 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3'\r\n      default:\r\n        return 'grid grid-cols-1 gap-3'\r\n    }\r\n  }\r\n  // const CarouselWrapper = getAdapter('CarouselWrapper')\r\n\r\n  return (\r\n    <div>\r\n      {withoutCarousel ? (\r\n        <div className={getGridClasses(columns)}>\r\n          {items.map((item, index) => (\r\n            <React.Fragment key={index}>\r\n              {renderItem(item, index)}\r\n            </React.Fragment>\r\n          ))}\r\n        </div>\r\n      ) : (\r\n        <CarouselWrapper\r\n          items={items}\r\n          // renderItem={renderItem}\r\n          renderItem={(item, index) => renderItem(item as T, index)}\r\n          columns={columns}\r\n          hideControlsOnDesktop={hideControlsOnDesktop}\r\n          variant={variant}\r\n        />\r\n      )}\r\n\r\n      {footnote && (\r\n        <div className=\"mt-6\">\r\n          <Text variant=\"small-body\" as=\"div\">\r\n            {footnote}\r\n          </Text>\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default GridIterator\r\n"],"names":["GridIterator","items","renderItem","columns","hideControlsOnDesktop","withoutCarousel","footnote","variant","getGridClasses","React","item","index","CarouselWrapper","Text"],"mappings":";;;AAgBA,MAAMA,IAAe,CAAK;AAAA,EACxB,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,uBAAAC,IAAwB;AAAA,EACxB,iBAAAC,IAAkB;AAAA;AAAA,EAClB,UAAAC;AAAA,EACA,SAAAC;AACF,MAA4B;AACpB,QAAAC,IAAiB,CAACL,MAAoB;AAC1C,YAAQA,GAAS;AAAA,MACf,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA;AAKA,SAAAM,gBAAAA,EAAA,cAAC,OACE,MAAAJ,IACEI,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWD,EAAeL,CAAO,EAAA,GACnCF,EAAM,IAAI,CAACS,GAAMC,MACfF,gBAAAA,EAAA,cAAAA,EAAM,UAAN,EAAe,KAAKE,EAAA,GAClBT,EAAWQ,GAAMC,CAAK,CACzB,CACD,CACH,IAEAF,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MAEA,YAAY,CAACS,GAAMC,MAAUT,EAAWQ,GAAWC,CAAK;AAAA,MACxD,SAAAR;AAAA,MACA,uBAAAC;AAAA,MACA,SAAAG;AAAA,IAAA;AAAA,EAAA,GAIHD,KACEG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,OACb,GAAAA,gBAAAA,EAAA,cAACI,GAAK,EAAA,SAAQ,cAAa,IAAG,SAC3BP,CACH,CACF,CAEJ;AAEJ;"}
+{"version":3,"file":"index.es40.js","sources":["../src/sections/CardsGridSection.tsx"],"sourcesContent":["import Section, { SectionProps } from './Section'\r\n\r\nimport Advantage from '@/components/cards/Advantage'\r\nimport Advantage2 from '@/components/cards/Advantage2'\r\nimport FeaturedCard from '@/components/cards/FeaturedCard'\r\nimport GridIterator from '@/components/GridIterator'\r\nimport Plate from '@/components/cards/Plate'\r\nimport Product from '@/components/cards/Product'\r\nimport Rate from '@/components/cards/Rate'\r\nimport React from 'react'\r\n\r\n// Map component names to actual components\r\nconst componentMap: { [key: string]: React.ElementType } = {\r\n  Advantage,\r\n  Advantage2,\r\n  Rate,\r\n  Product,\r\n  FeaturedCard,\r\n  Plate,\r\n}\r\n\r\ninterface CardsGridSectionProps<T> {\r\n  title: string\r\n  sectionId?: string\r\n  desc?: string\r\n  items: T[]\r\n  component?: string\r\n  withoutTopPadding?: boolean\r\n  withoutBottomPadding?: boolean\r\n  withTopMargin?: boolean\r\n  withBottomMargin?: boolean\r\n  variant?: SectionProps['variant']\r\n  corners?: SectionProps['corners']\r\n  columns?: number\r\n  hideControlsOnDesktop?: boolean\r\n  withoutCarousel?: boolean\r\n  footnote?: string\r\n}\r\n\r\nconst CardsGridSection = <T,>({\r\n  title,\r\n  sectionId,\r\n  desc,\r\n  items,\r\n  component = 'Advantage',\r\n  withoutTopPadding = false,\r\n  withTopMargin = false,\r\n  withBottomMargin = false,\r\n  withoutBottomPadding = false,\r\n  variant,\r\n  corners,\r\n  columns,\r\n  hideControlsOnDesktop,\r\n  withoutCarousel,\r\n  footnote,\r\n}: CardsGridSectionProps<T>) => {\r\n  const Component = componentMap[component] || Advantage\r\n\r\n  return (\r\n    <Section\r\n      title={title}\r\n      sectionId={sectionId}\r\n      desc={desc}\r\n      variant={variant}\r\n      corners={corners}\r\n      withoutTopPadding={withoutTopPadding}\r\n      withTopMargin={withTopMargin}\r\n      withBottomMargin={withBottomMargin}\r\n      withoutBottomPadding={withoutBottomPadding}\r\n    >\r\n      <GridIterator\r\n        items={items}\r\n        columns={columns}\r\n        hideControlsOnDesktop={hideControlsOnDesktop}\r\n        withoutCarousel={withoutCarousel}\r\n        renderItem={(item, index) => <Component key={index} {...item} />}\r\n        footnote={footnote}\r\n      />\r\n    </Section>\r\n  )\r\n}\r\n\r\nexport default CardsGridSection\r\n"],"names":["componentMap","Advantage","Advantage2","Rate","Product","FeaturedCard","Plate","CardsGridSection","title","sectionId","desc","items","component","withoutTopPadding","withTopMargin","withBottomMargin","withoutBottomPadding","variant","corners","columns","hideControlsOnDesktop","withoutCarousel","footnote","Component","React","Section","GridIterator","item","index","CardsGridSection$1"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAqD;AAAA,EACzD,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AACF,GAoBMC,IAAmB,CAAK;AAAA,EAC5B,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,sBAAAC,IAAuB;AAAA,EACvB,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AACF,MAAgC;AACxB,QAAAC,IAAYvB,EAAaY,CAAS,KAAKX;AAG3C,SAAAuB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAjB;AAAA,MACA,WAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SAAAO;AAAA,MACA,SAAAC;AAAA,MACA,mBAAAL;AAAA,MACA,eAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,sBAAAC;AAAA,IAAA;AAAA,IAEAQ,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,SAAAQ;AAAA,QACA,uBAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,YAAY,CAACM,GAAMC,sCAAWL,GAAU,EAAA,KAAKK,GAAQ,GAAGD,EAAM,CAAA;AAAA,QAC9D,UAAAL;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GAEAO,IAAetB;"}

package/dist/index.es41.js

@@ -1,59 +1,23 @@
-import { cva as n } from "class-variance-authority";
-import p from "./index.es6.js";
-import f from "./index.es26.js";
-import e from "react";
-import d from "./index.es17.js";
-import h from "./index.es27.js";
-import { cn as a } from "./index.es31.js";
-import { getAdapter as u } from "./index.es9.js";
-const l = n("rounded-lg p-6 min-h-[190px] h-full", {
-  variants: {
-    variant: {
-      default: "bg-white",
-      sapphire: "bg-sapphire text-whitish"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), v = n("", {
-  variants: {
-    variant: {
-      default: "text-navy-opacity-60",
-      sapphire: "text-whitish-opacity-60"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), R = ({
-  title: s,
-  desc: m,
-  variant: t,
-  link: r,
-  detailsText: i
-}) => {
-  const o = /* @__PURE__ */ e.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ e.createElement(f, { level: 4, as: "div" }, s), /* @__PURE__ */ e.createElement(h, { className: a(v({ variant: t })), as: "div" }, /* @__PURE__ */ e.createElement(d, { html: m }))), c = u("LinkWrapper");
-  return r ? /* @__PURE__ */ e.createElement(
-    c,
-    {
-      href: r,
-      className: a(
-        l({ variant: t }),
-        "transition-all bottom-0 hover:bottom-1 transform duration-300 relative hover:scale1-[1.005]"
-      )
-    },
-    /* @__PURE__ */ e.createElement("div", { className: "flex flex-col justify-between h-full items-start" }, o, i && /* @__PURE__ */ e.createElement(
-      p,
+import c, { forwardRef as f } from "react";
+import { typeVariants as p } from "./index.es55.js";
+const e = f(
+  ({ level: a, as: n, className: t = "", children: r, id: o, ...i }, s) => {
+    const d = n || `h${a}`, m = p({ variant: `h${a}` });
+    return /* @__PURE__ */ c.createElement(
+      d,
       {
-        icon: "arrowRight",
-        variant: t == "sapphire" ? "white" : "default"
+        ref: s,
+        id: o,
+        className: `${m}${t ? ` ${t}` : ""}`,
+        ...i
       },
-      i || "Подробнее"
-    ))
-  ) : /* @__PURE__ */ e.createElement("div", { className: a(l({ variant: t })) }, o);
-};
+      r
+    );
+  }
+);
+e.displayName = "Heading";
+const l = e;
 export {
-  R as default
+  l as default
 };
 //# sourceMappingURL=index.es41.js.map

package/dist/index.es41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es41.js","sources":["../src/components/cards/Plate.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority'\r\n\r\nimport { ButtonText } from '../ui/button'\r\nimport Heading from '../core/typography/Heading'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst plateCardVariants = cva('rounded-lg p-6 min-h-[190px] h-full', {\r\n  variants: {\r\n    variant: {\r\n      default: 'bg-white',\r\n      sapphire: 'bg-sapphire text-whitish',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n  },\r\n})\r\n\r\nconst descVariants = cva('', {\r\n  variants: {\r\n    variant: {\r\n      default: 'text-navy-opacity-60',\r\n      sapphire: 'text-whitish-opacity-60',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n  },\r\n})\r\n\r\nexport interface PlateCardProps extends VariantProps<typeof plateCardVariants> {\r\n  title: string\r\n  desc: string\r\n  link?: string\r\n  detailsText?: string\r\n}\r\n\r\nconst PlateCard: React.FC<PlateCardProps> = ({\r\n  title,\r\n  desc,\r\n  variant,\r\n  link,\r\n  detailsText,\r\n}) => {\r\n  const content = (\r\n    <div className=\"space-y-2\">\r\n      <Heading level={4} as=\"div\">\r\n        {title}\r\n      </Heading>\r\n      <Text className={cn(descVariants({ variant }))} as={'div'}>\r\n        <SafeHtmlRenderer html={desc} />\r\n      </Text>\r\n    </div>\r\n  )\r\n\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n  return link ? (\r\n    <LinkWrapper\r\n      href={link}\r\n      className={cn(\r\n        plateCardVariants({ variant }),\r\n        'transition-all bottom-0 hover:bottom-1 transform duration-300 relative hover:scale1-[1.005]'\r\n      )}\r\n    >\r\n      <div className=\"flex flex-col justify-between h-full items-start\">\r\n        {content}\r\n        {detailsText && (\r\n          <ButtonText\r\n            icon=\"arrowRight\"\r\n            variant={variant == 'sapphire' ? 'white' : 'default'}\r\n          >\r\n            {detailsText || 'Подробнее'}\r\n          </ButtonText>\r\n        )}\r\n      </div>\r\n    </LinkWrapper>\r\n  ) : (\r\n    <div className={cn(plateCardVariants({ variant }))}>{content}</div>\r\n  )\r\n}\r\n\r\nexport default PlateCard\r\n"],"names":["plateCardVariants","cva","descVariants","PlateCard","title","desc","variant","link","detailsText","content","React","Heading","Text","cn","SafeHtmlRenderer","LinkWrapper","getAdapter","ButtonText"],"mappings":";;;;;;;;AAUA,MAAMA,IAAoBC,EAAI,uCAAuC;AAAA,EACnE,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEKC,IAAeD,EAAI,IAAI;AAAA,EAC3B,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GASKE,IAAsC,CAAC;AAAA,EAC3C,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IACJC,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,YACb,GAAAA,gBAAAA,EAAA,cAACC,GAAQ,EAAA,OAAO,GAAG,IAAG,MACnB,GAAAP,CACH,GACCM,gBAAAA,EAAA,cAAAE,GAAA,EAAK,WAAWC,EAAGX,EAAa,EAAE,SAAAI,EAAQ,CAAC,CAAC,GAAG,IAAI,MAAA,GACjDI,gBAAAA,EAAA,cAAAI,GAAA,EAAiB,MAAMT,EAAA,CAAM,CAChC,CACF,GAGIU,IAAcC,EAAW,aAAa;AAE5C,SAAOT,IACLG,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,MAAMR;AAAA,MACN,WAAWM;AAAA,QACTb,EAAkB,EAAE,SAAAM,GAAS;AAAA,QAC7B;AAAA,MACF;AAAA,IAAA;AAAA,IAECI,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,mDAAA,GACZD,GACAD,KACCE,gBAAAA,EAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASX,KAAW,aAAa,UAAU;AAAA,MAAA;AAAA,MAE1CE,KAAe;AAAA,IAAA,CAGtB;AAAA,EACF,IAECE,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWG,EAAGb,EAAkB,EAAE,SAAAM,EAAS,CAAA,CAAC,EAAA,GAAIG,CAAQ;AAEjE;"}
+{"version":3,"file":"index.es41.js","sources":["../src/components/core/typography/Heading.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, forwardRef } from \"react\";\r\n\r\nimport { typeVariants } from \"./typeVariants\";\r\n\r\ninterface HeadingProps {\r\n  level: 1 | 2 | 3 | 4 | 5 | 6;\r\n  as?: ElementType;\r\n  className?: string;\r\n  children: ReactNode;\r\n  id?: string;\r\n}\r\n\r\nconst Heading = forwardRef<HTMLHeadingElement, HeadingProps>(\r\n  ({ level, as, className = \"\", children, id, ...props }, ref) => {\r\n    const Component = as || `h${level}`;\r\n    const variantClass = typeVariants({ variant: `h${level}` });\r\n\r\n    return (\r\n      <Component\r\n        ref={ref}\r\n        id={id}\r\n        className={`${variantClass}${className ? ` ${className}` : \"\"}`}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </Component>\r\n    );\r\n  }\r\n);\r\n\r\nHeading.displayName = \"Heading\";\r\n\r\nexport default Heading;\r\n"],"names":["Heading","forwardRef","level","as","className","children","id","props","ref","Component","variantClass","typeVariants","React","Heading$1"],"mappings":";;AAYA,MAAMA,IAAUC;AAAA,EACd,CAAC,EAAE,OAAAC,GAAO,IAAAC,GAAI,WAAAC,IAAY,IAAI,UAAAC,GAAU,IAAAC,GAAI,GAAGC,EAAM,GAAGC,MAAQ;AACxD,UAAAC,IAAYN,KAAM,IAAID,CAAK,IAC3BQ,IAAeC,EAAa,EAAE,SAAS,IAAIT,CAAK,IAAI;AAGxD,WAAAU,gBAAAA,EAAA;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,IAAAF;AAAA,QACA,WAAW,GAAGI,CAAY,GAAGN,IAAY,IAAIA,CAAS,KAAK,EAAE;AAAA,QAC5D,GAAGG;AAAA,MAAA;AAAA,MAEHF;AAAA,IAAA;AAAA,EAGP;AACF;AAEAL,EAAQ,cAAc;AAEtB,MAAAa,IAAeb;"}

package/dist/index.es42.js

@@ -1,95 +1,22 @@
-import { cva as d } from "class-variance-authority";
-import s from "./index.es6.js";
-import y from "./index.es26.js";
-import e from "react";
-import g from "./index.es27.js";
-import { cn as n } from "./index.es31.js";
-import { getAdapter as m } from "./index.es9.js";
-const x = d(
-  "group p-6 rounded-lg min-h-[300px] flex flex-col justify-between gap-12 items-start relative hover:scale1-[1.005] h-full",
-  {
-    variants: {
-      variant: {
-        default: "text-navy bg-whitish hover1:bg-navy-opacity-4 hover1:text-navy",
-        // navy: "text-whitish bg-gradient-to-b from-navy to-sapphire hover:from-sapphire hover:to-navy",
-        navy: "text-whitish primary-gradient"
-      },
-      size: {
-        1: "sm:col-span-1",
-        2: "sm:col-span-2"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: 1
-    }
-  }
-), E = d("", {
-  variants: {
-    variant: {
-      default: "text-navy-opacity-60",
-      navy: "text-whitish-opacity-60"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), _ = ({
-  title: o,
-  desc: p,
-  icon: f,
-  link: i,
-  variant: t,
-  size: c,
-  buttons: r
-}) => {
-  const v = m("LinkWrapper"), h = m("ImageWrapper");
-  let l = /* @__PURE__ */ e.createElement("div", { className: n(x({ variant: t, size: c }), "h-full") }, /* @__PURE__ */ e.createElement("div", { className: "rounded-lg p-4 bg-turquoise-opacity-20" }, /* @__PURE__ */ e.createElement(
-    h,
-    {
-      src: f,
-      alt: `Изображение для ${o}`,
-      width: 32,
-      height: 32,
-      className: "object-contain"
-    }
-  )), /* @__PURE__ */ e.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ e.createElement(y, { level: 5, className: "mt-4 mb-2" }, o), /* @__PURE__ */ e.createElement(g, { variant: "small-body", className: n(E({ variant: t })) }, p)), !(r && r.length) && /* @__PURE__ */ e.createElement(
-    s,
-    {
-      icon: "arrowRight",
-      variant: t === "navy" ? "white" : "default"
-    },
-    "Подробнее"
-  ), r && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-3" }, r?.map((a, u) => /* @__PURE__ */ e.createElement("div", { key: u }, /* @__PURE__ */ e.createElement(
-    s,
-    {
-      variant: t === "navy" ? "white" : "default",
-      icon: a.icon,
-      asChild: !0
-    },
-    /* @__PURE__ */ e.createElement(
-      "a",
+import c, { forwardRef as f } from "react";
+import { typeVariants as d } from "./index.es55.js";
+const e = f(
+  ({ variant: a = "body", as: o, className: t = "", children: r, ...n }, s) => {
+    const m = o || "p", p = d({ variant: a });
+    return /* @__PURE__ */ c.createElement(
+      m,
       {
-        href: a.href,
-        target: a.target || "_self",
-        download: a.download
+        ref: s,
+        className: `${p}${t ? ` ${t}` : ""}`,
+        ...n
       },
-      a.text
-    )
-  )))));
-  return i && (l = /* @__PURE__ */ e.createElement(
-    v,
-    {
-      href: i,
-      className: n(
-        "block h-full relative transition-all bottom-0 hover:bottom-2 transform duration-300 border border-transparent rounded-lg hover1:border-navy-opacity-16",
-        c === 2 ? "sm:col-span-2" : "sm:col-span-1"
-      )
-    },
-    l
-  )), l;
-};
+      r
+    );
+  }
+);
+e.displayName = "Text";
+const x = e;
 export {
-  _ as default
+  x as default
 };
 //# sourceMappingURL=index.es42.js.map

package/dist/index.es42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es42.js","sources":["../src/components/cards/Product.tsx"],"sourcesContent":["import {\r\n  ButtonTextIconName,\r\n  ButtonTextPropsWithoutHTMLAttributes,\r\n} from '../ui/button/ButtonText'\r\nimport { VariantProps, cva } from 'class-variance-authority'\r\n\r\nimport { ButtonText } from '../ui/button'\r\nimport Heading from '../core/typography/Heading'\r\nimport React from 'react'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst productCardVariants = cva(\r\n  'group p-6 rounded-lg min-h-[300px] flex flex-col justify-between gap-12 items-start relative hover:scale1-[1.005] h-full',\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default:\r\n          'text-navy bg-whitish hover1:bg-navy-opacity-4 hover1:text-navy',\r\n        // navy: \"text-whitish bg-gradient-to-b from-navy to-sapphire hover:from-sapphire hover:to-navy\",\r\n        navy: 'text-whitish primary-gradient',\r\n      },\r\n      size: {\r\n        1: 'sm:col-span-1',\r\n        2: 'sm:col-span-2',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: 'default',\r\n      size: 1,\r\n    },\r\n  }\r\n)\r\n\r\nconst descVariants = cva('', {\r\n  variants: {\r\n    variant: {\r\n      default: 'text-navy-opacity-60',\r\n      navy: 'text-whitish-opacity-60',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n  },\r\n})\r\n\r\nexport interface ProductCardButtonProps\r\n  extends ButtonTextPropsWithoutHTMLAttributes {\r\n  href?: string\r\n  target?: '_blank' | '_self'\r\n  icon?: ButtonTextIconName\r\n  download?: boolean\r\n}\r\n\r\nexport interface ProductCardProps\r\n  extends React.HTMLAttributes<HTMLAnchorElement>,\r\n    VariantProps<typeof productCardVariants> {\r\n  title: string\r\n  desc: string\r\n  icon: string\r\n  link?: string\r\n  size?: 1 | 2\r\n  buttons?: ProductCardButtonProps[]\r\n}\r\n\r\nexport interface ProductCardPropsWithoutHtmlAttributes\r\n  extends Omit<ProductCardProps, keyof React.HTMLAttributes<HTMLDivElement>> {\r\n  title: string\r\n}\r\n\r\nconst ProductCard: React.FC<ProductCardProps> = ({\r\n  title,\r\n  desc,\r\n  icon,\r\n  link,\r\n  variant,\r\n  size,\r\n  buttons,\r\n}) => {\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  let component = (\r\n    <div className={cn(productCardVariants({ variant, size }), 'h-full')}>\r\n      <div className=\"rounded-lg p-4 bg-turquoise-opacity-20\">\r\n        <ImageWrapper\r\n          src={icon}\r\n          alt={`Изображение для ${title}`}\r\n          width={32}\r\n          height={32}\r\n          className=\"object-contain\"\r\n        />\r\n      </div>\r\n      <div className=\"space-y-2\">\r\n        <Heading level={5} className=\"mt-4 mb-2\">\r\n          {title}\r\n        </Heading>\r\n        <Text variant=\"small-body\" className={cn(descVariants({ variant }))}>\r\n          {desc}\r\n        </Text>\r\n      </div>\r\n      {/* TODO: here is the button, should be a link */}\r\n\r\n      {!(buttons && buttons.length) && (\r\n        <ButtonText\r\n          icon=\"arrowRight\"\r\n          variant={variant === 'navy' ? 'white' : 'default'}\r\n        >\r\n          Подробнее\r\n        </ButtonText>\r\n      )}\r\n\r\n      {buttons && (\r\n        <div className=\"flex space-x-3\">\r\n          {buttons?.map((button, index) => (\r\n            <div key={index}>\r\n              <ButtonText\r\n                variant={variant === 'navy' ? 'white' : 'default'}\r\n                icon={button.icon}\r\n                asChild\r\n              >\r\n                <a\r\n                  href={button.href}\r\n                  target={button.target || '_self'}\r\n                  download={button.download}\r\n                >\r\n                  {button.text}\r\n                </a>\r\n              </ButtonText>\r\n              {/* <ButtonSecondary asChild variant={\"outline\"}>\r\n                <a href={button.href} target={button.target}>\r\n                  {button.text}\r\n                </a>\r\n              </ButtonSecondary> */}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n\r\n  if (link) {\r\n    component = (\r\n      <LinkWrapper\r\n        href={link}\r\n        className={cn(\r\n          'block h-full relative transition-all bottom-0 hover:bottom-2 transform duration-300 border border-transparent rounded-lg hover1:border-navy-opacity-16',\r\n          size === 2 ? 'sm:col-span-2' : 'sm:col-span-1'\r\n        )}\r\n      >\r\n        {component}\r\n      </LinkWrapper>\r\n    )\r\n  }\r\n\r\n  return component\r\n}\r\n\r\nexport default ProductCard\r\n"],"names":["productCardVariants","cva","descVariants","ProductCard","title","desc","icon","link","variant","size","buttons","LinkWrapper","getAdapter","ImageWrapper","component","React","cn","Heading","Text","ButtonText","button","index"],"mappings":";;;;;;;AAaA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA;AAAA,QAEF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEMC,IAAeD,EAAI,IAAI;AAAA,EAC3B,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GA0BKE,IAA0C,CAAC;AAAA,EAC/C,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACE,QAAAC,IAAcC,EAAW,aAAa,GACtCC,IAAeD,EAAW,cAAc;AAE9C,MAAIE,IACDC,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWC,EAAGhB,EAAoB,EAAE,SAAAQ,GAAS,MAAAC,EAAM,CAAA,GAAG,QAAQ,KAChEM,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,4CACbA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAAA,CAEd,GACCW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,YACb,GAAAA,gBAAAA,EAAA,cAACE,GAAQ,EAAA,OAAO,GAAG,WAAU,YAC1B,GAAAb,CACH,GACCW,gBAAAA,EAAA,cAAAG,GAAA,EAAK,SAAQ,cAAa,WAAWF,EAAGd,EAAa,EAAE,SAAAM,EAAS,CAAA,CAAC,EAC/D,GAAAH,CACH,CACF,GAGC,EAAEK,KAAWA,EAAQ,WACpBK,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASX,MAAY,SAAS,UAAU;AAAA,IAAA;AAAA,IACzC;AAAA,EAAA,GAKFE,KACEK,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,oBACZL,GAAS,IAAI,CAACU,GAAQC,MACpBN,gBAAAA,EAAA,cAAA,OAAA,EAAI,KAAKM,KACRN,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAASX,MAAY,SAAS,UAAU;AAAA,MACxC,MAAMY,EAAO;AAAA,MACb,SAAO;AAAA,IAAA;AAAA,IAEPL,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMK,EAAO;AAAA,QACb,QAAQA,EAAO,UAAU;AAAA,QACzB,UAAUA,EAAO;AAAA,MAAA;AAAA,MAEhBA,EAAO;AAAA,IACV;AAAA,EAAA,CAOJ,CACD,CACH,CAEJ;AAGF,SAAIb,MAEAO,IAAAC,gBAAAA,EAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,MAAMJ;AAAA,MACN,WAAWS;AAAA,QACT;AAAA,QACAP,MAAS,IAAI,kBAAkB;AAAA,MACjC;AAAA,IAAA;AAAA,IAECK;AAAA,EAAA,IAKAA;AACT;"}
+{"version":3,"file":"index.es42.js","sources":["../src/components/core/typography/Text.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, forwardRef } from \"react\";\r\n\r\nimport { typeVariants } from \"./typeVariants\";\r\n\r\ninterface TextProps {\r\n  variant?:\r\n    | \"factoid\"\r\n    | \"subtitle-1\"\r\n    | \"subtitle-2\"\r\n    | \"overline\"\r\n    | \"lead-text\"\r\n    | \"body\"\r\n    | \"small-body\"\r\n    | \"caption\"\r\n    | \"button\"\r\n    | \"link\";\r\n  as?: ElementType;\r\n  className?: string;\r\n  children: ReactNode;\r\n}\r\n\r\nconst Text = forwardRef<HTMLParagraphElement, TextProps>(\r\n  ({ variant = \"body\", as, className = \"\", children, ...props }, ref) => {\r\n    const Component = as || \"p\";\r\n    const variantClass = typeVariants({ variant });\r\n\r\n    return (\r\n      <Component\r\n        ref={ref}\r\n        className={`${variantClass}${className ? ` ${className}` : \"\"}`}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </Component>\r\n    );\r\n  }\r\n);\r\n\r\nText.displayName = \"Text\";\r\n\r\nexport default Text;\r\n"],"names":["Text","forwardRef","variant","as","className","children","props","ref","Component","variantClass","typeVariants","React","Text$1"],"mappings":";;AAqBA,MAAMA,IAAOC;AAAA,EACX,CAAC,EAAE,SAAAC,IAAU,QAAQ,IAAAC,GAAI,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAAQ;AACrE,UAAMC,IAAYL,KAAM,KAClBM,IAAeC,EAAa,EAAE,SAAAR,EAAS,CAAA;AAG3C,WAAAS,gBAAAA,EAAA;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,WAAW,GAAGE,CAAY,GAAGL,IAAY,IAAIA,CAAS,KAAK,EAAE;AAAA,QAC5D,GAAGE;AAAA,MAAA;AAAA,MAEHD;AAAA,IAAA;AAAA,EAGP;AACF;AAEAL,EAAK,cAAc;AAEnB,MAAAY,IAAeZ;"}