@iit/precision-ui 0.7.0 → 0.7.2

package/dist/index.es34.js

@@ -1,48 +1,101 @@
-import t from "react";
-import { cva as s } from "class-variance-authority";
-import { cn as o } from "./index.es49.js";
-import { getAdapter as u } from "./index.es9.js";
-const n = s(
-  "inline-flex items-center rounded-sm pt-[9px] pb-[4px] px-[13px] typo_variant_caption cursor-pointer duration-200 backdrop-blur-[8px]",
+import e from "react";
+import { cva as o } from "class-variance-authority";
+import { cn as s } from "./index.es52.js";
+import f from "./index.es44.js";
+import d from "./index.es45.js";
+import E from "./index.es5.js";
+import x from "./index.es8.js";
+import { Tag as g } from "./index.es22.js";
+import N from "./index.es19.js";
+import { getAdapter as b } from "./index.es9.js";
+import w from "./index.es18.js";
+const k = o(
+  "group p-6 rounded-lg min-h-[360px] flex flex-col justify-between h-full",
   {
     variants: {
       variant: {
-        default: "bg-navy-opacity-4 text-navy hover:bg-navy hover:text-white",
-        turquoise: "bg-turquoise-opacity-16 text-turquoise hover:bg-turquoise hover:text-white",
-        white: "bg-white text-navy hover:bg-whitish-opacity-32 hover:text-white",
-        lightWhite: "bg-whitish-opacity-8 text-white hover:bg-whitish hover:text-navy"
+        default: "text-navy bg-whitish hover1:bg-navy-opacity-4 hover1:text-navy",
+        navy: "text-whitish bg-gradient-to-b from-navy to-sapphire hover1:from-sapphire hover1:to-navy"
       }
     },
     defaultVariants: {
       variant: "default"
     }
   }
-), m = ({
-  className: e,
-  variant: r,
-  href: a,
-  target: p,
-  ...i
-}) => {
-  const h = u("LinkWrapper");
-  return p === "_blank" ? /* @__PURE__ */ t.createElement(
-    "a",
-    {
-      href: a,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: o(n({ variant: r, className: e })),
-      ...i
+), V = o("w-full h-[1px]", {
+  variants: {
+    variant: {
+      default: "bg-grey-3",
+      navy: "bg-whitish-opacity-16"
     }
-  ) : /* @__PURE__ */ t.createElement(h, { href: a, passHref: !0 }, /* @__PURE__ */ t.createElement(
-    "span",
-    {
-      className: o(n({ variant: r, className: e })),
-      ...i
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), R = o("", {
+  variants: {
+    variant: {
+      default: "text-navy-opacity-60",
+      navy: "text-whitish-opacity-60"
     }
-  ));
-};
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), B = ({
+  variant: a,
+  title: l,
+  link: r,
+  onClick: n
+}) => {
+  const m = b("LinkWrapper"), i = /* @__PURE__ */ e.createElement(E, { variant: a, onClick: n }, l || "Подробнее");
+  return r ? /* @__PURE__ */ e.createElement(m, { href: r }, i) : i;
+}, C = ({
+  variant: a,
+  className: l,
+  title: r,
+  oldPrice: n,
+  price: m,
+  desc: i,
+  link: y,
+  onClickBuyButton: u,
+  buttons: h,
+  tags: v,
+  titleInformer: p
+}) => /* @__PURE__ */ e.createElement("div", { className: s(k({ variant: a, className: l })) }, /* @__PURE__ */ e.createElement("div", null, v && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2 mb-6" }, v.map((t, c) => /* @__PURE__ */ e.createElement(g, { key: c, variant: t.color }, t.title))), /* @__PURE__ */ e.createElement("div", { className: "space-y-12 mb-6" }, /* @__PURE__ */ e.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2 items-center relative" }, /* @__PURE__ */ e.createElement(
+  x,
+  {
+    href: y,
+    variant: a === "navy" ? "white" : "navy"
+  },
+  /* @__PURE__ */ e.createElement(f, { level: 4, as: "span" }, r)
+), p && /* @__PURE__ */ e.createElement(w, { content: p })), /* @__PURE__ */ e.createElement("div", { className: "flex space-x-4 items-baseline" }, n && /* @__PURE__ */ e.createElement(
+  d,
+  {
+    variant: "caption",
+    className: "text-navy-opacity-40 line-through"
+  },
+  n
+), /* @__PURE__ */ e.createElement(f, { level: 5, as: "div" }, m))), /* @__PURE__ */ e.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ e.createElement("div", { className: s(V({ variant: a })) }), /* @__PURE__ */ e.createElement(
+  d,
+  {
+    variant: "small-body",
+    as: "div",
+    className: s(R({ variant: a }), "content")
+  },
+  /* @__PURE__ */ e.createElement(N, { html: i })
+)))), /* @__PURE__ */ e.createElement("div", { className: "w-full gap-2 flex" }, h?.map((t, c) => /* @__PURE__ */ e.createElement(
+  B,
+  {
+    key: c,
+    variant: t.variant,
+    title: t.title,
+    link: t.link,
+    onClick: () => t.isBuyButton && u?.(r)
+  }
+)))), F = C;
 export {
-  m as TagLink
+  B as RateButton,
+  F as default
 };
 //# sourceMappingURL=index.es34.js.map

package/dist/index.es34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es34.js","sources":["../src/components/ui/TagLink.tsx"],"sourcesContent":["import React from 'react'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst tagLinkVariants = cva(\r\n  'inline-flex items-center rounded-sm pt-[9px] pb-[4px] px-[13px] typo_variant_caption cursor-pointer duration-200 backdrop-blur-[8px]',\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: 'bg-navy-opacity-4 text-navy hover:bg-navy hover:text-white',\r\n        turquoise:\r\n          'bg-turquoise-opacity-16 text-turquoise hover:bg-turquoise hover:text-white',\r\n        white:\r\n          'bg-white text-navy hover:bg-whitish-opacity-32 hover:text-white',\r\n        lightWhite:\r\n          'bg-whitish-opacity-8 text-white hover:bg-whitish hover:text-navy',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: 'default',\r\n    },\r\n  }\r\n)\r\n\r\nexport interface TagLinkProps\r\n  extends React.HTMLAttributes<HTMLAnchorElement>,\r\n    VariantProps<typeof tagLinkVariants> {\r\n  className?: string\r\n  href: string\r\n  target?: '_blank'\r\n}\r\n\r\nconst TagLink: React.FC<TagLinkProps> = ({\r\n  className,\r\n  variant,\r\n  href,\r\n  target,\r\n  ...props\r\n}) => {\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n  if (target === '_blank') {\r\n    return (\r\n      <a\r\n        href={href}\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        className={cn(tagLinkVariants({ variant, className }))}\r\n        {...props}\r\n      />\r\n    )\r\n  }\r\n\r\n  return (\r\n    <LinkWrapper href={href} passHref>\r\n      <span\r\n        className={cn(tagLinkVariants({ variant, className }))}\r\n        {...props}\r\n      />\r\n    </LinkWrapper>\r\n  )\r\n}\r\n\r\nexport { TagLink }\r\n"],"names":["tagLinkVariants","cva","TagLink","className","variant","href","target","props","LinkWrapper","getAdapter","React","cn"],"mappings":";;;;AAKA,MAAMA,IAAkBC;AAAA,EACtB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WACE;AAAA,QACF,OACE;AAAA,QACF,YACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAUMC,IAAkC,CAAC;AAAA,EACvC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAcC,EAAW,aAAa;AAE5C,SAAIH,MAAW,WAEXI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAL;AAAA,MACA,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAWM,EAAGX,EAAgB,EAAE,SAAAI,GAAS,WAAAD,EAAW,CAAA,CAAC;AAAA,MACpD,GAAGI;AAAA,IAAA;AAAA,EAAA,IAMPG,gBAAAA,EAAA,cAAAF,GAAA,EAAY,MAAAH,GAAY,UAAQ,MAC/BK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGX,EAAgB,EAAE,SAAAI,GAAS,WAAAD,EAAW,CAAA,CAAC;AAAA,MACpD,GAAGI;AAAA,IAAA;AAAA,EAAA,CAER;AAEJ;"}
+{"version":3,"file":"index.es34.js","sources":["../src/components/cards/Rate.tsx"],"sourcesContent":["import React from 'react'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport Heading from '../core/typography/Heading'\r\nimport Text from '../core/typography/Text'\r\nimport { ButtonSecondary } from '../ui/button'\r\nimport AppLink from '../ui/Link'\r\nimport { ButtonSecondaryProps } from '../ui/button/ButtonSecondary'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\n\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport { getAdapter } from '@/Adapters'\r\nimport Informer from '../Informer'\r\n\r\nconst rateCardVariants = cva(\r\n  'group p-6 rounded-lg min-h-[360px] flex flex-col justify-between 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 hover1:from-sapphire hover1:to-navy',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: 'default',\r\n    },\r\n  }\r\n)\r\n\r\nconst dividerVariants = cva('w-full h-[1px]', {\r\n  variants: {\r\n    variant: {\r\n      default: 'bg-grey-3',\r\n      navy: 'bg-whitish-opacity-16',\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      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 RateButtonProps {\r\n  variant?: ButtonSecondaryProps['variant']\r\n  title?: string\r\n  link?: string\r\n  isBuyButton?: boolean\r\n  onClick?: () => void\r\n}\r\n\r\nexport const RateButton: React.FC<RateButtonProps> = ({\r\n  variant,\r\n  title,\r\n  link,\r\n  onClick,\r\n}) => {\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n  const button = (\r\n    <ButtonSecondary variant={variant} onClick={onClick}>\r\n      {title || 'Подробнее'}\r\n    </ButtonSecondary>\r\n  )\r\n\r\n  if (link) {\r\n    return <LinkWrapper href={link}>{button}</LinkWrapper>\r\n  }\r\n\r\n  return button\r\n}\r\n\r\nexport interface RateCardProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof rateCardVariants> {\r\n  className?: string\r\n  title: string\r\n  oldPrice?: string\r\n  price: string\r\n  desc: string\r\n  link: string\r\n  onClickBuyButton?: (title: string) => void\r\n  buttons?: RateButtonProps[]\r\n  tags?: TagItemProps[]\r\n  titleInformer?: string\r\n}\r\n\r\nexport interface RateCardPropsWithoutHTMLAttributes\r\n  extends Omit<RateCardProps, keyof React.HTMLAttributes<HTMLDivElement>> {\r\n  className?: string\r\n  title: string\r\n}\r\n\r\nconst RateCard: React.FC<RateCardProps> = ({\r\n  variant,\r\n  className,\r\n  title,\r\n  oldPrice,\r\n  price,\r\n  desc,\r\n  link,\r\n  onClickBuyButton,\r\n  buttons,\r\n  tags,\r\n  titleInformer,\r\n}) => {\r\n  return (\r\n    <div className={cn(rateCardVariants({ variant, className }))}>\r\n      <div>\r\n        {tags && (\r\n          <div className=\"flex space-x-2 mb-6\">\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        <div className=\"space-y-12 mb-6\">\r\n          <div className=\"space-y-4\">\r\n            <div className=\"flex space-x-2 items-center relative\">\r\n              <AppLink\r\n                href={link}\r\n                variant={variant === 'navy' ? 'white' : 'navy'}\r\n              >\r\n                <Heading level={4} as={'span'}>\r\n                  {title}\r\n                </Heading>\r\n              </AppLink>\r\n              {titleInformer && <Informer content={titleInformer} />}\r\n            </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={5} as={'div'}>\r\n                {price}\r\n              </Heading>\r\n            </div>\r\n          </div>\r\n          <div className=\"space-y-4\">\r\n            <div className={cn(dividerVariants({ variant }))}></div>\r\n            <Text\r\n              variant=\"small-body\"\r\n              as=\"div\"\r\n              className={cn(descVariants({ variant }), 'content')}\r\n            >\r\n              <SafeHtmlRenderer html={desc} />\r\n            </Text>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"w-full gap-2 flex\">\r\n        {buttons?.map((button, index) => (\r\n          <RateButton\r\n            key={index}\r\n            variant={button.variant}\r\n            title={button.title}\r\n            link={button.link}\r\n            onClick={() => button.isBuyButton && onClickBuyButton?.(title)}\r\n          />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default RateCard\r\n"],"names":["rateCardVariants","cva","dividerVariants","descVariants","RateButton","variant","title","link","onClick","LinkWrapper","getAdapter","button","React","ButtonSecondary","RateCard","className","oldPrice","price","desc","onClickBuyButton","buttons","tags","titleInformer","cn","tag","index","Tag","AppLink","Heading","Informer","Text","SafeHtmlRenderer","Rate"],"mappings":"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"}

