@arthurzakharov/ui-kit 1.5.7 → 1.5.9

package/dist/components/bottom-bar/bottom-bar.component.d.ts

@@ -1,3 +1,4 @@
+import { TextProps } from '../text/text.component';
 import { Base, FontColor, FontSize, FontWeight } from '../../utils/types';
 type BottomBarInfoItem<T> = {
     lined?: boolean;
@@ -18,10 +19,16 @@ type BottomBarInfo = {
     bottomLeft?: BottomBarInfoItem<string> | string;
     bottomRight?: BottomBarInfoItem<string> | string;
 };
+type BottomBarMessage = {
+    text: string;
+    hidden?: boolean;
+    color?: TextProps['color'];
+    align?: TextProps['align'];
+};
 interface BottomBarProps extends Base {
     button: BottomBarButton;
     info: BottomBarInfo;
-    message?: string;
+    message?: BottomBarMessage;
     staticFrom?: number;
 }
 export declare const BottomBar: ({ button, info, message, staticFrom, ...base }: BottomBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/bottom-bar/bottom-bar.component.js

@@ -1,11 +1,11 @@
-import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
 import { useRef as p, useEffect as B, useMemo as u } from "react";
 import b from "clsx";
 import { useResizeObserver as _, useWindowSize as k } from "usehooks-ts";
-import { Text as c } from "../text/text.component.js";
+import { Text as l } from "../text/text.component.js";
 import { Button as y } from "../../controls/buttons/button/button.component.js";
 import "../../controls/primitives/box/box.component.js";
-import { baseProps as g } from "../../utils/functions/functions.util.js";
+import { baseProps as h } from "../../utils/functions/functions.util.js";
 import "lucide-react";
 import '../../assets/bottom-bar-B35eeXqR.css';const f = "_BottomBar_xd6ok_1", w = "_Fixed_xd6ok_7", R = "_Static_xd6ok_16", z = "_TopBlock_xd6ok_20", L = "_LeftBlock_xd6ok_24", v = "_RightBlock_xd6ok_31", N = "_Message_xd6ok_38", M = "_Button_xd6ok_43", r = {
   BottomBar: f,
@@ -34,14 +34,14 @@ import '../../assets/bottom-bar-B35eeXqR.css';const f = "_BottomBar_xd6ok_1", w
   weight: t.weight || "regular",
   size: t.size || "body",
   color: t.color || "text-primary"
-}, I = ({ button: o, info: t, message: a = "", staticFrom: h = 768, ...m }) => {
-  const d = p(null), { height: n } = _({
-    ref: d,
+}, I = ({ button: o, info: t, message: c, staticFrom: x = 768, ...a }) => {
+  const m = p(null), { height: d } = _({
+    ref: m,
     box: "border-box"
-  }), { width: x } = k({ initializeWithValue: !0, debounceDelay: 150 });
-  B(() => (n ? document.body.style.marginBottom = `${Math.round(n)}px` : document.body.style.removeProperty("margin-bottom"), () => {
+  }), { width: g } = k({ initializeWithValue: !0, debounceDelay: 150 });
+  B(() => (d ? document.body.style.marginBottom = `${Math.round(d)}px` : document.body.style.removeProperty("margin-bottom"), () => {
     document.body.style.removeProperty("margin-bottom");
-  }), [n]);
+  }), [d]);
   const e = u(
     () => ({
       topLeft: s(t.topLeft, { weight: "medium", color: "text-primary" }),
@@ -51,24 +51,24 @@ import '../../assets/bottom-bar-B35eeXqR.css';const f = "_BottomBar_xd6ok_1", w
     }),
     [t]
   );
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ n(
     "div",
     {
-      "data-testid": g(m, "data-testid", "bottom-bar"),
-      ref: d,
-      className: b(r.BottomBar, g(m, "className"), x >= h ? r.Static : r.Fixed),
+      "data-testid": h(a, "data-testid", "bottom-bar"),
+      ref: m,
+      className: b(r.BottomBar, h(a, "className"), g >= x ? r.Static : r.Fixed),
       children: [
-        /* @__PURE__ */ l("div", { className: r.TopBlock, children: [
-          /* @__PURE__ */ l("div", { className: r.LeftBlock, children: [
-            /* @__PURE__ */ i(c, { ...e.topLeft, children: e.topLeft.text }),
-            /* @__PURE__ */ i(c, { ...e.bottomLeft, children: e.bottomLeft.text })
+        /* @__PURE__ */ n("div", { className: r.TopBlock, children: [
+          /* @__PURE__ */ n("div", { className: r.LeftBlock, children: [
+            /* @__PURE__ */ i(l, { ...e.topLeft, children: e.topLeft.text }),
+            /* @__PURE__ */ i(l, { ...e.bottomLeft, children: e.bottomLeft.text })
           ] }),
-          /* @__PURE__ */ l("div", { className: r.RightBlock, children: [
-            /* @__PURE__ */ i(c, { ...e.topRight, children: e.topRight.text }),
-            /* @__PURE__ */ i(c, { ...e.bottomRight, children: e.bottomRight.text })
+          /* @__PURE__ */ n("div", { className: r.RightBlock, children: [
+            /* @__PURE__ */ i(l, { ...e.topRight, children: e.topRight.text }),
+            /* @__PURE__ */ i(l, { ...e.bottomRight, children: e.bottomRight.text })
           ] })
         ] }),
-        a && /* @__PURE__ */ i(c, { color: "text-secondary", align: "center", className: r.Message, children: a }),
+        c && !c.hidden && /* @__PURE__ */ i(l, { color: c.color || "text-secondary", align: c.align || "center", className: r.Message, children: c.text }),
         /* @__PURE__ */ i(
           y,
           {

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

@@ -1 +1 @@
-export { MessageBlock } from './message-block.component';
+export { MessageBlock, type MessageBlockProps } from './message-block.component';

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

@@ -1,9 +1,8 @@
 import { PropsWithChildren } from 'react';
 import { Base } from '../../utils/types';
-interface MessageBlockProps extends PropsWithChildren<Base> {
+export interface MessageBlockProps extends PropsWithChildren<Base> {
     emoji?: string;
     title?: string;
     subtitle?: string;
 }
 export declare const MessageBlock: ({ children, emoji, title, subtitle, ...base }: MessageBlockProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +1 @@
-export { Text } from './text.component';
+export { Text, type TextProps } from './text.component';

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
 import { Base, FontAlign, FontColor, FontSize, FontWeight, TagNames, TextPreset } from '../../utils/types';
-interface TextFieldProps extends HTMLAttributes<HTMLElementTagNameMap>, PropsWithChildren<Base> {
+export interface TextProps extends HTMLAttributes<HTMLElementTagNameMap>, PropsWithChildren<Base> {
     preset?: TextPreset;
     tag?: TagNames;
     lined?: boolean;
@@ -9,5 +9,4 @@ interface TextFieldProps extends HTMLAttributes<HTMLElementTagNameMap>, PropsWit
     size?: FontSize;
     color?: FontColor;
 }
-export declare const Text: ({ children, className, preset, lined, align, tag, weight, size, color, ...rest }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const Text: ({ children, className, preset, lined, align, tag, weight, size, color, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/main.d.ts

@@ -40,7 +40,7 @@ export { Line } from './components/line/line.component';
 export { Loader } from './components/loader';
 export { MainAttachment, type MainAttachmentProps } from './components/main-attachment/main-attachment.component';
 export { Message, type MessageProps } from './components/message';
-export { MessageBlock } from './components/message-block';
+export { MessageBlock, type MessageBlockProps } from './components/message-block';
 export { NotFound, type NotFoundProps } from './components/not-found';
 export { Payment, type PaymentBlockProps, type PaymentGlassProps, type PaymentSidebarProps, type PaymentTextBlocksProps, type PaymentTextBlockItem, } from './components/payment/payment.component';
 export { Sidebar, type SidebarProps } from './components/sidebar';

package/package.json

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