@arthurzakharov/ui-kit 1.0.93 → 1.0.95

package/dist/assets/message-block-QiIFNasc.css

@@ -0,0 +1 @@
+._MessageBlock_vet5z_1{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-lg)}._MessageBlockEmoji_vet5z_10{font-size:64px;line-height:1}._MessageBlockHeader_vet5z_15{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._MessageBlockTitle_vet5z_24{font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2);color:var(--rm-ui-color-text-primary)}._MessageBlockSubtitle_vet5z_31{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)}._MessageBlockContent_vet5z_38{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-primary)}._MessageBlockContent_vet5z_38 h1,._MessageBlockContent_vet5z_38 h2{margin-bottom:var(--rm-ui-padding-sm)}._MessageBlockContent_vet5z_38 h3,._MessageBlockContent_vet5z_38 h4,._MessageBlockContent_vet5z_38 h5,._MessageBlockContent_vet5z_38 h6{margin-bottom:var(--rm-ui-padding-xs)}._MessageBlockContent_vet5z_38 p:not(:last-child):not(:last-of-type),._MessageBlockContent_vet5z_38 div:not(:last-child):not(:last-of-type){margin-bottom:var(--rm-ui-padding-sm)}

package/dist/assets/text-blocks-BYcvnI5v.css

@@ -0,0 +1 @@
+._TextBlocks_veo9d_1{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._TextBlocksContent_veo9d_10{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._TextBlocksTitle_veo9d_19{font-weight:var(--rm-ui-font-weight-bold);font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4);color:var(--rm-ui-color-text-primary)}

package/dist/components/message-block/message-block.component.d.ts

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

package/dist/components/message-block/message-block.component.js

@@ -0,0 +1,22 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import '../../assets/message-block-QiIFNasc.css';const i = "_MessageBlock_vet5z_1", g = "_MessageBlockEmoji_vet5z_10", k = "_MessageBlockHeader_vet5z_15", B = "_MessageBlockTitle_vet5z_24", M = "_MessageBlockSubtitle_vet5z_31", _ = "_MessageBlockContent_vet5z_38", e = {
+  MessageBlock: i,
+  MessageBlockEmoji: g,
+  MessageBlockHeader: k,
+  MessageBlockTitle: B,
+  MessageBlockSubtitle: M,
+  MessageBlockContent: _
+}, d = (a) => {
+  const { children: n, emoji: o, title: l = "", subtitle: c = "" } = a;
+  return /* @__PURE__ */ t("div", { className: e.MessageBlock, children: [
+    o ? /* @__PURE__ */ s("div", { className: e.MessageBlockEmoji, children: o }) : null,
+    l || c ? /* @__PURE__ */ t("div", { className: e.MessageBlockHeader, children: [
+      l ? /* @__PURE__ */ s("h2", { className: e.MessageBlockTitle, children: l }) : null,
+      c ? /* @__PURE__ */ s("h6", { className: e.MessageBlockSubtitle, children: c }) : null
+    ] }) : null,
+    /* @__PURE__ */ s("div", { className: e.MessageBlockContent, children: n })
+  ] });
+};
+export {
+  d as MessageBlock
+};

package/dist/components/payment/components/sidebar/sidebar.component.d.ts

@@ -0,0 +1 @@
+export declare const Sidebar: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/payment/components/sidebar/sidebar.component.js

@@ -0,0 +1,5 @@
+import { jsx as r } from "react/jsx-runtime";
+const t = () => /* @__PURE__ */ r("div", {});
+export {
+  t as Sidebar
+};

package/dist/components/payment/components/text-blocks/text-blocks.component.d.ts

@@ -0,0 +1,10 @@
+interface TextBlock {
+    title: string;
+    text: string;
+    placeholders?: Record<string, () => unknown>;
+}
+interface TextBlocksProps {
+    blocks: TextBlock[];
+}
+export declare const TextBlocks: (props: TextBlocksProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/payment/components/text-blocks/text-blocks.component.js

@@ -0,0 +1,26 @@
+import { jsx as o, jsxs as T } from "react/jsx-runtime";
+import { Text as d } from "../../../text/text.component.js";
+import '../../../../assets/text-blocks-BYcvnI5v.css';const p = "_TextBlocks_veo9d_1", B = "_TextBlocksContent_veo9d_10", k = "_TextBlocksTitle_veo9d_19", c = {
+  TextBlocks: p,
+  TextBlocksContent: B,
+  TextBlocksTitle: k
+}, h = (x) => {
+  const { blocks: r = [] } = x, a = (t) => {
+    let e = t.title, s = t.text;
+    return t.placeholders && Object.keys(t.placeholders).forEach((l) => {
+      if (!t.placeholders?.[l]) return;
+      const n = l.split("-")[1], i = t.placeholders[l]();
+      n === "title" && (e = e.replace(new RegExp(l, "g"), i)), n === "text" && (s = s.replace(new RegExp(l, "g"), i));
+    }), {
+      title: e,
+      text: s
+    };
+  };
+  return /* @__PURE__ */ o("div", { className: c.TextBlocks, children: r.map(a).map(({ title: t, text: e }, s) => /* @__PURE__ */ T("div", { className: c.TextBlocksContent, children: [
+    /* @__PURE__ */ o("h6", { className: c.TextBlocksTitle, children: t }),
+    /* @__PURE__ */ o(d.Paragraph, { children: e })
+  ] }, s)) });
+};
+export {
+  h as TextBlocks
+};

package/dist/components/payment/payment.component.js

@@ -0,0 +1,9 @@
+import { Sidebar as o } from "./components/sidebar/sidebar.component.js";
+import { TextBlocks as r } from "./components/text-blocks/text-blocks.component.js";
+const e = {
+  Sidebar: o,
+  TextBlocks: r
+};
+export {
+  e as Payment
+};

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

@@ -106,6 +106,272 @@ export declare function Paragraph<T extends keyof HTMLElementTagNameMap>(props:
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML: {
+        __html: string | TrustedHTML;
+    };
+    onCopy?: import('react').ClipboardEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onCopyCapture?: import('react').ClipboardEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onCut?: import('react').ClipboardEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onCutCapture?: import('react').ClipboardEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPaste?: import('react').ClipboardEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPasteCapture?: import('react').ClipboardEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onCompositionEnd?: import('react').CompositionEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onCompositionStart?: import('react').CompositionEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onCompositionUpdate?: import('react').CompositionEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onFocus?: import('react').FocusEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onFocusCapture?: import('react').FocusEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onBlur?: import('react').FocusEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onBlurCapture?: import('react').FocusEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onChange?: import('react').FormEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onChangeCapture?: import('react').FormEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onBeforeInput?: import('react').InputEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onBeforeInputCapture?: import('react').FormEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onInput?: import('react').FormEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onInputCapture?: import('react').FormEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onReset?: import('react').FormEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onResetCapture?: import('react').FormEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onSubmit?: import('react').FormEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onSubmitCapture?: import('react').FormEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onInvalid?: import('react').FormEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onInvalidCapture?: import('react').FormEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onLoad?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onLoadCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onError?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onErrorCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onKeyDown?: import('react').KeyboardEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onKeyPress?: import('react').KeyboardEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onKeyUp?: import('react').KeyboardEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onAbort?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onAbortCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onCanPlay?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onCanPlayCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onCanPlayThrough?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDurationChange?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDurationChangeCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onEmptied?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onEmptiedCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onEncrypted?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onEncryptedCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onEnded?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onEndedCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onLoadedData?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onLoadedDataCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onLoadedMetadata?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onLoadStart?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onLoadStartCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPause?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPauseCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPlay?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPlayCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPlaying?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPlayingCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onProgress?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onProgressCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onRateChange?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onRateChangeCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onSeeked?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onSeekedCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onSeeking?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onSeekingCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onStalled?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onStalledCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onSuspend?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onSuspendCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onTimeUpdate?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onVolumeChange?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onWaiting?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onWaitingCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onAuxClick?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onAuxClickCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onClick?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onClickCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onContextMenu?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onContextMenuCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDoubleClick?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDoubleClickCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDrag?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDragCapture?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDragEnd?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDragEndCapture?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDragEnter?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDragEnterCapture?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDragExit?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDragExitCapture?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDragLeave?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDragLeaveCapture?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDragOver?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDragOverCapture?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDragStart?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDragStartCapture?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDrop?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onDropCapture?: import('react').DragEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onMouseDown?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onMouseDownCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onMouseEnter?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onMouseLeave?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onMouseMove?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onMouseMoveCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onMouseOut?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onMouseOutCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onMouseOver?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onMouseOverCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onMouseUp?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onMouseUpCapture?: import('react').MouseEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onSelect?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onSelectCapture?: import('react').ReactEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onTouchCancel?: import('react').TouchEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onTouchCancelCapture?: import('react').TouchEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onTouchEnd?: import('react').TouchEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onTouchEndCapture?: import('react').TouchEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onTouchMove?: import('react').TouchEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onTouchMoveCapture?: import('react').TouchEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onTouchStart?: import('react').TouchEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onTouchStartCapture?: import('react').TouchEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPointerDown?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPointerDownCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPointerMove?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPointerMoveCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPointerUp?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPointerUpCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPointerCancel?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPointerCancelCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPointerEnter?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPointerLeave?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPointerOver?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPointerOverCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPointerOut?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onPointerOutCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onGotPointerCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onLostPointerCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onScroll?: import('react').UIEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onScrollCapture?: import('react').UIEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onWheel?: import('react').WheelEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onWheelCapture?: import('react').WheelEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onAnimationStart?: import('react').AnimationEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onAnimationEnd?: import('react').AnimationEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onAnimationIteration?: import('react').AnimationEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onTransitionEnd?: import('react').TransitionEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElementTagNameMap[T]> | undefined;
+    className: string;
+}, HTMLElement> | import('react').DetailedReactHTMLElement<{
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import('react').CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import('react').AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -267,6 +533,6 @@ export declare function Paragraph<T extends keyof HTMLElementTagNameMap>(props:
     onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLElementTagNameMap[T]> | undefined;
     onTransitionEnd?: import('react').TransitionEventHandler<HTMLElementTagNameMap[T]> | undefined;
     onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElementTagNameMap[T]> | undefined;
-    children: import('react').ReactNode;
     className: string;
+    children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | import('react').ReactPortal | null | undefined;
 }, HTMLElement>;

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

@@ -1,11 +1,19 @@
-import { createElement as p } from "react";
-import s from "clsx";
-import '../../../../assets/paragraph-Cg_eMedz.css';const n = "_Paragraph_1p6s7_1", o = {
-  Paragraph: n
+import { createElement as s } from "react";
+import n from "clsx";
+import '../../../../assets/paragraph-Cg_eMedz.css';const o = "_Paragraph_1p6s7_1", p = {
+  Paragraph: o
 };
-function h(a) {
-  const { tag: r = "p", children: t, className: c, ...e } = a;
-  return p(r, { children: t, className: s(o.Paragraph, c), ...e });
+function h(c) {
+  const { tag: r = "p", children: a, className: t, ...e } = c;
+  return typeof a == "string" ? s(r, {
+    className: n(p.Paragraph, t),
+    dangerouslySetInnerHTML: { __html: a },
+    ...e
+  }) : s(r, {
+    className: n(p.Paragraph, t),
+    children: a,
+    ...e
+  });
 }
 export {
   h as Paragraph

package/dist/main.d.ts

@@ -13,9 +13,10 @@ 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 { MessageBlock, type MessageBlockProps } from './components/message-block/message-block.component';
 export { NotFound, type NotFoundProps } from './components/not-found/not-found.component';
+export { Payment } from './components/payment/payment.component';
 export { Sidebar, type SidebarProps } from './components/sidebar/sidebar.component';
 export { Text } from './components/text/text.component';
-export { TextBlock, type TextBlockProps } from './components/text-block/text-block.component';
 export { UserPanel, type UserPanelProps } from './components/user-panel/user-panel.component';
 export { Warranty, type WarrantyProps } from './components/warranty/warranty.component';

package/dist/main.js

@@ -1,44 +1,46 @@
 import { Animation as e } from "./components/animation/animation.component.js";
-import { Certifications as x } from "./components/certifications/certifications.component.js";
-import { Control as m } from "./components/control/control.component.js";
+import { Certifications as m } from "./components/certifications/certifications.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 d } from "./components/footer/footer.component.js";
 import { Header as L } from "./components/header/header.component.js";
-import { InfoPanel as k } from "./components/info-panel/info-panel.component.js";
-import { Layout as y } from "./components/layout/layout.component.js";
-import { Line as C } from "./components/line/line.component.js";
-import { Loader as F } from "./components/loader/loader.component.js";
-import { LoadingBlock as P } from "./components/loading-block/loading-block.component.js";
-import { MainAttachment as b } from "./components/main-attachment/main-attachment.component.js";
-import { Message as E } from "./components/message/message.component.js";
-import { NotFound as I } from "./components/not-found/not-found.component.js";
-import { Sidebar as S } from "./components/sidebar/sidebar.component.js";
-import { Text as W } from "./components/text/text.component.js";
-import { TextBlock as q } from "./components/text-block/text-block.component.js";
-import { UserPanel as w } from "./components/user-panel/user-panel.component.js";
-import { Warranty as G } from "./components/warranty/warranty.component.js";
+import { InfoPanel as A } from "./components/info-panel/info-panel.component.js";
+import { Layout as P } from "./components/layout/layout.component.js";
+import { Line as u } from "./components/line/line.component.js";
+import { Loader as C } from "./components/loader/loader.component.js";
+import { LoadingBlock as F } from "./components/loading-block/loading-block.component.js";
+import { MainAttachment as h } from "./components/main-attachment/main-attachment.component.js";
+import { Message as H } from "./components/message/message.component.js";
+import { MessageBlock as N } from "./components/message-block/message-block.component.js";
+import { NotFound as T } from "./components/not-found/not-found.component.js";
+import { Payment as W } from "./components/payment/payment.component.js";
+import { Sidebar as q } from "./components/sidebar/sidebar.component.js";
+import { Text as w } from "./components/text/text.component.js";
+import { UserPanel as G } from "./components/user-panel/user-panel.component.js";
+import { Warranty as K } from "./components/warranty/warranty.component.js";
 import './assets/main-D8vU620s.css';export {
   e as Animation,
-  x as Certifications,
-  m as Control,
+  m as Certifications,
+  x as Control,
   a as Dialog,
   i as DialogArticle,
   s as Expenses,
   d as Footer,
   L as Header,
-  k as InfoPanel,
-  y as Layout,
-  C as Line,
-  F as Loader,
-  P as LoadingBlock,
-  b as MainAttachment,
-  E as Message,
-  I as NotFound,
-  S as Sidebar,
-  W as Text,
-  q as TextBlock,
-  w as UserPanel,
-  G as Warranty
+  A as InfoPanel,
+  P as Layout,
+  u as Line,
+  C as Loader,
+  F as LoadingBlock,
+  h as MainAttachment,
+  H as Message,
+  N as MessageBlock,
+  T as NotFound,
+  W as Payment,
+  q as Sidebar,
+  w as Text,
+  G as UserPanel,
+  K as Warranty
 };

package/package.json

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

package/dist/assets/text-block-CJXB3-4R.css

@@ -1 +0,0 @@
-._TextBlock_1kh21_1{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-lg)}._TextBlockEmoji_1kh21_10{font-size:64px;line-height:1}._TextBlockHeader_1kh21_15{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._TextBlockTitle_1kh21_24{font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2);color:var(--rm-ui-color-text-primary)}._TextBlockSubtitle_1kh21_31{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)}._TextBlockContent_1kh21_38{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-primary)}._TextBlockContent_1kh21_38 h1,._TextBlockContent_1kh21_38 h2{margin-bottom:var(--rm-ui-padding-sm)}._TextBlockContent_1kh21_38 h3,._TextBlockContent_1kh21_38 h4,._TextBlockContent_1kh21_38 h5,._TextBlockContent_1kh21_38 h6{margin-bottom:var(--rm-ui-padding-xs)}._TextBlockContent_1kh21_38 p:not(:last-child):not(:last-of-type),._TextBlockContent_1kh21_38 div:not(:last-child):not(:last-of-type){margin-bottom:var(--rm-ui-padding-sm)}

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

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

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

@@ -1,22 +0,0 @@
-import { jsxs as k, jsx as t } from "react/jsx-runtime";
-import '../../assets/text-block-CJXB3-4R.css';const x = "_TextBlock_1kh21_1", i = "_TextBlockEmoji_1kh21_10", s = "_TextBlockHeader_1kh21_15", B = "_TextBlockTitle_1kh21_24", _ = "_TextBlockSubtitle_1kh21_31", a = "_TextBlockContent_1kh21_38", e = {
-  TextBlock: x,
-  TextBlockEmoji: i,
-  TextBlockHeader: s,
-  TextBlockTitle: B,
-  TextBlockSubtitle: _,
-  TextBlockContent: a
-}, d = (n) => {
-  const { children: T, emoji: o, title: l = "", subtitle: c = "" } = n;
-  return /* @__PURE__ */ k("div", { className: e.TextBlock, children: [
-    o ? /* @__PURE__ */ t("div", { className: e.TextBlockEmoji, children: o }) : null,
-    l || c ? /* @__PURE__ */ k("div", { className: e.TextBlockHeader, children: [
-      l ? /* @__PURE__ */ t("h2", { className: e.TextBlockTitle, children: l }) : null,
-      c ? /* @__PURE__ */ t("h6", { className: e.TextBlockSubtitle, children: c }) : null
-    ] }) : null,
-    /* @__PURE__ */ t("div", { className: e.TextBlockContent, children: T })
-  ] });
-};
-export {
-  d as TextBlock
-};