@iit/precision-ui 0.4.1 → 0.5.1

package/dist/index.es41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es41.js","sources":["../src/components/cards/Rate.tsx"],"sourcesContent":["import React from 'react'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport Heading from '../core/typography/Heading'\r\nimport Text from '../core/typography/Text'\r\nimport { ButtonSecondary } from '../ui/button'\r\nimport AppLink from '../ui/Link'\r\nimport { ButtonSecondaryProps } from '../ui/button/ButtonSecondary'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\n\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport { getAdapter } from '@/Adapters'\r\nimport Informer from '../Informer'\r\n\r\nconst rateCardVariants = cva(\r\n  'group p-6 rounded-lg min-h-[360px] flex flex-col justify-between h-full',\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 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\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\nexport interface RateButtonProps {\r\n  variant?: ButtonSecondaryProps['variant']\r\n  title?: string\r\n  link?: string\r\n  isBuyButton?: boolean\r\n  onClick?: () => void\r\n}\r\n\r\nexport const RateButton: React.FC<RateButtonProps> = ({\r\n  variant,\r\n  title,\r\n  link,\r\n  onClick,\r\n}) => {\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n  const button = (\r\n    <ButtonSecondary variant={variant} onClick={onClick}>\r\n      {title || 'Подробнее'}\r\n    </ButtonSecondary>\r\n  )\r\n\r\n  if (link) {\r\n    return <LinkWrapper href={link}>{button}</LinkWrapper>\r\n  }\r\n\r\n  return button\r\n}\r\n\r\nexport interface RateCardProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof rateCardVariants> {\r\n  className?: string\r\n  title: string\r\n  oldPrice?: string\r\n  price: 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}\r\n\r\nexport interface RateCardPropsWithoutHTMLAttributes\r\n  extends Omit<RateCardProps, keyof React.HTMLAttributes<HTMLDivElement>> {\r\n  className?: string\r\n  title: string\r\n}\r\n\r\nconst RateCard: React.FC<RateCardProps> = ({\r\n  variant,\r\n  className,\r\n  title,\r\n  oldPrice,\r\n  price,\r\n  desc,\r\n  link,\r\n  onClickBuyButton,\r\n  buttons,\r\n  tags,\r\n  titleInformer,\r\n}) => {\r\n  return (\r\n    <div className={cn(rateCardVariants({ variant, className }))}>\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        <div className=\"space-y-12 mb-6\">\r\n          <div className=\"space-y-4\">\r\n            <div className=\"flex space-x-2 items-center relative\">\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              {titleInformer && <Informer content={titleInformer} />}\r\n            </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={5} as={'div'}>\r\n                {price}\r\n              </Heading>\r\n            </div>\r\n          </div>\r\n          <div className=\"space-y-4\">\r\n            <div className={cn(dividerVariants({ variant }))}></div>\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={desc} />\r\n            </Text>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\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  )\r\n}\r\n\r\nexport default RateCard\r\n"],"names":["rateCardVariants","cva","dividerVariants","descVariants","RateButton","variant","title","link","onClick","LinkWrapper","getAdapter","button","React","ButtonSecondary","RateCard","className","oldPrice","price","desc","onClickBuyButton","buttons","tags","titleInformer","cn","tag","index","Tag","AppLink","Heading","Informer","Text","SafeHtmlRenderer"],"mappings":"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"}
+{"version":3,"file":"index.es41.js","sources":["../src/components/cards/Plate.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority'\r\n\r\nimport { ButtonText } from '../ui/button'\r\nimport Heading from '../core/typography/Heading'\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\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst plateCardVariants = cva('rounded-lg p-6 min-h-[190px] h-full', {\r\n  variants: {\r\n    variant: {\r\n      default: 'bg-white',\r\n      sapphire: 'bg-sapphire text-whitish',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\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      sapphire: 'text-whitish-opacity-60',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n  },\r\n})\r\n\r\nexport interface PlateCardProps extends VariantProps<typeof plateCardVariants> {\r\n  title: string\r\n  desc: string\r\n  link?: string\r\n  detailsText?: string\r\n}\r\n\r\nconst PlateCard: React.FC<PlateCardProps> = ({\r\n  title,\r\n  desc,\r\n  variant,\r\n  link,\r\n  detailsText,\r\n}) => {\r\n  const content = (\r\n    <div className=\"space-y-2\">\r\n      <Heading level={4} as=\"div\">\r\n        {title}\r\n      </Heading>\r\n      <Text className={cn(descVariants({ variant }))} as={'div'}>\r\n        <SafeHtmlRenderer html={desc} />\r\n      </Text>\r\n    </div>\r\n  )\r\n\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n  return link ? (\r\n    <LinkWrapper\r\n      href={link}\r\n      className={cn(\r\n        plateCardVariants({ variant }),\r\n        'transition-all bottom-0 hover:bottom-1 transform duration-300 relative hover:scale1-[1.005]'\r\n      )}\r\n    >\r\n      <div className=\"flex flex-col justify-between h-full items-start\">\r\n        {content}\r\n        {detailsText && (\r\n          <ButtonText\r\n            icon=\"arrowRight\"\r\n            variant={variant == 'sapphire' ? 'white' : 'default'}\r\n          >\r\n            {detailsText || 'Подробнее'}\r\n          </ButtonText>\r\n        )}\r\n      </div>\r\n    </LinkWrapper>\r\n  ) : (\r\n    <div className={cn(plateCardVariants({ variant }))}>{content}</div>\r\n  )\r\n}\r\n\r\nexport default PlateCard\r\n"],"names":["plateCardVariants","cva","descVariants","PlateCard","title","desc","variant","link","detailsText","content","React","Heading","Text","cn","SafeHtmlRenderer","LinkWrapper","getAdapter","ButtonText"],"mappings":";;;;;;;;AAUA,MAAMA,IAAoBC,EAAI,uCAAuC;AAAA,EACnE,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEKC,IAAeD,EAAI,IAAI;AAAA,EAC3B,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GASKE,IAAsC,CAAC;AAAA,EAC3C,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IACJC,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,YACb,GAAAA,gBAAAA,EAAA,cAACC,GAAQ,EAAA,OAAO,GAAG,IAAG,MACnB,GAAAP,CACH,GACCM,gBAAAA,EAAA,cAAAE,GAAA,EAAK,WAAWC,EAAGX,EAAa,EAAE,SAAAI,EAAQ,CAAC,CAAC,GAAG,IAAI,MAAA,GACjDI,gBAAAA,EAAA,cAAAI,GAAA,EAAiB,MAAMT,EAAA,CAAM,CAChC,CACF,GAGIU,IAAcC,EAAW,aAAa;AAE5C,SAAOT,IACLG,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,MAAMR;AAAA,MACN,WAAWM;AAAA,QACTb,EAAkB,EAAE,SAAAM,GAAS;AAAA,QAC7B;AAAA,MACF;AAAA,IAAA;AAAA,IAECI,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,mDAAA,GACZD,GACAD,KACCE,gBAAAA,EAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASX,KAAW,aAAa,UAAU;AAAA,MAAA;AAAA,MAE1CE,KAAe;AAAA,IAAA,CAGtB;AAAA,EACF,IAECE,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWG,EAAGb,EAAkB,EAAE,SAAAM,EAAS,CAAA,CAAC,EAAA,GAAIG,CAAQ;AAEjE;"}

package/dist/index.es42.js

@@ -1,30 +1,95 @@
-import { cva as t } from "class-variance-authority";
-const i = t("", {
+import { cva as d } from "class-variance-authority";
+import c from "./index.es6.js";
+import g from "./index.es26.js";
+import e from "react";
+import u from "./index.es27.js";
+import { cn as o } from "./index.es31.js";
+import { getAdapter as m } from "./index.es9.js";
+const x = d(
+  "group p-6 rounded-lg min-h-[300px] flex flex-col justify-between gap-12 items-start relative hover:scale1-[1.005] h-full",
+  {
+    variants: {
+      variant: {
+        default: "text-navy bg-whitish hover1:bg-navy-opacity-4 hover1:text-navy",
+        // navy: "text-whitish bg-gradient-to-b from-navy to-sapphire hover:from-sapphire hover:to-navy",
+        navy: "text-whitish primary-gradient"
+      },
+      size: {
+        1: "sm:col-span-1",
+        2: "sm:col-span-2"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: 1
+    }
+  }
+), E = d("", {
   variants: {
     variant: {
-      factoid: "typo_variant_factoid",
-      h1: "typo_variant_h1",
-      h2: "typo_variant_h2",
-      h3: "typo_variant_h3",
-      h4: "typo_variant_h4",
-      h5: "typo_variant_h5",
-      h6: "typo_variant_h6",
-      "subtitle-1": "typo_variant_subtitle-1",
-      "subtitle-2": "typo_variant_subtitle-2",
-      overline: "typo_variant_overline",
-      "lead-text": "typo_variant_lead-text",
-      body: "typo_variant_body",
-      "small-body": "typo_variant_small-body",
-      caption: "typo_variant_caption",
-      button: "typo_variant_button",
-      link: "typo_variant_link"
+      default: "text-navy-opacity-60",
+      navy: "text-whitish-opacity-60"
     }
   },
   defaultVariants: {
-    variant: "body"
+    variant: "default"
   }
-});
+}), j = ({
+  title: i,
+  desc: p,
+  icon: v,
+  link: l,
+  variant: t,
+  size: s,
+  buttons: r
+}) => {
+  const f = m("LinkWrapper"), h = m("ImageWrapper");
+  let n = /* @__PURE__ */ e.createElement("div", { className: o(x({ variant: t, size: s })) }, /* @__PURE__ */ e.createElement("div", { className: "rounded-lg p-4 bg-turquoise-opacity-20" }, /* @__PURE__ */ e.createElement(
+    h,
+    {
+      src: v,
+      alt: `Изображение для ${i}`,
+      width: 32,
+      height: 32,
+      className: "object-contain"
+    }
+  )), /* @__PURE__ */ e.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ e.createElement(g, { level: 5, className: "mt-4 mb-2" }, i), /* @__PURE__ */ e.createElement(u, { variant: "small-body", className: o(E({ variant: t })) }, p)), !(r && r.length) && /* @__PURE__ */ e.createElement(
+    c,
+    {
+      icon: "arrowRight",
+      variant: t === "navy" ? "white" : "default"
+    },
+    "Подробнее"
+  ), r && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-3" }, r?.map((a, y) => /* @__PURE__ */ e.createElement("div", { key: y }, /* @__PURE__ */ e.createElement(
+    c,
+    {
+      variant: t === "navy" ? "white" : "default",
+      icon: a.icon,
+      asChild: !0
+    },
+    /* @__PURE__ */ e.createElement(
+      "a",
+      {
+        href: a.href,
+        target: a.target || "_self",
+        download: a.download
+      },
+      a.text
+    )
+  )))));
+  return l && (n = /* @__PURE__ */ e.createElement(
+    f,
+    {
+      href: l,
+      className: o(
+        "relative transition-all bottom-0 hover:bottom-2 transform duration-300 border border-transparent rounded-lg hover1:border-navy-opacity-16",
+        s === 2 ? "sm:col-span-2" : "sm:col-span-1"
+      )
+    },
+    n
+  )), n;
+};
 export {
-  i as typeVariants
+  j as default
 };
 //# sourceMappingURL=index.es42.js.map

