rbro-tat-uds 1.6.36 → 2.0.1

package/build/cjs/components/OfferCard/OfferCard.cjs

@@ -0,0 +1,233 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var styled = require('styled-components');
+var utils = require('../../utils');
+
+const OfferCardStyled = styled.div`
+  width: ${({ $width }) => typeof $width === "string" ? $width : "auto"};
+  border: 1px solid ${utils.colors.gray_150};
+  border-radius: 8px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  cursor: pointer;
+  background-color: ${utils.colors.white};
+
+  &:hover {
+    outline: 2px solid ${utils.colors.info_800};
+  }
+
+  & > div:first-of-type {
+    position: relative;
+    height: 170px;
+    width: 100%;
+
+    & > img {
+      height: 100%;
+      width: 100%;
+      object-fit: cover;
+      border-radius: 7px 7px 0 0;
+    }
+
+    & > div {
+      box-sizing: border-box;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      padding: 16px 12px;
+      display: flex;
+      align-items: flex-start;
+
+      & > .k9m4p2x8n5 {
+        margin-right: auto;
+        background-color: ${({ $benefitColor }) => $benefitColor && ["white", "accent_600"].includes($benefitColor) ? utils.colors[$benefitColor] : utils.colors.white};
+        border-radius: 8px;
+        padding: 8px;
+        display: flex;
+        flex-direction: column;
+        gap: 2px;
+        width: auto;
+
+        & > span:first-of-type {
+          font-size: 12px;
+          font-weight: 400;
+          color: ${utils.colors.gray_950};
+          text-overflow: ellipsis;
+          overflow: hidden;
+        }
+
+        & > span:last-of-type {
+          font-size: 14px;
+          font-weight: 700;
+          color: ${utils.colors.gray_950};
+          text-overflow: ellipsis;
+          overflow: hidden;
+        }
+      }
+
+      & > .yw8h5vn3kp {
+        margin-left: auto;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 8px;
+        border-radius: 8px;
+        background-color: ${({ $ratingColor }) => $ratingColor && ["gray_950", "success_600", "warning_600", "danger_600"].includes(
+  $ratingColor
+) ? utils.colors[$ratingColor] : utils.colors.success_600};
+        color: ${utils.colors.gray_950};
+
+        & > span {
+          font-size: 12px;
+          font-weight: 500;
+          color: ${utils.colors.white};
+          text-overflow: ellipsis;
+          overflow: hidden;
+        }
+      }
+    }
+  }
+
+  & > div:last-of-type {
+    padding: 16px;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+
+    & > span:first-of-type {
+      font-size: 14px;
+      font-weight: 400;
+      color: ${utils.colors.gray_600};
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+
+    & > span:nth-of-type(2) {
+      font-size: ${({ $titleFontSize }) => $titleFontSize && [14, 16, 18, 20, 24].includes($titleFontSize) ? $titleFontSize : 16}px;
+      font-weight: ${({ $titleFontWeight }) => $titleFontWeight && [200, 300, 400, 500, 700, 800].includes($titleFontWeight) ? $titleFontWeight : 700};
+      color: ${utils.colors.gray_950};
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+
+    & > span:last-of-type {
+      font-size: ${({ $textFontSize }) => $textFontSize && [14, 16, 18, 20, 24].includes($textFontSize) ? $textFontSize : 14}px;
+      font-weight: ${({ $textFontWeight }) => $textFontWeight && [200, 300, 400, 500, 700, 800].includes($textFontWeight) ? $textFontWeight : 400};
+      color: ${utils.colors.gray_950};
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+  }
+
+  ${({ $disabled }) => $disabled && styled.css`
+      pointer-events: none;
+
+      & > div:first-of-type {
+        & > img {
+          opacity: 0.5;
+        }
+
+        & > div {
+          & > .k9m4p2x8n5 {
+            background-color: ${utils.colors.gray_30};
+
+            & > span:first-of-type {
+              color: ${utils.colors.gray_300};
+            }
+
+            & > span:last-of-type {
+              color: ${utils.colors.gray_300};
+            }
+          }
+
+          & > .yw8h5vn3kp {
+            background-color: ${utils.colors.gray_600};
+
+            & > span {
+              color: ${utils.colors.gray_300};
+            }
+          }
+        }
+      }
+
+      & > div:last-of-type {
+        background-color: ${utils.colors.gray_30};
+        border-radius: 0 0 7px 7px;
+
+        & > span:first-of-type,
+        & > span:nth-of-type(2),
+        & > span:last-of-type {
+          color: ${utils.colors.gray_300};
+        }
+      }
+    `}
+`;
+const OfferCard = ({
+  title = "Title",
+  productName = "Product Name",
+  text = "Text",
+  rating = true,
+  ratingRate = "10/10",
+  ratingColor = "gray_950",
+  benefit = true,
+  benefitTitle = "Title",
+  benefitLabel = "Text",
+  benefitColor = "white",
+  titleFontSize = 16,
+  titleFontWeight = 700,
+  textFontSize = 14,
+  textFontWeight = 400,
+  width = "auto",
+  disabled = false,
+  img = "",
+  onClick = () => {
+  },
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    OfferCardStyled,
+    {
+      $width: width,
+      $ratingColor: ratingColor,
+      $benefitColor: benefitColor,
+      $titleFontSize: titleFontSize,
+      $titleFontWeight: titleFontWeight,
+      $textFontSize: textFontSize,
+      $textFontWeight: textFontWeight,
+      $disabled: disabled,
+      onClick: (e) => {
+        if (disabled) return;
+        onClick(e);
+      },
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("img", { src: img, alt: "offer-card" }),
+          (benefit || rating) && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            benefit && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "k9m4p2x8n5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: benefitLabel }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: benefitTitle })
+            ] }),
+            rating && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "yw8h5vn3kp", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: ratingRate ?? "0/0" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: productName }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: text })
+        ] })
+      ]
+    }
+  );
+};
+
+exports.default = OfferCard;

