@bothub-chat/ui 2.48.1-fix-message-79720dcc-0313-4bb2-ac15-912e6fc16d36 → 2.48.1-fix-message-81026f5e-584f-4918-8c1c-31e3d26f3769

package/dist/components/theme-schemes/theme-button/styled.d.ts

@@ -1,5 +1,5 @@
 export declare const ThemeButtonWrapperStyled: 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 ThemeButtonWrapperStyled: import("styled-components").IStyl
     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 ThemeButtonWrapperStyled: import("styled-components").IStyl
     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,19 +271,27 @@ export declare const ThemeButtonWrapperStyled: import("styled-components").IStyl
     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 interface ThemeButtonOutlineStyledProps {
     $active?: boolean;
 }
 export declare const ThemeButtonOutlineStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeButtonOutlineStyledProps>>;
 export declare const ThemeButtonStyled: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLButtonElement> | undefined;
+    ref?: import("react").Ref<HTMLButtonElement> | undefined;
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined | undefined;
     form?: string | undefined | undefined;
-    formAction?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
@@ -332,6 +346,10 @@ export declare const ThemeButtonStyled: import("styled-components").IStyledCompo
     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;
@@ -541,6 +559,8 @@ export declare const ThemeButtonStyled: import("styled-components").IStyledCompo
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -549,11 +569,19 @@ export declare const ThemeButtonStyled: import("styled-components").IStyledCompo
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
 }>;
 export declare const ThemeButtonIconStyled: 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;
@@ -602,6 +630,10 @@ export declare const ThemeButtonIconStyled: import("styled-components").IStyledC
     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;
@@ -811,6 +843,8 @@ export declare const ThemeButtonIconStyled: import("styled-components").IStyledC
     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;
@@ -819,11 +853,19 @@ export declare const ThemeButtonIconStyled: import("styled-components").IStyledC
     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 ThemeButtonActions: 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;
@@ -872,6 +914,10 @@ export declare const ThemeButtonActions: import("styled-components").IStyledComp
     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;
@@ -1081,6 +1127,8 @@ export declare const ThemeButtonActions: import("styled-components").IStyledComp
     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;
