@bothub-chat/ui 2.48.1-fix-message-dbd14831-26d9-4d49-85b2-65f0e64cfad3 → 2.48.2-develop-30a324f3-49c5-45da-a58f-44a7a3afc6f4

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

@@ -1,5 +1,5 @@
 export declare const Wrapper: 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;
@@ -48,6 +48,10 @@ export declare const Wrapper: import("styled-components").IStyledComponent<"web"
     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;
@@ -257,6 +261,8 @@ export declare const Wrapper: import("styled-components").IStyledComponent<"web"
     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;
@@ -265,20 +271,51 @@ export declare const Wrapper: import("styled-components").IStyledComponent<"web"
     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 declare const Checkbox: import("styled-components").IStyledComponent<"web", {
-    value?: string | number | readonly string[] | undefined;
-    children?: import("react").ReactNode;
-    hidden?: boolean | undefined | undefined;
-    color?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    size?: number | undefined | undefined;
-    style?: import("react").CSSProperties | undefined;
-    multiple?: boolean | undefined | undefined;
-    disabled?: boolean | undefined | undefined;
+    ref?: import("react").Ref<HTMLInputElement> | undefined;
     key?: import("react").Key | null | undefined;
+    accept?: string | undefined | undefined;
+    alt?: string | undefined | undefined;
+    autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
+    capture?: boolean | "user" | "environment" | undefined | undefined;
+    checked?: boolean | undefined | undefined;
+    disabled?: boolean | undefined | undefined;
+    form?: string | undefined | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+    formEncType?: string | undefined | undefined;
+    formMethod?: string | undefined | undefined;
+    formNoValidate?: boolean | undefined | undefined;
+    formTarget?: string | undefined | undefined;
+    height?: number | string | undefined | undefined;
+    list?: string | undefined | undefined;
+    max?: number | string | undefined | undefined;
+    maxLength?: number | undefined | undefined;
+    min?: number | string | undefined | undefined;
+    minLength?: number | undefined | undefined;
+    multiple?: boolean | undefined | undefined;
+    name?: string | undefined | undefined;
+    pattern?: string | undefined | undefined;
+    placeholder?: string | undefined | undefined;
+    readOnly?: boolean | undefined | undefined;
+    required?: boolean | undefined | undefined;
+    size?: number | undefined | undefined;
+    src?: string | undefined | undefined;
+    step?: number | string | undefined | undefined;
+    type?: import("react").HTMLInputTypeAttribute | undefined;
+    value?: string | number | readonly string[] | undefined;
+    width?: number | string | undefined | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -292,17 +329,20 @@ export declare const Checkbox: import("styled-components").IStyledComponent<"web
     dir?: string | undefined | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     nonce?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
+    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined | undefined;
     title?: string | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     radioGroup?: string | undefined | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
@@ -314,6 +354,7 @@ export declare const Checkbox: import("styled-components").IStyledComponent<"web
     vocab?: string | undefined | undefined;
     autoCorrect?: string | undefined | undefined;
     autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
     itemProp?: string | undefined | undefined;
     itemScope?: boolean | undefined | undefined;
     itemType?: string | undefined | undefined;
@@ -322,6 +363,10 @@ export declare const Checkbox: import("styled-components").IStyledComponent<"web
     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;
@@ -379,6 +424,7 @@ export declare const Checkbox: import("styled-components").IStyledComponent<"web
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
+    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
@@ -398,7 +444,6 @@ export declare const Checkbox: import("styled-components").IStyledComponent<"web
     onFocusCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
     onBeforeInput?: import("react").InputEventHandler<HTMLInputElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
@@ -530,6 +575,8 @@ export declare const Checkbox: import("styled-components").IStyledComponent<"web
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLInputElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLInputElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
@@ -538,38 +585,19 @@ export declare const Checkbox: import("styled-components").IStyledComponent<"web
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
-    form?: string | undefined | undefined;
-    pattern?: string | undefined | undefined;
-    height?: number | string | undefined | undefined;
-    max?: number | string | undefined | undefined;
-    min?: number | string | undefined | undefined;
-    name?: string | undefined | undefined;
-    type?: import("react").HTMLInputTypeAttribute | undefined;
-    width?: number | string | undefined | undefined;
-    formAction?: string | undefined;
-    formEncType?: string | undefined | undefined;
-    formMethod?: string | undefined | undefined;
-    formNoValidate?: boolean | undefined | undefined;
-    formTarget?: string | undefined | undefined;
-    autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-    maxLength?: number | undefined | undefined;
-    minLength?: number | undefined | undefined;
-    placeholder?: string | undefined | undefined;
-    readOnly?: boolean | undefined | undefined;
-    required?: boolean | undefined | undefined;
-    src?: string | undefined | undefined;
-    alt?: string | undefined | undefined;
-    accept?: string | undefined | undefined;
-    capture?: boolean | "user" | "environment" | undefined | undefined;
-    checked?: boolean | undefined | undefined;
-    list?: string | undefined | undefined;
-    step?: number | string | undefined | undefined;
-    ref?: ((instance: HTMLInputElement | 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<HTMLInputElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
 }>;
 export declare const HiddenLabel: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLLabelElement> | undefined;
+    ref?: import("react").Ref<HTMLLabelElement> | undefined;
     key?: import("react").Key | null | undefined;
     form?: string | undefined | undefined;
     htmlFor?: string | undefined | undefined;
@@ -620,6 +648,10 @@ export declare const HiddenLabel: import("styled-components").IStyledComponent<"
     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;
@@ -829,6 +861,8 @@ export declare const HiddenLabel: import("styled-components").IStyledComponent<"
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLLabelElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLLabelElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
@@ -837,11 +871,19 @@ export declare const HiddenLabel: import("styled-components").IStyledComponent<"
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLLabelElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLLabelElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
 }>;
 export declare const TextLabel: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLLabelElement> | undefined;
+    ref?: import("react").Ref<HTMLLabelElement> | undefined;
     key?: import("react").Key | null | undefined;
     form?: string | undefined | undefined;
     htmlFor?: string | undefined | undefined;
@@ -892,6 +934,10 @@ export declare const TextLabel: import("styled-components").IStyledComponent<"we
     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;
@@ -1101,6 +1147,8 @@ export declare const TextLabel: import("styled-components").IStyledComponent<"we
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLLabelElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLLabelElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
@@ -1109,6 +1157,14 @@ export declare const TextLabel: import("styled-components").IStyledComponent<"we
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLLabelElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLLabelElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
 }>;