package/build/cjs/components/OfferCard/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var OfferCard = require('./OfferCard.cjs');
+
+
+
+exports.default = OfferCard.default;

package/build/cjs/components/OperationsDashboardCard/OperationsDashboardCard.cjs

@@ -0,0 +1,110 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var styled = require('styled-components');
+var utils = require('../../utils');
+var Spinner = require('../Spinner/Spinner.cjs');
+
+const OperationsDashboardCardStyled = styled.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  border-radius: 16px;
+  overflow: hidden;
+  background-color: ${utils.colors.white};
+  box-shadow: 0px 1px 2px 0px rgba(19, 20, 22, 0.2);
+
+  & > div:first-of-type {
+    height: 100px;
+    width: 100%;
+    overflow: hidden;
+
+    & > img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+
+  & > div:nth-of-type(2) {
+    padding: 16px;
+    width: 100%;
+    flex: 1;
+    display: flex;
+    align-items: center;
+
+    & > span {
+      font-size: ${({ $textFontSize }) => $textFontSize && [14, 16, 18, 20, 24].includes($textFontSize) ? $textFontSize + "px" : "16px"};
+      font-weight: ${({ $textFontWeight }) => $textFontWeight && [200, 300, 400, 500, 700, 800].includes($textFontWeight) ? $textFontWeight : 500};
+      color: ${utils.colors.gray_950};
+    }
+  }
+
+  ${({ $disabled }) => $disabled && styled.css`
+      outline: none;
+      background-color: ${utils.colors.gray_60};
+      cursor: default;
+
+      & > div:first-of-type {
+        & > img {
+          opacity: 0.4;
+          filter: saturate(0);
+        }
+      }
+
+      & > div:nth-of-type(2) {
+        & > span {
+          color: ${utils.colors.gray_700};
+        }
+      }
+    `}
+
+  ${({ $loading }) => $loading && styled.css`
+      outline: none;
+      background-color: ${utils.colors.gray_100};
+      justify-content: center;
+      align-items: center;
+
+      & > div:first-of-type {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-height: 152px;
+        width: fit-content;
+      }
+    `}
+`;
+const OperationsDashboardCard = ({
+  text = "Text",
+  textFontSize = 16,
+  textFontWeight = 500,
+  width = "100%",
+  disabled = false,
+  loading = false,
+  img,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    OperationsDashboardCardStyled,
+    {
+      $disabled: disabled,
+      $loading: loading,
+      $width: width,
+      $textFontSize: textFontSize,
+      $textFontWeight: textFontWeight,
+      ...rest,
+      children: [
+        !loading && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: img, alt: "preview_image_card" }) }),
+        !loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: text }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Spinner.default, { style: { opacity: 0.4 }, speed: 2 }) })
+      ]
+    }
+  );
+};
+
+exports.default = OperationsDashboardCard;

package/build/cjs/components/OperationsDashboardCard/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var OperationsDashboardCard = require('./OperationsDashboardCard.cjs');
+
+
+
+exports.default = OperationsDashboardCard.default;

package/build/cjs/components/OperationsDashboardCategory/OperationsDashboardCategory.cjs

@@ -0,0 +1,53 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var styled = require('styled-components');
+var utils = require('../../utils');
+require('react');
+
+const DashboardCategoryStyled = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+
+  & > div:first-of-type {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    justify-content: space-between;
+
+    & > span {
+      font-size: 16px;
+      font-weight: 500;
+      color: ${utils.colors.gray_600};
+    }
+  }
+  & > div:nth-of-type(2) {
+    display: grid;
+    grid-template-columns: ${({ $numberOfCards }) => `repeat(${$numberOfCards}, 1fr)`};
+    gap: ${({ $gap }) => $gap ? `${$gap}px` : "16px"};
+    align-items: stretch;
+  }
+`;
+const OperationsDashboardCategory = ({ title = "", numberOfCards = 4, gap = 8, ...rest }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DashboardCategoryStyled,
+    {
+      $numberOfCards: numberOfCards,
+      $gap: gap,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: rest.children })
+      ]
+    }
+  );
+};
+
+exports.default = OperationsDashboardCategory;

