@bothub-chat/ui 2.48.1-fix-message-79720dcc-0313-4bb2-ac15-912e6fc16d36 → 2.48.1-fix-refactor-2b2ac2ff-898d-489a-83f0-2a58a894046a

package/dist/components/scrollable-tabs/styled.d.ts

@@ -8,8 +8,13 @@ type ScrollableTabsTabProps = {
 } & VariantProps;
 export declare const ScrollableTabsTab: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, ScrollableTabsTabProps>>;
 export declare const ScrollableTabsTabLabel: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
     variant?: import("../typography").TypographyVariant | undefined;
+    component?: import("../typography").TypographyComponent | undefined;
+    align?: import("../typography").TypographyAlign | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    children?: import("react").ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -58,6 +63,10 @@ export declare const ScrollableTabsTabLabel: import("styled-components").IStyled
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -266,6 +275,8 @@ export declare const ScrollableTabsTabLabel: import("styled-components").IStyled
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -274,18 +285,21 @@ export declare const ScrollableTabsTabLabel: import("styled-components").IStyled
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-    target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("../typography").TypographyAlign | undefined;
-    component?: import("../typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
     $variant: Variant;
 }>;
 export declare const ScrollableTabsFullWidth: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -334,6 +348,10 @@ export declare const ScrollableTabsFullWidth: import("styled-components").IStyle
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -543,6 +561,8 @@ export declare const ScrollableTabsFullWidth: import("styled-components").IStyle
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -551,7 +571,15 @@ export declare const ScrollableTabsFullWidth: import("styled-components").IStyle
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export {};

package/dist/components/scrollable-tabs/styled.js