package/dist/components/switch/styled.js

@@ -1 +1 @@
-import{styled as t}from"styled-components";import{getTypographyStyles as e}from"../typography/styled.js";const o=t.div.withConfig({displayName:"styled__Wrapper",componentId:"sc-3335oe-0"})(["display:inline-flex;flex-direction:row;align-items:center;gap:10px;--switch-width:","px;"],56),i=t.input.attrs((t=>Object.assign({type:"checkbox"},t))).withConfig({displayName:"styled__Checkbox",componentId:"sc-3335oe-1"})(["display:none;height:0;width:0;visibility:hidden;&:checked + label{background-color:",";&:after{left:calc(100% - 4px);transform:translateX(-100%);}}"],(t=>t.theme.colors.accent.primary)),a=t.label.withConfig({displayName:"styled__HiddenLabel",componentId:"sc-3335oe-2"})(["cursor:pointer;text-indent:-9999px;width:var(--switch-width,",");aspect-ratio:56 / 26;background:",";display:block;border-radius:100px;position:relative;&:after{content:'';position:absolute;top:0;left:4px;bottom:0;margin:auto;width:calc(var(--switch-width,",") * 0.33);height:calc(var(--switch-width,",") * 0.33);background:#fff;border-radius:50%;transition:0.2s linear;}"],56,(({theme:t})=>t.colors.grayScale.gray2),56,56),r=t.label.withConfig({displayName:"styled__TextLabel",componentId:"sc-3335oe-3"})([""," color:",";cursor:pointer;"],e("body-m-medium"),(({theme:t})=>t.colors.base.white));export{i as Checkbox,a as HiddenLabel,r as TextLabel,o as Wrapper};
+import{styled as t}from"styled-components";import{getTypographyStyles as e}from"../typography/styled.js";const o=t.div.withConfig({displayName:"styled__Wrapper",componentId:"sc-3335oe-0"})(["display:inline-flex;flex-direction:row;align-items:center;gap:10px;--switch-width:","px;"],56),i=t.input.attrs(t=>Object.assign({type:"checkbox"},t)).withConfig({displayName:"styled__Checkbox",componentId:"sc-3335oe-1"})(["display:none;height:0;width:0;visibility:hidden;&:checked + label{background-color:",";&:after{left:calc(100% - 4px);transform:translateX(-100%);}}"],t=>t.theme.colors.accent.primary),a=t.label.withConfig({displayName:"styled__HiddenLabel",componentId:"sc-3335oe-2"})(["cursor:pointer;text-indent:-9999px;width:var(--switch-width,",");aspect-ratio:56 / 26;background:",";display:block;border-radius:100px;position:relative;&:after{content:'';position:absolute;top:0;left:4px;bottom:0;margin:auto;width:calc(var(--switch-width,",") * 0.33);height:calc(var(--switch-width,",") * 0.33);background:#fff;border-radius:50%;transition:0.2s linear;}"],56,({theme:t})=>t.colors.grayScale.gray2,56,56),r=t.label.withConfig({displayName:"styled__TextLabel",componentId:"sc-3335oe-3"})([""," color:",";cursor:pointer;"],e("body-m-medium"),({theme:t})=>t.colors.base.white);export{i as Checkbox,a as HiddenLabel,r as TextLabel,o as Wrapper};

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

