@bothub-chat/ui 2.25.10-develop-213dd43b-30c9-4629-a42f-fe9fce9ddf96 → 2.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -23
- package/dist/components/footer/mobile/index.d.ts +1 -0
- package/dist/components/footer/mobile/index.js +1 -1
- package/dist/components/footer/mobile/styled.d.ts +3 -4
- package/dist/components/footer/mobile/styled.js +6 -3
- package/dist/components/header/menu/styled.js +11 -8
- package/dist/components/header/styled.js +1 -1
- package/dist/components/header/theme-switcher/styled.js +1 -1
- package/dist/components/sidebar/group/styled.js +1 -3
- package/package.json +68 -68
- package/dist/utils/useIsIOS.d.ts +0 -1
- package/dist/utils/useIsIOS.js +0 -1
package/README.md
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
<p align="center">
|
|
2
|
-
<img src="https://bothub.chat/icon-144x144.png" />
|
|
3
|
-
</p>
|
|
4
|
-
<h1 align="center">Bothub Chat</h1>
|
|
5
|
-
<p align="center">UI Components from Bothub.</p>
|
|
6
|
-
<p align="center">
|
|
7
|
-
<a href="https://bothub-docs.vercel.app/">Documentation</a>
|
|
8
|
-
</p>
|
|
9
|
-
|
|
10
|
-
<h2>Installing</h2>
|
|
11
|
-
<p>Preliminary requirements:</p>
|
|
12
|
-
<ul>
|
|
13
|
-
<li><a href="https://nodejs.org/">Node.js</a> >= <code>18.12.1</code></li>
|
|
14
|
-
<li><a href="https://www.npmjs.com/">npm</a> >= <code>9.1.2</code></li>
|
|
15
|
-
<li><a href="https://yarnpkg.com/">yarn</a> >= <code>1.22.19</code></li>
|
|
16
|
-
</ul>
|
|
17
|
-
<p>Installing peer dependencies:</p>
|
|
18
|
-
<pre>yarn add framer-motion@10.16.3 react@18.2.0 react-dom@18.2.0 styled-components@6.0.7 react-helmet@6.1.0 normalize.css@8.0.1 react-slider@2.0.6 react-markdown@8.0.5 highlight.js@11.9.0 react-highlight@0.15.0</pre>
|
|
19
|
-
<p>Installing package:</p>
|
|
20
|
-
<pre>yarn add @bothub-chat/ui</pre>
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
<h2>License</h2>
|
|
1
|
+
<p align="center">
|
|
2
|
+
<img src="https://bothub.chat/icon-144x144.png" />
|
|
3
|
+
</p>
|
|
4
|
+
<h1 align="center">Bothub Chat</h1>
|
|
5
|
+
<p align="center">UI Components from Bothub.</p>
|
|
6
|
+
<p align="center">
|
|
7
|
+
<a href="https://bothub-docs.vercel.app/">Documentation</a>
|
|
8
|
+
</p>
|
|
9
|
+
|
|
10
|
+
<h2>Installing</h2>
|
|
11
|
+
<p>Preliminary requirements:</p>
|
|
12
|
+
<ul>
|
|
13
|
+
<li><a href="https://nodejs.org/">Node.js</a> >= <code>18.12.1</code></li>
|
|
14
|
+
<li><a href="https://www.npmjs.com/">npm</a> >= <code>9.1.2</code></li>
|
|
15
|
+
<li><a href="https://yarnpkg.com/">yarn</a> >= <code>1.22.19</code></li>
|
|
16
|
+
</ul>
|
|
17
|
+
<p>Installing peer dependencies:</p>
|
|
18
|
+
<pre>yarn add framer-motion@10.16.3 react@18.2.0 react-dom@18.2.0 styled-components@6.0.7 react-helmet@6.1.0 normalize.css@8.0.1 react-slider@2.0.6 react-markdown@8.0.5 highlight.js@11.9.0 react-highlight@0.15.0</pre>
|
|
19
|
+
<p>Installing package:</p>
|
|
20
|
+
<pre>yarn add @bothub-chat/ui</pre>
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
<h2>License</h2>
|
|
24
24
|
<p><a href="https://github.com/matbea-dev/bothub/blob/main/LICENSE">MIT</a></p>
|
|
@@ -3,6 +3,7 @@ import { TariffPlan } from '@/ui/components/types';
|
|
|
3
3
|
export type FooterMobileButtonClickHandler = () => unknown;
|
|
4
4
|
export type FooterMobileButtonActiveProp = 'menu' | 'chats' | 'settings' | null;
|
|
5
5
|
export interface FooterMobileProps {
|
|
6
|
+
isPreset?: boolean;
|
|
6
7
|
tariffPlan?: TariffPlan;
|
|
7
8
|
activeButton?: FooterMobileButtonActiveProp;
|
|
8
9
|
onMenuClick: FooterMobileButtonClickHandler;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as i,jsx as o}from"react/jsx-runtime";import s from"react";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import{MenuIcon as n}from"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"tslib";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import{ChatsIcon as e}from"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/minimize/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/unminimize/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import{SettingsIcon as r}from"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import{FooterMobileStyled as t,FooterMobileButton as c,FooterMobileNewChatButton as d}from"./styled.js";import"../../../theme/index.js";import"../../sidebar/styled.js";import"../../sidebar/context.js";import"@react-spring/web";import"../../sidebar/menu/styled.js";import"../../sidebar/menu/context.js";import"../../sidebar/menu/nav/link/styled.js";import"../../icon/styled.js";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../tooltip/context.js";import"../../sidebar/toggle-button/styled.js";import"../../sidebar/buttons/styled.js";import"../../sidebar/user-info/styled.js";import"../../sidebar/user-info/context.js";import{SidebarUserInfoAvatar as m}from"../../sidebar/user-info/avatar/index.js";import"../../skeleton/index.js";import"../../sidebar/user-info/skeleton/styled.js";import"../../button/styled.js";import"@dnd-kit/core";import"../../sidebar/chat/styled.js";import"../../sidebar/group/styled.js";import"../../sidebar/empty/styled.js";import"../../sidebar/theme-switcher/styled.js";import"../../sidebar/dropdown/styled.js";import"../../sidebar/dropdown/item/styled.js";import"../../sidebar/group-empty/styled.js";import"../../sidebar/lang/styled.js";import"../../sidebar/lang/item/styled.js";import{useIsIOS as p}from"../../../utils/useIsIOS.js";import{useTheme as j}from"../../../theme/hook.js";const x=s.memo((({tariffPlan:s,activeButton:x,onMenuClick:a,onChatsClick:l,onAddChatClick:b,onSettingsClick:g,onUserClick:u})=>{const h=j(),f=p();return i(t,{$isIOS:f,children:[o(c,{onClick:a,children:o(n,{fill:"menu"===x?h.colors.accent.primary:h.colors.base.white})}),o(c,{onClick:l,children:o(e,{fill:"chats"===x?h.colors.accent.primary:h.colors.base.white})}),o(d,{onClick:b}),o(c,{onClick:g,children:o(r,{fill:"settings"===x?h.colors.accent.primary:h.colors.base.white})}),o(c,{$iconSize:44,onClick:u,children:o(m,{tariffPlan:s,size:44})})]})}));export{x as FooterMobile};
|
|
1
|
+
import{jsxs as i,jsx as o}from"react/jsx-runtime";import s from"react";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import{MenuIcon as n}from"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"tslib";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import{ChatsIcon as e}from"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/minimize/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/unminimize/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import{SettingsIcon as r}from"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import{FooterMobileStyled as t,FooterMobileButton as c,FooterMobileNewChatButton as d}from"./styled.js";import"../../../theme/index.js";import"../../sidebar/styled.js";import"../../sidebar/context.js";import"@react-spring/web";import"../../sidebar/menu/styled.js";import"../../sidebar/menu/context.js";import"../../sidebar/menu/nav/link/styled.js";import"../../icon/styled.js";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../tooltip/context.js";import"../../sidebar/toggle-button/styled.js";import"../../sidebar/buttons/styled.js";import"../../sidebar/user-info/styled.js";import"../../sidebar/user-info/context.js";import{SidebarUserInfoAvatar as m}from"../../sidebar/user-info/avatar/index.js";import"../../skeleton/index.js";import"../../sidebar/user-info/skeleton/styled.js";import"../../button/styled.js";import"@dnd-kit/core";import"../../sidebar/chat/styled.js";import"../../sidebar/group/styled.js";import"../../sidebar/empty/styled.js";import"../../sidebar/theme-switcher/styled.js";import"../../sidebar/dropdown/styled.js";import"../../sidebar/dropdown/item/styled.js";import"../../sidebar/group-empty/styled.js";import"../../sidebar/lang/styled.js";import"../../sidebar/lang/item/styled.js";import{useTheme as p}from"../../../theme/hook.js";const x=s.memo((({isPreset:s,tariffPlan:x,activeButton:j,onMenuClick:a,onChatsClick:l,onAddChatClick:b,onSettingsClick:g,onUserClick:u})=>{const h=p();return i(t,{$isPreset:s,children:[o(c,{onClick:a,children:o(n,{fill:"menu"===j?h.colors.accent.primary:h.colors.base.white})}),o(c,{onClick:l,children:o(e,{fill:"chats"===j?h.colors.accent.primary:h.colors.base.white})}),o(d,{onClick:b}),o(c,{onClick:g,children:o(r,{fill:"settings"===j?h.colors.accent.primary:h.colors.base.white})}),o(c,{$iconSize:44,onClick:u,children:o(m,{tariffPlan:x,size:44})})]})}));export{x as FooterMobile};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
export
|
|
2
|
-
$
|
|
3
|
-
}
|
|
4
|
-
export declare const FooterMobileStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FooterMobileStyledProps>>;
|
|
1
|
+
export declare const FooterMobileStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2
|
+
$isPreset?: boolean;
|
|
3
|
+
}>>;
|
|
5
4
|
export interface FooterMobileButtonProps {
|
|
6
5
|
$iconSize?: number;
|
|
7
6
|
}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import{jsx as i}from"react/jsx-runtime";import{styled as o,css as s}from"styled-components";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"tslib";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/minimize/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/unminimize/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import{AddChatIcon as n}from"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import{adaptive as e}from"../../../adaptive/index.js";const t=o.div.withConfig({displayName:"styled__FooterMobileStyled",componentId:"sc-16vg1d3-0"})(["width:100%;display:none;justify-content:space-between;align-items:center;padding:16px;background-color:",";border-top:2px solid ",";z-index:",";"," ",""],(({theme:i})=>i.colors.grayScale.gray4),(({theme:i})=>i.colors.grayScale.gray2),(({theme:i})=>i.zIndex.
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import{jsx as i}from"react/jsx-runtime";import{styled as o,css as s}from"styled-components";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"tslib";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/minimize/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/unminimize/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import{AddChatIcon as n}from"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import{adaptive as e}from"../../../adaptive/index.js";const t=o.div.withConfig({displayName:"styled__FooterMobileStyled",componentId:"sc-16vg1d3-0"})(["width:100%;display:none;justify-content:space-between;align-items:center;padding:16px;background-color:",";border-top:2px solid ",";z-index:",";"," @supports (-webkit-touch-callout:none){@media (max-width:","){padding-bottom:env(safe-area-inset-bottom);}}",""],(({theme:i})=>i.colors.grayScale.gray4),(({theme:i})=>i.colors.grayScale.gray2),(({theme:i})=>i.zIndex.modal),(({$isPreset:i})=>i&&s`
|
|
2
|
+
position: fixed;
|
|
3
|
+
bottom: 0;
|
|
4
|
+
left: 0;
|
|
5
|
+
width: 100%;
|
|
6
|
+
`),(({theme:i})=>i.dashboard.miniTablet.maxWidth),e({variant:"dashboard",mobile:s`
|
|
4
7
|
display: flex;
|
|
5
8
|
`})),r=o.button.withConfig({displayName:"styled__FooterMobileButton",componentId:"sc-16vg1d3-1"})(["all:unset;display:flex;align-items:center;justify-content:center;width:48px;height:48px;&:hover{opacity:0.8;cursor:pointer;}&:active{opacity:0.7;transform:translateY(1px);}transition:all 0.2s ease-out;",""],(({$iconSize:i})=>s`
|
|
6
9
|
svg {
|
|
@@ -1,24 +1,27 @@
|
|
|
1
|
-
import{styled as e,css as
|
|
1
|
+
import{styled as e,css as a,createGlobalStyle as t}from"styled-components";import{animated as i}from"@react-spring/web";import{adaptive as h}from"../../../adaptive/index.js";const d=e.div.withConfig({displayName:"styled__HeaderMenuStyled",componentId:"sc-1k8b9s7-0"})(["position:relative;"]),o=e(i.div).withConfig({displayName:"styled__HeaderMenuContent",componentId:"sc-1k8b9s7-1"})(["display:flex;flex-direction:column;align-items:flex-start;position:fixed;background:",";gap:40px;overflow:auto;position:absolute;top:0px;left:0px;right:0px;z-index:",";",""],(({theme:e})=>e.colors.base.black),(({theme:e})=>e.zIndex.headerMenu),(({theme:e,$variant:t,$isPreset:i})=>{switch(t){case"main":return h({variant:t,desktop:a`
|
|
2
2
|
display: none;
|
|
3
3
|
height: calc(100vh - ${e.header.height});
|
|
4
|
-
`,tablet:
|
|
4
|
+
`,tablet:a`
|
|
5
5
|
padding: 42px 40px;
|
|
6
6
|
height: calc(100vh - ${e.header.height});
|
|
7
|
-
`,mobile:
|
|
7
|
+
`,mobile:a`
|
|
8
8
|
padding: 32px 30px;
|
|
9
9
|
height: calc(100vh - ${e.header.mobile.height});
|
|
10
|
-
`});case"dashboard":return h({variant:
|
|
10
|
+
`});case"dashboard":return h({variant:t,desktop:a`
|
|
11
11
|
display: none;
|
|
12
12
|
height: calc(100vh - ${e.dashboard.header.height});
|
|
13
|
-
`,tablet:
|
|
13
|
+
`,tablet:a`
|
|
14
14
|
${i?"":"display: none;"}
|
|
15
15
|
padding: 42px 18px;
|
|
16
16
|
height: calc(100vh - ${e.dashboard.header.tablet.height});
|
|
17
|
-
`,mobile:
|
|
17
|
+
`,mobile:a`
|
|
18
18
|
${i?"":"display: none;"}
|
|
19
19
|
padding: 32px 16px;
|
|
20
|
-
height: calc(
|
|
21
|
-
|
|
20
|
+
height: calc(
|
|
21
|
+
100vh -
|
|
22
|
+
${i?parseInt(e.dashboard.header.mobile.height)-80:e.dashboard.header.mobile.height}
|
|
23
|
+
);
|
|
24
|
+
`})}})),n=t`
|
|
22
25
|
body {
|
|
23
26
|
overflow: hidden;
|
|
24
27
|
max-height: 100vh;
|
|
@@ -35,7 +35,7 @@ import{styled as e,css as t}from"styled-components";import{Container as i}from".
|
|
|
35
35
|
transition: background-color 0.3s;
|
|
36
36
|
background-color: ${e.colors.grayScale.gray4};
|
|
37
37
|
${i}
|
|
38
|
-
`}}})),r=e(i).withConfig({displayName:"styled__HeaderContainer",componentId:"sc-1m73u3z-3"})(["display:flex;justify-content:space-between;align-items:center;height:inherit;position:relative;"]),s=e.div.withConfig({displayName:"styled__HeaderContainerContent",componentId:"sc-1m73u3z-4"})(["display:flex;align-items:center;width:100%;height:inherit;box-sizing:border-box;position:relative;",""],(({$variant:e})=>a({desktop:t`
|
|
38
|
+
`}}})),r=e(i).withConfig({displayName:"styled__HeaderContainer",componentId:"sc-1m73u3z-3"})(["display:flex;justify-content:space-between;align-items:center;height:inherit;position:relative;"]),s=e.div.withConfig({displayName:"styled__HeaderContainerContent",componentId:"sc-1m73u3z-4"})(["display:flex;align-items:center;width:100%;height:inherit;box-sizing:border-box;position:relative;",""],(({$variant:e})=>a({variant:"dashboard",desktop:t`
|
|
39
39
|
display: ${"desktop"===e?"flex":"none"};
|
|
40
40
|
justify-content: space-between;
|
|
41
41
|
`,tablet:t`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e,css as i}from"styled-components";import{DarkIcon as n}from"../../../icons/dark/index.js";import{adaptive as t}from"../../../adaptive/index.js";const a=e.button.withConfig({displayName:"styled__HeaderThemeSwitcherStyled",componentId:"sc-ech4vy-0"})(["",";"],(({theme:e,$inMenu:n})=>{if(n){const e=t({variant:"dashboard",merge:!0,desktop:i(["display:none;"]),tablet:"\n display: inline-flex;\n "});return i(["width:fit-content;overflow:hidden;align-items:center;cursor:pointer;background:",";border:none;border-radius:200px;padding:2px;",""],(({theme:e})=>e.colors.grayScale.gray3),e)}const a=t({variant:"dashboard",merge:!0,desktop:i(["display:inline-flex;"]),miniTablet:i(["display:inline-flex;"]),mobile:i(["display:none;"])});return i(["flex-shrink:0;align-items:center;padding:2px;cursor:pointer;background:",";border:none;border-radius:200px;",""],e.colors.grayScale.gray3,a)})),o=e.span.withConfig({displayName:"styled__HeaderThemeSwitcherList",componentId:"sc-ech4vy-1"})(["display:flex;align-items:center;gap:6px;"," position:relative;"],(({$inMenu:e})=>e&&i(["width:100%;"]))),r=e.span.withConfig({displayName:"styled__HeaderThemeSwitcherItem",componentId:"sc-ech4vy-2"})(["display:inline-flex;position:relative;border-radius:12px;"," ",""],(({$inMenu:e})=>!e&&i(["padding:8px;"])),(({$inMenu:e})=>e&&i(["width:100%;padding:6px;"]))),d=e.span.withConfig({displayName:"styled__HeaderThemeSwitcherItemBackground",componentId:"sc-ech4vy-3"})(["display:inline-flex;position:absolute;top:0px;bottom:0px;left:0px;width:calc(50% - 3px);height:100%;border:1px solid ",";border-radius:50%;background:",";transition:transform 0.2s ease-out,background 0.2s ease-out;transform:",";"],(({theme:e})=>e.colors.grayScale.gray2),(({theme:e})=>e.colors.grayScale.gray4),(({$isLight:e})=>e?"translateX(0%)":"translateX(calc(100% + 6px))")),s=e.span.withConfig({displayName:"styled__HeaderThemeSwitcherItemContent",componentId:"sc-ech4vy-4"})(["display:inline-flex;position:relative;padding:4px;width:100%;justify-content:center;"]),l=e(n).withConfig({displayName:"styled__HeaderThemeSwitcherIcon",componentId:"sc-ech4vy-5"})([""]);export{l as HeaderThemeSwitcherIcon,r as HeaderThemeSwitcherItem,d as HeaderThemeSwitcherItemBackground,s as HeaderThemeSwitcherItemContent,o as HeaderThemeSwitcherList,a as HeaderThemeSwitcherStyled};
|
|
1
|
+
import{styled as e,css as i}from"styled-components";import{DarkIcon as n}from"../../../icons/dark/index.js";import{adaptive as t}from"../../../adaptive/index.js";const a=e.button.withConfig({displayName:"styled__HeaderThemeSwitcherStyled",componentId:"sc-ech4vy-0"})(["",";"],(({theme:e,$inMenu:n})=>{if(n){const e=t({variant:"dashboard",merge:!0,desktop:i(["display:none;"]),tablet:"\n display: inline-flex;\n "});return i(["width:fit-content;min-height:36px;overflow:hidden;align-items:center;cursor:pointer;background:",";border:none;border-radius:200px;padding:2px;",""],(({theme:e})=>e.colors.grayScale.gray3),e)}const a=t({variant:"dashboard",merge:!0,desktop:i(["display:inline-flex;"]),miniTablet:i(["display:inline-flex;"]),mobile:i(["display:none;"])});return i(["flex-shrink:0;align-items:center;padding:2px;cursor:pointer;background:",";border:none;border-radius:200px;",""],e.colors.grayScale.gray3,a)})),o=e.span.withConfig({displayName:"styled__HeaderThemeSwitcherList",componentId:"sc-ech4vy-1"})(["display:flex;align-items:center;gap:6px;"," position:relative;"],(({$inMenu:e})=>e&&i(["width:100%;"]))),r=e.span.withConfig({displayName:"styled__HeaderThemeSwitcherItem",componentId:"sc-ech4vy-2"})(["display:inline-flex;position:relative;border-radius:12px;"," ",""],(({$inMenu:e})=>!e&&i(["padding:8px;"])),(({$inMenu:e})=>e&&i(["width:100%;padding:6px;"]))),d=e.span.withConfig({displayName:"styled__HeaderThemeSwitcherItemBackground",componentId:"sc-ech4vy-3"})(["display:inline-flex;position:absolute;top:0px;bottom:0px;left:0px;width:calc(50% - 3px);height:100%;border:1px solid ",";border-radius:50%;background:",";transition:transform 0.2s ease-out,background 0.2s ease-out;transform:",";"],(({theme:e})=>e.colors.grayScale.gray2),(({theme:e})=>e.colors.grayScale.gray4),(({$isLight:e})=>e?"translateX(0%)":"translateX(calc(100% + 6px))")),s=e.span.withConfig({displayName:"styled__HeaderThemeSwitcherItemContent",componentId:"sc-ech4vy-4"})(["display:inline-flex;position:relative;padding:4px;width:100%;justify-content:center;"]),l=e(n).withConfig({displayName:"styled__HeaderThemeSwitcherIcon",componentId:"sc-ech4vy-5"})([""]);export{l as HeaderThemeSwitcherIcon,r as HeaderThemeSwitcherItem,d as HeaderThemeSwitcherItemBackground,s as HeaderThemeSwitcherItemContent,o as HeaderThemeSwitcherList,a as HeaderThemeSwitcherStyled};
|
|
@@ -17,9 +17,7 @@ import{styled as i,css as o,keyframes as s}from"styled-components";import{Typogr
|
|
|
17
17
|
background-color: ${({theme:i})=>i.colors.accent.primary};
|
|
18
18
|
animation: ${h} 0.3s ease-out 1 forwards;
|
|
19
19
|
}
|
|
20
|
-
`)),f=i.div.withConfig({displayName:"styled__SidebarGroupNameWithBg",componentId:"sc-1b5rk7r-4"})(["width:100%;border-radius:10px;background-color:",";position:relative;"],(({theme:i})=>i.colors.grayScale.gray4)),y=i(n).attrs({variant:"body-l-medium",component:"div"}).withConfig({displayName:"styled__SidebarGroupName",componentId:"sc-1b5rk7r-5"})(["color:",";display:flex;cursor:",";padding:8px;
|
|
21
|
-
padding-right: 11px;
|
|
22
|
-
`),(({theme:i})=>j(i.colors.accent.primaryLight,.5)),x,b,(({$open:i})=>i?"rotate(180deg)":"rotate(0deg)")),w=i.div.withConfig({displayName:"styled__SidebarGroupNameBox",componentId:"sc-1b5rk7r-6"})(["display:flex;width:100%;align-items:center;"]),k=i.div.withConfig({displayName:"styled__SidebarChatList",componentId:"sc-1b5rk7r-7"})(["display:flex;flex-direction:column;width:100%;min-height:40px;"," "," transition:opacity 0.3s;"],(({open:i})=>i?o`
|
|
20
|
+
`)),f=i.div.withConfig({displayName:"styled__SidebarGroupNameWithBg",componentId:"sc-1b5rk7r-4"})(["width:100%;border-radius:10px;background-color:",";position:relative;"],(({theme:i})=>i.colors.grayScale.gray4)),y=i(n).attrs({variant:"body-l-medium",component:"div"}).withConfig({displayName:"styled__SidebarGroupName",componentId:"sc-1b5rk7r-5"})(["color:",";display:flex;cursor:",";padding:8px;align-items:center;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;&:hover{background-color:",";border-radius:10px;transition:background-color 0.3s ease-out;}& > ","{display:flex;width:38px;margin-left:16px;}& > ","{transform:",";}"],(({theme:i})=>i.colors.base.white),(({$skeleton:i})=>i?"not-allowed":"pointer"),(({theme:i})=>j(i.colors.accent.primaryLight,.5)),x,b,(({$open:i})=>i?"rotate(180deg)":"rotate(0deg)")),w=i.div.withConfig({displayName:"styled__SidebarGroupNameBox",componentId:"sc-1b5rk7r-6"})(["display:flex;width:100%;align-items:center;"]),k=i.div.withConfig({displayName:"styled__SidebarChatList",componentId:"sc-1b5rk7r-7"})(["display:flex;flex-direction:column;width:100%;min-height:40px;"," "," transition:opacity 0.3s;"],(({open:i})=>i?o`
|
|
23
21
|
margin-top: 3px;
|
|
24
22
|
`:o`
|
|
25
23
|
display: none;
|
package/package.json
CHANGED
|
@@ -1,68 +1,68 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@bothub-chat/ui",
|
|
3
|
-
"version": "2.
|
|
4
|
-
"description": "Bothub UI Components",
|
|
5
|
-
"keywords": [
|
|
6
|
-
"bothub",
|
|
7
|
-
"bot",
|
|
8
|
-
"chat",
|
|
9
|
-
"chatgpt",
|
|
10
|
-
"ai",
|
|
11
|
-
"react"
|
|
12
|
-
],
|
|
13
|
-
"repository": {
|
|
14
|
-
"url": "https://github.com/bothubchat/bothub.git",
|
|
15
|
-
"type": "git",
|
|
16
|
-
"directory": "./packages/ui"
|
|
17
|
-
},
|
|
18
|
-
"publishConfig": {
|
|
19
|
-
"access": "public",
|
|
20
|
-
"registry": "https://registry.npmjs.org/"
|
|
21
|
-
},
|
|
22
|
-
"author": "dev2alert <atmpotn@yandex.ru>",
|
|
23
|
-
"license": "MIT",
|
|
24
|
-
"homepage": "https://bothub.chat",
|
|
25
|
-
"files": [
|
|
26
|
-
"./dist",
|
|
27
|
-
"./fonts"
|
|
28
|
-
],
|
|
29
|
-
"type": "module",
|
|
30
|
-
"main": "./dist/index.js",
|
|
31
|
-
"module": "./dist/index.js",
|
|
32
|
-
"types": "./dist/index.d.ts",
|
|
33
|
-
"exports": {
|
|
34
|
-
".": {
|
|
35
|
-
"types": "./dist/index.d.ts",
|
|
36
|
-
"import": "./dist/index.js",
|
|
37
|
-
"default": "./dist/index.js"
|
|
38
|
-
},
|
|
39
|
-
"./components/*": "./dist/components/*",
|
|
40
|
-
"./fonts/*": "./fonts/*",
|
|
41
|
-
"./utils/*": "./dist/utils/*"
|
|
42
|
-
},
|
|
43
|
-
"sideEffects": false,
|
|
44
|
-
"peerDependencies": {
|
|
45
|
-
"@uidotdev/usehooks": "^2.4.1",
|
|
46
|
-
"react": ">=18.2.0",
|
|
47
|
-
"react-dom": ">=18.2.0",
|
|
48
|
-
"react-helmet": ">=6.1.0",
|
|
49
|
-
"styled-components": "^6.0.7"
|
|
50
|
-
},
|
|
51
|
-
"dependencies": {
|
|
52
|
-
"@dnd-kit/core": "^6.1.0",
|
|
53
|
-
"@floating-ui/react": "^0.26.16",
|
|
54
|
-
"@floating-ui/react-dom": "^2.1.0",
|
|
55
|
-
"@react-spring/web": "^9.7.4",
|
|
56
|
-
"date-fns": "^3.6.0",
|
|
57
|
-
"highlight.js": "^11.11.0",
|
|
58
|
-
"katex": "^0.16.10",
|
|
59
|
-
"normalize.css": "^8.0.1",
|
|
60
|
-
"react-markdown": "^8.0.7",
|
|
61
|
-
"react-slider": "^2.0.6",
|
|
62
|
-
"rehype-katex": "^7.0.0",
|
|
63
|
-
"remark-gfm": "^3.0.1",
|
|
64
|
-
"remark-math": "^5.1.1",
|
|
65
|
-
"tslib": "^2.6.2",
|
|
66
|
-
"unist-util-visit": "^5.0.0"
|
|
67
|
-
}
|
|
68
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@bothub-chat/ui",
|
|
3
|
+
"version": "2.26.0",
|
|
4
|
+
"description": "Bothub UI Components",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"bothub",
|
|
7
|
+
"bot",
|
|
8
|
+
"chat",
|
|
9
|
+
"chatgpt",
|
|
10
|
+
"ai",
|
|
11
|
+
"react"
|
|
12
|
+
],
|
|
13
|
+
"repository": {
|
|
14
|
+
"url": "https://github.com/bothubchat/bothub.git",
|
|
15
|
+
"type": "git",
|
|
16
|
+
"directory": "./packages/ui"
|
|
17
|
+
},
|
|
18
|
+
"publishConfig": {
|
|
19
|
+
"access": "public",
|
|
20
|
+
"registry": "https://registry.npmjs.org/"
|
|
21
|
+
},
|
|
22
|
+
"author": "dev2alert <atmpotn@yandex.ru>",
|
|
23
|
+
"license": "MIT",
|
|
24
|
+
"homepage": "https://bothub.chat",
|
|
25
|
+
"files": [
|
|
26
|
+
"./dist",
|
|
27
|
+
"./fonts"
|
|
28
|
+
],
|
|
29
|
+
"type": "module",
|
|
30
|
+
"main": "./dist/index.js",
|
|
31
|
+
"module": "./dist/index.js",
|
|
32
|
+
"types": "./dist/index.d.ts",
|
|
33
|
+
"exports": {
|
|
34
|
+
".": {
|
|
35
|
+
"types": "./dist/index.d.ts",
|
|
36
|
+
"import": "./dist/index.js",
|
|
37
|
+
"default": "./dist/index.js"
|
|
38
|
+
},
|
|
39
|
+
"./components/*": "./dist/components/*",
|
|
40
|
+
"./fonts/*": "./fonts/*",
|
|
41
|
+
"./utils/*": "./dist/utils/*"
|
|
42
|
+
},
|
|
43
|
+
"sideEffects": false,
|
|
44
|
+
"peerDependencies": {
|
|
45
|
+
"@uidotdev/usehooks": "^2.4.1",
|
|
46
|
+
"react": ">=18.2.0",
|
|
47
|
+
"react-dom": ">=18.2.0",
|
|
48
|
+
"react-helmet": ">=6.1.0",
|
|
49
|
+
"styled-components": "^6.0.7"
|
|
50
|
+
},
|
|
51
|
+
"dependencies": {
|
|
52
|
+
"@dnd-kit/core": "^6.1.0",
|
|
53
|
+
"@floating-ui/react": "^0.26.16",
|
|
54
|
+
"@floating-ui/react-dom": "^2.1.0",
|
|
55
|
+
"@react-spring/web": "^9.7.4",
|
|
56
|
+
"date-fns": "^3.6.0",
|
|
57
|
+
"highlight.js": "^11.11.0",
|
|
58
|
+
"katex": "^0.16.10",
|
|
59
|
+
"normalize.css": "^8.0.1",
|
|
60
|
+
"react-markdown": "^8.0.7",
|
|
61
|
+
"react-slider": "^2.0.6",
|
|
62
|
+
"rehype-katex": "^7.0.0",
|
|
63
|
+
"remark-gfm": "^3.0.1",
|
|
64
|
+
"remark-math": "^5.1.1",
|
|
65
|
+
"tslib": "^2.6.2",
|
|
66
|
+
"unist-util-visit": "^5.0.0"
|
|
67
|
+
}
|
|
68
|
+
}
|
package/dist/utils/useIsIOS.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function useIsIOS(): boolean;
|
package/dist/utils/useIsIOS.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{useState as o,useEffect as t}from"react";function e(){const[e,n]=o(!1);return t((()=>{if("undefined"!=typeof window){const o=window.navigator.userAgent.toLowerCase(),t=/iphone|ipad|ipod/.test(o);n(t)}}),[]),e}export{e as useIsIOS};
|