@iit/precision-ui 0.6.0 → 0.7.1

package/dist/index.es25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../src/sections/CardsGridSection.tsx"],"sourcesContent":["import Section, { SectionProps } from './Section'\r\n\r\nimport Advantage from '@/components/cards/Advantage'\r\nimport Advantage2 from '@/components/cards/Advantage2'\r\nimport FeaturedCard from '@/components/cards/FeaturedCard'\r\nimport GridIterator from '@/components/GridIterator'\r\nimport Plate from '@/components/cards/Plate'\r\nimport Product from '@/components/cards/Product'\r\nimport Rate from '@/components/cards/Rate'\r\nimport React from 'react'\r\n\r\n// Map component names to actual components\r\nconst componentMap: { [key: string]: React.ElementType } = {\r\n  Advantage,\r\n  Advantage2,\r\n  Rate,\r\n  Product,\r\n  FeaturedCard,\r\n  Plate,\r\n}\r\n\r\ninterface CardsGridSectionProps<T> {\r\n  title: string\r\n  sectionId?: string\r\n  desc?: string\r\n  items: T[]\r\n  component?: string\r\n  withoutTopPadding?: boolean\r\n  withoutBottomPadding?: boolean\r\n  withTopMargin?: boolean\r\n  withBottomMargin?: boolean\r\n  variant?: SectionProps['variant']\r\n  corners?: SectionProps['corners']\r\n  columns?: number\r\n  hideControlsOnDesktop?: boolean\r\n  withoutCarousel?: boolean\r\n  footnote?: string\r\n}\r\n\r\nconst CardsGridSection = <T,>({\r\n  title,\r\n  sectionId,\r\n  desc,\r\n  items,\r\n  component = 'Advantage',\r\n  withoutTopPadding = false,\r\n  withTopMargin = false,\r\n  withBottomMargin = false,\r\n  withoutBottomPadding = false,\r\n  variant,\r\n  corners,\r\n  columns,\r\n  hideControlsOnDesktop,\r\n  withoutCarousel,\r\n  footnote,\r\n}: CardsGridSectionProps<T>) => {\r\n  const Component = componentMap[component] || Advantage\r\n\r\n  return (\r\n    <Section\r\n      title={title}\r\n      sectionId={sectionId}\r\n      desc={desc}\r\n      variant={variant}\r\n      corners={corners}\r\n      withoutTopPadding={withoutTopPadding}\r\n      withTopMargin={withTopMargin}\r\n      withBottomMargin={withBottomMargin}\r\n      withoutBottomPadding={withoutBottomPadding}\r\n    >\r\n      <GridIterator\r\n        items={items}\r\n        columns={columns}\r\n        hideControlsOnDesktop={hideControlsOnDesktop}\r\n        withoutCarousel={withoutCarousel}\r\n        renderItem={(item, index) => <Component key={index} {...item} />}\r\n        footnote={footnote}\r\n      />\r\n    </Section>\r\n  )\r\n}\r\n\r\nexport default CardsGridSection\r\n"],"names":["componentMap","Advantage","Advantage2","Rate","Product","FeaturedCard","Plate","CardsGridSection","title","sectionId","desc","items","component","withoutTopPadding","withTopMargin","withBottomMargin","withoutBottomPadding","variant","corners","columns","hideControlsOnDesktop","withoutCarousel","footnote","Component","React","Section","GridIterator","item","index","CardsGridSection$1"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAqD;AAAA,EACzD,WAAAC;AAAA,EACA,YAAAC;AAAA,EAAA,MACAC;AAAAA,EAAA,SACAC;AAAAA,EACA,cAAAC;AAAA,EAAA,OACAC;AACF,GAoBMC,IAAmB,CAAK;AAAA,EAC5B,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,sBAAAC,IAAuB;AAAA,EACvB,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AACF,MAAgC;AACxB,QAAAC,IAAYvB,EAAaY,CAAS,KAAKX;AAG3C,SAAAuB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAjB;AAAA,MACA,WAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SAAAO;AAAA,MACA,SAAAC;AAAA,MACA,mBAAAL;AAAA,MACA,eAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,sBAAAC;AAAA,IAAA;AAAA,IAEAQ,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,SAAAQ;AAAA,QACA,uBAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,YAAY,CAACM,GAAMC,sCAAWL,GAAU,EAAA,KAAKK,GAAQ,GAAGD,EAAM,CAAA;AAAA,QAC9D,UAAAL;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GAEAO,IAAetB;"}
+{"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 = heightMode === 'full' ? 'h-full' : 'h-fit'\r\n\r\n  const ImageWrapper = getAdapter('ImageWrapper')\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      <div className=\"p-4 bg-turquoise-opacity-20 rounded-lg mb-6 inline-flex\">\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      <div className=\"space-y-6\">\r\n        <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","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,IAAkBJ,MAAe,SAAS,WAAW,SAErDK,IAAeC,EAAW,cAAc;AAG5C,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,QACAH;AAAA,MACF;AAAA,IAAA;AAAA,IAEAM,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,0DACb,GAAAA,gBAAAA,EAAA;AAAA,MAACF;AAAA,MAAA;AAAA,QACC,KAAKN;AAAA,QACL,KAAK,mBAAmBF,CAAK;AAAA,QAC7B,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAU;AAAA,MAAA;AAAA,IAAA,CAEd;AAAA,oCACC,OAAI,EAAA,WAAU,YACb,GAAAU,gBAAAA,EAAA,cAACE,KAAQ,OAAO,EAAA,GAAIZ,CAAM,GAEzBC,KACES,gBAAAA,EAAA,cAAAG,GAAA,EAAU,MAAK,UAAS,aAAW,MACjCH,gBAAAA,EAAA,cAAAI,GAAA,EAAc,OAAOT,GAAU,WAAU,MACxC,GAAAK,gBAAAA,EAAA,cAACK,KAAiB,WAAU,wDAAA,mCACzBC,GAAiB,EAAA,MAAMf,EAAM,CAAA,CAChC,GACCS,gBAAAA,EAAA,cAAAO,GAAA,EAAiB,WAAU,iHAAiH,CAAA,CAC/I,CACF,CAEJ;AAAA,EAAA;AAGN,GAEAC,IAAenB;"}

