@iit/precision-ui 0.8.43 → 0.9.1

package/dist/index.es40.js

@@ -1,14 +1,14 @@
 import k from "./index.es54.js";
-import u from "./index.es4.js";
+import f from "./index.es4.js";
 import y from "./index.es46.js";
 import e from "react";
 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 { cn as m } from "./index.es55.js";
+import { cva as x } from "class-variance-authority";
 import { getAdapter as I } from "./index.es9.js";
-const W = f("", {
+const W = x("", {
   variants: {
     size: {
       default: "sm:pb-32",
@@ -22,7 +22,7 @@ const W = f("", {
   defaultVariants: {
     size: "default"
   }
-}), _ = f("", {
+}), _ = x("", {
   variants: {
     size: {
       default: "sm:pb-[80px]",
@@ -33,7 +33,7 @@ const W = f("", {
   defaultVariants: {
     size: "default"
   }
-}), q = f("", {
+}), q = x("", {
   variants: {
     contentContainerSize: {
       default: "mb-5 lg:max-w-[700px]",
@@ -46,7 +46,7 @@ const W = f("", {
   defaultVariants: {
     contentContainerSize: "default"
   }
-}), z = f("", {
+}), z = x("", {
   variants: {
     contentContainerSize: {
       default: "lg:max-w-[460px]",
@@ -63,33 +63,33 @@ const W = f("", {
   text: a,
   href: r,
   target: c,
-  anchor: x,
+  anchor: g,
   theme: l,
-  className: m,
+  className: n,
   linkClassName: o,
   iconDirection: s,
   onClick: d
 }) => r ? /* @__PURE__ */ e.createElement(
-  u,
+  f,
   {
     href: r,
     theme: l,
-    className: i(m),
+    className: m(n),
     linkClassName: o,
     iconDirection: s,
     target: c
   },
   a
-) : 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,
+) : g ? /* @__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,
   {
     theme: l,
     iconDirection: s,
     onClick: d,
-    className: i(m)
+    className: m(n)
   },
   a
-), B = (a) => {
+), F = (a) => {
   switch (a) {
     case "search-news":
       return /* @__PURE__ */ e.createElement(
@@ -112,20 +112,20 @@ const W = f("", {
     default:
       return null;
   }
-}, F = ({
+}, R = ({
   title: a,
   contentContainerSize: r,
   contentContainerBottomSize: c,
-  desc: x,
+  desc: g,
   price: l,
-  oldPrice: m,
+  oldPrice: n,
   image: o,
   buttons: s,
   childrenComponentType: d,
-  breadcrumbs: g,
-  bottomButtons: h,
-  size: n = "default",
-  imageSize: p,
+  breadcrumbs: h,
+  bottomButtons: p,
+  size: i = "default",
+  imageSize: u,
   linesImage: w,
   onButtonClick: v
 }) => {
@@ -152,20 +152,21 @@ const W = f("", {
     "div",
     {
       "data-test-id": "content-container",
-      className: i(
+      className: m(
         "w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12",
         W({
-          size: c || n
+          size: c || i
         })
       )
     },
-    /* @__PURE__ */ e.createElement("div", { className: "right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block" }, g && /* @__PURE__ */ e.createElement(k, { list: g })),
+    /* @__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: i(
+        className: m(
           "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",
-          _({ size: n })
+          _({ size: i }),
+          p ? "pb-[60px]" : ""
         )
       },
       /* @__PURE__ */ e.createElement(
@@ -173,7 +174,7 @@ const W = f("", {
         {
           level: 1,
           as: "h1",
-          className: i("", q({ contentContainerSize: r }))
+          className: m("", q({ contentContainerSize: r }))
         },
         /* @__PURE__ */ e.createElement(H, { html: a })
       ),
@@ -181,19 +182,19 @@ const W = f("", {
         C,
         {
           variant: "body",
-          className: i(
+          className: m(
             z({ contentContainerSize: r }),
             "text-whitish-opacity-60"
           )
         },
-        x
-      ), (l || m) && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-5 items-baseline" }, m && /* @__PURE__ */ e.createElement(
+        g
+      ), (l || n) && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-5 items-baseline" }, n && /* @__PURE__ */ e.createElement(
         C,
         {
           variant: "lead-text",
           className: "text-whitish-opacity-32 line-through"
         },
-        m
+        n
       ), /* @__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(
         V,
         {
@@ -204,26 +205,35 @@ const W = f("", {
           onClick: () => v?.(t.uniqId)
         }
       )))),
-      d && /* @__PURE__ */ e.createElement("div", { className: "mt-5" }, B(d))
+      d && /* @__PURE__ */ e.createElement("div", { className: "mt-5" }, F(d))
     )
-  ), h && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 absolute bottom-8 z-30 w-[96%] mx-auto" }, h.map((t) => /* @__PURE__ */ e.createElement(
-    V,
+  ), p && /* @__PURE__ */ e.createElement(
+    "div",
     {
-      key: t.text,
-      theme: "opacity",
-      ...t,
-      className: "w-full backdrop-blur-[8px]",
-      linkClassName: "w-full",
-      onClick: () => v?.(t.uniqId),
-      target: t.target
-    }
-  ))), o && /* @__PURE__ */ e.createElement("div", { className: "hidden sm:block absolute bottom-0 right-6 floating" }, /* @__PURE__ */ e.createElement(
+      className: m(
+        "gap-4 absolute bottom-8 z-30 w-[96%]",
+        p.length === 4 ? "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 left-1/2 -translate-x-1/2" : "flex"
+      )
+    },
+    p.map((t) => /* @__PURE__ */ e.createElement(
+      V,
+      {
+        key: t.text,
+        theme: "opacity",
+        ...t,
+        className: "w-full backdrop-blur-[8px]",
+        linkClassName: "w-full",
+        onClick: () => v?.(t.uniqId),
+        target: t.target
+      }
+    ))
+  ), o && /* @__PURE__ */ e.createElement("div", { className: "hidden sm:block absolute bottom-0 right-6 floating" }, /* @__PURE__ */ e.createElement(
     N,
     {
       src: o,
       alt: a,
-      width: E(p || n),
-      height: b(p || n),
+      width: E(u || i),
+      height: b(u || i),
       objectFit: "contain"
     }
   )), w && /* @__PURE__ */ e.createElement("div", { className: "absolute bottom-0 right-6 fadeLines" }, /* @__PURE__ */ e.createElement(
@@ -231,12 +241,12 @@ const W = f("", {
     {
       src: w,
       alt: a,
-      width: E(p || n),
-      height: b(p || n),
+      width: E(u || i),
+      height: b(u || i),
       objectFit: "contain"
     }
   ))));
-}, Q = F;
+}, Q = R;
 export {
   V as HeroButton,
   Q as default

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      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]',\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 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              />\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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"}
+{"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      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]',\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 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              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\">\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\r\n            className={cn(\r\n              'gap-4 absolute bottom-8 z-30 w-[96%]',\r\n              bottomButtons.length === 4\r\n                ? 'grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 left-1/2 -translate-x-1/2'\r\n                : 'flex'\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/index.es41.js

@@ -1,4 +1,4 @@
-import i from "./index.es42.js";
+import c from "./index.es42.js";
 import p from "./index.es46.js";
 import e from "react";
 import r from "./index.es47.js";
@@ -26,30 +26,30 @@ const g = [
   withoutTopPadding: s,
   withoutBottomPadding: n,
   withTopMargin: l,
-  withBottomMargin: o
+  withBottomMargin: m
 }) => {
-  const m = d("ImageWrapper");
+  const o = d("ImageWrapper");
   return /* @__PURE__ */ e.createElement(
-    i,
+    c,
     {
       title: "",
       variant: a,
       withoutTopPadding: s,
       withoutBottomPadding: n,
       withTopMargin: l,
-      withBottomMargin: o
+      withBottomMargin: m
     },
-    /* @__PURE__ */ e.createElement("div", { className: "grid grid-cols-1 sm:auto-rows-[222px] sm:grid-cols-3 lg:grid-cols-6 gap-3 mt-4" }, /* @__PURE__ */ e.createElement("div", { className: "p-6 bg-whitish rounded-lg col-span-1 sm:col-span-3 row-start-1 row-end-3 flex flex-col justify-between" }, /* @__PURE__ */ e.createElement(p, { level: 2 }, "Более 50 000", " ", /* @__PURE__ */ e.createElement("span", { className: "text-navy-opacity-40" }, "компаний работают с нами")), /* @__PURE__ */ e.createElement(r, { variant: "body", className: "w-[87.5%]" }, "Среди наших клиентов — крупнейшие холдинги, государственные учреждения, финансовые и производственные компании, а также более 50 000 представителей малого и среднего бизнеса.")), g.map((t, c) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: "grid 2xs:grid-cols-2 2xs:auto-rows-[222px] sm:grid-cols-3 lg:grid-cols-6 gap-3 mt-4" }, /* @__PURE__ */ e.createElement("div", { className: "p-6 bg-whitish rounded-lg 2xs:col-span-2 sm:col-span-3 row-start-1 row-end-3 flex flex-col justify-between" }, /* @__PURE__ */ e.createElement(p, { level: 2 }, "Более 50 000", " ", /* @__PURE__ */ e.createElement("span", { className: "text-navy-opacity-40" }, "компаний работают с нами")), /* @__PURE__ */ e.createElement(r, { variant: "body", className: "w-[87.5%]" }, "Среди наших клиентов — крупнейшие холдинги, государственные учреждения, финансовые и производственные компании, а также более 50 000 представителей малого и среднего бизнеса.")), g.map((t, i) => /* @__PURE__ */ e.createElement(
       "div",
       {
-        key: c,
-        className: "rounded-lg border border-solid border-navy-opacity-16 flex align-middle justify-center items-center"
+        key: i,
+        className: "rounded-lg border border-solid border-navy-opacity-16 flex align-middle justify-center items-center min-h-[120px] 2xs:min-h-0"
       },
-      /* @__PURE__ */ e.createElement(m, { src: t, width: 160, height: 64, alt: t })
-    )), /* @__PURE__ */ e.createElement("div", { className: "bg-whitish rounded-lg flex items-center justify-center" }, /* @__PURE__ */ e.createElement(r, { variant: "body", className: "text-navy-opacity-40 py-6 sm:py-0" }, "50 000+")))
+      /* @__PURE__ */ e.createElement(o, { src: t, width: 160, height: 64, alt: t })
+    )), /* @__PURE__ */ e.createElement("div", { className: "bg-whitish rounded-lg flex items-center justify-center min-h-[120px] 2xs:min-h-0" }, /* @__PURE__ */ e.createElement(r, { variant: "body", className: "text-navy-opacity-40 py-6 sm:py-0" }, "50 000+")))
   );
-}, x = v;
+}, u = v;
 export {
-  x as default
+  u as default
 };
 //# sourceMappingURL=index.es41.js.map

package/dist/index.es41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es41.js","sources":["../src/sections/Partners.tsx"],"sourcesContent":["import Section, { SectionProps } from './Section'\r\n\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst partners = [\r\n  '/partners/rostelekom.svg',\r\n  '/partners/mts.svg',\r\n  '/partners/uralsib.svg',\r\n  '/partners/sberbank.svg',\r\n  '/partners/rosbank.svg',\r\n  '/partners/pochtabank.svg',\r\n  '/partners/vtb.svg',\r\n  '/partners/alfa.svg',\r\n  '/partners/otkrytie.svg',\r\n  // \"МТС\",\r\n  // \"Уралсиб\",\r\n  // \"Сбербанк\",\r\n  // \"Росбанк\",\r\n  // \"Почта Банк\",\r\n  // \"ВТБ\",\r\n  // \"РосБанк\",\r\n  // \"Открытие\",\r\n]\r\n\r\nexport interface PartnersProps {\r\n  variant?: SectionProps['variant']\r\n  withoutTopPadding?: boolean\r\n  withoutBottomPadding?: boolean\r\n  withTopMargin?: boolean\r\n  withBottomMargin?: boolean\r\n}\r\n\r\nconst Partners: React.FC<PartnersProps> = ({\r\n  variant,\r\n  withoutTopPadding,\r\n  withoutBottomPadding,\r\n  withTopMargin,\r\n  withBottomMargin,\r\n}) => {\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  return (\r\n    <Section\r\n      title=\"\"\r\n      variant={variant}\r\n      withoutTopPadding={withoutTopPadding}\r\n      withoutBottomPadding={withoutBottomPadding}\r\n      withTopMargin={withTopMargin}\r\n      withBottomMargin={withBottomMargin}\r\n    >\r\n      <div className=\"grid grid-cols-1 sm:auto-rows-[222px] sm:grid-cols-3 lg:grid-cols-6 gap-3 mt-4\">\r\n        <div className=\"p-6 bg-whitish rounded-lg col-span-1 sm:col-span-3 row-start-1 row-end-3 flex flex-col justify-between\">\r\n          <Heading level={2}>\r\n            Более 50 000{' '}\r\n            <span className=\"text-navy-opacity-40\">\r\n              компаний работают с нами\r\n            </span>\r\n          </Heading>\r\n\r\n          <Text variant=\"body\" className=\"w-[87.5%]\">\r\n            Среди наших клиентов — крупнейшие холдинги, государственные\r\n            учреждения, финансовые и производственные компании, а также\r\n            более&nbsp;50&nbsp;000 представителей малого и среднего бизнеса.\r\n          </Text>\r\n        </div>\r\n        {partners.map((partner, index) => (\r\n          <div\r\n            key={index}\r\n            className=\"rounded-lg border border-solid border-navy-opacity-16 flex align-middle justify-center items-center\"\r\n          >\r\n            <ImageWrapper src={partner} width={160} height={64} alt={partner} />\r\n          </div>\r\n        ))}\r\n        <div className=\"bg-whitish rounded-lg flex items-center justify-center\">\r\n          <Text variant=\"body\" className=\"text-navy-opacity-40 py-6 sm:py-0\">\r\n            50 000+\r\n          </Text>\r\n        </div>\r\n      </div>\r\n    </Section>\r\n  )\r\n}\r\n\r\nexport default Partners\r\n"],"names":["partners","Partners","variant","withoutTopPadding","withoutBottomPadding","withTopMargin","withBottomMargin","ImageWrapper","getAdapter","React","Section","Heading","Text","partner","index","Partners$1"],"mappings":";;;;;AAOA,MAAMA,IAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASF,GAUMC,IAAoC,CAAC;AAAA,EACzC,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAAC,IAAeC,EAAW,cAAc;AAG5C,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAAR;AAAA,MACA,mBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA;AAAA,IAECG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,iFAAA,mCACZ,OAAI,EAAA,WAAU,4GACbA,gBAAAA,EAAA,cAACE,KAAQ,OAAO,KAAG,gBACJ,qCACZ,QAAK,EAAA,WAAU,uBAAuB,GAAA,0BAEvC,CACF,GAECF,gBAAAA,EAAA,cAAAG,GAAA,EAAK,SAAQ,QAAO,WAAU,YAAY,GAAA,gLAI3C,CACF,GACCZ,EAAS,IAAI,CAACa,GAASC,MACtBL,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKK;AAAA,QACL,WAAU;AAAA,MAAA;AAAA,MAEVL,gBAAAA,EAAA,cAACF,KAAa,KAAKM,GAAS,OAAO,KAAK,QAAQ,IAAI,KAAKA,EAAS,CAAA;AAAA,IAAA,CAErE,GACAJ,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,yDACb,GAAAA,gBAAAA,EAAA,cAACG,GAAK,EAAA,SAAQ,QAAO,WAAU,oCAAoC,GAAA,SAEnE,CACF,CACF;AAAA,EAAA;AAGN,GAEAG,IAAed;"}
+{"version":3,"file":"index.es41.js","sources":["../src/sections/Partners.tsx"],"sourcesContent":["import Section, { SectionProps } from './Section'\r\n\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst partners = [\r\n  '/partners/rostelekom.svg',\r\n  '/partners/mts.svg',\r\n  '/partners/uralsib.svg',\r\n  '/partners/sberbank.svg',\r\n  '/partners/rosbank.svg',\r\n  '/partners/pochtabank.svg',\r\n  '/partners/vtb.svg',\r\n  '/partners/alfa.svg',\r\n  '/partners/otkrytie.svg',\r\n  // \"МТС\",\r\n  // \"Уралсиб\",\r\n  // \"Сбербанк\",\r\n  // \"Росбанк\",\r\n  // \"Почта Банк\",\r\n  // \"ВТБ\",\r\n  // \"РосБанк\",\r\n  // \"Открытие\",\r\n]\r\n\r\nexport interface PartnersProps {\r\n  variant?: SectionProps['variant']\r\n  withoutTopPadding?: boolean\r\n  withoutBottomPadding?: boolean\r\n  withTopMargin?: boolean\r\n  withBottomMargin?: boolean\r\n}\r\n\r\nconst Partners: React.FC<PartnersProps> = ({\r\n  variant,\r\n  withoutTopPadding,\r\n  withoutBottomPadding,\r\n  withTopMargin,\r\n  withBottomMargin,\r\n}) => {\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  return (\r\n    <Section\r\n      title=\"\"\r\n      variant={variant}\r\n      withoutTopPadding={withoutTopPadding}\r\n      withoutBottomPadding={withoutBottomPadding}\r\n      withTopMargin={withTopMargin}\r\n      withBottomMargin={withBottomMargin}\r\n    >\r\n      <div className=\"grid 2xs:grid-cols-2 2xs:auto-rows-[222px] sm:grid-cols-3 lg:grid-cols-6 gap-3 mt-4\">\r\n        <div className=\"p-6 bg-whitish rounded-lg 2xs:col-span-2 sm:col-span-3 row-start-1 row-end-3 flex flex-col justify-between\">\r\n          <Heading level={2}>\r\n            Более 50 000{' '}\r\n            <span className=\"text-navy-opacity-40\">\r\n              компаний работают с нами\r\n            </span>\r\n          </Heading>\r\n\r\n          <Text variant=\"body\" className=\"w-[87.5%]\">\r\n            Среди наших клиентов — крупнейшие холдинги, государственные\r\n            учреждения, финансовые и производственные компании, а также\r\n            более&nbsp;50&nbsp;000 представителей малого и среднего бизнеса.\r\n          </Text>\r\n        </div>\r\n        {partners.map((partner, index) => (\r\n          <div\r\n            key={index}\r\n            className=\"rounded-lg border border-solid border-navy-opacity-16 flex align-middle justify-center items-center min-h-[120px] 2xs:min-h-0\"\r\n          >\r\n            <ImageWrapper src={partner} width={160} height={64} alt={partner} />\r\n          </div>\r\n        ))}\r\n        <div className=\"bg-whitish rounded-lg flex items-center justify-center min-h-[120px] 2xs:min-h-0\">\r\n          <Text variant=\"body\" className=\"text-navy-opacity-40 py-6 sm:py-0\">\r\n            50 000+\r\n          </Text>\r\n        </div>\r\n      </div>\r\n    </Section>\r\n  )\r\n}\r\n\r\nexport default Partners\r\n"],"names":["partners","Partners","variant","withoutTopPadding","withoutBottomPadding","withTopMargin","withBottomMargin","ImageWrapper","getAdapter","React","Section","Heading","Text","partner","index","Partners$1"],"mappings":";;;;;AAOA,MAAMA,IAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASF,GAUMC,IAAoC,CAAC;AAAA,EACzC,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAAC,IAAeC,EAAW,cAAc;AAG5C,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAAR;AAAA,MACA,mBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA;AAAA,IAECG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,sFAAA,mCACZ,OAAI,EAAA,WAAU,gHACbA,gBAAAA,EAAA,cAACE,KAAQ,OAAO,KAAG,gBACJ,qCACZ,QAAK,EAAA,WAAU,uBAAuB,GAAA,0BAEvC,CACF,GAECF,gBAAAA,EAAA,cAAAG,GAAA,EAAK,SAAQ,QAAO,WAAU,YAAY,GAAA,gLAI3C,CACF,GACCZ,EAAS,IAAI,CAACa,GAASC,MACtBL,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKK;AAAA,QACL,WAAU;AAAA,MAAA;AAAA,MAEVL,gBAAAA,EAAA,cAACF,KAAa,KAAKM,GAAS,OAAO,KAAK,QAAQ,IAAI,KAAKA,EAAS,CAAA;AAAA,IAAA,CAErE,GACAJ,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,mFACb,GAAAA,gBAAAA,EAAA,cAACG,GAAK,EAAA,SAAQ,QAAO,WAAU,oCAAoC,GAAA,SAEnE,CACF,CACF;AAAA,EAAA;AAGN,GAEAG,IAAed;"}

package/dist/index.es44.js

@@ -1,6 +1,6 @@
 import { Carousel as b, CarouselContent as C, CarouselItem as f } from "./index.es60.js";
 import e from "react";
-import { cn as d } from "./index.es55.js";
+import { cn as g } from "./index.es55.js";
 const w = ({
   items: r,
   renderItem: t,
@@ -30,12 +30,12 @@ const w = ({
       opts: {
         align: "start"
       },
-      className: d("my-carousel w-full -mt-3", o),
+      className: g("my-carousel w-full -mt-3", o),
       hideControlsOnDesktop: m,
       variant: u,
       controlsAlign: n
     },
-    /* @__PURE__ */ e.createElement(C, { className: "-ml-4 pt-3" }, r.map((s, a) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(C, { className: "lg:-ml-4 pt-3" }, r.map((s, a) => /* @__PURE__ */ e.createElement(
       f,
       {
         key: a,

package/dist/index.es44.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es44.js","sources":["../src/decorators/CarouselWrapper.tsx"],"sourcesContent":["import {\r\n  Carousel,\r\n  CarouselContent,\r\n  CarouselItem,\r\n} from '@/components/ui/carousel'\r\n\r\nimport React from 'react'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nexport const CarouselWrapper = <T,>({\r\n  items,\r\n  renderItem,\r\n  columns,\r\n  hideControlsOnDesktop,\r\n  className,\r\n  itemClassName,\r\n  variant,\r\n  controlsAlign,\r\n  lastCustomNode,\r\n}: {\r\n  items: T[]\r\n  renderItem: (item: T, index: number) => React.ReactNode\r\n  columns: number\r\n  hideControlsOnDesktop: boolean\r\n  className?: string\r\n  itemClassName?: string\r\n  variant?: 'default' | 'white'\r\n  controlsAlign?: 'left' | 'center'\r\n  lastCustomNode?: React.ReactNode\r\n}) => {\r\n  const carouselColumnsClasses = (size?: number) => {\r\n    switch (size ?? columns) {\r\n      case 2:\r\n        return 'md:basis-1/2 lg:basis-1/2'\r\n      case 3:\r\n        return 'md:basis-1/2 lg:basis-1/3'\r\n      case 4:\r\n        return 'md:basis-1/2 lg:basis-1/4'\r\n      default:\r\n        return 'md:basis-1/2 lg:basis-1/3'\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Carousel\r\n      opts={{\r\n        align: 'start',\r\n      }}\r\n      className={cn('my-carousel w-full -mt-3', className)}\r\n      hideControlsOnDesktop={hideControlsOnDesktop}\r\n      variant={variant}\r\n      controlsAlign={controlsAlign}\r\n    >\r\n      <CarouselContent className=\"-ml-4 pt-3\">\r\n        {items.map((item, index) => (\r\n          <CarouselItem\r\n            key={index}\r\n            className={`pl-4 ${carouselColumnsClasses(\r\n              (item as { size?: number }).size // Safely access `size` property\r\n            )} ${itemClassName}`}\r\n          >\r\n            {renderItem(item, index)}\r\n          </CarouselItem>\r\n        ))}\r\n        {lastCustomNode}\r\n      </CarouselContent>\r\n    </Carousel>\r\n  )\r\n}\r\n"],"names":["CarouselWrapper","items","renderItem","columns","hideControlsOnDesktop","className","itemClassName","variant","controlsAlign","lastCustomNode","carouselColumnsClasses","size","React","Carousel","cn","CarouselContent","item","index","CarouselItem"],"mappings":";;;AASO,MAAMA,IAAkB,CAAK;AAAA,EAClC,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AACF,MAUM;AACE,QAAAC,IAAyB,CAACC,MAAkB;AAChD,YAAQA,KAAQR,GAAS;AAAA,MACvB,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA;AAIA,SAAAS,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,MACA,WAAWC,EAAG,4BAA4BT,CAAS;AAAA,MACnD,uBAAAD;AAAA,MACA,SAAAG;AAAA,MACA,eAAAC;AAAA,IAAA;AAAA,IAEAI,gBAAAA,EAAA,cAACG,KAAgB,WAAU,aAAA,GACxBd,EAAM,IAAI,CAACe,GAAMC,MAChBL,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAKD;AAAA,QACL,WAAW,QAAQP;AAAA,UAChBM,EAA2B;AAAA;AAAA,QAAA,CAC7B,IAAIV,CAAa;AAAA,MAAA;AAAA,MAEjBJ,EAAWc,GAAMC,CAAK;AAAA,IAE1B,CAAA,GACAR,CACH;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es44.js","sources":["../src/decorators/CarouselWrapper.tsx"],"sourcesContent":["import {\r\n  Carousel,\r\n  CarouselContent,\r\n  CarouselItem,\r\n} from '@/components/ui/carousel'\r\n\r\nimport React from 'react'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nexport const CarouselWrapper = <T,>({\r\n  items,\r\n  renderItem,\r\n  columns,\r\n  hideControlsOnDesktop,\r\n  className,\r\n  itemClassName,\r\n  variant,\r\n  controlsAlign,\r\n  lastCustomNode,\r\n}: {\r\n  items: T[]\r\n  renderItem: (item: T, index: number) => React.ReactNode\r\n  columns: number\r\n  hideControlsOnDesktop: boolean\r\n  className?: string\r\n  itemClassName?: string\r\n  variant?: 'default' | 'white'\r\n  controlsAlign?: 'left' | 'center'\r\n  lastCustomNode?: React.ReactNode\r\n}) => {\r\n  const carouselColumnsClasses = (size?: number) => {\r\n    switch (size ?? columns) {\r\n      case 2:\r\n        return 'md:basis-1/2 lg:basis-1/2'\r\n      case 3:\r\n        return 'md:basis-1/2 lg:basis-1/3'\r\n      case 4:\r\n        return 'md:basis-1/2 lg:basis-1/4'\r\n      default:\r\n        return 'md:basis-1/2 lg:basis-1/3'\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Carousel\r\n      opts={{\r\n        align: 'start',\r\n      }}\r\n      className={cn('my-carousel w-full -mt-3', className)}\r\n      hideControlsOnDesktop={hideControlsOnDesktop}\r\n      variant={variant}\r\n      controlsAlign={controlsAlign}\r\n    >\r\n      <CarouselContent className=\"lg:-ml-4 pt-3\">\r\n        {items.map((item, index) => (\r\n          <CarouselItem\r\n            key={index}\r\n            className={`pl-4 ${carouselColumnsClasses(\r\n              (item as { size?: number }).size // Safely access `size` property\r\n            )} ${itemClassName}`}\r\n          >\r\n            {renderItem(item, index)}\r\n          </CarouselItem>\r\n        ))}\r\n        {lastCustomNode}\r\n      </CarouselContent>\r\n    </Carousel>\r\n  )\r\n}\r\n"],"names":["CarouselWrapper","items","renderItem","columns","hideControlsOnDesktop","className","itemClassName","variant","controlsAlign","lastCustomNode","carouselColumnsClasses","size","React","Carousel","cn","CarouselContent","item","index","CarouselItem"],"mappings":";;;AASO,MAAMA,IAAkB,CAAK;AAAA,EAClC,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AACF,MAUM;AACE,QAAAC,IAAyB,CAACC,MAAkB;AAChD,YAAQA,KAAQR,GAAS;AAAA,MACvB,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA;AAIA,SAAAS,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,MACA,WAAWC,EAAG,4BAA4BT,CAAS;AAAA,MACnD,uBAAAD;AAAA,MACA,SAAAG;AAAA,MACA,eAAAC;AAAA,IAAA;AAAA,IAEAI,gBAAAA,EAAA,cAACG,KAAgB,WAAU,gBAAA,GACxBd,EAAM,IAAI,CAACe,GAAMC,MAChBL,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAKD;AAAA,QACL,WAAW,QAAQP;AAAA,UAChBM,EAA2B;AAAA;AAAA,QAAA,CAC7B,IAAIV,CAAa;AAAA,MAAA;AAAA,MAEjBJ,EAAWc,GAAMC,CAAK;AAAA,IAE1B,CAAA,GACAR,CACH;AAAA,EAAA;AAGN;"}

package/dist/index.es52.js

@@ -1,46 +1,46 @@
 import * as t from "react";
 import * as e from "@radix-ui/react-tabs";
-import { cn as n } from "./index.es55.js";
-const f = e.Root, o = t.forwardRef(({ className: i, ...a }, s) => /* @__PURE__ */ t.createElement(
+import { cn as s } from "./index.es55.js";
+const d = e.Root, r = t.forwardRef(({ className: a, ...i }, n) => /* @__PURE__ */ t.createElement(
   e.List,
   {
-    ref: s,
-    className: n(
-      "inline-flex h1-10 items-center justify-center rounded-lg  p-1 text-muted-foreground border border-navy-opacity-16 typo_variant_button",
-      i
+    ref: n,
+    className: s(
+      "inline-flex h1-10 items-center justify-center rounded-lg p-1 gap-2 lg:gap-0 text-muted-foreground lg:border border-navy-opacity-16 typo_variant_button",
+      a
     ),
-    ...a
+    ...i
   }
 ));
-o.displayName = e.List.displayName;
-const r = t.forwardRef(({ className: i, ...a }, s) => /* @__PURE__ */ t.createElement(
+r.displayName = e.List.displayName;
+const o = t.forwardRef(({ className: a, ...i }, n) => /* @__PURE__ */ t.createElement(
   e.Trigger,
   {
-    ref: s,
-    className: n(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-[45px] py-[15px] xl:min-w-[224px] typo_variant_button text-navy ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-navy data-[state=active]:shadow-sm",
-      i
+    ref: n,
+    className: s(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-[45px] py-[15px] xl:min-w-[224px] typo_variant_button text-navy ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-navy data-[state=active]:shadow-sm border border-navy-opacity-16 lg:border-transparent",
+      a
     ),
-    ...a
+    ...i
   }
 ));
-r.displayName = e.Trigger.displayName;
-const c = t.forwardRef(({ className: i, ...a }, s) => /* @__PURE__ */ t.createElement(
+o.displayName = e.Trigger.displayName;
+const l = t.forwardRef(({ className: a, ...i }, n) => /* @__PURE__ */ t.createElement(
   e.Content,
   {
-    ref: s,
-    className: n(
+    ref: n,
+    className: s(
       "mt-7 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      i
+      a
     ),
-    ...a
+    ...i
   }
 ));
-c.displayName = e.Content.displayName;
+l.displayName = e.Content.displayName;
 export {
-  f as Tabs,
-  c as TabsContent,
-  o as TabsList,
-  r as TabsTrigger
+  d as Tabs,
+  l as TabsContent,
+  r as TabsList,
+  o as TabsTrigger
 };
 //# sourceMappingURL=index.es52.js.map

package/dist/index.es52.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es52.js","sources":["../src/components/ui/tabs.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst Tabs = TabsPrimitive.Root\r\n\r\nconst TabsList = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.List>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.List\r\n    ref={ref}\r\n    className={cn(\r\n      'inline-flex h1-10 items-center justify-center rounded-lg  p-1 text-muted-foreground border border-navy-opacity-16 typo_variant_button',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsList.displayName = TabsPrimitive.List.displayName\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-[45px] py-[15px] xl:min-w-[224px] typo_variant_button text-navy ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-navy data-[state=active]:shadow-sm',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\r\n\r\nconst TabsContent = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.Content\r\n    ref={ref}\r\n    className={cn(\r\n      'mt-7 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsContent.displayName = TabsPrimitive.Content.displayName\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\r\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;AAKA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAEpC,MAAAO,IAAcL,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAY,cAAcP,EAAc,QAAQ;AAE1C,MAAAQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;"}
+{"version":3,"file":"index.es52.js","sources":["../src/components/ui/tabs.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst Tabs = TabsPrimitive.Root\r\n\r\nconst TabsList = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.List>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.List\r\n    ref={ref}\r\n    className={cn(\r\n      'inline-flex h1-10 items-center justify-center rounded-lg p-1 gap-2 lg:gap-0 text-muted-foreground lg:border border-navy-opacity-16 typo_variant_button',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsList.displayName = TabsPrimitive.List.displayName\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-[45px] py-[15px] xl:min-w-[224px] typo_variant_button text-navy ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-navy data-[state=active]:shadow-sm border border-navy-opacity-16 lg:border-transparent',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\r\n\r\nconst TabsContent = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.Content\r\n    ref={ref}\r\n    className={cn(\r\n      'mt-7 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsContent.displayName = TabsPrimitive.Content.displayName\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\r\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;AAKA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAEpC,MAAAO,IAAcL,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAY,cAAcP,EAAc,QAAQ;AAE1C,MAAAQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;"}

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,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,CAwK7B,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,CAgL7B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/styles.css

@@ -1388,6 +1388,9 @@ body{
 .pb-\[4px\]{
     padding-bottom: 4px;
 }
+.pb-\[60px\]{
+    padding-bottom: 60px;
+}
 .pl-10{
     padding-left: 2.5rem;
 }
@@ -3134,6 +3137,20 @@ html {
 .dark\:border-destructive:is([data-mode="dark"] *){
     border-color: hsl(var(--precision-ui-tw-destructive));
 }
+@media (min-width: 500px){
+    .\32xs\:col-span-2{
+        grid-column: span 2 / span 2;
+    }
+    .\32xs\:min-h-0{
+        min-height: 0px;
+    }
+    .\32xs\:auto-rows-\[222px\]{
+        grid-auto-rows: 222px;
+    }
+    .\32xs\:grid-cols-2{
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+}
 @media (min-width: 640px){
     .sm\:col-span-1{
         grid-column: span 1 / span 1;
@@ -3165,9 +3182,6 @@ html {
     .sm\:max-w-xs{
         max-width: 20rem;
     }
-    .sm\:auto-rows-\[222px\]{
-        grid-auto-rows: 222px;
-    }
     .sm\:grid-cols-2{
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }
@@ -3244,6 +3258,9 @@ html {
     .lg\:col-span-3{
         grid-column: span 3 / span 3;
     }
+    .lg\:-ml-4{
+        margin-left: -1rem;
+    }
     .lg\:block{
         display: block;
     }
@@ -3289,9 +3306,18 @@ html {
     .lg\:grid-cols-6{
         grid-template-columns: repeat(6, minmax(0, 1fr));
     }
+    .lg\:gap-0{
+        gap: 0px;
+    }
+    .lg\:border{
+        border-width: 1px;
+    }
     .lg\:border-l-\[1px\]{
         border-left-width: 1px;
     }
+    .lg\:border-transparent{
+        border-color: transparent;
+    }
     .lg\:pr-8{
         padding-right: 2rem;
     }

package/package.json

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