@iit/precision-ui 0.8.10 → 0.8.12

package/dist/components/ui/button/ButtonPrimary.d.ts

@@ -17,6 +17,7 @@ export interface ButtonPrimaryProps extends React.ButtonHTMLAttributes<HTMLButto
     linkClassName?: string;
     children?: React.ReactNode;
     href?: string;
+    target?: '_blank';
     asChild?: boolean;
 }
 declare const ButtonPrimary: React.FC<ButtonPrimaryProps>;

package/dist/components/ui/button/ButtonPrimary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonPrimary.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/ButtonPrimary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,cAAc;;;8EAmBnB,CAAA;AAED,QAAA,MAAM,sBAAsB;;;8EAmB3B,CAAA;AAED,UAAU,2BAA2B;IACnC,aAAa,CAAC,EAAE,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC,eAAe,CAAC,CAAA;CAC7E;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC,EACnC,2BAA2B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4C/C,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"ButtonPrimary.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/ButtonPrimary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,cAAc;;;8EAmBnB,CAAA;AAED,QAAA,MAAM,sBAAsB;;;8EAmB3B,CAAA;AAED,UAAU,2BAA2B;IACnC,aAAa,CAAC,EAAE,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC,eAAe,CAAC,CAAA;CAC7E;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC,EACnC,2BAA2B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6C/C,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/index.es29.js