package/dist/index.es26.js

@@ -1,23 +1,57 @@
-import c, { forwardRef as f } from "react";
-import { typeVariants as p } from "./index.es44.js";
-const e = f(
-  ({ level: a, as: n, className: t = "", children: r, id: o, ...i }, s) => {
-    const d = n || `h${a}`, m = p({ variant: `h${a}` });
-    return /* @__PURE__ */ c.createElement(
-      d,
+import m from "./index.es5.js";
+import i from "./index.es44.js";
+import e from "react";
+import n from "./index.es45.js";
+import { cn as E } from "./index.es52.js";
+import { getAdapter as y } from "./index.es9.js";
+const g = ({
+  topContent: c,
+  bottomContent: r,
+  withLogo: o,
+  className: p,
+  size: d,
+  onClickConsultButton: v,
+  buttons: s
+}) => {
+  let l = "";
+  switch (d) {
+    case 1:
+      l = "col-span-1";
+      break;
+    case 2:
+      l = "col-span-2";
+  }
+  const f = y("ImageWrapper");
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: E(
+        "bg-whitish p-6 rounded-lg flex flex-col justify-between relative",
+        p,
+        l
+      )
+    },
+    /* @__PURE__ */ e.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ e.createElement(n, { variant: "overline", className: "text-navy-opacity-40" }, c.title), /* @__PURE__ */ e.createElement("div", { className: "space-y-2" }, c.content.map((a, t) => /* @__PURE__ */ e.createElement(i, { level: 5, key: t, as: "div" }, a)))),
+    r && /* @__PURE__ */ e.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ e.createElement(i, { level: 6, as: "div", className: "text-navy-opacity-40" }, r.title), r.content.map((a, t) => /* @__PURE__ */ e.createElement(n, { key: t, variant: "small-body" }, a))),
+    s && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-3" }, s?.map((a, t) => /* @__PURE__ */ e.createElement("div", { key: t }, a.href ? /* @__PURE__ */ e.createElement(m, { asChild: !0, variant: "outline" }, /* @__PURE__ */ e.createElement("a", { href: a.href, target: a.target }, a.text)) : /* @__PURE__ */ e.createElement(
+      m,
       {
-        ref: s,
-        id: o,
-        className: `${m}${t ? ` ${t}` : ""}`,
-        ...i
+        onClick: a.isConsultButton ? v : void 0
       },
-      r
-    );
-  }
-);
-e.displayName = "Heading";
-const l = e;
+      a.text
+    )))),
+    o && /* @__PURE__ */ e.createElement("div", { className: "absolute right-6 top-6" }, /* @__PURE__ */ e.createElement(
+      f,
+      {
+        src: "/icons/comet.svg",
+        alt: "logo",
+        width: 25,
+        height: 20
+      }
+    ))
+  );
+}, w = g;
 export {
-  l as default
+  w as default
 };
 //# sourceMappingURL=index.es26.js.map

package/dist/index.es26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es26.js","sources":["../src/components/core/typography/Heading.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, forwardRef } from \"react\";\r\n\r\nimport { typeVariants } from \"./typeVariants\";\r\n\r\ninterface HeadingProps {\r\n  level: 1 | 2 | 3 | 4 | 5 | 6;\r\n  as?: ElementType;\r\n  className?: string;\r\n  children: ReactNode;\r\n  id?: string;\r\n}\r\n\r\nconst Heading = forwardRef<HTMLHeadingElement, HeadingProps>(\r\n  ({ level, as, className = \"\", children, id, ...props }, ref) => {\r\n    const Component = as || `h${level}`;\r\n    const variantClass = typeVariants({ variant: `h${level}` });\r\n\r\n    return (\r\n      <Component\r\n        ref={ref}\r\n        id={id}\r\n        className={`${variantClass}${className ? ` ${className}` : \"\"}`}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </Component>\r\n    );\r\n  }\r\n);\r\n\r\nHeading.displayName = \"Heading\";\r\n\r\nexport default Heading;\r\n"],"names":["Heading","forwardRef","level","as","className","children","id","props","ref","Component","variantClass","typeVariants","React","Heading$1"],"mappings":";;AAYA,MAAMA,IAAUC;AAAA,EACd,CAAC,EAAE,OAAAC,GAAO,IAAAC,GAAI,WAAAC,IAAY,IAAI,UAAAC,GAAU,IAAAC,GAAI,GAAGC,EAAM,GAAGC,MAAQ;AACxD,UAAAC,IAAYN,KAAM,IAAID,CAAK,IAC3BQ,IAAeC,EAAa,EAAE,SAAS,IAAIT,CAAK,IAAI;AAGxD,WAAAU,gBAAAA,EAAA;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,IAAAF;AAAA,QACA,WAAW,GAAGI,CAAY,GAAGN,IAAY,IAAIA,CAAS,KAAK,EAAE;AAAA,QAC5D,GAAGG;AAAA,MAAA;AAAA,MAEHF;AAAA,IAAA;AAAA,EAGP;AACF;AAEAL,EAAQ,cAAc;AAEtB,MAAAa,IAAeb;"}
+{"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[]\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?: () => void\r\n  buttons?: ConsultButtonProps[]\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}) => {\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 ? onClickConsultButton : 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","sizeClass","ImageWrapper","getAdapter","React","cn","Text","content","index","Heading","button","ButtonSecondary","ConnectCard$1"],"mappings":";;;;;;AAuBA,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;AACF,MAAM;AACJ,MAAIC,IAAY;AAChB,UAAQH,GAAM;AAAA,IACZ,KAAK;AACS,MAAAG,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,QACAR;AAAA,QACAI;AAAA,MACF;AAAA,IAAA;AAAA,IAECG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,+CACZE,GAAK,EAAA,SAAQ,YAAW,WAAU,0BAChCZ,EAAW,KACd,GACAU,gBAAAA,EAAA,cAAC,SAAI,WAAU,YAAA,GACZV,EAAW,QAAQ,IAAI,CAACa,GAASC,sCAC/BC,GAAQ,EAAA,OAAO,GAAG,KAAKD,GAAO,IAAG,MAAA,GAC/BD,CACH,CACD,CACH,CACF;AAAA,IAECZ,KACCS,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,YACb,GAAAA,gBAAAA,EAAA,cAACK,GAAQ,EAAA,OAAO,GAAG,IAAG,OAAM,WAAU,0BACnCd,EAAc,KACjB,GACCA,EAAc,QAAQ,IAAI,CAACY,GAASC,MACnCJ,gBAAAA,EAAA,cAACE,GAAK,EAAA,KAAKE,GAAO,SAAQ,aACvB,GAAAD,CACH,CACD,CACH;AAAA,IAGDP,KACCI,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,oBACZJ,GAAS,IAAI,CAACU,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,SACED,EAAO,kBAAkBX,IAAuB;AAAA,MAAA;AAAA,MAGjDW,EAAO;AAAA,IAGd,CAAA,CACD,CACH;AAAA,IAGDd,KACCQ,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,IAAenB;"}

