@iit/precision-ui 0.5.5 → 0.7.0

package/dist/index.es28.js

@@ -1,94 +1,30 @@
-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 { Dialog as r, DialogTrigger as m, DialogContent as c, DialogTitle as s } from "./index.es44.js";
+import i from "./index.es35.js";
+import e from "react";
+import n from "./index.es42.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,
+  {
+    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",
+  {
+    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 {
-  R as Form,
-  g as FormControl,
-  v as FormDescription,
-  $ as FormField,
-  x as FormItem,
-  C as FormLabel,
-  E as FormMessage,
-  i as useFormField
+  E 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":";;;;;AAiBA,MAAMA,IAAOC,GASPC,IAAmBC,EAAM;AAAA,EAC7B,CAAC;AACH,GAEMC,IAAY,CAGhB;AAAA,EACA,GAAGC;AACL,MAEK,gBAAAF,EAAA,cAAAD,EAAiB,UAAjB,EAA0B,OAAO,EAAE,MAAMG,EAAM,KAC9C,EAAA,GAAA,gBAAAF,EAAA,cAACG,GAAY,EAAA,GAAGD,EAAO,CAAA,CACzB,GAIEE,IAAe,MAAM;AACnB,QAAAC,IAAeL,EAAM,WAAWD,CAAgB,GAChDO,IAAcN,EAAM,WAAWO,CAAe,GAC9C,EAAE,eAAAC,GAAe,WAAAC,EAAU,IAAIC,EAAe,GAE9CC,IAAaH,EAAcH,EAAa,MAAMI,CAAS;AAE7D,MAAI,CAACJ;AACG,UAAA,IAAI,MAAM,gDAAgD;AAG5D,QAAA,EAAE,IAAAO,EAAO,IAAAN;AAER,SAAA;AAAA,IACL,IAAAM;AAAA,IACA,MAAMP,EAAa;AAAA,IACnB,YAAY,GAAGO,CAAE;AAAA,IACjB,mBAAmB,GAAGA,CAAE;AAAA,IACxB,eAAe,GAAGA,CAAE;AAAA,IACpB,GAAGD;AAAA,EAAA;AAEP,GAMMJ,IAAkBP,EAAM;AAAA,EAC5B,CAAC;AACH,GAEMa,IAAWb,EAAM,WAGrB,CAAC,EAAE,WAAAc,GAAW,GAAGZ,EAAM,GAAGa,MAAQ;AAC5B,QAAAH,IAAKZ,EAAM;AAEjB,yCACGO,EAAgB,UAAhB,EAAyB,OAAO,EAAE,IAAAK,IACjC,GAAA,gBAAAZ,EAAA,cAAC,OAAI,EAAA,KAAAe,GAAU,WAAWC,EAAG,aAAaF,CAAS,GAAI,GAAGZ,EAAO,CAAA,CACnE;AAEJ,CAAC;AACDW,EAAS,cAAc;AAEjB,MAAAI,IAAYjB,EAAM,WAItB,CAAC,EAAE,WAAAc,GAAW,GAAGZ,EAAM,GAAGa,MAAQ;AAClC,QAAM,EAAE,OAAAG,GAAO,YAAAC,EAAW,IAAIf,EAAa;AAGzC,SAAA,gBAAAJ,EAAA;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAWC,EAAGE,KAAS,oBAAoBJ,CAAS;AAAA,MACpD,SAASK;AAAA,MACR,GAAGjB;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDe,EAAU,cAAc;AAElB,MAAAI,IAAcrB,EAAM,WAGxB,CAAC,EAAE,GAAGE,KAASa,MAAQ;AACvB,QAAM,EAAE,OAAAG,GAAO,YAAAC,GAAY,mBAAAG,GAAmB,eAAAC,EAAA,IAAkBnB;AAG9D,SAAA,gBAAAJ,EAAA;AAAA,IAACwB;AAAA,IAAA;AAAA,MACC,KAAAT;AAAA,MACA,IAAII;AAAA,MACJ,oBACGD,IAEG,GAAGI,CAAiB,IAAIC,CAAa,KADrC,GAAGD,CAAiB;AAAA,MAG1B,gBAAc,CAAC,CAACJ;AAAA,MACf,GAAGhB;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDmB,EAAY,cAAc;AAEpB,MAAAI,IAAkBzB,EAAM,WAG5B,CAAC,EAAE,WAAAc,GAAW,GAAGZ,EAAM,GAAGa,MAAQ;AAC5B,QAAA,EAAE,mBAAAO,MAAsBlB;AAG5B,SAAA,gBAAAJ,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAe;AAAA,MACA,IAAIO;AAAA,MACJ,WAAWN,EAAG,iCAAiCF,CAAS;AAAA,MACvD,GAAGZ;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDuB,EAAgB,cAAc;AAExB,MAAAC,IAAc1B,EAAM,WAGxB,CAAC,EAAE,WAAAc,GAAW,UAAAa,GAAU,GAAGzB,EAAM,GAAGa,MAAQ;AAC5C,QAAM,EAAE,OAAAG,GAAO,eAAAK,EAAc,IAAInB,EAAa,GACxCwB,IAAOV,IAAQ,OAAOA,GAAO,OAAO,IAAIS;AAE9C,SAAKC,IAKH,gBAAA5B,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAe;AAAA,MACA,IAAIQ;AAAA,MACJ,WAAWP,EAAG,wCAAwCF,CAAS;AAAA,MAC9D,GAAGZ;AAAA,IAAA;AAAA,IAEH0B;AAAA,EAAA,IAVI;AAaX,CAAC;AACDF,EAAY,cAAc;"}
+{"version":3,"file":"index.es28.js","sources":["../src/components/cards/License.tsx"],"sourcesContent":["import { Dialog, DialogContent, DialogTitle, DialogTrigger } from '../ui/dialog'\r\n\r\nimport ArticlePreviewTag from '../ArticlePreviewTag'\r\nimport React from 'react'\r\nimport Text from '../core/typography/Text'\r\n\r\nexport interface LicenseCardProps {\r\n  title: string\r\n  date?: string\r\n  img: string\r\n}\r\n\r\nconst LicenseCard: React.FC<LicenseCardProps> = ({ title, date, img }) => {\r\n  return (\r\n    <div data-test-id=\"license-card\" className=\"bg-whitish rounded-lg\">\r\n      {date && (\r\n        <ArticlePreviewTag\r\n          icon=\"date\"\r\n          label={date}\r\n          className=\"p-4 border-b border-navy-opacity-16\"\r\n        />\r\n      )}\r\n\r\n      <Dialog>\r\n        <DialogTrigger asChild>\r\n          <div className=\"p-8 gap-4 flex flex-col hover:cursor-pointer\">\r\n            <Text variant=\"small-body\">{title}</Text>\r\n            <div className=\"bg-navy-opacity-4 rounded-sm\">\r\n              <div className=\"relative mx-auto w-1/3 my-4 max-w-32 bg-sapphire\">\r\n                {/* <div\r\n                  className={`bg-[url('/licenses/license-1.png')] bg-cover w-[130px] h-[180px] bg-no-repeat background-tint mx-auto`}\r\n                /> */}\r\n                <img\r\n                  src={img}\r\n                  alt={title}\r\n                  className=\"grayscale1 mix-blend-luminosity min-h-[150px] w-full\"\r\n                />\r\n                {/* <div className=\"absolute top-0 left-0 w-full h-full bg-navy-opacity-401\"></div> */}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </DialogTrigger>\r\n        <DialogContent className=\"sm:max-w-[480px]\">\r\n          <DialogTitle>{title.slice(0, 50).concat('...')}</DialogTitle>\r\n          <img\r\n            src={img}\r\n            alt={`Изображение для ${title}`}\r\n            className=\"max-w-full\"\r\n          />\r\n        </DialogContent>\r\n      </Dialog>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default LicenseCard\r\n"],"names":["LicenseCard","title","date","img","React","ArticlePreviewTag","Dialog","DialogTrigger","Text","DialogContent","DialogTitle","LicenseCard$1"],"mappings":";;;;AAYA,MAAMA,IAA0C,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,KAAAC,wCAE3D,OAAI,EAAA,gBAAa,gBAAe,WAAU,2BACxCD,KACCE,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,OAAOH;AAAA,IACP,WAAU;AAAA,EAAA;AAAA,GAIbE,gBAAAA,EAAA,cAAAE,GAAA,MACEF,gBAAAA,EAAA,cAAAG,GAAA,EAAc,SAAO,MACpBH,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,+CACb,GAAAA,gBAAAA,EAAA,cAACI,KAAK,SAAQ,gBAAcP,CAAM,GACjCG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,kCACbA,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,mDAIb,GAAAA,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAKD;AAAA,IACL,KAAKF;AAAA,IACL,WAAU;AAAA,EAAA;AAAA,CAGd,CACF,CACF,CACF,GACAG,gBAAAA,EAAA,cAACK,KAAc,WAAU,sDACtBC,GAAa,MAAAT,EAAM,MAAM,GAAG,EAAE,EAAE,OAAO,KAAK,CAAE,GAC/CG,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAKD;AAAA,IACL,KAAK,mBAAmBF,CAAK;AAAA,IAC7B,WAAU;AAAA,EAAA;AAEd,CAAA,CACF,CACF,GAIJU,IAAeX;"}

package/dist/index.es29.js

@@ -1,93 +1,100 @@
-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,
+import { RateButton as N } from "./index.es32.js";
+import { Tag as b } from "./index.es20.js";
+import { cva as i } from "class-variance-authority";
+import k from "./index.es8.js";
+import d from "./index.es41.js";
+import w from "./index.es16.js";
+import e from "react";
+import f from "./index.es17.js";
+import l from "./index.es42.js";
+import { cn as r } from "./index.es49.js";
+const V = i(
+  "group p-6 rounded-lg min-h-[360px] flex flex-col justify-between",
   {
-    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
+    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"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
   }
-));
-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,
+), y = i("", {
+  variants: {
+    variant: {
+      default: "text-navy-opacity-60",
+      navy: "text-whitish-opacity-60"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), C = i("w-full h-[1px]", {
+  variants: {
+    variant: {
+      default: "bg-grey-1",
+      navy: "bg-whitish-opacity-16"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), B = ({
+  variant: t,
+  className: E,
+  title: m,
+  oldPrice: c,
+  price: h,
+  priceDesc: s,
+  desc: o,
+  link: u,
+  onClickBuyButton: x,
+  buttons: g,
+  tags: v,
+  titleInformer: p
+}) => /* @__PURE__ */ e.createElement("div", { className: r(V({ variant: t, className: E })) }, /* @__PURE__ */ e.createElement("div", null, v && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2 mb-6" }, v.map((a, n) => /* @__PURE__ */ e.createElement(b, { key: n, variant: a.color }, a.title))), /* @__PURE__ */ e.createElement("div", { className: "space-y-12 mb-12" }, /* @__PURE__ */ e.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2 items-center relative" }, /* @__PURE__ */ e.createElement(
+  k,
   {
-    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
+    href: u,
+    variant: t === "navy" ? "white" : "navy"
   },
-  /* @__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",
+  /* @__PURE__ */ e.createElement(d, { level: 4, as: "span" }, m)
+), p && /* @__PURE__ */ e.createElement(w, { content: p })), /* @__PURE__ */ e.createElement(
+  l,
   {
-    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",
+    variant: "small-body",
+    as: "div",
+    className: r(y({ variant: t }), "content")
+  },
+  o && /* @__PURE__ */ e.createElement(f, { html: o })
+)))), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "space-y-6 mb-6" }, /* @__PURE__ */ e.createElement("div", { className: r(C({ variant: t })) }), /* @__PURE__ */ e.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-4 items-baseline" }, c && /* @__PURE__ */ e.createElement(
+  l,
   {
-    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,
+    variant: "caption",
+    className: "text-navy-opacity-40 line-through"
+  },
+  c
+), /* @__PURE__ */ e.createElement(d, { level: 5, as: "div" }, h)), s && /* @__PURE__ */ e.createElement(
+  l,
   {
-    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,
+    variant: "small-body",
+    as: "div",
+    className: r(y({ variant: t }), "content")
+  },
+  /* @__PURE__ */ e.createElement(f, { html: s })
+))), /* @__PURE__ */ e.createElement("div", { className: "w-full gap-2 flex" }, g?.map((a, n) => /* @__PURE__ */ e.createElement(
+  N,
   {
-    ref: s,
-    className: l("text-sm text-muted-foreground", t),
-    ...o
+    key: n,
+    variant: a.variant,
+    title: a.title,
+    link: a.link,
+    onClick: () => a.isBuyButton && x?.(m)
   }
-));
-u.displayName = a.Description.displayName;
+))))), q = B;
 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