package/dist/index.es35.js

@@ -1,27 +1,16 @@
-import { Views20X20 as c, TimeToRead20X20 as o, Date20X20 as i } from "@iit/precision-ui-icons";
-import e from "react";
-import m from "./index.es42.js";
-const s = (t) => {
-  switch (t) {
-    case "date":
-      return /* @__PURE__ */ e.createElement(i, null);
-    case "timeToRead":
-      return /* @__PURE__ */ e.createElement(o, null);
-    case "views":
-      return /* @__PURE__ */ e.createElement(c, null);
-    default:
-      return null;
-  }
-}, p = ({
-  icon: t,
-  label: a,
-  className: r,
-  iconClassName: n
-}) => {
-  const l = s(t);
-  return /* @__PURE__ */ e.createElement("div", { className: `flex gap-1 text-navy-opacity-40 relative ${r}` }, /* @__PURE__ */ e.createElement("span", { className: `${n}` }, l), /* @__PURE__ */ e.createElement(m, { variant: "caption", as: "div", className: "relative top-[1px]" }, a));
-}, f = p;
+import { AccordionTrigger as e } from "./index.es49.js";
+import o from "react";
+const a = ({
+  children: r
+}) => /* @__PURE__ */ o.createElement(
+  e,
+  {
+    icons: "arrows",
+    className: "border-none flex-initial flex-row-reverse1 gap-2 [&[data-state=open]]:bg-whitish1 [&>.icon-wrapper>svg]:hover:bg-whitish [&[data-state=open]>.icon-wrapper>svg]:hover:bg-navy-opacity-81 [&>.icon-wrapper>svg]:rounded-3xl  11 bg-whitish p-2 pr-2 pl-8 rounded-full hover:bg-navy-opacity-4"
+  },
+  r
+), n = a;
 export {
-  f as default
+  n as default
 };
 //# sourceMappingURL=index.es35.js.map