package/dist/index.es27.js

@@ -1,22 +1,17 @@
-import c, { forwardRef as f } from "react";
-import { typeVariants as d } from "./index.es44.js";
-const e = f(
-  ({ variant: a = "body", as: o, className: t = "", children: r, ...n }, s) => {
-    const m = o || "p", p = d({ variant: a });
-    return /* @__PURE__ */ c.createElement(
-      m,
-      {
-        ref: s,
-        className: `${p}${t ? ` ${t}` : ""}`,
-        ...n
-      },
-      r
-    );
-  }
-);
-e.displayName = "Text";
-const x = e;
+import { FileDownIcon as c } from "lucide-react";
+import e from "react";
+import a from "./index.es45.js";
+const s = ({ title: r, format: t, link: o, date: n }) => /* @__PURE__ */ e.createElement(
+  "a",
+  {
+    href: o,
+    download: !0,
+    className: "flex bg-whitish p-4 pr-8 rounded-lg space-x-2 transition-colors border border-transparent hover:bg-navy-opacity-41 hover:border-navy-opacity-16"
+  },
+  /* @__PURE__ */ e.createElement(c, { className: "w-8 h-8 shrink-0" }),
+  /* @__PURE__ */ e.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ e.createElement(a, { variant: "body", as: "div" }, r), /* @__PURE__ */ e.createElement(a, { variant: "caption", className: "text-navy-opacity-40" }, t, " · ", n))
+), d = s;
 export {
-  x as default
+  d as default
 };
 //# sourceMappingURL=index.es27.js.map

