@bothub-chat/ui 2.57.0 → 2.57.1-develop-8da3792f-a74c-4232-9d38-ca27dc6afede

package/README.md

@@ -1,24 +1,24 @@
-<p align="center">
-  <img src="https://bothub.chat/icon-144x144.png" />
-</p>
-<h1 align="center">Bothub Chat</h1>
-<p align="center">UI Components from Bothub.</p>
-<p align="center">
-  <a href="https://bothub-docs.vercel.app/">Documentation</a>
-</p>
-
-<h2>Installing</h2>
-<p>Preliminary requirements:</p>
-<ul>
-    <li><a href="https://nodejs.org/">Node.js</a> >= <code>18.12.1</code></li>
-    <li><a href="https://www.npmjs.com/">npm</a> >= <code>9.1.2</code></li>
-    <li><a href="https://yarnpkg.com/">yarn</a> >= <code>1.22.19</code></li>
-</ul>
-<p>Installing peer dependencies:</p>
-<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>
-<p>Installing package:</p>
-<pre>yarn add @bothub-chat/ui</pre>
-
-
-<h2>License</h2>
+<p align="center">
+  <img src="https://bothub.chat/icon-144x144.png" />
+</p>
+<h1 align="center">Bothub Chat</h1>
+<p align="center">UI Components from Bothub.</p>
+<p align="center">
+  <a href="https://bothub-docs.vercel.app/">Documentation</a>
+</p>
+
+<h2>Installing</h2>
+<p>Preliminary requirements:</p>
+<ul>
+    <li><a href="https://nodejs.org/">Node.js</a> >= <code>18.12.1</code></li>
+    <li><a href="https://www.npmjs.com/">npm</a> >= <code>9.1.2</code></li>
+    <li><a href="https://yarnpkg.com/">yarn</a> >= <code>1.22.19</code></li>
+</ul>
+<p>Installing peer dependencies:</p>
+<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>
+<p>Installing package:</p>
+<pre>yarn add @bothub-chat/ui</pre>
+
+
+<h2>License</h2>
 <p><a href="https://github.com/matbea-dev/bothub/blob/main/LICENSE">MIT</a></p>

package/dist/components/accordion/styled.js

@@ -1,8 +1,8 @@
-import{styled as o,css as t}from"styled-components";import{Typography as i}from"../typography/index.js";import{ArrowDownIcon as r}from"../../icons/arrow-down/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as e}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import"tslib";const a=o.div.withConfig({displayName:"styled__AccordionStyled",componentId:"sc-1vnkdol-0"})(["width:100%;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;position:relative;"]),n=o.div.withConfig({displayName:"styled__AccordionHead",componentId:"sc-1vnkdol-1"})(["display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px;cursor:pointer;border:",";border-radius:20px;transition:border-bottom 0.3s,border-radius 0.3s;position:relative;overflow:hidden;",";&::before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:",";opacity:",";}"],({theme:o,$isDefaultVariant:t})=>t&&`1px solid ${o.colors.grayScale.gray2}`,({$isOpen:o})=>o&&t`
+import{styled as o,css as t}from"styled-components";import{Typography as i}from"../typography/index.js";import{ArrowDownIcon as e}from"../../icons/arrow-down/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as r}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";const a=o.div.withConfig({displayName:"styled__AccordionStyled",componentId:"sc-1vnkdol-0"})(["width:100%;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;position:relative;"]),n=o.div.withConfig({displayName:"styled__AccordionHead",componentId:"sc-1vnkdol-1"})(["display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px;cursor:pointer;border:",";border-radius:20px;transition:border-bottom 0.3s,border-radius 0.3s;position:relative;overflow:hidden;",";&::before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:",";opacity:",";}"],({theme:o,$isDefaultVariant:t})=>t&&`1px solid ${o.colors.grayScale.gray2}`,({$isOpen:o})=>o&&t`
       border-bottom: 0;
       border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
-    `,({theme:o})=>o.colors.grayScale.gray4,({$isDefaultVariant:o})=>o?"0.5":"0.75"),s=o(i).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__AccordionLabel",componentId:"sc-1vnkdol-2"})(["position:relative;z-index:1;"]),d=o(r).attrs({size:24}).withConfig({displayName:"styled__AccordionArrow",componentId:"sc-1vnkdol-3"})(["transform:rotate(",");transition:transform 0.2s ease-in-out;"],({$isOpen:o})=>o?"180deg":"0deg"),l=o.div.withConfig({displayName:"styled__AccordionBody",componentId:"sc-1vnkdol-4"})(["background-color:",";border:",";border-top:0;border-radius:0 0 20px 20px;transition:max-height 0.3s,padding 0.3s,opacity 0.3s;",";"],({theme:o,$isDefaultVariant:t})=>t?o.colors.grayScale.gray3:e(o.colors.grayScale.gray4,.75),({theme:o,$isDefaultVariant:t})=>t&&`1px solid ${o.colors.grayScale.gray2}`,({$isOpen:o,$isDefaultVariant:i})=>o?t`
+    `,({theme:o})=>o.colors.grayScale.gray4,({$isDefaultVariant:o})=>o?"0.5":"0.75"),s=o(i).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__AccordionLabel",componentId:"sc-1vnkdol-2"})(["position:relative;z-index:1;"]),d=o(e).attrs({size:24}).withConfig({displayName:"styled__AccordionArrow",componentId:"sc-1vnkdol-3"})(["transform:rotate(",");transition:transform 0.2s ease-in-out;"],({$isOpen:o})=>o?"180deg":"0deg"),l=o.div.withConfig({displayName:"styled__AccordionBody",componentId:"sc-1vnkdol-4"})(["background-color:",";border:",";border-top:0;border-radius:0 0 20px 20px;transition:max-height 0.3s,padding 0.3s,opacity 0.3s;",";"],({theme:o,$isDefaultVariant:t})=>t?o.colors.grayScale.gray3:r(o.colors.grayScale.gray4,.75),({theme:o,$isDefaultVariant:t})=>t&&`1px solid ${o.colors.grayScale.gray2}`,({$isOpen:o,$isDefaultVariant:i})=>o?t`
           padding: 18px;
           ${i?"":"padding-top: 0px;"}
           max-height: auto;

package/dist/components/adaptive-button/styled.d.ts

@@ -17,6 +17,7 @@ export declare const AdaptiveButtonStyled: import("styled-components").IStyledCo
     skeleton?: boolean;
     htmlFor?: string;
     href?: string;
+    to?: string;
     color?: string;
     disableHoverColor?: boolean;
     children?: React.ReactNode;

package/dist/components/avatar/index.js