@@ -1,7 +1,7 @@
-import{styled as e,css as o}from"styled-components";import{Typography as r}from"../typography/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as t}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";const a=e.a.withConfig({displayName:"styled__ScrollableTabsTab",componentId:"sc-mv61cj-0"})(["all:unset;cursor:pointer;display:flex;align-items:center;flex-shrink:0;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;"," ",";&:before{content:'';display:block;position:absolute;inset:0;transition:background 0.2s;",";}&:hover:before{background-color:",";}& > *{position:relative;z-index:1;}"],(({$fullWidth:e})=>e&&o`
+import{styled as e,css as o}from"styled-components";import{Typography as r}from"../typography/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as t}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";const a=e.a.withConfig({displayName:"styled__ScrollableTabsTab",componentId:"sc-mv61cj-0"})(["all:unset;cursor:pointer;display:flex;align-items:center;flex-shrink:0;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;"," ",";&:before{content:'';display:block;position:absolute;inset:0;transition:background 0.2s;",";}&:hover:before{background-color:",";}& > *{position:relative;z-index:1;}"],({$fullWidth:e})=>e&&o`
       justify-content: center;
       flex: 1;
-    `),(({$variant:e})=>"primary"===e?o`
+    `,({$variant:e})=>"primary"===e?o`
           padding: 12.5px 16px;
           gap: 16px;
 
@@ -17,7 +17,7 @@ import{styled as e,css as o}from"styled-components";import{Typography as r}from"
             width: 18px;
             height: 18px;
           }
-        `),(({$variant:e,$selected:r})=>r?o`
+        `,({$variant:e,$selected:r})=>r?o`
           border-radius: ${()=>"primary"===e?16:8}px;
           background: linear-gradient(90deg, #1c64f2 0%, #d41cf2 100%);
           opacity: 0.2;
@@ -28,4 +28,4 @@ import{styled as e,css as o}from"styled-components";import{Typography as r}from"
         `:"secondary"===e?o`
           border-radius: 8px;
           background-color: ${({theme:e})=>e.colors.grayScale.gray7};
-        `:void 0),(({theme:e})=>t(e.colors.accent.primary,.2))),i=e(r).attrs((e=>({variant:"primary"===e.$variant?"body-l-regular":"button-sm"}))).withConfig({displayName:"styled__ScrollableTabsTabLabel",componentId:"sc-mv61cj-1"})([""]),l=e.div.withConfig({displayName:"styled__ScrollableTabsFullWidth",componentId:"sc-mv61cj-2"})(["width:100%;display:flex;justify-content:space-between;gap:8px;overflow:hidden;"]);export{l as ScrollableTabsFullWidth,a as ScrollableTabsTab,i as ScrollableTabsTabLabel};
+        `:void 0,({theme:e})=>t(e.colors.accent.primary,.2)),i=e(r).attrs(e=>({variant:"primary"===e.$variant?"body-l-regular":"button-sm"})).withConfig({displayName:"styled__ScrollableTabsTabLabel",componentId:"sc-mv61cj-1"})([""]),l=e.div.withConfig({displayName:"styled__ScrollableTabsFullWidth",componentId:"sc-mv61cj-2"})(["width:100%;display:flex;justify-content:space-between;gap:8px;overflow:hidden;"]);export{l as ScrollableTabsFullWidth,a as ScrollableTabsTab,i as ScrollableTabsTabLabel};

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

@@ -18,6 +18,7 @@ export interface ScrollbarProps extends React.PropsWithChildren {
 export type ScrollbarScrollEventHandler = (event: {
     isTop: boolean;
     isBottom: boolean;
+    previousScrollTop: number;
 }) => unknown;
 export declare const Scrollbar: React.ForwardRefExoticComponent<ScrollbarProps & React.RefAttributes<ScrollbarRef>>;
 export * from './types';

package/dist/components/scrollbar/index.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as o,useState as l,useCallback as s,useEffect as n,useImperativeHandle as i}from"react";import{ScrollbarContent as c,ScrollbarStyled as a,ScrollbarShadows as d}from"./styled.js";import{ScrollbarProvider as u}from"./context.js";export{ScrollbarContext,useScrollbar}from"./context.js";import"tslib";import"@react-spring/web";import"./shadow/styled.js";import"../../theme/index.js";export{ScrollbarStyle}from"./style/styled.js";const m=r((({className:r,scrollbarClassName:m,variant:h="primary",size:p=6,scrollShadows:w,scrollLocked:f,overflow:v="auto",disabled:b=!1,disableShadows:S=!1,children:T,onScroll:g,defaultStickyBottom:L=!1,withStickyBottom:x=!1,isHorizontalScrollbar:y=!1},z)=>{var j;const H=o(null),[E,M]=l(!1),[$,B]=l(!1),[N,k]=l(!1),[C,O]=l(!1),R=!!w,W=!!f,[D,Y]=l(L),[q,A]=l(0),F=null!==(j=null==w?void 0:w.size)&&void 0!==j?j:60,G=s((e=>{const{scrollTop:t,scrollHeight:r,clientHeight:o,scrollLeft:l,scrollWidth:s,clientWidth:n}=e,i=F>o,c=F>n,a=!i&&0!==t,d=!i&&Math.round(t)+1<r-o;k(a),O(d),M(!c&&0!==l),B(!c&&Math.round(l)+1<s-n);const u=q>e.scrollTop;if(A(e.scrollTop),x){const t=e.clientHeight-Math.ceil(e.scrollHeight-e.scrollTop);Math.abs(t)<20&&!u?Y(!0):u&&Y(!1)}b&&e.scrollTo(0,0),null==g||g({isTop:a,isBottom:d})}),[H.current,b,q,x,F,g]);n((()=>{if(!y)return;const e=e=>{H.current&&(e.preventDefault(),H.current.scrollLeft+=e.deltaY)},t=H.current;return t&&t.addEventListener("wheel",e),()=>{t&&t.removeEventListener("wheel",e)}}),[y,H.current]);const I=s((e=>{var t;const r=H.current;if(null!==r&&(W||void 0!==e)&&null!==r){const{side:o}=null!==(t=null!=e?e:f)&&void 0!==t?t:{side:"bottom"};if("bottom"===o)r.scrollTop=r.scrollHeight}}),[W,f]);i(z,(()=>({element:H.current,setScroll:I})),[H.current,I]),n((()=>{I()}),[T,I]),n((()=>{const e=H.current;if(null===e)return;G(e);let t=window.setTimeout((()=>{G(e)}),500),r=null;D&&(r=new MutationObserver((()=>{G(e),D&&!W&&(e.scrollTop=e.scrollHeight)})),r.observe(e,{childList:!0,subtree:!0}));const o=()=>{window.clearTimeout(t),G(e),t=window.setTimeout((()=>{G(e)}),500)};window.addEventListener("resize",o);let l=null;return H.current&&(l=new ResizeObserver((e=>{e.forEach((e=>{G(e.target)}))})),l.observe(H.current)),()=>{clearTimeout(t),null==r||r.disconnect(),window.removeEventListener("resize",o),null==l||l.disconnect()}}),[H.current,G,D]);const J=e(c,{$variant:h,$size:p,$disabled:b,$overflow:v,ref:H,className:r,onScroll:()=>{H.current&&G(H.current)},children:T});return R?e(u,{scrollbarSize:p,scrollShadows:w,setScroll:I,disabled:b,isLeft:E,isRight:$,isTop:N,isBottom:C,children:t(a,{$overflow:v,className:m,children:[J,!S&&t(d,{children:[w.left,w.right,w.top,w.bottom]})]})}):J}));export{m as Scrollbar,c as ScrollbarContent,u as ScrollbarProvider,d as ScrollbarShadows,a as ScrollbarStyled};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{forwardRef as t,useRef as o,useState as l,useCallback as s,useEffect as i,useImperativeHandle as n}from"react";import{ScrollbarContent as c,ScrollbarStyled as a,ScrollbarShadows as u}from"./styled.js";import{ScrollbarProvider as d}from"./context.js";export{ScrollbarContext,useScrollbar}from"./context.js";import"tslib";import"@react-spring/web";import"./shadow/styled.js";import"../../theme/index.js";export{ScrollbarStyle}from"./style/styled.js";const m=t(({className:t,scrollbarClassName:m,variant:h="primary",size:p=6,scrollShadows:v,scrollLocked:w,overflow:f="auto",disabled:b=!1,disableShadows:S=!1,children:T,onScroll:g,defaultStickyBottom:L=!1,withStickyBottom:x=!1,isHorizontalScrollbar:y=!1},z)=>{var j;const H=o(null),[E,M]=l(!1),[$,B]=l(!1),[N,k]=l(!1),[C,O]=l(!1),R=!!v,W=!!w,[D,Y]=l(L),[q,A]=l(0),F=null!==(j=null==v?void 0:v.size)&&void 0!==j?j:60,G=s(e=>{const{scrollTop:r,scrollHeight:t,clientHeight:o,scrollLeft:l,scrollWidth:s,clientWidth:i}=e,n=F>o,c=F>i,a=!n&&0!==r,u=!n&&Math.round(r)+1<t-o;k(a),O(u),M(!c&&0!==l),B(!c&&Math.round(l)+1<s-i);const d=q>e.scrollTop;if(A(e.scrollTop),x){const r=e.clientHeight-Math.ceil(e.scrollHeight-e.scrollTop);Math.abs(r)<20&&!d?Y(!0):d&&Y(!1)}b&&e.scrollTo(0,0),null==g||g({isTop:a,isBottom:u,previousScrollTop:q})},[H.current,b,q,x,F,g]);i(()=>{if(!y)return;const e=e=>{H.current&&(e.preventDefault(),H.current.scrollLeft+=e.deltaY)},r=H.current;return r&&r.addEventListener("wheel",e,{passive:!0}),()=>{r&&r.removeEventListener("wheel",e)}},[y,H.current]);const I=s(e=>{var r;const t=H.current;if(null!==t&&(W||void 0!==e)&&null!==t){const{side:o}=null!==(r=null!=e?e:w)&&void 0!==r?r:{side:"bottom"};if("bottom"===o)t.scrollTop=t.scrollHeight}},[W,w]);n(z,()=>({element:H.current,setScroll:I}),[H.current,I]),i(()=>{I()},[T,I]),i(()=>{const e=H.current;if(null===e)return;G(e);let r=window.setTimeout(()=>{G(e)},500),t=null;D&&(t=new MutationObserver(()=>{G(e),D&&!W&&(e.scrollTop=e.scrollHeight)}),t.observe(e,{childList:!0,subtree:!0}));const o=()=>{window.clearTimeout(r),G(e),r=window.setTimeout(()=>{G(e)},500)};window.addEventListener("resize",o);let l=null;return H.current&&(l=new ResizeObserver(e=>{e.forEach(e=>{G(e.target)})}),l.observe(H.current)),()=>{clearTimeout(r),null==t||t.disconnect(),window.removeEventListener("resize",o),null==l||l.disconnect()}},[H.current,G,D]);const J=e(c,{$variant:h,$size:p,$disabled:b,$overflow:f,ref:H,className:t,onScroll:()=>{H.current&&G(H.current)},children:T});return R?e(d,{scrollbarSize:p,scrollShadows:v,setScroll:I,disabled:b,isLeft:E,isRight:$,isTop:N,isBottom:C,children:r(a,{$overflow:f,className:m,children:[J,!S&&r(u,{children:[v.left,v.right,v.top,v.bottom]})]})}):J});export{m as Scrollbar,c as ScrollbarContent,d as ScrollbarProvider,u as ScrollbarShadows,a as ScrollbarStyled};

package/dist/components/scrollbar/shadow/index.js

@@ -1 +1 @@
-import{__rest as o}from"tslib";import{jsx as i}from"react/jsx-runtime";import{useTransition as t}from"@react-spring/web";import{ScrollbarShadowStyled as r,ScrollbarShadowContent as e}from"./styled.js";import{useScrollbar as l}from"../context.js";import"../../../theme/index.js";import{useTheme as s}from"../../../theme/hook.js";const d=d=>{var a,n,m,c,{side:h}=d,p=o(d,["side"]);const g=s(),{scrollbarSize:b,scrollShadows:f,disabled:u,isLeft:v,isRight:j,isTop:y,isBottom:$}=l(),w=null!==(n=null!==(a=p.size)&&void 0!==a?a:null==f?void 0:f.size)&&void 0!==n?n:60,x=null!==(c=null!==(m=p.color)&&void 0!==m?m:null==f?void 0:f.color)&&void 0!==c?c:g.colors.grayScale.gray4,z="left"===h,S="right"===h,k="top"===h,O="bottom"===h,B={opacity:0};z||S?B.width=0:(k||O)&&(B.height=0);z||S?B.width=w:(k||O)&&(B.height=w);return t(v&&z||j&&S||y&&k||$&&O,{from:B,enter:{opacity:1},leave:B})(((o,t)=>t&&i(r,{$side:h,$scrollbarSize:b,$disabled:u,children:i(e,{style:Object.assign(Object.assign({},o),{background:`linear-gradient(to ${h}, rgba(0, 0, 0, 0), ${x})`})})})))};export{d as ScrollbarShadow};
+import{__rest as o}from"tslib";import{jsx as i}from"react/jsx-runtime";import{useTransition as t}from"@react-spring/web";import{ScrollbarShadowStyled as r,ScrollbarShadowContent as e}from"./styled.js";import{useScrollbar as l}from"../context.js";import"../../../theme/index.js";import{useTheme as s}from"../../../theme/hook.js";const d=d=>{var a,n,m,c,{side:h}=d,p=o(d,["side"]);const g=s(),{scrollbarSize:b,scrollShadows:f,disabled:u,isLeft:v,isRight:j,isTop:y,isBottom:$}=l(),w=null!==(n=null!==(a=p.size)&&void 0!==a?a:null==f?void 0:f.size)&&void 0!==n?n:60,x=null!==(c=null!==(m=p.color)&&void 0!==m?m:null==f?void 0:f.color)&&void 0!==c?c:g.colors.grayScale.gray4,z="left"===h,S="right"===h,k="top"===h,O="bottom"===h,B={opacity:0};z||S?B.width=0:(k||O)&&(B.height=0);z||S?B.width=w:(k||O)&&(B.height=w);return t(v&&z||j&&S||y&&k||$&&O,{from:B,enter:{opacity:1},leave:B})((o,t)=>t&&i(r,{$side:h,$scrollbarSize:b,$disabled:u,children:i(e,{style:Object.assign(Object.assign({},o),{background:`linear-gradient(to ${h}, rgba(0, 0, 0, 0), ${x})`})})}))};export{d as ScrollbarShadow};