@sberbusiness/triplex-next 1.33.0 → 1.35.0

package/components/Card/CardStatic.js

@@ -1,34 +1,34 @@
-import { jsx as i } from "react/jsx-runtime";
-import { CardContent as s } from "./components/CardContent/CardContent.js";
-import { CardMedia as e } from "./components/CardMedia.js";
-import { mapCardRoundingSizeToCssClass as C, mapCardThemeToCssClass as p } from "./utils.js";
-import { c } from "../../chunks/vendor-D5cfSbgz.js";
-import { c as n } from "../../chunks/Card.module-CHntSBGP.js";
-import { ECardRoundingSize as f, ECardTheme as l } from "./enums.js";
-const a = ({
-  children: r,
-  className: o,
-  roundingSize: m = f.MD,
-  theme: t = l.GENERAL,
-  ...d
-}) => /* @__PURE__ */ i(
+import { jsx } from "react/jsx-runtime";
+import { CardContent } from "./components/CardContent/CardContent.js";
+import { CardMedia } from "./components/CardMedia.js";
+import { mapCardRoundingSizeToCssClass, mapCardThemeToCssClass } from "./utils.js";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { c as cardStyles } from "../../chunks/Card.module-B4i6EAZJ.js";
+import { ECardRoundingSize, ECardTheme } from "./enums.js";
+const CardStatic = ({
+  children,
+  className,
+  roundingSize = ECardRoundingSize.MD,
+  theme = ECardTheme.GENERAL,
+  ...rest
+}) => /* @__PURE__ */ jsx(
   "div",
   {
-    className: c(
-      n.card,
-      p[t],
-      C[m],
-      o
+    className: clsx(
+      cardStyles.card,
+      mapCardThemeToCssClass[theme],
+      mapCardRoundingSizeToCssClass[roundingSize],
+      className
     ),
-    ...d,
-    "data-tx": "1.33.0",
-    children: r
+    ...rest,
+    "data-tx": "1.35.0",
+    children
   }
 );
-a.Content = s;
-a.Media = e;
-a.displayName = "CardStatic";
+CardStatic.Content = CardContent;
+CardStatic.Media = CardMedia;
+CardStatic.displayName = "CardStatic";
 export {
-  a as CardStatic
+  CardStatic
 };
 //# sourceMappingURL=CardStatic.js.map

package/components/Card/CardStatic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardStatic.js","sources":["../../../src/components/Card/CardStatic.tsx"],"sourcesContent":["import React from \"react\";\nimport { ICardProps } from \"@sberbusiness/triplex-next/components/Card/types\";\nimport { CardContent } from \"@sberbusiness/triplex-next/components/Card/components/CardContent/CardContent\";\nimport { CardMedia } from \"@sberbusiness/triplex-next/components/Card/components/CardMedia\";\nimport {\n    mapCardRoundingSizeToCssClass,\n    mapCardThemeToCssClass,\n} from \"@sberbusiness/triplex-next/components/Card/utils\";\nimport clsx from \"clsx\";\nimport cardStyles from \"./styles/Card.module.less\";\nimport { ECardRoundingSize, ECardTheme } from \"@sberbusiness/triplex-next/components/Card/enums\";\n\n/** Внутренние составляющие статичной карточки. */\ninterface ICardStaticComposition {\n    /** Контент карточки. */\n    Content: typeof CardContent;\n    /** Медийный элемент карточки. */\n    Media: typeof CardMedia;\n}\n\n/** Компонент \"Статичная карточка\". */\nexport const CardStatic: React.FC<ICardProps> & ICardStaticComposition = ({\n    children,\n    className,\n    roundingSize = ECardRoundingSize.MD,\n    theme = ECardTheme.GENERAL,\n    ...rest\n}) => (\n    <div\n        className={clsx(\n            cardStyles.card,\n            mapCardThemeToCssClass[theme],\n            mapCardRoundingSizeToCssClass[roundingSize],\n            className,\n        )}\n        {...rest}\n        data-tx={process.env.npm_package_version}\n    >\n        {children}\n    </div>\n);\n\nCardStatic.Content = CardContent;\nCardStatic.Media = CardMedia;\nCardStatic.displayName = \"CardStatic\";\n"],"names":[],"mappings":";;;;;;;AAqBO,MAAM,aAA4D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA,eAAe,kBAAkB;AAAA,EACjC,QAAQ,WAAW;AAAA,EACnB,GAAG;AACP,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW;AAAA,MACP,WAAW;AAAA,MACX,uBAAuB,KAAK;AAAA,MAC5B,8BAA8B,YAAY;AAAA,MAC1C;AAAA,IAAA;AAAA,IAEH,GAAG;AAAA,IACJ,WAAS;AAAA,IAER;AAAA,EAAA;AACL;AAGJ,WAAW,UAAU;AACrB,WAAW,QAAQ;AACnB,WAAW,cAAc;"}

package/components/Card/components/CardContent/CardContent.js