@@ -1,5 +1,5 @@
 export declare const TabsStyled: 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;
@@ -48,6 +48,10 @@ export declare const TabsStyled: import("styled-components").IStyledComponent<"w
     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;
@@ -257,6 +261,8 @@ export declare const TabsStyled: import("styled-components").IStyledComponent<"w
     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;
@@ -265,11 +271,19 @@ export declare const TabsStyled: import("styled-components").IStyledComponent<"w
     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 declare const TabDesktopList: 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;
@@ -318,6 +332,10 @@ export declare const TabDesktopList: import("styled-components").IStyledComponen
     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;
@@ -527,6 +545,8 @@ export declare const TabDesktopList: import("styled-components").IStyledComponen
     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;
@@ -535,11 +555,19 @@ export declare const TabDesktopList: import("styled-components").IStyledComponen
     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 declare const TabMobileList: 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;
@@ -588,6 +616,10 @@ export declare const TabMobileList: import("styled-components").IStyledComponent
     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;
@@ -797,6 +829,8 @@ export declare const TabMobileList: import("styled-components").IStyledComponent
     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;
@@ -805,29 +839,37 @@ export declare const TabMobileList: import("styled-components").IStyledComponent
     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 declare const TabMobileListScrollbarWrapper: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
+    className?: string | undefined;
+    scrollbarClassName?: string | undefined;
     variant?: import("@/ui/components/scrollbar").ScrollbarVariant | undefined;
     size?: number | undefined;
-    disabled?: boolean | undefined;
-    key?: import("react").Key | null | undefined;
-    className?: string | undefined;
-    onScroll?: import("@/ui/components/scrollbar").ScrollbarScrollEventHandler | undefined;
     scrollShadows?: import("@/ui/components/scrollbar").ScrollbarShadowsProps | undefined;
-    overflow?: import("@/ui/components/scrollbar").ScrollbarOverflow | undefined;
-    scrollbarClassName?: string | undefined;
     scrollLocked?: import("@/ui/components/scrollbar").SetScrollOptions | undefined;