+  q 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/Package.tsx"],"sourcesContent":["import { RateButton, RateButtonProps } from './Rate'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\nimport { VariantProps, cva } from 'class-variance-authority'\r\n\r\nimport AppLink from '../ui/Link'\r\nimport Heading from '../core/typography/Heading'\r\nimport Informer from '../Informer'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst packageCardVariants = cva(\r\n  'group p-6 rounded-lg min-h-[360px] flex flex-col justify-between',\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default:\r\n          'text-navy bg-whitish hover1:bg-navy-opacity-4 hover1:text-navy',\r\n        navy: 'text-whitish bg-gradient-to-b from-navy to-sapphire hover1:from-sapphire hover1:to-navy',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: 'default',\r\n    },\r\n  }\r\n)\r\n\r\nconst descVariants = cva('', {\r\n  variants: {\r\n    variant: {\r\n      default: 'text-navy-opacity-60',\r\n      navy: 'text-whitish-opacity-60',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n  },\r\n})\r\n\r\nconst dividerVariants = cva('w-full h-[1px]', {\r\n  variants: {\r\n    variant: {\r\n      default: 'bg-grey-1',\r\n      navy: 'bg-whitish-opacity-16',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n  },\r\n})\r\n\r\nexport interface PackageCardProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof packageCardVariants> {\r\n  className?: string\r\n  title: string\r\n  oldPrice?: string\r\n  price: string\r\n  priceDesc?: string\r\n  desc?: string\r\n  link: string\r\n  onClickBuyButton?: (title: string) => void\r\n  buttons?: RateButtonProps[]\r\n  tags?: TagItemProps[]\r\n  titleInformer?: string\r\n}\r\n\r\nexport interface PackageCardPropsWithoutHTMLAttributes\r\n  extends Omit<PackageCardProps, keyof React.HTMLAttributes<HTMLDivElement>> {\r\n  className?: string\r\n  title: string\r\n}\r\n\r\nconst PackageCard: React.FC<PackageCardProps> = ({\r\n  variant,\r\n  className,\r\n  title,\r\n  oldPrice,\r\n  price,\r\n  priceDesc,\r\n  desc,\r\n  link,\r\n  onClickBuyButton,\r\n  buttons,\r\n  tags,\r\n  titleInformer,\r\n}) => {\r\n  return (\r\n    <div className={cn(packageCardVariants({ 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\r\n        <div className=\"space-y-12 mb-12\">\r\n          <div className=\"space-y-6\">\r\n            <div className=\"flex space-x-2 items-center relative\">\r\n              <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            <Text\r\n              variant=\"small-body\"\r\n              as=\"div\"\r\n              className={cn(descVariants({ variant }), 'content')}\r\n            >\r\n              {desc && <SafeHtmlRenderer html={desc} />}\r\n            </Text>\r\n          </div>\r\n\r\n          {/* <div className=\"space-y-6\">\r\n            <div className={cn(dividerVariants({ variant }))}></div>\r\n            <div className=\"space-y-3\">\r\n              <div className=\"flex space-x-4 items-baseline\">\r\n                {oldPrice && (\r\n                  <Text\r\n                    variant=\"caption\"\r\n                    className=\"text-navy-opacity-40 line-through\"\r\n                  >\r\n                    {oldPrice}\r\n                  </Text>\r\n                )}\r\n                <Heading level={5} as={\"div\"}>\r\n                  {price}\r\n                </Heading>\r\n              </div>\r\n              {priceDesc && (\r\n                <Text\r\n                  variant=\"small-body\"\r\n                  as=\"div\"\r\n                  className={cn(descVariants({ variant }), \"content\")}\r\n                >\r\n                  <SafeHtmlRenderer html={priceDesc} />\r\n                </Text>\r\n              )}\r\n            </div>\r\n          </div> */}\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <div className=\"space-y-6 mb-6\">\r\n          <div className={cn(dividerVariants({ variant }))}></div>\r\n          <div className=\"space-y-3\">\r\n            <div className=\"flex space-x-4 items-baseline\">\r\n              {oldPrice && (\r\n                <Text\r\n                  variant=\"caption\"\r\n                  className=\"text-navy-opacity-40 line-through\"\r\n                >\r\n                  {oldPrice}\r\n                </Text>\r\n              )}\r\n              <Heading level={5} as={'div'}>\r\n                {price}\r\n              </Heading>\r\n            </div>\r\n            {priceDesc && (\r\n              <Text\r\n                variant=\"small-body\"\r\n                as=\"div\"\r\n                className={cn(descVariants({ variant }), 'content')}\r\n              >\r\n                <SafeHtmlRenderer html={priceDesc} />\r\n              </Text>\r\n            )}\r\n          </div>\r\n        </div>\r\n        <div className=\"w-full gap-2 flex\">\r\n          {buttons?.map((button, index) => (\r\n            <RateButton\r\n              key={index}\r\n              variant={button.variant}\r\n              title={button.title}\r\n              link={button.link}\r\n              onClick={() => button.isBuyButton && onClickBuyButton?.(title)}\r\n            />\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default PackageCard\r\n"],"names":["packageCardVariants","cva","descVariants","dividerVariants","PackageCard","variant","className","title","oldPrice","price","priceDesc","desc","link","onClickBuyButton","buttons","tags","titleInformer","React","cn","tag","index","Tag","AppLink","Heading","Informer","Text","SafeHtmlRenderer","button","RateButton","PackageCard$1"],"mappings":"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"}

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.es49.js";
+import { iconDefiner as d } from "./index.es50.js";
 const m = l(
   "rounded-lg p-[10px] transition-all hover:rounded-[24px]",
   {

package/dist/index.es30.js

@@ -1,36 +1,59 @@
-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,
-  {
-    ref: t,
-    className: c("relative overflow-hidden", a),
-    ...o
+import { cva as n } from "class-variance-authority";
+import p from "./index.es6.js";
+import f from "./index.es41.js";
+import e from "react";
+import d from "./index.es17.js";
+import h from "./index.es42.js";
+import { cn as a } from "./index.es49.js";
+import { getAdapter as u } from "./index.es9.js";
+const l = n("rounded-lg p-6 min-h-[190px] h-full", {
+  variants: {
+    variant: {
+      default: "bg-white",
+      sapphire: "bg-sapphire text-whitish"
+    }
   },
-  /* @__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,
-  {
-    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
+  defaultVariants: {
+    variant: "default"
+  }
+}), v = n("", {
+  variants: {
+    variant: {
+      default: "text-navy-opacity-60",
+      sapphire: "text-whitish-opacity-60"
+    }
   },
-  /* @__PURE__ */ e.createElement(r.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
-));
-n.displayName = r.ScrollAreaScrollbar.displayName;
+  defaultVariants: {
+    variant: "default"
+  }
+}), x = ({
+  title: s,
+  desc: m,
+  variant: t,
+  link: r,
+  detailsText: i
+}) => {
+  const o = /* @__PURE__ */ e.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ e.createElement(f, { level: 4, as: "div" }, s), /* @__PURE__ */ e.createElement(h, { className: a(v({ variant: t })), as: "div" }, /* @__PURE__ */ e.createElement(d, { html: m }))), c = u("LinkWrapper");
+  return r ? /* @__PURE__ */ e.createElement(
+    c,
+    {
+      href: r,
+      className: a(
+        l({ variant: t }),
+        "transition-all bottom-0 hover:bottom-1 transform duration-300 relative hover:scale1-[1.005]"
+      )
+    },
+    /* @__PURE__ */ e.createElement("div", { className: "flex flex-col justify-between h-full items-start" }, o, i && /* @__PURE__ */ e.createElement(
+      p,
+      {
+        icon: "arrowRight",
+        variant: t == "sapphire" ? "white" : "default"
+      },
+      i || "Подробнее"
+    ))
+  ) : /* @__PURE__ */ e.createElement("div", { className: a(l({ variant: t })) }, o);
+}, C = x;
 export {
-  m as ScrollArea,
-  n as ScrollBar
+  C as default
 };
 //# sourceMappingURL=index.es30.js.map

package/dist/index.es30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es30.js","sources":["../src/components/ui/scroll-area.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\n\nimport { cn } from '@/lib/utils/cn'\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn('relative overflow-hidden', className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n))\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      'flex touch-none select-none transition-colors',\n      orientation === 'vertical' &&\n        'h-full w-2.5 border-l border-l-transparent p-[1px]',\n      orientation === 'horizontal' &&\n        'h-2.5 flex-col border-t border-t-transparent p-[1px]',\n      className\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n))\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName\n\nexport { ScrollArea, ScrollBar }\n"],"names":["ScrollArea","React","className","children","props","ref","ScrollAreaPrimitive","cn","ScrollBar","orientation"],"mappings":";;;AAKM,MAAAA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MACpC,gBAAAJ,EAAA;AAAA,EAACK,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,4BAA4BL,CAAS;AAAA,IAClD,GAAGE;AAAA,EAAA;AAAA,kCAEHE,EAAoB,UAApB,EAA6B,WAAU,qCACrCH,CACH;AAAA,kCACCK,GAAU,IAAA;AAAA,EACX,gBAAAP,EAAA,cAACK,EAAoB,QAApB,IAA2B;AAC9B,CACD;AACDN,EAAW,cAAcM,EAAoB,KAAK;AAE5C,MAAAE,IAAYP,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,aAAAO,IAAc,YAAY,GAAGL,EAAM,GAAGC,MACpD,gBAAAJ,EAAA;AAAA,EAACK,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAD;AAAA,IACA,aAAAI;AAAA,IACA,WAAWF;AAAA,MACT;AAAA,MACAE,MAAgB,cACd;AAAA,MACFA,MAAgB,gBACd;AAAA,MACFP;AAAA,IACF;AAAA,IACC,GAAGE;AAAA,EAAA;AAAA,EAEH,gBAAAH,EAAA,cAAAK,EAAoB,iBAApB,EAAoC,WAAU,0CAAyC;AAC1F,CACD;AACDE,EAAU,cAAcF,EAAoB,oBAAoB;"}
+{"version":3,"file":"index.es30.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","Plate"],"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,GAEAS,IAAef;"}