@@ -1,31 +1,32 @@
-import { jsx as m } from "react/jsx-runtime";
-import { CardContentBody as C } from "./components/CardContentBody.js";
-import { CardContentHeader as i } from "./components/CardContentHeader.js";
-import { CardContentFooter as s } from "./components/CardContentFooter.js";
-import { ECardContentPaddingSize as t } from "../../enums.js";
-import { c as p } from "../../../../chunks/vendor-D5cfSbgz.js";
-import { c as r } from "../../../../chunks/Card.module-CHntSBGP.js";
-const c = {
-  [t.MD]: r.paddingMD,
-  [t.SM]: r.paddingSM
-}, o = ({
-  children: a,
-  className: d,
-  paddingSize: n = t.MD,
-  ...e
-}) => /* @__PURE__ */ m(
+import { jsx } from "react/jsx-runtime";
+import { CardContentBody } from "./components/CardContentBody.js";
+import { CardContentHeader } from "./components/CardContentHeader.js";
+import { CardContentFooter } from "./components/CardContentFooter.js";
+import { ECardContentPaddingSize } from "../../enums.js";
+import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
+import { c as cardStyles } from "../../../../chunks/Card.module-B4i6EAZJ.js";
+const mapCardContentPaddingSizeToCssClass = {
+  [ECardContentPaddingSize.MD]: cardStyles.paddingMD,
+  [ECardContentPaddingSize.SM]: cardStyles.paddingSM
+};
+const CardContent = ({
+  children,
+  className,
+  paddingSize = ECardContentPaddingSize.MD,
+  ...rest
+}) => /* @__PURE__ */ jsx(
   "div",
   {
-    className: p(r.cardContent, c[n], d),
-    ...e,
-    children: a
+    className: clsx(cardStyles.cardContent, mapCardContentPaddingSizeToCssClass[paddingSize], className),
+    ...rest,
+    children
   }
 );
-o.Body = C;
-o.Header = i;
-o.Footer = s;
-o.displayName = "CardContent";
+CardContent.Body = CardContentBody;
+CardContent.Header = CardContentHeader;
+CardContent.Footer = CardContentFooter;
+CardContent.displayName = "CardContent";
 export {
-  o as CardContent
+  CardContent
 };
 //# sourceMappingURL=CardContent.js.map

package/components/Card/components/CardContent/CardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.js","sources":["../../../../../src/components/Card/components/CardContent/CardContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { CardContentBody } from \"@sberbusiness/triplex-next/components/Card/components/CardContent/components/CardContentBody\";\nimport { CardContentHeader } from \"@sberbusiness/triplex-next/components/Card/components/CardContent/components/CardContentHeader\";\nimport { CardContentFooter } from \"@sberbusiness/triplex-next/components/Card/components/CardContent/components/CardContentFooter\";\nimport { ECardContentPaddingSize } from \"@sberbusiness/triplex-next/components/Card/enums\";\nimport clsx from \"clsx\";\nimport cardStyles from \"../../styles/Card.module.less\";\n\n/** Внутренние составляющие компонента CardContent. */\nexport interface ICardContentComposition {\n    /** Тело карточки. */\n    Body: typeof CardContentBody;\n    /** Заголовок карточки. */\n    Header: typeof CardContentHeader;\n    /** Подвал карточки. */\n    Footer: typeof CardContentFooter;\n}\n\n/** Соответствие размера внутреннего отступа карточки стилевому классу. */\nconst mapCardContentPaddingSizeToCssClass = {\n    [ECardContentPaddingSize.MD]: cardStyles.paddingMD,\n    [ECardContentPaddingSize.SM]: cardStyles.paddingSM,\n};\n\n/** Свойства компонента CardContent. */\nexport interface ICardContentProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер внутреннего отступа контента карточки. */\n    paddingSize?: ECardContentPaddingSize;\n}\n\n/** Контент карточки. */\nexport const CardContent: React.FC<ICardContentProps> & ICardContentComposition = ({\n    children,\n    className,\n    paddingSize = ECardContentPaddingSize.MD,\n    ...rest\n}) => (\n    <div\n        className={clsx(cardStyles.cardContent, mapCardContentPaddingSizeToCssClass[paddingSize], className)}\n        {...rest}\n    >\n        {children}\n    </div>\n);\n\nCardContent.Body = CardContentBody;\nCardContent.Header = CardContentHeader;\nCardContent.Footer = CardContentFooter;\nCardContent.displayName = \"CardContent\";\n"],"names":[],"mappings":";;;;;;;AAmBA,MAAM,sCAAsC;AAAA,EACxC,CAAC,wBAAwB,EAAE,GAAG,WAAW;AAAA,EACzC,CAAC,wBAAwB,EAAE,GAAG,WAAW;AAC7C;AASO,MAAM,cAAqE,CAAC;AAAA,EAC/E;AAAA,EACA;AAAA,EACA,cAAc,wBAAwB;AAAA,EACtC,GAAG;AACP,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,KAAK,WAAW,aAAa,oCAAoC,WAAW,GAAG,SAAS;AAAA,IAClG,GAAG;AAAA,IAEH;AAAA,EAAA;AACL;AAGJ,YAAY,OAAO;AACnB,YAAY,SAAS;AACrB,YAAY,SAAS;AACrB,YAAY,cAAc;"}

package/components/Card/components/CardContent/components/CardContentBody.js

@@ -1,9 +1,9 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as d } from "../../../../../chunks/vendor-D5cfSbgz.js";
-import { c as s } from "../../../../../chunks/Card.module-CHntSBGP.js";
-const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: d(s.cardContentBody, t), ...r, children: o });
-m.displayName = "CardContentBody";
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../../../chunks/vendor-Bco_z_Yi.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-B4i6EAZJ.js";
+const CardContentBody = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentBody, className), ...rest, children });
+CardContentBody.displayName = "CardContentBody";
 export {
-  m as CardContentBody
+  CardContentBody
 };
 //# sourceMappingURL=CardContentBody.js.map