package/dist/index.es27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es27.js","sources":["../src/components/core/typography/Text.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, forwardRef } from \"react\";\r\n\r\nimport { typeVariants } from \"./typeVariants\";\r\n\r\ninterface TextProps {\r\n  variant?:\r\n    | \"factoid\"\r\n    | \"subtitle-1\"\r\n    | \"subtitle-2\"\r\n    | \"overline\"\r\n    | \"lead-text\"\r\n    | \"body\"\r\n    | \"small-body\"\r\n    | \"caption\"\r\n    | \"button\"\r\n    | \"link\";\r\n  as?: ElementType;\r\n  className?: string;\r\n  children: ReactNode;\r\n}\r\n\r\nconst Text = forwardRef<HTMLParagraphElement, TextProps>(\r\n  ({ variant = \"body\", as, className = \"\", children, ...props }, ref) => {\r\n    const Component = as || \"p\";\r\n    const variantClass = typeVariants({ variant });\r\n\r\n    return (\r\n      <Component\r\n        ref={ref}\r\n        className={`${variantClass}${className ? ` ${className}` : \"\"}`}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </Component>\r\n    );\r\n  }\r\n);\r\n\r\nText.displayName = \"Text\";\r\n\r\nexport default Text;\r\n"],"names":["Text","forwardRef","variant","as","className","children","props","ref","Component","variantClass","typeVariants","React","Text$1"],"mappings":";;AAqBA,MAAMA,IAAOC;AAAA,EACX,CAAC,EAAE,SAAAC,IAAU,QAAQ,IAAAC,GAAI,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAAQ;AACrE,UAAMC,IAAYL,KAAM,KAClBM,IAAeC,EAAa,EAAE,SAAAR,EAAS,CAAA;AAG3C,WAAAS,gBAAAA,EAAA;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,WAAW,GAAGE,CAAY,GAAGL,IAAY,IAAIA,CAAS,KAAK,EAAE;AAAA,QAC5D,GAAGE;AAAA,MAAA;AAAA,MAEHD;AAAA,IAAA;AAAA,EAGP;AACF;AAEAL,EAAK,cAAc;AAEnB,MAAAY,IAAeZ;"}
+{"version":3,"file":"index.es27.js","sources":["../src/components/cards/Doc.tsx"],"sourcesContent":["import { FileDownIcon } from 'lucide-react'\r\nimport React from 'react'\r\nimport Text from '../core/typography/Text'\r\n\r\nexport interface DocCardProps {\r\n  title: string\r\n  format: string\r\n  link: string\r\n  date: string\r\n}\r\n\r\nconst DocCard: React.FC<DocCardProps> = ({ title, format, link, date }) => {\r\n  return (\r\n    <a\r\n      href={link}\r\n      download\r\n      className=\"flex bg-whitish p-4 pr-8 rounded-lg space-x-2 transition-colors border border-transparent hover:bg-navy-opacity-41 hover:border-navy-opacity-16\"\r\n    >\r\n      {/* TODO: Add correct icon from ui kit */}\r\n      <FileDownIcon className=\"w-8 h-8 shrink-0\" />\r\n      <div className=\"space-y-1\">\r\n        <Text variant=\"body\" as=\"div\">\r\n          {title}\r\n        </Text>\r\n        <Text variant=\"caption\" className=\"text-navy-opacity-40\">\r\n          {format} · {date}\r\n        </Text>\r\n      </div>\r\n    </a>\r\n  )\r\n}\r\n\r\nexport default DocCard\r\n"],"names":["DocCard","title","format","link","date","React","FileDownIcon","Text","DocCard$1"],"mappings":";;;AAWA,MAAMA,IAAkC,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,MAAAC,QAE5DC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAMF;AAAA,IACN,UAAQ;AAAA,IACR,WAAU;AAAA,EAAA;AAAA,EAGVE,gBAAAA,EAAA,cAACC,GAAa,EAAA,WAAU,mBAAmB,CAAA;AAAA,EAC3CD,gBAAAA,EAAA,cAAC,SAAI,WAAU,YAAA,mCACZE,GAAK,EAAA,SAAQ,QAAO,IAAG,SACrBN,CACH,GACAI,gBAAAA,EAAA,cAACE,KAAK,SAAQ,WAAU,WAAU,uBAC/B,GAAAL,GAAO,OAAIE,CACd,CACF;AAAA,GAKNI,IAAeR;"}

package/dist/index.es28.js

@@ -1,94 +1,9 @@
-import * as e from "react";
-import { FormProvider as f, Controller as F, useFormContext as u } from "react-hook-form";
-import { Label as p } from "./index.es15.js";
-import { Slot as I } from "@radix-ui/react-slot";
-import { cn as a } from "./index.es31.js";
-const R = f, c = e.createContext(
-  {}
-), $ = ({
-  ...t
-}) => /* @__PURE__ */ e.createElement(c.Provider, { value: { name: t.name } }, /* @__PURE__ */ e.createElement(F, { ...t })), i = () => {
-  const t = e.useContext(c), o = e.useContext(l), { getFieldState: r, formState: m } = u(), n = r(t.name, m);
-  if (!t)
-    throw new Error("useFormField should be used within <FormField>");
-  const { id: s } = o;
-  return {
-    id: s,
-    name: t.name,
-    formItemId: `${s}-form-item`,
-    formDescriptionId: `${s}-form-item-description`,
-    formMessageId: `${s}-form-item-message`,
-    ...n
-  };
-}, l = e.createContext(
-  {}
-), x = e.forwardRef(({ className: t, ...o }, r) => {
-  const m = e.useId();
-  return /* @__PURE__ */ e.createElement(l.Provider, { value: { id: m } }, /* @__PURE__ */ e.createElement("div", { ref: r, className: a("space-y-2", t), ...o }));
-});
-x.displayName = "FormItem";
-const C = e.forwardRef(({ className: t, ...o }, r) => {
-  const { error: m, formItemId: n } = i();
-  return /* @__PURE__ */ e.createElement(
-    p,
-    {
-      ref: r,
-      className: a(m && "text-destructive", t),
-      htmlFor: n,
-      ...o
-    }
-  );
-});
-C.displayName = "FormLabel";
-const g = e.forwardRef(({ ...t }, o) => {
-  const { error: r, formItemId: m, formDescriptionId: n, formMessageId: s } = i();
-  return /* @__PURE__ */ e.createElement(
-    I,
-    {
-      ref: o,
-      id: m,
-      "aria-describedby": r ? `${n} ${s}` : `${n}`,
-      "aria-invalid": !!r,
-      ...t
-    }
-  );
-});
-g.displayName = "FormControl";
-const v = e.forwardRef(({ className: t, ...o }, r) => {
-  const { formDescriptionId: m } = i();
-  return /* @__PURE__ */ e.createElement(
-    "p",
-    {
-      ref: r,
-      id: m,
-      className: a("text-sm text-muted-foreground", t),
-      ...o
-    }
-  );
-});
-v.displayName = "FormDescription";
-const E = e.forwardRef(({ className: t, children: o, ...r }, m) => {
-  const { error: n, formMessageId: s } = i(), d = n ? String(n?.message) : o;
-  return d ? /* @__PURE__ */ e.createElement(
-    "p",
-    {
-      ref: m,
-      id: s,
-      className: a("text-sm font-medium text-destructive", t),
-      ...r
-    },
-    d
-  ) : null;
-});
-E.displayName = "FormMessage";
+import { Accordion as c, AccordionItem as m, AccordionTrigger as n, AccordionContent as o } from "./index.es49.js";
+import i from "./index.es6.js";
+import e from "react";
+import s from "./index.es19.js";
+const d = ({ questions: l, type: a }) => /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(c, { type: a, collapsible: !0, className: "space-y-3" }, l.map((t, r) => /* @__PURE__ */ e.createElement(m, { key: r, value: `item-${r}` }, /* @__PURE__ */ e.createElement(n, { size: "small" }, t.question), /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(s, { html: t.answer }), t.linkToFull && /* @__PURE__ */ e.createElement("div", { className: "pt-6 no-content-rules" }, /* @__PURE__ */ e.createElement(i, { icon: "arrowRight", asChild: !0 }, /* @__PURE__ */ e.createElement("a", { href: t.linkToFull, className: "more-link" }, "Читать полностью")))))))), A = d;
 export {
-  R as Form,
-  g as FormControl,
-  v as FormDescription,
-  $ as FormField,
-  x as FormItem,
-  C as FormLabel,
-  E as FormMessage,
-  i as useFormField
+  A as default
 };
 //# sourceMappingURL=index.es28.js.map