@@ -1 +1 @@
-import{__rest as i}from"tslib";import{jsxs as o,jsx as s}from"react/jsx-runtime";import n from"react";import e from"./assets/bot-avatar.png.js";import{AvatarStyled as t,AvatarObject as r,AvatarSkeleton as c,AvatarBg as d}from"./styled.js";import{IconProvider as p}from"../icon/context.js";import"../icon/styled.js";import"@react-spring/web";import"react-markdown";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"../../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{UserProfileIcon as m}from"../../icons/user-profile/index.js";import"../../icons/logout/index.js";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/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/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"../../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/volume/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"../../icons/star-unfilled/index.js";import"../../icons/image-generation/index.js";import"../../icons/speech-synthesys/index.js";import"../../icons/transcription/index.js";import"../../icons/text-rewrite/index.js";import"../../icons/code-generation/index.js";import"../../icons/essay-generation/index.js";import"../../icons/spelling/index.js";import"../../icons/text-generation/index.js";import"../../icons/traffic-analisys/index.js";import"../../icons/fav-profile/index.js";import"../../icons/exclamation/index.js";import"../../icons/article/index.js";import"../../icons/setchel/index.js";import"../../icons/assembly/index.js";import"../../icons/data-visualisation/index.js";import"../../icons/document-analisys/index.js";import"../../icons/problem-solvment/index.js";import"../../icons/setting-analisys/index.js";import"../../icons/translation/index.js";import"../../icons/stars/index.js";import"../../icons/academy/index.js";import"../../icons/articles/index.js";import"../../icons/blog-post/index.js";import"../../icons/book/index.js";import"../../icons/bow-tie/index.js";import"../../icons/case-study/index.js";import"../../icons/comments/index.js";import"../../icons/guide/index.js";import"../../icons/marketing/index.js";import"../../icons/post/index.js";import"../../icons/report/index.js";import"../../icons/review/index.js";import"../../icons/scientific-article/index.js";import"../../icons/selling-text/index.js";import"../../icons/textbook/index.js";import"../../icons/wind/index.js";import"../../icons/grok/index.js";import"../../icons/deepseek/index.js";import"../../icons/grid-horizontal/index.js";import"../../icons/grid-vertical/index.js";import"../../icons/star-gradient/index.js";import"../../icons/qwen/index.js";import"../../icons/sidebar-toggle-left/index.js";import"../../icons/sidebar-toggle-right/index.js";import"../../icons/system/index.js";import"../../icons/selector/index.js";import"../../icons/video-camera/index.js";import"../../icons/music-note/index.js";import"../../icons/add-profile/index.js";import"../../icons/token-counter/index.js";import"../../icons/customer-support/index.js";import"../../icons/sort-alphabet-top-bottom/index.js";import"../../icons/sort-alphabet-bottom-top/index.js";import"../../icons/pause/index.js";import"../../icons/play/index.js";import"../../icons/restore-2/index.js";import"../../icons/video-generation/index.js";import"../../icons/veo-model/index.js";import"../../icons/runway/index.js";import"../../icons/queue-select/index.js";import"../../icons/apple/index.js";import"../../icons/mail-colored/index.js";import"../../icons/shield/index.js";import"../../icons/stars-gradient/index.js";import"../../icons/fire/index.js";import"../../icons/brain/index.js";import"../../icons/mj-purple/index.js";import"../../icons/claude-black/index.js";import"../../icons/vk-filled/index.js";import"../../icons/tg/index.js";import"../../icons/gift/index.js";import"../../icons/exchange/index.js";import"../../icons/time/index.js";import"../../icons/history/index.js";import"../../icons/money-plus/index.js";import"../../icons/money-stack/index.js";import"../../icons/sort-numeric-bottom/index.js";import"../../icons/sort-numeric-top/index.js";import"../../icons/bulb/index.js";import"../../icons/prompt-queue/index.js";import"../../icons/image/index.js";import"../../icons/text/index.js";import"../../icons/code/index.js";import"../../icons/blue-grok/index.js";import"../../icons/double-image/index.js";const x=x=>{var{className:j,style:a,variant:l="user",size:g=40,src:b,children:u,alt:h}=x,f=i(x,["className","style","variant","size","src","children","alt"]);const w=n.isValidElement(u),y=w&&"Skeleton"===u.type.displayName;if("bot"===l)b=e;return b?o(t,Object.assign({},f,{$size:g,$children:w,$variant:l,className:j,style:a,"aria-label":h,children:[!y&&!w&&s(r,{data:b,width:g,height:g,"aria-label":h}),w&&!y&&s(p,{size:g,children:u}),y&&s(c,{})]})):s(t,Object.assign({},f,{$size:g,$children:w,$variant:l,className:j,style:a,"aria-label":h,children:o(d,{$size:g,$variant:l,children:[!y&&!w&&s(p,{size:g/2,children:s(m,{})}),w&&!y&&s(p,{size:g,children:u}),y&&s(c,{})]})}))};export{x as Avatar};
+import{__rest as i}from"tslib";import{jsxs as o,jsx as s}from"react/jsx-runtime";import n from"react";import e from"./assets/bot-avatar.png.js";import{AvatarStyled as t,AvatarObject as r,AvatarSkeleton as c,AvatarBg as d}from"./styled.js";import{IconProvider as p}from"../icon/context.js";import"../icon/styled.js";import"@react-spring/web";import"react-markdown";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"../../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{UserProfileIcon as m}from"../../icons/user-profile/index.js";import"../../icons/logout/index.js";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/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/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"../../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/volume/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"../../icons/star-unfilled/index.js";import"../../icons/image-generation/index.js";import"../../icons/speech-synthesys/index.js";import"../../icons/transcription/index.js";import"../../icons/text-rewrite/index.js";import"../../icons/code-generation/index.js";import"../../icons/essay-generation/index.js";import"../../icons/spelling/index.js";import"../../icons/text-generation/index.js";import"../../icons/traffic-analisys/index.js";import"../../icons/fav-profile/index.js";import"../../icons/exclamation/index.js";import"../../icons/article/index.js";import"../../icons/setchel/index.js";import"../../icons/assembly/index.js";import"../../icons/data-visualisation/index.js";import"../../icons/document-analisys/index.js";import"../../icons/problem-solvment/index.js";import"../../icons/setting-analisys/index.js";import"../../icons/translation/index.js";import"../../icons/stars/index.js";import"../../icons/academy/index.js";import"../../icons/articles/index.js";import"../../icons/blog-post/index.js";import"../../icons/book/index.js";import"../../icons/bow-tie/index.js";import"../../icons/case-study/index.js";import"../../icons/comments/index.js";import"../../icons/guide/index.js";import"../../icons/marketing/index.js";import"../../icons/post/index.js";import"../../icons/report/index.js";import"../../icons/review/index.js";import"../../icons/scientific-article/index.js";import"../../icons/selling-text/index.js";import"../../icons/textbook/index.js";import"../../icons/wind/index.js";import"../../icons/grok/index.js";import"../../icons/deepseek/index.js";import"../../icons/grid-horizontal/index.js";import"../../icons/grid-vertical/index.js";import"../../icons/star-gradient/index.js";import"../../icons/qwen/index.js";import"../../icons/sidebar-toggle-left/index.js";import"../../icons/sidebar-toggle-right/index.js";import"../../icons/system/index.js";import"../../icons/selector/index.js";import"../../icons/video-camera/index.js";import"../../icons/music-note/index.js";import"../../icons/add-profile/index.js";import"../../icons/token-counter/index.js";import"../../icons/customer-support/index.js";import"../../icons/sort-alphabet-top-bottom/index.js";import"../../icons/sort-alphabet-bottom-top/index.js";import"../../icons/pause/index.js";import"../../icons/play/index.js";import"../../icons/restore-2/index.js";import"../../icons/video-generation/index.js";import"../../icons/veo-model/index.js";import"../../icons/runway/index.js";import"../../icons/queue-select/index.js";import"../../icons/apple/index.js";import"../../icons/mail-colored/index.js";import"../../icons/shield/index.js";import"../../icons/stars-gradient/index.js";import"../../icons/fire/index.js";import"../../icons/brain/index.js";import"../../icons/mj-purple/index.js";import"../../icons/claude-black/index.js";import"../../icons/vk-filled/index.js";import"../../icons/tg/index.js";import"../../icons/gift/index.js";import"../../icons/exchange/index.js";import"../../icons/time/index.js";import"../../icons/folder/index.js";const x=x=>{var{className:j,style:a,variant:l="user",size:g=40,src:b,children:u}=x,h=i(x,["className","style","variant","size","src","children"]);const f=n.isValidElement(u),w=f&&"Skeleton"===u.type.displayName;if("bot"===l)b=e;return b?o(t,Object.assign({},h,{$size:g,$children:f,$variant:l,className:j,style:a,children:[!w&&!f&&s(r,{data:b,width:g,height:g}),f&&!w&&s(p,{size:g,children:u}),w&&s(c,{})]})):s(t,Object.assign({},h,{$size:g,$children:f,$variant:l,className:j,style:a,children:o(d,{$size:g,$variant:l,children:[!w&&!f&&s(p,{size:g/2,children:s(m,{})}),f&&!w&&s(p,{size:g,children:u}),w&&s(c,{})]})}))};export{x as Avatar};