package/dist/index.es35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es35.js","sources":["../src/components/ArticlePreviewTag.tsx"],"sourcesContent":["import { Date20X20, TimeToRead20X20, Views20X20 } from '@iit/precision-ui-icons'\r\n\r\nimport React from 'react'\r\nimport { ReactNode } from 'react'\r\nimport Text from './core/typography/Text'\r\n\r\ninterface ArticlePreviewTagProps {\r\n  icon: string\r\n  label: string\r\n  className?: string\r\n  iconClassName?: string\r\n}\r\n\r\nconst getIconComponent = (iconName: string): ReactNode => {\r\n  switch (iconName) {\r\n    case 'date':\r\n      return <Date20X20 />\r\n    case 'timeToRead':\r\n      return <TimeToRead20X20 />\r\n    case 'views':\r\n      return <Views20X20 />\r\n    default:\r\n      return null\r\n  }\r\n}\r\n\r\nconst ArticlePreviewTag: React.FC<ArticlePreviewTagProps> = ({\r\n  icon,\r\n  label,\r\n  className,\r\n  iconClassName,\r\n}) => {\r\n  const IconComponent = getIconComponent(icon)\r\n\r\n  return (\r\n    <div className={`flex gap-1 text-navy-opacity-40 relative ${className}`}>\r\n      <span className={`${iconClassName}`}>{IconComponent}</span>\r\n      <Text variant=\"caption\" as=\"div\" className=\"relative top-[1px]\">\r\n        {label}\r\n      </Text>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default ArticlePreviewTag\r\n"],"names":["getIconComponent","iconName","Date20X20","TimeToRead20X20","Views20X20","ArticlePreviewTag","icon","label","className","iconClassName","IconComponent","React","Text","ArticlePreviewTag$1"],"mappings":";;;AAaA,MAAMA,IAAmB,CAACC,MAAgC;AACxD,UAAQA,GAAU;AAAA,IAChB,KAAK;AACH,6CAAQC,GAAU,IAAA;AAAA,IACpB,KAAK;AACH,6CAAQC,GAAgB,IAAA;AAAA,IAC1B,KAAK;AACH,6CAAQC,GAAW,IAAA;AAAA,IACrB;AACS,aAAA;AAAA,EACX;AACF,GAEMC,IAAsD,CAAC;AAAA,EAC3D,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACE,QAAAC,IAAgBV,EAAiBM,CAAI;AAGzC,SAAAK,gBAAAA,EAAA,cAAC,SAAI,WAAW,4CAA4CH,CAAS,GACnE,GAAAG,gBAAAA,EAAA,cAAC,QAAK,EAAA,WAAW,GAAGF,CAAa,MAAKC,CAAc,GACnDC,gBAAAA,EAAA,cAAAC,GAAA,EAAK,SAAQ,WAAU,IAAG,OAAM,WAAU,qBACxC,GAAAL,CACH,CACF;AAEJ,GAEAM,IAAeR;"}
+{"version":3,"file":"index.es35.js","sources":["../src/components/pieces/ShowMoreAccordionTrigger.tsx"],"sourcesContent":["import { AccordionTrigger } from '../ui/accordion'\r\nimport React from 'react'\r\n\r\ninterface ShowMoreAccordionTriggerProps {\r\n  children: React.ReactNode\r\n}\r\n\r\nconst ShowMoreAccordionTrigger: React.FC<ShowMoreAccordionTriggerProps> = ({\r\n  children,\r\n}) => {\r\n  return (\r\n    <AccordionTrigger\r\n      icons=\"arrows\"\r\n      className=\"border-none flex-initial flex-row-reverse1 gap-2 [&[data-state=open]]:bg-whitish1 [&>.icon-wrapper>svg]:hover:bg-whitish [&[data-state=open]>.icon-wrapper>svg]:hover:bg-navy-opacity-81 [&>.icon-wrapper>svg]:rounded-3xl  11 bg-whitish p-2 pr-2 pl-8 rounded-full hover:bg-navy-opacity-4\"\r\n    >\r\n      {children}\r\n    </AccordionTrigger>\r\n  )\r\n}\r\n\r\nexport default ShowMoreAccordionTrigger\r\n"],"names":["ShowMoreAccordionTrigger","children","React","AccordionTrigger","ShowMoreAccordionTrigger$1"],"mappings":";;AAOA,MAAMA,IAAoE,CAAC;AAAA,EACzE,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,WAAU;AAAA,EAAA;AAAA,EAETF;AAAA,GAKPG,IAAeJ;"}