package/build/cjs/components/OperationsDashboardCategory/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var OperationsDashboardCategory = require('./OperationsDashboardCategory.cjs');
+
+
+
+exports.default = OperationsDashboardCategory.default;

package/build/cjs/components/PageMessage/PageMessage.cjs

@@ -0,0 +1,232 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+require('../../assets/icons/exit.svg.cjs');
+require('../../assets/icons/home.svg.cjs');
+require('../../assets/icons/go-right.svg.cjs');
+require('../../assets/icons/trash.svg.cjs');
+require('../../assets/icons/asterix.svg.cjs');
+require('../../assets/icons/hint.svg.cjs');
+require('../../assets/icons/info_filled.svg.cjs');
+require('../../assets/icons/checkmark_filled.svg.cjs');
+require('../../assets/icons/warning_filled.svg.cjs');
+require('../../assets/icons/checkmark.svg.cjs');
+require('../../assets/icons/checkmark_ring.svg.cjs');
+require('../../assets/icons/remove_person.svg.cjs');
+require('../../assets/icons/clear_filled.svg.cjs');
+require('../../assets/icons/satellite-2.svg.cjs');
+require('../../assets/icons/man-butterfly.svg.cjs');
+require('../../assets/icons/doc-sent.svg.cjs');
+require('../../assets/icons/warning-tr-filled.svg.cjs');
+require('../../assets/icons/minus.svg.cjs');
+require('../../assets/icons/add.svg.cjs');
+require('../../assets/icons/doc_edit.svg.cjs');
+require('../../assets/icons/calendar.svg.cjs');
+require('../../assets/icons/branch.svg.cjs');
+require('../../assets/icons/invoice_seal.svg.cjs');
+require('../../assets/icons/money-bag-incoming.svg.cjs');
+require('../../assets/icons/money-bag-Outlined.svg.cjs');
+require('../../assets/icons/forward.svg.cjs');
+require('../../assets/icons/money-investment.svg.cjs');
+require('../../assets/icons/libra.svg.cjs');
+require('../../assets/icons/offer.svg.cjs');
+require('../../assets/icons/man-outlined.svg.cjs');
+require('../../assets/icons/retry-1.svg.cjs');
+require('../../assets/icons/doc-error.svg.cjs');
+require('../../assets/icons/clear-ring-filled.svg.cjs');
+require('../../assets/icons/clear-ring-outlined.svg.cjs');
+require('../../assets/icons/clear-ring.svg.cjs');
+require('../../assets/icons/mail.svg.cjs');
+require('../../assets/icons/mobile.svg.cjs');
+require('../../assets/icons/to-person.svg.cjs');
+require('../../assets/icons/rejected.svg.cjs');
+require('../../assets/icons/new_tab.svg.cjs');
+require('../../assets/icons/money-return.svg.cjs');
+require('../../assets/icons/wallet-2.svg.cjs');
+require('../../assets/icons/back.svg.cjs');
+require('../../assets/icons/close.svg.cjs');
+require('../../assets/icons/card.svg.cjs');
+require('../../assets/icons/calculator-currency-3.svg.cjs');
+require('../../assets/icons/inn-1.svg.cjs');
+require('../../assets/icons/money.svg.cjs');
+require('../../assets/icons/down-ring.svg.cjs');
+require('../../assets/icons/up-ring.svg.cjs');
+require('../../assets/icons/card-heart.svg.cjs');
+require('../../assets/icons/premium.svg.cjs');
+require('../../assets/icons/flag.svg.cjs');
+require('../../assets/icons/document.svg.cjs');
+require('../../assets/icons/up.svg.cjs');
+require('../../assets/icons/plus.svg.cjs');
+require('../../assets/icons/go-left.svg.cjs');
+require('../../assets/icons/select-open-down.svg.cjs');
+require('../../assets/icons/search.svg.cjs');
+require('../../assets/icons/checkmark-part.svg.cjs');
+require('../../assets/icons/doc-new.svg.cjs');
+require('../../assets/icons/tag-price-4.svg.cjs');
+require('../../assets/icons/cube.svg.cjs');
+require('../../assets/icons/chat-ask-raif.svg.cjs');
+require('../../assets/icons/code-qr.svg.cjs');
+require('../../assets/icons/crane-1.svg.cjs');
+require('../../assets/icons/in-progress-ring.svg.cjs');
+require('../../assets/icons/people-2.svg.cjs');
+require('../../assets/icons/chart-bar-2.svg.cjs');
+require('../../assets/icons/certificate.svg.cjs');
+require('../../assets/icons/chart-line.svg.cjs');
+require('../../assets/icons/rating.svg.cjs');
+require('../../assets/icons/select-hide.svg.cjs');
+require('../../assets/icons/refresh-repeat.svg.cjs');
+require('../../assets/icons/clear-rec.svg.cjs');
+require('../../assets/icons/shield-check.svg.cjs');
+require('../../assets/icons/like.svg.cjs');
+require('../../assets/icons/mobile-connecting.svg.cjs');
+require('../../assets/icons/bundle-of-money.svg.cjs');
+require('../../assets/icons/eye-opened.svg.cjs');
+require('../../assets/icons/mountains.svg.cjs');
+require('../../assets/icons/autoservice-3.svg.cjs');
+require('../../assets/icons/payment-auto.svg.cjs');
+require('../../assets/icons/warning-tr.svg.cjs');
+require('../../assets/icons/safe.svg.cjs');
+require('../../assets/icons/lightining.svg.cjs');
+require('../../assets/icons/credit-cash.svg.cjs');
+require('../../assets/icons/atm-cards-1.svg.cjs');
+require('../../assets/icons/card-credit.svg.cjs');
+require('../../assets/icons/exchange-1.svg.cjs');
+require('../../assets/icons/cards.svg.cjs');
+require('../../assets/icons/airplane.svg.cjs');
+require('../../assets/icons/calculator-currency-2.svg.cjs');
+require('../../assets/icons/shield.svg.cjs');
+require('../../assets/icons/menu-up.svg.cjs');
+require('../../assets/icons/menu-down.svg.cjs');
+require('../../assets/icons/office-supplies.svg.cjs');
+require('../../assets/icons/city.svg.cjs');
+require('../../assets/icons/edit.svg.cjs');
+require('../../assets/icons/grocery-2.svg.cjs');
+require('../../assets/icons/other-goods.svg.cjs');
+require('../../assets/icons/credit-consumer.svg.cjs');
+require('../../assets/icons/acc-special.svg.cjs');
+require('../../assets/icons/world.svg.cjs');
+require('../../assets/icons/atm-cash-1.svg.cjs');
+require('../../assets/icons/grocery-1.svg.cjs');
+require('../../assets/icons/hand-cash-1.svg.cjs');
+require('../../assets/icons/chat-raif.svg.cjs');
+require('../../assets/icons/insurance-1.svg.cjs');
+require('../../assets/icons/doc-sign-and-send.svg.cjs');
+require('../../assets/icons/currency-transfer.svg.cjs');
+require('../../assets/icons/in-progress.svg.cjs');
+require('../../assets/icons/calculator.svg.cjs');
+require('../../assets/icons/card-get.svg.cjs');
+require('../../assets/icons/phone.svg.cjs');
+require('../../assets/icons/mail-in.svg.cjs');
+require('../../assets/icons/to-people.svg.cjs');
+require('../../assets/icons/cancel.svg.cjs');
+require('../../assets/icons/eye-closed.svg.cjs');
+require('../../assets/icons/ideas-raiting.svg.cjs');
+require('../../assets/icons/star-person-1.svg.cjs');
+require('../../assets/icons/history.svg.cjs');
+require('../../assets/icons/history-partial.svg.cjs');
+require('../../assets/icons/mobile-send-money.svg.cjs');
+require('../../assets/icons/cash-transactions.svg.cjs');
+require('../../assets/icons/heart-outlined.svg.cjs');
+require('../../assets/icons/task-done.svg.cjs');
+require('../../assets/icons/purchases.svg.cjs');
+require('../../assets/icons/card-raif.svg.cjs');
+require('../../assets/icons/credit-pay-part.svg.cjs');
+require('../../assets/icons/credit-pay-full.svg.cjs');
+require('../../assets/icons/notification-outlined.svg.cjs');
+require('../../assets/icons/mail-out.svg.cjs');
+require('../../assets/icons/chat-1.svg.cjs');
+require('../../assets/icons/people-1.svg.cjs');
+require('../../assets/icons/in-queue.svg.cjs');
+require('../../assets/icons/warning-exclamation.svg.cjs');
+require('../../assets/icons/warning-ring.svg.cjs');
+var styled = require('styled-components');
+var Icon = require('../Icon/Icon.cjs');
+var utils = require('../../utils');
+
+const variantsIntent = {
+  gray: {
+    icon: utils.colors.gray_300,
+    bgPill: utils.colors.gray_100,
+    colorPill: utils.colors.gray_300,
+    textColor: utils.colors.gray_300
+  },
+  default: {
+    icon: utils.colors.gray_950,
+    bgPill: utils.colors.gray_100,
+    colorPill: utils.colors.gray_950,
+    textColor: utils.colors.gray_950
+  },
+  info: {
+    icon: utils.colors.info_700,
+    bgPill: utils.colors.info_100,
+    colorPill: utils.colors.info_700,
+    textColor: utils.colors.info_700
+  },
+  success: {
+    icon: utils.colors.success_600,
+    bgPill: utils.colors.success_100,
+    colorPill: utils.colors.success_600,
+    textColor: utils.colors.success_600
+  },
+  warning: {
+    icon: utils.colors.warning_500,
+    bgPill: utils.colors.warning_100,
+    colorPill: utils.colors.warning_500,
+    textColor: utils.colors.warning_500
+  },
+  danger: {
+    icon: utils.colors.danger_600,
+    bgPill: utils.colors.danger_100,
+    colorPill: utils.colors.danger_600,
+    textColor: utils.colors.danger_600
+  }
+};
+const PageMessageStyled = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  justify-content: center;
+  align-items: center;
+  font-size: 20px;
+  font-weight: 500;
+  color: ${(props) => props.$intent && variantsIntent[props.$intent].textColor};
+
+  & > div:first-of-type {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  & > span {
+    padding: 2px 8px;
+    border-radius: 8px;
+    text-align: center;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 170%;
+    background-color: ${(props) => props.$intent && variantsIntent[props.$intent].bgPill};
+    color: ${(props) => props.$intent && variantsIntent[props.$intent].colorPill};
+  }
+`;
+const PageMessage = ({
+  intent = "default",
+  icon = "satellite-2",
+  pillText,
+  children,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(PageMessageStyled, { $intent: intent, $pillText: pillText, ...rest, children: [
+    icon && /* @__PURE__ */ jsxRuntime.jsx(Icon.default, { icon, size: 32, color: variantsIntent[intent].icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children }),
+    pillText && typeof pillText === "string" && /* @__PURE__ */ jsxRuntime.jsx("span", { children: pillText })
+  ] });
+};
+
+exports.default = PageMessage;

package/build/cjs/components/PageMessage/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PageMessage = require('./PageMessage.cjs');
+
+
+
+exports.default = PageMessage.default;