@iit/precision-ui 0.3.0 → 0.4.0

package/dist/index.es31.js

@@ -1,88 +1,23 @@
-import e, { useState as p, useRef as N, useEffect as I } from "react";
-import { Button as m } from "./index.es2.js";
-import { Close16X16 as k } from "@iit/precision-ui-icons";
-import { Input as R } from "./index.es11.js";
-import { SearchIcon as S } from "lucide-react";
-import { cn as a } from "./index.es25.js";
-const B = ({
-  id: f,
-  placeholder: h,
-  className: v,
-  containerClassName: b,
-  value: r = "",
-  onChange: t,
-  onKeyDown: d,
-  onClickSubmitButton: g,
-  onClickClearButton: n,
-  withoutBottomBorder: y,
-  ...w
-}) => {
-  const [o, s] = p(r), [i, u] = p(!1), l = N(null);
-  I(() => {
-    s(r);
-  }, [r]);
-  const x = (c) => {
-    s(c.target.value), t && t(c);
-  }, E = () => {
-    s(""), l.current && l.current.focus(), t && t({
-      target: { value: "" }
-    }), n && n();
-  };
-  return /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: a("relative w-full max-w-2xl", b),
-      onMouseEnter: () => u(!0),
-      onMouseLeave: () => u(!1)
-    },
-    /* @__PURE__ */ e.createElement(
-      R,
-      {
-        ref: l,
-        id: f,
-        placeholder: h,
-        className: a(
-          "w-full pl-8 pr-20 hover:bg-navy-opacity-4-absolute rounded-full bg-whitish h-14",
-          v,
-          y && "border-b border-transparent"
-        ),
-        value: o,
-        onChange: x,
-        onKeyDown: d,
-        ...w
-      }
+import * as t from "@radix-ui/react-popover";
+import * as e from "react";
+import { cn as i } from "./index.es29.js";
+const p = t.Root, l = t.Trigger, s = e.forwardRef(({ className: o, align: a = "center", sideOffset: r = 4, ...d }, n) => /* @__PURE__ */ e.createElement(t.Portal, null, /* @__PURE__ */ e.createElement(
+  t.Content,
+  {
+    ref: n,
+    align: a,
+    sideOffset: r,
+    className: i(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      o
     ),
-    /* @__PURE__ */ e.createElement(
-      m,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "icon",
-        className: a(
-          "absolute right-14 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground p-0 hover:bg-navy group",
-          i ? "bg-white" : "bg-navy-opacity-8"
-        ),
-        onClick: E,
-        style: { display: o ? "block" : "none" }
-      },
-      /* @__PURE__ */ e.createElement(k, { className: "h-[10px] w-[10px] left-[5px] top-0 relative text-navy group-hover:text-whitish" }),
-      /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Очистить")
-    ),
-    /* @__PURE__ */ e.createElement(
-      m,
-      {
-        className: a(
-          "absolute right-2 top-1/2 -translate-y-1/2 text-navy h-10 w-10 hover:bg-navy group/submit disabled:pointer-events-auto active:transform active:scale-90",
-          i ? "bg-white" : "bg-navy-opacity-8"
-        ),
-        disabled: !o,
-        onClick: g || void 0
-      },
-      /* @__PURE__ */ e.createElement(S, { className: "h-4 w-4 group-hover/submit:text-whitish" })
-    )
-  );
-};
+    ...d
+  }
+)));
+s.displayName = t.Content.displayName;
 export {
-  B as default
+  p as Popover,
+  s as PopoverContent,
+  l as PopoverTrigger
 };
 //# sourceMappingURL=index.es31.js.map