package/dist/index.es36.js

@@ -1,31 +1,48 @@
-import s from "./index.es41.js";
-import { HeroButton as i } from "./index.es37.js";
-import e from "react";
-import n from "./index.es17.js";
-import p from "./index.es42.js";
-import { getAdapter as d } from "./index.es9.js";
-const f = ({ title: t, desc: r, img: a, buttons: l }) => {
-  const m = d("ImageWrapper");
-  return /* @__PURE__ */ e.createElement("section", { className: "container" }, /* @__PURE__ */ e.createElement("div", { className: "mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative xl:min-h-[500px]" }, /* @__PURE__ */ e.createElement("div", { className: "space-y-12 relative z-10" }, /* @__PURE__ */ e.createElement("div", { className: "w-full grid grid-cols-1 lg:grid-cols-2" }, /* @__PURE__ */ e.createElement("div", null), /* @__PURE__ */ e.createElement("div", { className: "space-y-12 mb-24 mt-[128px] pr-8 lg:pr-8 xl:pr-28" }, /* @__PURE__ */ e.createElement("div", { className: " space-y-6" }, /* @__PURE__ */ e.createElement(s, { level: 2 }, t), /* @__PURE__ */ e.createElement(
-    p,
-    {
-      variant: "body",
-      className: "text-whitish-opacity-60",
-      as: "div"
+import t from "react";
+import { cva as s } from "class-variance-authority";
+import { cn as o } from "./index.es52.js";
+import { getAdapter as u } from "./index.es9.js";
+const n = s(
+  "inline-flex items-center rounded-sm pt-[9px] pb-[4px] px-[13px] typo_variant_caption cursor-pointer duration-200 backdrop-blur-[8px]",
+  {
+    variants: {
+      variant: {
+        default: "bg-navy-opacity-4 text-navy hover:bg-navy hover:text-white",
+        turquoise: "bg-turquoise-opacity-16 text-turquoise hover:bg-turquoise hover:text-white",
+        white: "bg-white text-navy hover:bg-whitish-opacity-32 hover:text-white",
+        lightWhite: "bg-whitish-opacity-8 text-white hover:bg-whitish hover:text-navy"
+      }
     },
-    /* @__PURE__ */ e.createElement(n, { html: r })
-  )), /* @__PURE__ */ e.createElement("div", { className: "flex space-x-4" }, l.map((c, o) => /* @__PURE__ */ e.createElement(i, { key: o, ...c })))))), a && /* @__PURE__ */ e.createElement("div", { className: "absolute bottom-0 left-0 z-0" }, /* @__PURE__ */ e.createElement(
-    m,
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), m = ({
+  className: e,
+  variant: r,
+  href: a,
+  target: p,
+  ...i
+}) => {
+  const h = u("LinkWrapper");
+  return p === "_blank" ? /* @__PURE__ */ t.createElement(
+    "a",
     {
-      src: a,
-      alt: t,
-      width: 654,
-      height: 570,
-      objectFit: "contain"
+      href: a,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: o(n({ variant: r, className: e })),
+      ...i
     }
-  ))));
-}, N = f;
+  ) : /* @__PURE__ */ t.createElement(h, { href: a, passHref: !0 }, /* @__PURE__ */ t.createElement(
+    "span",
+    {
+      className: o(n({ variant: r, className: e })),
+      ...i
+    }
+  ));
+};
 export {
-  N as default
+  m as TagLink
 };
 //# sourceMappingURL=index.es36.js.map

package/dist/index.es36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es36.js","sources":["../src/sections/CTA.tsx"],"sourcesContent":["import { CommonButtonProps } from './common'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport { HeroButton } from './Hero'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '@/components/SafeHtml'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface CTAProps {\r\n  title: string\r\n  desc: string\r\n  img: string\r\n  buttons: CommonButtonProps[]\r\n}\r\n\r\nconst CTA: React.FC<CTAProps> = ({ title, desc, img, buttons }) => {\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  return (\r\n    <section className=\"container\">\r\n      <div className=\"mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative xl:min-h-[500px]\">\r\n        <div className=\"space-y-12 relative z-10\">\r\n          <div className=\"w-full grid grid-cols-1 lg:grid-cols-2\">\r\n            <div></div>\r\n            <div className=\"space-y-12 mb-24 mt-[128px] pr-8 lg:pr-8 xl:pr-28\">\r\n              <div className=\" space-y-6\">\r\n                <Heading level={2}>{title}</Heading>\r\n                <Text\r\n                  variant=\"body\"\r\n                  className=\"text-whitish-opacity-60\"\r\n                  as=\"div\"\r\n                >\r\n                  <SafeHtmlRenderer html={desc} />\r\n                </Text>\r\n              </div>\r\n\r\n              <div className=\"flex space-x-4\">\r\n                {buttons.map((button, index) => (\r\n                  <HeroButton key={index} {...button} />\r\n                ))}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {img && (\r\n          <div className=\"absolute bottom-0 left-0 z-0\">\r\n            <ImageWrapper\r\n              src={img}\r\n              alt={title}\r\n              width={654}\r\n              height={570}\r\n              objectFit=\"contain\"\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default CTA\r\n"],"names":["CTA","title","desc","img","buttons","ImageWrapper","getAdapter","React","Heading","Text","SafeHtmlRenderer","button","index","HeroButton","CTA$1"],"mappings":";;;;;;AAeA,MAAMA,IAA0B,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,KAAAC,GAAK,SAAAC,QAAc;AAC3D,QAAAC,IAAeC,EAAW,cAAc;AAE9C,SACGC,gBAAAA,EAAA,cAAA,WAAA,EAAQ,WAAU,YAAA,mCAChB,OAAI,EAAA,WAAU,4HACbA,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,2BACb,GAAAA,gBAAAA,EAAA,cAAC,SAAI,WAAU,yCAAA,GACZA,gBAAAA,EAAA,cAAA,OAAA,IAAI,GACLA,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,uDACZA,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,aAAA,GACZA,gBAAAA,EAAA,cAAAC,GAAA,EAAQ,OAAO,EAAA,GAAIP,CAAM,GAC1BM,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,IAAG;AAAA,IAAA;AAAA,IAEHF,gBAAAA,EAAA,cAACG,GAAiB,EAAA,MAAMR,EAAM,CAAA;AAAA,EAAA,CAElC,GAEAK,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,iBACZ,GAAAH,EAAQ,IAAI,CAACO,GAAQC,MACnBL,gBAAAA,EAAA,cAAAM,GAAA,EAAW,KAAKD,GAAQ,GAAGD,EAAQ,CAAA,CACrC,CACH,CACF,CACF,CACF,GAECR,KACCI,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,+BACb,GAAAA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKF;AAAA,MACL,KAAKF;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAEd,CAAA,CAEJ,CACF;AAEJ,GAEAa,IAAed;"}
+{"version":3,"file":"index.es36.js","sources":["../src/components/ui/TagLink.tsx"],"sourcesContent":["import React from 'react'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst tagLinkVariants = cva(\r\n  'inline-flex items-center rounded-sm pt-[9px] pb-[4px] px-[13px] typo_variant_caption cursor-pointer duration-200 backdrop-blur-[8px]',\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: 'bg-navy-opacity-4 text-navy hover:bg-navy hover:text-white',\r\n        turquoise:\r\n          'bg-turquoise-opacity-16 text-turquoise hover:bg-turquoise hover:text-white',\r\n        white:\r\n          'bg-white text-navy hover:bg-whitish-opacity-32 hover:text-white',\r\n        lightWhite:\r\n          'bg-whitish-opacity-8 text-white hover:bg-whitish hover:text-navy',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: 'default',\r\n    },\r\n  }\r\n)\r\n\r\nexport interface TagLinkProps\r\n  extends React.HTMLAttributes<HTMLAnchorElement>,\r\n    VariantProps<typeof tagLinkVariants> {\r\n  className?: string\r\n  href: string\r\n  target?: '_blank'\r\n}\r\n\r\nconst TagLink: React.FC<TagLinkProps> = ({\r\n  className,\r\n  variant,\r\n  href,\r\n  target,\r\n  ...props\r\n}) => {\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n  if (target === '_blank') {\r\n    return (\r\n      <a\r\n        href={href}\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        className={cn(tagLinkVariants({ variant, className }))}\r\n        {...props}\r\n      />\r\n    )\r\n  }\r\n\r\n  return (\r\n    <LinkWrapper href={href} passHref>\r\n      <span\r\n        className={cn(tagLinkVariants({ variant, className }))}\r\n        {...props}\r\n      />\r\n    </LinkWrapper>\r\n  )\r\n}\r\n\r\nexport { TagLink }\r\n"],"names":["tagLinkVariants","cva","TagLink","className","variant","href","target","props","LinkWrapper","getAdapter","React","cn"],"mappings":";;;;AAKA,MAAMA,IAAkBC;AAAA,EACtB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WACE;AAAA,QACF,OACE;AAAA,QACF,YACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAUMC,IAAkC,CAAC;AAAA,EACvC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAcC,EAAW,aAAa;AAE5C,SAAIH,MAAW,WAEXI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAL;AAAA,MACA,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAWM,EAAGX,EAAgB,EAAE,SAAAI,GAAS,WAAAD,EAAW,CAAA,CAAC;AAAA,MACpD,GAAGI;AAAA,IAAA;AAAA,EAAA,IAMPG,gBAAAA,EAAA,cAAAF,GAAA,EAAY,MAAAH,GAAY,UAAQ,MAC/BK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGX,EAAgB,EAAE,SAAAI,GAAS,WAAAD,EAAW,CAAA,CAAC;AAAA,MACpD,GAAGI;AAAA,IAAA;AAAA,EAAA,CAER;AAEJ;"}

package/dist/index.es37.js

@@ -1,213 +1,27 @@
-import C from "./index.es48.js";
-import u from "./index.es4.js";
-import w from "./index.es41.js";
+import { Views20X20 as c, TimeToRead20X20 as o, Date20X20 as i } from "@iit/precision-ui-icons";
 import e from "react";
-import V from "./index.es17.js";
-import k from "./index.es53.js";
-import N from "./index.es42.js";
-import { cn as p } from "./index.es49.js";
-import { cva as f } from "class-variance-authority";
-import { getAdapter as H } from "./index.es9.js";
-const j = f("", {
-  variants: {
-    size: {
-      default: "sm:pb-32",
-      medium: "sm:pb-[116px]",
-      small: "sm:pb-10"
-    }
-  },
-  defaultVariants: {
-    size: "default"
-  }
-}), W = f("", {
-  variants: {
-    size: {
-      default: "sm:pb-[76px]",
-      medium: "sm:pb-6",
-      small: "sm:pb-6"
-    }
-  },
-  defaultVariants: {
-    size: "default"
-  }
-}), B = f("", {
-  variants: {
-    contentContainerSize: {
-      default: "mb-5 lg:max-w-[700px]",
-      medium: "lg:max-w-[590px]",
-      large: "lg:max-w-5xl"
-      // small: "",
-    }
-  },
-  defaultVariants: {
-    contentContainerSize: "default"
-  }
-}), _ = f("", {
-  variants: {
-    contentContainerSize: {
-      default: "lg:max-w-[460px]",
-      medium: "lg:max-w-[370px]",
-      large: "lg:max-w-2xl"
-      // small: "",
-    }
-  },
-  defaultVariants: {
-    contentContainerSize: "default"
-  }
-}), y = ({
-  text: t,
-  href: a,
-  target: m,
-  anchor: c,
-  theme: l,
-  className: i,
-  linkClassName: o,
-  iconDirection: n
-}) => a ? /* @__PURE__ */ e.createElement(
-  u,
-  {
-    href: a,
-    theme: l,
-    className: i,
-    linkClassName: o,
-    iconDirection: n
-  },
-  t
-) : c ? /* @__PURE__ */ e.createElement(u, { asChild: !0, theme: l, iconDirection: n }, /* @__PURE__ */ e.createElement("a", { href: a }, t)) : m ? /* @__PURE__ */ e.createElement(u, { asChild: !0, theme: l, iconDirection: n }, /* @__PURE__ */ e.createElement("a", { href: a, target: m, rel: "noopener noreferrer" }, t)) : /* @__PURE__ */ e.createElement(u, { theme: l, iconDirection: n }, t), F = (t) => {
+import m from "./index.es45.js";
+const s = (t) => {
   switch (t) {
-    case "search-news":
-      return /* @__PURE__ */ e.createElement(
-        "div",
-        {
-          "data-test-id": "search-news",
-          className: "w-full h-full flex justify-center items-center"
-        },
-        /* @__PURE__ */ e.createElement(
-          k,
-          {
-            placeholder: "Фильтр по тарифам",
-            onChange: (a) => {
-              console.log(a.target.value);
-            },
-            className: "w-[456px]"
-          }
-        )
-      );
+    case "date":
+      return /* @__PURE__ */ e.createElement(i, null);
+    case "timeToRead":
+      return /* @__PURE__ */ e.createElement(o, null);
+    case "views":
+      return /* @__PURE__ */ e.createElement(c, null);
     default:
       return null;
   }
-}, I = ({
-  title: t,
-  contentContainerSize: a,
-  desc: m,
-  price: c,
-  oldPrice: l,
-  image: i,
-  buttons: o,
-  childrenComponentType: n,
-  breadcrumbs: h,
-  bottomButtons: x,
-  size: s = "default",
-  imageSize: d,
-  linesImage: v
+}, p = ({
+  icon: t,
+  label: a,
+  className: r,
+  iconClassName: n
 }) => {
-  const E = (r) => {
-    switch (r) {
-      case "small":
-        return 448;
-      case "medium":
-        return 552;
-      default:
-        return 664;
-    }
-  }, b = (r) => {
-    switch (r) {
-      case "small":
-        return 336;
-      case "medium":
-        return 456;
-      default:
-        return 544;
-    }
-  }, g = H("ImageWrapper");
-  return /* @__PURE__ */ e.createElement("section", { className: "container relative" }, /* @__PURE__ */ e.createElement("div", { className: "mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative overflow-hidden" }, /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      "data-test-id": "content-container",
-      className: p(
-        "w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12",
-        j({ size: s })
-      )
-    },
-    /* @__PURE__ */ e.createElement("div", { className: "right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block" }, h && /* @__PURE__ */ e.createElement(C, { list: h })),
-    /* @__PURE__ */ e.createElement(
-      "div",
-      {
-        className: p(
-          "w-auto sm:p-10 pt-10 sm:pt-32 flex flex-col justify-center items-start col-span-7 border-[1px] border-t-0 border-r-0 border-b-0 border-l-0 lg:border-l-[1px] border-whitish-opacity-16 border-solid pb-4",
-          W({ size: s })
-        )
-      },
-      /* @__PURE__ */ e.createElement(
-        w,
-        {
-          level: 1,
-          as: "h1",
-          className: p("", B({ contentContainerSize: a }))
-        },
-        /* @__PURE__ */ e.createElement(V, { html: t })
-      ),
-      /* @__PURE__ */ e.createElement("div", { className: "space-y-10" }, /* @__PURE__ */ e.createElement(
-        N,
-        {
-          variant: "body",
-          className: p(
-            _({ contentContainerSize: a }),
-            "text-whitish-opacity-60 mt-5"
-          )
-        },
-        m
-      ), (c || l) && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-5 items-baseline" }, l && /* @__PURE__ */ e.createElement(
-        N,
-        {
-          variant: "lead-text",
-          className: "text-whitish-opacity-32 line-through"
-        },
-        l
-      ), /* @__PURE__ */ e.createElement(w, { level: 3, as: "div" }, c)), o && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 mt-12 w-full" }, o.map((r) => /* @__PURE__ */ e.createElement(y, { key: r.text, ...r })))),
-      n && /* @__PURE__ */ e.createElement("div", { className: "mt-5" }, F(n))
-    )
-  ), x && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 absolute bottom-8 z-30 w-[96%] mx-auto" }, x.map((r) => /* @__PURE__ */ e.createElement(
-    y,
-    {
-      key: r.text,
-      theme: "opacity",
-      ...r,
-      className: "w-full backdrop-blur-[8px]",
-      linkClassName: "w-full"
-    }
-  ))), i && /* @__PURE__ */ e.createElement("div", { className: "hidden sm:block absolute bottom-0 right-6 floating" }, /* @__PURE__ */ e.createElement(
-    g,
-    {
-      src: i,
-      alt: t,
-      width: E(d || s),
-      height: b(d || s),
-      objectFit: "contain"
-    }
-  )), v && /* @__PURE__ */ e.createElement("div", { className: "absolute bottom-0 right-6 fadeLines" }, /* @__PURE__ */ e.createElement(
-    g,
-    {
-      src: v,
-      alt: t,
-      width: E(d || s),
-      height: b(d || s),
-      objectFit: "contain"
-    }
-  ))));
-}, M = I;
+  const l = s(t);
+  return /* @__PURE__ */ e.createElement("div", { className: `flex gap-1 text-navy-opacity-40 relative ${r}` }, /* @__PURE__ */ e.createElement("span", { className: `${n}` }, l), /* @__PURE__ */ e.createElement(m, { variant: "caption", as: "div", className: "relative top-[1px]" }, a));
+}, f = p;
 export {
-  y as HeroButton,
-  M as default
+  f as default
 };
 //# sourceMappingURL=index.es37.js.map