package/dist/index.es28.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es28.js","sources":["../src/components/ui/form.tsx"],"sourcesContent":["import * as LabelPrimitive from '@radix-ui/react-label'\nimport * as React from 'react'\n\nimport {\n  Controller,\n  ControllerProps,\n  FieldPath,\n  FieldValues,\n  FormProvider,\n  useFormContext,\n} from 'react-hook-form'\nimport { Label, labelVariants } from '@/components/ui/label'\n\nimport { Slot } from '@radix-ui/react-slot'\nimport { VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils/cn'\n\nconst Form = FormProvider\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = {\n  name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue\n)\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  )\n}\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext)\n  const itemContext = React.useContext(FormItemContext)\n  const { getFieldState, formState } = useFormContext()\n\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>')\n  }\n\n  const { id } = itemContext\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  }\n}\n\ntype FormItemContextValue = {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue\n)\n\nconst FormItem = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const id = React.useId()\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div ref={ref} className={cn('space-y-2', className)} {...props} />\n    </FormItemContext.Provider>\n  )\n})\nFormItem.displayName = 'FormItem'\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n    VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <Label\n      ref={ref}\n      className={cn(error && 'text-destructive', className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  )\n})\nFormLabel.displayName = 'FormLabel'\n\nconst FormControl = React.forwardRef<\n  React.ElementRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  )\n})\nFormControl.displayName = 'FormControl'\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  )\n})\nFormDescription.displayName = 'FormDescription'\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error?.message) : children\n\n  if (!body) {\n    return null\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn('text-sm font-medium text-destructive', className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n})\nFormMessage.displayName = 'FormMessage'\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n}\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body"],"mappings":"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"}
+{"version":3,"file":"index.es28.js","sources":["../src/components/cards/FAQ.tsx"],"sourcesContent":["import {\r\n  Accordion,\r\n  AccordionContent,\r\n  AccordionItem,\r\n  AccordionTrigger,\r\n} from '../ui/accordion'\r\n\r\nimport { ButtonText } from '../ui/button'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\n\r\nexport interface FAQItem {\r\n  question: string\r\n  answer: string\r\n  linkToFull?: string\r\n}\r\n\r\nexport interface FAQCardProps {\r\n  questions: FAQItem[]\r\n  type: 'single' | 'multiple'\r\n}\r\n\r\nconst FAQCard: React.FC<FAQCardProps> = ({ questions, type }) => {\r\n  return (\r\n    <div>\r\n      <Accordion type={type} collapsible className=\"space-y-3\">\r\n        {questions.map((question, index) => (\r\n          <AccordionItem key={index} value={`item-${index}`}>\r\n            <AccordionTrigger size=\"small\">\r\n              {question.question}\r\n            </AccordionTrigger>\r\n            <AccordionContent>\r\n              <SafeHtmlRenderer html={question.answer} />\r\n\r\n              {question.linkToFull && (\r\n                <div className=\"pt-6 no-content-rules\">\r\n                  <ButtonText icon=\"arrowRight\" asChild>\r\n                    <a href={question.linkToFull} className=\"more-link\">\r\n                      Читать полностью\r\n                    </a>\r\n                  </ButtonText>\r\n                </div>\r\n              )}\r\n            </AccordionContent>\r\n          </AccordionItem>\r\n        ))}\r\n      </Accordion>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default FAQCard\r\n"],"names":["FAQCard","questions","type","React","Accordion","question","index","AccordionItem","AccordionTrigger","AccordionContent","SafeHtmlRenderer","ButtonText","FAQCard$1"],"mappings":";;;;AAsBA,MAAMA,IAAkC,CAAC,EAAE,WAAAC,GAAW,MAAAC,QAEjDC,gBAAAA,EAAA,cAAA,OAAA,MACEA,gBAAAA,EAAA,cAAAC,GAAA,EAAU,MAAAF,GAAY,aAAW,IAAC,WAAU,eAC1CD,EAAU,IAAI,CAACI,GAAUC,MACvBH,gBAAAA,EAAA,cAAAI,GAAA,EAAc,KAAKD,GAAO,OAAO,QAAQA,CAAK,MAC5CH,gBAAAA,EAAA,cAAAK,GAAA,EAAiB,MAAK,QAAA,GACpBH,EAAS,QACZ,GACCF,gBAAAA,EAAA,cAAAM,GAAA,MACEN,gBAAAA,EAAA,cAAAO,GAAA,EAAiB,MAAML,EAAS,OAAQ,CAAA,GAExCA,EAAS,cACPF,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,wBAAA,GACZA,gBAAAA,EAAA,cAAAQ,GAAA,EAAW,MAAK,cAAa,SAAO,GACnC,GAAAR,gBAAAA,EAAA,cAAC,KAAE,EAAA,MAAME,EAAS,YAAY,WAAU,eAAY,kBAEpD,CACF,CACF,CAEJ,CACF,CACD,CACH,CACF,GAIJO,IAAeZ;"}