package/dist/index.es31.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es31.js","sources":["../src/components/ui/input/SearchInputWithButton.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\r\n\r\nimport { Button } from \"../button\";\r\nimport { Close16X16 } from \"@iit/precision-ui-icons\";\r\nimport { Input } from \"@/components/ui/input\";\r\nimport { SearchIcon } from \"lucide-react\";\r\nimport { cn } from \"@/lib/utils/cn\";\r\n\r\ninterface SearchInputWithButtonProps {\r\n  id?: string;\r\n  placeholder?: string;\r\n  className?: string;\r\n  containerClassName?: string;\r\n  value?: string;\r\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\r\n  onClickSubmitButton?: () => void;\r\n  onClickClearButton?: () => void;\r\n  withoutBottomBorder?: boolean;\r\n}\r\n\r\nconst SearchInputWithButton: React.FC<SearchInputWithButtonProps> = ({\r\n  id,\r\n  placeholder,\r\n  className,\r\n  containerClassName,\r\n  value = \"\",\r\n  onChange,\r\n  onKeyDown,\r\n  onClickSubmitButton,\r\n  onClickClearButton,\r\n  withoutBottomBorder,\r\n  ...props\r\n}) => {\r\n  const [inputValue, setInputValue] = useState(value);\r\n  const [isHovered, setIsHovered] = useState(false); // Track hover state\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  useEffect(() => {\r\n    setInputValue(value);\r\n  }, [value]);\r\n\r\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setInputValue(event.target.value);\r\n    if (onChange) {\r\n      onChange(event);\r\n    }\r\n  };\r\n\r\n  const handleClearClick = () => {\r\n    setInputValue(\"\");\r\n    if (inputRef.current) {\r\n      inputRef.current.focus();\r\n    }\r\n    if (onChange) {\r\n      onChange({\r\n        target: { value: \"\" },\r\n      } as React.ChangeEvent<HTMLInputElement>);\r\n    }\r\n    if (onClickClearButton) {\r\n      onClickClearButton();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={cn(\"relative w-full max-w-2xl\", containerClassName)}\r\n      onMouseEnter={() => setIsHovered(true)}\r\n      onMouseLeave={() => setIsHovered(false)}\r\n    >\r\n      <Input\r\n        ref={inputRef}\r\n        id={id}\r\n        placeholder={placeholder}\r\n        className={cn(\r\n          \"w-full pl-8 pr-20 hover:bg-navy-opacity-4-absolute rounded-full bg-whitish h-14\",\r\n          className,\r\n          withoutBottomBorder && \"border-b border-transparent\"\r\n        )}\r\n        value={inputValue}\r\n        onChange={handleInputChange}\r\n        onKeyDown={onKeyDown}\r\n        {...props}\r\n      />\r\n      <Button\r\n        type=\"button\"\r\n        variant=\"ghost\"\r\n        size=\"icon\"\r\n        className={cn(\r\n          \"absolute right-14 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground p-0 hover:bg-navy group\",\r\n          isHovered ? \"bg-white\" : \"bg-navy-opacity-8\"\r\n        )}\r\n        onClick={handleClearClick}\r\n        style={{ display: inputValue ? \"block\" : \"none\" }}\r\n      >\r\n        <Close16X16 className=\"h-[10px] w-[10px] left-[5px] top-0 relative text-navy group-hover:text-whitish\" />\r\n        <span className=\"sr-only\">Очистить</span>\r\n      </Button>\r\n\r\n      <Button\r\n        className={cn(\r\n          \"absolute right-2 top-1/2 -translate-y-1/2 text-navy h-10 w-10 hover:bg-navy group/submit disabled:pointer-events-auto active:transform active:scale-90\",\r\n          isHovered ? \"bg-white\" : \"bg-navy-opacity-8\"\r\n        )}\r\n        disabled={!inputValue}\r\n        onClick={onClickSubmitButton || undefined}\r\n      >\r\n        <SearchIcon className=\"h-4 w-4 group-hover/submit:text-whitish\" />\r\n      </Button>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SearchInputWithButton;\r\n"],"names":["SearchInputWithButton","id","placeholder","className","containerClassName","value","onChange","onKeyDown","onClickSubmitButton","onClickClearButton","withoutBottomBorder","props","inputValue","setInputValue","useState","isHovered","setIsHovered","inputRef","useRef","useEffect","handleInputChange","event","handleClearClick","React","cn","Input","Button","Close16X16","SearchIcon"],"mappings":";;;;;;AAqBA,MAAMA,IAA8D,CAAC;AAAA,EACnE,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAST,CAAK,GAC5C,CAACU,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAC1CG,IAAWC,EAAyB,IAAI;AAE9C,EAAAC,EAAU,MAAM;AACd,IAAAN,EAAcR,CAAK;AAAA,EAAA,GAClB,CAACA,CAAK,CAAC;AAEJ,QAAAe,IAAoB,CAACC,MAA+C;AAC1D,IAAAR,EAAAQ,EAAM,OAAO,KAAK,GAC5Bf,KACFA,EAASe,CAAK;AAAA,EAChB,GAGIC,IAAmB,MAAM;AAC7B,IAAAT,EAAc,EAAE,GACZI,EAAS,WACXA,EAAS,QAAQ,SAEfX,KACOA,EAAA;AAAA,MACP,QAAQ,EAAE,OAAO,GAAG;AAAA,IAAA,CACkB,GAEtCG,KACiBA;EACrB;AAIA,SAAAc,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,6BAA6BpB,CAAkB;AAAA,MAC7D,cAAc,MAAMY,EAAa,EAAI;AAAA,MACrC,cAAc,MAAMA,EAAa,EAAK;AAAA,IAAA;AAAA,IAEtCO,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,IAAAhB;AAAA,QACA,aAAAC;AAAA,QACA,WAAWsB;AAAA,UACT;AAAA,UACArB;AAAA,UACAO,KAAuB;AAAA,QACzB;AAAA,QACA,OAAOE;AAAA,QACP,UAAUQ;AAAA,QACV,WAAAb;AAAA,QACC,GAAGI;AAAA,MAAA;AAAA,IACN;AAAA,IACAY,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAWF;AAAA,UACT;AAAA,UACAT,IAAY,aAAa;AAAA,QAC3B;AAAA,QACA,SAASO;AAAA,QACT,OAAO,EAAE,SAASV,IAAa,UAAU,OAAO;AAAA,MAAA;AAAA,MAEhDW,gBAAAA,EAAA,cAACI,GAAW,EAAA,WAAU,iFAAiF,CAAA;AAAA,MACtGJ,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAU,UAAQ;AAAA,IACpC;AAAA,IAEAA,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACAT,IAAY,aAAa;AAAA,QAC3B;AAAA,QACA,UAAU,CAACH;AAAA,QACX,SAASJ,KAAuB;AAAA,MAAA;AAAA,MAEhCe,gBAAAA,EAAA,cAACK,GAAW,EAAA,WAAU,0CAA0C,CAAA;AAAA,IAClE;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es31.js","sources":["../src/components/ui/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst Popover = PopoverPrimitive.Root\r\n\r\nconst PopoverTrigger = PopoverPrimitive.Trigger\r\n\r\nconst PopoverContent = React.forwardRef<\r\n  React.ElementRef<typeof PopoverPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\r\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\r\n  <PopoverPrimitive.Portal>\r\n    <PopoverPrimitive.Content\r\n      ref={ref}\r\n      align={align}\r\n      sideOffset={sideOffset}\r\n      className={cn(\r\n        'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  </PopoverPrimitive.Portal>\r\n))\r\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\r\n\r\nexport { Popover, PopoverTrigger, PopoverContent }\r\n"],"names":["Popover","PopoverPrimitive","PopoverTrigger","PopoverContent","React","className","align","sideOffset","props","ref","cn"],"mappings":";;;AAKA,MAAMA,IAAUC,EAAiB,MAE3BC,IAAiBD,EAAiB,SAElCE,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,YAAAC,IAAa,GAAG,GAAGC,KAASC,MAC3D,gBAAAL,EAAA,cAAAH,EAAiB,QAAjB,MACC,gBAAAG,EAAA;AAAA,EAACH,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAQ;AAAA,IACA,OAAAH;AAAA,IACA,YAAAC;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACF,CACD;AACDL,EAAe,cAAcF,EAAiB,QAAQ;"}