@@ -1089,17 +1137,23 @@ export declare const ThemeButtonActions: import("styled-components").IStyledComp
     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 ThemeButtonEditAction: import("styled-components").IStyledComponent<"web", {
-    value?: string | number | readonly string[] | undefined;
     children?: import("react").ReactNode;
-    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    value?: string | number | readonly string[] | undefined;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
-    size?: import("@/ui/components/button").ButtonSize | undefined;
     style?: import("react").CSSProperties | undefined;
     disabled?: boolean | undefined | undefined;
     key?: import("react").Key | null | undefined;
@@ -1146,6 +1200,10 @@ export declare const ThemeButtonEditAction: import("styled-components").IStyledC
     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;
@@ -1351,6 +1409,8 @@ export declare const ThemeButtonEditAction: import("styled-components").IStyledC
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -1358,37 +1418,45 @@ export declare const ThemeButtonEditAction: import("styled-components").IStyledC
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     form?: string | undefined | undefined;
-    name?: string | undefined | undefined;
     type?: "submit" | "reset" | "button" | undefined | undefined;
-    href?: string | undefined;
-    formAction?: string | 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;
-    htmlFor?: string | undefined;
-    component?: import("@/ui/components/button").ButtonComponent | undefined;
+    name?: string | undefined | undefined;
     fullWidth?: boolean | undefined;
-    skeleton?: boolean | undefined;
+    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    component?: import("@/ui/components/button").ButtonComponent | undefined;
+    size?: import("@/ui/components/button").ButtonSize | undefined;
     corner?: import("@/ui/components/button").ButtonCorner | undefined;
     startIcon?: import("react").ReactNode;
     endIcon?: import("react").ReactNode;
     iconSize?: number | undefined;
     iconFill?: string | undefined;
+    skeleton?: boolean | undefined;
+    htmlFor?: string | undefined;
+    href?: string | undefined;
     disableHoverColor?: boolean | undefined;
-    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement | null> | null | undefined;
+    ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;
 export declare const ThemeButtonDeleteAction: import("styled-components").IStyledComponent<"web", {
-    value?: string | number | readonly string[] | undefined;
     children?: import("react").ReactNode;
-    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    value?: string | number | readonly string[] | undefined;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
-    size?: import("@/ui/components/button").ButtonSize | undefined;
     style?: import("react").CSSProperties | undefined;
     disabled?: boolean | undefined | undefined;
     key?: import("react").Key | null | undefined;
@@ -1435,6 +1503,10 @@ export declare const ThemeButtonDeleteAction: 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;
@@ -1640,6 +1712,8 @@ export declare const ThemeButtonDeleteAction: import("styled-components").IStyle
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -1647,26 +1721,36 @@ export declare const ThemeButtonDeleteAction: import("styled-components").IStyle
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     form?: string | undefined | undefined;
-    name?: string | undefined | undefined;
     type?: "submit" | "reset" | "button" | undefined | undefined;
-    href?: string | undefined;
-    formAction?: string | 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;
-    htmlFor?: string | undefined;
-    component?: import("@/ui/components/button").ButtonComponent | undefined;
+    name?: string | undefined | undefined;
     fullWidth?: boolean | undefined;
-    skeleton?: boolean | undefined;
+    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    component?: import("@/ui/components/button").ButtonComponent | undefined;
+    size?: import("@/ui/components/button").ButtonSize | undefined;
     corner?: import("@/ui/components/button").ButtonCorner | undefined;
     startIcon?: import("react").ReactNode;
     endIcon?: import("react").ReactNode;
     iconSize?: number | undefined;
     iconFill?: string | undefined;
+    skeleton?: boolean | undefined;
+    htmlFor?: string | undefined;
+    href?: string | undefined;
     disableHoverColor?: boolean | undefined;
-    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement | null> | null | undefined;
+    ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
 }>;

package/dist/components/theme-schemes/theme-button/styled.js

@@ -1,5 +1,5 @@
-import{jsx as e}from"react/jsx-runtime";import{styled as t,css as o}from"styled-components";import{Button as d}from"../../button/index.js";import{EditIcon as n}from"../../../icons/edit/index.js";import{TrashIcon as s}from"../../../icons/trash/index.js";const i=t.div.withConfig({displayName:"styled__ThemeButtonWrapperStyled",componentId:"sc-1d8skh4-0"})(["display:flex;align-items:center;gap:14px;"]),r=t.div.withConfig({displayName:"styled__ThemeButtonOutlineStyled",componentId:"sc-1d8skh4-1"})(["border:1px solid transparent;"," border-radius:20px;"],(({$active:e})=>e?o`
+import{jsx as e}from"react/jsx-runtime";import{styled as t,css as o}from"styled-components";import{Button as d}from"../../button/index.js";import{EditIcon as n}from"../../../icons/edit/index.js";import{TrashIcon as s}from"../../../icons/trash/index.js";const i=t.div.withConfig({displayName:"styled__ThemeButtonWrapperStyled",componentId:"sc-1d8skh4-0"})(["display:flex;align-items:center;gap:14px;"]),r=t.div.withConfig({displayName:"styled__ThemeButtonOutlineStyled",componentId:"sc-1d8skh4-1"})(["border:1px solid transparent;"," border-radius:20px;"],({$active:e})=>e?o`
           background: ${({theme:e})=>e.colors.premiumGradient};
         `:o`
           border-color: ${({theme:e})=>e.colors.grayScale.gray2};
-        `)),a=t.button.withConfig({displayName:"styled__ThemeButtonStyled",componentId:"sc-1d8skh4-2"})(["all:unset;padding:8px;border-radius:18px;background-color:",";&:hover{cursor:pointer;}"],(({theme:e})=>"custom"===e.scheme?e.colors.custom.background:e.colors.base.black)),c=t.div.withConfig({displayName:"styled__ThemeButtonIconStyled",componentId:"sc-1d8skh4-3"})(["padding:8px 10px;border-radius:10px;border:1px solid ",";background-color:",";"],(({theme:e})=>e.colors.grayScale.gray2),(({theme:e})=>e.colors.grayScale.gray4)),l=t.div.withConfig({displayName:"styled__ThemeButtonActions",componentId:"sc-1d8skh4-4"})(["display:flex;flex-direction:column;gap:16px;"]),m=t(d).attrs({variant:"text"}).withConfig({displayName:"styled__ThemeButtonAction",componentId:"sc-1d8skh4-5"})([""]),p=t(m).attrs({children:e(n,{})}).withConfig({displayName:"styled__ThemeButtonEditAction",componentId:"sc-1d8skh4-6"})([""]),h=t(m).attrs({children:e(s,{})}).withConfig({displayName:"styled__ThemeButtonDeleteAction",componentId:"sc-1d8skh4-7"})([""]);export{l as ThemeButtonActions,h as ThemeButtonDeleteAction,p as ThemeButtonEditAction,c as ThemeButtonIconStyled,r as ThemeButtonOutlineStyled,a as ThemeButtonStyled,i as ThemeButtonWrapperStyled};
+        `),a=t.button.withConfig({displayName:"styled__ThemeButtonStyled",componentId:"sc-1d8skh4-2"})(["all:unset;padding:8px;border-radius:18px;background-color:",";&:hover{cursor:pointer;}"],({theme:e})=>"custom"===e.scheme?e.colors.custom.background:e.colors.base.black),c=t.div.withConfig({displayName:"styled__ThemeButtonIconStyled",componentId:"sc-1d8skh4-3"})(["padding:8px 10px;border-radius:10px;border:1px solid ",";background-color:",";"],({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>e.colors.grayScale.gray4),l=t.div.withConfig({displayName:"styled__ThemeButtonActions",componentId:"sc-1d8skh4-4"})(["display:flex;flex-direction:column;gap:16px;"]),m=t(d).attrs({variant:"text"}).withConfig({displayName:"styled__ThemeButtonAction",componentId:"sc-1d8skh4-5"})([""]),p=t(m).attrs({children:e(n,{})}).withConfig({displayName:"styled__ThemeButtonEditAction",componentId:"sc-1d8skh4-6"})([""]),h=t(m).attrs({children:e(s,{})}).withConfig({displayName:"styled__ThemeButtonDeleteAction",componentId:"sc-1d8skh4-7"})([""]);export{l as ThemeButtonActions,h as ThemeButtonDeleteAction,p as ThemeButtonEditAction,c as ThemeButtonIconStyled,r as ThemeButtonOutlineStyled,a as ThemeButtonStyled,i as ThemeButtonWrapperStyled};

package/dist/components/theme-switcher/index.js

@@ -1 +1 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useState as r,useCallback as e}from"react";import{DarkIcon as i}from"../../icons/dark/index.js";import{LightIcon as s}from"../../icons/light/index.js";import{SystemIcon as m}from"../../icons/system/index.js";import"tslib";import{IconProvider as l}from"../icon/context.js";import"../icon/styled.js";import"@react-spring/web";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import"../tooltip/context.js";import{ThemeSwitcherStyled as n,ThemeSwitcherList as c,ThemeSwitcherItemBackground as a,ThemeSwitcherItem as d,ThemeSwitcherItemContent as p}from"./styled.js";import{useTheme as h}from"../../theme/hook.js";const j=["light","dark","system"],y=({mode:y,defaultMode:f="dark",onChange:k,onSystemClick:x})=>{const g=h(),[u,b]=r(null!=y?y:f),w=e((t=>{b(t),"system"!==t?null==k||k(t):null==x||x()}),[]);return t(n,{children:o(c,{children:[t(a,{$mode:u}),j.map((o=>{let r,e;switch(r=o===u?g.colors.base.white:g.colors.grayScale.gray1,o){case"dark":e=t(i,{});break;case"light":e=t(s,{});break;case"system":e=t(m,{})}return t(d,{onClick:()=>w(o),"data-test":`theme-${o}`,children:t(p,{children:t(l,{size:20,fill:r,children:e})})},o)}))]})})};export{y as ThemeSwitcher,d as ThemeSwitcherItem,a as ThemeSwitcherItemBackground,p as ThemeSwitcherItemContent,c as ThemeSwitcherList,n as ThemeSwitcherStyled};
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useState as r,useCallback as e}from"react";import{DarkIcon as i}from"../../icons/dark/index.js";import{LightIcon as s}from"../../icons/light/index.js";import{SystemIcon as m}from"../../icons/system/index.js";import"tslib";import{IconProvider as l}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{ThemeSwitcherStyled as n,ThemeSwitcherList as c,ThemeSwitcherItemBackground as a,ThemeSwitcherItem as d,ThemeSwitcherItemContent as p}from"./styled.js";import{useTheme as h}from"../../theme/hook.js";const j=["light","dark","system"],y=({mode:y,defaultMode:f="dark",onChange:k,onSystemClick:x})=>{const g=h(),[u,b]=r(null!=y?y:f),w=e(t=>{b(t),"system"!==t?null==k||k(t):null==x||x()},[]);return t(n,{children:o(c,{children:[t(a,{$mode:u}),j.map(o=>{let r,e;switch(r=o===u?g.colors.base.white:g.colors.grayScale.gray1,o){case"dark":e=t(i,{});break;case"light":e=t(s,{});break;case"system":e=t(m,{})}return t(d,{onClick:()=>w(o),"data-test":`theme-${o}`,children:t(p,{children:t(l,{size:20,fill:r,children:e})})},o)})]})})};export{y as ThemeSwitcher,d as ThemeSwitcherItem,a as ThemeSwitcherItemBackground,p as ThemeSwitcherItemContent,c as ThemeSwitcherList,n as ThemeSwitcherStyled};

package/dist/components/theme-switcher/styled.d.ts

@@ -1,6 +1,6 @@
 import { ThemeSwitcherMode } from './types';
 export declare const ThemeSwitcherStyled: 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;
@@ -49,6 +49,10 @@ export declare const ThemeSwitcherStyled: import("styled-components").IStyledCom
     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;
@@ -258,6 +262,8 @@ export declare const ThemeSwitcherStyled: import("styled-components").IStyledCom
     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;
@@ -266,11 +272,19 @@ export declare const ThemeSwitcherStyled: import("styled-components").IStyledCom
     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 ThemeSwitcherList: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -319,6 +333,10 @@ export declare const ThemeSwitcherList: import("styled-components").IStyledCompo
     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;
@@ -528,6 +546,8 @@ export declare const ThemeSwitcherList: import("styled-components").IStyledCompo
     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;
@@ -536,15 +556,23 @@ export declare const ThemeSwitcherList: import("styled-components").IStyledCompo
     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;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
 }>;
 export declare const ThemeSwitcherItem: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLButtonElement> | undefined;
+    ref?: import("react").Ref<HTMLButtonElement> | undefined;
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined | undefined;
     form?: string | undefined | undefined;
-    formAction?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
@@ -599,6 +627,10 @@ export declare const ThemeSwitcherItem: import("styled-components").IStyledCompo
     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;
@@ -808,6 +840,8 @@ export declare const ThemeSwitcherItem: import("styled-components").IStyledCompo
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -816,15 +850,23 @@ export declare const ThemeSwitcherItem: import("styled-components").IStyledCompo
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
 }>;
 export interface ThemeSwitcherItemBackgroundProps {
     $mode: ThemeSwitcherMode;
 }
 export declare const ThemeSwitcherItemBackground: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ThemeSwitcherItemBackgroundProps>>;
 export declare const ThemeSwitcherItemContent: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -873,6 +915,10 @@ export declare const ThemeSwitcherItemContent: import("styled-components").IStyl
     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;