package/components/Card/components/CardContent/components/CardContentBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContentBody.js","sources":["../../../../../../src/components/Card/components/CardContent/components/CardContentBody.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport cardStyles from \"../../../styles/Card.module.less\";\n\n/** Свойства компонента CardContentBody. */\ninterface ICardContentBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Тело контента карточки. */\nexport const CardContentBody: React.FC<ICardContentBodyProps> = ({ children, className, ...rest }) => (\n    <div className={clsx(cardStyles.cardContentBody, className)} {...rest}>\n        {children}\n    </div>\n);\n\nCardContentBody.displayName = \"CardContentBody\";\n"],"names":[],"mappings":";;;AAQO,MAAM,kBAAmD,CAAC,EAAE,UAAU,WAAW,GAAG,WACvF,oBAAC,OAAA,EAAI,WAAW,KAAK,WAAW,iBAAiB,SAAS,GAAI,GAAG,MAC5D,SAAA,CACL;AAGJ,gBAAgB,cAAc;"}

package/components/Card/components/CardContent/components/CardContentFooter.js

@@ -1,9 +1,9 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as e } from "../../../../../chunks/vendor-D5cfSbgz.js";
-import { c as s } from "../../../../../chunks/Card.module-CHntSBGP.js";
-const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: e(s.cardContentFooter, t), ...r, children: o });
-m.displayName = "CardContentFooter";
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../../../chunks/vendor-Bco_z_Yi.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-B4i6EAZJ.js";
+const CardContentFooter = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentFooter, className), ...rest, children });
+CardContentFooter.displayName = "CardContentFooter";
 export {
-  m as CardContentFooter
+  CardContentFooter
 };
 //# sourceMappingURL=CardContentFooter.js.map

package/components/Card/components/CardContent/components/CardContentFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContentFooter.js","sources":["../../../../../../src/components/Card/components/CardContent/components/CardContentFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport cardStyles from \"../../../styles/Card.module.less\";\n\n/** Свойства компонента CardContentFooter. */\ninterface ICardContentFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Подвал контента карточки. */\nexport const CardContentFooter: React.FC<ICardContentFooterProps> = ({ children, className, ...rest }) => (\n    <div className={clsx(cardStyles.cardContentFooter, className)} {...rest}>\n        {children}\n    </div>\n);\n\nCardContentFooter.displayName = \"CardContentFooter\";\n"],"names":[],"mappings":";;;AAQO,MAAM,oBAAuD,CAAC,EAAE,UAAU,WAAW,GAAG,WAC3F,oBAAC,OAAA,EAAI,WAAW,KAAK,WAAW,mBAAmB,SAAS,GAAI,GAAG,MAC9D,SAAA,CACL;AAGJ,kBAAkB,cAAc;"}

package/components/Card/components/CardContent/components/CardContentHeader.js

@@ -1,9 +1,9 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../../../../chunks/vendor-D5cfSbgz.js";
-import { c as d } from "../../../../../chunks/Card.module-CHntSBGP.js";
-const s = ({ children: r, className: a, ...e }) => /* @__PURE__ */ t("div", { className: o(d.cardContentHeader, a), ...e, children: r });
-s.displayName = "CardContentHeader";
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../../../chunks/vendor-Bco_z_Yi.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-B4i6EAZJ.js";
+const CardContentHeader = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentHeader, className), ...rest, children });
+CardContentHeader.displayName = "CardContentHeader";
 export {
-  s as CardContentHeader
+  CardContentHeader
 };
 //# sourceMappingURL=CardContentHeader.js.map

package/components/Card/components/CardContent/components/CardContentHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContentHeader.js","sources":["../../../../../../src/components/Card/components/CardContent/components/CardContentHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport cardStyles from \"../../../styles/Card.module.less\";\n\n/** Свойства CardContentHeader. */\ninterface ICardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Заголовок контента карточки. */\nexport const CardContentHeader: React.FC<ICardHeaderProps> = ({ children, className, ...rest }) => (\n    <div className={clsx(cardStyles.cardContentHeader, className)} {...rest}>\n        {children}\n    </div>\n);\n\nCardContentHeader.displayName = \"CardContentHeader\";\n"],"names":[],"mappings":";;;AAQO,MAAM,oBAAgD,CAAC,EAAE,UAAU,WAAW,GAAG,WACpF,oBAAC,OAAA,EAAI,WAAW,KAAK,WAAW,mBAAmB,SAAS,GAAI,GAAG,MAC9D,SAAA,CACL;AAGJ,kBAAkB,cAAc;"}

package/components/Card/components/CardMedia.js

@@ -1,12 +1,12 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-D5cfSbgz.js";
-import { c as m } from "../../../chunks/Card.module-CHntSBGP.js";
-const o = ({ children: a, className: r, ...s }) => {
-  const c = e(m.cardMedia, r);
-  return /* @__PURE__ */ d("div", { className: c, ...s, children: a });
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { c as cardStyles } from "../../../chunks/Card.module-B4i6EAZJ.js";
+const CardMedia = ({ children, className, ...attributes }) => {
+  const classNames = clsx(cardStyles.cardMedia, className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, ...attributes, children });
 };
-o.displayName = "CardMedia";
+CardMedia.displayName = "CardMedia";
 export {
-  o as CardMedia
+  CardMedia
 };
 //# sourceMappingURL=CardMedia.js.map

package/components/Card/components/CardMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardMedia.js","sources":["../../../../src/components/Card/components/CardMedia.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport cardStyles from \"../styles/Card.module.less\";\n\n/** Свойства компонента CardMedia. */\nexport interface ICardMediaProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Медийный элемент карточки. */\nexport const CardMedia: React.FC<ICardMediaProps> = ({ children, className, ...attributes }) => {\n    const classNames = clsx(cardStyles.cardMedia, className);\n\n    return (\n        <div className={classNames} {...attributes}>\n            {children}\n        </div>\n    );\n};\n\nCardMedia.displayName = \"CardMedia\";\n"],"names":[],"mappings":";;;AAQO,MAAM,YAAuC,CAAC,EAAE,UAAU,WAAW,GAAG,iBAAiB;AAC5F,QAAM,aAAa,KAAK,WAAW,WAAW,SAAS;AAEvD,6BACK,OAAA,EAAI,WAAW,YAAa,GAAG,YAC3B,UACL;AAER;AAEA,UAAU,cAAc;"}