package/dist/index.es32.js

@@ -1,22 +1,23 @@
-import l from "./index.es23.js";
-import e from "react";
-import o from "./index.es14.js";
-import n from "./index.es24.js";
-import { getAdapter as i } from "./index.es9.js";
-const g = ({ title: t, desc: a, icon: r }) => {
-  const m = i("ImageWrapper");
-  return /* @__PURE__ */ e.createElement("div", { className: "p-6 bg-whitish rounded-lg h-full" }, /* @__PURE__ */ e.createElement("div", { className: "p-4 bg-turquoise-opacity-20 rounded-lg mb-12 inline-flex" }, /* @__PURE__ */ e.createElement(
-    m,
-    {
-      src: r,
-      alt: `Изображение для ${t}`,
-      width: 32,
-      height: 32,
-      className: "object-contain"
-    }
-  )), /* @__PURE__ */ e.createElement(l, { level: 5, className: "mb-2" }, t), a && /* @__PURE__ */ e.createElement(n, { variant: "small-body", className: "text-navy-opacity-60", as: "div" }, /* @__PURE__ */ e.createElement(o, { html: a })));
-};
+import * as t from "react";
+import * as o from "@radix-ui/react-tooltip";
+import { cn as r } from "./index.es29.js";
+const n = o.Provider, l = o.Root, p = o.Trigger, s = t.forwardRef(({ className: e, sideOffset: i = 4, ...a }, d) => /* @__PURE__ */ t.createElement(
+  o.Content,
+  {
+    ref: d,
+    sideOffset: i,
+    className: r(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...a
+  }
+));
+s.displayName = o.Content.displayName;
 export {
-  g as default
+  l as Tooltip,
+  s as TooltipContent,
+  n as TooltipProvider,
+  p as TooltipTrigger
 };
 //# sourceMappingURL=index.es32.js.map

package/dist/index.es32.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es32.js","sources":["../src/components/cards/Advantage.tsx"],"sourcesContent":["import Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface AdvantageProps {\r\n  title: string\r\n  desc?: string\r\n  icon: string\r\n}\r\n\r\nconst Advantage: React.FC<AdvantageProps> = ({ title, desc, icon }) => {\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  return (\r\n    <div className=\"p-6 bg-whitish rounded-lg h-full\">\r\n      <div className=\"p-4 bg-turquoise-opacity-20 rounded-lg mb-12 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      <Heading level={5} className=\"mb-2\">\r\n        {title}\r\n      </Heading>\r\n      {desc && (\r\n        <Text variant=\"small-body\" className=\"text-navy-opacity-60\" as={'div'}>\r\n          <SafeHtmlRenderer html={desc} />\r\n        </Text>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Advantage\r\n"],"names":["Advantage","title","desc","icon","ImageWrapper","getAdapter","React","Heading","Text","SafeHtmlRenderer"],"mappings":";;;;;AAYA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,QAAW;AAC/D,QAAAC,IAAeC,EAAW,cAAc;AAE9C,yCACG,OAAI,EAAA,WAAU,sCACZC,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,2DACb,GAAAA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAEd,CAAA,GACAK,gBAAAA,EAAA,cAACC,GAAQ,EAAA,OAAO,GAAG,WAAU,OAAA,GAC1BN,CACH,GACCC,KACCI,gBAAAA,EAAA,cAACE,KAAK,SAAQ,cAAa,WAAU,wBAAuB,IAAI,MAAA,mCAC7DC,GAAiB,EAAA,MAAMP,EAAM,CAAA,CAChC,CAEJ;AAEJ;"}
+{"version":3,"file":"index.es32.js","sources":["../src/components/ui/tooltip.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst TooltipProvider = TooltipPrimitive.Provider\r\n\r\nconst Tooltip = TooltipPrimitive.Root\r\n\r\nconst TooltipTrigger = TooltipPrimitive.Trigger\r\n\r\nconst TooltipContent = React.forwardRef<\r\n  React.ElementRef<typeof TooltipPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\r\n>(({ className, sideOffset = 4, ...props }, ref) => (\r\n  <TooltipPrimitive.Content\r\n    ref={ref}\r\n    sideOffset={sideOffset}\r\n    className={cn(\r\n      'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\r\n\r\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\r\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","props","ref","cn"],"mappings":";;;AAKA,MAAMA,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAiBF,EAAiB,SAElCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,GAAGC,EAAM,GAAGC,MAC1C,gBAAAJ,EAAA;AAAA,EAACJ,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAQ;AAAA,IACA,YAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAe,cAAcH,EAAiB,QAAQ;"}

package/dist/index.es33.js

@@ -1,49 +1,14 @@
-import e, { Fragment as v } from "react";
-import { Tag as u } from "./index.es17.js";
-import E from "./index.es6.js";
-import h from "./index.es23.js";
-import g from "./index.es14.js";
-import x from "./index.es24.js";
-import { cn as N } from "./index.es25.js";
-import { getAdapter as o } from "./index.es9.js";
-const A = ({
-  title: t,
-  desc: a,
-  icon: r,
-  tags: c,
-  link: m,
-  size: i
-}) => {
-  const l = `${i === 2 ? "sm:col-span-2" : "sm:col-span-1"} p-6 bg-whitish rounded-lg h-full`, p = o("LinkWrapper"), f = o("ImageWrapper"), n = /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2" }, c.map((s, d) => /* @__PURE__ */ e.createElement(u, { key: d, variant: s.color }, s.title))), r && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center mt-12" }, /* @__PURE__ */ e.createElement(
-    f,
-    {
-      src: r,
-      alt: `Изображение для ${t}`,
-      width: 64,
-      height: 64
-    }
-  )), /* @__PURE__ */ e.createElement("div", { className: "space-y-2 mt-[88px]" }, /* @__PURE__ */ e.createElement(h, { level: 4, as: "div" }, t), a && /* @__PURE__ */ e.createElement(x, { variant: "small-body", className: "text-navy-opacity-60", as: "div" }, /* @__PURE__ */ e.createElement(g, { html: a, className: "inline" }))));
-  return m ? /* @__PURE__ */ e.createElement(
-    p,
-    {
-      href: m,
-      className: N(
-        l,
-        "flex flex-col h-full justify-between items-start transition-all bottom-0 hover:bottom-1 transform duration-300 relative"
-      )
-    },
-    /* @__PURE__ */ e.createElement("div", null, n),
-    /* @__PURE__ */ e.createElement(
-      E,
-      {
-        icon: "arrowRight",
-        className: "mt-6"
-      },
-      "Подробнее"
-    )
-  ) : /* @__PURE__ */ e.createElement("div", { className: l }, n);
-};
+import m from "./index.es44.js";
+import e from "react";
+const s = ({ list: t }) => /* @__PURE__ */ e.createElement("ul", { className: "breadcrumbs space-y-2" }, t.map((a, r) => /* @__PURE__ */ e.createElement(
+  "li",
+  {
+    key: r,
+    style: { "--counter": r + 1 }
+  },
+  /* @__PURE__ */ e.createElement(m, { ...a })
+)));
 export {
-  A as default
+  s as default
 };
 //# sourceMappingURL=index.es33.js.map