package/dist/index.es42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es42.js","sources":["../src/components/core/typography/typeVariants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\r\n\r\nexport const typeVariants = cva(\"\", {\r\n  variants: {\r\n    variant: {\r\n      factoid: \"typo_variant_factoid\",\r\n      h1: \"typo_variant_h1\",\r\n      h2: \"typo_variant_h2\",\r\n      h3: \"typo_variant_h3\",\r\n      h4: \"typo_variant_h4\",\r\n      h5: \"typo_variant_h5\",\r\n      h6: \"typo_variant_h6\",\r\n      \"subtitle-1\": \"typo_variant_subtitle-1\",\r\n      \"subtitle-2\": \"typo_variant_subtitle-2\",\r\n      overline: \"typo_variant_overline\",\r\n      \"lead-text\": \"typo_variant_lead-text\",\r\n      body: \"typo_variant_body\",\r\n      \"small-body\": \"typo_variant_small-body\",\r\n      caption: \"typo_variant_caption\",\r\n      button: \"typo_variant_button\",\r\n      link: \"typo_variant_link\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"body\",\r\n  },\r\n});\r\n"],"names":["typeVariants","cva"],"mappings":";AAEa,MAAAA,IAAeC,EAAI,IAAI;AAAA,EAClC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,cAAc;AAAA,MACd,cAAc;AAAA,MACd,UAAU;AAAA,MACV,aAAa;AAAA,MACb,MAAM;AAAA,MACN,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;"}
+{"version":3,"file":"index.es42.js","sources":["../src/components/cards/Product.tsx"],"sourcesContent":["import {\r\n  ButtonTextIconName,\r\n  ButtonTextPropsWithoutHTMLAttributes,\r\n} from '../ui/button/ButtonText'\r\nimport { VariantProps, cva } from 'class-variance-authority'\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 { getAdapter } from '@/Adapters'\r\n\r\nconst productCardVariants = cva(\r\n  'group p-6 rounded-lg min-h-[300px] flex flex-col justify-between gap-12 items-start relative hover:scale1-[1.005] h-full',\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 hover:from-sapphire hover:to-navy\",\r\n        navy: 'text-whitish primary-gradient',\r\n      },\r\n      size: {\r\n        1: 'sm:col-span-1',\r\n        2: 'sm:col-span-2',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: 'default',\r\n      size: 1,\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\nexport interface ProductCardButtonProps\r\n  extends ButtonTextPropsWithoutHTMLAttributes {\r\n  href?: string\r\n  target?: '_blank' | '_self'\r\n  icon?: ButtonTextIconName\r\n  download?: boolean\r\n}\r\n\r\nexport interface ProductCardProps\r\n  extends React.HTMLAttributes<HTMLAnchorElement>,\r\n    VariantProps<typeof productCardVariants> {\r\n  title: string\r\n  desc: string\r\n  icon: string\r\n  link?: string\r\n  size?: 1 | 2\r\n  buttons?: ProductCardButtonProps[]\r\n}\r\n\r\nexport interface ProductCardPropsWithoutHtmlAttributes\r\n  extends Omit<ProductCardProps, keyof React.HTMLAttributes<HTMLDivElement>> {\r\n  title: string\r\n}\r\n\r\nconst ProductCard: React.FC<ProductCardProps> = ({\r\n  title,\r\n  desc,\r\n  icon,\r\n  link,\r\n  variant,\r\n  size,\r\n  buttons,\r\n}) => {\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  let component = (\r\n    <div className={cn(productCardVariants({ variant, size }))}>\r\n      <div className=\"rounded-lg p-4 bg-turquoise-opacity-20\">\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-2\">\r\n        <Heading level={5} className=\"mt-4 mb-2\">\r\n          {title}\r\n        </Heading>\r\n        <Text variant=\"small-body\" className={cn(descVariants({ variant }))}>\r\n          {desc}\r\n        </Text>\r\n      </div>\r\n      {/* TODO: here is the button, should be a link */}\r\n\r\n      {!(buttons && buttons.length) && (\r\n        <ButtonText\r\n          icon=\"arrowRight\"\r\n          variant={variant === 'navy' ? 'white' : 'default'}\r\n        >\r\n          Подробнее\r\n        </ButtonText>\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              <ButtonText\r\n                variant={variant === 'navy' ? 'white' : 'default'}\r\n                icon={button.icon}\r\n                asChild\r\n              >\r\n                <a\r\n                  href={button.href}\r\n                  target={button.target || '_self'}\r\n                  download={button.download}\r\n                >\r\n                  {button.text}\r\n                </a>\r\n              </ButtonText>\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            </div>\r\n          ))}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n\r\n  if (link) {\r\n    component = (\r\n      <LinkWrapper\r\n        href={link}\r\n        className={cn(\r\n          'relative transition-all bottom-0 hover:bottom-2 transform duration-300 border border-transparent rounded-lg hover1:border-navy-opacity-16',\r\n          size === 2 ? 'sm:col-span-2' : 'sm:col-span-1'\r\n        )}\r\n      >\r\n        {component}\r\n      </LinkWrapper>\r\n    )\r\n  }\r\n\r\n  return component\r\n}\r\n\r\nexport default ProductCard\r\n"],"names":["productCardVariants","cva","descVariants","ProductCard","title","desc","icon","link","variant","size","buttons","LinkWrapper","getAdapter","ImageWrapper","component","React","cn","Heading","Text","ButtonText","button","index"],"mappings":";;;;;;;AAaA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA;AAAA,QAEF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEMC,IAAeD,EAAI,IAAI;AAAA,EAC3B,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GA0BKE,IAA0C,CAAC;AAAA,EAC/C,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACE,QAAAC,IAAcC,EAAW,aAAa,GACtCC,IAAeD,EAAW,cAAc;AAE9C,MAAIE,IACFC,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWC,EAAGhB,EAAoB,EAAE,SAAAQ,GAAS,MAAAC,EAAA,CAAM,CAAC,EAAA,GACtDM,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,4CACbA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAAA,CAEd,GACCW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,YACb,GAAAA,gBAAAA,EAAA,cAACE,GAAQ,EAAA,OAAO,GAAG,WAAU,YAC1B,GAAAb,CACH,GACCW,gBAAAA,EAAA,cAAAG,GAAA,EAAK,SAAQ,cAAa,WAAWF,EAAGd,EAAa,EAAE,SAAAM,EAAS,CAAA,CAAC,EAC/D,GAAAH,CACH,CACF,GAGC,EAAEK,KAAWA,EAAQ,WACpBK,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASX,MAAY,SAAS,UAAU;AAAA,IAAA;AAAA,IACzC;AAAA,EAAA,GAKFE,KACEK,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,oBACZL,GAAS,IAAI,CAACU,GAAQC,MACpBN,gBAAAA,EAAA,cAAA,OAAA,EAAI,KAAKM,KACRN,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAASX,MAAY,SAAS,UAAU;AAAA,MACxC,MAAMY,EAAO;AAAA,MACb,SAAO;AAAA,IAAA;AAAA,IAEPL,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMK,EAAO;AAAA,QACb,QAAQA,EAAO,UAAU;AAAA,QACzB,UAAUA,EAAO;AAAA,MAAA;AAAA,MAEhBA,EAAO;AAAA,IACV;AAAA,EAAA,CAOJ,CACD,CACH,CAEJ;AAGF,SAAIb,MAEAO,IAAAC,gBAAAA,EAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,MAAMJ;AAAA,MACN,WAAWS;AAAA,QACT;AAAA,QACAP,MAAS,IAAI,kBAAkB;AAAA,MACjC;AAAA,IAAA;AAAA,IAECK;AAAA,EAAA,IAKAA;AACT;"}