package/components/Card/enums.js

@@ -1,7 +1,21 @@
-var M = /* @__PURE__ */ ((r) => (r.MD = "md", r.SM = "sm", r))(M || {}), m = /* @__PURE__ */ ((r) => (r.MD = "md", r.SM = "sm", r))(m || {}), s = /* @__PURE__ */ ((r) => (r.GENERAL = "general", r.SECONDARY = "secondary", r))(s || {});
+var ECardContentPaddingSize = /* @__PURE__ */ ((ECardContentPaddingSize2) => {
+  ECardContentPaddingSize2["MD"] = "md";
+  ECardContentPaddingSize2["SM"] = "sm";
+  return ECardContentPaddingSize2;
+})(ECardContentPaddingSize || {});
+var ECardRoundingSize = /* @__PURE__ */ ((ECardRoundingSize2) => {
+  ECardRoundingSize2["MD"] = "md";
+  ECardRoundingSize2["SM"] = "sm";
+  return ECardRoundingSize2;
+})(ECardRoundingSize || {});
+var ECardTheme = /* @__PURE__ */ ((ECardTheme2) => {
+  ECardTheme2["GENERAL"] = "general";
+  ECardTheme2["SECONDARY"] = "secondary";
+  return ECardTheme2;
+})(ECardTheme || {});
 export {
-  M as ECardContentPaddingSize,
-  m as ECardRoundingSize,
-  s as ECardTheme
+  ECardContentPaddingSize,
+  ECardRoundingSize,
+  ECardTheme
 };
 //# sourceMappingURL=enums.js.map

package/components/Card/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/Card/enums.ts"],"sourcesContent":["/** Возможные размеры внутреннего отступа. */\nexport enum ECardContentPaddingSize {\n    MD = \"md\",\n    SM = \"sm\",\n}\n\n/** Возможные размеры скругления карточки. */\nexport enum ECardRoundingSize {\n    MD = \"md\",\n    SM = \"sm\",\n}\n\n/** Темы карточки */\nexport enum ECardTheme {\n    GENERAL = \"general\",\n    SECONDARY = \"secondary\",\n}\n"],"names":["ECardContentPaddingSize","ECardRoundingSize","ECardTheme"],"mappings":"AACO,IAAK,4CAAAA,6BAAL;AACHA,2BAAA,IAAA,IAAK;AACLA,2BAAA,IAAA,IAAK;AAFG,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;AAML,IAAK,sCAAAC,uBAAL;AACHA,qBAAA,IAAA,IAAK;AACLA,qBAAA,IAAA,IAAK;AAFG,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAML,IAAK,+BAAAC,gBAAL;AACHA,cAAA,SAAA,IAAU;AACVA,cAAA,WAAA,IAAY;AAFJ,SAAAA;AAAA,GAAA,cAAA,CAAA,CAAA;"}

package/components/Card/index.js

@@ -1,11 +1,11 @@
-import { CardAction as d } from "./CardAction.js";
-import { CardStatic as t } from "./CardStatic.js";
-import { ECardContentPaddingSize as i, ECardRoundingSize as n, ECardTheme as C } from "./enums.js";
+import { CardAction } from "./CardAction.js";
+import { CardStatic } from "./CardStatic.js";
+import { ECardContentPaddingSize, ECardRoundingSize, ECardTheme } from "./enums.js";
 export {
-  d as CardAction,
-  t as CardStatic,
-  i as ECardContentPaddingSize,
-  n as ECardRoundingSize,
-  C as ECardTheme
+  CardAction,
+  CardStatic,
+  ECardContentPaddingSize,
+  ECardRoundingSize,
+  ECardTheme
 };
 //# sourceMappingURL=index.js.map

package/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/components/Card/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Card/utils.js

@@ -1,14 +1,15 @@
-import { ECardRoundingSize as r, ECardTheme as s } from "./enums.js";
-import { c as o } from "../../chunks/Card.module-CHntSBGP.js";
-const e = {
-  [r.MD]: o.roundingMD,
-  [r.SM]: o.roundingSM
-}, d = {
-  [s.GENERAL]: o.general,
-  [s.SECONDARY]: o.secondary
+import { ECardRoundingSize, ECardTheme } from "./enums.js";
+import { c as cardStyles } from "../../chunks/Card.module-B4i6EAZJ.js";
+const mapCardRoundingSizeToCssClass = {
+  [ECardRoundingSize.MD]: cardStyles.roundingMD,
+  [ECardRoundingSize.SM]: cardStyles.roundingSM
+};
+const mapCardThemeToCssClass = {
+  [ECardTheme.GENERAL]: cardStyles.general,
+  [ECardTheme.SECONDARY]: cardStyles.secondary
 };
 export {
-  e as mapCardRoundingSizeToCssClass,
-  d as mapCardThemeToCssClass
+  mapCardRoundingSizeToCssClass,
+  mapCardThemeToCssClass
 };
 //# sourceMappingURL=utils.js.map

package/components/Card/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/Card/utils.ts"],"sourcesContent":["import { ECardRoundingSize, ECardTheme } from \"@sberbusiness/triplex-next/components/Card/enums\";\nimport cardStyles from \"./styles/Card.module.less\";\n\n/** Соответствие типа скругления карточки стилевому классу. */\nexport const mapCardRoundingSizeToCssClass = {\n    [ECardRoundingSize.MD]: cardStyles.roundingMD,\n    [ECardRoundingSize.SM]: cardStyles.roundingSM,\n};\n\n/** Соответствие темы карточки стилевому классу.  */\nexport const mapCardThemeToCssClass = {\n    [ECardTheme.GENERAL]: cardStyles.general,\n    [ECardTheme.SECONDARY]: cardStyles.secondary,\n};\n"],"names":[],"mappings":";;AAIO,MAAM,gCAAgC;AAAA,EACzC,CAAC,kBAAkB,EAAE,GAAG,WAAW;AAAA,EACnC,CAAC,kBAAkB,EAAE,GAAG,WAAW;AACvC;AAGO,MAAM,yBAAyB;AAAA,EAClC,CAAC,WAAW,OAAO,GAAG,WAAW;AAAA,EACjC,CAAC,WAAW,SAAS,GAAG,WAAW;AACvC;"}

