@iit/precision-ui 0.9.1 → 0.10.1

package/dist/components/cards/Connect.d.ts

@@ -4,6 +4,7 @@ import { default as React } from 'react';
 interface Content {
     title: string;
     content: (string | React.ReactNode)[];
+    wideDesktopCard?: boolean;
 }
 export interface ConnectCardProps {
     topContent: Content;

package/dist/components/cards/Connect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Connect.d.ts","sourceRoot":"","sources":["../../../src/components/cards/Connect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAA;CACtC;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACZ,oBAAoB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8F3C,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"Connect.d.ts","sourceRoot":"","sources":["../../../src/components/cards/Connect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAA;IACrC,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACZ,oBAAoB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8F3C,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/cards/Package.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Package.d.ts","sourceRoot":"","sources":["../../../src/components/cards/Package.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,QAAQ,CAAA;AACpD,OAAO,EAAO,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAK5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,QAAA,MAAM,mBAAmB;;8EAcxB,CAAA;AA0BD,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,OAAO,CAAC,EAAE,eAAe,EAAE,CAAA;IAC3B,IAAI,CAAC,EAAE,YAAY,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CACxB;AAED,MAAM,WAAW,qCACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgJ3C,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"Package.d.ts","sourceRoot":"","sources":["../../../src/components/cards/Package.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,QAAQ,CAAA;AACpD,OAAO,EAAO,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAK5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,QAAA,MAAM,mBAAmB;;8EAcxB,CAAA;AA0BD,MAAM,WAAW,gBACf,SACE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,OAAO,CAAC,EAAE,eAAe,EAAE,CAAA;IAC3B,IAAI,CAAC,EAAE,YAAY,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CACxB;AAED,MAAM,WAAW,qCAAsC,SAAQ,IAAI,CACjE,gBAAgB,EAChB,MAAM,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAC3C;IACC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgJ3C,CAAA;AAED,eAAe,WAAW,CAAA"}

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,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6C/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,SACE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,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,GAAG,OAAO,CAAA;IAC3B,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/components/ui/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EAyBnB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAWX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EAyBnB,CAAA;AAED,MAAM,WAAW,WACf,SACE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAWX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/index.es2.js

@@ -1,9 +1,9 @@
 import e from "react";
-import { Slot as d } from "@radix-ui/react-slot";
-import { cva as c } from "class-variance-authority";
+import { Slot as c } from "@radix-ui/react-slot";
+import { cva as d } from "class-variance-authority";
 import { cn as u } from "./index.es55.js";
-const l = c(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-full typo_variant_button ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed border-none",
+const l = d(
+  "inline-flex items-center justify-center whitespace-normal 2xs:whitespace-nowrap rounded-full typo_variant_button ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed border-none",
   {
     variants: {
       variant: {
@@ -27,7 +27,7 @@ const l = c(
   }
 ), f = e.forwardRef(
   ({ className: t, variant: o, size: r, asChild: n = !1, ...i }, a) => {
-    const s = n ? d : "button";
+    const s = n ? c : "button";
     return /* @__PURE__ */ e.createElement(
       s,
       {

package/dist/index.es2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es2.js","sources":["../src/components/ui/button/button.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Slot } from '@radix-ui/react-slot'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst buttonVariants = cva(\r\n  'inline-flex items-center justify-center whitespace-nowrap rounded-full typo_variant_button ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed border-none',\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: 'bg-white text-navy hover:bg-navy-opacity-4',\r\n        destructive:\r\n          'bg-destructive text-destructive-foreground hover:bg-destructive/90',\r\n        outline:\r\n          'border border-input bg-background hover:bg-accent hover:text-accent-foreground',\r\n        ghost: 'hover:bg-accent hover:text-accent-foreground',\r\n        link: 'text-primary underline-offset-4 hover:underline',\r\n      },\r\n      size: {\r\n        default: 'h-10 px-4 py-2',\r\n        sm: 'h-9 rounded-md px-3',\r\n        lg: 'h-11 rounded-md px-8',\r\n        icon: 'h-10 w-10',\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 ButtonProps\r\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n    VariantProps<typeof buttonVariants> {\r\n  asChild?: boolean\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\r\n    const Comp = asChild ? Slot : 'button'\r\n    return (\r\n      <Comp\r\n        className={cn(buttonVariants({ variant, size }), className)}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    )\r\n  }\r\n)\r\nButton.displayName = 'Button'\r\n\r\nexport { Button, buttonVariants }\r\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","asChild","props","ref","Comp","Slot","cn"],"mappings":";;;;AAMA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA;AAAA;AAAA,IAGjB;AAAA,EACF;AACF,GAQMC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAAQ;AAC1D,UAAAC,IAAOH,IAAUI,IAAO;AAE5B,WAAAR,gBAAAA,EAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,WAAWE,EAAGZ,EAAe,EAAE,SAAAK,GAAS,MAAAC,EAAK,CAAC,GAAGF,CAAS;AAAA,QAC1D,KAAAK;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAN,EAAO,cAAc;"}
+{"version":3,"file":"index.es2.js","sources":["../src/components/ui/button/button.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Slot } from '@radix-ui/react-slot'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst buttonVariants = cva(\r\n  'inline-flex items-center justify-center whitespace-normal 2xs:whitespace-nowrap rounded-full typo_variant_button ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed border-none',\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: 'bg-white text-navy hover:bg-navy-opacity-4',\r\n        destructive:\r\n          'bg-destructive text-destructive-foreground hover:bg-destructive/90',\r\n        outline:\r\n          'border border-input bg-background hover:bg-accent hover:text-accent-foreground',\r\n        ghost: 'hover:bg-accent hover:text-accent-foreground',\r\n        link: 'text-primary underline-offset-4 hover:underline',\r\n      },\r\n      size: {\r\n        default: 'h-10 px-4 py-2',\r\n        sm: 'h-9 rounded-md px-3',\r\n        lg: 'h-11 rounded-md px-8',\r\n        icon: 'h-10 w-10',\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 ButtonProps\r\n  extends\r\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n    VariantProps<typeof buttonVariants> {\r\n  asChild?: boolean\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\r\n    const Comp = asChild ? Slot : 'button'\r\n    return (\r\n      <Comp\r\n        className={cn(buttonVariants({ variant, size }), className)}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    )\r\n  },\r\n)\r\nButton.displayName = 'Button'\r\n\r\nexport { Button, buttonVariants }\r\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","asChild","props","ref","Comp","Slot","cn"],"mappings":";;;;AAMA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA;AAAA;AAAA,IAGjB;AAAA,EACF;AACF,GASMC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAAQ;AAC1D,UAAAC,IAAOH,IAAUI,IAAO;AAE5B,WAAAR,gBAAAA,EAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,WAAWE,EAAGZ,EAAe,EAAE,SAAAK,GAAS,MAAAC,EAAK,CAAC,GAAGF,CAAS;AAAA,QAC1D,KAAAK;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAN,EAAO,cAAc;"}

package/dist/index.es26.js

@@ -3,10 +3,10 @@ import i from "./index.es46.js";
 import e from "react";
 import n from "./index.es47.js";
 import { cn as y } from "./index.es55.js";
-import { getAdapter as g } from "./index.es9.js";
-const h = ({
+import { getAdapter as E } from "./index.es9.js";
+const x = ({
   topContent: c,
-  bottomContent: r,
+  bottomContent: l,
   withLogo: o,
   className: p,
   size: d,
@@ -14,27 +14,27 @@ const h = ({
   buttons: s,
   uniqId: f
 }) => {
-  let l = "";
+  let r = "";
   switch (d) {
     case 1:
-      l = "col-span-1";
+      r = "col-span-1";
       break;
     case 2:
-      l = "col-span-2";
+      r = "col-span-2";
   }
-  const E = g("ImageWrapper");
+  const g = E("ImageWrapper");
   return /* @__PURE__ */ e.createElement(
     "div",
     {
       className: y(
         "bg-whitish p-6 rounded-lg flex flex-col justify-between relative",
         p,
-        l
+        r
       )
     },
     /* @__PURE__ */ e.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ e.createElement(n, { variant: "overline", className: "text-navy-opacity-40" }, c.title), /* @__PURE__ */ e.createElement("div", { className: "space-y-2" }, c.content.map((a, t) => /* @__PURE__ */ e.createElement(i, { level: 5, key: t, as: "div" }, a)))),
-    r && /* @__PURE__ */ e.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ e.createElement(i, { level: 6, as: "div", className: "text-navy-opacity-40" }, r.title), r.content.map((a, t) => /* @__PURE__ */ e.createElement(n, { key: t, variant: "small-body" }, a))),
-    s && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-3" }, s?.map((a, t) => /* @__PURE__ */ e.createElement("div", { key: t }, a.href ? /* @__PURE__ */ e.createElement(m, { asChild: !0, variant: "outline" }, /* @__PURE__ */ e.createElement("a", { href: a.href, target: a.target }, a.text)) : /* @__PURE__ */ e.createElement(
+    l && /* @__PURE__ */ e.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ e.createElement(i, { level: 6, as: "div", className: "text-navy-opacity-40" }, l.title), l.content.map((a, t) => /* @__PURE__ */ e.createElement(n, { key: t, variant: "small-body" }, a))),
+    s && /* @__PURE__ */ e.createElement("div", { className: "flex flex-col lg:flex-row lg:space-x-3 space-y-3 lg:space-y-0" }, s?.map((a, t) => /* @__PURE__ */ e.createElement("div", { key: t }, a.href ? /* @__PURE__ */ e.createElement(m, { asChild: !0, variant: "outline" }, /* @__PURE__ */ e.createElement("a", { href: a.href, target: a.target }, a.text)) : /* @__PURE__ */ e.createElement(
       m,
       {
         onClick: () => a.isConsultButton ? v?.(f) : void 0
@@ -42,7 +42,7 @@ const h = ({
       a.text
     )))),
     o && /* @__PURE__ */ e.createElement("div", { className: "absolute right-6 top-6" }, /* @__PURE__ */ e.createElement(
-      E,
+      g,
       {
         src: "/icons/comet.svg",
         alt: "logo",
@@ -51,7 +51,7 @@ const h = ({
       }
     ))
   );
-}, B = h;
+}, B = x;
 export {
   B as default
 };

package/dist/index.es26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es26.js","sources":["../src/components/cards/Connect.tsx"],"sourcesContent":["import { ButtonSecondary } from '../ui/button'\r\nimport { ConsultButtonProps } from '@/sections/common'\r\nimport Heading from '../core/typography/Heading'\r\nimport React from 'react'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\ninterface Content {\r\n  title: string\r\n  content: (string | React.ReactNode)[]\r\n}\r\n\r\nexport interface ConnectCardProps {\r\n  topContent: Content\r\n  bottomContent?: Content\r\n  withLogo?: boolean\r\n  className?: string\r\n  size?: 1 | 2\r\n  onClickConsultButton?: (uniqId?: string) => void\r\n  buttons?: ConsultButtonProps[]\r\n  uniqId?: string\r\n}\r\n\r\nconst ConnectCard: React.FC<ConnectCardProps> = ({\r\n  topContent,\r\n  bottomContent,\r\n  withLogo,\r\n  className,\r\n  size,\r\n  onClickConsultButton,\r\n  buttons,\r\n  uniqId,\r\n}) => {\r\n  let sizeClass = ''\r\n  switch (size) {\r\n    case 1:\r\n      sizeClass = 'col-span-1'\r\n      break\r\n\r\n    case 2:\r\n      sizeClass = 'col-span-2' // FIXME: check - works in prod?\r\n  }\r\n\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        'bg-whitish p-6 rounded-lg flex flex-col justify-between relative',\r\n        className,\r\n        sizeClass\r\n      )}\r\n    >\r\n      <div className=\"space-y-4\">\r\n        <Text variant=\"overline\" className=\"text-navy-opacity-40\">\r\n          {topContent.title}\r\n        </Text>\r\n        <div className=\"space-y-2\">\r\n          {topContent.content.map((content, index) => (\r\n            <Heading level={5} key={index} as=\"div\">\r\n              {content}\r\n            </Heading>\r\n          ))}\r\n        </div>\r\n      </div>\r\n\r\n      {bottomContent && (\r\n        <div className=\"space-y-1\">\r\n          <Heading level={6} as=\"div\" className=\"text-navy-opacity-40\">\r\n            {bottomContent.title}\r\n          </Heading>\r\n          {bottomContent.content.map((content, index) => (\r\n            <Text key={index} variant=\"small-body\">\r\n              {content}\r\n            </Text>\r\n          ))}\r\n        </div>\r\n      )}\r\n\r\n      {buttons && (\r\n        <div className=\"flex space-x-3\">\r\n          {buttons?.map((button, index) => (\r\n            <div key={index}>\r\n              {button.href ? (\r\n                <ButtonSecondary asChild variant={'outline'}>\r\n                  <a href={button.href} target={button.target}>\r\n                    {button.text}\r\n                  </a>\r\n                </ButtonSecondary>\r\n              ) : (\r\n                <ButtonSecondary\r\n                  onClick={() =>\r\n                    button.isConsultButton\r\n                      ? onClickConsultButton?.(uniqId)\r\n                      : undefined\r\n                  }\r\n                >\r\n                  {button.text}\r\n                </ButtonSecondary>\r\n              )}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      )}\r\n\r\n      {withLogo && (\r\n        <div className=\"absolute right-6 top-6\">\r\n          <ImageWrapper\r\n            src=\"/icons/comet.svg\"\r\n            alt=\"logo\"\r\n            width={25}\r\n            height={20}\r\n          />\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default ConnectCard\r\n"],"names":["ConnectCard","topContent","bottomContent","withLogo","className","size","onClickConsultButton","buttons","uniqId","sizeClass","ImageWrapper","getAdapter","React","cn","Text","content","index","Heading","button","ButtonSecondary","ConnectCard$1"],"mappings":";;;;;;AAwBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACJ,MAAIC,IAAY;AAChB,UAAQJ,GAAM;AAAA,IACZ,KAAK;AACS,MAAAI,IAAA;AACZ;AAAA,IAEF,KAAK;AACS,MAAAA,IAAA;AAAA,EAChB;AAEM,QAAAC,IAAeC,EAAW,cAAc;AAG5C,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAT;AAAA,QACAK;AAAA,MACF;AAAA,IAAA;AAAA,IAECG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,+CACZE,GAAK,EAAA,SAAQ,YAAW,WAAU,0BAChCb,EAAW,KACd,GACAW,gBAAAA,EAAA,cAAC,SAAI,WAAU,YAAA,GACZX,EAAW,QAAQ,IAAI,CAACc,GAASC,sCAC/BC,GAAQ,EAAA,OAAO,GAAG,KAAKD,GAAO,IAAG,MAAA,GAC/BD,CACH,CACD,CACH,CACF;AAAA,IAECb,KACCU,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,YACb,GAAAA,gBAAAA,EAAA,cAACK,GAAQ,EAAA,OAAO,GAAG,IAAG,OAAM,WAAU,0BACnCf,EAAc,KACjB,GACCA,EAAc,QAAQ,IAAI,CAACa,GAASC,MACnCJ,gBAAAA,EAAA,cAACE,GAAK,EAAA,KAAKE,GAAO,SAAQ,aACvB,GAAAD,CACH,CACD,CACH;AAAA,IAGDR,KACCK,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,oBACZL,GAAS,IAAI,CAACW,GAAQF,MACrBJ,gBAAAA,EAAA,cAAC,OAAI,EAAA,KAAKI,KACPE,EAAO,OACLN,gBAAAA,EAAA,cAAAO,GAAA,EAAgB,SAAO,IAAC,SAAS,UAAA,mCAC/B,KAAE,EAAA,MAAMD,EAAO,MAAM,QAAQA,EAAO,OAAA,GAClCA,EAAO,IACV,CACF,IAEAN,gBAAAA,EAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,SAAS,MACPD,EAAO,kBACHZ,IAAuBE,CAAM,IAC7B;AAAA,MAAA;AAAA,MAGLU,EAAO;AAAA,IAGd,CAAA,CACD,CACH;AAAA,IAGDf,KACCS,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,yBACb,GAAAA,gBAAAA,EAAA;AAAA,MAACF;AAAA,MAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAI;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IAAA,CAEZ;AAAA,EAAA;AAIR,GAEAU,IAAepB;"}
+{"version":3,"file":"index.es26.js","sources":["../src/components/cards/Connect.tsx"],"sourcesContent":["import { ButtonSecondary } from '../ui/button'\r\nimport { ConsultButtonProps } from '@/sections/common'\r\nimport Heading from '../core/typography/Heading'\r\nimport React from 'react'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\ninterface Content {\r\n  title: string\r\n  content: (string | React.ReactNode)[]\r\n  wideDesktopCard?: boolean\r\n}\r\n\r\nexport interface ConnectCardProps {\r\n  topContent: Content\r\n  bottomContent?: Content\r\n  withLogo?: boolean\r\n  className?: string\r\n  size?: 1 | 2\r\n  onClickConsultButton?: (uniqId?: string) => void\r\n  buttons?: ConsultButtonProps[]\r\n  uniqId?: string\r\n}\r\n\r\nconst ConnectCard: React.FC<ConnectCardProps> = ({\r\n  topContent,\r\n  bottomContent,\r\n  withLogo,\r\n  className,\r\n  size,\r\n  onClickConsultButton,\r\n  buttons,\r\n  uniqId,\r\n}) => {\r\n  let sizeClass = ''\r\n  switch (size) {\r\n    case 1:\r\n      sizeClass = 'col-span-1'\r\n      break\r\n\r\n    case 2:\r\n      sizeClass = 'col-span-2' // FIXME: check - works in prod?\r\n  }\r\n\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        'bg-whitish p-6 rounded-lg flex flex-col justify-between relative',\r\n        className,\r\n        sizeClass,\r\n      )}\r\n    >\r\n      <div className=\"space-y-4\">\r\n        <Text variant=\"overline\" className=\"text-navy-opacity-40\">\r\n          {topContent.title}\r\n        </Text>\r\n        <div className=\"space-y-2\">\r\n          {topContent.content.map((content, index) => (\r\n            <Heading level={5} key={index} as=\"div\">\r\n              {content}\r\n            </Heading>\r\n          ))}\r\n        </div>\r\n      </div>\r\n\r\n      {bottomContent && (\r\n        <div className=\"space-y-1\">\r\n          <Heading level={6} as=\"div\" className=\"text-navy-opacity-40\">\r\n            {bottomContent.title}\r\n          </Heading>\r\n          {bottomContent.content.map((content, index) => (\r\n            <Text key={index} variant=\"small-body\">\r\n              {content}\r\n            </Text>\r\n          ))}\r\n        </div>\r\n      )}\r\n\r\n      {buttons && (\r\n        <div className=\"flex flex-col lg:flex-row lg:space-x-3 space-y-3 lg:space-y-0\">\r\n          {buttons?.map((button, index) => (\r\n            <div key={index}>\r\n              {button.href ? (\r\n                <ButtonSecondary asChild variant={'outline'}>\r\n                  <a href={button.href} target={button.target}>\r\n                    {button.text}\r\n                  </a>\r\n                </ButtonSecondary>\r\n              ) : (\r\n                <ButtonSecondary\r\n                  onClick={() =>\r\n                    button.isConsultButton\r\n                      ? onClickConsultButton?.(uniqId)\r\n                      : undefined\r\n                  }\r\n                >\r\n                  {button.text}\r\n                </ButtonSecondary>\r\n              )}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      )}\r\n\r\n      {withLogo && (\r\n        <div className=\"absolute right-6 top-6\">\r\n          <ImageWrapper\r\n            src=\"/icons/comet.svg\"\r\n            alt=\"logo\"\r\n            width={25}\r\n            height={20}\r\n          />\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default ConnectCard\r\n"],"names":["ConnectCard","topContent","bottomContent","withLogo","className","size","onClickConsultButton","buttons","uniqId","sizeClass","ImageWrapper","getAdapter","React","cn","Text","content","index","Heading","button","ButtonSecondary","ConnectCard$1"],"mappings":";;;;;;AAyBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACJ,MAAIC,IAAY;AAChB,UAAQJ,GAAM;AAAA,IACZ,KAAK;AACS,MAAAI,IAAA;AACZ;AAAA,IAEF,KAAK;AACS,MAAAA,IAAA;AAAA,EAChB;AAEM,QAAAC,IAAeC,EAAW,cAAc;AAG5C,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAT;AAAA,QACAK;AAAA,MACF;AAAA,IAAA;AAAA,IAECG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,+CACZE,GAAK,EAAA,SAAQ,YAAW,WAAU,0BAChCb,EAAW,KACd,GACAW,gBAAAA,EAAA,cAAC,SAAI,WAAU,YAAA,GACZX,EAAW,QAAQ,IAAI,CAACc,GAASC,sCAC/BC,GAAQ,EAAA,OAAO,GAAG,KAAKD,GAAO,IAAG,MAAA,GAC/BD,CACH,CACD,CACH,CACF;AAAA,IAECb,KACCU,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,YACb,GAAAA,gBAAAA,EAAA,cAACK,GAAQ,EAAA,OAAO,GAAG,IAAG,OAAM,WAAU,0BACnCf,EAAc,KACjB,GACCA,EAAc,QAAQ,IAAI,CAACa,GAASC,MACnCJ,gBAAAA,EAAA,cAACE,GAAK,EAAA,KAAKE,GAAO,SAAQ,aACvB,GAAAD,CACH,CACD,CACH;AAAA,IAGDR,KACCK,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,mEACZL,GAAS,IAAI,CAACW,GAAQF,MACrBJ,gBAAAA,EAAA,cAAC,OAAI,EAAA,KAAKI,KACPE,EAAO,OACLN,gBAAAA,EAAA,cAAAO,GAAA,EAAgB,SAAO,IAAC,SAAS,UAAA,mCAC/B,KAAE,EAAA,MAAMD,EAAO,MAAM,QAAQA,EAAO,OAAA,GAClCA,EAAO,IACV,CACF,IAEAN,gBAAAA,EAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,SAAS,MACPD,EAAO,kBACHZ,IAAuBE,CAAM,IAC7B;AAAA,MAAA;AAAA,MAGLU,EAAO;AAAA,IAGd,CAAA,CACD,CACH;AAAA,IAGDf,KACCS,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,yBACb,GAAAA,gBAAAA,EAAA;AAAA,MAACF;AAAA,MAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAI;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IAAA,CAEZ;AAAA,EAAA;AAIR,GAEAU,IAAepB;"}

package/dist/index.es31.js

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

package/dist/index.es31.js.map

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

package/dist/index.es39.js

@@ -2,20 +2,34 @@ import n from "./index.es46.js";
 import { HeroButton as p } from "./index.es40.js";
 import e from "react";
 import d from "./index.es19.js";
-import v from "./index.es47.js";
-import { getAdapter as f } from "./index.es9.js";
-const x = ({ title: t, desc: l, img: a, buttons: m, onButtonClick: c, sectionId: i }) => {
-  const s = f("ImageWrapper");
-  return /* @__PURE__ */ e.createElement("section", { className: "container", id: i }, /* @__PURE__ */ e.createElement("div", { className: "mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative xl:min-h-[500px]" }, /* @__PURE__ */ e.createElement("div", { className: "space-y-12 relative z-10" }, /* @__PURE__ */ e.createElement("div", { className: "w-full grid grid-cols-1 lg:grid-cols-2" }, /* @__PURE__ */ e.createElement("div", null), /* @__PURE__ */ e.createElement("div", { className: "space-y-12 mb-24 mt-[128px] pr-8 lg:pr-8 xl:pr-28" }, /* @__PURE__ */ e.createElement("div", { className: " space-y-6" }, /* @__PURE__ */ e.createElement(n, { level: 2, as: "div" }, t), /* @__PURE__ */ e.createElement(
-    v,
+import f from "./index.es47.js";
+import { getAdapter as x } from "./index.es9.js";
+const v = ({
+  title: t,
+  desc: l,
+  img: a,
+  buttons: m,
+  onButtonClick: c,
+  sectionId: s
+}) => {
+  const i = x("ImageWrapper");
+  return /* @__PURE__ */ e.createElement("section", { className: "container", id: s }, /* @__PURE__ */ e.createElement("div", { className: "mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative xl:min-h-[500px]" }, /* @__PURE__ */ e.createElement("div", { className: "space-y-12 relative z-10" }, /* @__PURE__ */ e.createElement("div", { className: "w-full grid grid-cols-1 lg:grid-cols-2" }, /* @__PURE__ */ e.createElement("div", null), /* @__PURE__ */ e.createElement("div", { className: "space-y-12 mb-24 mt-[128px] pr-8 lg:pr-8 xl:pr-28" }, /* @__PURE__ */ e.createElement("div", { className: " space-y-6" }, /* @__PURE__ */ e.createElement(n, { level: 2, as: "div" }, t), /* @__PURE__ */ e.createElement(
+    f,
     {
       variant: "body",
       className: "text-whitish-opacity-60",
       as: "div"
     },
     /* @__PURE__ */ e.createElement(d, { html: l })
-  )), /* @__PURE__ */ e.createElement("div", { className: "flex space-x-4" }, m.map((r, o) => /* @__PURE__ */ e.createElement(p, { key: o, ...r, onClick: () => c?.(r.uniqId) })))))), a && /* @__PURE__ */ e.createElement("div", { className: "absolute bottom-0 left-0 z-0" }, /* @__PURE__ */ e.createElement(
-    s,
+  )), /* @__PURE__ */ e.createElement("div", { className: "flex space-y-4 sm:space-y-0 sm:space-x-4 flex-col sm:flex-row" }, m.map((r, o) => /* @__PURE__ */ e.createElement(
+    p,
+    {
+      key: o,
+      ...r,
+      onClick: () => c?.(r.uniqId)
+    }
+  )))))), a && /* @__PURE__ */ e.createElement("div", { className: "absolute bottom-0 left-0 z-0" }, /* @__PURE__ */ e.createElement(
+    i,
     {
       src: a,
       alt: t,
@@ -24,7 +38,7 @@ const x = ({ title: t, desc: l, img: a, buttons: m, onButtonClick: c, sectionId:
       objectFit: "contain"
     }
   ))));
-}, b = x;
+}, b = v;
 export {
   b as default
 };

package/dist/index.es39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es39.js","sources":["../src/sections/CTA.tsx"],"sourcesContent":["import { CommonButtonProps } from './common'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport { HeroButton } from './Hero'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '@/components/SafeHtml'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface CTAProps {\r\n  title: string\r\n  desc: string\r\n  img: string\r\n  buttons: CommonButtonProps[]\r\n  onButtonClick?: (uniqId?: string) => void\r\n  sectionId?: string\r\n}\r\n\r\nconst CTA: React.FC<CTAProps> = ({ title, desc, img, buttons, onButtonClick, sectionId }) => {\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  return (\r\n    <section className=\"container\" id={sectionId}>\r\n      <div className=\"mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative xl:min-h-[500px]\">\r\n        <div className=\"space-y-12 relative z-10\">\r\n          <div className=\"w-full grid grid-cols-1 lg:grid-cols-2\">\r\n            <div></div>\r\n            <div className=\"space-y-12 mb-24 mt-[128px] pr-8 lg:pr-8 xl:pr-28\">\r\n              <div className=\" space-y-6\">\r\n                <Heading level={2} as='div'>{title}</Heading>\r\n                <Text\r\n                  variant=\"body\"\r\n                  className=\"text-whitish-opacity-60\"\r\n                  as=\"div\"\r\n                >\r\n                  <SafeHtmlRenderer html={desc} />\r\n                </Text>\r\n              </div>\r\n\r\n              <div className=\"flex space-x-4\">\r\n                {buttons.map((button, index) => (\r\n                  <HeroButton key={index} {...button} onClick={() => onButtonClick?.(button.uniqId)} />\r\n                ))}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {img && (\r\n          <div className=\"absolute bottom-0 left-0 z-0\">\r\n            <ImageWrapper\r\n              src={img}\r\n              alt={title}\r\n              width={654}\r\n              height={570}\r\n              objectFit=\"contain\"\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default CTA\r\n"],"names":["CTA","title","desc","img","buttons","onButtonClick","sectionId","ImageWrapper","getAdapter","React","Heading","Text","SafeHtmlRenderer","button","index","HeroButton","CTA$1"],"mappings":";;;;;;AAiBA,MAAMA,IAA0B,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,KAAAC,GAAK,SAAAC,GAAS,eAAAC,GAAe,WAAAC,QAAgB;AACrF,QAAAC,IAAeC,EAAW,cAAc;AAE9C,yCACG,WAAQ,EAAA,WAAU,aAAY,IAAIF,KAChCG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,yHAAA,mCACZ,OAAI,EAAA,WAAU,8BACbA,gBAAAA,EAAA,cAAC,SAAI,WAAU,yCAAA,GACZA,gBAAAA,EAAA,cAAA,OAAA,IAAI,GACJA,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,oDAAA,mCACZ,OAAI,EAAA,WAAU,aACb,GAAAA,gBAAAA,EAAA,cAACC,KAAQ,OAAO,GAAG,IAAG,MAAA,GAAOT,CAAM,GACnCQ,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,IAAG;AAAA,IAAA;AAAA,IAEHF,gBAAAA,EAAA,cAACG,GAAiB,EAAA,MAAMV,EAAM,CAAA;AAAA,EAAA,CAElC,GAECO,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,iBACZ,GAAAL,EAAQ,IAAI,CAACS,GAAQC,MACnBL,gBAAAA,EAAA,cAAAM,GAAA,EAAW,KAAKD,GAAQ,GAAGD,GAAQ,SAAS,MAAMR,IAAgBQ,EAAO,MAAM,EAAG,CAAA,CACpF,CACH,CACF,CACF,CACF,GAECV,KACEM,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,+BACb,GAAAA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKJ;AAAA,MACL,KAAKF;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAEd,CAAA,CAEJ,CACF;AAEJ,GAEAe,IAAehB;"}
+{"version":3,"file":"index.es39.js","sources":["../src/sections/CTA.tsx"],"sourcesContent":["import { CommonButtonProps } from './common'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport { HeroButton } from './Hero'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '@/components/SafeHtml'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface CTAProps {\r\n  title: string\r\n  desc: string\r\n  img: string\r\n  buttons: CommonButtonProps[]\r\n  onButtonClick?: (uniqId?: string) => void\r\n  sectionId?: string\r\n}\r\n\r\nconst CTA: React.FC<CTAProps> = ({\r\n  title,\r\n  desc,\r\n  img,\r\n  buttons,\r\n  onButtonClick,\r\n  sectionId,\r\n}) => {\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  return (\r\n    <section className=\"container\" id={sectionId}>\r\n      <div className=\"mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative xl:min-h-[500px]\">\r\n        <div className=\"space-y-12 relative z-10\">\r\n          <div className=\"w-full grid grid-cols-1 lg:grid-cols-2\">\r\n            <div></div>\r\n            <div className=\"space-y-12 mb-24 mt-[128px] pr-8 lg:pr-8 xl:pr-28\">\r\n              <div className=\" space-y-6\">\r\n                <Heading level={2} as=\"div\">\r\n                  {title}\r\n                </Heading>\r\n                <Text\r\n                  variant=\"body\"\r\n                  className=\"text-whitish-opacity-60\"\r\n                  as=\"div\"\r\n                >\r\n                  <SafeHtmlRenderer html={desc} />\r\n                </Text>\r\n              </div>\r\n\r\n              <div className=\"flex space-y-4 sm:space-y-0 sm:space-x-4 flex-col sm:flex-row\">\r\n                {buttons.map((button, index) => (\r\n                  <HeroButton\r\n                    key={index}\r\n                    {...button}\r\n                    onClick={() => onButtonClick?.(button.uniqId)}\r\n                  />\r\n                ))}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {img && (\r\n          <div className=\"absolute bottom-0 left-0 z-0\">\r\n            <ImageWrapper\r\n              src={img}\r\n              alt={title}\r\n              width={654}\r\n              height={570}\r\n              objectFit=\"contain\"\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default CTA\r\n"],"names":["CTA","title","desc","img","buttons","onButtonClick","sectionId","ImageWrapper","getAdapter","React","Heading","Text","SafeHtmlRenderer","button","index","HeroButton","CTA$1"],"mappings":";;;;;;AAiBA,MAAMA,IAA0B,CAAC;AAAA,EAC/B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACE,QAAAC,IAAeC,EAAW,cAAc;AAE9C,yCACG,WAAQ,EAAA,WAAU,aAAY,IAAIF,KAChCG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,yHAAA,mCACZ,OAAI,EAAA,WAAU,8BACbA,gBAAAA,EAAA,cAAC,SAAI,WAAU,yCAAA,GACZA,gBAAAA,EAAA,cAAA,OAAA,IAAI,GACJA,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,oDAAA,mCACZ,OAAI,EAAA,WAAU,aACb,GAAAA,gBAAAA,EAAA,cAACC,KAAQ,OAAO,GAAG,IAAG,MAAA,GACnBT,CACH,GACAQ,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,IAAG;AAAA,IAAA;AAAA,IAEHF,gBAAAA,EAAA,cAACG,GAAiB,EAAA,MAAMV,EAAM,CAAA;AAAA,EAElC,CAAA,GAEAO,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,mEACZL,EAAQ,IAAI,CAACS,GAAQC,MACpBL,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACJ,GAAGD;AAAA,MACJ,SAAS,MAAMR,IAAgBQ,EAAO,MAAM;AAAA,IAAA;AAAA,EAE/C,CAAA,CACH,CACF,CACF,CACF,GAECV,KACCM,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,+BACb,GAAAA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKJ;AAAA,MACL,KAAKF;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAEd,CAAA,CAEJ,CACF;AAEJ,GAEAe,IAAehB;"}

package/dist/index.es4.js

@@ -1,9 +1,9 @@
 import t from "react";
 import { Button as c } from "./index.es2.js";
-import { ArrowRight16X16 as u } from "@iit/precision-ui-icons";
+import { ArrowRight16X16 as m } from "@iit/precision-ui-icons";
 import { cva as h } from "class-variance-authority";
 import { cn as e } from "./index.es55.js";
-const p = h(
+const u = h(
   "bg-white text-navy hover:bg-whitish-opacity-80 cursor-pointer",
   {
     variants: {
@@ -22,8 +22,8 @@ const p = h(
       size: "default"
     }
   }
-), m = h(
-  "rounded-full bg-navy-opacity-4 h-10 w-10 inline-flex items-center justify-center group-hover:bg-transparent duration-200",
+), p = h(
+  "rounded-full bg-navy-opacity-4 h-10 w-10 inline-flex items-center justify-center group-hover:bg-transparent duration-200 min-w-10 min-h-10",
   {
     variants: {
       theme: {
@@ -42,9 +42,9 @@ const p = h(
     }
   }
 ), y = ({
-  className: r,
+  className: i,
   linkClassName: f,
-  children: i,
+  children: r,
   theme: a,
   iconDirection: n,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -55,20 +55,20 @@ const p = h(
   ...s
 }) => {
   const l = "flex justify-between items-center gap-8";
-  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(
+  return o ? /* @__PURE__ */ t.createElement("a", { href: o, className: f, target: d }, /* @__PURE__ */ t.createElement(c, { className: e(u({ theme: a, className: i })), ...s }, /* @__PURE__ */ t.createElement("div", { className: e(l, "w-full") }, r, /* @__PURE__ */ t.createElement(
     "div",
     {
-      className: e(m({ theme: a, iconDirection: n }))
+      className: e(p({ theme: a, iconDirection: n }))
     },
-    /* @__PURE__ */ t.createElement(u, null)
+    /* @__PURE__ */ t.createElement(m, null)
   )))) : /* @__PURE__ */ t.createElement(
     c,
     {
-      className: e(p({ theme: a, className: r })),
+      className: e(u({ theme: a, className: i })),
       asChild: !0,
       ...s
     },
-    /* @__PURE__ */ t.createElement("div", { className: e(l) }, i, /* @__PURE__ */ t.createElement("div", { className: e(m({ theme: a, iconDirection: n })) }, /* @__PURE__ */ t.createElement(u, null)))
+    /* @__PURE__ */ t.createElement("div", { className: e(l) }, r, /* @__PURE__ */ t.createElement("div", { className: e(p({ theme: a, iconDirection: n })) }, /* @__PURE__ */ t.createElement(m, null)))
   );
 }, N = y;
 export {

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  target?: '_blank' | '_self'\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;"}
+{"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 min-w-10 min-h-10',\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\r\n    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' | '_self'\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,GAoBME,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,11 +1,11 @@
 import k from "./index.es54.js";
-import f from "./index.es4.js";
+import u 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 m } from "./index.es55.js";
+import { cn as n } from "./index.es55.js";
 import { cva as x } from "class-variance-authority";
 import { getAdapter as I } from "./index.es9.js";
 const W = x("", {
@@ -36,7 +36,7 @@ const W = x("", {
 }), q = x("", {
   variants: {
     contentContainerSize: {
-      default: "mb-5 lg:max-w-[700px]",
+      default: "mb-5 lg:max-w-[700px] w-full",
       medium: "lg:max-w-[590px]",
       large: "lg:max-w-5xl",
       small: "lg:max-w-[700px]"
@@ -60,37 +60,37 @@ const W = x("", {
     contentContainerSize: "default"
   }
 }), V = ({
-  text: a,
-  href: r,
-  target: c,
+  text: t,
+  href: l,
+  target: d,
   anchor: g,
-  theme: l,
-  className: n,
+  theme: s,
+  className: i,
   linkClassName: o,
-  iconDirection: s,
-  onClick: d
-}) => r ? /* @__PURE__ */ e.createElement(
-  f,
+  iconDirection: m,
+  onClick: p
+}) => l ? /* @__PURE__ */ e.createElement(
+  u,
   {
-    href: r,
-    theme: l,
-    className: m(n),
+    href: l,
+    theme: s,
+    className: n(i),
     linkClassName: o,
-    iconDirection: s,
-    target: c
+    iconDirection: m,
+    target: d
   },
-  a
-) : 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,
+  t
+) : g ? /* @__PURE__ */ e.createElement(u, { asChild: !0, theme: s, iconDirection: m }, /* @__PURE__ */ e.createElement("a", { href: l }, t)) : d ? /* @__PURE__ */ e.createElement(u, { asChild: !0, theme: s, iconDirection: m }, /* @__PURE__ */ e.createElement("a", { href: l, target: d, rel: "noopener noreferrer" }, t)) : /* @__PURE__ */ e.createElement(
+  u,
   {
-    theme: l,
-    iconDirection: s,
-    onClick: d,
-    className: m(n)
+    theme: s,
+    iconDirection: m,
+    onClick: p,
+    className: n(i)
   },
-  a
-), F = (a) => {
-  switch (a) {
+  t
+), F = (t) => {
+  switch (t) {
     case "search-news":
       return /* @__PURE__ */ e.createElement(
         "div",
@@ -102,8 +102,8 @@ const W = x("", {
           j,
           {
             placeholder: "Фильтр по тарифам",
-            onChange: (r) => {
-              console.log(r.target.value);
+            onChange: (l) => {
+              console.log(l.target.value);
             },
             className: "w-[456px]"
           }
@@ -113,24 +113,24 @@ const W = x("", {
       return null;
   }
 }, R = ({
-  title: a,
-  contentContainerSize: r,
-  contentContainerBottomSize: c,
+  title: t,
+  contentContainerSize: l,
+  contentContainerBottomSize: d,
   desc: g,
-  price: l,
-  oldPrice: n,
+  price: s,
+  oldPrice: i,
   image: o,
-  buttons: s,
-  childrenComponentType: d,
+  buttons: m,
+  childrenComponentType: p,
   breadcrumbs: h,
-  bottomButtons: p,
-  size: i = "default",
-  imageSize: u,
+  bottomButtons: r,
+  size: c = "default",
+  imageSize: f,
   linesImage: w,
   onButtonClick: v
 }) => {
-  const E = (t) => {
-    switch (t) {
+  const E = (a) => {
+    switch (a) {
       case "small":
         return 448;
       case "medium":
@@ -138,8 +138,8 @@ const W = x("", {
       default:
         return 664;
     }
-  }, b = (t) => {
-    switch (t) {
+  }, b = (a) => {
+    switch (a) {
       case "small":
         return 336;
       case "medium":
@@ -152,21 +152,25 @@ const W = x("", {
     "div",
     {
       "data-test-id": "content-container",
-      className: m(
+      className: n(
         "w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12",
         W({
-          size: c || i
-        })
+          size: d || c
+        }),
+        r?.length == 1 ? "pb-12" : "",
+        r?.length == 2 ? "pb-24 md:pb-12" : "",
+        r?.length == 3 ? "pb-44 md:pb-12" : "",
+        r?.length == 4 ? "pb-64 md:pb-12" : ""
       )
     },
     /* @__PURE__ */ e.createElement("div", { className: "right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block" }, h && /* @__PURE__ */ e.createElement(k, { list: h })),
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: m(
+        className: n(
           "w-auto sm:p-10 pt-10 sm:pt-32 flex flex-col justify-center items-start col-span-7 border-[1px] border-t-0 border-r-0 border-b-0 border-l-0 lg:border-l-[1px] border-whitish-opacity-16 border-solid pb-4",
-          _({ size: i }),
-          p ? "pb-[60px]" : ""
+          _({ size: c }),
+          r ? "pb-[60px]" : ""
         )
       },
       /* @__PURE__ */ e.createElement(
@@ -174,81 +178,81 @@ const W = x("", {
         {
           level: 1,
           as: "h1",
-          className: m("", q({ contentContainerSize: r }))
+          className: n("", q({ contentContainerSize: l }))
         },
-        /* @__PURE__ */ e.createElement(H, { html: a })
+        /* @__PURE__ */ e.createElement(H, { html: t })
       ),
-      /* @__PURE__ */ e.createElement("div", { className: "space-y-8" }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: "space-y-8 w-full" }, /* @__PURE__ */ e.createElement(
         C,
         {
           variant: "body",
-          className: m(
-            z({ contentContainerSize: r }),
+          className: n(
+            z({ contentContainerSize: l }),
             "text-whitish-opacity-60"
           )
         },
         g
-      ), (l || n) && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-5 items-baseline" }, n && /* @__PURE__ */ e.createElement(
+      ), (s || i) && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-5 items-baseline" }, i && /* @__PURE__ */ e.createElement(
         C,
         {
           variant: "lead-text",
           className: "text-whitish-opacity-32 line-through"
         },
-        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(
+        i
+      ), /* @__PURE__ */ e.createElement(y, { level: 3, as: "div" }, s)), m && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 mt-12 w-full flex-col md:flex-row" }, m.map((a) => /* @__PURE__ */ e.createElement(
         V,
         {
-          key: t.text,
-          className: "w-fit",
-          target: t.target,
-          ...t,
-          onClick: () => v?.(t.uniqId)
+          key: a.text,
+          className: "w-full md:w-fit",
+          target: a.target,
+          ...a,
+          onClick: () => v?.(a.uniqId)
         }
       )))),
-      d && /* @__PURE__ */ e.createElement("div", { className: "mt-5" }, F(d))
+      p && /* @__PURE__ */ e.createElement("div", { className: "mt-5" }, F(p))
     )
-  ), p && /* @__PURE__ */ e.createElement(
+  ), r && /* @__PURE__ */ e.createElement(
     "div",
     {
-      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"
+      className: n(
+        "gap-4 absolute bottom-8 z-30 w-[96%] pr-8 md:pr-0",
+        r.length === 4 ? "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 left-1/2 -translate-x-1/2" : "flex flex-col md:flex-row"
       )
     },
-    p.map((t) => /* @__PURE__ */ e.createElement(
+    r.map((a) => /* @__PURE__ */ e.createElement(
       V,
       {
-        key: t.text,
+        key: a.text,
         theme: "opacity",
-        ...t,
+        ...a,
         className: "w-full backdrop-blur-[8px]",
         linkClassName: "w-full",
-        onClick: () => v?.(t.uniqId),
-        target: t.target
+        onClick: () => v?.(a.uniqId),
+        target: a.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(u || i),
-      height: b(u || i),
+      alt: t,
+      width: E(f || c),
+      height: b(f || c),
       objectFit: "contain"
     }
   )), w && /* @__PURE__ */ e.createElement("div", { className: "absolute bottom-0 right-6 fadeLines" }, /* @__PURE__ */ e.createElement(
     N,
     {
       src: w,
-      alt: a,
-      width: E(u || i),
-      height: b(u || i),
+      alt: t,
+      width: E(f || c),
+      height: b(f || c),
       objectFit: "contain"
     }
   ))));
-}, Q = R;
+}, T = R;
 export {
   V as HeroButton,
-  Q as default
+  T as default
 };
 //# sourceMappingURL=index.es40.js.map

package/dist/index.es40.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es40.js","sources":["../src/sections/Hero.tsx"],"sourcesContent":["import { BreadcrumbProps, Breadcrumbs } from '@/components/breadcrumbs'\r\n\r\nimport { ButtonPrimary } from '@/components/ui/button'\r\nimport { CommonButtonProps } from './common'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '@/components/SafeHtml'\r\nimport SearchInputWithButton from '@/components/ui/input/SearchInputWithButton'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { cva } from 'class-variance-authority'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\n// import { SearchInput } from '@/components/ui/input'\r\n\r\nconst contentContainerVariants = cva('', {\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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"}
+{"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] w-full',\r\n      medium: 'lg:max-w-[590px]',\r\n      large: 'lg:max-w-5xl',\r\n      small: 'lg:max-w-[700px]', // not used, copy from default\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    contentContainerSize: 'default',\r\n  },\r\n})\r\n\r\nconst descVariants = cva('', {\r\n  variants: {\r\n    contentContainerSize: {\r\n      default: 'lg:max-w-[460px]',\r\n      medium: 'lg:max-w-[370px]',\r\n      large: 'lg:max-w-2xl',\r\n      small: 'lg:max-w-[460px]', // not used, copy from default\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    contentContainerSize: 'default',\r\n  },\r\n})\r\n\r\nexport interface HeroProps {\r\n  title: string\r\n  desc?: string\r\n  price?: string\r\n  oldPrice?: string\r\n  image?: string\r\n  buttons?: CommonButtonProps[]\r\n  childrenComponentType?: 'search-news'\r\n  breadcrumbs?: BreadcrumbProps[]\r\n  bottomButtons?: CommonButtonProps[]\r\n  size?: 'default' | 'small' | 'medium'\r\n  contentContainerSize?: 'default' | 'medium' | 'small' | 'large'\r\n  contentContainerBottomSize?: 'default' | 'small' | 'smaller'\r\n  imageSize?: 'default' | 'small' | 'medium'\r\n  linesImage?: string\r\n  onButtonClick?: (uniqId?: string) => void\r\n}\r\n\r\nexport const HeroButton: React.FC<CommonButtonProps> = ({\r\n  text,\r\n  href,\r\n  target,\r\n  anchor,\r\n  theme,\r\n  className,\r\n  linkClassName,\r\n  iconDirection,\r\n  onClick,\r\n}) => {\r\n  if (href) {\r\n    return (\r\n      <ButtonPrimary\r\n        href={href}\r\n        theme={theme}\r\n        className={cn(className)}\r\n        linkClassName={linkClassName}\r\n        iconDirection={iconDirection}\r\n        target={target}\r\n      >\r\n        {text}\r\n      </ButtonPrimary>\r\n    )\r\n  }\r\n\r\n  if (anchor) {\r\n    // TODO: the whole button is not clickable, but it should be\r\n    return (\r\n      <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n        <a href={href}>{text}</a>\r\n      </ButtonPrimary>\r\n    )\r\n  }\r\n\r\n  if (target) {\r\n    return (\r\n      <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n        <a href={href} target={target} rel=\"noopener noreferrer\">\r\n          {text}\r\n        </a>\r\n      </ButtonPrimary>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <ButtonPrimary\r\n      theme={theme}\r\n      iconDirection={iconDirection}\r\n      onClick={onClick}\r\n      className={cn(className)}\r\n    >\r\n      {text}\r\n    </ButtonPrimary>\r\n  )\r\n}\r\n\r\nconst childrenComponent = (componentType: 'search-news') => {\r\n  switch (componentType) {\r\n    case 'search-news':\r\n      return (\r\n        <div\r\n          data-test-id=\"search-news\"\r\n          className=\"w-full h-full flex justify-center items-center\"\r\n        >\r\n          <SearchInputWithButton\r\n            placeholder=\"Фильтр по тарифам\"\r\n            onChange={(event) => {\r\n              console.log(event.target.value)\r\n            }}\r\n            className=\"w-[456px]\"\r\n            // className=\"h-16 w-72 mt-2 bg-whitish\"\r\n          />\r\n        </div>\r\n      )\r\n\r\n    default:\r\n      return null\r\n  }\r\n}\r\n\r\nconst Hero: React.FC<HeroProps> = ({\r\n  title,\r\n  contentContainerSize,\r\n  contentContainerBottomSize,\r\n  desc,\r\n  price,\r\n  oldPrice,\r\n  image,\r\n  buttons,\r\n  childrenComponentType,\r\n  breadcrumbs,\r\n  bottomButtons,\r\n  size = 'default',\r\n  imageSize,\r\n  linesImage,\r\n  onButtonClick,\r\n}) => {\r\n  const imageWidth = (size: 'small' | 'medium' | 'default') => {\r\n    switch (size) {\r\n      case 'small':\r\n        return 448\r\n      case 'medium':\r\n        return 552\r\n      default:\r\n        return 664\r\n    }\r\n  }\r\n  const imageHeight = (size: 'small' | 'medium' | 'default') => {\r\n    switch (size) {\r\n      case 'small':\r\n        return 336\r\n      case 'medium':\r\n        return 456\r\n      default:\r\n        return 544\r\n    }\r\n  }\r\n\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  return (\r\n    <section className=\"container relative\">\r\n      <div className=\"mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative overflow-hidden\">\r\n        <div\r\n          data-test-id=\"content-container\"\r\n          className={cn(\r\n            'w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12',\r\n            contentContainerVariants({\r\n              size: contentContainerBottomSize || size,\r\n            }),\r\n            bottomButtons?.length == 1 ? 'pb-12' : '',\r\n            bottomButtons?.length == 2 ? 'pb-24 md:pb-12' : '',\r\n            bottomButtons?.length == 3 ? 'pb-44 md:pb-12' : '',\r\n            bottomButtons?.length == 4 ? 'pb-64 md:pb-12' : '',\r\n          )}\r\n        >\r\n          {/* Navigation */}\r\n          <div className=\"right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block\">\r\n            {breadcrumbs && <Breadcrumbs list={breadcrumbs} />}\r\n          </div>\r\n\r\n          {/* Slider Content */}\r\n          <div\r\n            className={cn(\r\n              'w-auto sm:p-10 pt-10 sm:pt-32 flex flex-col justify-center items-start col-span-7 border-[1px] border-t-0 border-r-0 border-b-0 border-l-0 lg:border-l-[1px] border-whitish-opacity-16 border-solid pb-4',\r\n              sliderContentVariants({ size }),\r\n              bottomButtons ? 'pb-[60px]' : '',\r\n            )}\r\n          >\r\n            <Heading\r\n              level={1}\r\n              as={'h1'}\r\n              className={cn('', titleVariants({ contentContainerSize }))}\r\n            >\r\n              <SafeHtmlRenderer html={title} />\r\n            </Heading>\r\n\r\n            <div className=\"space-y-8 w-full\">\r\n              <Text\r\n                variant=\"body\"\r\n                className={cn(\r\n                  descVariants({ contentContainerSize }),\r\n                  'text-whitish-opacity-60',\r\n                )}\r\n              >\r\n                {desc}\r\n              </Text>\r\n\r\n              {(price || oldPrice) && (\r\n                <div className=\"flex space-x-5 items-baseline\">\r\n                  {oldPrice && (\r\n                    <Text\r\n                      variant=\"lead-text\"\r\n                      className=\"text-whitish-opacity-32 line-through\"\r\n                    >\r\n                      {oldPrice}\r\n                    </Text>\r\n                  )}\r\n                  <Heading level={3} as={'div'}>\r\n                    {price}\r\n                  </Heading>\r\n                </div>\r\n              )}\r\n\r\n              {buttons && (\r\n                <div className=\"flex gap-4 mt-12 w-full flex-col md:flex-row\">\r\n                  {buttons.map((button) => (\r\n                    <HeroButton\r\n                      key={button.text}\r\n                      className=\"w-full md:w-fit\"\r\n                      target={button.target}\r\n                      {...button}\r\n                      onClick={() => onButtonClick?.(button.uniqId)}\r\n                    />\r\n                  ))}\r\n                </div>\r\n              )}\r\n            </div>\r\n\r\n            {childrenComponentType && (\r\n              <div className=\"mt-5\">\r\n                {childrenComponent(childrenComponentType)}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n\r\n        {bottomButtons && (\r\n          <div\r\n            className={cn(\r\n              'gap-4 absolute bottom-8 z-30 w-[96%] pr-8 md:pr-0',\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 flex-col md:flex-row',\r\n            )}\r\n          >\r\n            {bottomButtons.map((button) => (\r\n              <HeroButton\r\n                key={button.text}\r\n                theme=\"opacity\"\r\n                {...button}\r\n                className=\"w-full backdrop-blur-[8px]\"\r\n                linkClassName=\"w-full\"\r\n                onClick={() => onButtonClick?.(button.uniqId)}\r\n                target={button.target}\r\n              />\r\n            ))}\r\n          </div>\r\n        )}\r\n\r\n        {image && (\r\n          <div className=\"hidden sm:block absolute bottom-0 right-6 floating\">\r\n            <ImageWrapper\r\n              src={image}\r\n              alt={title}\r\n              // width={size === \"default\" ? 664 : 448}\r\n              // height={size === \"default\" ? 544 : 336}\r\n              width={imageWidth(imageSize || size)}\r\n              height={imageHeight(imageSize || size)}\r\n              objectFit=\"contain\"\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        {linesImage && (\r\n          <div className=\"absolute bottom-0 right-6 fadeLines\">\r\n            <ImageWrapper\r\n              src={linesImage}\r\n              alt={title}\r\n              // width={size === \"default\" ? 664 : 448}\r\n              // height={size === \"default\" ? 544 : 336}\r\n              width={imageWidth(imageSize || size)}\r\n              height={imageHeight(imageSize || size)}\r\n              objectFit=\"contain\"\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default Hero\r\n"],"names":["contentContainerVariants","cva","sliderContentVariants","titleVariants","descVariants","HeroButton","text","href","target","anchor","theme","className","linkClassName","iconDirection","onClick","React","ButtonPrimary","cn","childrenComponent","componentType","SearchInputWithButton","event","Hero","title","contentContainerSize","contentContainerBottomSize","desc","price","oldPrice","image","buttons","childrenComponentType","breadcrumbs","bottomButtons","size","imageSize","linesImage","onButtonClick","imageWidth","imageHeight","ImageWrapper","getAdapter","Breadcrumbs","Heading","SafeHtmlRenderer","Text","button","Hero$1"],"mappings":"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"}

package/dist/index.es42.js

@@ -3,9 +3,9 @@ import { cva as y } from "class-variance-authority";
 import { cn as E } from "./index.es55.js";
 import N from "./index.es46.js";
 import b from "./index.es47.js";
-import g from "./index.es4.js";
+import w from "./index.es4.js";
 import l from "./index.es19.js";
-const h = y("space-y-12", {
+const g = y("space-y-12", {
   variants: {
     variant: {
       default: "py-[120px]",
@@ -21,15 +21,15 @@ const h = y("space-y-12", {
     variant: "default",
     corners: "default"
   }
-}), B = ({
+}), h = ({
   title: t,
-  sectionId: n,
+  sectionId: m,
   desc: a,
-  children: m,
+  children: n,
   moreLink: r,
   moreText: o = "Подробнее",
-  withTopMargin: c = !1,
-  withBottomMargin: s = !1,
+  withTopMargin: s = !1,
+  withBottomMargin: c = !1,
   withoutTopPadding: i = !1,
   withoutBottomPadding: f = !1,
   variant: d,
@@ -38,24 +38,30 @@ const h = y("space-y-12", {
 }) => {
   const u = [
     "container",
-    c && "mt-6",
-    s && "mb-6"
+    s && "mt-6",
+    c && "mb-6"
   ].filter(Boolean).map((v) => v).join(" ").trim();
-  return /* @__PURE__ */ e.createElement("section", { className: u, id: n }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("section", { className: u, id: m }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: E(
-        h({ variant: d, corners: p }),
+        g({ variant: d, corners: p }),
         i && "pt-0",
         f && "pb-0",
         x
       )
     },
-    t && /* @__PURE__ */ e.createElement("div", { className: "space-y-4 flex flex-col items-center" }, /* @__PURE__ */ e.createElement(N, { level: 2, className: "text-center max-w-[900px]" }, /* @__PURE__ */ e.createElement(l, { html: t })), a && /* @__PURE__ */ e.createElement(b, { className: "text-center max-w-5xl", as: "div" }, /* @__PURE__ */ e.createElement(l, { html: a }))),
-    m,
-    r && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ e.createElement(g, { href: r }, o))
+    t && /* @__PURE__ */ e.createElement("div", { className: "space-y-4 flex flex-col items-center" }, /* @__PURE__ */ e.createElement(N, { level: 2, className: "text-center max-w-[900px] w-full" }, /* @__PURE__ */ e.createElement(
+      l,
+      {
+        html: t,
+        className: "break-words 2xs:break-normal"
+      }
+    )), a && /* @__PURE__ */ e.createElement(b, { className: "text-center max-w-5xl", as: "div" }, /* @__PURE__ */ e.createElement(l, { html: a }))),
+    n,
+    r && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ e.createElement(w, { href: r }, o))
   ));
-}, _ = B;
+}, _ = h;
 export {
   _ as default
 };

package/dist/index.es42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es42.js","sources":["../src/sections/Section.tsx"],"sourcesContent":["import React from 'react'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport Text from '@/components/core/typography/Text'\r\nimport ButtonPrimary from '@/components/ui/button/ButtonPrimary'\r\nimport SafeHtmlRenderer from '@/components/SafeHtml'\r\n\r\nconst sectionVariants = cva('space-y-12', {\r\n  variants: {\r\n    variant: {\r\n      default: 'py-[120px]',\r\n      muted: 'bg-grey-2 py-[88px] px-6',\r\n    },\r\n    corners: {\r\n      default: 'rounded-2xl',\r\n      onlyTop: 'rounded-t-2xl',\r\n      onlyBottom: 'rounded-b-2xl',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n    corners: 'default',\r\n  },\r\n})\r\n\r\nexport interface SectionProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof sectionVariants> {\r\n  title: string\r\n  sectionId?: string\r\n  desc?: string\r\n  children?: React.ReactNode\r\n  moreLink?: string\r\n  moreText?: string\r\n  withTopMargin?: boolean\r\n  withBottomMargin?: boolean\r\n  withoutTopPadding?: boolean\r\n  withoutBottomPadding?: boolean\r\n  className?: string\r\n}\r\n\r\nconst Section: React.FC<SectionProps> = ({\r\n  title,\r\n  sectionId,\r\n  desc,\r\n  children,\r\n  moreLink,\r\n  moreText = 'Подробнее',\r\n  withTopMargin = false,\r\n  withBottomMargin = false,\r\n  withoutTopPadding = false,\r\n  withoutBottomPadding = false,\r\n  variant,\r\n  corners,\r\n  className,\r\n}) => {\r\n  const sectionClasses = [\r\n    'container',\r\n    withTopMargin && 'mt-6',\r\n    withBottomMargin && 'mb-6',\r\n  ]\r\n    .filter(Boolean)\r\n    .map((item) => item)\r\n    .join(' ')\r\n    .trim()\r\n\r\n  return (\r\n    <section className={sectionClasses} id={sectionId}>\r\n      <div\r\n        className={cn(\r\n          sectionVariants({ variant, corners }),\r\n          withoutTopPadding && 'pt-0',\r\n          withoutBottomPadding && 'pb-0',\r\n          className\r\n        )}\r\n      >\r\n        {title && (\r\n          <div className=\"space-y-4 flex flex-col items-center\">\r\n            <Heading level={2} className=\"text-center max-w-[900px]\">\r\n              <SafeHtmlRenderer html={title} />\r\n            </Heading>\r\n            {desc && (\r\n              <Text className=\"text-center max-w-5xl\" as={'div'}>\r\n                <SafeHtmlRenderer html={desc} />\r\n              </Text>\r\n            )}\r\n          </div>\r\n        )}\r\n        {children}\r\n        {moreLink && (\r\n          <div className=\"flex justify-center\">\r\n            <ButtonPrimary href={moreLink}>{moreText}</ButtonPrimary>\r\n          </div>\r\n        )}\r\n      </div>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default Section\r\n"],"names":["sectionVariants","cva","Section","title","sectionId","desc","children","moreLink","moreText","withTopMargin","withBottomMargin","withoutTopPadding","withoutBottomPadding","variant","corners","className","sectionClasses","item","React","cn","Heading","SafeHtmlRenderer","Text","ButtonPrimary","Section$1"],"mappings":";;;;;;;AAQA,MAAMA,IAAkBC,EAAI,cAAc;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF,CAAC,GAkBKC,IAAkC,CAAC;AAAA,EACvC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,mBAAAC,IAAoB;AAAA,EACpB,sBAAAC,IAAuB;AAAA,EACvB,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAiB;AAAA,IACrB;AAAA,IACAP,KAAiB;AAAA,IACjBC,KAAoB;AAAA,EAEnB,EAAA,OAAO,OAAO,EACd,IAAI,CAACO,MAASA,CAAI,EAClB,KAAK,GAAG,EACR,KAAK;AAER,SACGC,gBAAAA,EAAA,cAAA,WAAA,EAAQ,WAAWF,GAAgB,IAAIZ,KACtCc,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTnB,EAAgB,EAAE,SAAAa,GAAS,SAAAC,GAAS;AAAA,QACpCH,KAAqB;AAAA,QACrBC,KAAwB;AAAA,QACxBG;AAAA,MACF;AAAA,IAAA;AAAA,IAECZ,KACCe,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,uCACb,GAAAA,gBAAAA,EAAA,cAACE,GAAQ,EAAA,OAAO,GAAG,WAAU,4BAC3B,GAAAF,gBAAAA,EAAA,cAACG,GAAiB,EAAA,MAAMlB,EAAO,CAAA,CACjC,GACCE,KACEa,gBAAAA,EAAA,cAAAI,GAAA,EAAK,WAAU,yBAAwB,IAAI,MAAA,GACzCJ,gBAAAA,EAAA,cAAAG,GAAA,EAAiB,MAAMhB,EAAM,CAAA,CAChC,CAEJ;AAAA,IAEDC;AAAA,IACAC,KACEW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,sBAAA,mCACZK,GAAc,EAAA,MAAMhB,EAAW,GAAAC,CAAS,CAC3C;AAAA,EAAA,CAGN;AAEJ,GAEAgB,IAAetB;"}
+{"version":3,"file":"index.es42.js","sources":["../src/sections/Section.tsx"],"sourcesContent":["import React from 'react'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport Text from '@/components/core/typography/Text'\r\nimport ButtonPrimary from '@/components/ui/button/ButtonPrimary'\r\nimport SafeHtmlRenderer from '@/components/SafeHtml'\r\n\r\nconst sectionVariants = cva('space-y-12', {\r\n  variants: {\r\n    variant: {\r\n      default: 'py-[120px]',\r\n      muted: 'bg-grey-2 py-[88px] px-6',\r\n    },\r\n    corners: {\r\n      default: 'rounded-2xl',\r\n      onlyTop: 'rounded-t-2xl',\r\n      onlyBottom: 'rounded-b-2xl',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n    corners: 'default',\r\n  },\r\n})\r\n\r\nexport interface SectionProps\r\n  extends\r\n    React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof sectionVariants> {\r\n  title: string\r\n  sectionId?: string\r\n  desc?: string\r\n  children?: React.ReactNode\r\n  moreLink?: string\r\n  moreText?: string\r\n  withTopMargin?: boolean\r\n  withBottomMargin?: boolean\r\n  withoutTopPadding?: boolean\r\n  withoutBottomPadding?: boolean\r\n  className?: string\r\n}\r\n\r\nconst Section: React.FC<SectionProps> = ({\r\n  title,\r\n  sectionId,\r\n  desc,\r\n  children,\r\n  moreLink,\r\n  moreText = 'Подробнее',\r\n  withTopMargin = false,\r\n  withBottomMargin = false,\r\n  withoutTopPadding = false,\r\n  withoutBottomPadding = false,\r\n  variant,\r\n  corners,\r\n  className,\r\n}) => {\r\n  const sectionClasses = [\r\n    'container',\r\n    withTopMargin && 'mt-6',\r\n    withBottomMargin && 'mb-6',\r\n  ]\r\n    .filter(Boolean)\r\n    .map((item) => item)\r\n    .join(' ')\r\n    .trim()\r\n\r\n  return (\r\n    <section className={sectionClasses} id={sectionId}>\r\n      <div\r\n        className={cn(\r\n          sectionVariants({ variant, corners }),\r\n          withoutTopPadding && 'pt-0',\r\n          withoutBottomPadding && 'pb-0',\r\n          className,\r\n        )}\r\n      >\r\n        {title && (\r\n          <div className=\"space-y-4 flex flex-col items-center\">\r\n            <Heading level={2} className=\"text-center max-w-[900px] w-full\">\r\n              <SafeHtmlRenderer\r\n                html={title}\r\n                className=\"break-words 2xs:break-normal\"\r\n              />\r\n            </Heading>\r\n            {desc && (\r\n              <Text className=\"text-center max-w-5xl\" as={'div'}>\r\n                <SafeHtmlRenderer html={desc} />\r\n              </Text>\r\n            )}\r\n          </div>\r\n        )}\r\n        {children}\r\n        {moreLink && (\r\n          <div className=\"flex justify-center\">\r\n            <ButtonPrimary href={moreLink}>{moreText}</ButtonPrimary>\r\n          </div>\r\n        )}\r\n      </div>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default Section\r\n"],"names":["sectionVariants","cva","Section","title","sectionId","desc","children","moreLink","moreText","withTopMargin","withBottomMargin","withoutTopPadding","withoutBottomPadding","variant","corners","className","sectionClasses","item","React","cn","Heading","SafeHtmlRenderer","Text","ButtonPrimary","Section$1"],"mappings":";;;;;;;AAQA,MAAMA,IAAkBC,EAAI,cAAc;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF,CAAC,GAmBKC,IAAkC,CAAC;AAAA,EACvC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,mBAAAC,IAAoB;AAAA,EACpB,sBAAAC,IAAuB;AAAA,EACvB,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAiB;AAAA,IACrB;AAAA,IACAP,KAAiB;AAAA,IACjBC,KAAoB;AAAA,EAEnB,EAAA,OAAO,OAAO,EACd,IAAI,CAACO,MAASA,CAAI,EAClB,KAAK,GAAG,EACR,KAAK;AAER,SACGC,gBAAAA,EAAA,cAAA,WAAA,EAAQ,WAAWF,GAAgB,IAAIZ,KACtCc,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTnB,EAAgB,EAAE,SAAAa,GAAS,SAAAC,GAAS;AAAA,QACpCH,KAAqB;AAAA,QACrBC,KAAwB;AAAA,QACxBG;AAAA,MACF;AAAA,IAAA;AAAA,IAECZ,KACEe,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,uCAAA,mCACZE,GAAQ,EAAA,OAAO,GAAG,WAAU,mCAC3B,GAAAF,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAMlB;AAAA,QACN,WAAU;AAAA,MAAA;AAAA,IAAA,CAEd,GACCE,KACCa,gBAAAA,EAAA,cAACI,KAAK,WAAU,yBAAwB,IAAI,MAAA,GACzCJ,gBAAAA,EAAA,cAAAG,GAAA,EAAiB,MAAMhB,EAAM,CAAA,CAChC,CAEJ;AAAA,IAEDC;AAAA,IACAC,KACEW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,sBAAA,mCACZK,GAAc,EAAA,MAAMhB,EAAW,GAAAC,CAAS,CAC3C;AAAA,EAAA,CAGN;AAEJ,GAEAgB,IAAetB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../src/sections/CTA.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAG5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA4C3B,CAAA;AAED,eAAe,GAAG,CAAA"}
+{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../src/sections/CTA.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAG5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAyD3B,CAAA;AAED,eAAe,GAAG,CAAA"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/sections/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,QAAA,MAAM,eAAe;;;8EAgBnB,CAAA;AAEF,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwDnC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/sections/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,QAAA,MAAM,eAAe;;;8EAgBnB,CAAA;AAEF,MAAM,WAAW,YACf,SACE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2DnC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/styles.css

@@ -560,6 +560,9 @@ body{
 .col-span-2{
     grid-column: span 2 / span 2;
 }
+.col-span-3{
+    grid-column: span 3 / span 3;
+}
 .col-span-7{
     grid-column: span 7 / span 7;
 }
@@ -741,6 +744,9 @@ body{
 .max-h-\[calc\(100dvh-1rem\)\]{
     max-height: calc(100dvh - 1rem);
 }
+.min-h-10{
+    min-height: 2.5rem;
+}
 .min-h-\[120px\]{
     min-height: 120px;
 }
@@ -810,16 +816,15 @@ body{
 .w-auto{
     width: auto;
 }
-.w-fit{
-    width: -moz-fit-content;
-    width: fit-content;
-}
 .w-full{
     width: 100%;
 }
 .min-w-0{
     min-width: 0px;
 }
+.min-w-10{
+    min-width: 2.5rem;
+}
 .max-w-2xl{
     max-width: 42rem;
 }
@@ -1025,9 +1030,15 @@ body{
     text-overflow: ellipsis;
     white-space: nowrap;
 }
+.whitespace-normal{
+    white-space: normal;
+}
 .whitespace-nowrap{
     white-space: nowrap;
 }
+.break-words{
+    overflow-wrap: break-word;
+}
 .rounded{
     border-radius: 0.25rem;
 }
@@ -1376,12 +1387,21 @@ body{
 .pb-12{
     padding-bottom: 3rem;
 }
+.pb-24{
+    padding-bottom: 6rem;
+}
 .pb-4{
     padding-bottom: 1rem;
 }
+.pb-44{
+    padding-bottom: 11rem;
+}
 .pb-6{
     padding-bottom: 1.5rem;
 }
+.pb-64{
+    padding-bottom: 16rem;
+}
 .pb-\[11px\]{
     padding-bottom: 11px;
 }
@@ -1683,10 +1703,15 @@ body{
 }
 @media (min-width: 360px) {
   .typo_variant_factoid {
-    font-size: 45.6px;
+    font-size: 41.8px;
   }
 }
 @media (min-width: 500px) {
+  .typo_variant_factoid {
+    font-size: 45.6px;
+  }
+}
+@media (min-width: 640px) {
   .typo_variant_factoid {
     font-size: 53.2px;
   }
@@ -1719,10 +1744,15 @@ body{
 }
 @media (min-width: 360px) {
   .typo_variant_h1 {
-    font-size: 45.6px;
+    font-size: 41.8px;
   }
 }
 @media (min-width: 500px) {
+  .typo_variant_h1 {
+    font-size: 45.6px;
+  }
+}
+@media (min-width: 640px) {
   .typo_variant_h1 {
     font-size: 53.2px;
   }
@@ -1757,10 +1787,16 @@ body{
 @media (min-width: 360px) {
   .typo_variant_h2, .content h1,
   .content .h1 {
-    font-size: 34.2px;
+    font-size: 31.35px;
   }
 }
 @media (min-width: 500px) {
+  .typo_variant_h2, .content h1,
+  .content .h1 {
+    font-size: 34.2px;
+  }
+}
+@media (min-width: 640px) {
   .typo_variant_h2, .content h1,
   .content .h1 {
     font-size: 39.9px;
@@ -1794,10 +1830,16 @@ body{
 @media (min-width: 360px) {
   .typo_variant_h3, .content h2,
   .content .h2 {
-    font-size: 25.8px;
+    font-size: 23.65px;
   }
 }
 @media (min-width: 500px) {
+  .typo_variant_h3, .content h2,
+  .content .h2 {
+    font-size: 25.8px;
+  }
+}
+@media (min-width: 640px) {
   .typo_variant_h3, .content h2,
   .content .h2 {
     font-size: 30.1px;
@@ -1831,10 +1873,16 @@ body{
 @media (min-width: 360px) {
   .typo_variant_h4, .content h3,
   .content .h3 {
-    font-size: 19.2px;
+    font-size: 17.6px;
   }
 }
 @media (min-width: 500px) {
+  .typo_variant_h4, .content h3,
+  .content .h3 {
+    font-size: 19.2px;
+  }
+}
+@media (min-width: 640px) {
   .typo_variant_h4, .content h3,
   .content .h3 {
     font-size: 22.4px;
@@ -2072,10 +2120,15 @@ body{
 }
 @media (min-width: 360px) {
   .typo_variant_lead-text {
-    font-size: 16.2px;
+    font-size: 14.85px;
   }
 }
 @media (min-width: 500px) {
+  .typo_variant_lead-text {
+    font-size: 16.2px;
+  }
+}
+@media (min-width: 640px) {
   .typo_variant_lead-text {
     font-size: 18.9px;
   }
@@ -3150,6 +3203,13 @@ html {
     .\32xs\:grid-cols-2{
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }
+    .\32xs\:whitespace-nowrap{
+        white-space: nowrap;
+    }
+    .\32xs\:break-normal{
+        overflow-wrap: normal;
+        word-break: normal;
+    }
 }
 @media (min-width: 640px){
     .sm\:col-span-1{
@@ -3202,6 +3262,16 @@ html {
         margin-right: calc(0.5rem * var(--precision-ui-tw-space-x-reverse));
         margin-left: calc(0.5rem * calc(1 - var(--precision-ui-tw-space-x-reverse)));
     }
+    .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){
+        --precision-ui-tw-space-x-reverse: 0;
+        margin-right: calc(1rem * var(--precision-ui-tw-space-x-reverse));
+        margin-left: calc(1rem * calc(1 - var(--precision-ui-tw-space-x-reverse)));
+    }
+    .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
+        --precision-ui-tw-space-y-reverse: 0;
+        margin-top: calc(0px * calc(1 - var(--precision-ui-tw-space-y-reverse)));
+        margin-bottom: calc(0px * var(--precision-ui-tw-space-y-reverse));
+    }
     .sm\:rounded-lg{
         border-radius: var(--precision-ui-tw-radius);
     }
@@ -3238,6 +3308,10 @@ html {
     }
 }
 @media (min-width: 768px){
+    .md\:w-fit{
+        width: -moz-fit-content;
+        width: fit-content;
+    }
     .md\:max-w-2xl{
         max-width: 42rem;
     }
@@ -3247,6 +3321,15 @@ html {
     .md\:basis-1\/2{
         flex-basis: 50%;
     }
+    .md\:flex-row{
+        flex-direction: row;
+    }
+    .md\:pb-12{
+        padding-bottom: 3rem;
+    }
+    .md\:pr-0{
+        padding-right: 0px;
+    }
 }
 @media (min-width: 990px){
     .lg\:col-span-1{
@@ -3306,9 +3389,22 @@ html {
     .lg\:grid-cols-6{
         grid-template-columns: repeat(6, minmax(0, 1fr));
     }
+    .lg\:flex-row{
+        flex-direction: row;
+    }
     .lg\:gap-0{
         gap: 0px;
     }
+    .lg\:space-x-3 > :not([hidden]) ~ :not([hidden]){
+        --precision-ui-tw-space-x-reverse: 0;
+        margin-right: calc(0.75rem * var(--precision-ui-tw-space-x-reverse));
+        margin-left: calc(0.75rem * calc(1 - var(--precision-ui-tw-space-x-reverse)));
+    }
+    .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){
+        --precision-ui-tw-space-y-reverse: 0;
+        margin-top: calc(0px * calc(1 - var(--precision-ui-tw-space-y-reverse)));
+        margin-bottom: calc(0px * var(--precision-ui-tw-space-y-reverse));
+    }
     .lg\:border{
         border-width: 1px;
     }

package/package.json

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