@bothub-chat/ui 2.48.1-fix-message-79169952-1f6d-4889-beff-6002523e5f27 → 2.48.1-fix-message-dbd14831-26d9-4d49-85b2-65f0e64cfad3

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").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -48,10 +48,6 @@ 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;
@@ -261,8 +257,6 @@ 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;
@@ -271,27 +265,19 @@ 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").Ref<HTMLButtonElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLButtonElement> | undefined;
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined | undefined;
     form?: string | undefined | undefined;
-    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+    formAction?: string | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
@@ -346,10 +332,6 @@ 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;
@@ -559,8 +541,6 @@ 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;
@@ -569,19 +549,11 @@ 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").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -630,10 +602,6 @@ 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;
@@ -843,8 +811,6 @@ 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;
@@ -853,19 +819,11 @@ 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").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -914,10 +872,6 @@ 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;
@@ -1127,8 +1081,6 @@ 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;
@@ -1137,23 +1089,17 @@ 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", {
-    children?: import("react").ReactNode;
     value?: string | number | readonly string[] | undefined;
+    children?: import("react").ReactNode;
+    variant?: import("@/ui/components/button").ButtonVariant | 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;
@@ -1200,10 +1146,6 @@ 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;
@@ -1409,8 +1351,6 @@ 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;
@@ -1418,45 +1358,37 @@ 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;
-    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+    href?: string | undefined;
+    formAction?: string | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
     formTarget?: string | undefined | undefined;
-    name?: string | undefined | undefined;
-    fullWidth?: boolean | undefined;
-    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    htmlFor?: string | undefined;
     component?: import("@/ui/components/button").ButtonComponent | undefined;
-    size?: import("@/ui/components/button").ButtonSize | undefined;
+    fullWidth?: boolean | undefined;
+    skeleton?: boolean | 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?: import("react").Ref<HTMLButtonElement | null> | 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;
 }>;
 export declare const ThemeButtonDeleteAction: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
     value?: string | number | readonly string[] | undefined;
+    children?: import("react").ReactNode;
+    variant?: import("@/ui/components/button").ButtonVariant | 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;
@@ -1503,10 +1435,6 @@ 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;
@@ -1712,8 +1640,6 @@ 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;
@@ -1721,36 +1647,26 @@ 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;
-    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+    href?: string | undefined;
+    formAction?: string | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
     formTarget?: string | undefined | undefined;
-    name?: string | undefined | undefined;
-    fullWidth?: boolean | undefined;
-    variant?: import("@/ui/components/button").ButtonVariant | undefined;
+    htmlFor?: string | undefined;
     component?: import("@/ui/components/button").ButtonComponent | undefined;
-    size?: import("@/ui/components/button").ButtonSize | undefined;
+    fullWidth?: boolean | undefined;
+    skeleton?: boolean | 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?: import("react").Ref<HTMLButtonElement | null> | 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;
 }>;

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-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};
+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};

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").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -49,10 +49,6 @@ 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;
@@ -262,8 +258,6 @@ 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;
@@ -272,19 +266,11 @@ 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").Ref<HTMLSpanElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLSpanElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -333,10 +319,6 @@ 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;
@@ -546,8 +528,6 @@ 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;
@@ -556,23 +536,15 @@ 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").Ref<HTMLButtonElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLButtonElement> | undefined;
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined | undefined;
     form?: string | undefined | undefined;
-    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+    formAction?: string | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
@@ -627,10 +599,6 @@ 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;
@@ -840,8 +808,6 @@ 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;
@@ -850,23 +816,15 @@ 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").Ref<HTMLSpanElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLSpanElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -915,10 +873,6 @@ 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;
@@ -1128,8 +1082,6 @@ 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;
@@ -1138,14 +1090,6 @@ 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,6 +212,7 @@ 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;
@@ -464,8 +465,6 @@ 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;
@@ -474,16 +473,8 @@ 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;
-    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;
+    ref?: import("react").LegacyRef<SVGSVGElement> | undefined;
     key?: import("react").Key | null | undefined;
 }>;