package/dist/index.es29.js

@@ -1,93 +1,56 @@
-import * as a from "@radix-ui/react-dialog";
-import * as e from "react";
-import { ScrollArea as i } from "./index.es30.js";
-import { X as d } from "lucide-react";
-import { cn as l } from "./index.es31.js";
-const D = a.Root, v = a.Trigger, c = a.Portal, E = a.Close, n = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
-  a.Overlay,
-  {
-    ref: s,
-    className: l(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      t
-    ),
-    ...o
-  }
-));
-n.displayName = a.Overlay.displayName;
-const m = e.forwardRef(({ className: t, children: o, ...s }, r) => /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement(n, null), /* @__PURE__ */ e.createElement(
-  a.Content,
-  {
-    ref: r,
-    className: l(
-      "fixed left-[50%] top-[50%] z-50 grid max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg overflow-hidden max-h-[calc(100dvh-0.75rem)] w-[calc(100dvw-0.75rem)] p-0",
-      t
-    ),
-    ...s
-  },
-  /* @__PURE__ */ e.createElement(i, { className: "max-h-[calc(100dvh-1rem)]" }, /* @__PURE__ */ e.createElement("div", { className: "p-6" }, o)),
-  /* @__PURE__ */ e.createElement(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" }, /* @__PURE__ */ e.createElement(d, { className: "h-4 w-4" }), /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Close"))
-)));
-m.displayName = a.Content.displayName;
-const f = ({
-  className: t,
-  ...o
-}) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: l(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      t
-    ),
-    ...o
-  }
-);
-f.displayName = "DialogHeader";
-const p = ({
-  className: t,
-  ...o
-}) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: l(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      t
-    ),
-    ...o
-  }
-);
-p.displayName = "DialogFooter";
-const g = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
-  a.Title,
-  {
-    ref: s,
-    className: l(
-      "text-lg font-semibold leading-none tracking-tight",
-      t
-    ),
-    ...o
-  }
-));
-g.displayName = a.Title.displayName;
-const u = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
-  a.Description,
-  {
-    ref: s,
-    className: l("text-sm text-muted-foreground", t),
-    ...o
-  }
-));
-u.displayName = a.Description.displayName;
+import { Tag as E } from "./index.es22.js";
+import b from "./index.es6.js";
+import s from "./index.es44.js";
+import e from "react";
+import m from "./index.es45.js";
+import { cn as h } from "./index.es52.js";
+import { cva as y } from "class-variance-authority";
+import { getAdapter as N } from "./index.es9.js";
+const g = ({
+  size: o,
+  tags: l,
+  link: n,
+  title: c,
+  desc: t,
+  className: i,
+  showDivider: p,
+  price: d,
+  oldPrice: a,
+  detailsText: v
+}) => {
+  const f = y(
+    "p-6 pb-4 bg-whitish rounded-lg transition-all bottom-0 transform duration-300 hover:scale1-[1.015] border border-transparent hover:border-sapphire1 relative hover:bottom-1 cursor-pointer col-span-1 flex flex-col justify-between items-start sm:min-h-[264px] h-full",
+    {
+      variants: {
+        size: {
+          1: "sm:col-span-1",
+          2: "sm:col-span-2",
+          3: "sm:col-span-3",
+          4: "sm:col-span-4"
+        }
+      },
+      defaultVariants: {
+        size: 1
+      }
+    }
+  ), u = N("LinkWrapper");
+  return /* @__PURE__ */ e.createElement(u, { href: n, className: h(f({ size: o, className: i })) }, /* @__PURE__ */ e.createElement("div", { "data-test-id": "content-container" }, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2" }, l.map((r, x) => /* @__PURE__ */ e.createElement(E, { key: x, variant: r.color }, r.title))), /* @__PURE__ */ e.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ e.createElement(s, { level: 5, className: "mt-6 lg:max-w-sm", as: "div" }, c), t && /* @__PURE__ */ e.createElement(
+    m,
+    {
+      variant: "small-body",
+      className: "text-navy-opacity-60 lg:max-w-sm"
+    },
+    t
+  ))), /* @__PURE__ */ e.createElement("div", { className: "mt-2 sm:mt-6 space-y-6 w-full" }, p && /* @__PURE__ */ e.createElement("div", { className: "border-t border-navy-opacity-16" }), /* @__PURE__ */ e.createElement("div", { className: "flex space-x-4 items-baseline" }, a && /* @__PURE__ */ e.createElement(
+    m,
+    {
+      variant: "caption",
+      className: "text-navy-opacity-40 line-through"
+    },
+    a
+  ), /* @__PURE__ */ e.createElement(s, { level: 4, as: "div" }, d)), /* @__PURE__ */ e.createElement(b, { icon: "arrowRight" }, v || "Подробнее")));
+}, W = g;
 export {
-  D as Dialog,
-  E as DialogClose,
-  m as DialogContent,
-  u as DialogDescription,
-  p as DialogFooter,
-  f as DialogHeader,
-  n as DialogOverlay,
-  c as DialogPortal,
-  g as DialogTitle,
-  v as DialogTrigger
+  W as default
 };
 //# sourceMappingURL=index.es29.js.map