@@ -1082,6 +1128,8 @@ export declare const ThemeSwitcherItemContent: import("styled-components").IStyl
     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;
@@ -1090,6 +1138,14 @@ export declare const ThemeSwitcherItemContent: import("styled-components").IStyl
     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;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
 }>;

package/dist/components/theme-switcher/styled.js

@@ -1,7 +1,7 @@
-import{styled as e,css as t}from"styled-components";const i=e.div.withConfig({displayName:"styled__ThemeSwitcherStyled",componentId:"sc-xq1ohn-0"})(["display:inline-flex;width:fit-content;overflow:hidden;align-items:center;cursor:pointer;background:",";border:none;border-radius:200px;padding:2px;"],(({theme:e})=>e.colors.grayScale.gray3)),n=e.span.withConfig({displayName:"styled__ThemeSwitcherList",componentId:"sc-xq1ohn-1"})(["display:flex;align-items:center;gap:8px;width:100%;position:relative;"]),o=e.button.withConfig({displayName:"styled__ThemeSwitcherItem",componentId:"sc-xq1ohn-2"})(["all:unset;display:inline-flex;position:relative;border-radius:12px;width:100%;padding:6px;"]),a=e.span.withConfig({displayName:"styled__ThemeSwitcherItemBackground",componentId:"sc-xq1ohn-3"})(["display:inline-flex;position:absolute;top:0px;bottom:0px;left:0px;height:100%;aspect-ratio:1 / 1;border:1px solid ",";border-radius:50%;background:",";",";transform:translateX(-50%);transition:all 0.2s ease-out;"],(({theme:e})=>e.colors.grayScale.gray2),(({theme:e})=>e.colors.grayScale.gray4),(({$mode:e})=>{switch(e){case"light":return t`
+import{styled as e,css as t}from"styled-components";const i=e.div.withConfig({displayName:"styled__ThemeSwitcherStyled",componentId:"sc-xq1ohn-0"})(["display:inline-flex;width:fit-content;overflow:hidden;align-items:center;cursor:pointer;background:",";border:none;border-radius:200px;padding:2px;"],({theme:e})=>e.colors.grayScale.gray3),n=e.span.withConfig({displayName:"styled__ThemeSwitcherList",componentId:"sc-xq1ohn-1"})(["display:flex;align-items:center;gap:8px;width:100%;position:relative;"]),o=e.button.withConfig({displayName:"styled__ThemeSwitcherItem",componentId:"sc-xq1ohn-2"})(["all:unset;display:inline-flex;position:relative;border-radius:12px;width:100%;padding:6px;"]),a=e.span.withConfig({displayName:"styled__ThemeSwitcherItemBackground",componentId:"sc-xq1ohn-3"})(["display:inline-flex;position:absolute;top:0px;bottom:0px;left:0px;height:100%;aspect-ratio:1 / 1;border:1px solid ",";border-radius:50%;background:",";",";transform:translateX(-50%);transition:all 0.2s ease-out;"],({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>e.colors.grayScale.gray4,({$mode:e})=>{switch(e){case"light":return t`
           left: 20px;
         `;case"dark":return t`
           left: 50%;
         `;case"system":return t`
           left: calc(100% - 21px);
-        `}})),s=e.span.withConfig({displayName:"styled__ThemeSwitcherItemContent",componentId:"sc-xq1ohn-4"})(["display:inline-flex;position:relative;padding:4px;width:100%;justify-content:center;"]);export{o as ThemeSwitcherItem,a as ThemeSwitcherItemBackground,s as ThemeSwitcherItemContent,n as ThemeSwitcherList,i as ThemeSwitcherStyled};
+        `}}),s=e.span.withConfig({displayName:"styled__ThemeSwitcherItemContent",componentId:"sc-xq1ohn-4"})(["display:inline-flex;position:relative;padding:4px;width:100%;justify-content:center;"]);export{o as ThemeSwitcherItem,a as ThemeSwitcherItemBackground,s as ThemeSwitcherItemContent,n as ThemeSwitcherList,i as ThemeSwitcherStyled};

package/dist/components/tooltip/arrow/index.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useMemo as e}from"react";import{TooltipArrowStyled as r}from"./styled.js";import"../../../theme/index.js";import{useTheme as a}from"../../../theme/hook.js";const o=({variant:o,inverted:n=!1,placement:s})=>{const i=a(),c=e((()=>{switch(s){case"center-left":return"translateX(-12px) rotate(-90deg)";case"center-right":return"translateX(12px) rotate(90deg)";case"top-left":case"top-right":case"top":return n?"translateY(3px) rotate(180deg)":"";default:return""}}),[s,n]);return t(r,{width:"9",height:"7",viewBox:"0 0 9 7",fill:"none",style:{transform:c},children:t("path",{d:"M3.73201 6.0791C4.13179 6.55848 4.86821 6.55848 5.26799 6.0791L8.7611 1.89047C9.30422 1.2392 8.84112 0.25 7.99311 0.25H1.00689C0.15888 0.25 -0.304218 1.2392 0.2389 1.89046L3.73201 6.0791Z",fill:"primary"===o?i.colors.grayScale.gray2:i.colors.grayScale.gray3})})};export{o as TooltipArrow};
+import{jsx as t}from"react/jsx-runtime";import{useMemo as e}from"react";import{TooltipArrowStyled as r}from"./styled.js";import"../../../theme/index.js";import{useTheme as a}from"../../../theme/hook.js";const o=({variant:o,inverted:n=!1,placement:s})=>{const i=a(),c=e(()=>{switch(s){case"center-left":return"translateX(-12px) rotate(-90deg)";case"center-right":return"translateX(12px) rotate(90deg)";case"top-left":case"top-right":case"top":return n?"translateY(3px) rotate(180deg)":"";default:return""}},[s,n]);return t(r,{width:"9",height:"7",viewBox:"0 0 9 7",fill:"none",style:{transform:c},children:t("path",{d:"M3.73201 6.0791C4.13179 6.55848 4.86821 6.55848 5.26799 6.0791L8.7611 1.89047C9.30422 1.2392 8.84112 0.25 7.99311 0.25H1.00689C0.15888 0.25 -0.304218 1.2392 0.2389 1.89046L3.73201 6.0791Z",fill:"primary"===o?i.colors.grayScale.gray2:i.colors.grayScale.gray3})})};export{o as TooltipArrow};

package/dist/components/tooltip/arrow/styled.d.ts

@@ -212,7 +212,6 @@ export declare const TooltipArrowStyled: import("styled-components").IStyledComp
     textRendering?: number | string | undefined | undefined;
     to?: number | string | undefined | undefined;
     transform?: string | undefined | undefined;
-    transformOrigin?: string | undefined | undefined;
     u1?: number | string | undefined | undefined;
     u2?: number | string | undefined | undefined;
     underlinePosition?: number | string | undefined | undefined;
@@ -465,6 +464,8 @@ export declare const TooltipArrowStyled: import("styled-components").IStyledComp
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
     onScroll?: import("react").UIEventHandler<SVGSVGElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<SVGSVGElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<SVGSVGElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<SVGSVGElement> | undefined;
     onWheel?: import("react").WheelEventHandler<SVGSVGElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<SVGSVGElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
@@ -473,8 +474,16 @@ export declare const TooltipArrowStyled: import("styled-components").IStyledComp
     onAnimationEndCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<SVGSVGElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<SVGSVGElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
-    ref?: import("react").LegacyRef<SVGSVGElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    ref?: import("react").Ref<SVGSVGElement> | undefined;
     key?: import("react").Key | null | undefined;
 }>;