@iit/precision-ui 0.9.1 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/components/cards/Connect.d.ts +1 -0
  2. package/dist/components/cards/Connect.d.ts.map +1 -1
  3. package/dist/components/cards/Package.d.ts.map +1 -1
  4. package/dist/components/ui/button/button.d.ts.map +1 -1
  5. package/dist/index.es2.js +5 -5
  6. package/dist/index.es2.js.map +1 -1
  7. package/dist/index.es26.js +12 -12
  8. package/dist/index.es26.js.map +1 -1
  9. package/dist/index.es31.js +1 -1
  10. package/dist/index.es31.js.map +1 -1
  11. package/dist/index.es39.js +23 -9
  12. package/dist/index.es39.js.map +1 -1
  13. package/dist/index.es40.js +47 -45
  14. package/dist/index.es40.js.map +1 -1
  15. package/dist/index.es42.js +21 -15
  16. package/dist/index.es42.js.map +1 -1
  17. package/dist/sections/CTA.d.ts.map +1 -1
  18. package/dist/sections/Hero.d.ts.map +1 -1
  19. package/dist/sections/Section.d.ts.map +1 -1
  20. package/dist/styles.css +100 -10
  21. package/package.json +1 -1
package/dist/components/cards/Connect.d.ts CHANGED
@@ -4,6 +4,7 @@ import { default as React } from 'react';
4
4
  interface Content {
5
5
  title: string;
6
6
  content: (string | React.ReactNode)[];
7
+ wideDesktopCard?: boolean;
7
8
  }