package/dist/index.es37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es37.js","sources":["../src/sections/Hero.tsx"],"sourcesContent":["import { BreadcrumbProps, Breadcrumbs } from '@/components/breadcrumbs'\r\n\r\nimport { ButtonPrimary } from '@/components/ui/button'\r\nimport { CommonButtonProps } from './common'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '@/components/SafeHtml'\r\nimport SearchInputWithButton from '@/components/ui/input/SearchInputWithButton'\r\nimport Text from '@/components/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\n// import { SearchInput } from '@/components/ui/input'\r\n\r\nconst contentContainerVariants = cva('', {\r\n  variants: {\r\n    size: {\r\n      default: 'sm:pb-32',\r\n      medium: 'sm:pb-[116px]',\r\n      small: 'sm:pb-10',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: 'default',\r\n  },\r\n})\r\n\r\nconst sliderContentVariants = cva('', {\r\n  variants: {\r\n    size: {\r\n      default: 'sm:pb-[76px]',\r\n      medium: 'sm:pb-6',\r\n      small: 'sm:pb-6',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: 'default',\r\n  },\r\n})\r\n\r\nconst titleVariants = cva('', {\r\n  variants: {\r\n    contentContainerSize: {\r\n      default: 'mb-5 lg:max-w-[700px]',\r\n      medium: 'lg:max-w-[590px]',\r\n      large: 'lg:max-w-5xl',\r\n      // small: \"\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    contentContainerSize: 'default',\r\n  },\r\n})\r\n\r\nconst descVariants = cva('', {\r\n  variants: {\r\n    contentContainerSize: {\r\n      default: 'lg:max-w-[460px]',\r\n      medium: 'lg:max-w-[370px]',\r\n      large: 'lg:max-w-2xl',\r\n      // small: \"\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    contentContainerSize: 'default',\r\n  },\r\n})\r\n\r\nexport interface HeroProps {\r\n  title: string\r\n  desc?: string\r\n  price?: string\r\n  oldPrice?: string\r\n  image?: string\r\n  buttons?: CommonButtonProps[]\r\n  childrenComponentType?: 'search-news'\r\n  breadcrumbs?: BreadcrumbProps[]\r\n  bottomButtons?: CommonButtonProps[]\r\n  size?: 'default' | 'small' | 'medium'\r\n  contentContainerSize?: 'default' | 'medium' | 'large'\r\n  imageSize?: 'default' | 'small' | 'medium'\r\n  linesImage?: string\r\n}\r\n\r\nexport const HeroButton: React.FC<CommonButtonProps> = ({\r\n  text,\r\n  href,\r\n  target,\r\n  anchor,\r\n  theme,\r\n  className,\r\n  linkClassName,\r\n  iconDirection,\r\n}) => {\r\n  if (href) {\r\n    return (\r\n      <ButtonPrimary\r\n        href={href}\r\n        theme={theme}\r\n        className={className}\r\n        linkClassName={linkClassName}\r\n        iconDirection={iconDirection}\r\n      >\r\n        {text}\r\n      </ButtonPrimary>\r\n    )\r\n  }\r\n\r\n  if (anchor) {\r\n    // TODO: the whole button is not clickable, but it should be\r\n    return (\r\n      <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n        <a href={href}>{text}</a>\r\n      </ButtonPrimary>\r\n    )\r\n  }\r\n\r\n  if (target) {\r\n    return (\r\n      <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n        <a href={href} target={target} rel=\"noopener noreferrer\">\r\n          {text}\r\n        </a>\r\n      </ButtonPrimary>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <ButtonPrimary theme={theme} iconDirection={iconDirection}>\r\n      {text}\r\n    </ButtonPrimary>\r\n  )\r\n}\r\n\r\nconst childrenComponent = (componentType: 'search-news') => {\r\n  switch (componentType) {\r\n    case 'search-news':\r\n      return (\r\n        <div\r\n          data-test-id=\"search-news\"\r\n          className=\"w-full h-full flex justify-center items-center\"\r\n        >\r\n          <SearchInputWithButton\r\n            placeholder=\"Фильтр по тарифам\"\r\n            onChange={(event) => {\r\n              console.log(event.target.value)\r\n            }}\r\n            className=\"w-[456px]\"\r\n            // className=\"h-16 w-72 mt-2 bg-whitish\"\r\n          />\r\n        </div>\r\n      )\r\n\r\n    default:\r\n      return null\r\n  }\r\n}\r\n\r\nconst Hero: React.FC<HeroProps> = ({\r\n  title,\r\n  contentContainerSize,\r\n  desc,\r\n  price,\r\n  oldPrice,\r\n  image,\r\n  buttons,\r\n  childrenComponentType,\r\n  breadcrumbs,\r\n  bottomButtons,\r\n  size = 'default',\r\n  imageSize,\r\n  linesImage,\r\n}) => {\r\n  const imageWidth = (size: 'small' | 'medium' | 'default') => {\r\n    switch (size) {\r\n      case 'small':\r\n        return 448\r\n      case 'medium':\r\n        return 552\r\n      default:\r\n        return 664\r\n    }\r\n  }\r\n  const imageHeight = (size: 'small' | 'medium' | 'default') => {\r\n    switch (size) {\r\n      case 'small':\r\n        return 336\r\n      case 'medium':\r\n        return 456\r\n      default:\r\n        return 544\r\n    }\r\n  }\r\n\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  return (\r\n    <section className=\"container relative\">\r\n      <div className=\"mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative overflow-hidden\">\r\n        <div\r\n          data-test-id=\"content-container\"\r\n          className={cn(\r\n            'w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12',\r\n            contentContainerVariants({ size })\r\n          )}\r\n        >\r\n          {/* Navigation */}\r\n          <div className=\"right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block\">\r\n            {breadcrumbs && <Breadcrumbs list={breadcrumbs} />}\r\n          </div>\r\n\r\n          {/* Slider Content */}\r\n          <div\r\n            className={cn(\r\n              'w-auto sm:p-10 pt-10 sm:pt-32 flex flex-col justify-center items-start col-span-7 border-[1px] border-t-0 border-r-0 border-b-0 border-l-0 lg:border-l-[1px] border-whitish-opacity-16 border-solid pb-4',\r\n              sliderContentVariants({ size })\r\n            )}\r\n          >\r\n            <Heading\r\n              level={1}\r\n              as={'h1'}\r\n              className={cn('', titleVariants({ contentContainerSize }))}\r\n            >\r\n              <SafeHtmlRenderer html={title} />\r\n            </Heading>\r\n\r\n            <div className=\"space-y-10\">\r\n              <Text\r\n                variant=\"body\"\r\n                className={cn(\r\n                  descVariants({ contentContainerSize }),\r\n                  'text-whitish-opacity-60 mt-5'\r\n                )}\r\n              >\r\n                {desc}\r\n              </Text>\r\n\r\n              {(price || oldPrice) && (\r\n                <div className=\"flex space-x-5 items-baseline\">\r\n                  {oldPrice && (\r\n                    <Text\r\n                      variant=\"lead-text\"\r\n                      className=\"text-whitish-opacity-32 line-through\"\r\n                    >\r\n                      {oldPrice}\r\n                    </Text>\r\n                  )}\r\n                  <Heading level={3} as={'div'}>\r\n                    {price}\r\n                  </Heading>\r\n                </div>\r\n              )}\r\n\r\n              {buttons && (\r\n                <div className=\"flex gap-4 mt-12 w-full\">\r\n                  {buttons.map((button) => (\r\n                    <HeroButton key={button.text} {...button} />\r\n                  ))}\r\n                </div>\r\n              )}\r\n            </div>\r\n\r\n            {childrenComponentType && (\r\n              <div className=\"mt-5\">\r\n                {childrenComponent(childrenComponentType)}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n\r\n        {bottomButtons && (\r\n          <div className=\"flex gap-4 absolute bottom-8 z-30 w-[96%] mx-auto\">\r\n            {bottomButtons.map((button) => (\r\n              <HeroButton\r\n                key={button.text}\r\n                theme=\"opacity\"\r\n                {...button}\r\n                className=\"w-full backdrop-blur-[8px]\"\r\n                linkClassName=\"w-full\"\r\n              />\r\n            ))}\r\n          </div>\r\n        )}\r\n\r\n        {image && (\r\n          <div className=\"hidden sm:block absolute bottom-0 right-6 floating\">\r\n            <ImageWrapper\r\n              src={image}\r\n              alt={title}\r\n              // width={size === \"default\" ? 664 : 448}\r\n              // height={size === \"default\" ? 544 : 336}\r\n              width={imageWidth(imageSize || size)}\r\n              height={imageHeight(imageSize || size)}\r\n              objectFit=\"contain\"\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        {linesImage && (\r\n          <div className=\"absolute bottom-0 right-6 fadeLines\">\r\n            <ImageWrapper\r\n              src={linesImage}\r\n              alt={title}\r\n              // width={size === \"default\" ? 664 : 448}\r\n              // height={size === \"default\" ? 544 : 336}\r\n              width={imageWidth(imageSize || size)}\r\n              height={imageHeight(imageSize || size)}\r\n              objectFit=\"contain\"\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default Hero\r\n"],"names":["contentContainerVariants","cva","sliderContentVariants","titleVariants","descVariants","HeroButton","text","href","target","anchor","theme","className","linkClassName","iconDirection","React","ButtonPrimary","childrenComponent","componentType","SearchInputWithButton","event","Hero","title","contentContainerSize","desc","price","oldPrice","image","buttons","childrenComponentType","breadcrumbs","bottomButtons","size","imageSize","linesImage","imageWidth","imageHeight","ImageWrapper","getAdapter","cn","Breadcrumbs","Heading","SafeHtmlRenderer","Text","button","Hero$1"],"mappings":"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"}
+{"version":3,"file":"index.es37.js","sources":["../src/components/ArticlePreviewTag.tsx"],"sourcesContent":["import { Date20X20, TimeToRead20X20, Views20X20 } from '@iit/precision-ui-icons'\r\n\r\nimport React from 'react'\r\nimport { ReactNode } from 'react'\r\nimport Text from './core/typography/Text'\r\n\r\ninterface ArticlePreviewTagProps {\r\n  icon: string\r\n  label: string\r\n  className?: string\r\n  iconClassName?: string\r\n}\r\n\r\nconst getIconComponent = (iconName: string): ReactNode => {\r\n  switch (iconName) {\r\n    case 'date':\r\n      return <Date20X20 />\r\n    case 'timeToRead':\r\n      return <TimeToRead20X20 />\r\n    case 'views':\r\n      return <Views20X20 />\r\n    default:\r\n      return null\r\n  }\r\n}\r\n\r\nconst ArticlePreviewTag: React.FC<ArticlePreviewTagProps> = ({\r\n  icon,\r\n  label,\r\n  className,\r\n  iconClassName,\r\n}) => {\r\n  const IconComponent = getIconComponent(icon)\r\n\r\n  return (\r\n    <div className={`flex gap-1 text-navy-opacity-40 relative ${className}`}>\r\n      <span className={`${iconClassName}`}>{IconComponent}</span>\r\n      <Text variant=\"caption\" as=\"div\" className=\"relative top-[1px]\">\r\n        {label}\r\n      </Text>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default ArticlePreviewTag\r\n"],"names":["getIconComponent","iconName","Date20X20","TimeToRead20X20","Views20X20","ArticlePreviewTag","icon","label","className","iconClassName","IconComponent","React","Text","ArticlePreviewTag$1"],"mappings":";;;AAaA,MAAMA,IAAmB,CAACC,MAAgC;AACxD,UAAQA,GAAU;AAAA,IAChB,KAAK;AACH,6CAAQC,GAAU,IAAA;AAAA,IACpB,KAAK;AACH,6CAAQC,GAAgB,IAAA;AAAA,IAC1B,KAAK;AACH,6CAAQC,GAAW,IAAA;AAAA,IACrB;AACS,aAAA;AAAA,EACX;AACF,GAEMC,IAAsD,CAAC;AAAA,EAC3D,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACE,QAAAC,IAAgBV,EAAiBM,CAAI;AAGzC,SAAAK,gBAAAA,EAAA,cAAC,SAAI,WAAW,4CAA4CH,CAAS,GACnE,GAAAG,gBAAAA,EAAA,cAAC,QAAK,EAAA,WAAW,GAAGF,CAAa,MAAKC,CAAc,GACnDC,gBAAAA,EAAA,cAAAC,GAAA,EAAK,SAAQ,WAAU,IAAG,OAAM,WAAU,qBACxC,GAAAL,CACH,CACF;AAEJ,GAEAM,IAAeR;"}