package/dist/index.es33.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es33.js","sources":["../src/components/cards/Advantage2.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\n\r\nimport { ButtonText } from '../ui/button'\r\nimport Heading from '../core/typography/Heading'\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\nexport interface Advantage2Props {\r\n  title: string\r\n  desc?: string\r\n  icon?: string\r\n  tags: TagItemProps[]\r\n  link?: string\r\n  size?: 1 | 2\r\n}\r\n\r\nconst Advantage2: React.FC<Advantage2Props> = ({\r\n  title,\r\n  desc,\r\n  icon,\r\n  tags,\r\n  link,\r\n  size,\r\n}) => {\r\n  const sizeCls = size === 2 ? 'sm:col-span-2' : 'sm:col-span-1'\r\n  const classes = `${sizeCls} p-6 bg-whitish rounded-lg h-full`\r\n\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  const component = (\r\n    <Fragment>\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\r\n      {icon && (\r\n        <div className=\"flex justify-center mt-12\">\r\n          <ImageWrapper\r\n            src={icon}\r\n            alt={`Изображение для ${title}`}\r\n            width={64}\r\n            height={64}\r\n            // className=\"object-contain\"\r\n          />\r\n        </div>\r\n      )}\r\n\r\n      <div className=\"space-y-2 mt-[88px]\">\r\n        <Heading level={4} as=\"div\">\r\n          {title}\r\n        </Heading>\r\n        {desc && (\r\n          <Text variant=\"small-body\" className=\"text-navy-opacity-60\" as=\"div\">\r\n            <SafeHtmlRenderer html={desc} className=\"inline\" />\r\n          </Text>\r\n        )}\r\n      </div>\r\n    </Fragment>\r\n  )\r\n\r\n  if (link) {\r\n    return (\r\n      <LinkWrapper\r\n        href={link}\r\n        className={cn(\r\n          classes,\r\n          'flex flex-col h-full justify-between items-start transition-all bottom-0 hover:bottom-1 transform duration-300 relative'\r\n        )}\r\n      >\r\n        <div>{component}</div>\r\n        {/* TODO: here is the button, should be a link */}\r\n        <ButtonText\r\n          icon=\"arrowRight\"\r\n          className=\"mt-6\"\r\n          // variant={variant === \"navy\" ? \"white\" : \"default\"}\r\n        >\r\n          Подробнее\r\n        </ButtonText>\r\n      </LinkWrapper>\r\n    )\r\n  }\r\n\r\n  return <div className={classes}>{component}</div>\r\n}\r\n\r\nexport default Advantage2\r\n"],"names":["Advantage2","title","desc","icon","tags","link","size","classes","LinkWrapper","getAdapter","ImageWrapper","component","React","Fragment","tag","index","Tag","Heading","Text","SafeHtmlRenderer","cn","ButtonText"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AACF,MAAM;AAEE,QAAAC,IAAU,GADAD,MAAS,IAAI,kBAAkB,eACrB,qCAEpBE,IAAcC,EAAW,aAAa,GACtCC,IAAeD,EAAW,cAAc,GAExCE,IACJC,gBAAAA,EAAA,cAACC,GACC,MAAAD,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,iBACZ,GAAAR,EAAK,IAAI,CAACU,GAAKC,MACbH,gBAAAA,EAAA,cAAAI,GAAA,EAAI,KAAKD,GAAO,SAASD,EAAI,MAC3B,GAAAA,EAAI,KACP,CACD,CACH,GAECX,KACCS,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,4BACb,GAAAA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EAAA,CAGZ,GAGDW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,sBAAA,GACZA,gBAAAA,EAAA,cAAAK,GAAA,EAAQ,OAAO,GAAG,IAAG,MAAA,GACnBhB,CACH,GACCC,KACEU,gBAAAA,EAAA,cAAAM,GAAA,EAAK,SAAQ,cAAa,WAAU,wBAAuB,IAAG,SAC7DN,gBAAAA,EAAA,cAACO,GAAiB,EAAA,MAAMjB,GAAM,WAAU,SAAS,CAAA,CACnD,CAEJ,CACF;AAGF,SAAIG,IAEAO,gBAAAA,EAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,MAAMH;AAAA,MACN,WAAWe;AAAA,QACTb;AAAA,QACA;AAAA,MACF;AAAA,IAAA;AAAA,IAEAK,gBAAAA,EAAA,cAAC,aAAKD,CAAU;AAAA,IAEhBC,gBAAAA,EAAA;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,MAAA;AAAA,MAEX;AAAA,IAED;AAAA,EAAA,IAKET,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWL,EAAA,GAAUI,CAAU;AAC7C;"}
+{"version":3,"file":"index.es33.js","sources":["../src/components/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import Breadcrumb, { BreadcrumbProps } from \"./Breadcrumb\";\r\n\r\nimport React from \"react\";\r\n\r\ninterface BreadcrumbsProps {\r\n  list: BreadcrumbProps[];\r\n}\r\n\r\ninterface CustomInlineStyles extends React.CSSProperties {\r\n  \"--counter\"?: number;\r\n}\r\n\r\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = ({ list }) => {\r\n  return (\r\n    <ul className=\"breadcrumbs space-y-2\">\r\n      {list.map((item, index) => (\r\n        <li\r\n          key={index}\r\n          style={{ \"--counter\": index + 1 } as CustomInlineStyles}\r\n        >\r\n          <Breadcrumb {...item} />\r\n        </li>\r\n      ))}\r\n    </ul>\r\n  );\r\n};\r\n\r\nexport default Breadcrumbs;\r\n"],"names":["Breadcrumbs","list","React","item","index","Breadcrumb"],"mappings":";;AAYA,MAAMA,IAA0C,CAAC,EAAE,MAAAC,QAE/CC,gBAAAA,EAAA,cAAC,QAAG,WAAU,wBAAA,GACXD,EAAK,IAAI,CAACE,GAAMC,MACfF,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAKE;AAAA,IACL,OAAO,EAAE,aAAaA,IAAQ,EAAE;AAAA,EAAA;AAAA,EAEhCF,gBAAAA,EAAA,cAACG,GAAY,EAAA,GAAGF,EAAM,CAAA;AAEzB,CAAA,CACH;"}

package/dist/index.es34.js

@@ -1,48 +1,88 @@
-import { Tag as b } from "./index.es17.js";
-import h from "./index.es6.js";
-import o from "./index.es23.js";
-import e from "react";
-import s from "./index.es24.js";
-import { cn as x } from "./index.es25.js";
-import { cva as y } from "class-variance-authority";
-import { getAdapter as N } from "./index.es9.js";
-const _ = ({
-  size: m,
-  tags: l,
-  link: n,
-  title: i,
-  desc: t,
-  className: c,
-  showDivider: p,
-  price: d,
-  oldPrice: a,
-  detailsText: v
+import e, { useState as p, useRef as N, useEffect as I } from "react";
+import { Button as m } from "./index.es2.js";
+import { Close16X16 as k } from "@iit/precision-ui-icons";
+import { Input as R } from "./index.es11.js";
+import { SearchIcon as S } from "lucide-react";
+import { cn as a } from "./index.es29.js";
+const B = ({
+  id: f,
+  placeholder: h,
+  className: v,
+  containerClassName: b,
+  value: r = "",
+  onChange: t,
+  onKeyDown: d,
+  onClickSubmitButton: g,
+  onClickClearButton: n,
+  withoutBottomBorder: y,
+  ...w
 }) => {
-  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",
+  const [o, s] = p(r), [i, u] = p(!1), l = N(null);
+  I(() => {
+    s(r);
+  }, [r]);
+  const x = (c) => {
+    s(c.target.value), t && t(c);
+  }, E = () => {
+    s(""), l.current && l.current.focus(), t && t({
+      target: { value: "" }
+    }), n && n();
+  };
+  return /* @__PURE__ */ e.createElement(
+    "div",
     {
-      variants: {
-        size: {
-          1: "sm:col-span-1",
-          2: "sm:col-span-2",
-          3: "sm:col-span-3"
-        }
-      },
-      defaultVariants: {
-        size: 1
-      }
-    }
-  ), u = N("LinkWrapper");
-  return /* @__PURE__ */ e.createElement(u, { href: n, className: x(f({ size: m, className: c })) }, /* @__PURE__ */ e.createElement("div", { "data-test-id": "content-container" }, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2" }, l.map((r, E) => /* @__PURE__ */ e.createElement(b, { key: E, variant: r.color }, r.title))), /* @__PURE__ */ e.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ e.createElement(o, { level: 5, className: "mt-6", as: "div" }, i), t && /* @__PURE__ */ e.createElement(s, { variant: "small-body", className: "text-navy-opacity-60" }, 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(
-    s,
-    {
-      variant: "caption",
-      className: "text-navy-opacity-40 line-through"
+      className: a("relative w-full max-w-2xl", b),
+      onMouseEnter: () => u(!0),
+      onMouseLeave: () => u(!1)
     },
-    a
-  ), /* @__PURE__ */ e.createElement(o, { level: 4, as: "div" }, d)), /* @__PURE__ */ e.createElement(h, { icon: "arrowRight" }, v || "Подробнее")));
+    /* @__PURE__ */ e.createElement(
+      R,
+      {
+        ref: l,
+        id: f,
+        placeholder: h,
+        className: a(
+          "w-full pl-8 pr-20 hover:bg-navy-opacity-4-absolute rounded-full bg-whitish h-14",
+          v,
+          y && "border-b border-transparent"
+        ),
+        value: o,
+        onChange: x,
+        onKeyDown: d,
+        ...w
+      }
+    ),
+    /* @__PURE__ */ e.createElement(
+      m,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: a(
+          "absolute right-14 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground p-0 hover:bg-navy group",
+          i ? "bg-white" : "bg-navy-opacity-8"
+        ),
+        onClick: E,
+        style: { display: o ? "block" : "none" }
+      },
+      /* @__PURE__ */ e.createElement(k, { className: "h-[10px] w-[10px] left-[5px] top-0 relative text-navy group-hover:text-whitish" }),
+      /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Очистить")
+    ),
+    /* @__PURE__ */ e.createElement(
+      m,
+      {
+        className: a(
+          "absolute right-2 top-1/2 -translate-y-1/2 text-navy h-10 w-10 hover:bg-navy group/submit disabled:pointer-events-auto active:transform active:scale-90",
+          i ? "bg-white" : "bg-navy-opacity-8"
+        ),
+        disabled: !o,
+        onClick: g || void 0
+      },
+      /* @__PURE__ */ e.createElement(S, { className: "h-4 w-4 group-hover/submit:text-whitish" })
+    )
+  );
 };
 export {
-  _ as default
+  B as default
 };
 //# sourceMappingURL=index.es34.js.map

package/dist/index.es34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es34.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\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        },\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\" as={'div'}>\r\n            {title}\r\n          </Heading>\r\n          {desc && (\r\n            <Text variant=\"small-body\" className=\"text-navy-opacity-60\">\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","cn","React","tag","index","Tag","Heading","Text","ButtonText"],"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,QACL;AAAA,MACF;AAAA,MACA,iBAAiB;AAAA,QACf,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EAAA,GAGIC,IAAcC,EAAW,aAAa;AAE5C,yCACGD,GAAY,EAAA,MAAMV,GAAM,WAAWY,EAAGJ,EAAW,EAAE,MAAAV,GAAM,WAAAK,EAAW,CAAA,CAAC,EAAA,GACnEU,gBAAAA,EAAA,cAAA,OAAA,EAAI,gBAAa,oBAChB,GAAAA,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,oBACZd,EAAK,IAAI,CAACe,GAAKC,MACbF,gBAAAA,EAAA,cAAAG,GAAA,EAAI,KAAKD,GAAO,SAASD,EAAI,MAAA,GAC3BA,EAAI,KACP,CACD,CACH,GACCD,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,eACbA,gBAAAA,EAAA,cAACI,GAAQ,EAAA,OAAO,GAAG,WAAU,QAAO,IAAI,MAAA,GACrChB,CACH,GACCC,KACEW,gBAAAA,EAAA,cAAAK,GAAA,EAAK,SAAQ,cAAa,WAAU,uBAClC,GAAAhB,CACH,CAEJ,CACF,GAECW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,gCACZ,GAAAT,KAAgBS,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,mCAAkC,mCAChE,OAAI,EAAA,WAAU,mCACZP,KACCO,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAETZ;AAAA,EAAA,GAGJO,gBAAAA,EAAA,cAAAI,GAAA,EAAQ,OAAO,GAAG,IAAI,MACpB,GAAAZ,CACH,CACF,mCACCc,GAAW,EAAA,MAAK,gBAAcZ,KAAe,WAAY,CAC5D,CACF;AAEJ;"}
+{"version":3,"file":"index.es34.js","sources":["../src/components/ui/input/SearchInputWithButton.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\r\n\r\nimport { Button } from \"../button\";\r\nimport { Close16X16 } from \"@iit/precision-ui-icons\";\r\nimport { Input } from \"@/components/ui/input\";\r\nimport { SearchIcon } from \"lucide-react\";\r\nimport { cn } from \"@/lib/utils/cn\";\r\n\r\ninterface SearchInputWithButtonProps {\r\n  id?: string;\r\n  placeholder?: string;\r\n  className?: string;\r\n  containerClassName?: string;\r\n  value?: string;\r\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\r\n  onClickSubmitButton?: () => void;\r\n  onClickClearButton?: () => void;\r\n  withoutBottomBorder?: boolean;\r\n}\r\n\r\nconst SearchInputWithButton: React.FC<SearchInputWithButtonProps> = ({\r\n  id,\r\n  placeholder,\r\n  className,\r\n  containerClassName,\r\n  value = \"\",\r\n  onChange,\r\n  onKeyDown,\r\n  onClickSubmitButton,\r\n  onClickClearButton,\r\n  withoutBottomBorder,\r\n  ...props\r\n}) => {\r\n  const [inputValue, setInputValue] = useState(value);\r\n  const [isHovered, setIsHovered] = useState(false); // Track hover state\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  useEffect(() => {\r\n    setInputValue(value);\r\n  }, [value]);\r\n\r\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setInputValue(event.target.value);\r\n    if (onChange) {\r\n      onChange(event);\r\n    }\r\n  };\r\n\r\n  const handleClearClick = () => {\r\n    setInputValue(\"\");\r\n    if (inputRef.current) {\r\n      inputRef.current.focus();\r\n    }\r\n    if (onChange) {\r\n      onChange({\r\n        target: { value: \"\" },\r\n      } as React.ChangeEvent<HTMLInputElement>);\r\n    }\r\n    if (onClickClearButton) {\r\n      onClickClearButton();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={cn(\"relative w-full max-w-2xl\", containerClassName)}\r\n      onMouseEnter={() => setIsHovered(true)}\r\n      onMouseLeave={() => setIsHovered(false)}\r\n    >\r\n      <Input\r\n        ref={inputRef}\r\n        id={id}\r\n        placeholder={placeholder}\r\n        className={cn(\r\n          \"w-full pl-8 pr-20 hover:bg-navy-opacity-4-absolute rounded-full bg-whitish h-14\",\r\n          className,\r\n          withoutBottomBorder && \"border-b border-transparent\"\r\n        )}\r\n        value={inputValue}\r\n        onChange={handleInputChange}\r\n        onKeyDown={onKeyDown}\r\n        {...props}\r\n      />\r\n      <Button\r\n        type=\"button\"\r\n        variant=\"ghost\"\r\n        size=\"icon\"\r\n        className={cn(\r\n          \"absolute right-14 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground p-0 hover:bg-navy group\",\r\n          isHovered ? \"bg-white\" : \"bg-navy-opacity-8\"\r\n        )}\r\n        onClick={handleClearClick}\r\n        style={{ display: inputValue ? \"block\" : \"none\" }}\r\n      >\r\n        <Close16X16 className=\"h-[10px] w-[10px] left-[5px] top-0 relative text-navy group-hover:text-whitish\" />\r\n        <span className=\"sr-only\">Очистить</span>\r\n      </Button>\r\n\r\n      <Button\r\n        className={cn(\r\n          \"absolute right-2 top-1/2 -translate-y-1/2 text-navy h-10 w-10 hover:bg-navy group/submit disabled:pointer-events-auto active:transform active:scale-90\",\r\n          isHovered ? \"bg-white\" : \"bg-navy-opacity-8\"\r\n        )}\r\n        disabled={!inputValue}\r\n        onClick={onClickSubmitButton || undefined}\r\n      >\r\n        <SearchIcon className=\"h-4 w-4 group-hover/submit:text-whitish\" />\r\n      </Button>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SearchInputWithButton;\r\n"],"names":["SearchInputWithButton","id","placeholder","className","containerClassName","value","onChange","onKeyDown","onClickSubmitButton","onClickClearButton","withoutBottomBorder","props","inputValue","setInputValue","useState","isHovered","setIsHovered","inputRef","useRef","useEffect","handleInputChange","event","handleClearClick","React","cn","Input","Button","Close16X16","SearchIcon"],"mappings":";;;;;;AAqBA,MAAMA,IAA8D,CAAC;AAAA,EACnE,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAST,CAAK,GAC5C,CAACU,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAC1CG,IAAWC,EAAyB,IAAI;AAE9C,EAAAC,EAAU,MAAM;AACd,IAAAN,EAAcR,CAAK;AAAA,EAAA,GAClB,CAACA,CAAK,CAAC;AAEJ,QAAAe,IAAoB,CAACC,MAA+C;AAC1D,IAAAR,EAAAQ,EAAM,OAAO,KAAK,GAC5Bf,KACFA,EAASe,CAAK;AAAA,EAChB,GAGIC,IAAmB,MAAM;AAC7B,IAAAT,EAAc,EAAE,GACZI,EAAS,WACXA,EAAS,QAAQ,SAEfX,KACOA,EAAA;AAAA,MACP,QAAQ,EAAE,OAAO,GAAG;AAAA,IAAA,CACkB,GAEtCG,KACiBA;EACrB;AAIA,SAAAc,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,6BAA6BpB,CAAkB;AAAA,MAC7D,cAAc,MAAMY,EAAa,EAAI;AAAA,MACrC,cAAc,MAAMA,EAAa,EAAK;AAAA,IAAA;AAAA,IAEtCO,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,IAAAhB;AAAA,QACA,aAAAC;AAAA,QACA,WAAWsB;AAAA,UACT;AAAA,UACArB;AAAA,UACAO,KAAuB;AAAA,QACzB;AAAA,QACA,OAAOE;AAAA,QACP,UAAUQ;AAAA,QACV,WAAAb;AAAA,QACC,GAAGI;AAAA,MAAA;AAAA,IACN;AAAA,IACAY,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAWF;AAAA,UACT;AAAA,UACAT,IAAY,aAAa;AAAA,QAC3B;AAAA,QACA,SAASO;AAAA,QACT,OAAO,EAAE,SAASV,IAAa,UAAU,OAAO;AAAA,MAAA;AAAA,MAEhDW,gBAAAA,EAAA,cAACI,GAAW,EAAA,WAAU,iFAAiF,CAAA;AAAA,MACtGJ,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAU,UAAQ;AAAA,IACpC;AAAA,IAEAA,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACAT,IAAY,aAAa;AAAA,QAC3B;AAAA,QACA,UAAU,CAACH;AAAA,QACX,SAASJ,KAAuB;AAAA,MAAA;AAAA,MAEhCe,gBAAAA,EAAA,cAACK,GAAW,EAAA,WAAU,0CAA0C,CAAA;AAAA,IAClE;AAAA,EAAA;AAGN;"}