package/dist/index.es29.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es29.js","sources":["../src/components/ui/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog'\nimport * as React from 'react'\n\nimport { ScrollArea } from './scroll-area'\nimport { X } from 'lucide-react'\nimport { cn } from '@/lib/utils/cn'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'fixed left-[50%] top-[50%] z-50 grid max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg overflow-hidden max-h-[calc(100dvh-0.75rem)] w-[calc(100dvw-0.75rem)] p-0',\n        className\n      )}\n      {...props}\n    >\n      <ScrollArea className=\"max-h-[calc(100dvh-1rem)]\">\n        <div className=\"p-6\">{children}</div>\n      </ScrollArea>\n      <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col space-y-1.5 text-center sm:text-left',\n      className\n    )}\n    {...props}\n  />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n      className\n    )}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\n      'text-lg font-semibold leading-none tracking-tight',\n      className\n    )}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n}\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","props","ref","cn","DialogContent","children","ScrollArea","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;;AAOA,MAAMA,IAASC,EAAgB,MAEzBC,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMU,IAAgBL,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAK,GAAU,GAAGJ,EAAA,GAASC,MACpC,gBAAAH,EAAA,cAACH,GACC,MAAA,gBAAAG,EAAA,cAACD,OAAc,GACf,gBAAAC,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA,EAEJ,gBAAAF,EAAA,cAACO,KAAW,WAAU,4BAAA,mCACnB,OAAI,EAAA,WAAU,MAAO,GAAAD,CAAS,CACjC;AAAA,kCACCX,EAAgB,OAAhB,EAAsB,WAAU,mRAC9B,gBAAAK,EAAA,cAAAQ,GAAA,EAAE,WAAU,UAAA,CAAU,GACtB,gBAAAR,EAAA,cAAA,QAAA,EAAK,WAAU,aAAU,OAAK,CACjC;AACF,CACF,CACD;AACDK,EAAc,cAAcV,EAAgB,QAAQ;AAEpD,MAAMc,IAAe,CAAC;AAAA,EACpB,WAAAR;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAT;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFQ,EAAa,cAAc;AAErB,MAAAC,IAAcX,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDS,EAAY,cAAchB,EAAgB,MAAM;AAE1C,MAAAiB,IAAoBZ,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDU,EAAkB,cAAcjB,EAAgB,YAAY;"}
+{"version":3,"file":"index.es29.js","sources":["../src/components/cards/FeaturedCard.tsx"],"sourcesContent":["import { Tag, TagItemProps } from '../ui/Tag'\r\n\r\nimport { ButtonText } from '../ui/button'\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 { cva } from 'class-variance-authority'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface FeaturedCardProps {\r\n  size: 1 | 2 | 3 | 4\r\n  tags: TagItemProps[]\r\n  link: string\r\n  title: string\r\n  desc?: string\r\n  className?: string\r\n  showDivider?: boolean\r\n  price?: string\r\n  oldPrice?: string\r\n  detailsText?: string\r\n}\r\n\r\nconst FeaturedCard: React.FC<FeaturedCardProps> = ({\r\n  size,\r\n  tags,\r\n  link,\r\n  title,\r\n  desc,\r\n  className,\r\n  showDivider,\r\n  price,\r\n  oldPrice,\r\n  detailsText,\r\n}) => {\r\n  const cardStyles = cva(\r\n    'p-6 pb-4 bg-whitish rounded-lg transition-all bottom-0 transform duration-300 hover:scale1-[1.015] border border-transparent hover:border-sapphire1 relative hover:bottom-1 cursor-pointer col-span-1 flex flex-col justify-between items-start sm:min-h-[264px] h-full',\r\n    {\r\n      variants: {\r\n        size: {\r\n          1: 'sm:col-span-1',\r\n          2: 'sm:col-span-2',\r\n          3: 'sm:col-span-3',\r\n          4: 'sm:col-span-4',\r\n        },\r\n      },\r\n      defaultVariants: {\r\n        size: 1,\r\n      },\r\n    }\r\n  )\r\n\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n  return (\r\n    <LinkWrapper href={link} className={cn(cardStyles({ size, className }))}>\r\n      <div data-test-id=\"content-container\">\r\n        <div className=\"flex space-x-2\">\r\n          {tags.map((tag, index) => (\r\n            <Tag key={index} variant={tag.color}>\r\n              {tag.title}\r\n            </Tag>\r\n          ))}\r\n        </div>\r\n        <div className=\"space-y-2\">\r\n          <Heading level={5} className=\"mt-6 lg:max-w-sm\" as={'div'}>\r\n            {title}\r\n          </Heading>\r\n          {desc && (\r\n            <Text\r\n              variant=\"small-body\"\r\n              className=\"text-navy-opacity-60 lg:max-w-sm\"\r\n            >\r\n              {desc}\r\n            </Text>\r\n          )}\r\n        </div>\r\n      </div>\r\n      {/* TODO: here is the button, should be a link */}\r\n      <div className=\"mt-2 sm:mt-6 space-y-6 w-full\">\r\n        {showDivider && <div className=\"border-t border-navy-opacity-16\"></div>}\r\n        <div className=\"flex space-x-4 items-baseline\">\r\n          {oldPrice && (\r\n            <Text\r\n              variant=\"caption\"\r\n              className=\"text-navy-opacity-40 line-through\"\r\n            >\r\n              {oldPrice}\r\n            </Text>\r\n          )}\r\n          <Heading level={4} as={'div'}>\r\n            {price}\r\n          </Heading>\r\n        </div>\r\n        <ButtonText icon=\"arrowRight\">{detailsText || 'Подробнее'}</ButtonText>\r\n      </div>\r\n    </LinkWrapper>\r\n  )\r\n}\r\n\r\nexport default FeaturedCard\r\n"],"names":["FeaturedCard","size","tags","link","title","desc","className","showDivider","price","oldPrice","detailsText","cardStyles","cva","LinkWrapper","getAdapter","React","cn","tag","index","Tag","Heading","Text","ButtonText","FeaturedCard$1"],"mappings":";;;;;;;;AAuBA,MAAMA,IAA4C,CAAC;AAAA,EACjD,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAaC;AAAA,IACjB;AAAA,IACA;AAAA,MACE,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,MACF;AAAA,MACA,iBAAiB;AAAA,QACf,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EAAA,GAGIC,IAAcC,EAAW,aAAa;AAG1C,SAAAC,gBAAAA,EAAA,cAACF,GAAY,EAAA,MAAMV,GAAM,WAAWa,EAAGL,EAAW,EAAE,MAAAV,GAAM,WAAAK,EAAW,CAAA,CAAC,KACnES,gBAAAA,EAAA,cAAA,OAAA,EAAI,gBAAa,oBAAA,GACfA,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,iBACZ,GAAAb,EAAK,IAAI,CAACe,GAAKC,sCACbC,GAAI,EAAA,KAAKD,GAAO,SAASD,EAAI,MAAA,GAC3BA,EAAI,KACP,CACD,CACH,GACCF,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,YACb,GAAAA,gBAAAA,EAAA,cAACK,GAAQ,EAAA,OAAO,GAAG,WAAU,oBAAmB,IAAI,MAAA,GACjDhB,CACH,GACCC,KACCU,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAEThB;AAAA,EAGP,CAAA,CACF,GAECU,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,mCACZR,KAAgBQ,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,kCAAkC,CAAA,mCAChE,OAAI,EAAA,WAAU,mCACZN,KACCM,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAETZ;AAAA,EAAA,GAGJM,gBAAAA,EAAA,cAAAK,GAAA,EAAQ,OAAO,GAAG,IAAI,MACpB,GAAAZ,CACH,CACF,mCACCc,GAAW,EAAA,MAAK,gBAAcZ,KAAe,WAAY,CAC5D,CACF;AAEJ,GAEAa,IAAevB;"}