@@ -19,7 +19,7 @@ const F = ({
   detailsText: E
 }) => {
   const o = N(
-    "p-6 pb-4 bg-whitish rounded-lg transition-all bottom-0 transform duration-300 hover:scale1-[1.015] border border-transparent hover:border-sapphire1 relative col-span-1 flex flex-col justify-between items-start sm:min-h-[264px] h-full",
+    "p-6 pb-4 bg-whitish rounded-lg transition-all bottom-0 transform duration-300 hover:scale1-[1.015] border border-transparent hover:border-sapphire1 relative col-span-1 !flex flex-col justify-between items-start sm:min-h-[264px] h-full",
     {
       variants: {
         size: {

package/dist/index.es29.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es29.js","sources":["../src/components/cards/FeaturedCard.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\n\r\nimport { ButtonText } from '../ui/button'\r\nimport Heading from '../core/typography/Heading'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { cva } from 'class-variance-authority'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface FeaturedCardProps {\r\n  size: 1 | 2 | 3 | 4\r\n  tags: TagItemProps[]\r\n  link?: string\r\n  title: string\r\n  desc?: string\r\n  className?: string\r\n  showDivider?: boolean\r\n  price?: string\r\n  oldPrice?: string\r\n  detailsText?: string\r\n}\r\n\r\nconst FeaturedCard: React.FC<FeaturedCardProps> = ({\r\n  size,\r\n  tags,\r\n  link,\r\n  title,\r\n  desc,\r\n  className,\r\n  showDivider,\r\n  price,\r\n  oldPrice,\r\n  detailsText,\r\n}) => {\r\n  const cardStyles = cva(\r\n    'p-6 pb-4 bg-whitish rounded-lg transition-all bottom-0 transform duration-300 hover:scale1-[1.015] border border-transparent hover:border-sapphire1 relative col-span-1 flex flex-col justify-between items-start sm:min-h-[264px] h-full',\r\n    {\r\n      variants: {\r\n        size: {\r\n          1: 'sm:col-span-1',\r\n          2: 'sm:col-span-2',\r\n          3: 'sm:col-span-3',\r\n          4: 'sm:col-span-4',\r\n        },\r\n      },\r\n      defaultVariants: {\r\n        size: 1,\r\n      },\r\n    }\r\n  )\r\n\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n  const component = (\r\n    <Fragment>\r\n      <div data-test-id=\"content-container\">\r\n        <div className=\"flex space-x-2\">\r\n          {tags.map((tag, index) => (\r\n            <Tag key={index} variant={tag.color}>\r\n              {tag.title}\r\n            </Tag>\r\n          ))}\r\n        </div>\r\n        <div className=\"space-y-2\">\r\n          <Heading level={5} className=\"mt-6 lg:max-w-sm\" as={'div'}>\r\n            {title}\r\n          </Heading>\r\n          {desc && (\r\n            <Text\r\n              variant=\"small-body\"\r\n              className=\"text-navy-opacity-60 lg:max-w-sm\"\r\n            >\r\n              {desc}\r\n            </Text>\r\n          )}\r\n        </div>\r\n      </div>\r\n      {/* TODO: here is the button, should be a link */}\r\n      <div className=\"mt-2 sm:mt-6 space-y-6 w-full\">\r\n        {showDivider && <div className=\"border-t border-navy-opacity-16\"></div>}\r\n        <div className=\"flex space-x-4 items-baseline\">\r\n          {oldPrice && (\r\n            <Text\r\n              variant=\"caption\"\r\n              className=\"text-navy-opacity-40 line-through\"\r\n            >\r\n              {oldPrice}\r\n            </Text>\r\n          )}\r\n          <Heading level={4} as={'div'}>\r\n            {price}\r\n          </Heading>\r\n        </div>\r\n        {link && (\r\n          <ButtonText icon=\"arrowRight\">\r\n            {detailsText || 'Подробнее'}\r\n          </ButtonText>\r\n        )}\r\n      </div>\r\n    </Fragment>\r\n  )\r\n\r\n  if (link) {\r\n    return (\r\n      <LinkWrapper\r\n        href={link}\r\n        className={cn(\r\n          cardStyles({ size, className }),\r\n          'cursor-pointer hover:bottom-1'\r\n        )}\r\n      >\r\n        {component}\r\n      </LinkWrapper>\r\n    )\r\n  }\r\n\r\n  return <div className={cn(cardStyles({ size, className }))}>{component}</div>\r\n}\r\n\r\nexport default FeaturedCard\r\n"],"names":["FeaturedCard","size","tags","link","title","desc","className","showDivider","price","oldPrice","detailsText","cardStyles","cva","LinkWrapper","getAdapter","component","React","Fragment","tag","index","Tag","Heading","Text","ButtonText","cn","FeaturedCard$1"],"mappings":";;;;;;;;AAuBA,MAAMA,IAA4C,CAAC;AAAA,EACjD,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAaC;AAAA,IACjB;AAAA,IACA;AAAA,MACE,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,MACF;AAAA,MACA,iBAAiB;AAAA,QACf,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EAAA,GAGIC,IAAcC,EAAW,aAAa,GAEtCC,IACHC,gBAAAA,EAAA,cAAAC,GAAA,sCACE,OAAI,EAAA,gBAAa,uBACfD,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,oBACZd,EAAK,IAAI,CAACgB,GAAKC,MACbH,gBAAAA,EAAA,cAAAI,GAAA,EAAI,KAAKD,GAAO,SAASD,EAAI,MAAA,GAC3BA,EAAI,KACP,CACD,CACH,GACAF,gBAAAA,EAAA,cAAC,SAAI,WAAU,YAAA,mCACZK,GAAQ,EAAA,OAAO,GAAG,WAAU,oBAAmB,IAAI,MACjD,GAAAjB,CACH,GACCC,KACCW,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAETjB;AAAA,EAGP,CAAA,CACF,GAECW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,mCACZT,KAAgBS,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,kCAAkC,CAAA,mCAChE,OAAI,EAAA,WAAU,mCACZP,KACCO,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAETb;AAAA,EAAA,GAGJO,gBAAAA,EAAA,cAAAK,GAAA,EAAQ,OAAO,GAAG,IAAI,SACpBb,CACH,CACF,GACCL,qCACEoB,GAAW,EAAA,MAAK,gBACdb,KAAe,WAClB,CAEJ,CACF;AAGF,SAAIP,IAEAa,gBAAAA,EAAA;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,WAAWqB;AAAA,QACTb,EAAW,EAAE,MAAAV,GAAM,WAAAK,GAAW;AAAA,QAC9B;AAAA,MACF;AAAA,IAAA;AAAA,IAECS;AAAA,EAAA,IAKAC,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWQ,EAAGb,EAAW,EAAE,MAAAV,GAAM,WAAAK,EAAU,CAAC,CAAC,EAAA,GAAIS,CAAU;AACzE,GAEAU,IAAezB;"}
+{"version":3,"file":"index.es29.js","sources":["../src/components/cards/FeaturedCard.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\n\r\nimport { ButtonText } from '../ui/button'\r\nimport Heading from '../core/typography/Heading'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { cva } from 'class-variance-authority'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface FeaturedCardProps {\r\n  size: 1 | 2 | 3 | 4\r\n  tags: TagItemProps[]\r\n  link?: string\r\n  title: string\r\n  desc?: string\r\n  className?: string\r\n  showDivider?: boolean\r\n  price?: string\r\n  oldPrice?: string\r\n  detailsText?: string\r\n}\r\n\r\nconst FeaturedCard: React.FC<FeaturedCardProps> = ({\r\n  size,\r\n  tags,\r\n  link,\r\n  title,\r\n  desc,\r\n  className,\r\n  showDivider,\r\n  price,\r\n  oldPrice,\r\n  detailsText,\r\n}) => {\r\n  const cardStyles = cva(\r\n    'p-6 pb-4 bg-whitish rounded-lg transition-all bottom-0 transform duration-300 hover:scale1-[1.015] border border-transparent hover:border-sapphire1 relative col-span-1 !flex flex-col justify-between items-start sm:min-h-[264px] h-full',\r\n    {\r\n      variants: {\r\n        size: {\r\n          1: 'sm:col-span-1',\r\n          2: 'sm:col-span-2',\r\n          3: 'sm:col-span-3',\r\n          4: 'sm:col-span-4',\r\n        },\r\n      },\r\n      defaultVariants: {\r\n        size: 1,\r\n      },\r\n    }\r\n  )\r\n\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n  const component = (\r\n    <Fragment>\r\n      <div data-test-id=\"content-container\">\r\n        <div className=\"flex space-x-2\">\r\n          {tags.map((tag, index) => (\r\n            <Tag key={index} variant={tag.color}>\r\n              {tag.title}\r\n            </Tag>\r\n          ))}\r\n        </div>\r\n        <div className=\"space-y-2\">\r\n          <Heading level={5} className=\"mt-6 lg:max-w-sm\" as={'div'}>\r\n            {title}\r\n          </Heading>\r\n          {desc && (\r\n            <Text\r\n              variant=\"small-body\"\r\n              className=\"text-navy-opacity-60 lg:max-w-sm\"\r\n            >\r\n              {desc}\r\n            </Text>\r\n          )}\r\n        </div>\r\n      </div>\r\n      {/* TODO: here is the button, should be a link */}\r\n      <div className=\"mt-2 sm:mt-6 space-y-6 w-full\">\r\n        {showDivider && <div className=\"border-t border-navy-opacity-16\"></div>}\r\n        <div className=\"flex space-x-4 items-baseline\">\r\n          {oldPrice && (\r\n            <Text\r\n              variant=\"caption\"\r\n              className=\"text-navy-opacity-40 line-through\"\r\n            >\r\n              {oldPrice}\r\n            </Text>\r\n          )}\r\n          <Heading level={4} as={'div'}>\r\n            {price}\r\n          </Heading>\r\n        </div>\r\n        {link && (\r\n          <ButtonText icon=\"arrowRight\">\r\n            {detailsText || 'Подробнее'}\r\n          </ButtonText>\r\n        )}\r\n      </div>\r\n    </Fragment>\r\n  )\r\n\r\n  if (link) {\r\n    return (\r\n      <LinkWrapper\r\n        href={link}\r\n        className={cn(\r\n          cardStyles({ size, className }),\r\n          'cursor-pointer hover:bottom-1'\r\n        )}\r\n      >\r\n        {component}\r\n      </LinkWrapper>\r\n    )\r\n  }\r\n\r\n  return <div className={cn(cardStyles({ size, className }))}>{component}</div>\r\n}\r\n\r\nexport default FeaturedCard\r\n"],"names":["FeaturedCard","size","tags","link","title","desc","className","showDivider","price","oldPrice","detailsText","cardStyles","cva","LinkWrapper","getAdapter","component","React","Fragment","tag","index","Tag","Heading","Text","ButtonText","cn","FeaturedCard$1"],"mappings":";;;;;;;;AAuBA,MAAMA,IAA4C,CAAC;AAAA,EACjD,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAaC;AAAA,IACjB;AAAA,IACA;AAAA,MACE,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,MACF;AAAA,MACA,iBAAiB;AAAA,QACf,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EAAA,GAGIC,IAAcC,EAAW,aAAa,GAEtCC,IACHC,gBAAAA,EAAA,cAAAC,GAAA,sCACE,OAAI,EAAA,gBAAa,uBACfD,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,oBACZd,EAAK,IAAI,CAACgB,GAAKC,MACbH,gBAAAA,EAAA,cAAAI,GAAA,EAAI,KAAKD,GAAO,SAASD,EAAI,MAAA,GAC3BA,EAAI,KACP,CACD,CACH,GACAF,gBAAAA,EAAA,cAAC,SAAI,WAAU,YAAA,mCACZK,GAAQ,EAAA,OAAO,GAAG,WAAU,oBAAmB,IAAI,MACjD,GAAAjB,CACH,GACCC,KACCW,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAETjB;AAAA,EAGP,CAAA,CACF,GAECW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,mCACZT,KAAgBS,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,kCAAkC,CAAA,mCAChE,OAAI,EAAA,WAAU,mCACZP,KACCO,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAETb;AAAA,EAAA,GAGJO,gBAAAA,EAAA,cAAAK,GAAA,EAAQ,OAAO,GAAG,IAAI,SACpBb,CACH,CACF,GACCL,qCACEoB,GAAW,EAAA,MAAK,gBACdb,KAAe,WAClB,CAEJ,CACF;AAGF,SAAIP,IAEAa,gBAAAA,EAAA;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,WAAWqB;AAAA,QACTb,EAAW,EAAE,MAAAV,GAAM,WAAAK,GAAW;AAAA,QAC9B;AAAA,MACF;AAAA,IAAA;AAAA,IAECS;AAAA,EAAA,IAKAC,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWQ,EAAGb,EAAW,EAAE,MAAAV,GAAM,WAAAK,EAAU,CAAC,CAAC,EAAA,GAAIS,CAAU;AACzE,GAEAU,IAAezB;"}

package/dist/index.es4.js

@@ -41,20 +41,21 @@ const p = h(
       iconDirection: "default"
     }
   }
-), d = ({
+), y = ({
   className: r,
   linkClassName: f,
   children: i,
   theme: a,
   iconDirection: n,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  size: y,
+  size: g,
   href: o,
+  target: d,
   // asChild = false,
   ...s
 }) => {
   const l = "flex justify-between items-center gap-8";
-  return o ? /* @__PURE__ */ t.createElement("a", { href: o, className: f }, /* @__PURE__ */ t.createElement(c, { className: e(p({ theme: a, className: r })), ...s }, /* @__PURE__ */ t.createElement("div", { className: e(l, "w-full") }, i, /* @__PURE__ */ t.createElement(
+  return o ? /* @__PURE__ */ t.createElement("a", { href: o, className: f, target: d }, /* @__PURE__ */ t.createElement(c, { className: e(p({ theme: a, className: r })), ...s }, /* @__PURE__ */ t.createElement("div", { className: e(l, "w-full") }, i, /* @__PURE__ */ t.createElement(
     "div",
     {
       className: e(m({ theme: a, iconDirection: n }))
@@ -69,8 +70,8 @@ const p = h(
     },
     /* @__PURE__ */ t.createElement("div", { className: e(l) }, i, /* @__PURE__ */ t.createElement("div", { className: e(m({ theme: a, iconDirection: n })) }, /* @__PURE__ */ t.createElement(u, null)))
   );
-}, x = d;
+}, N = y;
 export {
-  x as default
+  N as default
 };
 //# sourceMappingURL=index.es4.js.map

package/dist/index.es4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es4.js","sources":["../src/components/ui/button/ButtonPrimary.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Button } from './button'\r\nimport { ArrowRight16X16 } from '@iit/precision-ui-icons'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst buttonVariants = cva(\r\n  'bg-white text-navy hover:bg-whitish-opacity-80 cursor-pointer',\r\n  {\r\n    variants: {\r\n      theme: {\r\n        default: '',\r\n        opacity: 'bg-whitish-opacity-16 text-white hover:bg-whitish-opacity-24',\r\n        sapphire: 'bg-sapphire text-white hover:bg-sapphire-hover',\r\n      },\r\n      size: {\r\n        default: 'h-14 px-8 py-4 pr-2 gap-8 group',\r\n        defaultWithoutIcon: 'h-14 px-4 py-4',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      theme: 'default',\r\n      size: 'default',\r\n    },\r\n  }\r\n)\r\n\r\nconst arrowContainerVariants = cva(\r\n  'rounded-full bg-navy-opacity-4 h-10 w-10 inline-flex items-center justify-center group-hover:bg-transparent duration-200',\r\n  {\r\n    variants: {\r\n      theme: {\r\n        default: '',\r\n        opacity: 'bg-whitish-opacity-8',\r\n        sapphire: 'bg-whitish-opacity-32',\r\n      },\r\n      iconDirection: {\r\n        default: '',\r\n        down: 'rotate-90',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      theme: 'default',\r\n      iconDirection: 'default',\r\n    },\r\n  }\r\n)\r\n\r\ninterface ArrowContainerPropsToButton {\r\n  iconDirection?: VariantProps<typeof arrowContainerVariants>['iconDirection']\r\n}\r\n\r\nexport interface ButtonPrimaryProps\r\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n    VariantProps<typeof buttonVariants>,\r\n    ArrowContainerPropsToButton {\r\n  className?: string\r\n  linkClassName?: string\r\n  children?: React.ReactNode\r\n  // as?: 'button' | 'a'\r\n  href?: string\r\n  asChild?: boolean\r\n}\r\n\r\nconst ButtonPrimary: React.FC<ButtonPrimaryProps> = ({\r\n  className,\r\n  linkClassName,\r\n  children,\r\n  theme,\r\n  iconDirection,\r\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n  size,\r\n  href,\r\n  // asChild = false,\r\n  ...props\r\n}) => {\r\n  const containerStyles = 'flex justify-between items-center gap-8'\r\n  if (href) {\r\n    return (\r\n      <a href={href} className={linkClassName}>\r\n        <Button className={cn(buttonVariants({ theme, className }))} {...props}>\r\n          <div className={cn(containerStyles, 'w-full')}>\r\n            {children}\r\n            <div\r\n              className={cn(arrowContainerVariants({ theme, iconDirection }))}\r\n            >\r\n              <ArrowRight16X16 />\r\n            </div>\r\n          </div>\r\n        </Button>\r\n      </a>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <Button\r\n      className={cn(buttonVariants({ theme, className }))}\r\n      asChild\r\n      {...props}\r\n    >\r\n      <div className={cn(containerStyles)}>\r\n        {children}\r\n        <div className={cn(arrowContainerVariants({ theme, iconDirection }))}>\r\n          <ArrowRight16X16 />\r\n        </div>\r\n      </div>\r\n    </Button>\r\n  )\r\n}\r\n\r\nexport default ButtonPrimary\r\n"],"names":["buttonVariants","cva","arrowContainerVariants","ButtonPrimary","className","linkClassName","children","theme","iconDirection","size","href","props","containerStyles","React","Button","cn","ArrowRight16X16","ButtonPrimary$1"],"mappings":";;;;;AAOA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,oBAAoB;AAAA,MACtB;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEMC,IAAyBD;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,eAAe;AAAA,QACb,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,eAAe;AAAA,IACjB;AAAA,EACF;AACF,GAkBME,IAA8C,CAAC;AAAA,EACnD,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA;AAAA,EAEA,MAAAC;AAAA,EACA,MAAAC;AAAA;AAAA,EAEA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAkB;AACxB,SAAIF,IAEAG,gBAAAA,EAAA,cAAC,KAAE,EAAA,MAAAH,GAAY,WAAWL,EAAA,mCACvBS,GAAO,EAAA,WAAWC,EAAGf,EAAe,EAAE,OAAAO,GAAO,WAAAH,EAAW,CAAA,CAAC,GAAI,GAAGO,EAC/D,GAAAE,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWE,EAAGH,GAAiB,QAAQ,EAAA,GACzCN,GACDO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE,EAAGb,EAAuB,EAAE,OAAAK,GAAO,eAAAC,EAAe,CAAA,CAAC;AAAA,IAAA;AAAA,oCAE7DQ,GAAgB,IAAA;AAAA,EAErB,CAAA,CACF,CACF,IAKFH,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGf,EAAe,EAAE,OAAAO,GAAO,WAAAH,EAAW,CAAA,CAAC;AAAA,MAClD,SAAO;AAAA,MACN,GAAGO;AAAA,IAAA;AAAA,IAEJE,gBAAAA,EAAA,cAAC,SAAI,WAAWE,EAAGH,CAAe,EAC/B,GAAAN,mCACA,OAAI,EAAA,WAAWS,EAAGb,EAAuB,EAAE,OAAAK,GAAO,eAAAC,EAAc,CAAC,CAAC,KACjEK,gBAAAA,EAAA,cAACG,GAAgB,IAAA,CACnB,CACF;AAAA,EAAA;AAGN,GAEAC,IAAed;"}
+{"version":3,"file":"index.es4.js","sources":["../src/components/ui/button/ButtonPrimary.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Button } from './button'\r\nimport { ArrowRight16X16 } from '@iit/precision-ui-icons'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst buttonVariants = cva(\r\n  'bg-white text-navy hover:bg-whitish-opacity-80 cursor-pointer',\r\n  {\r\n    variants: {\r\n      theme: {\r\n        default: '',\r\n        opacity: 'bg-whitish-opacity-16 text-white hover:bg-whitish-opacity-24',\r\n        sapphire: 'bg-sapphire text-white hover:bg-sapphire-hover',\r\n      },\r\n      size: {\r\n        default: 'h-14 px-8 py-4 pr-2 gap-8 group',\r\n        defaultWithoutIcon: 'h-14 px-4 py-4',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      theme: 'default',\r\n      size: 'default',\r\n    },\r\n  }\r\n)\r\n\r\nconst arrowContainerVariants = cva(\r\n  'rounded-full bg-navy-opacity-4 h-10 w-10 inline-flex items-center justify-center group-hover:bg-transparent duration-200',\r\n  {\r\n    variants: {\r\n      theme: {\r\n        default: '',\r\n        opacity: 'bg-whitish-opacity-8',\r\n        sapphire: 'bg-whitish-opacity-32',\r\n      },\r\n      iconDirection: {\r\n        default: '',\r\n        down: 'rotate-90',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      theme: 'default',\r\n      iconDirection: 'default',\r\n    },\r\n  }\r\n)\r\n\r\ninterface ArrowContainerPropsToButton {\r\n  iconDirection?: VariantProps<typeof arrowContainerVariants>['iconDirection']\r\n}\r\n\r\nexport interface ButtonPrimaryProps\r\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n    VariantProps<typeof buttonVariants>,\r\n    ArrowContainerPropsToButton {\r\n  className?: string\r\n  linkClassName?: string\r\n  children?: React.ReactNode\r\n  // as?: 'button' | 'a'\r\n  href?: string\r\n  target?: '_blank'\r\n  asChild?: boolean\r\n}\r\n\r\nconst ButtonPrimary: React.FC<ButtonPrimaryProps> = ({\r\n  className,\r\n  linkClassName,\r\n  children,\r\n  theme,\r\n  iconDirection,\r\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n  size,\r\n  href,\r\n  target,\r\n  // asChild = false,\r\n  ...props\r\n}) => {\r\n  const containerStyles = 'flex justify-between items-center gap-8'\r\n  if (href) {\r\n    return (\r\n      <a href={href} className={linkClassName} target={target}>\r\n        <Button className={cn(buttonVariants({ theme, className }))} {...props}>\r\n          <div className={cn(containerStyles, 'w-full')}>\r\n            {children}\r\n            <div\r\n              className={cn(arrowContainerVariants({ theme, iconDirection }))}\r\n            >\r\n              <ArrowRight16X16 />\r\n            </div>\r\n          </div>\r\n        </Button>\r\n      </a>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <Button\r\n      className={cn(buttonVariants({ theme, className }))}\r\n      asChild\r\n      {...props}\r\n    >\r\n      <div className={cn(containerStyles)}>\r\n        {children}\r\n        <div className={cn(arrowContainerVariants({ theme, iconDirection }))}>\r\n          <ArrowRight16X16 />\r\n        </div>\r\n      </div>\r\n    </Button>\r\n  )\r\n}\r\n\r\nexport default ButtonPrimary\r\n"],"names":["buttonVariants","cva","arrowContainerVariants","ButtonPrimary","className","linkClassName","children","theme","iconDirection","size","href","target","props","containerStyles","React","Button","cn","ArrowRight16X16","ButtonPrimary$1"],"mappings":";;;;;AAOA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,oBAAoB;AAAA,MACtB;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEMC,IAAyBD;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,eAAe;AAAA,QACb,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,eAAe;AAAA,IACjB;AAAA,EACF;AACF,GAmBME,IAA8C,CAAC;AAAA,EACnD,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA;AAAA,EAEA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA;AAAA,EAEA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAkB;AACxB,SAAIH,IAEAI,gBAAAA,EAAA,cAAC,KAAE,EAAA,MAAAJ,GAAY,WAAWL,GAAe,QAAAM,EACvC,GAAAG,gBAAAA,EAAA,cAACC,GAAO,EAAA,WAAWC,EAAGhB,EAAe,EAAE,OAAAO,GAAO,WAAAH,GAAW,CAAC,GAAI,GAAGQ,EAC/D,GAAAE,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWE,EAAGH,GAAiB,QAAQ,EAAA,GACzCP,GACDQ,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE,EAAGd,EAAuB,EAAE,OAAAK,GAAO,eAAAC,EAAe,CAAA,CAAC;AAAA,IAAA;AAAA,oCAE7DS,GAAgB,IAAA;AAAA,EAErB,CAAA,CACF,CACF,IAKFH,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGhB,EAAe,EAAE,OAAAO,GAAO,WAAAH,EAAW,CAAA,CAAC;AAAA,MAClD,SAAO;AAAA,MACN,GAAGQ;AAAA,IAAA;AAAA,IAEJE,gBAAAA,EAAA,cAAC,SAAI,WAAWE,EAAGH,CAAe,EAC/B,GAAAP,mCACA,OAAI,EAAA,WAAWU,EAAGd,EAAuB,EAAE,OAAAK,GAAO,eAAAC,EAAc,CAAC,CAAC,KACjEM,gBAAAA,EAAA,cAACG,GAAgB,IAAA,CACnB,CACF;AAAA,EAAA;AAGN,GAEAC,IAAef;"}

package/dist/index.es40.js

@@ -1,28 +1,30 @@
 import V from "./index.es54.js";
-import f from "./index.es4.js";
-import N from "./index.es46.js";
+import u from "./index.es4.js";
+import y from "./index.es46.js";
 import e from "react";
-import k from "./index.es19.js";
-import H from "./index.es14.js";
-import y from "./index.es47.js";
-import { cn as n } from "./index.es55.js";
-import { cva as h } from "class-variance-authority";
-import { getAdapter as j } from "./index.es9.js";
-const I = h("", {
+import H from "./index.es19.js";
+import j from "./index.es14.js";
+import C from "./index.es47.js";
+import { cn as i } from "./index.es55.js";
+import { cva as f } from "class-variance-authority";
+import { getAdapter as I } from "./index.es9.js";
+const W = f("", {
   variants: {
     size: {
       default: "sm:pb-32",
       medium: "sm:pb-[116px]",
+      large: "sm:pb-32",
+      // not used, copy from default
       small: "sm:pb-10"
     }
   },
   defaultVariants: {
     size: "default"
   }
-}), W = h("", {
+}), _ = f("", {
   variants: {
     size: {
-      default: "sm:pb-[76px]",
+      default: "sm:pb-[80px]",
       medium: "sm:pb-6",
       small: "sm:pb-6"
     }
@@ -30,57 +32,60 @@ const I = h("", {
   defaultVariants: {
     size: "default"
   }
-}), _ = h("", {
+}), q = f("", {
   variants: {
     contentContainerSize: {
       default: "mb-5 lg:max-w-[700px]",
       medium: "lg:max-w-[590px]",
-      large: "lg:max-w-5xl"
-      // small: "",
+      large: "lg:max-w-5xl",
+      small: "lg:max-w-[700px]"
+      // not used, copy from default
     }
   },
   defaultVariants: {
     contentContainerSize: "default"
   }
-}), q = h("", {
+}), z = f("", {
   variants: {
     contentContainerSize: {
       default: "lg:max-w-[460px]",
       medium: "lg:max-w-[370px]",
-      large: "lg:max-w-2xl"
-      // small: "",
+      large: "lg:max-w-2xl",
+      small: "lg:max-w-[460px]"
+      // not used, copy from default
     }
   },
   defaultVariants: {
     contentContainerSize: "default"
   }
-}), C = ({
+}), k = ({
   text: a,
   href: r,
   target: c,
-  anchor: o,
+  anchor: x,
   theme: l,
-  className: i,
-  linkClassName: d,
+  className: m,
+  linkClassName: o,
   iconDirection: s,
-  onClick: u
+  onClick: d
 }) => r ? /* @__PURE__ */ e.createElement(
-  f,
+  u,
   {
     href: r,
     theme: l,
-    className: n(i),
-    linkClassName: d,
-    iconDirection: s
+    className: i(m),
+    linkClassName: o,
+    iconDirection: s,
+    target: c
   },
   a
-) : o ? /* @__PURE__ */ e.createElement(f, { asChild: !0, theme: l, iconDirection: s }, /* @__PURE__ */ e.createElement("a", { href: r }, a)) : c ? /* @__PURE__ */ e.createElement(f, { asChild: !0, theme: l, iconDirection: s }, /* @__PURE__ */ e.createElement("a", { href: r, target: c, rel: "noopener noreferrer" }, a)) : /* @__PURE__ */ e.createElement(
-  f,
+) : x ? /* @__PURE__ */ e.createElement(u, { asChild: !0, theme: l, iconDirection: s }, /* @__PURE__ */ e.createElement("a", { href: r }, a)) : c ? /* @__PURE__ */ e.createElement(u, { asChild: !0, theme: l, iconDirection: s }, /* @__PURE__ */ e.createElement("a", { href: r, target: c, rel: "noopener noreferrer" }, a)) : /* @__PURE__ */ e.createElement(
+  u,
   {
     theme: l,
     iconDirection: s,
-    onClick: u,
-    className: n(i)
+    onClick: d,
+    className: i(m)
   },
   a
 ), B = (a) => {
@@ -93,7 +98,7 @@ const I = h("", {
           className: "w-full h-full flex justify-center items-center"
         },
         /* @__PURE__ */ e.createElement(
-          H,
+          j,
           {
             placeholder: "Фильтр по тарифам",
             onChange: (r) => {
@@ -109,17 +114,18 @@ const I = h("", {
 }, F = ({
   title: a,
   contentContainerSize: r,
-  desc: c,
-  price: o,
-  oldPrice: l,
-  image: i,
-  buttons: d,
-  childrenComponentType: s,
-  breadcrumbs: u,
-  bottomButtons: x,
-  size: m = "default",
+  contentContainerBottomSize: c,
+  desc: x,
+  price: l,
+  oldPrice: m,
+  image: o,
+  buttons: s,
+  childrenComponentType: d,
+  breadcrumbs: h,
+  bottomButtons: g,
+  size: n = "default",
   imageSize: p,
-  linesImage: g,
+  linesImage: w,
   onButtonClick: v
 }) => {
   const E = (t) => {
@@ -131,7 +137,7 @@ const I = h("", {
       default:
         return 664;
     }
-  }, w = (t) => {
+  }, b = (t) => {
     switch (t) {
       case "small":
         return 336;
@@ -140,53 +146,55 @@ const I = h("", {
       default:
         return 544;
     }
-  }, b = j("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: n(
+      className: i(
         "w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12",
-        I({ size: m })
+        W({
+          size: c || n
+        })
       )
     },
-    /* @__PURE__ */ e.createElement("div", { className: "right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block" }, u && /* @__PURE__ */ e.createElement(V, { list: u })),
+    /* @__PURE__ */ e.createElement("div", { className: "right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block" }, h && /* @__PURE__ */ e.createElement(V, { list: h })),
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: n(
+        className: i(
           "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: m })
+          _({ size: n })
         )
       },
       /* @__PURE__ */ e.createElement(
-        N,
+        y,
         {
           level: 1,
           as: "h1",
-          className: n("", _({ contentContainerSize: r }))
+          className: i("", q({ contentContainerSize: r }))
         },
-        /* @__PURE__ */ e.createElement(k, { html: a })
+        /* @__PURE__ */ e.createElement(H, { html: a })
       ),
-      /* @__PURE__ */ e.createElement("div", { className: "space-y-10" }, /* @__PURE__ */ e.createElement(
-        y,
+      /* @__PURE__ */ e.createElement("div", { className: "space-y-8" }, /* @__PURE__ */ e.createElement(
+        C,
         {
           variant: "body",
-          className: n(
-            q({ contentContainerSize: r }),
-            "text-whitish-opacity-60 mt-5"
+          className: i(
+            z({ contentContainerSize: r }),
+            "text-whitish-opacity-60"
           )
         },
-        c
-      ), (o || l) && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-5 items-baseline" }, l && /* @__PURE__ */ e.createElement(
-        y,
+        x
+      ), (l || m) && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-5 items-baseline" }, m && /* @__PURE__ */ e.createElement(
+        C,
         {
           variant: "lead-text",
           className: "text-whitish-opacity-32 line-through"
         },
-        l
-      ), /* @__PURE__ */ e.createElement(N, { level: 3, as: "div" }, o)), d && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 mt-12 w-full" }, d.map((t) => /* @__PURE__ */ e.createElement(
-        C,
+        m
+      ), /* @__PURE__ */ e.createElement(y, { level: 3, as: "div" }, l)), s && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 mt-12 w-full" }, s.map((t) => /* @__PURE__ */ e.createElement(
+        k,
         {
           key: t.text,
           className: "w-fit",
@@ -195,40 +203,41 @@ const I = h("", {
           onClick: () => v?.(t.uniqId)
         }
       )))),
-      s && /* @__PURE__ */ e.createElement("div", { className: "mt-5" }, B(s))
+      d && /* @__PURE__ */ e.createElement("div", { className: "mt-5" }, B(d))
     )
-  ), x && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 absolute bottom-8 z-30 w-[96%] mx-auto" }, x.map((t) => /* @__PURE__ */ e.createElement(
-    C,
+  ), g && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 absolute bottom-8 z-30 w-[96%] mx-auto" }, g.map((t) => /* @__PURE__ */ e.createElement(
+    k,
     {
       key: t.text,
       theme: "opacity",
       ...t,
       className: "w-full backdrop-blur-[8px]",
       linkClassName: "w-full",
-      onClick: () => v?.(t.uniqId)
+      onClick: () => v?.(t.uniqId),
+      target: "_blank"
     }
-  ))), i && /* @__PURE__ */ e.createElement("div", { className: "hidden sm:block absolute bottom-0 right-6 floating" }, /* @__PURE__ */ e.createElement(
-    b,
+  ))), o && /* @__PURE__ */ e.createElement("div", { className: "hidden sm:block absolute bottom-0 right-6 floating" }, /* @__PURE__ */ e.createElement(
+    N,
     {
-      src: i,
+      src: o,
       alt: a,
-      width: E(p || m),
-      height: w(p || m),
+      width: E(p || n),
+      height: b(p || n),
       objectFit: "contain"
     }
-  )), g && /* @__PURE__ */ e.createElement("div", { className: "absolute bottom-0 right-6 fadeLines" }, /* @__PURE__ */ e.createElement(
-    b,
+  )), w && /* @__PURE__ */ e.createElement("div", { className: "absolute bottom-0 right-6 fadeLines" }, /* @__PURE__ */ e.createElement(
+    N,
     {
-      src: g,
+      src: w,
       alt: a,
-      width: E(p || m),
-      height: w(p || m),
+      width: E(p || n),
+      height: b(p || n),
       objectFit: "contain"
     }
   ))));
-}, O = F;
+}, Q = F;
 export {
-  C as HeroButton,
-  O as default
+  k as HeroButton,
+  Q 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('', {\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  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      >\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  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 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\r\n                      key={button.text}\r\n                      className=\"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 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                onClick={() => onButtonClick?.(button.uniqId)}\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","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('', {\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      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]',\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'\r\n  contentContainerBottomSize?: 'default' | 'small'\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 pb-12',\r\n            contentContainerVariants({\r\n              size: contentContainerBottomSize || size,\r\n            })\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-8\">\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\">\r\n                  {buttons.map((button) => (\r\n                    <HeroButton\r\n                      key={button.text}\r\n                      className=\"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 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                onClick={() => onButtonClick?.(button.uniqId)}\r\n                // target={button.target}\r\n                target=\"_blank\"\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/index.es5.js

@@ -14,7 +14,7 @@ const f = l(
       },
       size: {
         default: "px-[18px] py-[15px]",
-        sm: "px-[13.5px] py-[11px] hover:bg-white hover:text-navy"
+        sm: "px-[13.5px] py-[11px] hover:text-navy"
       }
     },
     defaultVariants: {

package/dist/index.es5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es5.js","sources":["../src/components/ui/button/ButtonSecondary.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Button } from './button'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst buttonVariants = cva(\r\n  'transition-all rounded-lg hover:rounded-[24px] border',\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: 'bg-navy text-white',\r\n        white: 'bg-white text-navy',\r\n        outline:\r\n          'bg-transparent text-navy border border-solid border-navy-opacity-32',\r\n        outlineWhite:\r\n          'bg-transparent text-white border border-solid border-whitish-opacity-32',\r\n      },\r\n      size: {\r\n        default: 'px-[18px] py-[15px]',\r\n        sm: 'px-[13.5px] py-[11px] hover:bg-white hover:text-navy',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: 'default',\r\n      size: 'default',\r\n    },\r\n  }\r\n)\r\n\r\nexport interface ButtonSecondaryProps\r\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n    VariantProps<typeof buttonVariants> {\r\n  className?: string\r\n  children?: React.ReactNode\r\n  asChild?: boolean\r\n}\r\n\r\nconst ButtonSecondary = React.forwardRef<\r\n  HTMLButtonElement,\r\n  ButtonSecondaryProps\r\n>(({ className, children, variant, size, asChild = false, ...props }, ref) => {\r\n  return (\r\n    <Button\r\n      className={cn(buttonVariants({ variant, size, className }))}\r\n      asChild={asChild}\r\n      ref={ref}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Button>\r\n  )\r\n})\r\n\r\nButtonSecondary.displayName = 'ButtonSecondary'\r\n\r\nexport default ButtonSecondary\r\n"],"names":["buttonVariants","cva","ButtonSecondary","React","className","children","variant","size","asChild","props","ref","Button","cn","ButtonSecondary$1"],"mappings":";;;;AAKA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,QACP,SACE;AAAA,QACF,cACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAUMC,IAAkBC,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,MAElEP,gBAAAA,EAAA;AAAA,EAACQ;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGZ,EAAe,EAAE,SAAAM,GAAS,MAAAC,GAAM,WAAAH,EAAA,CAAW,CAAC;AAAA,IAC1D,SAAAI;AAAA,IACA,KAAAE;AAAA,IACC,GAAGD;AAAA,EAAA;AAAA,EAEHJ;AAAA,CAGN;AAEDH,EAAgB,cAAc;AAE9B,MAAAW,IAAeX;"}
+{"version":3,"file":"index.es5.js","sources":["../src/components/ui/button/ButtonSecondary.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Button } from './button'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst buttonVariants = cva(\r\n  'transition-all rounded-lg hover:rounded-[24px] border',\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: 'bg-navy text-white',\r\n        white: 'bg-white text-navy',\r\n        outline:\r\n          'bg-transparent text-navy border border-solid border-navy-opacity-32',\r\n        outlineWhite:\r\n          'bg-transparent text-white border border-solid border-whitish-opacity-32',\r\n      },\r\n      size: {\r\n        default: 'px-[18px] py-[15px]',\r\n        sm: 'px-[13.5px] py-[11px] hover:text-navy',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: 'default',\r\n      size: 'default',\r\n    },\r\n  }\r\n)\r\n\r\nexport interface ButtonSecondaryProps\r\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n    VariantProps<typeof buttonVariants> {\r\n  className?: string\r\n  children?: React.ReactNode\r\n  asChild?: boolean\r\n}\r\n\r\nconst ButtonSecondary = React.forwardRef<\r\n  HTMLButtonElement,\r\n  ButtonSecondaryProps\r\n>(({ className, children, variant, size, asChild = false, ...props }, ref) => {\r\n  return (\r\n    <Button\r\n      className={cn(buttonVariants({ variant, size, className }))}\r\n      asChild={asChild}\r\n      ref={ref}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Button>\r\n  )\r\n})\r\n\r\nButtonSecondary.displayName = 'ButtonSecondary'\r\n\r\nexport default ButtonSecondary\r\n"],"names":["buttonVariants","cva","ButtonSecondary","React","className","children","variant","size","asChild","props","ref","Button","cn","ButtonSecondary$1"],"mappings":";;;;AAKA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,QACP,SACE;AAAA,QACF,cACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAUMC,IAAkBC,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,MAElEP,gBAAAA,EAAA;AAAA,EAACQ;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGZ,EAAe,EAAE,SAAAM,GAAS,MAAAC,GAAM,WAAAH,EAAA,CAAW,CAAC;AAAA,IAC1D,SAAAI;AAAA,IACA,KAAAE;AAAA,IACC,GAAGD;AAAA,EAAA;AAAA,EAEHJ;AAAA,CAGN;AAEDH,EAAgB,cAAc;AAE9B,MAAAW,IAAeX;"}

package/dist/sections/Hero.d.ts

@@ -13,7 +13,8 @@ export interface HeroProps {
     breadcrumbs?: BreadcrumbProps[];
     bottomButtons?: CommonButtonProps[];
     size?: 'default' | 'small' | 'medium';
-    contentContainerSize?: 'default' | 'medium' | 'large';
+    contentContainerSize?: 'default' | 'medium' | 'small';
+    contentContainerBottomSize?: 'default' | 'small';
     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;AAgEzB,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,CAAA;IACrD,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,CAsDlD,CAAA;AA0BD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoK7B,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;AAiEzB,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,CAAA;IACrD,0BAA0B,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAChD,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,CAyK7B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/sections/common.d.ts

@@ -1,7 +1,7 @@
 export interface CommonButtonProps {
     text: string;
     href?: string;
-    target?: string;
+    target?: '_blank';
     anchor?: boolean;
     theme?: 'default' | 'opacity' | 'sapphire';
     className?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/sections/common.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/sections/common.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B"}

package/dist/styles.css

@@ -642,6 +642,9 @@ body{
 .inline{
     display: inline;
 }
+.\!flex{
+    display: flex !important;
+}
 .flex{
     display: flex;
 }
@@ -967,11 +970,6 @@ body{
     margin-top: calc(0.375rem * calc(1 - var(--precision-ui-tw-space-y-reverse)));
     margin-bottom: calc(0.375rem * var(--precision-ui-tw-space-y-reverse));
 }
-.space-y-10 > :not([hidden]) ~ :not([hidden]){
-    --precision-ui-tw-space-y-reverse: 0;
-    margin-top: calc(2.5rem * calc(1 - var(--precision-ui-tw-space-y-reverse)));
-    margin-bottom: calc(2.5rem * var(--precision-ui-tw-space-y-reverse));
-}
 .space-y-12 > :not([hidden]) ~ :not([hidden]){
     --precision-ui-tw-space-y-reverse: 0;
     margin-top: calc(3rem * calc(1 - var(--precision-ui-tw-space-y-reverse)));
@@ -997,6 +995,11 @@ body{
     margin-top: calc(1.5rem * calc(1 - var(--precision-ui-tw-space-y-reverse)));
     margin-bottom: calc(1.5rem * var(--precision-ui-tw-space-y-reverse));
 }
+.space-y-8 > :not([hidden]) ~ :not([hidden]){
+    --precision-ui-tw-space-y-reverse: 0;
+    margin-top: calc(2rem * calc(1 - var(--precision-ui-tw-space-y-reverse)));
+    margin-bottom: calc(2rem * var(--precision-ui-tw-space-y-reverse));
+}
 .overflow-hidden{
     overflow: hidden;
 }
@@ -2753,8 +2756,8 @@ html {
     .sm\:pb-\[116px\]{
         padding-bottom: 116px;
     }
-    .sm\:pb-\[76px\]{
-        padding-bottom: 76px;
+    .sm\:pb-\[80px\]{
+        padding-bottom: 80px;
     }
     .sm\:pt-32{
         padding-top: 8rem;

package/package.json

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