package/dist/components/badge-select-dropdown/index.d.ts

@@ -1,4 +1,4 @@
-import { SelectFieldChangeEventHandler, SelectFieldDataItem, SelectFieldSize, SelectFieldValueChangeEventHandler, UseSelectFieldProps } from '../select-field';
+import { SelectFieldChangeEventHandler, SelectFieldDataItem, SelectFieldValueChangeEventHandler, UseSelectFieldProps } from '../select-field';
 import { Variant } from './types';
 export type BadgeSelectDropdownProps = {
     options: SelectFieldDataItem[];
@@ -8,13 +8,8 @@ export type BadgeSelectDropdownProps = {
     className?: string;
     compactWidth?: boolean;
     modalStyles?: React.CSSProperties;
-    size?: SelectFieldSize;
-    search?: boolean;
-    contentWidth?: number;
-    searchPlaceholder?: string;
-    openedModel?: string;
     onChange?: SelectFieldChangeEventHandler;
     onValueChange?: SelectFieldValueChangeEventHandler;
 } & Omit<UseSelectFieldProps, 'onChange' | 'multiple' | 'onValueChange' | 'value'>;
-export declare const BadgeSelectDropdown: import("react").MemoExoticComponent<({ options, value: initialValue, variant, colorButtonOpened, className, compactWidth, modalStyles, size, search, contentWidth, searchPlaceholder, openedModel, ...useSelectFieldProps }: BadgeSelectDropdownProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const BadgeSelectDropdown: import("react").MemoExoticComponent<({ options, value: initialValue, variant, colorButtonOpened, className, compactWidth, modalStyles, ...useSelectFieldProps }: BadgeSelectDropdownProps) => import("react/jsx-runtime").JSX.Element>;
 export * from './styled';

package/dist/components/badge-select-dropdown/index.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsxs as t,Fragment as o,jsx as r}from"react/jsx-runtime";import{memo as l}from"react";import{BadgeSelectDropdownTrigger as s,BadgeSelectDropdownSpanStyled as i,BadgeSelectDropdownTogglerArrow as a}from"./styled.js";import"../select-field/styled.js";import"../skeleton/index.js";import{SelectModal as c}from"../select-field/select-modal/index.js";import"../icon/styled.js";import"@react-spring/web";import"react-markdown";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"../select-field/context.js";import{useSelectField as n}from"../select-field/useSelectField.js";import{useTheme as p}from"../../theme/hook.js";const d=l(l=>{var{options:d,value:m,variant:h="primary",colorButtonOpened:u,className:j,compactWidth:y,modalStyles:f,size:g="small",search:v,contentWidth:O,searchPlaceholder:b,openedModel:x}=l,k=e(l,["options","value","variant","colorButtonOpened","className","compactWidth","modalStyles","size","search","contentWidth","searchPlaceholder","openedModel"]);const W=p(),S=n(Object.assign(Object.assign({},k),{value:m,multiple:!1})),{isOpen:C,triggerRef:$,value:w,setValue:z,handleInputClick:B}=S,M=e(S,["isOpen","triggerRef","value","setValue","handleInputClick"]);let N="";return"string"==typeof w&&(N=w),w&&"string"!=typeof w&&!Array.isArray(w)&&w.label&&(N=w.label),t(o,{children:[t(s,{ref:$,$active:C,$variant:h,$colorButtonOpened:u,type:"button",onClick:e=>B(!1,e),className:j,children:[r(i,{children:N}),r(a,{$open:C})]}),r(c,Object.assign({data:d,isOpen:C,setValue:z,value:w,compactWidth:y,selectedColor:W.colors.grayScale.gray2,modalStyles:f,size:g,search:v,contentWidth:O,searchPlaceholder:b,openedModel:x},M))]})});export{d as BadgeSelectDropdown,i as BadgeSelectDropdownSpanStyled,a as BadgeSelectDropdownTogglerArrow,s as BadgeSelectDropdownTrigger};
+import{__rest as t}from"tslib";import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{memo as l}from"react";import{BadgeSelectDropdownTrigger as i,BadgeSelectDropdownSpanStyled as s,BadgeSelectDropdownTogglerArrow as a}from"./styled.js";import"../select-field/styled.js";import"../skeleton/index.js";import{SelectModal as p}from"../select-field/select-modal/index.js";import"../icon/styled.js";import"@react-spring/web";import"react-markdown";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"../select-field/context.js";import{useSelectField as m}from"../select-field/useSelectField.js";import{useTheme as n}from"../../theme/hook.js";const c=l(l=>{var{options:c,value:d,variant:u="primary",colorButtonOpened:j,className:y,compactWidth:f,modalStyles:g}=l,h=t(l,["options","value","variant","colorButtonOpened","className","compactWidth","modalStyles"]);const v=n(),O=m(Object.assign(Object.assign({},h),{value:d,multiple:!1})),{isOpen:b,triggerRef:x,value:k,setValue:S,handleInputClick:C}=O,$=t(O,["isOpen","triggerRef","value","setValue","handleInputClick"]);let w="";return"string"==typeof k&&(w=k),k&&"string"!=typeof k&&!Array.isArray(k)&&k.label&&(w=k.label),e(o,{children:[e(i,{ref:x,$active:b,$variant:u,$colorButtonOpened:j,type:"button",onClick:t=>C(!1,t),className:y,children:[r(s,{children:w}),r(a,{$open:b})]}),r(p,Object.assign({data:c,isOpen:b,setValue:S,value:k,compactWidth:f,selectedColor:v.colors.grayScale.gray2,modalStyles:g},$))]})});export{c as BadgeSelectDropdown,s as BadgeSelectDropdownSpanStyled,a as BadgeSelectDropdownTogglerArrow,i as BadgeSelectDropdownTrigger};

package/dist/components/bookmark/card/styled.d.ts

@@ -2017,6 +2017,7 @@ export declare const BookmarkCardAction: import("styled-components").IStyledComp
     skeleton?: boolean | undefined;
     htmlFor?: string | undefined;
     href?: string | undefined;
+    to?: string | undefined;
     disableHoverColor?: boolean | undefined;
     ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;
@@ -2320,6 +2321,7 @@ export declare const BookmarkCardEditAction: import("styled-components").IStyled
     skeleton?: boolean | undefined;
     htmlFor?: string | undefined;
     href?: string | undefined;
+    to?: string | undefined;
     disableHoverColor?: boolean | undefined;
     ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;
@@ -2623,6 +2625,7 @@ export declare const BookmarkCardDeleteAction: import("styled-components").IStyl
     skeleton?: boolean | undefined;
     htmlFor?: string | undefined;
     href?: string | undefined;
+    to?: string | undefined;
     disableHoverColor?: boolean | undefined;
     ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;

package/dist/components/bookmark/list/styled.d.ts

@@ -1452,6 +1452,7 @@ export declare const AddBookmarkButton: import("styled-components").IStyledCompo
     skeleton?: boolean | undefined;
     htmlFor?: string | undefined;
     href?: string | undefined;
+    to?: string | undefined;
     disableHoverColor?: boolean | undefined;
     ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;

package/dist/components/bookmark/styled.d.ts

@@ -588,6 +588,7 @@ export declare const BookmarkCloseButton: import("styled-components").IStyledCom
     skeleton?: boolean | undefined;
     htmlFor?: string | undefined;
     href?: string | undefined;
+    to?: string | undefined;
     disableHoverColor?: boolean | undefined;
     ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;

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

@@ -14,6 +14,7 @@ export type ButtonProps = Omit<React.ComponentProps<'button'>, 'ref' | 'onAnimat
     skeleton?: boolean;
     htmlFor?: string;
     href?: string;
+    to?: string;
     color?: string;
     disableHoverColor?: boolean;
     children?: React.ReactNode;
@@ -32,6 +33,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<React.Detailed
     skeleton?: boolean;
     htmlFor?: string;
     href?: string;
+    to?: string;
     color?: string;
     disableHoverColor?: boolean;
     children?: React.ReactNode;

package/dist/components/button/index.js

@@ -1 +1 @@
-import{__rest as o}from"tslib";import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import l,{forwardRef as i,useRef as s,useCallback as c,useImperativeHandle as n}from"react";import{ButtonStyled as a,ButtonText as m}from"./styled.js";import"../../theme/index.js";import{IconProvider as d}from"../icon/context.js";import"../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import{useTooltip as p}from"../tooltip/context.js";import{isIconComponent as u}from"../icon/component.js";import{Skeleton as f}from"../skeleton/index.js";import{InfoIcon as b}from"../../icons/info/index.js";import{isBright as h}from"../../utils/colors/isBright.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import{useTheme as y}from"../../theme/hook.js";const j=i((i,j)=>{var{children:v,fullWidth:k=!1,variant:g="primary",component:$="button",type:x="button",size:w="small",corner:M="brick",startIcon:z=null,endIcon:C=null,iconSize:E,iconFill:F,disabled:I=!1,skeleton:L=!1,color:O,disableHoverColor:S=!1}=i,H=o(i,["children","fullWidth","variant","component","type","size","corner","startIcon","endIcon","iconSize","iconFill","disabled","skeleton","color","disableHoverColor"]);const W=y(),A=s(null),T=l.Children.toArray(v),B=!!l.isValidElement(T[0])&&u(T[0].type);if("number"!=typeof E)if("md"===w)E=20;else E=18;if("string"!=typeof F&&"text"!==g&&"help"!==g)if(I)F=W.colors.grayScale.gray1;else switch(g){case"primary":if("custom"===W.scheme){h(W.colors.accent.primary)&&(F=h(W.colors.custom.interface.text)?"dark"===W.mode?W.colors.base.black:W.default.colors.base.black:W.colors.custom.interface.text),F=h(W.colors.custom.interface.text)?W.colors.custom.interface.text:W.default.colors.base.white;break}F=W.bright?"dark"===W.mode?W.colors.base.black:W.default.colors.base.black:W.default.colors.base.white;break;default:F=W.colors.base.white}const G={size:E,fill:F},{handleTooltipMouseEnter:V,handleTooltipMouseLeave:q}=p(),D=c(o=>{var e;null===(e=H.onMouseEnter)||void 0===e||e.call(H,o),V(o)},[H.onMouseEnter,V]),J=c(o=>{var e;null===(e=H.onMouseLeave)||void 0===e||e.call(H,o),q(o)},[H.onMouseLeave,q]);return n(j,()=>A.current,[A.current]),e(a,Object.assign({},H,{disabled:I,type:x,$variant:g,$icon:B,$size:w,$corner:M,$fullWidth:k,$iconFill:F,$skeleton:L,$disabled:I,$disableHoverColor:S,$color:O,as:$},"button"===$&&{type:x,disabled:I},"a"===$&&{href:H.href},"label"===$&&{htmlFor:H.htmlFor},{ref:A,onMouseEnter:D,onMouseLeave:J,children:[z?t(d,Object.assign({},G,{children:z})):null,!L&&e(d,Object.assign({},G,{children:["help"===g&&t(b,{}),"help"!==g&&e(r,{children:["string"==typeof v&&t(m,{$variant:g,$size:w,$disabled:I,children:v}),"string"!=typeof v&&v]})]})),L&&t(f,{width:70,height:17.5,colors:[W.colors.base.white],opacity:[.15,.45]}),C?t(d,Object.assign({},G,{children:C})):null]}))});export{j as Button,a as ButtonStyled,m as ButtonText};
+import{__rest as o}from"tslib";import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import l,{forwardRef as i,useRef as s,useCallback as c,useImperativeHandle as n}from"react";import{ButtonStyled as a,ButtonText as m}from"./styled.js";import"../../theme/index.js";import{IconProvider as d}from"../icon/context.js";import"../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import{useTooltip as p}from"../tooltip/context.js";import{isIconComponent as u}from"../icon/component.js";import{Skeleton as f}from"../skeleton/index.js";import{InfoIcon as b}from"../../icons/info/index.js";import{isBright as h}from"../../utils/colors/isBright.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import{useTheme as y}from"../../theme/hook.js";const j=i((i,j)=>{var{children:v,fullWidth:k=!1,variant:g="primary",component:$="button",type:x="button",size:w="small",corner:M="brick",startIcon:z=null,endIcon:C=null,iconSize:E,iconFill:F,disabled:I=!1,skeleton:L=!1,color:O,to:S,disableHoverColor:H=!1}=i,W=o(i,["children","fullWidth","variant","component","type","size","corner","startIcon","endIcon","iconSize","iconFill","disabled","skeleton","color","to","disableHoverColor"]);const A=y(),T=s(null),B=l.Children.toArray(v),G=!!l.isValidElement(B[0])&&u(B[0].type);if("number"!=typeof E)if("md"===w)E=20;else E=18;if("string"!=typeof F&&"text"!==g&&"help"!==g)if(I)F=A.colors.grayScale.gray1;else switch(g){case"primary":if("custom"===A.scheme){h(A.colors.accent.primary)&&(F=h(A.colors.custom.interface.text)?"dark"===A.mode?A.colors.base.black:A.default.colors.base.black:A.colors.custom.interface.text),F=h(A.colors.custom.interface.text)?A.colors.custom.interface.text:A.default.colors.base.white;break}F=A.bright?"dark"===A.mode?A.colors.base.black:A.default.colors.base.black:A.default.colors.base.white;break;default:F=A.colors.base.white}const V={size:E,fill:F},{handleTooltipMouseEnter:q,handleTooltipMouseLeave:D}=p(),J=c(o=>{var e;null===(e=W.onMouseEnter)||void 0===e||e.call(W,o),q(o)},[W.onMouseEnter,q]),K=c(o=>{var e;null===(e=W.onMouseLeave)||void 0===e||e.call(W,o),D(o)},[W.onMouseLeave,D]);return n(j,()=>T.current,[T.current]),e(a,Object.assign({},W,{disabled:I,type:x,$variant:g,$icon:G,$size:w,$corner:M,$fullWidth:k,$iconFill:F,$skeleton:L,$disabled:I,$disableHoverColor:H,$color:O,as:$},"button"===$&&{type:x,disabled:I},S&&{to:S},"a"===$&&{href:W.href},"label"===$&&{htmlFor:W.htmlFor},{ref:T,onMouseEnter:J,onMouseLeave:K,children:[z?t(d,Object.assign({},V,{children:z})):null,!L&&e(d,Object.assign({},V,{children:["help"===g&&t(b,{}),"help"!==g&&e(r,{children:["string"==typeof v&&t(m,{$variant:g,$size:w,$disabled:I,children:v}),"string"!=typeof v&&v]})]})),L&&t(f,{width:70,height:17.5,colors:[A.colors.base.white],opacity:[.15,.45]}),C?t(d,Object.assign({},V,{children:C})):null]}))});export{j as Button,a as ButtonStyled,m as ButtonText};

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

@@ -2,8 +2,6 @@ import React from 'react';
 export type CheckboxValueChangeEventHandler = (checked: boolean) => unknown;
 export interface CheckboxProps extends Omit<React.ComponentProps<'input'>, 'onPointerLeave'> {
     className?: string;
-    displayFlex?: boolean;
-    size?: number;
     label?: string | boolean | React.ReactNode;
     rowReverse?: boolean;
     skeleton?: boolean;

package/dist/components/checkbox/index.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsxs as o,Fragment as t,jsx as r}from"react/jsx-runtime";import{useCallback as l}from"react";import{CheckboxStyled as i,CheckboxInput as s,CheckboxBlock as n,CheckboxCheckedIcon as a,CheckboxBlockSkeleton as d,CheckboxLabel as c}from"./styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import{useTooltip as p}from"../tooltip/context.js";import{Skeleton as m}from"../skeleton/index.js";const h=h=>{var u,{className:k,label:v,size:f=20,displayFlex:g=!1,skeleton:y=!1,rowReverse:j,fullWidth:x=!1,checkedIcon:C,checkedColor:b,dataTest:w,onValueChange:$,onPointerLeave:L}=h,z=e(h,["className","label","size","displayFlex","skeleton","rowReverse","fullWidth","checkedIcon","checkedColor","dataTest","onValueChange","onPointerLeave"]);const{handleTooltipMouseEnter:M,handleTooltipMouseLeave:T}=p(),F=l(e=>{var o;null===(o=z.onChange)||void 0===o||o.call(z,e),null==$||$(e.target.checked)},[z.onChange,$]);return o(i,{$displayFlex:g,$disabled:null!==(u=z.disabled)&&void 0!==u&&u,$fullWidth:x,$rowReverse:j,className:k,onMouseEnter:M,onMouseLeave:T,onPointerLeave:L,"data-test":w,children:[!y&&o(t,{children:[r(s,Object.assign({},z,{$checkedColor:b,type:"checkbox",onChange:F})),r(n,{$checkedColor:b,children:C||r(a,{size:f})})]}),y&&r(d,{$size:f}),v&&y&&r(c,{children:r(m,{width:200})}),"string"==typeof v&&!y&&r(c,{children:v}),"string"!=typeof v&&!y&&v]})};export{h as Checkbox,n as CheckboxBlock,d as CheckboxBlockSkeleton,a as CheckboxCheckedIcon,s as CheckboxInput,c as CheckboxLabel,i as CheckboxStyled};
+import{__rest as e}from"tslib";import{jsxs as o,Fragment as t,jsx as r}from"react/jsx-runtime";import{useCallback as l}from"react";import{CheckboxStyled as n,CheckboxInput as a,CheckboxBlock as i,CheckboxCheckedIcon as s,CheckboxBlockSkeleton as c,CheckboxLabel as d}from"./styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import{useTooltip as m}from"../tooltip/context.js";import{Skeleton as h}from"../skeleton/index.js";const p=p=>{var u,{className:k,label:v,skeleton:f=!1,rowReverse:g,fullWidth:j=!1,checkedIcon:C,checkedColor:b,dataTest:w,onValueChange:y,onPointerLeave:x}=p,L=e(p,["className","label","skeleton","rowReverse","fullWidth","checkedIcon","checkedColor","dataTest","onValueChange","onPointerLeave"]);const{handleTooltipMouseEnter:$,handleTooltipMouseLeave:M}=m(),T=l(e=>{var o;null===(o=L.onChange)||void 0===o||o.call(L,e),null==y||y(e.target.checked)},[L.onChange,y]);return o(n,{$disabled:null!==(u=L.disabled)&&void 0!==u&&u,$fullWidth:j,$rowReverse:g,className:k,onMouseEnter:$,onMouseLeave:M,onPointerLeave:x,"data-test":w,children:[!f&&o(t,{children:[r(a,Object.assign({},L,{$checkedColor:b,type:"checkbox",onChange:T})),r(i,{$checkedColor:b,children:C||r(s,{})})]}),f&&r(c,{}),v&&f&&r(d,{children:r(h,{width:200})}),"string"==typeof v&&!f&&r(d,{children:v}),"string"!=typeof v&&!f&&v]})};export{p as Checkbox,i as CheckboxBlock,c as CheckboxBlockSkeleton,s as CheckboxCheckedIcon,a as CheckboxInput,d as CheckboxLabel,n as CheckboxStyled};

package/dist/components/checkbox/styled.d.ts

@@ -5,13 +5,18 @@ export interface CheckboxStyledProps {
     $disabled: boolean;
     $fullWidth: boolean;
     $rowReverse?: boolean;
-    $displayFlex?: boolean;
 }
 export declare const CheckboxStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, CheckboxStyledProps>>;
 export declare const CheckboxBlock: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, CheckedColor>>;
-export declare const CheckboxBlockSkeleton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@/ui/components/skeleton").SkeletonProps, {
-    $size: number;
-}>>;
+export declare const CheckboxBlockSkeleton: import("styled-components").IStyledComponent<"web", {
+    className?: string | undefined;
+    variant?: import("@/ui/components/skeleton").SkeletonVariant | undefined;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
+    fullWidth?: boolean | undefined;
+    colors?: [string, string?] | undefined;
+    opacity?: [number, number?] | undefined;
+}>;
 export declare const CheckboxLabel: import("styled-components").IStyledComponent<"web", {
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
     component?: import("@/ui/components/typography").TypographyComponent | undefined;

package/dist/components/checkbox/styled.js

@@ -1,4 +1,4 @@
-import{styled as e,css as o}from"styled-components";import{CheckSmallIcon as r}from"../../icons/check-small/index.js";import{Typography as i}from"../typography/index.js";import{Skeleton as t}from"../skeleton/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as c}from"../../utils/colors/isBright.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import"tslib";const l=e.label.withConfig({displayName:"styled__CheckboxStyled",componentId:"sc-im2c17-0"})(["display:",";align-items:center;gap:8px;cursor:pointer;user-select:none;"," "," ",""],({$displayFlex:e})=>e?"flex":"inline-flex",({$disabled:e})=>e?o`
+import{styled as e,css as o}from"styled-components";import{CheckSmallIcon as r}from"../../icons/check-small/index.js";import{Typography as i}from"../typography/index.js";import{Skeleton as c}from"../skeleton/index.js";const t=e.label.withConfig({displayName:"styled__CheckboxStyled",componentId:"sc-im2c17-0"})(["display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;"," "," ",""],({$disabled:e})=>e?o`
         cursor: not-allowed;
       `:o`
       cursor: pointer;
@@ -6,13 +6,10 @@ import{styled as e,css as o}from"styled-components";import{CheckSmallIcon as r}f
       width: 100%;
     `,({$rowReverse:e})=>e&&o`
       flex-direction: row-reverse;
-    `),s=e.span.withConfig({displayName:"styled__CheckboxBlock",componentId:"sc-im2c17-1"})(["display:inline-flex;align-items:center;justify-content:center;background:",";border:1px solid ",";border-radius:2px;overflow:hidden;cursor:pointer;flex-shrink:0;box-sizing:border-box;&:hover{border-color:",";}svg{visibility:hidden;}"],({theme:e})=>e.colors.grayScale.gray3,({theme:e})=>e.colors.grayScale.gray1,({theme:e,$checkedColor:o})=>o||e.colors.accent.primary),a=e(t).withConfig({displayName:"styled__CheckboxBlockSkeleton",componentId:"sc-im2c17-2"})([""," border-radius:2px;"],({$size:e})=>o`
-    width: ${`${e}px`};
-    height: ${`${e}px`};
-  `),n=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__CheckboxLabel",componentId:"sc-im2c17-3"})(["display:inline-flex;width:100%;align-items:center;gap:8px;cursor:inherit;"]),d=e(r).attrs(({theme:e})=>({fill:c(e.colors.accent.primary)?e.default.colors.base.black:e.default.colors.base.white})).withConfig({displayName:"styled__CheckboxCheckedIcon",componentId:"sc-im2c17-4"})([""]),m=e.input.withConfig({displayName:"styled__CheckboxInput",componentId:"sc-im2c17-5"})(["width:0;height:0;opacity:0;cursor:pointer;position:absolute;&:checked + span{"," svg{visibility:visible;}}&:checked:not(:disabled) + ",":hover{","}&:disabled + ","{border-color:",";background:",";cursor:not-allowed;svg{path{fill:",";}}}&:focus-visible + ","{border-color:",";}"],({theme:e,$checkedColor:r})=>{const i=r||e.colors.accent.primary;return o`
+    `),s=e.span.withConfig({displayName:"styled__CheckboxBlock",componentId:"sc-im2c17-1"})(["display:inline-flex;width:20px;height:20px;justify-content:center;background:",";border:1px solid ",";border-radius:2px;overflow:hidden;cursor:pointer;flex-shrink:0;box-sizing:border-box;&:hover{border-color:",";}svg{visibility:hidden;}"],({theme:e})=>e.colors.grayScale.gray3,({theme:e})=>e.colors.grayScale.gray1,({theme:e,$checkedColor:o})=>o||e.colors.accent.primary),l=e(c).withConfig({displayName:"styled__CheckboxBlockSkeleton",componentId:"sc-im2c17-2"})(["width:20px;height:20px;border-radius:2px;"]),n=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__CheckboxLabel",componentId:"sc-im2c17-3"})(["display:inline-flex;width:100%;align-items:center;gap:8px;cursor:inherit;"]),d=e(r).attrs({size:20}).withConfig({displayName:"styled__CheckboxCheckedIcon",componentId:"sc-im2c17-4"})([""]),a=e.input.withConfig({displayName:"styled__CheckboxInput",componentId:"sc-im2c17-5"})(["width:0;height:0;opacity:0;cursor:pointer;position:absolute;&:checked + span{"," svg{visibility:visible;}}&:checked:not(:disabled) + ",":hover{","}&:disabled + ","{border-color:",";background:",";cursor:not-allowed;svg{path{fill:",";}}}&:focus-visible + ","{border-color:",";}"],({theme:e,$checkedColor:r})=>{const i=r||e.colors.accent.primary;return o`
         border-color: ${i};
         background: ${i};
       `},s,({theme:e,$checkedColor:r})=>{const i=r||e.colors.accent.strong;return o`
         border-color: ${i};
         background: ${i};
-      `},s,({theme:e})=>e.colors.grayScale.gray1,({theme:e})=>e.colors.grayScale.gray1,({theme:e})=>e.colors.grayScale.gray6,s,({theme:e})=>e.colors.base.white);export{s as CheckboxBlock,a as CheckboxBlockSkeleton,d as CheckboxCheckedIcon,m as CheckboxInput,n as CheckboxLabel,l as CheckboxStyled};
+      `},s,({theme:e})=>e.colors.grayScale.gray1,({theme:e})=>e.colors.grayScale.gray1,({theme:e})=>e.colors.grayScale.gray6,s,({theme:e})=>e.colors.base.white);export{s as CheckboxBlock,l as CheckboxBlockSkeleton,d as CheckboxCheckedIcon,a as CheckboxInput,n as CheckboxLabel,t as CheckboxStyled};

