@iit/precision-ui 0.8.18 → 0.8.19

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.
@@ -1 +1 @@
1
- {"version":3,"file":"AdvantageWithAccordion.d.ts","sourceRoot":"","sources":["../../../src/components/cards/AdvantageWithAccordion.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAOpC,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA2DjE,CAAA;AAED,eAAe,sBAAsB,CAAA"}
1
+ {"version":3,"file":"AdvantageWithAccordion.d.ts","sourceRoot":"","sources":["../../../src/components/cards/AdvantageWithAccordion.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAOpC,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA6DjE,CAAA;AAED,eAAe,sBAAsB,CAAA"}
@@ -2,8 +2,8 @@ import { Accordion as p, AccordionItem as d, AccordionContent as f, AccordionTri
2
2
  import e, { useId as g } from "react";
3
3
  import n from "./index.es46.js";
4
4
  import v from "./index.es19.js";
5
- import { cn as E } from "./index.es55.js";
6
- import { getAdapter as b } from "./index.es9.js";
5
+ import { cn as b } from "./index.es55.js";
6
+ import { getAdapter as E } from "./index.es9.js";
7
7
  const y = ({
8
8
  title: t,
9
9
  desc: r,
@@ -11,7 +11,7 @@ const y = ({
11
11
  heightMode: a,
12
12
  className: o
13
13
  }) => {
14
- const i = g(), m = a === "full" ? "h-full flex flex-col justify-between" : "h-fit", s = b("ImageWrapper"), l = /* @__PURE__ */ e.createElement("div", { className: "p-4 bg-turquoise-opacity-20 rounded-lg mb-6 inline-flex self-start" }, /* @__PURE__ */ e.createElement(
14
+ const m = g(), i = a === "full" ? "h-full flex flex-col justify-between" : "h-fit", s = E("ImageWrapper"), l = /* @__PURE__ */ e.createElement("div", { className: "p-4 bg-turquoise-opacity-20 rounded-lg mb-6 inline-flex self-start" }, /* @__PURE__ */ e.createElement(
15
15
  s,
16
16
  {
17
17
  src: c,
@@ -24,14 +24,14 @@ const y = ({
24
24
  return /* @__PURE__ */ e.createElement(
25
25
  "div",
26
26
  {
27
- className: E(
27
+ className: b(
28
28
  "p-6 bg-whitish text-navy rounded-lg",
29
- m,
29
+ i,
30
30
  o
31
31
  )
32
32
  },
33
- a === "full" ? /* @__PURE__ */ e.createElement("div", null, l, /* @__PURE__ */ e.createElement(n, { level: 5 }, t)) : l,
34
- /* @__PURE__ */ e.createElement("div", { className: "space-y-6" }, a !== "full" && /* @__PURE__ */ e.createElement(n, { level: 5 }, t), r && /* @__PURE__ */ e.createElement(p, { type: "single", collapsible: !0 }, /* @__PURE__ */ e.createElement(d, { value: i, className: "p-0" }, /* @__PURE__ */ e.createElement(f, { className: "p-0 pb-6 text-navy-opacity-60 typo_variant_small-body" }, /* @__PURE__ */ e.createElement(v, { html: r })), /* @__PURE__ */ e.createElement(u, { className: "border-none flex-initial [&[data-state=open]]:bg-transparent p-0 [&>.icon-wrapper>svg]:hover:bg-navy-opacity-8" }))))
33
+ a === "full" ? /* @__PURE__ */ e.createElement("div", null, l, /* @__PURE__ */ e.createElement(n, { level: 5, className: "mb-5" }, t)) : l,
34
+ /* @__PURE__ */ e.createElement("div", { className: "space-y-6" }, a !== "full" && /* @__PURE__ */ e.createElement(n, { level: 5 }, t), r && /* @__PURE__ */ e.createElement(p, { type: "single", collapsible: !0 }, /* @__PURE__ */ e.createElement(d, { value: m, className: "p-0" }, /* @__PURE__ */ e.createElement(f, { className: "p-0 pb-6 text-navy-opacity-60 typo_variant_small-body" }, /* @__PURE__ */ e.createElement(v, { html: r })), /* @__PURE__ */ e.createElement(u, { className: "border-none flex-initial [&[data-state=open]]:bg-transparent p-0 [&>.icon-wrapper>svg]:hover:bg-navy-opacity-8" }))))
35
35
  );
36
36
  }, W = y;
37
37
  export {
@@ -1 +1 @@
1
- {"version":3,"file":"index.es25.js","sources":["../src/components/cards/AdvantageWithAccordion.tsx"],"sourcesContent":["import {\r\n Accordion,\r\n AccordionContent,\r\n AccordionItem,\r\n AccordionTrigger,\r\n} from '../ui/accordion'\r\nimport React, { useId } from 'react'\r\n\r\nimport Heading from '../core/typography/Heading'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface AdvantageWithAccordionProps {\r\n title: string\r\n desc?: string\r\n icon: string\r\n heightMode?: 'fit' | 'full'\r\n className?: string\r\n}\r\n\r\nconst AdvantageWithAccordion: React.FC<AdvantageWithAccordionProps> = ({\r\n title,\r\n desc,\r\n icon,\r\n heightMode,\r\n className,\r\n}) => {\r\n const uniqueId = useId()\r\n\r\n const heightModeClass =\r\n heightMode === 'full' ? 'h-full flex flex-col justify-between' : 'h-fit'\r\n\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n const image = (\r\n <div className=\"p-4 bg-turquoise-opacity-20 rounded-lg mb-6 inline-flex self-start\">\r\n <ImageWrapper\r\n src={icon}\r\n alt={`Изображение для ${title}`}\r\n width={32}\r\n height={32}\r\n className=\"object-contain\"\r\n />\r\n </div>\r\n )\r\n\r\n return (\r\n <div\r\n className={cn(\r\n `p-6 bg-whitish text-navy rounded-lg`,\r\n heightModeClass,\r\n className\r\n )}\r\n >\r\n {heightMode === 'full' ? (\r\n <div>\r\n {image}\r\n <Heading level={5}>{title}</Heading>\r\n </div>\r\n ) : (\r\n image\r\n )}\r\n\r\n <div className=\"space-y-6\">\r\n {heightMode !== 'full' && <Heading level={5}>{title}</Heading>}\r\n\r\n {desc && (\r\n <Accordion type=\"single\" collapsible>\r\n <AccordionItem value={uniqueId} className=\"p-0\">\r\n <AccordionContent className=\"p-0 pb-6 text-navy-opacity-60 typo_variant_small-body\">\r\n <SafeHtmlRenderer html={desc} />\r\n </AccordionContent>\r\n <AccordionTrigger className=\"border-none flex-initial [&[data-state=open]]:bg-transparent p-0 [&>.icon-wrapper>svg]:hover:bg-navy-opacity-8\"></AccordionTrigger>\r\n </AccordionItem>\r\n </Accordion>\r\n )}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default AdvantageWithAccordion\r\n"],"names":["AdvantageWithAccordion","title","desc","icon","heightMode","className","uniqueId","useId","heightModeClass","ImageWrapper","getAdapter","image","React","cn","Heading","Accordion","AccordionItem","AccordionContent","SafeHtmlRenderer","AccordionTrigger","AdvantageWithAccordion$1"],"mappings":";;;;;;AAqBA,MAAMA,IAAgE,CAAC;AAAA,EACrE,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAWC,KAEXC,IACJJ,MAAe,SAAS,yCAAyC,SAE7DK,IAAeC,EAAW,cAAc,GAExCC,IACJC,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,wEACbA,gBAAAA,EAAA;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAAA,CAEd;AAIA,SAAAW,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,QACAH;AAAA,MACF;AAAA,IAAA;AAAA,IAECD,MAAe,SACdQ,gBAAAA,EAAA,cAAC,OACE,MAAAD,GACAC,gBAAAA,EAAA,cAAAE,GAAA,EAAQ,OAAO,EAAA,GAAIb,CAAM,CAC5B,IAEAU;AAAA,oCAGD,OAAI,EAAA,WAAU,eACZP,MAAe,0CAAWU,GAAQ,EAAA,OAAO,EAAI,GAAAb,CAAM,GAEnDC,KACCU,gBAAAA,EAAA,cAACG,KAAU,MAAK,UAAS,aAAW,GAClC,GAAAH,gBAAAA,EAAA,cAACI,GAAc,EAAA,OAAOV,GAAU,WAAU,MAAA,mCACvCW,GAAiB,EAAA,WAAU,2DACzBL,gBAAAA,EAAA,cAAAM,GAAA,EAAiB,MAAMhB,EAAM,CAAA,CAChC,GACCU,gBAAAA,EAAA,cAAAO,GAAA,EAAiB,WAAU,iHAAiH,CAAA,CAC/I,CACF,CAEJ;AAAA,EAAA;AAGN,GAEAC,IAAepB;"}
1
+ {"version":3,"file":"index.es25.js","sources":["../src/components/cards/AdvantageWithAccordion.tsx"],"sourcesContent":["import {\r\n Accordion,\r\n AccordionContent,\r\n AccordionItem,\r\n AccordionTrigger,\r\n} from '../ui/accordion'\r\nimport React, { useId } from 'react'\r\n\r\nimport Heading from '../core/typography/Heading'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface AdvantageWithAccordionProps {\r\n title: string\r\n desc?: string\r\n icon: string\r\n heightMode?: 'fit' | 'full'\r\n className?: string\r\n}\r\n\r\nconst AdvantageWithAccordion: React.FC<AdvantageWithAccordionProps> = ({\r\n title,\r\n desc,\r\n icon,\r\n heightMode,\r\n className,\r\n}) => {\r\n const uniqueId = useId()\r\n\r\n const heightModeClass =\r\n heightMode === 'full' ? 'h-full flex flex-col justify-between' : 'h-fit'\r\n\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n const image = (\r\n <div className=\"p-4 bg-turquoise-opacity-20 rounded-lg mb-6 inline-flex self-start\">\r\n <ImageWrapper\r\n src={icon}\r\n alt={`Изображение для ${title}`}\r\n width={32}\r\n height={32}\r\n className=\"object-contain\"\r\n />\r\n </div>\r\n )\r\n\r\n return (\r\n <div\r\n className={cn(\r\n `p-6 bg-whitish text-navy rounded-lg`,\r\n heightModeClass,\r\n className\r\n )}\r\n >\r\n {heightMode === 'full' ? (\r\n <div>\r\n {image}\r\n <Heading level={5} className=\"mb-5\">\r\n {title}\r\n </Heading>\r\n </div>\r\n ) : (\r\n image\r\n )}\r\n\r\n <div className=\"space-y-6\">\r\n {heightMode !== 'full' && <Heading level={5}>{title}</Heading>}\r\n\r\n {desc && (\r\n <Accordion type=\"single\" collapsible>\r\n <AccordionItem value={uniqueId} className=\"p-0\">\r\n <AccordionContent className=\"p-0 pb-6 text-navy-opacity-60 typo_variant_small-body\">\r\n <SafeHtmlRenderer html={desc} />\r\n </AccordionContent>\r\n <AccordionTrigger className=\"border-none flex-initial [&[data-state=open]]:bg-transparent p-0 [&>.icon-wrapper>svg]:hover:bg-navy-opacity-8\"></AccordionTrigger>\r\n </AccordionItem>\r\n </Accordion>\r\n )}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default AdvantageWithAccordion\r\n"],"names":["AdvantageWithAccordion","title","desc","icon","heightMode","className","uniqueId","useId","heightModeClass","ImageWrapper","getAdapter","image","React","cn","Heading","Accordion","AccordionItem","AccordionContent","SafeHtmlRenderer","AccordionTrigger","AdvantageWithAccordion$1"],"mappings":";;;;;;AAqBA,MAAMA,IAAgE,CAAC;AAAA,EACrE,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAWC,KAEXC,IACJJ,MAAe,SAAS,yCAAyC,SAE7DK,IAAeC,EAAW,cAAc,GAExCC,IACJC,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,wEACbA,gBAAAA,EAAA;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAAA,CAEd;AAIA,SAAAW,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,QACAH;AAAA,MACF;AAAA,IAAA;AAAA,IAECD,MAAe,SACbQ,gBAAAA,EAAA,cAAA,OAAA,MACED,GACDC,gBAAAA,EAAA,cAACE,GAAQ,EAAA,OAAO,GAAG,WAAU,UAC1Bb,CACH,CACF,IAEAU;AAAA,oCAGD,OAAI,EAAA,WAAU,eACZP,MAAe,0CAAWU,GAAQ,EAAA,OAAO,EAAI,GAAAb,CAAM,GAEnDC,KACCU,gBAAAA,EAAA,cAACG,KAAU,MAAK,UAAS,aAAW,GAClC,GAAAH,gBAAAA,EAAA,cAACI,GAAc,EAAA,OAAOV,GAAU,WAAU,MAAA,mCACvCW,GAAiB,EAAA,WAAU,2DACzBL,gBAAAA,EAAA,cAAAM,GAAA,EAAiB,MAAMhB,EAAM,CAAA,CAChC,GACCU,gBAAAA,EAAA,cAAAO,GAAA,EAAiB,WAAU,iHAAiH,CAAA,CAC/I,CACF,CAEJ;AAAA,EAAA;AAGN,GAEAC,IAAepB;"}
@@ -1,10 +1,11 @@
1
1
  import e from "react";
2
- import { cva as y } from "class-variance-authority";
3
- import { cn as v } from "./index.es55.js";
2
+ import { cva as v } from "class-variance-authority";
3
+ import { cn as y } from "./index.es55.js";
4
4
  import E from "./index.es46.js";
5
5
  import N from "./index.es47.js";
6
6
  import b from "./index.es4.js";
7
- const g = y("space-y-12", {
7
+ import g from "./index.es19.js";
8
+ const B = v("space-y-12", {
8
9
  variants: {
9
10
  variant: {
10
11
  default: "py-[120px]",
@@ -20,42 +21,42 @@ const g = y("space-y-12", {
20
21
  variant: "default",
21
22
  corners: "default"
22
23
  }
23
- }), B = ({
24
+ }), S = ({
24
25
  title: t,
25
- sectionId: n,
26
+ sectionId: l,
26
27
  desc: a,
27
- children: l,
28
+ children: n,
28
29
  moreLink: r,
29
- moreText: o = "Подробнее",
30
- withTopMargin: s = !1,
31
- withBottomMargin: c = !1,
32
- withoutTopPadding: m = !1,
30
+ moreText: m = "Подробнее",
31
+ withTopMargin: o = !1,
32
+ withBottomMargin: s = !1,
33
+ withoutTopPadding: c = !1,
33
34
  withoutBottomPadding: i = !1,
34
35
  variant: f,
35
- corners: p,
36
- className: d
36
+ corners: d,
37
+ className: p
37
38
  }) => {
38
39
  const x = [
39
40
  "container",
40
- s && "mt-6",
41
- c && "mb-6"
41
+ o && "mt-6",
42
+ s && "mb-6"
42
43
  ].filter(Boolean).map((u) => u).join(" ").trim();
43
- return /* @__PURE__ */ e.createElement("section", { className: x, id: n }, /* @__PURE__ */ e.createElement(
44
+ return /* @__PURE__ */ e.createElement("section", { className: x, id: l }, /* @__PURE__ */ e.createElement(
44
45
  "div",
45
46
  {
46
- className: v(
47
- g({ variant: f, corners: p }),
48
- m && "pt-0",
47
+ className: y(
48
+ B({ variant: f, corners: d }),
49
+ c && "pt-0",
49
50
  i && "pb-0",
50
- d
51
+ p
51
52
  )
52
53
  },
53
- t && /* @__PURE__ */ e.createElement("div", { className: "space-y-4 flex flex-col items-center" }, /* @__PURE__ */ e.createElement(E, { level: 2, className: "text-center max-w-[900px]" }, t), a && /* @__PURE__ */ e.createElement(N, { className: "text-center max-w-6xl" }, a)),
54
- l,
55
- r && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ e.createElement(b, { href: r }, o))
54
+ t && /* @__PURE__ */ e.createElement("div", { className: "space-y-4 flex flex-col items-center" }, /* @__PURE__ */ e.createElement(E, { level: 2, className: "text-center max-w-[900px]" }, t), a && /* @__PURE__ */ e.createElement(N, { className: "text-center max-w-5xl", as: "div" }, /* @__PURE__ */ e.createElement(g, { html: a }))),
55
+ n,
56
+ r && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ e.createElement(b, { href: r }, m))
56
57
  ));
57
- }, h = B;
58
+ }, _ = S;
58
59
  export {
59
- h as default
60
+ _ as default
60
61
  };
61
62
  //# sourceMappingURL=index.es42.js.map
@@ -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\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 {title}\r\n </Heading>\r\n {desc && <Text className=\"text-center max-w-6xl\">{desc}</Text>}\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","Text","ButtonPrimary","Section$1"],"mappings":";;;;;;AAOA,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,KACEe,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,uCACb,GAAAA,gBAAAA,EAAA,cAACE,KAAQ,OAAO,GAAG,WAAU,4BAC1B,GAAAjB,CACH,GACCE,KAAQa,gBAAAA,EAAA,cAACG,KAAK,WAAU,wBAAA,GAAyBhB,CAAK,CACzD;AAAA,IAEDC;AAAA,IACAC,KACEW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,sBAAA,mCACZI,GAAc,EAAA,MAAMf,EAAW,GAAAC,CAAS,CAC3C;AAAA,EAAA,CAGN;AAEJ,GAEAe,IAAerB;"}
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 {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","Text","SafeHtmlRenderer","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,KACEe,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,0EACZE,GAAQ,EAAA,OAAO,GAAG,WAAU,4BAC1B,GAAAjB,CACH,GACCE,KACCa,gBAAAA,EAAA,cAACG,GAAK,EAAA,WAAU,yBAAwB,IAAI,MAC1C,GAAAH,gBAAAA,EAAA,cAACI,GAAiB,EAAA,MAAMjB,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 +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;AAMjE,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,CAoDnC,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,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"}
package/dist/styles.css CHANGED
@@ -821,8 +821,8 @@ body{
821
821
  .max-w-32{
822
822
  max-width: 8rem;
823
823
  }
824
- .max-w-6xl{
825
- max-width: 72rem;
824
+ .max-w-5xl{
825
+ max-width: 64rem;
826
826
  }
827
827
  .max-w-\[900px\]{
828
828
  max-width: 900px;
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.8.18",
16
+ "version": "0.8.19",
17
17
  "type": "module",
18
18
  "module": "./dist/index.es.js",
19
19
  "types": "./dist/index.d.ts",