8
9
  export interface ConnectCardProps {
9
10
  topContent: Content;
package/dist/components/cards/Connect.d.ts.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -1 +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"}
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,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/button.d.ts.map CHANGED
@@ -1 +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"}
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,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 CHANGED
@@ -1,9 +1,9 @@
1
1
  import e from "react";
2
- import { Slot as d } from "@radix-ui/react-slot";
3
- import { cva as c } from "class-variance-authority";
2
+ import { Slot as c } from "@radix-ui/react-slot";
3
+ import { cva as d } from "class-variance-authority";
4
4
  import { cn as u } from "./index.es55.js";
5
- const l = c(
6
- "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",
5
+ const l = d(
6
+ "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",
7
7
  {
8
8
  variants: {
9
9
  variant: {
@@ -27,7 +27,7 @@ const l = c(
27
27
  }
28
28
  ), f = e.forwardRef(
29
29
  ({ className: t, variant: o, size: r, asChild: n = !1, ...i }, a) => {
30
- const s = n ? d : "button";
30
+ const s = n ? c : "button";
31
31
  return /* @__PURE__ */ e.createElement(
32
32
  s,
33
33
  {
package/dist/index.es2.js.map CHANGED
@@ -1 +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;"}
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-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 CHANGED
@@ -3,10 +3,10 @@ import i from "./index.es46.js";
3
3
  import e from "react";
4
4
  import n from "./index.es47.js";
5
5
  import { cn as y } from "./index.es55.js";
6
- import { getAdapter as g } from "./index.es9.js";
7
- const h = ({
6
+ import { getAdapter as E } from "./index.es9.js";
7
+ const x = ({
8
8
  topContent: c,
9
- bottomContent: r,
9
+ bottomContent: l,
10
10
  withLogo: o,
11
11
  className: p,
12
12
  size: d,
@@ -14,27 +14,27 @@ const h = ({
14
14
  buttons: s,
15
15
  uniqId: f
16
16
  }) => {
17
- let l = "";
17
+ let r = "";
18
18
  switch (d) {
19
19
  case 1:
20
- l = "col-span-1";
20
+ r = "col-span-1";
21
21
  break;
22
22
  case 2:
23
- l = "col-span-2";
23
+ r = "col-span-2";
24
24
  }
25
- const E = g("ImageWrapper");
25
+ const g = E("ImageWrapper");
26
26
  return /* @__PURE__ */ e.createElement(
27
27
  "div",
28
28
  {
29
29
  className: y(
30
30
  "bg-whitish p-6 rounded-lg flex flex-col justify-between relative",
31
31
  p,
32
- l
32
+ r
33
33
  )
34
34
  },
35
35
  /* @__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)))),
36
- 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))),
37
- 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(
36
+ 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))),
37
+ 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(
38
38
  m,
39
39
  {
40
40
  onClick: () => a.isConsultButton ? v?.(f) : void 0
@@ -42,7 +42,7 @@ const h = ({
42
42
  a.text
43
43
  )))),
44
44
  o && /* @__PURE__ */ e.createElement("div", { className: "absolute right-6 top-6" }, /* @__PURE__ */ e.createElement(
45
- E,
45
+ g,
46
46
  {
47
47
  src: "/icons/comet.svg",
48
48
  alt: "logo",
@@ -51,7 +51,7 @@ const h = ({
51
51
  }
52
52
  ))
53
53
  );
54
- }, B = h;
54
+ }, B = x;
55
55
  export {
56
56
  B as default
57
57
  };
package/dist/index.es26.js.map CHANGED
@@ -1 +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;"}
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 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 CHANGED
@@ -56,7 +56,7 @@ const B = c(
56
56
  titleInformer: y,
57
57
  colSize: l
58
58
  }) => {
59
- 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" : "";
59
+ 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" : "";
60
60
  return /* @__PURE__ */ e.createElement(
61
61
  "div",
62
62
  {
package/dist/index.es31.js.map CHANGED
@@ -1 +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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"}
1
+ {"version":3,"file":"index.es31.js","sources":["../src/components/cards/Package.tsx"],"sourcesContent":["import { RateButton, RateButtonProps } from './Rate'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\nimport { VariantProps, cva } from 'class-variance-authority'\r\n\r\nimport AppLink from '../ui/Link'\r\nimport Heading from '../core/typography/Heading'\r\nimport Informer from '../Informer'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst packageCardVariants = cva(\r\n 'group p-6 rounded-lg min-h-[360px] flex flex-col justify-between',\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n 'text-navy bg-whitish hover1:bg-navy-opacity-4 hover1:text-navy',\r\n navy: 'text-whitish bg-gradient-to-b from-navy to-sapphire hover1:from-sapphire hover1:to-navy',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n },\r\n)\r\n\r\nconst descVariants = cva('', {\r\n variants: {\r\n variant: {\r\n default: 'text-navy-opacity-60',\r\n navy: 'text-whitish-opacity-60',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\nconst dividerVariants = cva('w-full h-[1px]', {\r\n variants: {\r\n variant: {\r\n default: 'bg-grey-1',\r\n navy: 'bg-whitish-opacity-16',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\nexport interface PackageCardProps\r\n extends\r\n React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof packageCardVariants> {\r\n className?: string\r\n title: string\r\n oldPrice?: string\r\n price: string\r\n priceDesc?: string\r\n desc?: string\r\n link?: string\r\n onClickBuyButton?: (title: string) => void\r\n buttons?: RateButtonProps[]\r\n tags?: TagItemProps[]\r\n titleInformer?: string\r\n colSize?: 1 | 2 | 3 | 4\r\n}\r\n\r\nexport interface PackageCardPropsWithoutHTMLAttributes extends Omit<\r\n PackageCardProps,\r\n keyof React.HTMLAttributes<HTMLDivElement>\r\n> {\r\n className?: string\r\n title: string\r\n}\r\n\r\nconst PackageCard: React.FC<PackageCardProps> = ({\r\n variant,\r\n className,\r\n title,\r\n oldPrice,\r\n price,\r\n priceDesc,\r\n desc,\r\n link,\r\n onClickBuyButton,\r\n buttons,\r\n tags,\r\n titleInformer,\r\n colSize,\r\n}) => {\r\n const itemSizeClass =\r\n colSize === 1\r\n ? 'lg:col-span-1'\r\n : colSize === 2\r\n ? 'lg:col-span-2'\r\n : colSize === 3\r\n ? 'col-span-3 lg:col-span-3'\r\n : colSize === 4\r\n ? 'sm:col-span-6 xl:col-span-4'\r\n : ''\r\n return (\r\n <div\r\n className={cn(packageCardVariants({ variant, className }), itemSizeClass)}\r\n >\r\n <div>\r\n {tags && (\r\n <div className=\"flex space-x-2 mb-6\">\r\n {tags.map((tag, index) => (\r\n <Tag key={index} variant={tag.color}>\r\n {tag.title}\r\n </Tag>\r\n ))}\r\n </div>\r\n )}\r\n\r\n <div className=\"space-y-12 mb-12\">\r\n <div className=\"space-y-6\">\r\n <div className=\"flex space-x-2 items-center relative\">\r\n {link ? (\r\n <AppLink\r\n href={link}\r\n variant={variant === 'navy' ? 'white' : 'navy'}\r\n >\r\n <Heading level={4} as={'span'}>\r\n {title}\r\n </Heading>\r\n </AppLink>\r\n ) : (\r\n <Heading\r\n level={4}\r\n as={'span'}\r\n className={variant === 'navy' ? 'text-whitish' : 'text-navy'}\r\n >\r\n {title}\r\n </Heading>\r\n )}\r\n {titleInformer && <Informer content={titleInformer} />}\r\n </div>\r\n <Text\r\n variant=\"small-body\"\r\n as=\"div\"\r\n className={cn(descVariants({ variant }), 'content')}\r\n >\r\n {desc && <SafeHtmlRenderer html={desc} />}\r\n </Text>\r\n </div>\r\n\r\n {/* <div className=\"space-y-6\">\r\n <div className={cn(dividerVariants({ variant }))}></div>\r\n <div className=\"space-y-3\">\r\n <div className=\"flex space-x-4 items-baseline\">\r\n {oldPrice && (\r\n <Text\r\n variant=\"caption\"\r\n className=\"text-navy-opacity-40 line-through\"\r\n >\r\n {oldPrice}\r\n </Text>\r\n )}\r\n <Heading level={5} as={\"div\"}>\r\n {price}\r\n </Heading>\r\n </div>\r\n {priceDesc && (\r\n <Text\r\n variant=\"small-body\"\r\n as=\"div\"\r\n className={cn(descVariants({ variant }), \"content\")}\r\n >\r\n <SafeHtmlRenderer html={priceDesc} />\r\n </Text>\r\n )}\r\n </div>\r\n </div> */}\r\n </div>\r\n </div>\r\n\r\n <div>\r\n <div className=\"space-y-6 mb-6\">\r\n <div className={cn(dividerVariants({ variant }))}></div>\r\n <div className=\"space-y-3\">\r\n <div className=\"flex space-x-4 items-baseline\">\r\n {oldPrice && (\r\n <Text\r\n variant=\"caption\"\r\n className=\"text-navy-opacity-40 line-through\"\r\n >\r\n {oldPrice}\r\n </Text>\r\n )}\r\n <Heading level={5} as={'div'}>\r\n {price}\r\n </Heading>\r\n </div>\r\n {priceDesc && (\r\n <Text\r\n variant=\"small-body\"\r\n as=\"div\"\r\n className={cn(descVariants({ variant }), 'content')}\r\n >\r\n <SafeHtmlRenderer html={priceDesc} />\r\n </Text>\r\n )}\r\n </div>\r\n </div>\r\n <div className=\"w-full gap-2 flex\">\r\n {buttons?.map((button, index) => (\r\n <RateButton\r\n key={index}\r\n variant={button.variant}\r\n title={button.title}\r\n link={button.link}\r\n onClick={() => button.isBuyButton && onClickBuyButton?.(title)}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default PackageCard\r\n"],"names":["packageCardVariants","cva","descVariants","dividerVariants","PackageCard","variant","className","title","oldPrice","price","priceDesc","desc","link","onClickBuyButton","buttons","tags","titleInformer","colSize","itemSizeClass","React","cn","tag","index","Tag","AppLink","Heading","Informer","Text","SafeHtmlRenderer","button","RateButton","PackageCard$1"],"mappings":"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"}
package/dist/index.es39.js CHANGED
@@ -2,20 +2,34 @@ import n from "./index.es46.js";
2
2
  import { HeroButton as p } from "./index.es40.js";
3
3
  import e from "react";
4
4
  import d from "./index.es19.js";
5
- import v from "./index.es47.js";
6
- import { getAdapter as f } from "./index.es9.js";
7
- const x = ({ title: t, desc: l, img: a, buttons: m, onButtonClick: c, sectionId: i }) => {
8
- const s = f("ImageWrapper");
9
- 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(
10
- v,
5
+ import f from "./index.es47.js";
6
+ import { getAdapter as x } from "./index.es9.js";
7
+ const v = ({
8
+ title: t,
9
+ desc: l,
10
+ img: a,
11
+ buttons: m,
12
+ onButtonClick: c,
13
+ sectionId: s
14
+ }) => {
15
+ const i = x("ImageWrapper");
16
+ 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(
17
+ f,
11
18
  {
12
19
  variant: "body",
13
20
  className: "text-whitish-opacity-60",
14
21
  as: "div"
15
22
  },
16
23
  /* @__PURE__ */ e.createElement(d, { html: l })
17
- )), /* @__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(
18
- s,
24
+ )), /* @__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(
25
+ p,
26
+ {
27
+ key: o,
28
+ ...r,
29
+ onClick: () => c?.(r.uniqId)
30
+ }
31
+ )))))), a && /* @__PURE__ */ e.createElement("div", { className: "absolute bottom-0 left-0 z-0" }, /* @__PURE__ */ e.createElement(
32
+ i,
19
33
  {
20
34
  src: a,
21
35
  alt: t,
@@ -24,7 +38,7 @@ const x = ({ title: t, desc: l, img: a, buttons: m, onButtonClick: c, sectionId:
24
38
  objectFit: "contain"
25
39
  }
26
40
  ))));
27
- }, b = x;
41
+ }, b = v;
28
42
  export {
29
43
  b as default
30
44
  };
package/dist/index.es39.js.map CHANGED
@@ -1 +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;"}
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> = ({\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.es40.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import k from "./index.es54.js";
2
- import f from "./index.es4.js";
2
+ import u from "./index.es4.js";
3
3
  import y from "./index.es46.js";
4
4
  import e from "react";
5
5
  import H from "./index.es19.js";
@@ -36,7 +36,7 @@ const W = x("", {
36
36
  }), q = x("", {
37
37
  variants: {
38
38
  contentContainerSize: {
39
- default: "mb-5 lg:max-w-[700px]",
39
+ default: "mb-5 lg:max-w-[700px] w-full",
40
40
  medium: "lg:max-w-[590px]",
41
41
  large: "lg:max-w-5xl",
42
42
  small: "lg:max-w-[700px]"
@@ -61,31 +61,31 @@ const W = x("", {
61
61
  }
62
62
  }), V = ({
63
63
  text: a,
64
- href: r,
65
- target: c,
64
+ href: l,
65
+ target: d,
66
66
  anchor: g,
67
- theme: l,
67
+ theme: r,
68
68
  className: n,
69
69
  linkClassName: o,
70
70
  iconDirection: s,
71
- onClick: d
72
- }) => r ? /* @__PURE__ */ e.createElement(
73
- f,
71
+ onClick: p
72
+ }) => l ? /* @__PURE__ */ e.createElement(
73
+ u,
74
74
  {
75
- href: r,
76
- theme: l,
75
+ href: l,
76
+ theme: r,
77
77
  className: m(n),
78
78
  linkClassName: o,
79
79
  iconDirection: s,
80
- target: c
80
+ target: d
81
81
  },
82
82
  a
83
- ) : 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(
84
- f,
83
+ ) : g ? /* @__PURE__ */ e.createElement(u, { asChild: !0, theme: r, iconDirection: s }, /* @__PURE__ */ e.createElement("a", { href: l }, a)) : d ? /* @__PURE__ */ e.createElement(u, { asChild: !0, theme: r, iconDirection: s }, /* @__PURE__ */ e.createElement("a", { href: l, target: d, rel: "noopener noreferrer" }, a)) : /* @__PURE__ */ e.createElement(
84
+ u,
85
85
  {
86
- theme: l,
86
+ theme: r,
87
87
  iconDirection: s,
88
- onClick: d,
88
+ onClick: p,
89
89
  className: m(n)
90
90
  },
91
91
  a
@@ -102,8 +102,8 @@ const W = x("", {
102
102
  j,
103
103
  {
104
104
  placeholder: "Фильтр по тарифам",
105
- onChange: (r) => {
106
- console.log(r.target.value);
105
+ onChange: (l) => {
106
+ console.log(l.target.value);
107
107
  },
108
108
  className: "w-[456px]"
109
109
  }
@@ -114,18 +114,18 @@ const W = x("", {
114
114
  }
115
115
  }, R = ({
116
116
  title: a,
117
- contentContainerSize: r,
118
- contentContainerBottomSize: c,
117
+ contentContainerSize: l,
118
+ contentContainerBottomSize: d,
119
119
  desc: g,
120
- price: l,
120
+ price: r,
121
121
  oldPrice: n,
122
122
  image: o,
123
123
  buttons: s,
124
- childrenComponentType: d,
124
+ childrenComponentType: p,
125
125
  breadcrumbs: h,
126
- bottomButtons: p,
127
- size: i = "default",
128
- imageSize: u,
126
+ bottomButtons: i,
127
+ size: c = "default",
128
+ imageSize: f,
129
129
  linesImage: w,
130
130
  onButtonClick: v
131
131
  }) => {
@@ -155,8 +155,10 @@ const W = x("", {
155
155
  className: m(
156
156
  "w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12",
157
157
  W({
158
- size: c || i
159
- })
158
+ size: d || c
159
+ }),
160
+ i?.length == 3 ? "pb-24 md:pb-12" : "",
161
+ i?.length == 4 ? "pb-36 md:pb-12" : ""
160
162
  )
161
163
  },
162
164
  /* @__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 })),
@@ -165,8 +167,8 @@ const W = x("", {
165
167
  {
166
168
  className: m(
167
169
  "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",
168
- _({ size: i }),
169
- p ? "pb-[60px]" : ""
170
+ _({ size: c }),
171
+ i ? "pb-[60px]" : ""
170
172
  )
171
173
  },
172
174
  /* @__PURE__ */ e.createElement(
@@ -174,48 +176,48 @@ const W = x("", {
174
176
  {
175
177
  level: 1,
176
178
  as: "h1",
177
- className: m("", q({ contentContainerSize: r }))
179
+ className: m("", q({ contentContainerSize: l }))
178
180
  },
179
181
  /* @__PURE__ */ e.createElement(H, { html: a })
180
182
  ),
181
- /* @__PURE__ */ e.createElement("div", { className: "space-y-8" }, /* @__PURE__ */ e.createElement(
183
+ /* @__PURE__ */ e.createElement("div", { className: "space-y-8 w-full" }, /* @__PURE__ */ e.createElement(
182
184
  C,
183
185
  {
184
186
  variant: "body",
185
187
  className: m(
186
- z({ contentContainerSize: r }),
188
+ z({ contentContainerSize: l }),
187
189
  "text-whitish-opacity-60"
188
190
  )
189
191
  },
190
192
  g
191
- ), (l || n) && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-5 items-baseline" }, n && /* @__PURE__ */ e.createElement(
193
+ ), (r || n) && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-5 items-baseline" }, n && /* @__PURE__ */ e.createElement(
192
194
  C,
193
195
  {
194
196
  variant: "lead-text",
195
197
  className: "text-whitish-opacity-32 line-through"
196
198
  },
197
199
  n
198
- ), /* @__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(
200
+ ), /* @__PURE__ */ e.createElement(y, { level: 3, as: "div" }, r)), s && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 mt-12 w-full flex-col md:flex-row" }, s.map((t) => /* @__PURE__ */ e.createElement(
199
201
  V,
200
202
  {
201
203
  key: t.text,
202
- className: "w-fit",
204
+ className: "w-full md:w-fit",
203
205
  target: t.target,
204
206
  ...t,
205
207
  onClick: () => v?.(t.uniqId)
206
208
  }
207
209
  )))),
208
- d && /* @__PURE__ */ e.createElement("div", { className: "mt-5" }, F(d))
210
+ p && /* @__PURE__ */ e.createElement("div", { className: "mt-5" }, F(p))
209
211
  )
210
- ), p && /* @__PURE__ */ e.createElement(
212
+ ), i && /* @__PURE__ */ e.createElement(
211
213
  "div",
212
214
  {
213
215
  className: m(
214
- "gap-4 absolute bottom-8 z-30 w-[96%]",
215
- p.length === 4 ? "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 left-1/2 -translate-x-1/2" : "flex"
216
+ "gap-4 absolute bottom-8 z-30 w-[96%] pr-5 md:pr-0",
217
+ i.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"
216
218
  )
217
219
  },
218
- p.map((t) => /* @__PURE__ */ e.createElement(
220
+ i.map((t) => /* @__PURE__ */ e.createElement(
219
221
  V,
220
222
  {
221
223
  key: t.text,
@@ -232,8 +234,8 @@ const W = x("", {
232
234
  {
233
235
  src: o,
234
236
  alt: a,
235
- width: E(u || i),
236
- height: b(u || i),
237
+ width: E(f || c),
238
+ height: b(f || c),
237
239
  objectFit: "contain"
238
240
  }
239
241
  )), w && /* @__PURE__ */ e.createElement("div", { className: "absolute bottom-0 right-6 fadeLines" }, /* @__PURE__ */ e.createElement(
@@ -241,14 +243,14 @@ const W = x("", {
241
243
  {
242
244
  src: w,
243
245
  alt: a,
244
- width: E(u || i),
245
- height: b(u || i),
246
+ width: E(f || c),
247
+ height: b(f || c),
246
248
  objectFit: "contain"
247
249
  }
248
250
  ))));
249
- }, Q = R;
251
+ }, T = R;
250
252
  export {
251
253
  V as HeroButton,
252
- Q as default
254
+ T as default
253
255
  };
254
256
  //# sourceMappingURL=index.es40.js.map
package/dist/index.es40.js.map CHANGED
@@ -1 +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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"}
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] 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 == 3 ? 'pb-24 md:pb-12' : '',\r\n bottomButtons?.length == 4 ? 'pb-36 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-5 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 CHANGED
@@ -3,9 +3,9 @@ import { cva as y } from "class-variance-authority";
3
3
  import { cn as E } from "./index.es55.js";
4
4
  import N from "./index.es46.js";
5
5
  import b from "./index.es47.js";
6
- import g from "./index.es4.js";
6
+ import w from "./index.es4.js";
7
7
  import l from "./index.es19.js";
8
- const h = y("space-y-12", {
8
+ const g = y("space-y-12", {
9
9
  variants: {
10
10
  variant: {
11
11
  default: "py-[120px]",
@@ -21,15 +21,15 @@ const h = y("space-y-12", {
21
21
  variant: "default",
22
22
  corners: "default"
23
23
  }
24
- }), B = ({
24
+ }), h = ({
25
25
  title: t,
26
- sectionId: n,
26
+ sectionId: m,
27
27
  desc: a,
28
- children: m,
28
+ children: n,
29
29
  moreLink: r,
30
30
  moreText: o = "Подробнее",
31
- withTopMargin: c = !1,
32
- withBottomMargin: s = !1,
31
+ withTopMargin: s = !1,
32
+ withBottomMargin: c = !1,
33
33
  withoutTopPadding: i = !1,
34
34
  withoutBottomPadding: f = !1,
35
35
  variant: d,
@@ -38,24 +38,30 @@ const h = y("space-y-12", {
38
38
  }) => {
39
39
  const u = [
40
40
  "container",
41
- c && "mt-6",
42
- s && "mb-6"
41
+ s && "mt-6",
42
+ c && "mb-6"
43
43
  ].filter(Boolean).map((v) => v).join(" ").trim();
44
- return /* @__PURE__ */ e.createElement("section", { className: u, id: n }, /* @__PURE__ */ e.createElement(
44
+ return /* @__PURE__ */ e.createElement("section", { className: u, id: m }, /* @__PURE__ */ e.createElement(
45
45
  "div",
46
46
  {
47
47
  className: E(
48
- h({ variant: d, corners: p }),
48
+ g({ variant: d, corners: p }),
49
49
  i && "pt-0",
50
50
  f && "pb-0",
51
51
  x
52
52
  )
53
53
  },
54
- 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 }))),
55
- m,
56
- r && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ e.createElement(g, { href: r }, o))
54
+ 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(
55
+ l,
56
+ {
57
+ html: t,
58
+ className: "break-words 2xs:break-normal"
59
+ }
60
+ )), a && /* @__PURE__ */ e.createElement(b, { className: "text-center max-w-5xl", as: "div" }, /* @__PURE__ */ e.createElement(l, { html: a }))),
61
+ n,
62
+ r && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ e.createElement(w, { href: r }, o))
57
63
  ));
58
- }, _ = B;
64
+ }, _ = h;
59
65
  export {
60
66
  _ as default
61
67
  };
package/dist/index.es42.js.map CHANGED
@@ -1 +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;"}
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\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 CHANGED
@@ -1 +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"}
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,CAyD3B,CAAA;AAED,eAAe,GAAG,CAAA"}
package/dist/sections/Hero.d.ts.map CHANGED
@@ -1 +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"}
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,CAkL7B,CAAA;AAED,eAAe,IAAI,CAAA"}
package/dist/sections/Section.d.ts.map CHANGED
@@ -1 +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"}
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,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 CHANGED
@@ -560,6 +560,9 @@ body{
560
560
  .col-span-2{
561
561
  grid-column: span 2 / span 2;
562
562
  }
563
+ .col-span-3{
564
+ grid-column: span 3 / span 3;
565
+ }
563
566
  .col-span-7{
564
567
  grid-column: span 7 / span 7;
565
568
  }
@@ -810,10 +813,6 @@ body{
810
813
  .w-auto{
811
814
  width: auto;
812
815
  }
813
- .w-fit{
814
- width: -moz-fit-content;
815
- width: fit-content;
816
- }
817
816
  .w-full{
818
817
  width: 100%;
819
818
  }
@@ -1025,9 +1024,15 @@ body{
1025
1024
  text-overflow: ellipsis;
1026
1025
  white-space: nowrap;
1027
1026
  }
1027
+ .whitespace-normal{
1028
+ white-space: normal;
1029
+ }
1028
1030
  .whitespace-nowrap{
1029
1031
  white-space: nowrap;
1030
1032
  }
1033
+ .break-words{
1034
+ overflow-wrap: break-word;
1035
+ }
1031
1036
  .rounded{
1032
1037
  border-radius: 0.25rem;
1033
1038
  }
@@ -1376,6 +1381,12 @@ body{
1376
1381
  .pb-12{
1377
1382
  padding-bottom: 3rem;
1378
1383
  }
1384
+ .pb-24{
1385
+ padding-bottom: 6rem;
1386
+ }
1387
+ .pb-36{
1388
+ padding-bottom: 9rem;
1389
+ }
1379
1390
  .pb-4{
1380
1391
  padding-bottom: 1rem;
1381
1392
  }
@@ -1418,6 +1429,9 @@ body{
1418
1429
  .pr-4{
1419
1430
  padding-right: 1rem;
1420
1431
  }
1432
+ .pr-5{
1433
+ padding-right: 1.25rem;
1434
+ }
1421
1435
  .pr-8{
1422
1436
  padding-right: 2rem;
1423
1437
  }
@@ -1683,10 +1697,15 @@ body{
1683
1697
  }
1684
1698
  @media (min-width: 360px) {
1685
1699
  .typo_variant_factoid {
1686
- font-size: 45.6px;
1700
+ font-size: 41.8px;
1687
1701
  }
1688
1702
  }
1689
1703
  @media (min-width: 500px) {
1704
+ .typo_variant_factoid {
1705
+ font-size: 45.6px;
1706
+ }
1707
+ }
1708
+ @media (min-width: 640px) {
1690
1709
  .typo_variant_factoid {
1691
1710
  font-size: 53.2px;
1692
1711
  }
@@ -1719,10 +1738,15 @@ body{
1719
1738
  }
1720
1739
  @media (min-width: 360px) {
1721
1740
  .typo_variant_h1 {
1722
- font-size: 45.6px;
1741
+ font-size: 41.8px;
1723
1742
  }
1724
1743
  }
1725
1744
  @media (min-width: 500px) {
1745
+ .typo_variant_h1 {
1746
+ font-size: 45.6px;
1747
+ }
1748
+ }
1749
+ @media (min-width: 640px) {
1726
1750
  .typo_variant_h1 {
1727
1751
  font-size: 53.2px;
1728
1752
  }
@@ -1757,10 +1781,16 @@ body{
1757
1781
  @media (min-width: 360px) {
1758
1782
  .typo_variant_h2, .content h1,
1759
1783
  .content .h1 {
1760
- font-size: 34.2px;
1784
+ font-size: 31.35px;
1761
1785
  }
1762
1786
  }
1763
1787
  @media (min-width: 500px) {
1788
+ .typo_variant_h2, .content h1,
1789
+ .content .h1 {
1790
+ font-size: 34.2px;
1791
+ }
1792
+ }
1793
+ @media (min-width: 640px) {
1764
1794
  .typo_variant_h2, .content h1,
1765
1795
  .content .h1 {
1766
1796
  font-size: 39.9px;
@@ -1794,10 +1824,16 @@ body{
1794
1824
  @media (min-width: 360px) {
1795
1825
  .typo_variant_h3, .content h2,
1796
1826
  .content .h2 {
1797
- font-size: 25.8px;
1827
+ font-size: 23.65px;
1798
1828
  }
1799
1829
  }
1800
1830
  @media (min-width: 500px) {
1831
+ .typo_variant_h3, .content h2,
1832
+ .content .h2 {
1833
+ font-size: 25.8px;
1834
+ }
1835
+ }
1836
+ @media (min-width: 640px) {
1801
1837
  .typo_variant_h3, .content h2,
1802
1838
  .content .h2 {
1803
1839
  font-size: 30.1px;
@@ -1831,10 +1867,16 @@ body{
1831
1867
  @media (min-width: 360px) {
1832
1868
  .typo_variant_h4, .content h3,
1833
1869
  .content .h3 {
1834
- font-size: 19.2px;
1870
+ font-size: 17.6px;
1835
1871
  }
1836
1872
  }
1837
1873
  @media (min-width: 500px) {
1874
+ .typo_variant_h4, .content h3,
1875
+ .content .h3 {
1876
+ font-size: 19.2px;
1877
+ }
1878
+ }
1879
+ @media (min-width: 640px) {
1838
1880
  .typo_variant_h4, .content h3,
1839
1881
  .content .h3 {
1840
1882
  font-size: 22.4px;
@@ -2072,10 +2114,15 @@ body{
2072
2114
  }
2073
2115
  @media (min-width: 360px) {
2074
2116
  .typo_variant_lead-text {
2075
- font-size: 16.2px;
2117
+ font-size: 14.85px;
2076
2118
  }
2077
2119
  }
2078
2120
  @media (min-width: 500px) {
2121
+ .typo_variant_lead-text {
2122
+ font-size: 16.2px;
2123
+ }
2124
+ }
2125
+ @media (min-width: 640px) {
2079
2126
  .typo_variant_lead-text {
2080
2127
  font-size: 18.9px;
2081
2128
  }
@@ -3150,6 +3197,13 @@ html {
3150
3197
  .\32xs\:grid-cols-2{
3151
3198
  grid-template-columns: repeat(2, minmax(0, 1fr));
3152
3199
  }
3200
+ .\32xs\:whitespace-nowrap{
3201
+ white-space: nowrap;
3202
+ }
3203
+ .\32xs\:break-normal{
3204
+ overflow-wrap: normal;
3205
+ word-break: normal;
3206
+ }
3153
3207
  }
3154
3208
  @media (min-width: 640px){
3155
3209
  .sm\:col-span-1{
@@ -3202,6 +3256,16 @@ html {
3202
3256
  margin-right: calc(0.5rem * var(--precision-ui-tw-space-x-reverse));
3203
3257
  margin-left: calc(0.5rem * calc(1 - var(--precision-ui-tw-space-x-reverse)));
3204
3258
  }
3259
+ .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){
3260
+ --precision-ui-tw-space-x-reverse: 0;
3261
+ margin-right: calc(1rem * var(--precision-ui-tw-space-x-reverse));
3262
+ margin-left: calc(1rem * calc(1 - var(--precision-ui-tw-space-x-reverse)));
3263
+ }
3264
+ .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
3265
+ --precision-ui-tw-space-y-reverse: 0;
3266
+ margin-top: calc(0px * calc(1 - var(--precision-ui-tw-space-y-reverse)));
3267
+ margin-bottom: calc(0px * var(--precision-ui-tw-space-y-reverse));
3268
+ }
3205
3269
  .sm\:rounded-lg{
3206
3270
  border-radius: var(--precision-ui-tw-radius);
3207
3271
  }
@@ -3238,6 +3302,10 @@ html {
3238
3302
  }
3239
3303
  }
3240
3304
  @media (min-width: 768px){
3305
+ .md\:w-fit{
3306
+ width: -moz-fit-content;
3307
+ width: fit-content;
3308
+ }
3241
3309
  .md\:max-w-2xl{
3242
3310
  max-width: 42rem;
3243
3311
  }
@@ -3247,6 +3315,15 @@ html {
3247
3315
  .md\:basis-1\/2{
3248
3316
  flex-basis: 50%;
3249
3317
  }
3318
+ .md\:flex-row{
3319
+ flex-direction: row;
3320
+ }
3321
+ .md\:pb-12{
3322
+ padding-bottom: 3rem;
3323
+ }
3324
+ .md\:pr-0{
3325
+ padding-right: 0px;
3326
+ }
3250
3327
  }
3251
3328
  @media (min-width: 990px){
3252
3329
  .lg\:col-span-1{
@@ -3306,9 +3383,22 @@ html {
3306
3383
  .lg\:grid-cols-6{
3307
3384
  grid-template-columns: repeat(6, minmax(0, 1fr));
3308
3385
  }
3386
+ .lg\:flex-row{
3387
+ flex-direction: row;
3388
+ }
3309
3389
  .lg\:gap-0{
3310
3390
  gap: 0px;
3311
3391
  }
3392
+ .lg\:space-x-3 > :not([hidden]) ~ :not([hidden]){
3393
+ --precision-ui-tw-space-x-reverse: 0;
3394
+ margin-right: calc(0.75rem * var(--precision-ui-tw-space-x-reverse));
3395
+ margin-left: calc(0.75rem * calc(1 - var(--precision-ui-tw-space-x-reverse)));
3396
+ }
3397
+ .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){
3398
+ --precision-ui-tw-space-y-reverse: 0;
3399
+ margin-top: calc(0px * calc(1 - var(--precision-ui-tw-space-y-reverse)));
3400
+ margin-bottom: calc(0px * var(--precision-ui-tw-space-y-reverse));
3401
+ }
3312
3402
  .lg\:border{
3313
3403
  border-width: 1px;
3314
3404
  }
package/package.json CHANGED
@@ -13,7 +13,7 @@
13
13
  "type": "git",
14
14
  "url": "git+https://github.com/wowxoxo/precision-ui.git"
15
15
  },
16
- "version": "0.9.1",
16
+ "version": "0.10.0",
17
17
  "type": "module",
18
18
  "module": "./dist/index.es.js",
19
19
  "types": "./dist/index.d.ts",