@bothub-chat/ui/dist/components/message/markdown/styled.js

Bothub UI Components

import t from"react-markdown";import{styled as o,css as i,keyframes as s}from"styled-components";import l from"react";import"tslib";import"react/jsx-runtime";import{MessageInlineCodeStyled as e}from"../components/code/inline/styled.js";import"../context.js";import{MessageMultilineCodeStyled as m}from"../components/code/multiline/styled.js";import"@react-spring/web";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import"../components/code/multiline/copy/styled.js";import"../../../icons/check-small/index.js";import"../../../icons/copy/index.js";import{MessageMultilineCodeContentContainer as c,MessageMultilineCodeLastLine as n}from"../components/code/multiline/content/styled.js";import{MessageParagraphStyled as r}from"../components/paragraph/styled.js";import{MessageBoldStyled as a}from"../components/bold/styled.js";import{MessageItalicStyled as p}from"../components/italic/styled.js";import{MessagePre as d}from"../components/pre/styled.js";import{MessageTableStyled as h,MessageTableRow as y}from"../components/table/styled.js";import{MessageTableCellStyled as g}from"../components/table/cell/styled.js";import{MessageListStyled as f}from"../components/list/styled.js";import"../components/list/context.js";import{MessageListItemStyled as j}from"../components/list/item/styled.js";import{MessageTitleStyled as x}from"../components/title/styled.js";import{MessageLinkStyled as $}from"../components/link/styled.js";import"../components/image/styled.js";import"../components/image/context.js";import"../components/image/grid/styled.js";import"../components/image/button/styled.js";import"../components/image/button/list/styled.js";const b=o.div.withConfig({displayName:"styled__MessageMarkdownStyled",componentId:"sc-8jnypu-0"})(["display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;"]),u=l.memo(o(t).withConfig({displayName:"styled__MessageMarkdownLine",componentId:"sc-8jnypu-1"})(["display:block;width:100%;color:",";font-weight:400;font-size:16px;line-height:22px;> *:first-child{margin-top:0px;}> *:last-child{margin-bottom:0px;}> ",":first-child{> ","{margin-top:0px;}}> ",":last-child{> ","{margin-bottom:0px;}}",""],(({theme:t})=>"custom"===t.scheme?t.colors.custom.message.assistant.text:"dark"===t.mode?t.colors.base.white:"#a1a19a"),d,m,d,m,(({$typing:t,$color:o,theme:s})=>t&&i`
        &:last-child
          > ${r}:last-child,
          &:last-child
          > ${a}:last-child,
          &:last-child
          > ${p}:last-child,
          &:last-child
          > ${e}:last-child,
          &:last-child
          > ${d}:last-child
          > ${m}:last-child
          ${c}
          ${n}:last-child,
          &:last-child
          > ${d}:last-child
          > ${m}:last-child
          ${c}
          pre
          code:last-child,
        &:last-child
          > ${h}
          *:last-child
          > ${y}:last-child
          > ${g}:last-child,
          &:last-child
          > ${f}:last-child
          > ${j}:last-child,
          &:last-child
          > ${x}:last-child,
          &:last-child
          > ${$}:last-child {
          &:after {
            display: inline-flex;
            width: calc(var(--bothub-typing-cursor-size, 21px) / 3.5);
            height: var(--bothub-typing-cursor-size, 21px);
            border-radius: calc(var(--bothub-typing-cursor-size, 21px) / 7);
            flex-shrink: 0;
            background: ${"default"!==o?s.default.colors.base.white:s.colors.base.white};
            vertical-align: text-top;
            animation: ${w} 0.9s infinite;
            content: '';
            @media (max-width: ${({theme:t})=>t.tablet.maxWidth}) {
              height: 17px;
            }
          }
        }
      `)),((t,o)=>t.children===o.children&&t.$typing===o.$typing&&t.$color===o.$color&&t.$singleDollarTextMath===o.$singleDollarTextMath)),w=s`
  from {
    opacity: 0.75;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 0.75;
  }
`;export{u as MessageMarkdownLine,b as MessageMarkdownStyled,w as messageTextCursorOpacity};