@arthurzakharov/ui-kit 1.0.85 → 1.0.87

package/dist/assets/main-attachment-Cw8AP6xv.css

@@ -0,0 +1 @@
+._MainAttachment_1oa7f_1{display:block;background-color:transparent}._MainAttachmentTitle_1oa7f_5{margin-bottom:var(--rm-ui-padding-lg)}._MainAttachmentTitleWithSubtitle_1oa7f_9{margin-bottom:var(--rm-ui-padding-xs)}._MainAttachmentSubtitle_1oa7f_13{margin-bottom:var(--rm-ui-padding-lg)}

package/dist/assets/page-subtitle-BrFA-H2S.css

@@ -0,0 +1 @@
+._PageSubtitle_xx4pk_1{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-secondary)}

package/dist/components/animation/fade-scale/fade-scale.component.d.ts

@@ -2,7 +2,7 @@ import { AnimationGeneratorType, Easing } from 'motion';
 import { PropsWithChildren } from 'react';
 export interface FadeScaleProps extends PropsWithChildren {
     name: string;
-    condition: boolean;
+    condition?: boolean;
     flex?: boolean;
     className?: string;
     type?: AnimationGeneratorType;

package/dist/components/animation/fade-scale/fade-scale.component.js

@@ -6,14 +6,14 @@ import '../../../assets/fade-scale-B23oZuuD.css';const _ = "_Flex_1t96l_1", h =
   Flex: _
 }, S = (n) => {
   const {
-    children: o,
-    name: s,
-    condition: r,
+    children: s,
+    name: o,
+    condition: r = !1,
     flex: e = !1,
     ease: i = "easeInOut",
-    type: c = "tween",
+    type: l = "tween",
     className: t = "",
-    duration: l = 0.125,
+    duration: c = 0.125,
     delay: m = 0,
     animateOnStart: f = !1
   } = n, a = p(f);
@@ -26,13 +26,13 @@ import '../../../assets/fade-scale-B23oZuuD.css';const _ = "_Flex_1t96l_1", h =
     {
       initial: u,
       animate: { opacity: 1, scale: 1 },
-      transition: { ease: i, duration: l, delay: m, type: c },
+      transition: { ease: i, duration: c, delay: m, type: l },
       className: t || e ? F(t, {
         [h.Flex]: e
       }) : void 0,
-      children: o
+      children: s
     },
-    s
+    o
   );
 };
 export {

package/dist/components/animation/fade-slide/fade-slide.component.d.ts

@@ -2,7 +2,7 @@ import { AnimationGeneratorType, Easing } from 'motion';
 import { PropsWithChildren } from 'react';
 export interface FadeSlideProps extends PropsWithChildren {
     name: string;
-    condition: boolean;
+    condition?: boolean;
     flex?: boolean;
     direction?: 'ltr' | 'rtl';
     className?: string;

package/dist/components/animation/fade-slide/fade-slide.component.js

@@ -8,7 +8,7 @@ import '../../../assets/fade-scale-B23oZuuD.css';const v = "_Flex_1t96l_1", _ =
   const {
     children: o,
     name: a,
-    condition: l,
+    condition: l = !1,
     flex: e = !1,
     direction: s = "ltr",
     ease: c = "easeInOut",

package/dist/components/main-attachment/main-attachment.component.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+export interface MainAttachmentProps extends PropsWithChildren {
+    title?: string;
+    subtitle?: string;
+}
+export declare const MainAttachment: (props: MainAttachmentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/main-attachment/main-attachment.component.js

@@ -0,0 +1,20 @@
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import h from "clsx";
+import { Animation as o } from "../animation/animation.component.js";
+import { Text as a } from "../text/text.component.js";
+import '../../assets/main-attachment-Cw8AP6xv.css';const r = "_MainAttachment_1oa7f_1", s = "_MainAttachmentTitle_1oa7f_5", A = "_MainAttachmentTitleWithSubtitle_1oa7f_9", M = "_MainAttachmentSubtitle_1oa7f_13", i = {
+  MainAttachment: r,
+  MainAttachmentTitle: s,
+  MainAttachmentTitleWithSubtitle: A,
+  MainAttachmentSubtitle: M
+}, b = (c) => {
+  const { children: l, title: e = "", subtitle: n = "" } = c;
+  return /* @__PURE__ */ m("div", { className: i.MainAttachment, children: [
+    e ? /* @__PURE__ */ t("div", { className: h(i.MainAttachmentTitle, { [i.MainAttachmentTitleWithSubtitle]: !!n }), children: /* @__PURE__ */ t(a.PageTitle, { children: e }) }) : null,
+    n ? /* @__PURE__ */ t("div", { className: i.MainAttachmentSubtitle, children: /* @__PURE__ */ t(a.PageSubtitle, { children: n }) }) : null,
+    /* @__PURE__ */ t(o.FadeScale, { name: "attachment-main", condition: !0, animateOnStart: !0, duration: 0.2, delay: 0.1, children: l })
+  ] });
+};
+export {
+  b as MainAttachment
+};

package/dist/components/text/components/page-subtitle/page-subtitle.component.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const PageSubtitle: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/components/text/components/page-subtitle/page-subtitle.component.js

@@ -0,0 +1,10 @@
+import { jsx as e } from "react/jsx-runtime";
+import '../../../../assets/page-subtitle-BrFA-H2S.css';const n = "_PageSubtitle_xx4pk_1", a = {
+  PageSubtitle: n
+}, i = (l) => {
+  const { children: t } = l;
+  return typeof t == "string" ? /* @__PURE__ */ e("h6", { className: a.PageSubtitle, dangerouslySetInnerHTML: { __html: t } }) : /* @__PURE__ */ e("h6", { className: a.PageSubtitle, children: t });
+};
+export {
+  i as PageSubtitle
+};

package/dist/components/text/text.component.d.ts

@@ -1,6 +1,7 @@
 import { Paragraph } from './components/paragraph/paragraph.component';
 export declare const Text: {
     PageInfo: (props: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    PageSubtitle: (props: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
     PageTitle: (props: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
     Paragraph: typeof Paragraph;
     SidebarTitle: (props: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/components/text/text.component.js

@@ -1,15 +1,17 @@
 import { PageInfo as r } from "./components/page-info/page-info.component.js";
-import { PageTitle as o } from "./components/page-title/page-title.component.js";
-import { Paragraph as t } from "./components/paragraph/paragraph.component.js";
-import { SidebarTitle as m } from "./components/sidebar-title/sidebar-title.component.js";
-import { StepTitle as e } from "./components/step-title/step-title.component.js";
-const g = {
+import { PageSubtitle as o } from "./components/page-subtitle/page-subtitle.component.js";
+import { PageTitle as t } from "./components/page-title/page-title.component.js";
+import { Paragraph as m } from "./components/paragraph/paragraph.component.js";
+import { SidebarTitle as e } from "./components/sidebar-title/sidebar-title.component.js";
+import { StepTitle as i } from "./components/step-title/step-title.component.js";
+const T = {
   PageInfo: r,
-  PageTitle: o,
-  Paragraph: t,
-  SidebarTitle: m,
-  StepTitle: e
+  PageSubtitle: o,
+  PageTitle: t,
+  Paragraph: m,
+  SidebarTitle: e,
+  StepTitle: i
 };
 export {
-  g as Text
+  T as Text
 };

package/dist/main.d.ts

@@ -11,6 +11,7 @@ export { Layout, type LayoutProps } from './components/layout/layout.component';
 export { Line } from './components/line/line.component';
 export { Loader, type LoaderProps } from './components/loader/loader.component';
 export { LoadingBlock } from './components/loading-block/loading-block.component';
+export { MainAttachment, type MainAttachmentProps } from './components/main-attachment/main-attachment.component';
 export { Message, type MessageProps } from './components/message/message.component';
 export { NotFound, type NotFoundProps } from './components/not-found/not-found.component';
 export { Sidebar, type SidebarProps } from './components/sidebar/sidebar.component';

package/dist/main.js

@@ -1,40 +1,42 @@
 import { Animation as e } from "./components/animation/animation.component.js";
 import { Certifications as f } from "./components/certifications/certifications.component.js";
-import { Control as m } from "./components/control/control.component.js";
+import { Control as x } from "./components/control/control.component.js";
 import { Dialog as a } from "./components/dialog/dialog.component.js";
 import { DialogArticle as i } from "./components/dialog-article/dialog-article.component.js";
 import { Expenses as s } from "./components/expenses/expenses.component.js";
-import { Footer as g } from "./components/footer/footer.component.js";
-import { Header as c } from "./components/header/header.component.js";
-import { InfoPanel as y } from "./components/info-panel/info-panel.component.js";
+import { Footer as c } from "./components/footer/footer.component.js";
+import { Header as L } from "./components/header/header.component.js";
+import { InfoPanel as u } from "./components/info-panel/info-panel.component.js";
 import { Layout as C } from "./components/layout/layout.component.js";
 import { Line as F } from "./components/line/line.component.js";
-import { Loader as b } from "./components/loader/loader.component.js";
-import { LoadingBlock as B } from "./components/loading-block/loading-block.component.js";
+import { Loader as P } from "./components/loader/loader.component.js";
+import { LoadingBlock as h } from "./components/loading-block/loading-block.component.js";
+import { MainAttachment as B } from "./components/main-attachment/main-attachment.component.js";
 import { Message as H } from "./components/message/message.component.js";
-import { NotFound as M } from "./components/not-found/not-found.component.js";
-import { Sidebar as S } from "./components/sidebar/sidebar.component.js";
-import { Text as U } from "./components/text/text.component.js";
-import { UserPanel as h } from "./components/user-panel/user-panel.component.js";
-import { Warranty as q } from "./components/warranty/warranty.component.js";
+import { NotFound as N } from "./components/not-found/not-found.component.js";
+import { Sidebar as T } from "./components/sidebar/sidebar.component.js";
+import { Text as W } from "./components/text/text.component.js";
+import { UserPanel as q } from "./components/user-panel/user-panel.component.js";
+import { Warranty as w } from "./components/warranty/warranty.component.js";
 import './assets/main-qdiWzY1M.css';export {
   e as Animation,
   f as Certifications,
-  m as Control,
+  x as Control,
   a as Dialog,
   i as DialogArticle,
   s as Expenses,
-  g as Footer,
-  c as Header,
-  y as InfoPanel,
+  c as Footer,
+  L as Header,
+  u as InfoPanel,
   C as Layout,
   F as Line,
-  b as Loader,
-  B as LoadingBlock,
+  P as Loader,
+  h as LoadingBlock,
+  B as MainAttachment,
   H as Message,
-  M as NotFound,
-  S as Sidebar,
-  U as Text,
-  h as UserPanel,
-  q as Warranty
+  N as NotFound,
+  T as Sidebar,
+  W as Text,
+  q as UserPanel,
+  w as Warranty
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.0.85",
+  "version": "1.0.87",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",