package/dist/components/chip/styled.d.ts

@@ -890,6 +890,7 @@ export declare const ChipDeleteButton: import("styled-components").IStyledCompon
     skeleton?: boolean | undefined;
     htmlFor?: string | undefined;
     href?: string | undefined;
+    to?: string | undefined;
     disableHoverColor?: boolean | undefined;
     ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;

package/dist/components/color-picker/menu/styled.d.ts

@@ -1457,6 +1457,7 @@ export declare const ColorPickerMenuCloseButton: import("styled-components").ISt
     skeleton?: boolean | undefined;
     htmlFor?: string | undefined;
     href?: string | undefined;
+    to?: string | undefined;
     disableHoverColor?: boolean | undefined;
     ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;

package/dist/components/color-picker/menu/styled.js

@@ -1,4 +1,4 @@
-import{jsx as e}from"react/jsx-runtime";import{keyframes as o,styled as r,css as t}from"styled-components";import{Button as i}from"../../button/index.js";import{CloseIcon as n}from"../../../icons/close/index.js";import{SelectorIcon as a}from"../../../icons/selector/index.js";import{TextField as l}from"../../text-field/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as s}from"../../../utils/colors/isBright.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import"tslib";const d=o`
+import{jsx as e}from"react/jsx-runtime";import{keyframes as o,styled as r,css as t}from"styled-components";import{Button as i}from"../../button/index.js";import{CloseIcon as n}from"../../../icons/close/index.js";import{SelectorIcon as a}from"../../../icons/selector/index.js";import{TextField as l}from"../../text-field/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as s}from"../../../utils/colors/isBright.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";const d=o`
   from {
     opacity: 0;
     transform: translateY(4px);

package/dist/components/datepicker/types.d.ts

@@ -6,7 +6,7 @@ export type SingleDatepickerProps = {
     value?: Date | null;
     onChange(value: Date | null): void;
     locale?: Locale;
-    children: (setRef: UseFloatingReturn['refs']['setReference'], setOpen: Dispatch<SetStateAction<boolean>>, open?: boolean) => ReactNode;
+    children: (setRef: UseFloatingReturn['refs']['setReference'], setOpen: Dispatch<SetStateAction<boolean>>) => ReactNode;
     defaultOpen?: boolean;
     buttonSaveText?: string;
     buttonCloseText?: string;

package/dist/components/datepicker/ui/calendar/styled.d.ts

@@ -4439,6 +4439,7 @@ export declare const SaveButton: import("styled-components").IStyledComponent<"w
     skeleton?: boolean | undefined;
     htmlFor?: string | undefined;
     href?: string | undefined;
+    to?: string | undefined;
     disableHoverColor?: boolean | undefined;
     ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;
@@ -4742,6 +4743,7 @@ export declare const CancelButton: import("styled-components").IStyledComponent<
     skeleton?: boolean | undefined;
     htmlFor?: string | undefined;
     href?: string | undefined;
+    to?: string | undefined;
     disableHoverColor?: boolean | undefined;
     ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;

package/dist/components/datepicker/ui/datepicker.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsxs as t,Fragment as r,jsx as o}from"react/jsx-runtime";import{useState as i}from"react";import{useFloating as n,autoUpdate as m,offset as s,flip as c,shift as d}from"@floating-ui/react";import{createPortal as l}from"react-dom";import{DatepickerCalendar as a}from"./calendar/index.js";import"../../../theme/index.js";import{useTheme as f}from"../../../theme/hook.js";const p=p=>{var{children:h,defaultOpen:g=!1}=p,j=e(p,["children","defaultOpen"]);const[u,x]=i(g),{refs:b,floatingStyles:O}=n({whileElementsMounted:m,middleware:[s(10),c(),d()]}),v=f();return t(r,{children:[b&&o("div",{onClick:e=>e.stopPropagation(),children:h(b.setReference,x,u)}),u&&l(o("div",{ref:b.setFloating,style:Object.assign(Object.assign({},O),{zIndex:v.zIndex.select}),children:o(a,Object.assign({},j,{closeFn:()=>{x(!1)}}))}),document.body)]})};export{p as Datepicker};
+import{__rest as e}from"tslib";import{jsxs as t,Fragment as r,jsx as o}from"react/jsx-runtime";import{useState as i}from"react";import{useFloating as n,autoUpdate as m,offset as s,flip as c,shift as d}from"@floating-ui/react";import{createPortal as l}from"react-dom";import{DatepickerCalendar as a}from"./calendar/index.js";import"../../../theme/index.js";import{useTheme as f}from"../../../theme/hook.js";const p=p=>{var{children:h,defaultOpen:g=!1}=p,j=e(p,["children","defaultOpen"]);const[u,x]=i(g),{refs:b,floatingStyles:O}=n({whileElementsMounted:m,middleware:[s(10),c(),d()]}),v=f();return t(r,{children:[b&&o("div",{onClick:e=>e.stopPropagation(),children:h(b.setReference,x)}),u&&l(o("div",{ref:b.setFloating,style:Object.assign(Object.assign({},O),{zIndex:v.zIndex.select}),children:o(a,Object.assign({},j,{closeFn:()=>{x(!1)}}))}),document.body)]})};export{p as Datepicker};

package/dist/components/description/card/styled.d.ts

@@ -1761,6 +1761,7 @@ export declare const DescriptionCardButton: import("styled-components").IStyledC
     skeleton?: boolean | undefined;
     htmlFor?: string | undefined;
     href?: string | undefined;
+    to?: string | undefined;
     disableHoverColor?: boolean | undefined;
     ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;

package/dist/components/developer-key/list/styled.d.ts

@@ -2210,6 +2210,7 @@ export declare const AddDeveloperKeyButton: import("styled-components").IStyledC
     skeleton?: boolean | undefined;
     htmlFor?: string | undefined;
     href?: string | undefined;
+    to?: string | undefined;
     disableHoverColor?: boolean | undefined;
     ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;

package/dist/components/dropzone-field/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export type DropzoneFieldChangeEventHandler = (files: File[]) => void;
 export type DropzoneFieldProps = {
-    leftLabel?: string | React.ReactNode;
+    leftLabel?: string;
     rightLabels?: string[] | React.ReactNode[];
     placeholder?: React.ReactNode;
     error?: string;

package/dist/components/dropzone-field/index.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsxs as l,jsx as r}from"react/jsx-runtime";import a,{forwardRef as t,useId as i,useState as n,useCallback as o}from"react";import{Typography as d}from"../typography/index.js";import{DropzoneFieldStyled as p,DropzoneFieldLabels as s,DropzoneFieldRightLabelsContainer as c,DropzoneFieldRightLabel as f,DropzoneFieldInput as m,DropzoneFieldPlaceholder as u}from"./styled.js";const h=t((t,h)=>{var{leftLabel:g,rightLabels:v,placeholder:b,files:y,onChange:D,fullWidth:L=!1,disabled:j=!1,multiple:x=!0,accept:C}=t,W=e(t,["leftLabel","rightLabels","placeholder","files","onChange","fullWidth","disabled","multiple","accept"]);const w=i(),[A,M]=n(!1),O=o(e=>{null==D||D(e)},[D]),[T,F]=Array.isArray(y)?[y,O]:n([]),$=o(e=>{var l;const r=[...null!==(l=e.currentTarget.files)&&void 0!==l?l:[]];F(x?[...new Map([...T,...r].map(e=>[e.name,e])).values()]:[...r].slice(0,1))},[T,F,x]),k=o(e=>{var l;e.preventDefault();const r=[...null!==(l=e.dataTransfer.files)&&void 0!==l?l:[]].filter(e=>null==C?void 0:C.includes(e.type));F(x?[...new Map([...T,...r].map(e=>[e.name,e])).values()]:[...r].slice(0,1)),M(!1)},[T,F,x,C]),q=o(e=>{e.preventDefault(),M(!0)},[]),z=o(e=>{e.preventDefault(),M(!1)},[]);return l(p,Object.assign({onDrop:k,onDragOver:q,onDragLeave:z,$fullWidth:L,"data-dragged":A},W,{children:[l(s,{children:[g&&"string"==typeof g?r(d,{variant:"body-m-regular",children:g}):g,!!v&&r(c,{children:v.map((e,l)=>r(a.Fragment,{children:"string"==typeof e?r(f,{children:e}):e},l))})]}),r(m,{id:w,type:"file",multiple:x,accept:C,onChange:$,disabled:j,ref:h}),!!b&&r(u,{children:b})]}))});export{h as DropzoneField};
+import{__rest as e}from"tslib";import{jsxs as l,jsx as r}from"react/jsx-runtime";import a,{forwardRef as t,useId as i,useState as n,useCallback as d}from"react";import{Typography as o}from"../typography/index.js";import{DropzoneFieldStyled as p,DropzoneFieldLabels as s,DropzoneFieldRightLabelsContainer as c,DropzoneFieldRightLabel as f,DropzoneFieldInput as m,DropzoneFieldPlaceholder as u}from"./styled.js";const h=t((t,h)=>{var{leftLabel:g,rightLabels:v,placeholder:b,files:y,onChange:D,fullWidth:L=!1,disabled:j=!1,multiple:x=!0,accept:C}=t,W=e(t,["leftLabel","rightLabels","placeholder","files","onChange","fullWidth","disabled","multiple","accept"]);const w=i(),[A,M]=n(!1),O=d(e=>{null==D||D(e)},[D]),[T,F]=Array.isArray(y)?[y,O]:n([]),$=d(e=>{var l;const r=[...null!==(l=e.currentTarget.files)&&void 0!==l?l:[]];F(x?[...new Map([...T,...r].map(e=>[e.name,e])).values()]:[...r].slice(0,1))},[T,F,x]),k=d(e=>{var l;e.preventDefault();const r=[...null!==(l=e.dataTransfer.files)&&void 0!==l?l:[]].filter(e=>null==C?void 0:C.includes(e.type));F(x?[...new Map([...T,...r].map(e=>[e.name,e])).values()]:[...r].slice(0,1)),M(!1)},[T,F,x,C]),q=d(e=>{e.preventDefault(),M(!0)},[]),z=d(e=>{e.preventDefault(),M(!1)},[]);return l(p,Object.assign({onDrop:k,onDragOver:q,onDragLeave:z,$fullWidth:L,"data-dragged":A},W,{children:[l(s,{children:[g&&r(o,{variant:"body-m-regular",children:g}),!!v&&r(c,{children:v.map((e,l)=>r(a.Fragment,{children:"string"==typeof e?r(f,{children:e}):e},l))})]}),r(m,{id:w,type:"file",multiple:x,accept:C,onChange:$,disabled:j,ref:h}),!!b&&r(u,{children:b})]}))});export{h as DropzoneField};