+    overflow?: import("@/ui/components/scrollbar").ScrollbarOverflow | undefined;
+    disabled?: boolean | undefined;
     disableShadows?: boolean | undefined;
     withStickyBottom?: boolean | undefined;
     defaultStickyBottom?: boolean | undefined;
     isHorizontalScrollbar?: boolean | undefined;
-    ref?: ((instance: import("@/ui/components/scrollbar").ScrollbarRef | 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<import("@/ui/components/scrollbar").ScrollbarRef> | null | undefined;
+    onScroll?: import("@/ui/components/scrollbar").ScrollbarScrollEventHandler | undefined;
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<import("@/ui/components/scrollbar").ScrollbarRef> | undefined;
+    key?: import("react").Key | null | undefined;
 }>;
 export declare const TabMobileListContent: 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;
@@ -876,6 +918,10 @@ export declare const TabMobileListContent: import("styled-components").IStyledCo
     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;
@@ -1085,6 +1131,8 @@ export declare const TabMobileListContent: import("styled-components").IStyledCo
     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;
@@ -1093,6 +1141,14 @@ export declare const TabMobileListContent: import("styled-components").IStyledCo
     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;
 }>;

package/dist/components/tab/list/styled.js

@@ -1,10 +1,10 @@
-import{jsx as i}from"react/jsx-runtime";import{styled as e,css as o}from"styled-components";import{adaptive as s}from"../../../adaptive/index.js";import{Scrollbar as t}from"../../scrollbar/index.js";import{ScrollbarShadow as l}from"../../scrollbar/shadow/index.js";const a=e.div.withConfig({displayName:"styled__TabsStyled",componentId:"sc-37f6ih-0"})(["display:flex;width:100%;"]),d=e.div.withConfig({displayName:"styled__TabDesktopList",componentId:"sc-37f6ih-1"})([""," gap:18px;flex-wrap:wrap;"],s((()=>({merge:!0,desktop:o`
+import{jsx as i}from"react/jsx-runtime";import{styled as e,css as o}from"styled-components";import{adaptive as s}from"../../../adaptive/index.js";import{Scrollbar as t}from"../../scrollbar/index.js";import{ScrollbarShadow as l}from"../../scrollbar/shadow/index.js";const a=e.div.withConfig({displayName:"styled__TabsStyled",componentId:"sc-37f6ih-0"})(["display:flex;width:100%;"]),d=e.div.withConfig({displayName:"styled__TabDesktopList",componentId:"sc-37f6ih-1"})([""," gap:18px;flex-wrap:wrap;"],s(()=>({merge:!0,desktop:o`
       display: flex;
     `,mobile:o`
       display: none;
-    `})))),p=e.div.withConfig({displayName:"styled__TabMobileList",componentId:"sc-37f6ih-2"})(["",""],s((()=>({merge:!0,desktop:o`
+    `}))),p=e.div.withConfig({displayName:"styled__TabMobileList",componentId:"sc-37f6ih-2"})(["",""],s(()=>({merge:!0,desktop:o`
       display: none;
     `,mobile:o`
       display: flex;
       width: 100%;
-    `})))),r=e(t).attrs((({theme:e})=>({variant:"secondary",scrollShadows:{color:e.colors.base.black,left:i(l,{side:"left"}),right:i(l,{side:"right"})}}))).withConfig({displayName:"styled__TabMobileListScrollbarWrapper",componentId:"sc-37f6ih-3"})([""]),n=e.div.withConfig({displayName:"styled__TabMobileListContent",componentId:"sc-37f6ih-4"})(["display:flex;flex-shrink:0;gap:18px;"]);export{d as TabDesktopList,p as TabMobileList,n as TabMobileListContent,r as TabMobileListScrollbarWrapper,a as TabsStyled};
+    `}))),r=e(t).attrs(({theme:e})=>({variant:"secondary",scrollShadows:{color:e.colors.base.black,left:i(l,{side:"left"}),right:i(l,{side:"right"})}})).withConfig({displayName:"styled__TabMobileListScrollbarWrapper",componentId:"sc-37f6ih-3"})([""]),n=e.div.withConfig({displayName:"styled__TabMobileListContent",componentId:"sc-37f6ih-4"})(["display:flex;flex-shrink:0;gap:18px;"]);export{d as TabDesktopList,p as TabMobileList,n as TabMobileListContent,r as TabMobileListScrollbarWrapper,a as TabsStyled};

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

@@ -6,8 +6,13 @@ export interface TabTextProps {
     $active: boolean;
 }
 export declare const TabText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
-    children?: import("react").ReactNode;
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
+    component?: import("@/ui/components/typography").TypographyComponent | undefined;
+    align?: import("@/ui/components/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;
@@ -56,6 +61,10 @@ export declare const TabText: import("styled-components").IStyledComponent<"web"
     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;
@@ -264,6 +273,8 @@ export declare const TabText: import("styled-components").IStyledComponent<"web"
     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;
@@ -272,12 +283,15 @@ export declare const TabText: import("styled-components").IStyledComponent<"web"
     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("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/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;
 }, TabTextProps>>;

package/dist/components/tab/styled.js

@@ -1,8 +1,8 @@
-import{styled as o,css as e}from"styled-components";import{Typography as r}from"../typography/index.js";import{adaptive as a}from"../../adaptive/index.js";const t=o.button.withConfig({displayName:"styled__TabStyled",componentId:"sc-12prpad-0"})(["display:inline-flex;outline:none;border:1px solid ",";background:",";border-radius:8px;padding:0px;cursor:",";overflow:hidden;box-sizing:border-box;flex-shrink:0;transition:border-color 0.3s ease-out,background-color 0.3s ease-out,transform 0.2s ease-out;"," ",""],(({theme:o,$active:e})=>e?o.colors.accent.primary:o.colors.grayScale.gray3),(({theme:o,$active:e})=>e?o.colors.accent.primary:"rgba(0, 0, 0, 0)"),(({$active:o})=>o?"default":"pointer"),a((()=>({merge:!0,desktop:e`
+import{styled as o,css as e}from"styled-components";import{Typography as r}from"../typography/index.js";import{adaptive as a}from"../../adaptive/index.js";const t=o.button.withConfig({displayName:"styled__TabStyled",componentId:"sc-12prpad-0"})(["display:inline-flex;outline:none;border:1px solid ",";background:",";border-radius:8px;padding:0px;cursor:",";overflow:hidden;box-sizing:border-box;flex-shrink:0;transition:border-color 0.3s ease-out,background-color 0.3s ease-out,transform 0.2s ease-out;"," ",""],({theme:o,$active:e})=>e?o.colors.accent.primary:o.colors.grayScale.gray3,({theme:o,$active:e})=>e?o.colors.accent.primary:"rgba(0, 0, 0, 0)",({$active:o})=>o?"default":"pointer",a(()=>({merge:!0,desktop:e`
       padding: 10px 20px;
     `,tablet:e`
       padding: 12px 20px;
-    `}))),(({$active:o})=>!o&&e`
+    `})),({$active:o})=>!o&&e`
       &:hover {
         border-color: ${({theme:o})=>o.colors.grayScale.gray3};
         background-color: ${({theme:o})=>o.colors.grayScale.gray3};
@@ -10,4 +10,4 @@ import{styled as o,css as e}from"styled-components";import{Typography as r}from"
       &:active {
         transform: translateY(1px);
       }
-    `)),i=o(r).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__TabText",componentId:"sc-12prpad-1"})(["color:",";"],(({theme:o,$active:e})=>e?o.default.colors.base.white:o.colors.base.white));export{t as TabStyled,i as TabText};
+    `),i=o(r).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__TabText",componentId:"sc-12prpad-1"})(["color:",";"],({theme:o,$active:e})=>e?o.default.colors.base.white:o.colors.base.white);export{t as TabStyled,i as TabText};