package/dist/index.es43.js

@@ -1,48 +1,101 @@
-import { Carousel as c, CarouselContent as n, CarouselItem as i, CarouselPrevious as p, CarouselNext as f } from "./index.es45.js";
 import e from "react";
-import { cn as C } from "./index.es29.js";
-const d = ({
-  items: s,
-  renderItem: r,
-  columns: l,
-  showControlsOnDesktop: o,
-  className: m
-}) => {
-  const u = (a) => {
-    switch (a ?? l) {
-      case 2:
-        return "md:basis-1/2 lg:basis-1/2";
-      case 3:
-        return "md:basis-1/2 lg:basis-1/3";
-      case 4:
-        return "md:basis-1/2 lg:basis-1/4";
-      default:
-        return "md:basis-1/2 lg:basis-1/3";
-    }
-  };
-  return /* @__PURE__ */ e.createElement(
-    c,
-    {
-      opts: {
-        align: "start"
-      },
-      className: C("my-carousel w-full", m)
+import { cva as o } from "class-variance-authority";
+import { cn as s } from "./index.es31.js";
+import f from "./index.es26.js";
+import d from "./index.es27.js";
+import E from "./index.es5.js";
+import x from "./index.es8.js";
+import { Tag as g } from "./index.es20.js";
+import N from "./index.es17.js";
+import { getAdapter as b } from "./index.es9.js";
+import w from "./index.es16.js";
+const k = o(
+  "group p-6 rounded-lg min-h-[360px] flex flex-col justify-between h-full",
+  {
+    variants: {
+      variant: {
+        default: "text-navy bg-whitish hover1:bg-navy-opacity-4 hover1:text-navy",
+        navy: "text-whitish bg-gradient-to-b from-navy to-sapphire hover1:from-sapphire hover1:to-navy"
+      }
     },
-    /* @__PURE__ */ e.createElement(n, { className: "-ml-4" }, s.map((a, t) => /* @__PURE__ */ e.createElement(
-      i,
-      {
-        key: t,
-        className: `pl-4 ${u(
-          a.size
-          // Safely access `size` property
-        )}`
-      },
-      r(a, t)
-    ))),
-    o && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center mt-4" }, /* @__PURE__ */ e.createElement(p, { className: "relative left-auto top-auto right-auto translate-y-0" }), /* @__PURE__ */ e.createElement(f, { className: "relative left-auto top-auto right-auto translate-y-0" }))
-  );
-};
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), V = o("w-full h-[1px]", {
+  variants: {
+    variant: {
+      default: "bg-grey-1",
+      navy: "bg-whitish-opacity-16"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), B = o("", {
+  variants: {
+    variant: {
+      default: "text-navy-opacity-60",
+      navy: "text-whitish-opacity-60"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), R = ({
+  variant: a,
+  title: l,
+  link: r,
+  onClick: n
+}) => {
+  const m = b("LinkWrapper"), i = /* @__PURE__ */ e.createElement(E, { variant: a, onClick: n }, l || "Подробнее");
+  return r ? /* @__PURE__ */ e.createElement(m, { href: r }, i) : i;
+}, D = ({
+  variant: a,
+  className: l,
+  title: r,
+  oldPrice: n,
+  price: m,
+  desc: i,
+  link: y,
+  onClickBuyButton: u,
+  buttons: h,
+  tags: v,
+  titleInformer: p
+}) => /* @__PURE__ */ e.createElement("div", { className: s(k({ variant: a, className: l })) }, /* @__PURE__ */ e.createElement("div", null, v && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2 mb-6" }, v.map((t, c) => /* @__PURE__ */ e.createElement(g, { key: c, variant: t.color }, t.title))), /* @__PURE__ */ e.createElement("div", { className: "space-y-12 mb-6" }, /* @__PURE__ */ e.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2 items-center relative" }, /* @__PURE__ */ e.createElement(
+  x,
+  {
+    href: y,
+    variant: a === "navy" ? "white" : "navy"
+  },
+  /* @__PURE__ */ e.createElement(f, { level: 4, as: "span" }, r)
+), p && /* @__PURE__ */ e.createElement(w, { content: p })), /* @__PURE__ */ e.createElement("div", { className: "flex space-x-4 items-baseline" }, n && /* @__PURE__ */ e.createElement(
+  d,
+  {
+    variant: "caption",
+    className: "text-navy-opacity-40 line-through"
+  },
+  n
+), /* @__PURE__ */ e.createElement(f, { level: 5, as: "div" }, m))), /* @__PURE__ */ e.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ e.createElement("div", { className: s(V({ variant: a })) }), /* @__PURE__ */ e.createElement(
+  d,
+  {
+    variant: "small-body",
+    as: "div",
+    className: s(B({ variant: a }), "content")
+  },
+  /* @__PURE__ */ e.createElement(N, { html: i })
+)))), /* @__PURE__ */ e.createElement("div", { className: "w-full gap-2 flex" }, h?.map((t, c) => /* @__PURE__ */ e.createElement(
+  R,
+  {
+    key: c,
+    variant: t.variant,
+    title: t.title,
+    link: t.link,
+    onClick: () => t.isBuyButton && u?.(r)
+  }
+))));
 export {
-  d as CarouselWrapper
+  R as RateButton,
+  D as default
 };
 //# sourceMappingURL=index.es43.js.map

package/dist/index.es43.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es43.js","sources":["../src/decorators/CarouselWrapper.tsx"],"sourcesContent":["import {\r\n  Carousel,\r\n  CarouselContent,\r\n  CarouselItem,\r\n  CarouselNext,\r\n  CarouselPrevious,\r\n} from '@/components/ui/carousel'\r\n\r\nimport React from 'react'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nexport const CarouselWrapper = <T,>({\r\n  items,\r\n  renderItem,\r\n  columns,\r\n  showControlsOnDesktop,\r\n  className,\r\n}: {\r\n  items: T[]\r\n  renderItem: (item: T, index: number) => React.ReactNode\r\n  columns: number\r\n  showControlsOnDesktop: boolean\r\n  className?: string\r\n}) => {\r\n  const carouselColumnsClasses = (size?: number) => {\r\n    switch (size ?? columns) {\r\n      case 2:\r\n        return 'md:basis-1/2 lg:basis-1/2'\r\n      case 3:\r\n        return 'md:basis-1/2 lg:basis-1/3'\r\n      case 4:\r\n        return 'md:basis-1/2 lg:basis-1/4'\r\n      default:\r\n        return 'md:basis-1/2 lg:basis-1/3'\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Carousel\r\n      opts={{\r\n        align: 'start',\r\n      }}\r\n      className={cn('my-carousel w-full', className)}\r\n    >\r\n      <CarouselContent className=\"-ml-4\">\r\n        {items.map((item, index) => (\r\n          <CarouselItem\r\n            key={index}\r\n            className={`pl-4 ${carouselColumnsClasses(\r\n              (item as { size?: number }).size // Safely access `size` property\r\n            )}`}\r\n          >\r\n            {renderItem(item, index)}\r\n          </CarouselItem>\r\n        ))}\r\n      </CarouselContent>\r\n\r\n      {showControlsOnDesktop && (\r\n        <div className=\"flex justify-center mt-4\">\r\n          <CarouselPrevious className=\"relative left-auto top-auto right-auto translate-y-0\" />\r\n          <CarouselNext className=\"relative left-auto top-auto right-auto translate-y-0\" />\r\n        </div>\r\n      )}\r\n    </Carousel>\r\n  )\r\n}\r\n"],"names":["CarouselWrapper","items","renderItem","columns","showControlsOnDesktop","className","carouselColumnsClasses","size","React","Carousel","cn","CarouselContent","item","index","CarouselItem","CarouselPrevious","CarouselNext"],"mappings":";;;AAWO,MAAMA,IAAkB,CAAK;AAAA,EAClC,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,WAAAC;AACF,MAMM;AACE,QAAAC,IAAyB,CAACC,MAAkB;AAChD,YAAQA,KAAQJ,GAAS;AAAA,MACvB,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA;AAIA,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,MACA,WAAWC,EAAG,sBAAsBL,CAAS;AAAA,IAAA;AAAA,IAE7CG,gBAAAA,EAAA,cAACG,KAAgB,WAAU,QAAA,GACxBV,EAAM,IAAI,CAACW,GAAMC,MAChBL,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAKD;AAAA,QACL,WAAW,QAAQP;AAAA,UAChBM,EAA2B;AAAA;AAAA,QAAA,CAC7B;AAAA,MAAA;AAAA,MAEAV,EAAWU,GAAMC,CAAK;AAAA,IAAA,CAE1B,CACH;AAAA,IAECT,KACCI,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,8BACZA,gBAAAA,EAAA,cAAAO,GAAA,EAAiB,WAAU,wDAAuD,GACnFP,gBAAAA,EAAA,cAACQ,GAAa,EAAA,WAAU,wDAAuD,CACjF;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.es43.js","sources":["../src/components/cards/Rate.tsx"],"sourcesContent":["import React from 'react'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport Heading from '../core/typography/Heading'\r\nimport Text from '../core/typography/Text'\r\nimport { ButtonSecondary } from '../ui/button'\r\nimport AppLink from '../ui/Link'\r\nimport { ButtonSecondaryProps } from '../ui/button/ButtonSecondary'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\n\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport { getAdapter } from '@/Adapters'\r\nimport Informer from '../Informer'\r\n\r\nconst rateCardVariants = cva(\r\n  'group p-6 rounded-lg min-h-[360px] flex flex-col justify-between h-full',\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 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\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\nexport interface RateButtonProps {\r\n  variant?: ButtonSecondaryProps['variant']\r\n  title?: string\r\n  link?: string\r\n  isBuyButton?: boolean\r\n  onClick?: () => void\r\n}\r\n\r\nexport const RateButton: React.FC<RateButtonProps> = ({\r\n  variant,\r\n  title,\r\n  link,\r\n  onClick,\r\n}) => {\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n  const button = (\r\n    <ButtonSecondary variant={variant} onClick={onClick}>\r\n      {title || 'Подробнее'}\r\n    </ButtonSecondary>\r\n  )\r\n\r\n  if (link) {\r\n    return <LinkWrapper href={link}>{button}</LinkWrapper>\r\n  }\r\n\r\n  return button\r\n}\r\n\r\nexport interface RateCardProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof rateCardVariants> {\r\n  className?: string\r\n  title: string\r\n  oldPrice?: string\r\n  price: 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}\r\n\r\nexport interface RateCardPropsWithoutHTMLAttributes\r\n  extends Omit<RateCardProps, keyof React.HTMLAttributes<HTMLDivElement>> {\r\n  className?: string\r\n  title: string\r\n}\r\n\r\nconst RateCard: React.FC<RateCardProps> = ({\r\n  variant,\r\n  className,\r\n  title,\r\n  oldPrice,\r\n  price,\r\n  desc,\r\n  link,\r\n  onClickBuyButton,\r\n  buttons,\r\n  tags,\r\n  titleInformer,\r\n}) => {\r\n  return (\r\n    <div className={cn(rateCardVariants({ variant, className }))}>\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        <div className=\"space-y-12 mb-6\">\r\n          <div className=\"space-y-4\">\r\n            <div className=\"flex space-x-2 items-center relative\">\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              {titleInformer && <Informer content={titleInformer} />}\r\n            </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={5} as={'div'}>\r\n                {price}\r\n              </Heading>\r\n            </div>\r\n          </div>\r\n          <div className=\"space-y-4\">\r\n            <div className={cn(dividerVariants({ variant }))}></div>\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={desc} />\r\n            </Text>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\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  )\r\n}\r\n\r\nexport default RateCard\r\n"],"names":["rateCardVariants","cva","dividerVariants","descVariants","RateButton","variant","title","link","onClick","LinkWrapper","getAdapter","button","React","ButtonSecondary","RateCard","className","oldPrice","price","desc","onClickBuyButton","buttons","tags","titleInformer","cn","tag","index","Tag","AppLink","Heading","Informer","Text","SafeHtmlRenderer"],"mappings":"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"}

package/dist/index.es44.js

@@ -1,19 +1,30 @@
-import t from "react";
-import a from "./index.es27.js";
-import { getAdapter as o } from "./index.es9.js";
-import i from "./index.es46.js";
-const l = ({ title: e, href: r }) => {
-  const m = o("LinkWrapper");
-  return r ? /* @__PURE__ */ t.createElement(a, { variant: "small-body", className: "text-whitish-opacity-32" }, /* @__PURE__ */ t.createElement(
-    m,
-    {
-      href: r,
-      className: "breadcrumb hover:text-whitish-opacity-60 duration-200"
-    },
-    i(e, 55)
-  )) : /* @__PURE__ */ t.createElement(a, { variant: "link", className: "text-whitish breadcrumb" }, i(e, 55));
-};
+import { cva as t } from "class-variance-authority";
+const i = t("", {
+  variants: {
+    variant: {
+      factoid: "typo_variant_factoid",
+      h1: "typo_variant_h1",
+      h2: "typo_variant_h2",
+      h3: "typo_variant_h3",
+      h4: "typo_variant_h4",
+      h5: "typo_variant_h5",
+      h6: "typo_variant_h6",
+      "subtitle-1": "typo_variant_subtitle-1",
+      "subtitle-2": "typo_variant_subtitle-2",
+      overline: "typo_variant_overline",
+      "lead-text": "typo_variant_lead-text",
+      body: "typo_variant_body",
+      "small-body": "typo_variant_small-body",
+      caption: "typo_variant_caption",
+      button: "typo_variant_button",
+      link: "typo_variant_link"
+    }
+  },
+  defaultVariants: {
+    variant: "body"
+  }
+});
 export {
-  l as default
+  i as typeVariants
 };
 //# sourceMappingURL=index.es44.js.map

package/dist/index.es44.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es44.js","sources":["../src/components/breadcrumbs/Breadcrumb.tsx"],"sourcesContent":["import React from 'react'\r\nimport Text from '../core/typography/Text'\r\nimport { getAdapter } from '@/Adapters'\r\nimport truncateText from '@/lib/utils/truncateText'\r\n\r\nexport interface BreadcrumbProps {\r\n  title: string\r\n  href?: string\r\n}\r\n\r\nconst Breadcrumb: React.FC<BreadcrumbProps> = ({ title, href }) => {\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n  if (!href)\r\n    return (\r\n      <Text variant=\"link\" className=\"text-whitish breadcrumb\">\r\n        {truncateText(title, 55)}\r\n      </Text>\r\n    )\r\n\r\n  return (\r\n    <Text variant=\"small-body\" className=\"text-whitish-opacity-32\">\r\n      <LinkWrapper\r\n        href={href}\r\n        className=\"breadcrumb hover:text-whitish-opacity-60 duration-200\"\r\n      >\r\n        {truncateText(title, 55)}\r\n      </LinkWrapper>\r\n    </Text>\r\n  )\r\n}\r\n\r\nexport default Breadcrumb\r\n"],"names":["Breadcrumb","title","href","LinkWrapper","getAdapter","React","Text","truncateText"],"mappings":";;;;AAUA,MAAMA,IAAwC,CAAC,EAAE,OAAAC,GAAO,MAAAC,QAAW;AAC3D,QAAAC,IAAcC,EAAW,aAAa;AAE5C,SAAKF,IAQFG,gBAAAA,EAAA,cAAAC,GAAA,EAAK,SAAQ,cAAa,WAAU,6BACnCD,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,MAAAD;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IAETK,EAAaN,GAAO,EAAE;AAAA,EAAA,CAE3B,IAbEI,gBAAAA,EAAA,cAACC,KAAK,SAAQ,QAAO,WAAU,0BAC5B,GAAAC,EAAaN,GAAO,EAAE,CACzB;AAaN;"}
+{"version":3,"file":"index.es44.js","sources":["../src/components/core/typography/typeVariants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\r\n\r\nexport const typeVariants = cva(\"\", {\r\n  variants: {\r\n    variant: {\r\n      factoid: \"typo_variant_factoid\",\r\n      h1: \"typo_variant_h1\",\r\n      h2: \"typo_variant_h2\",\r\n      h3: \"typo_variant_h3\",\r\n      h4: \"typo_variant_h4\",\r\n      h5: \"typo_variant_h5\",\r\n      h6: \"typo_variant_h6\",\r\n      \"subtitle-1\": \"typo_variant_subtitle-1\",\r\n      \"subtitle-2\": \"typo_variant_subtitle-2\",\r\n      overline: \"typo_variant_overline\",\r\n      \"lead-text\": \"typo_variant_lead-text\",\r\n      body: \"typo_variant_body\",\r\n      \"small-body\": \"typo_variant_small-body\",\r\n      caption: \"typo_variant_caption\",\r\n      button: \"typo_variant_button\",\r\n      link: \"typo_variant_link\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"body\",\r\n  },\r\n});\r\n"],"names":["typeVariants","cva"],"mappings":";AAEa,MAAAA,IAAeC,EAAI,IAAI;AAAA,EAClC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,cAAc;AAAA,MACd,cAAc;AAAA,MACd,UAAU;AAAA,MACV,aAAa;AAAA,MACb,MAAM;AAAA,MACN,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;"}