package/dist/index.es35.js

@@ -1,40 +1,22 @@
-import { CarouselWrapper as m } from "./index.es40.js";
-import r from "react";
-import o from "./index.es24.js";
-const f = ({
-  items: t,
-  renderItem: s,
-  columns: l = 4,
-  showControlsOnDesktop: d = !1,
-  withoutCarousel: g = !0,
-  // TODO: add to props chain
-  footnote: c
-}) => {
-  const i = (e) => {
-    switch (e) {
-      case 1:
-        return "grid grid-cols-1 gap-3";
-      case 2:
-        return "grid grid-cols-1 sm:grid-cols-2 gap-3";
-      case 3:
-        return "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3";
-      case 4:
-        return "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3";
-      default:
-        return "grid grid-cols-1 gap-3";
-    }
-  };
-  return /* @__PURE__ */ r.createElement("div", null, g ? /* @__PURE__ */ r.createElement("div", { className: i(l) }, t.map((e, a) => /* @__PURE__ */ r.createElement(r.Fragment, { key: a }, s(e, a)))) : /* @__PURE__ */ r.createElement(
+import l from "./index.es26.js";
+import e from "react";
+import o from "./index.es17.js";
+import n from "./index.es27.js";
+import { getAdapter as i } from "./index.es9.js";
+const g = ({ title: t, desc: a, icon: r }) => {
+  const m = i("ImageWrapper");
+  return /* @__PURE__ */ e.createElement("div", { className: "p-6 bg-whitish rounded-lg h-full" }, /* @__PURE__ */ e.createElement("div", { className: "p-4 bg-turquoise-opacity-20 rounded-lg mb-12 inline-flex" }, /* @__PURE__ */ e.createElement(
     m,
     {
-      items: t,
-      renderItem: (e, a) => s(e, a),
-      columns: l,
-      showControlsOnDesktop: d
+      src: r,
+      alt: `Изображение для ${t}`,
+      width: 32,
+      height: 32,
+      className: "object-contain"
     }
-  ), c && /* @__PURE__ */ r.createElement("div", { className: "mt-6" }, /* @__PURE__ */ r.createElement(o, { variant: "small-body", as: "div" }, c)));
+  )), /* @__PURE__ */ e.createElement(l, { level: 5, className: "mb-2" }, t), a && /* @__PURE__ */ e.createElement(n, { variant: "small-body", className: "text-navy-opacity-60", as: "div" }, /* @__PURE__ */ e.createElement(o, { html: a })));
 };
 export {
-  f as default
+  g as default
 };
 //# sourceMappingURL=index.es35.js.map

package/dist/index.es35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es35.js","sources":["../src/components/GridIterator.tsx"],"sourcesContent":["import { CarouselWrapper } from '@/decorators/CarouselWrapper'\r\nimport React from 'react'\r\nimport Text from './core/typography/Text'\r\n\r\n// import { getAdapter } from '@/Adapters'\r\n\r\ninterface GridIteratorProps<T> {\r\n  items: T[]\r\n  renderItem: (item: T, index: number) => React.ReactNode\r\n  columns?: number\r\n  showControlsOnDesktop?: boolean\r\n  withoutCarousel?: boolean\r\n  footnote?: string\r\n}\r\n\r\nconst GridIterator = <T,>({\r\n  items,\r\n  renderItem,\r\n  columns = 4,\r\n  showControlsOnDesktop = false,\r\n  withoutCarousel = true, // TODO: add to props chain\r\n  footnote,\r\n}: GridIteratorProps<T>) => {\r\n  const getGridClasses = (columns: number) => {\r\n    switch (columns) {\r\n      case 1:\r\n        return 'grid grid-cols-1 gap-3'\r\n      case 2:\r\n        return 'grid grid-cols-1 sm:grid-cols-2 gap-3'\r\n      case 3:\r\n        return 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3'\r\n      case 4:\r\n        return 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3'\r\n      default:\r\n        return 'grid grid-cols-1 gap-3'\r\n    }\r\n  }\r\n  // const CarouselWrapper = getAdapter('CarouselWrapper')\r\n\r\n  return (\r\n    <div>\r\n      {withoutCarousel ? (\r\n        <div className={getGridClasses(columns)}>\r\n          {items.map((item, index) => (\r\n            <React.Fragment key={index}>\r\n              {renderItem(item, index)}\r\n            </React.Fragment>\r\n          ))}\r\n        </div>\r\n      ) : (\r\n        <CarouselWrapper\r\n          items={items}\r\n          // renderItem={renderItem}\r\n          renderItem={(item, index) => renderItem(item as T, index)}\r\n          columns={columns}\r\n          showControlsOnDesktop={showControlsOnDesktop}\r\n        />\r\n      )}\r\n\r\n      {footnote && (\r\n        <div className=\"mt-6\">\r\n          <Text variant=\"small-body\" as=\"div\">\r\n            {footnote}\r\n          </Text>\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default GridIterator\r\n"],"names":["GridIterator","items","renderItem","columns","showControlsOnDesktop","withoutCarousel","footnote","getGridClasses","React","item","index","CarouselWrapper","Text"],"mappings":";;;AAeA,MAAMA,IAAe,CAAK;AAAA,EACxB,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,uBAAAC,IAAwB;AAAA,EACxB,iBAAAC,IAAkB;AAAA;AAAA,EAClB,UAAAC;AACF,MAA4B;AACpB,QAAAC,IAAiB,CAACJ,MAAoB;AAC1C,YAAQA,GAAS;AAAA,MACf,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA;AAKA,SAAAK,gBAAAA,EAAA,cAAC,OACE,MAAAH,IACEG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWD,EAAeJ,CAAO,EAAA,GACnCF,EAAM,IAAI,CAACQ,GAAMC,MACfF,gBAAAA,EAAA,cAAAA,EAAM,UAAN,EAAe,KAAKE,EAAA,GAClBR,EAAWO,GAAMC,CAAK,CACzB,CACD,CACH,IAEAF,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,OAAAV;AAAA,MAEA,YAAY,CAACQ,GAAMC,MAAUR,EAAWO,GAAWC,CAAK;AAAA,MACxD,SAAAP;AAAA,MACA,uBAAAC;AAAA,IAAA;AAAA,EAAA,GAIHE,KACEE,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,OACb,GAAAA,gBAAAA,EAAA,cAACI,GAAK,EAAA,SAAQ,cAAa,IAAG,SAC3BN,CACH,CACF,CAEJ;AAEJ;"}
+{"version":3,"file":"index.es35.js","sources":["../src/components/cards/Advantage.tsx"],"sourcesContent":["import Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface AdvantageProps {\r\n  title: string\r\n  desc?: string\r\n  icon: string\r\n}\r\n\r\nconst Advantage: React.FC<AdvantageProps> = ({ title, desc, icon }) => {\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  return (\r\n    <div className=\"p-6 bg-whitish rounded-lg h-full\">\r\n      <div className=\"p-4 bg-turquoise-opacity-20 rounded-lg mb-12 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      <Heading level={5} className=\"mb-2\">\r\n        {title}\r\n      </Heading>\r\n      {desc && (\r\n        <Text variant=\"small-body\" className=\"text-navy-opacity-60\" as={'div'}>\r\n          <SafeHtmlRenderer html={desc} />\r\n        </Text>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Advantage\r\n"],"names":["Advantage","title","desc","icon","ImageWrapper","getAdapter","React","Heading","Text","SafeHtmlRenderer"],"mappings":";;;;;AAYA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,QAAW;AAC/D,QAAAC,IAAeC,EAAW,cAAc;AAE9C,yCACG,OAAI,EAAA,WAAU,sCACZC,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,2DACb,GAAAA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAEd,CAAA,GACAK,gBAAAA,EAAA,cAACC,GAAQ,EAAA,OAAO,GAAG,WAAU,OAAA,GAC1BN,CACH,GACCC,KACCI,gBAAAA,EAAA,cAACE,KAAK,SAAQ,cAAa,WAAU,wBAAuB,IAAI,MAAA,mCAC7DC,GAAiB,EAAA,MAAMP,EAAM,CAAA,CAChC,CAEJ;AAEJ;"}