package/components/CarouselExtended/CarouselExtended.js

@@ -1,48 +1,68 @@
-import { jsxs as p, jsx as b } from "react/jsx-runtime";
-import C, { useState as w, useRef as D, useCallback as L, useEffect as n } from "react";
-import { l as M, c as S } from "../../chunks/vendor-D5cfSbgz.js";
-import { scrollSmoothHorizontally as a } from "../../utils/scroll.js";
-const R = "carouselExtended__604d0aab", k = {
-  carouselExtended: R
-}, y = C.forwardRef(
-  ({ children: l, buttonPrev: c, buttonNext: i, stepPrev: u, stepNext: f, ...h }, s) => {
-    const [o, m] = w({ hidden: !0, nextDisabled: !1, prevDisabled: !0 }), r = D(null), t = L(() => {
-      const e = r.current, d = {
-        hidden: e.scrollWidth == e.clientWidth,
-        nextDisabled: Math.round(e.scrollLeft) + e.offsetWidth >= e.scrollWidth,
-        prevDisabled: Math.round(e.scrollLeft) <= 0
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { useState, useRef, useCallback, useEffect } from "react";
+import { l as lodashExports, c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { scrollSmoothHorizontally } from "../../utils/scroll.js";
+const carouselExtended = "carouselExtended__3ce4ef65";
+const styles = {
+  carouselExtended
+};
+const CarouselExtended = React__default.forwardRef(
+  ({ children, buttonPrev, buttonNext, stepPrev, stepNext, ...htmlDivAttributes }, ref) => {
+    const [controlsState, setControlsState] = useState({ hidden: true, nextDisabled: false, prevDisabled: true });
+    const carouselRef = useRef(null);
+    const checkControls = useCallback(() => {
+      const carousel = carouselRef.current;
+      const newState = {
+        hidden: carousel.scrollWidth == carousel.clientWidth,
+        nextDisabled: Math.round(carousel.scrollLeft) + carousel.offsetWidth >= carousel.scrollWidth,
+        prevDisabled: Math.round(carousel.scrollLeft) <= 0
+      };
+      if (lodashExports.isEqual(newState, controlsState) == false) {
+        setControlsState(newState);
+      }
+    }, [controlsState]);
+    useEffect(() => {
+      window.addEventListener("resize", checkControls);
+      document.addEventListener("scroll", checkControls);
+      return () => {
+        window.removeEventListener("resize", checkControls);
+        document.removeEventListener("scroll", checkControls);
       };
-      M.isEqual(d, o) == !1 && m(d);
-    }, [o]);
-    n(() => (window.addEventListener("resize", t), document.addEventListener("scroll", t), () => {
-      window.removeEventListener("resize", t), document.removeEventListener("scroll", t);
-    }), [t]), n(() => {
-      t();
-    }, [l, t]);
-    const x = () => {
-      a(r.current, Math.floor(-u));
-    }, v = () => {
-      a(r.current, Math.ceil(f));
-    }, E = (e) => {
-      r.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
+    }, [checkControls]);
+    useEffect(() => {
+      checkControls();
+    }, [children, checkControls]);
+    const handleMovePrev = () => {
+      scrollSmoothHorizontally(carouselRef.current, Math.floor(-stepPrev));
+    };
+    const handleMoveNext = () => {
+      scrollSmoothHorizontally(carouselRef.current, Math.ceil(stepNext));
+    };
+    const setRef = (instance) => {
+      carouselRef.current = instance;
+      if (typeof ref === "function") {
+        ref(instance);
+      } else if (ref) {
+        ref.current = instance;
+      }
     };
-    return /* @__PURE__ */ p("div", { ...h, children: [
-      c({
-        disabled: o.prevDisabled,
-        hidden: o.hidden,
-        onClick: x
+    return /* @__PURE__ */ jsxs("div", { ...htmlDivAttributes, children: [
+      buttonPrev({
+        disabled: controlsState.prevDisabled,
+        hidden: controlsState.hidden,
+        onClick: handleMovePrev
       }),
-      /* @__PURE__ */ b("div", { className: S(k.carouselExtended), onScroll: t, ref: E, children: l }),
-      i({
-        disabled: o.nextDisabled,
-        hidden: o.hidden,
-        onClick: v
+      /* @__PURE__ */ jsx("div", { className: clsx(styles.carouselExtended), onScroll: checkControls, ref: setRef, children }),
+      buttonNext({
+        disabled: controlsState.nextDisabled,
+        hidden: controlsState.hidden,
+        onClick: handleMoveNext
       })
     ] });
   }
 );
-y.displayName = "CarouselExtended";
+CarouselExtended.displayName = "CarouselExtended";
 export {
-  y as CarouselExtended
+  CarouselExtended
 };
 //# sourceMappingURL=CarouselExtended.js.map

package/components/CarouselExtended/CarouselExtended.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselExtended.js","sources":["../../../src/components/CarouselExtended/CarouselExtended.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from \"react\";\nimport { isEqual } from \"lodash\";\nimport { scrollSmoothHorizontally } from \"../../utils/scroll\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/CarouselExtended.module.less\";\n\nexport interface ICarouselExtendedButtonProvideProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\n/** Свойства компонента CarouselExtended. */\nexport interface ICarouselExtendedProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Рендер-функция кнопки \"Назад\". */\n    buttonPrev: (props: ICarouselExtendedButtonProvideProps) => React.ReactNode;\n    /** Рендер-функция кнопки \"Вперёд\". */\n    buttonNext: (props: ICarouselExtendedButtonProvideProps) => React.ReactNode;\n    /** Величина (px) прокрутки при клике на кнопку \"Назад\". */\n    stepPrev: number;\n    /** Величина (px) прокрутки при клике на кнопку \"Вперёд\". */\n    stepNext: number;\n}\n\n/** Карусель. */\nexport const CarouselExtended = React.forwardRef<HTMLDivElement, ICarouselExtendedProps>(\n    ({ children, buttonPrev, buttonNext, stepPrev, stepNext, ...htmlDivAttributes }, ref) => {\n        const [controlsState, setControlsState] = useState({ hidden: true, nextDisabled: false, prevDisabled: true });\n        const carouselRef = useRef<HTMLDivElement | null>(null);\n\n        /** Функция, контролирующая состояние кнопок. */\n        const checkControls = useCallback((): void => {\n            const carousel = carouselRef.current!;\n            const newState = {\n                hidden: carousel.scrollWidth == carousel.clientWidth,\n                nextDisabled: Math.round(carousel.scrollLeft) + carousel.offsetWidth >= carousel.scrollWidth,\n                prevDisabled: Math.round(carousel.scrollLeft) <= 0,\n            };\n\n            if (isEqual(newState, controlsState) == false) {\n                setControlsState(newState);\n            }\n        }, [controlsState]);\n\n        useEffect(() => {\n            window.addEventListener(\"resize\", checkControls);\n            document.addEventListener(\"scroll\", checkControls);\n\n            return () => {\n                window.removeEventListener(\"resize\", checkControls);\n                document.removeEventListener(\"scroll\", checkControls);\n            };\n        }, [checkControls]);\n\n        useEffect(() => {\n            checkControls();\n        }, [children, checkControls]);\n\n        /** Обработчик клика по кнопке \"Назад\". */\n        const handleMovePrev = (): void => {\n            scrollSmoothHorizontally(carouselRef.current!, Math.floor(-stepPrev));\n        };\n\n        /** Обработчик клика по кнопке \"Вперёд\". */\n        const handleMoveNext = (): void => {\n            scrollSmoothHorizontally(carouselRef.current!, Math.ceil(stepNext));\n        };\n\n        /** Функция для хранения ссылки. */\n        const setRef = (instance: HTMLDivElement | null) => {\n            carouselRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        return (\n            <div {...htmlDivAttributes}>\n                {/* eslint-disable-next-line react-hooks/refs */}\n                {buttonPrev({\n                    disabled: controlsState.prevDisabled,\n                    hidden: controlsState.hidden,\n                    onClick: handleMovePrev,\n                })}\n                <div className={clsx(styles.carouselExtended)} onScroll={checkControls} ref={setRef}>\n                    {children}\n                </div>\n                {/* eslint-disable-next-line react-hooks/refs */}\n                {buttonNext({\n                    disabled: controlsState.nextDisabled,\n                    hidden: controlsState.hidden,\n                    onClick: handleMoveNext,\n                })}\n            </div>\n        );\n    },\n);\n\nCarouselExtended.displayName = \"CarouselExtended\";\n"],"names":["React","isEqual"],"mappings":";;;;;;;;AAqBO,MAAM,mBAAmBA,eAAM;AAAA,EAClC,CAAC,EAAE,UAAU,YAAY,YAAY,UAAU,UAAU,GAAG,kBAAA,GAAqB,QAAQ;AACrF,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,EAAE,QAAQ,MAAM,cAAc,OAAO,cAAc,KAAA,CAAM;AAC5G,UAAM,cAAc,OAA8B,IAAI;AAGtD,UAAM,gBAAgB,YAAY,MAAY;AAC1C,YAAM,WAAW,YAAY;AAC7B,YAAM,WAAW;AAAA,QACb,QAAQ,SAAS,eAAe,SAAS;AAAA,QACzC,cAAc,KAAK,MAAM,SAAS,UAAU,IAAI,SAAS,eAAe,SAAS;AAAA,QACjF,cAAc,KAAK,MAAM,SAAS,UAAU,KAAK;AAAA,MAAA;AAGrD,UAAIC,sBAAQ,UAAU,aAAa,KAAK,OAAO;AAC3C,yBAAiB,QAAQ;AAAA,MAC7B;AAAA,IACJ,GAAG,CAAC,aAAa,CAAC;AAElB,cAAU,MAAM;AACZ,aAAO,iBAAiB,UAAU,aAAa;AAC/C,eAAS,iBAAiB,UAAU,aAAa;AAEjD,aAAO,MAAM;AACT,eAAO,oBAAoB,UAAU,aAAa;AAClD,iBAAS,oBAAoB,UAAU,aAAa;AAAA,MACxD;AAAA,IACJ,GAAG,CAAC,aAAa,CAAC;AAElB,cAAU,MAAM;AACZ,oBAAA;AAAA,IACJ,GAAG,CAAC,UAAU,aAAa,CAAC;AAG5B,UAAM,iBAAiB,MAAY;AAC/B,+BAAyB,YAAY,SAAU,KAAK,MAAM,CAAC,QAAQ,CAAC;AAAA,IACxE;AAGA,UAAM,iBAAiB,MAAY;AAC/B,+BAAyB,YAAY,SAAU,KAAK,KAAK,QAAQ,CAAC;AAAA,IACtE;AAGA,UAAM,SAAS,CAAC,aAAoC;AAChD,kBAAY,UAAU;AACtB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACZ,YAAI,UAAU;AAAA,MAClB;AAAA,IACJ;AAEA,WACI,qBAAC,OAAA,EAAK,GAAG,mBAEJ,UAAA;AAAA,MAAA,WAAW;AAAA,QACR,UAAU,cAAc;AAAA,QACxB,QAAQ,cAAc;AAAA,QACtB,SAAS;AAAA,MAAA,CACZ;AAAA,MACD,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,gBAAgB,GAAG,UAAU,eAAe,KAAK,QACxE,SAAA,CACL;AAAA,MAEC,WAAW;AAAA,QACR,UAAU,cAAc;AAAA,QACxB,QAAQ,cAAc;AAAA,QACtB,SAAS;AAAA,MAAA,CACZ;AAAA,IAAA,GACL;AAAA,EAER;AACJ;AAEA,iBAAiB,cAAc;"}

package/components/CarouselExtended/index.js

@@ -1,5 +1,5 @@
-import { CarouselExtended as r } from "./CarouselExtended.js";
+import { CarouselExtended } from "./CarouselExtended.js";
 export {
-  r as CarouselExtended
+  CarouselExtended
 };
 //# sourceMappingURL=index.js.map

package/components/CarouselExtended/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Checkbox/Checkbox.js

@@ -1,56 +1,71 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import N from "react";
-import { c as l } from "../../chunks/vendor-D5cfSbgz.js";
-import { CheckboxbulkStrokeSrvIcon24 as S, CheckboxtickStrokeSrvIcon24 as C } from "@sberbusiness/icons-next";
-import { ETextSize as n } from "../Typography/enums.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { CheckboxbulkStrokeSrvIcon24, CheckboxtickStrokeSrvIcon24 } from "@sberbusiness/icons-next";
+import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
-import { Text as u } from "../Typography/Text.js";
+import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { EComponentSize as s } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as y } from "../../utils/classNameMaps.js";
-const E = "label__b51590b5", M = "sm__b8e6aba9", T = "nonempty__d8ab4393", z = "md__3f5c2206", g = "lg__5ee54080", A = "disabled__ef99418e", v = "checkbox__13567ce3", B = "checkboxIcon__3ebd9ffa", L = "checkmarkIcon__8cc4b6ab", c = {
-  label: E,
-  sm: M,
-  nonempty: T,
-  md: z,
-  lg: g,
-  disabled: A,
-  checkbox: v,
-  checkboxIcon: B,
-  checkmarkIcon: L
-}, Z = {
-  [s.LG]: n.B2,
-  [s.MD]: n.B3,
-  [s.SM]: n.B4
-}, b = y(c), j = N.forwardRef((i, k) => {
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
+const label = "label__2d0174ee";
+const sm = "sm__4aae06fe";
+const nonempty = "nonempty__59c1050e";
+const md = "md__c07c552e";
+const lg = "lg__ad55c43d";
+const disabled = "disabled__6a0e2c8d";
+const checkbox = "checkbox__ca4d5d88";
+const checkboxIcon = "checkboxIcon__fa3f147f";
+const checkmarkIcon = "checkmarkIcon__ce0328a6";
+const styles = {
+  label,
+  sm,
+  nonempty,
+  md,
+  lg,
+  disabled,
+  checkbox,
+  checkboxIcon,
+  checkmarkIcon
+};
+const SIZE_TO_TEXT_SIZE_MAP = {
+  [EComponentSize.LG]: ETextSize.B2,
+  [EComponentSize.MD]: ETextSize.B3,
+  [EComponentSize.SM]: ETextSize.B4
+};
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
+const Checkbox = React__default.forwardRef((props, ref) => {
   const {
-    children: a,
-    className: _,
-    disabled: m,
-    bulk: d,
-    labelAttributes: o,
-    size: t = s.MD,
-    ...p
-  } = i, x = l(c.checkbox, b[t]), h = l(
-    c.label,
-    b[t],
-    { [c.disabled]: !!m, [c.nonempty]: !!a },
-    _,
-    o == null ? void 0 : o.className
-  ), I = () => {
-    const r = c.checkmarkIcon;
-    return d ? /* @__PURE__ */ e(S, { className: r, paletteIndex: 7 }) : /* @__PURE__ */ e(C, { className: r, paletteIndex: 7 });
+    children,
+    className,
+    disabled: disabled2,
+    bulk,
+    labelAttributes,
+    size = EComponentSize.MD,
+    ...inputAttributes
+  } = props;
+  const classNames = clsx(styles.checkbox, SIZE_TO_CLASS_NAME_MAP[size]);
+  const classNamesLabel = clsx(
+    styles.label,
+    SIZE_TO_CLASS_NAME_MAP[size],
+    { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
+    className,
+    labelAttributes == null ? void 0 : labelAttributes.className
+  );
+  const renderCheckmarkIcon = () => {
+    const className2 = styles.checkmarkIcon;
+    return bulk ? /* @__PURE__ */ jsx(CheckboxbulkStrokeSrvIcon24, { className: className2, paletteIndex: 7 }) : /* @__PURE__ */ jsx(CheckboxtickStrokeSrvIcon24, { className: className2, paletteIndex: 7 });
   };
-  return /* @__PURE__ */ f("label", { ...o, className: h, "data-tx": "1.33.0", children: [
-    /* @__PURE__ */ e("input", { type: "checkbox", className: x, disabled: m, ...p, ref: k }),
-    /* @__PURE__ */ e("span", { className: c.checkboxIcon }),
-    I(),
-    a && /* @__PURE__ */ e(u, { size: Z[t], tag: "div", children: a })
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "1.35.0", children: [
+    /* @__PURE__ */ jsx("input", { type: "checkbox", className: classNames, disabled: disabled2, ...inputAttributes, ref }),
+    /* @__PURE__ */ jsx("span", { className: styles.checkboxIcon }),
+    renderCheckmarkIcon(),
+    children && /* @__PURE__ */ jsx(Text, { size: SIZE_TO_TEXT_SIZE_MAP[size], tag: "div", children })
   ] });
 });
-j.displayName = "Checkbox";
+Checkbox.displayName = "Checkbox";
 export {
-  j as Checkbox
+  Checkbox
 };
 //# sourceMappingURL=Checkbox.js.map

package/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { CheckboxbulkStrokeSrvIcon24, CheckboxtickStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { ETextSize, Text } from \"../Typography\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport styles from \"./styles/Checkbox.module.less\";\n\n/** Свойства компонента Checkbox. */\nexport interface ICheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\"> {\n    /** Объект label-атрибутов. */\n    labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;\n    /** Признак частичного типа выбора. */\n    bulk?: boolean;\n    /** Размер чекбокса. */\n    size?: EComponentSize;\n    /** Контент лейбла чекбокса. */\n    children?: React.ReactNode;\n}\n\nconst SIZE_TO_TEXT_SIZE_MAP: Record<EComponentSize, ETextSize> = {\n    [EComponentSize.LG]: ETextSize.B2,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.SM]: ETextSize.B4,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Чекбокс с описанием. */\nexport const Checkbox = React.forwardRef<HTMLInputElement, ICheckboxProps>((props, ref) => {\n    const {\n        children,\n        className,\n        disabled,\n        bulk,\n        labelAttributes,\n        size = EComponentSize.MD,\n        ...inputAttributes\n    } = props;\n    const classNames = clsx(styles.checkbox, SIZE_TO_CLASS_NAME_MAP[size]);\n    const classNamesLabel = clsx(\n        styles.label,\n        SIZE_TO_CLASS_NAME_MAP[size],\n        { [styles.disabled]: !!disabled, [styles.nonempty]: !!children },\n        className,\n        labelAttributes?.className,\n    );\n\n    /** Отрисовка галочки чекбокса. */\n    const renderCheckmarkIcon = () => {\n        const className = styles.checkmarkIcon;\n\n        return bulk ? (\n            <CheckboxbulkStrokeSrvIcon24 className={className} paletteIndex={7} />\n        ) : (\n            <CheckboxtickStrokeSrvIcon24 className={className} paletteIndex={7} />\n        );\n    };\n\n    return (\n        <label {...labelAttributes} className={classNamesLabel} data-tx={process.env.npm_package_version}>\n            <input type=\"checkbox\" className={classNames} disabled={disabled} {...inputAttributes} ref={ref} />\n            <span className={styles.checkboxIcon} />\n            {renderCheckmarkIcon()}\n            {children && (\n                <Text size={SIZE_TO_TEXT_SIZE_MAP[size]} tag=\"div\">\n                    {children}\n                </Text>\n            )}\n        </label>\n    );\n});\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["React","disabled","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,wBAA2D;AAAA,EAC7D,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAEA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,WAAWA,eAAM,WAA6C,CAAC,OAAO,QAAQ;AACvF,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,UAAAC;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,aAAa,KAAK,OAAO,UAAU,uBAAuB,IAAI,CAAC;AACrE,QAAM,kBAAkB;AAAA,IACpB,OAAO;AAAA,IACP,uBAAuB,IAAI;AAAA,IAC3B,EAAE,CAAC,OAAO,QAAQ,GAAG,CAAC,CAACA,WAAU,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAA;AAAA,IACtD;AAAA,IACA,mDAAiB;AAAA,EAAA;AAIrB,QAAM,sBAAsB,MAAM;AAC9B,UAAMC,aAAY,OAAO;AAEzB,WAAO,OACH,oBAAC,6BAAA,EAA4B,WAAWA,YAAW,cAAc,EAAA,CAAG,wBAEnE,6BAAA,EAA4B,WAAWA,YAAW,cAAc,GAAG;AAAA,EAE5E;AAEA,SACI,qBAAC,WAAO,GAAG,iBAAiB,WAAW,iBAAiB,WAAS,UAC7D,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,MAAK,YAAW,WAAW,YAAY,UAAAD,WAAqB,GAAG,iBAAiB,KAAU;AAAA,wBAChG,QAAA,EAAK,WAAW,OAAO,cAAc;AAAA,IACrC,oBAAA;AAAA,IACA,gCACI,MAAA,EAAK,MAAM,sBAAsB,IAAI,GAAG,KAAI,OACxC,SAAA,CACL;AAAA,EAAA,GAER;AAER,CAAC;AAED,SAAS,cAAc;"}