@iit/precision-ui 0.10.7 → 0.10.9

package/dist/index.es31.js

@@ -56,7 +56,7 @@ const B = c(
   titleInformer: y,
   colSize: l
 }) => {
-  const b = l === 1 ? "lg:col-span-1" : l === 2 ? "lg:col-span-2" : l === 3 ? "col-span-3 lg:col-span-3" : l === 4 ? "sm:col-span-6 xl:col-span-4" : "";
+  const b = l === 1 ? "lg:col-span-1" : l === 2 ? "lg:col-span-2" : l === 3 ? "col-span-1 lg:col-span-3" : l === 4 ? "col-span-1 sm:col-span-3 xl:col-span-4" : "";
   return /* @__PURE__ */ e.createElement(
     "div",
     {

package/dist/index.es31.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es31.js","sources":["../src/components/cards/Package.tsx"],"sourcesContent":["import { RateButton, RateButtonProps } from './Rate'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\nimport { VariantProps, cva } from 'class-variance-authority'\r\n\r\nimport AppLink from '../ui/Link'\r\nimport Heading from '../core/typography/Heading'\r\nimport Informer from '../Informer'\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\n\r\nconst packageCardVariants = cva(\r\n  'group p-6 rounded-lg min-h-[360px] flex flex-col justify-between',\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 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\nconst dividerVariants = cva('w-full h-[1px]', {\r\n  variants: {\r\n    variant: {\r\n      default: 'bg-grey-1',\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\nexport interface PackageCardProps\r\n  extends\r\n    React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof packageCardVariants> {\r\n  className?: string\r\n  title: string\r\n  oldPrice?: string\r\n  price: string\r\n  priceDesc?: 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  colSize?: 1 | 2 | 3 | 4\r\n}\r\n\r\nexport interface PackageCardPropsWithoutHTMLAttributes extends Omit<\r\n  PackageCardProps,\r\n  keyof React.HTMLAttributes<HTMLDivElement>\r\n> {\r\n  className?: string\r\n  title: string\r\n}\r\n\r\nconst PackageCard: React.FC<PackageCardProps> = ({\r\n  variant,\r\n  className,\r\n  title,\r\n  oldPrice,\r\n  price,\r\n  priceDesc,\r\n  desc,\r\n  link,\r\n  onClickBuyButton,\r\n  buttons,\r\n  tags,\r\n  titleInformer,\r\n  colSize,\r\n}) => {\r\n  const itemSizeClass =\r\n    colSize === 1\r\n      ? 'lg:col-span-1'\r\n      : colSize === 2\r\n        ? 'lg:col-span-2'\r\n        : colSize === 3\r\n          ? 'col-span-3 lg:col-span-3'\r\n          : colSize === 4\r\n            ? 'sm:col-span-6 xl:col-span-4'\r\n            : ''\r\n  return (\r\n    <div\r\n      className={cn(packageCardVariants({ variant, className }), itemSizeClass)}\r\n    >\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\r\n        <div className=\"space-y-12 mb-12\">\r\n          <div className=\"space-y-6\">\r\n            <div className=\"flex space-x-2 items-center relative\">\r\n              {link ? (\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              ) : (\r\n                <Heading\r\n                  level={4}\r\n                  as={'span'}\r\n                  className={variant === 'navy' ? 'text-whitish' : 'text-navy'}\r\n                >\r\n                  {title}\r\n                </Heading>\r\n              )}\r\n              {titleInformer && <Informer content={titleInformer} />}\r\n            </div>\r\n            <Text\r\n              variant=\"small-body\"\r\n              as=\"div\"\r\n              className={cn(descVariants({ variant }), 'content')}\r\n            >\r\n              {desc && <SafeHtmlRenderer html={desc} />}\r\n            </Text>\r\n          </div>\r\n\r\n          {/* <div className=\"space-y-6\">\r\n            <div className={cn(dividerVariants({ variant }))}></div>\r\n            <div className=\"space-y-3\">\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              {priceDesc && (\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={priceDesc} />\r\n                </Text>\r\n              )}\r\n            </div>\r\n          </div> */}\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <div className=\"space-y-6 mb-6\">\r\n          <div className={cn(dividerVariants({ variant }))}></div>\r\n          <div className=\"space-y-3\">\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            {priceDesc && (\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={priceDesc} />\r\n              </Text>\r\n            )}\r\n          </div>\r\n        </div>\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    </div>\r\n  )\r\n}\r\n\r\nexport default PackageCard\r\n"],"names":["packageCardVariants","cva","descVariants","dividerVariants","PackageCard","variant","className","title","oldPrice","price","priceDesc","desc","link","onClickBuyButton","buttons","tags","titleInformer","colSize","itemSizeClass","React","cn","tag","index","Tag","AppLink","Heading","Informer","Text","SafeHtmlRenderer","button","RateButton","PackageCard$1"],"mappings":"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"}
+{"version":3,"file":"index.es31.js","sources":["../src/components/cards/Package.tsx"],"sourcesContent":["import { RateButton, RateButtonProps } from './Rate'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\nimport { VariantProps, cva } from 'class-variance-authority'\r\n\r\nimport AppLink from '../ui/Link'\r\nimport Heading from '../core/typography/Heading'\r\nimport Informer from '../Informer'\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\n\r\nconst packageCardVariants = cva(\r\n  'group p-6 rounded-lg min-h-[360px] flex flex-col justify-between',\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 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\nconst dividerVariants = cva('w-full h-[1px]', {\r\n  variants: {\r\n    variant: {\r\n      default: 'bg-grey-1',\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\nexport interface PackageCardProps\r\n  extends\r\n    React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof packageCardVariants> {\r\n  className?: string\r\n  title: string\r\n  oldPrice?: string\r\n  price: string\r\n  priceDesc?: 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  colSize?: 1 | 2 | 3 | 4\r\n}\r\n\r\nexport interface PackageCardPropsWithoutHTMLAttributes extends Omit<\r\n  PackageCardProps,\r\n  keyof React.HTMLAttributes<HTMLDivElement>\r\n> {\r\n  className?: string\r\n  title: string\r\n}\r\n\r\nconst PackageCard: React.FC<PackageCardProps> = ({\r\n  variant,\r\n  className,\r\n  title,\r\n  oldPrice,\r\n  price,\r\n  priceDesc,\r\n  desc,\r\n  link,\r\n  onClickBuyButton,\r\n  buttons,\r\n  tags,\r\n  titleInformer,\r\n  colSize,\r\n}) => {\r\n  const itemSizeClass =\r\n    colSize === 1\r\n      ? 'lg:col-span-1'\r\n      : colSize === 2\r\n        ? 'lg:col-span-2'\r\n        : colSize === 3\r\n          ? 'col-span-1 lg:col-span-3'\r\n          : colSize === 4\r\n            ? 'col-span-1 sm:col-span-3 xl:col-span-4'\r\n            : ''\r\n  return (\r\n    <div\r\n      className={cn(packageCardVariants({ variant, className }), itemSizeClass)}\r\n    >\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\r\n        <div className=\"space-y-12 mb-12\">\r\n          <div className=\"space-y-6\">\r\n            <div className=\"flex space-x-2 items-center relative\">\r\n              {link ? (\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              ) : (\r\n                <Heading\r\n                  level={4}\r\n                  as={'span'}\r\n                  className={variant === 'navy' ? 'text-whitish' : 'text-navy'}\r\n                >\r\n                  {title}\r\n                </Heading>\r\n              )}\r\n              {titleInformer && <Informer content={titleInformer} />}\r\n            </div>\r\n            <Text\r\n              variant=\"small-body\"\r\n              as=\"div\"\r\n              className={cn(descVariants({ variant }), 'content')}\r\n            >\r\n              {desc && <SafeHtmlRenderer html={desc} />}\r\n            </Text>\r\n          </div>\r\n\r\n          {/* <div className=\"space-y-6\">\r\n            <div className={cn(dividerVariants({ variant }))}></div>\r\n            <div className=\"space-y-3\">\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              {priceDesc && (\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={priceDesc} />\r\n                </Text>\r\n              )}\r\n            </div>\r\n          </div> */}\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <div className=\"space-y-6 mb-6\">\r\n          <div className={cn(dividerVariants({ variant }))}></div>\r\n          <div className=\"space-y-3\">\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            {priceDesc && (\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={priceDesc} />\r\n              </Text>\r\n            )}\r\n          </div>\r\n        </div>\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    </div>\r\n  )\r\n}\r\n\r\nexport default PackageCard\r\n"],"names":["packageCardVariants","cva","descVariants","dividerVariants","PackageCard","variant","className","title","oldPrice","price","priceDesc","desc","link","onClickBuyButton","buttons","tags","titleInformer","colSize","itemSizeClass","React","cn","tag","index","Tag","AppLink","Heading","Informer","Text","SafeHtmlRenderer","button","RateButton","PackageCard$1"],"mappings":"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"}

package/dist/index.es40.js

@@ -1,14 +1,14 @@
-import H from "./index.es54.js";
+import k from "./index.es54.js";
 import x from "./index.es4.js";
-import C from "./index.es46.js";
+import y from "./index.es46.js";
 import e from "react";
-import j from "./index.es19.js";
-import I from "./index.es14.js";
-import V from "./index.es47.js";
-import { cn as m } from "./index.es55.js";
+import H from "./index.es19.js";
+import j from "./index.es14.js";
+import C from "./index.es47.js";
+import { cn as n } from "./index.es55.js";
 import { cva as u } from "class-variance-authority";
-import { getAdapter as W } from "./index.es9.js";
-const _ = u("pb-12", {
+import { getAdapter as I } from "./index.es9.js";
+const W = u("pb-12", {
   variants: {
     size: {
       default: "sm:pb-32",
@@ -22,7 +22,7 @@ const _ = u("pb-12", {
   defaultVariants: {
     size: "default"
   }
-}), q = u("", {
+}), _ = u("", {
   variants: {
     size: {
       default: "sm:pb-[80px]",
@@ -33,7 +33,7 @@ const _ = u("pb-12", {
   defaultVariants: {
     size: "default"
   }
-}), z = u("", {
+}), q = u("", {
   variants: {
     contentContainerSize: {
       default: "mb-5 lg:max-w-[700px] w-full",
@@ -46,7 +46,7 @@ const _ = u("pb-12", {
   defaultVariants: {
     contentContainerSize: "default"
   }
-}), F = u("", {
+}), z = u("", {
   variants: {
     contentContainerSize: {
       default: "lg:max-w-[460px]",
@@ -59,37 +59,37 @@ const _ = u("pb-12", {
   defaultVariants: {
     contentContainerSize: "default"
   }
-}), k = ({
+}), V = ({
   text: t,
   href: l,
-  target: c,
+  target: d,
   anchor: g,
-  theme: n,
-  className: d,
-  linkClassName: o,
-  iconDirection: s,
-  onClick: p
+  theme: s,
+  className: i,
+  linkClassName: p,
+  iconDirection: m,
+  onClick: o
 }) => l ? /* @__PURE__ */ e.createElement(
   x,
   {
     href: l,
-    theme: n,
-    className: m(d),
-    linkClassName: o,
-    iconDirection: s,
-    target: c
+    theme: s,
+    className: n(i),
+    linkClassName: p,
+    iconDirection: m,
+    target: d
   },
   t
-) : g ? /* @__PURE__ */ e.createElement(x, { asChild: !0, theme: n, iconDirection: s }, /* @__PURE__ */ e.createElement("a", { href: l }, t)) : c ? /* @__PURE__ */ e.createElement(x, { asChild: !0, theme: n, iconDirection: s }, /* @__PURE__ */ e.createElement("a", { href: l, target: c, rel: "noopener noreferrer" }, t)) : /* @__PURE__ */ e.createElement(
+) : g ? /* @__PURE__ */ e.createElement(x, { asChild: !0, theme: s, iconDirection: m }, /* @__PURE__ */ e.createElement("a", { href: l }, t)) : d ? /* @__PURE__ */ e.createElement(x, { asChild: !0, theme: s, iconDirection: m }, /* @__PURE__ */ e.createElement("a", { href: l, target: d, rel: "noopener noreferrer" }, t)) : /* @__PURE__ */ e.createElement(
   x,
   {
-    theme: n,
-    iconDirection: s,
-    onClick: p,
-    className: m(d)
+    theme: s,
+    iconDirection: m,
+    onClick: o,
+    className: n(i)
   },
   t
-), R = (t) => {
+), F = (t) => {
   switch (t) {
     case "search-news":
       return /* @__PURE__ */ e.createElement(
@@ -99,7 +99,7 @@ const _ = u("pb-12", {
           className: "w-full h-full flex justify-center items-center"
         },
         /* @__PURE__ */ e.createElement(
-          I,
+          j,
           {
             placeholder: "Фильтр по тарифам",
             onChange: (l) => {
@@ -112,25 +112,24 @@ const _ = u("pb-12", {
     default:
       return null;
   }
-}, S = ({
+}, R = ({
   title: t,
   contentContainerSize: l,
-  contentContainerBottomSize: c,
-  contentContainerCustomClass: g,
-  desc: n,
-  price: d,
-  oldPrice: o,
-  image: s,
-  buttons: p,
-  childrenComponentType: h,
-  breadcrumbs: w,
+  contentContainerBottomSize: d,
+  desc: g,
+  price: s,
+  oldPrice: i,
+  image: p,
+  buttons: m,
+  childrenComponentType: o,
+  breadcrumbs: h,
   bottomButtons: r,
-  size: i = "default",
+  size: c = "default",
   imageSize: f,
-  linesImage: b,
-  onButtonClick: v
+  linesImage: w,
+  onButtonClick: b
 }) => {
-  const E = (a) => {
+  const v = (a) => {
     switch (a) {
       case "small":
         return 448;
@@ -139,7 +138,7 @@ const _ = u("pb-12", {
       default:
         return 664;
     }
-  }, N = (a) => {
+  }, E = (a) => {
     switch (a) {
       case "small":
         return 336;
@@ -148,113 +147,112 @@ const _ = u("pb-12", {
       default:
         return 544;
     }
-  }, y = W("ImageWrapper");
+  }, N = I("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: m(
+      className: n(
         "w-full relative z-20 grid grid-cols-1 sm:grid-cols-9",
-        _({
-          size: c || i
+        W({
+          size: d || c
         }),
         r?.length == 1 && "pb-36 xl:pb-32",
         r?.length == 2 && "pb-36 xl:pb-32",
         r?.length == 3 && "pb-52 md:pb-48 xl:pb-32",
-        r?.length == 4 && "pb-[280px] sm:pb-60 xl:pb-32",
-        g
+        r?.length == 4 && "pb-[280px] sm:pb-[280px] xl:pb-32"
       )
     },
-    /* @__PURE__ */ e.createElement("div", { className: "right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block" }, w && /* @__PURE__ */ e.createElement(H, { list: w })),
+    /* @__PURE__ */ e.createElement("div", { className: "right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block" }, h && /* @__PURE__ */ e.createElement(k, { list: h })),
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: m(
+        className: 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",
-          q({ size: i }),
+          _({ size: c }),
           r ? "pb-[60px]" : ""
         )
       },
       /* @__PURE__ */ e.createElement(
-        C,
+        y,
         {
           level: 1,
           as: "h1",
-          className: m("", z({ contentContainerSize: l }))
+          className: n("", q({ contentContainerSize: l }))
         },
-        /* @__PURE__ */ e.createElement(j, { html: t })
+        /* @__PURE__ */ e.createElement(H, { html: t })
       ),
       /* @__PURE__ */ e.createElement("div", { className: "space-y-8 w-full" }, /* @__PURE__ */ e.createElement(
-        V,
+        C,
         {
           variant: "body",
-          className: m(
-            F({ contentContainerSize: l }),
+          className: n(
+            z({ contentContainerSize: l }),
             "text-whitish-opacity-60"
           )
         },
-        n
-      ), (d || o) && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-5 items-baseline" }, o && /* @__PURE__ */ e.createElement(
-        V,
+        g
+      ), (s || i) && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-5 items-baseline" }, i && /* @__PURE__ */ e.createElement(
+        C,
         {
           variant: "lead-text",
           className: "text-whitish-opacity-32 line-through"
         },
-        o
-      ), /* @__PURE__ */ e.createElement(C, { level: 3, as: "div" }, d)), p && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 mt-12 w-full flex-col md:flex-row" }, p.map((a) => /* @__PURE__ */ e.createElement(
-        k,
+        i
+      ), /* @__PURE__ */ e.createElement(y, { level: 3, as: "div" }, s)), m && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 mt-12 w-full flex-col md:flex-row" }, m.map((a) => /* @__PURE__ */ e.createElement(
+        V,
         {
           key: a.text,
           className: "w-full md:w-fit",
           target: a.target,
           ...a,
-          onClick: () => v?.(a.uniqId)
+          onClick: () => b?.(a.uniqId)
         }
       )))),
-      h && /* @__PURE__ */ e.createElement("div", { className: "mt-5" }, R(h))
+      o && /* @__PURE__ */ e.createElement("div", { className: "mt-5" }, F(o))
     )
   ), r && /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: m(
+      className: n(
         "gap-4 absolute bottom-8 z-30 w-[96%] px-4 sm:px-8 lg:px-0",
         r.length === 4 ? "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 left-1/2 -translate-x-1/2" : r.length === 3 ? "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 left-1/2 -translate-x-1/2" : "flex flex-col md:flex-row"
       )
     },
     r.map((a) => /* @__PURE__ */ e.createElement(
-      k,
+      V,
       {
         key: a.text,
         theme: "opacity",
         ...a,
         className: "w-full backdrop-blur-[8px]",
         linkClassName: "w-full",
-        onClick: () => v?.(a.uniqId),
+        onClick: () => b?.(a.uniqId),
         target: a.target
       }
     ))
-  ), s && /* @__PURE__ */ e.createElement("div", { className: "hidden sm:block absolute bottom-0 right-6 floating" }, /* @__PURE__ */ e.createElement(
-    y,
+  ), p && /* @__PURE__ */ e.createElement("div", { className: "hidden sm:block absolute bottom-0 right-6 floating" }, /* @__PURE__ */ e.createElement(
+    N,
     {
-      src: s,
+      src: p,
       alt: t,
-      width: E(f || i),
-      height: N(f || i),
+      width: v(f || c),
+      height: E(f || c),
       objectFit: "contain"
     }
-  )), b && /* @__PURE__ */ e.createElement("div", { className: "absolute bottom-0 right-6 fadeLines" }, /* @__PURE__ */ e.createElement(
-    y,
+  )), w && /* @__PURE__ */ e.createElement("div", { className: "absolute bottom-0 right-6 fadeLines" }, /* @__PURE__ */ e.createElement(
+    N,
     {
-      src: b,
+      src: w,
       alt: t,
-      width: E(f || i),
-      height: N(f || i),
+      width: v(f || c),
+      height: E(f || c),
       objectFit: "contain"
     }
   ))));
-}, U = S;
+}, T = R;
 export {
-  k as HeroButton,
-  U as default
+  V as HeroButton,
+  T as default
 };
 //# sourceMappingURL=index.es40.js.map

package/dist/index.es40.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es40.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('pb-12', {\r\n  variants: {\r\n    size: {\r\n      default: 'sm:pb-32',\r\n      medium: 'sm:pb-[116px]',\r\n      large: 'sm:pb-32', // not used, copy from default\r\n      smaller: 'sm:pb-16',\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-[80px]',\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] w-full',\r\n      medium: 'lg:max-w-[590px]',\r\n      large: 'lg:max-w-5xl',\r\n      small: 'lg:max-w-[700px]', // not used, copy from default\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: 'lg:max-w-[460px]', // not used, copy from default\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' | 'small' | 'large'\r\n  contentContainerBottomSize?: 'default' | 'small' | 'smaller'\r\n  contentContainerCustomClass?: string\r\n  imageSize?: 'default' | 'small' | 'medium'\r\n  linesImage?: string\r\n  onButtonClick?: (uniqId?: string) => void\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  onClick,\r\n}) => {\r\n  if (href) {\r\n    return (\r\n      <ButtonPrimary\r\n        href={href}\r\n        theme={theme}\r\n        className={cn(className)}\r\n        linkClassName={linkClassName}\r\n        iconDirection={iconDirection}\r\n        target={target}\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\r\n      theme={theme}\r\n      iconDirection={iconDirection}\r\n      onClick={onClick}\r\n      className={cn(className)}\r\n    >\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  contentContainerBottomSize,\r\n  contentContainerCustomClass,\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  onButtonClick,\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',\r\n            contentContainerVariants({\r\n              size: contentContainerBottomSize || size,\r\n            }),\r\n            bottomButtons?.length == 1 && 'pb-36 xl:pb-32',\r\n            bottomButtons?.length == 2 && 'pb-36 xl:pb-32',\r\n            bottomButtons?.length == 3 && 'pb-52 md:pb-48 xl:pb-32',\r\n            bottomButtons?.length == 4 && 'pb-[280px] sm:pb-60 xl:pb-32',\r\n            contentContainerCustomClass,\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              bottomButtons ? 'pb-[60px]' : '',\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-8 w-full\">\r\n              <Text\r\n                variant=\"body\"\r\n                className={cn(\r\n                  descVariants({ contentContainerSize }),\r\n                  'text-whitish-opacity-60',\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 flex-col md:flex-row\">\r\n                  {buttons.map((button) => (\r\n                    <HeroButton\r\n                      key={button.text}\r\n                      className=\"w-full md:w-fit\"\r\n                      target={button.target}\r\n                      {...button}\r\n                      onClick={() => onButtonClick?.(button.uniqId)}\r\n                    />\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\r\n            className={cn(\r\n              'gap-4 absolute bottom-8 z-30 w-[96%] px-4 sm:px-8 lg:px-0',\r\n              bottomButtons.length === 4\r\n                ? 'grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 left-1/2 -translate-x-1/2'\r\n                : bottomButtons.length === 3\r\n                  ? 'grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 left-1/2 -translate-x-1/2'\r\n                  : 'flex flex-col md:flex-row',\r\n            )}\r\n          >\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                onClick={() => onButtonClick?.(button.uniqId)}\r\n                target={button.target}\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","onClick","React","ButtonPrimary","cn","childrenComponent","componentType","SearchInputWithButton","event","Hero","title","contentContainerSize","contentContainerBottomSize","contentContainerCustomClass","desc","price","oldPrice","image","buttons","childrenComponentType","breadcrumbs","bottomButtons","size","imageSize","linesImage","onButtonClick","imageWidth","imageHeight","ImageWrapper","getAdapter","Breadcrumbs","Heading","SafeHtmlRenderer","Text","button","Hero$1"],"mappings":"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"}
+{"version":3,"file":"index.es40.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('pb-12', {\r\n  variants: {\r\n    size: {\r\n      default: 'sm:pb-32',\r\n      medium: 'sm:pb-[116px]',\r\n      large: 'sm:pb-32', // not used, copy from default\r\n      smaller: 'sm:pb-16',\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-[80px]',\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] w-full',\r\n      medium: 'lg:max-w-[590px]',\r\n      large: 'lg:max-w-5xl',\r\n      small: 'lg:max-w-[700px]', // not used, copy from default\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: 'lg:max-w-[460px]', // not used, copy from default\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' | 'small' | 'large'\r\n  contentContainerBottomSize?: 'default' | 'small' | 'smaller'\r\n  imageSize?: 'default' | 'small' | 'medium'\r\n  linesImage?: string\r\n  onButtonClick?: (uniqId?: string) => void\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  onClick,\r\n}) => {\r\n  if (href) {\r\n    return (\r\n      <ButtonPrimary\r\n        href={href}\r\n        theme={theme}\r\n        className={cn(className)}\r\n        linkClassName={linkClassName}\r\n        iconDirection={iconDirection}\r\n        target={target}\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\r\n      theme={theme}\r\n      iconDirection={iconDirection}\r\n      onClick={onClick}\r\n      className={cn(className)}\r\n    >\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  contentContainerBottomSize,\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  onButtonClick,\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',\r\n            contentContainerVariants({\r\n              size: contentContainerBottomSize || size,\r\n            }),\r\n            bottomButtons?.length == 1 && 'pb-36 xl:pb-32',\r\n            bottomButtons?.length == 2 && 'pb-36 xl:pb-32',\r\n            bottomButtons?.length == 3 && 'pb-52 md:pb-48 xl:pb-32',\r\n            bottomButtons?.length == 4 && 'pb-[280px] sm:pb-[280px] xl:pb-32',\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              bottomButtons ? 'pb-[60px]' : '',\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-8 w-full\">\r\n              <Text\r\n                variant=\"body\"\r\n                className={cn(\r\n                  descVariants({ contentContainerSize }),\r\n                  'text-whitish-opacity-60',\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 flex-col md:flex-row\">\r\n                  {buttons.map((button) => (\r\n                    <HeroButton\r\n                      key={button.text}\r\n                      className=\"w-full md:w-fit\"\r\n                      target={button.target}\r\n                      {...button}\r\n                      onClick={() => onButtonClick?.(button.uniqId)}\r\n                    />\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\r\n            className={cn(\r\n              'gap-4 absolute bottom-8 z-30 w-[96%] px-4 sm:px-8 lg:px-0',\r\n              bottomButtons.length === 4\r\n                ? 'grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 left-1/2 -translate-x-1/2'\r\n                : bottomButtons.length === 3\r\n                  ? 'grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 left-1/2 -translate-x-1/2'\r\n                  : 'flex flex-col md:flex-row',\r\n            )}\r\n          >\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                onClick={() => onButtonClick?.(button.uniqId)}\r\n                target={button.target}\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","onClick","React","ButtonPrimary","cn","childrenComponent","componentType","SearchInputWithButton","event","Hero","title","contentContainerSize","contentContainerBottomSize","desc","price","oldPrice","image","buttons","childrenComponentType","breadcrumbs","bottomButtons","size","imageSize","linesImage","onButtonClick","imageWidth","imageHeight","ImageWrapper","getAdapter","Breadcrumbs","Heading","SafeHtmlRenderer","Text","button","Hero$1"],"mappings":"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"}

package/dist/sections/Hero.d.ts

@@ -15,7 +15,6 @@ export interface HeroProps {
     size?: 'default' | 'small' | 'medium';
     contentContainerSize?: 'default' | 'medium' | 'small' | 'large';
     contentContainerBottomSize?: 'default' | 'small' | 'smaller';
-    contentContainerCustomClass?: string;
     imageSize?: 'default' | 'small' | 'medium';
     linesImage?: string;
     onButtonClick?: (uniqId?: string) => void;

package/dist/sections/Hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/sections/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAA;AAGvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAkEzB,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC7B,qBAAqB,CAAC,EAAE,aAAa,CAAA;IACrC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACrC,oBAAoB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAA;IAC/D,0BAA0B,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;IAC5D,2BAA2B,CAAC,EAAE,MAAM,CAAA;IACpC,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuDlD,CAAA;AA0BD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwL7B,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/sections/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAA;AAGvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAkEzB,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC7B,qBAAqB,CAAC,EAAE,aAAa,CAAA;IACrC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACrC,oBAAoB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAA;IAC/D,0BAA0B,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;IAC5D,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuDlD,CAAA;AA0BD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsL7B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/styles.css

@@ -560,9 +560,6 @@ body{
 .col-span-2{
     grid-column: span 2 / span 2;
 }
-.col-span-3{
-    grid-column: span 3 / span 3;
-}
 .col-span-7{
     grid-column: span 7 / span 7;
 }
@@ -3224,9 +3221,6 @@ html {
     .sm\:col-span-4{
         grid-column: span 4 / span 4;
     }
-    .sm\:col-span-6{
-        grid-column: span 6 / span 6;
-    }
     .sm\:mt-6{
         margin-top: 1.5rem;
     }
@@ -3298,12 +3292,12 @@ html {
     .sm\:pb-6{
         padding-bottom: 1.5rem;
     }
-    .sm\:pb-60{
-        padding-bottom: 15rem;
-    }
     .sm\:pb-\[116px\]{
         padding-bottom: 116px;
     }
+    .sm\:pb-\[280px\]{
+        padding-bottom: 280px;
+    }
     .sm\:pb-\[80px\]{
         padding-bottom: 80px;
     }

package/package.json

@@ -13,7 +13,7 @@
     "type": "git",
     "url": "git+https://github.com/wowxoxo/precision-ui.git"
   },
-  "version": "0.10.7",
+  "version": "0.10.9",
   "type": "module",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",