package/dist/index.es3.js

@@ -1,8 +1,8 @@
 import e, { Fragment as c } from "react";
 import { Button as h } from "./index.es2.js";
 import { cva as l } from "class-variance-authority";
-import { cn as u } from "./index.es31.js";
-import { iconDefiner as d } from "./index.es32.js";
+import { cn as u } from "./index.es52.js";
+import { iconDefiner as d } from "./index.es53.js";
 const m = l(
   "rounded-lg p-[10px] transition-all hover:rounded-[24px]",
   {

package/dist/index.es30.js

@@ -1,36 +1,30 @@
-import * as e from "react";
-import * as r from "@radix-ui/react-scroll-area";
-import { cn as c } from "./index.es31.js";
-const m = e.forwardRef(({ className: a, children: l, ...o }, t) => /* @__PURE__ */ e.createElement(
-  r.Root,
+import { Dialog as r, DialogTrigger as m, DialogContent as c, DialogTitle as s } from "./index.es47.js";
+import i from "./index.es37.js";
+import e from "react";
+import n from "./index.es45.js";
+const o = ({ title: a, date: l, img: t }) => /* @__PURE__ */ e.createElement("div", { "data-test-id": "license-card", className: "bg-whitish rounded-lg" }, l && /* @__PURE__ */ e.createElement(
+  i,
   {
-    ref: t,
-    className: c("relative overflow-hidden", a),
-    ...o
-  },
-  /* @__PURE__ */ e.createElement(r.Viewport, { className: "h-full w-full rounded-[inherit]" }, l),
-  /* @__PURE__ */ e.createElement(n, null),
-  /* @__PURE__ */ e.createElement(r.Corner, null)
-));
-m.displayName = r.Root.displayName;
-const n = e.forwardRef(({ className: a, orientation: l = "vertical", ...o }, t) => /* @__PURE__ */ e.createElement(
-  r.ScrollAreaScrollbar,
+    icon: "date",
+    label: l,
+    className: "p-4 border-b border-navy-opacity-16"
+  }
+), /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(m, { asChild: !0 }, /* @__PURE__ */ e.createElement("div", { className: "p-8 gap-4 flex flex-col hover:cursor-pointer" }, /* @__PURE__ */ e.createElement(n, { variant: "small-body" }, a), /* @__PURE__ */ e.createElement("div", { className: "bg-navy-opacity-4 rounded-sm" }, /* @__PURE__ */ e.createElement("div", { className: "relative mx-auto w-1/3 my-4 max-w-32 bg-sapphire" }, /* @__PURE__ */ e.createElement(
+  "img",
   {
-    ref: t,
-    orientation: l,
-    className: c(
-      "flex touch-none select-none transition-colors",
-      l === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      l === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      a
-    ),
-    ...o
-  },
-  /* @__PURE__ */ e.createElement(r.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
-));
-n.displayName = r.ScrollAreaScrollbar.displayName;
+    src: t,
+    alt: a,
+    className: "grayscale1 mix-blend-luminosity min-h-[150px] w-full"
+  }
+))))), /* @__PURE__ */ e.createElement(c, { className: "sm:max-w-[480px]" }, /* @__PURE__ */ e.createElement(s, null, a.slice(0, 50).concat("...")), /* @__PURE__ */ e.createElement(
+  "img",
+  {
+    src: t,
+    alt: `Изображение для ${a}`,
+    className: "max-w-full"
+  }
+)))), E = o;
 export {
-  m as ScrollArea,
-  n as ScrollBar
+  E as default
 };
 //# sourceMappingURL=index.es30.js.map