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

package/dist/components/theme-cards/theme-card/styled.d.ts

@@ -1,9 +1,9 @@
 export declare const ThemeCardStyled: 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;
@@ -58,6 +58,10 @@ export declare const ThemeCardStyled: import("styled-components").IStyledCompone
     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;
@@ -267,6 +271,8 @@ export declare const ThemeCardStyled: import("styled-components").IStyledCompone
     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;
@@ -275,11 +281,19 @@ export declare const ThemeCardStyled: import("styled-components").IStyledCompone
     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 ThemeCardTopbar: 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;
@@ -328,6 +342,10 @@ export declare const ThemeCardTopbar: import("styled-components").IStyledCompone
     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;
@@ -537,6 +555,8 @@ export declare const ThemeCardTopbar: import("styled-components").IStyledCompone
     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;
@@ -545,21 +565,56 @@ export declare const ThemeCardTopbar: import("styled-components").IStyledCompone
     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 ThemeCardTopbarRadio: import("styled-components").IStyledComponent<"web", {
-    value?: string | number | readonly string[] | undefined;
-    children?: import("react").ReactNode;
-    hidden?: boolean | undefined | undefined;
-    color?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    size?: number | undefined | undefined;
-    style?: import("react").CSSProperties | undefined;
+    className?: string | undefined;
+    label?: string | boolean | undefined;
+    skeleton?: boolean | undefined;
+    onValueChange?: import("@/ui/components/radio").RadioValueChangeEventHandler | undefined;
     icon?: import("react").ReactNode;
-    multiple?: boolean | undefined | undefined;
-    disabled?: boolean | undefined | undefined;
+    ref?: import("react").Ref<HTMLInputElement> | undefined;
     key?: import("react").Key | null | undefined;
+    accept?: string | undefined | undefined;
+    alt?: string | undefined | undefined;
+    autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
+    capture?: boolean | "user" | "environment" | undefined | undefined;
+    checked?: boolean | undefined | undefined;
+    disabled?: boolean | undefined | undefined;
+    form?: string | undefined | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+    formEncType?: string | undefined | undefined;
+    formMethod?: string | undefined | undefined;
+    formNoValidate?: boolean | undefined | undefined;
+    formTarget?: string | undefined | undefined;
+    height?: number | string | undefined | undefined;
+    list?: string | undefined | undefined;
+    max?: number | string | undefined | undefined;
+    maxLength?: number | undefined | undefined;
+    min?: number | string | undefined | undefined;
+    minLength?: number | undefined | undefined;
+    multiple?: boolean | undefined | undefined;
+    name?: string | undefined | undefined;
+    pattern?: string | undefined | undefined;
+    placeholder?: string | undefined | undefined;
+    readOnly?: boolean | undefined | undefined;
+    required?: boolean | undefined | undefined;
+    size?: number | undefined | undefined;
+    src?: string | undefined | undefined;
+    step?: number | string | undefined | undefined;
+    type?: import("react").HTMLInputTypeAttribute | undefined;
+    value?: string | number | readonly string[] | undefined;
+    width?: number | string | undefined | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -567,23 +622,25 @@ export declare const ThemeCardTopbarRadio: import("styled-components").IStyledCo
     accessKey?: string | undefined | undefined;
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
     autoFocus?: boolean | undefined | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     nonce?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
+    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined | undefined;
     title?: string | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     radioGroup?: string | undefined | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
@@ -595,6 +652,7 @@ export declare const ThemeCardTopbarRadio: import("styled-components").IStyledCo
     vocab?: string | undefined | undefined;
     autoCorrect?: string | undefined | undefined;
     autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
     itemProp?: string | undefined | undefined;
     itemScope?: boolean | undefined | undefined;
     itemType?: string | undefined | undefined;
@@ -603,6 +661,10 @@ export declare const ThemeCardTopbarRadio: import("styled-components").IStyledCo
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -660,6 +722,7 @@ export declare const ThemeCardTopbarRadio: import("styled-components").IStyledCo
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
+    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
@@ -679,7 +742,6 @@ export declare const ThemeCardTopbarRadio: import("styled-components").IStyledCo
     onFocusCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
     onBeforeInput?: import("react").InputEventHandler<HTMLInputElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
@@ -811,6 +873,8 @@ export declare const ThemeCardTopbarRadio: import("styled-components").IStyledCo
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLInputElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLInputElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
@@ -819,41 +883,19 @@ export declare const ThemeCardTopbarRadio: import("styled-components").IStyledCo
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
-    form?: string | undefined | undefined;
-    label?: string | boolean | undefined;
-    pattern?: string | undefined | undefined;
-    height?: number | string | undefined | undefined;
-    max?: number | string | undefined | undefined;
-    min?: number | string | undefined | undefined;
-    name?: string | undefined | undefined;
-    type?: import("react").HTMLInputTypeAttribute | undefined;
-    width?: number | string | undefined | undefined;
-    formAction?: string | undefined;
-    formEncType?: string | undefined | undefined;
-    formMethod?: string | undefined | undefined;
-    formNoValidate?: boolean | undefined | undefined;
-    formTarget?: string | undefined | undefined;
-    autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-    maxLength?: number | undefined | undefined;
-    minLength?: number | undefined | undefined;
-    placeholder?: string | undefined | undefined;
-    readOnly?: boolean | undefined | undefined;
-    required?: boolean | undefined | undefined;
-    src?: string | undefined | undefined;
-    alt?: string | undefined | undefined;
-    accept?: string | undefined | undefined;
-    capture?: boolean | "user" | "environment" | undefined | undefined;
-    checked?: boolean | undefined | undefined;
-    list?: string | undefined | undefined;
-    step?: number | string | undefined | undefined;
-    skeleton?: boolean | undefined;
-    onValueChange?: import("@/ui/components/radio").RadioValueChangeEventHandler | undefined;
-    ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
 }>;
 export declare const ThemeCardTopbarTitle: 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;
@@ -902,6 +944,10 @@ export declare const ThemeCardTopbarTitle: import("styled-components").IStyledCo
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -1111,6 +1157,8 @@ export declare const ThemeCardTopbarTitle: import("styled-components").IStyledCo
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -1119,12 +1167,25 @@ export declare const ThemeCardTopbarTitle: import("styled-components").IStyledCo
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const ThemeCardTopbarTitleText: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
+    component?: import("@/ui/components/typography").TypographyComponent | undefined;
+    align?: import("@/ui/components/typography").TypographyAlign | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    children?: import("react").ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -1173,6 +1234,10 @@ export declare const ThemeCardTopbarTitleText: 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;
@@ -1381,6 +1446,8 @@ export declare const ThemeCardTopbarTitleText: 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;
@@ -1389,14 +1456,17 @@ export declare const ThemeCardTopbarTitleText: 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;
-    target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
 }>;
 export declare const ThemeCardImage: import("styled-components").IStyledComponent<"web", {
     children?: import("react").ReactNode;
@@ -1448,6 +1518,10 @@ export declare const ThemeCardImage: import("styled-components").IStyledComponen
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -1656,6 +1730,8 @@ export declare const ThemeCardImage: import("styled-components").IStyledComponen
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLImageElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLImageElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLImageElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLImageElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLImageElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLImageElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
@@ -1664,20 +1740,28 @@ export declare const ThemeCardImage: import("styled-components").IStyledComponen
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLImageElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLImageElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-    useMap?: string | undefined | undefined;
-    fetchPriority?: "auto" | "high" | "low" | undefined;
     referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
-    sizes?: string | undefined | undefined;
-    src?: (string | import("@/ui/components/image").ImageSrc) | undefined;
     alt?: string | undefined;
-    preload?: boolean | undefined;
-    loading?: import("@/ui/components/image").ImageLoadingVariant | undefined;
     decoding?: "async" | "auto" | "sync" | undefined | undefined;
+    fetchPriority?: "auto" | "high" | "low" | undefined;
+    loading?: import("@/ui/components/image").ImageLoadingVariant | undefined;
+    sizes?: string | undefined | undefined;
+    src?: (string | import("@/ui/components/image").ImageSrc) | undefined;
     srcSet?: string | undefined | undefined;
-    ref?: ((instance: HTMLImageElement | 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<HTMLImageElement> | null | undefined;
+    useMap?: string | undefined | undefined;
+    preload?: boolean | undefined;
+    ref?: import("react").Ref<HTMLImageElement> | undefined;
 }>;

package/dist/components/theme-cards/theme-card/styled.js

@@ -1,4 +1,4 @@
-import{styled as e,css as o}from"styled-components";import{Radio as i}from"../../radio/index.js";import{Image as t}from"../../image/index.js";import{Typography as a}from"../../typography/index.js";import{adaptive as d}from"../../../adaptive/index.js";const n=e.button.withConfig({displayName:"styled__ThemeCardStyled",componentId:"sc-gi8n5o-0"})(["all:unset;display:flex;flex-direction:column;max-width:100%;overflow:hidden;border-radius:20px;gap:20px;background-color:",";&:hover{cursor:pointer;}user-select:none;-webkit-user-drag:none;-webkit-user-select:none;"],(({theme:e})=>e.colors.grayScale.gray3)),r=e.div.withConfig({displayName:"styled__ThemeCardTopbar",componentId:"sc-gi8n5o-1"})(["display:flex;gap:20px;padding:20px;border-bottom:1px solid ",";"],(({theme:e})=>e.colors.grayScale.gray2)),p=e(i).attrs({onClick:e=>e.stopPropagation()}).withConfig({displayName:"styled__ThemeCardTopbarRadio",componentId:"sc-gi8n5o-2"})([""]),s=e.div.withConfig({displayName:"styled__ThemeCardTopbarTitle",componentId:"sc-gi8n5o-3"})(["display:flex;gap:8px;align-items:center;"]),m=e(a).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__ThemeCardTopbarTitleText",componentId:"sc-gi8n5o-4"})([""]),l=e(t).withConfig({displayName:"styled__ThemeCardImage",componentId:"sc-gi8n5o-5"})(["padding-left:20px;width:440px;height:220px;object-fit:cover;object-position:0 0;",""],d({tablet:o`
+import{styled as e,css as o}from"styled-components";import{Radio as i}from"../../radio/index.js";import{Image as t}from"../../image/index.js";import{Typography as a}from"../../typography/index.js";import{adaptive as d}from"../../../adaptive/index.js";const n=e.button.withConfig({displayName:"styled__ThemeCardStyled",componentId:"sc-gi8n5o-0"})(["all:unset;display:flex;flex-direction:column;max-width:100%;overflow:hidden;border-radius:20px;gap:20px;background-color:",";&:hover{cursor:pointer;}user-select:none;-webkit-user-drag:none;-webkit-user-select:none;"],({theme:e})=>e.colors.grayScale.gray3),r=e.div.withConfig({displayName:"styled__ThemeCardTopbar",componentId:"sc-gi8n5o-1"})(["display:flex;gap:20px;padding:20px;border-bottom:1px solid ",";"],({theme:e})=>e.colors.grayScale.gray2),p=e(i).attrs({onClick:e=>e.stopPropagation()}).withConfig({displayName:"styled__ThemeCardTopbarRadio",componentId:"sc-gi8n5o-2"})([""]),s=e.div.withConfig({displayName:"styled__ThemeCardTopbarTitle",componentId:"sc-gi8n5o-3"})(["display:flex;gap:8px;align-items:center;"]),m=e(a).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__ThemeCardTopbarTitleText",componentId:"sc-gi8n5o-4"})([""]),l=e(t).withConfig({displayName:"styled__ThemeCardImage",componentId:"sc-gi8n5o-5"})(["padding-left:20px;width:440px;height:220px;object-fit:cover;object-position:0 0;",""],d({tablet:o`
       height: 180px;
     `,mobile:o`
       height: 140px;

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

@@ -1 +1 @@
-import{styled as e,css as n}from"styled-components";import{adaptive as o}from"../../adaptive/index.js";const t=e.span.withConfig({displayName:"styled__ThemePreviewScreenVersion",componentId:"sc-19x32pm-0"})(["display:flex;justify-content:center;",""],(({$screen:e})=>o({variant:"dashboard",desktop:n(["display:",";"],"desktop"===e?"flex":"none"),tablet:n(["display:",";"],"tablet"===e?"flex":"none"),mobile:n(["display:",";"],"mobile"===e?"flex":"none")})));export{t as ThemePreviewScreenVersion};
+import{styled as e,css as n}from"styled-components";import{adaptive as o}from"../../adaptive/index.js";const t=e.span.withConfig({displayName:"styled__ThemePreviewScreenVersion",componentId:"sc-19x32pm-0"})(["display:flex;justify-content:center;",""],({$screen:e})=>o({variant:"dashboard",desktop:n(["display:",";"],"desktop"===e?"flex":"none"),tablet:n(["display:",";"],"tablet"===e?"flex":"none"),mobile:n(["display:",";"],"mobile"===e?"flex":"none")}));export{t as ThemePreviewScreenVersion};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useCallback as i}from"react";import"../../theme/index.js";import{ThemeSchemesSection as m}from"./section/index.js";import{ThemeSchemesStyled as a,ThemeAddButton as n}from"./styled.js";import{ThemeButton as r}from"./theme-button/index.js";import{ColorSchemeNamesArray as l}from"../../theme/types.js";import{useTheme as c}from"../../theme/hook.js";import{THEMES as s}from"../../theme/themes.js";const d=({customTitle:d,standardTitle:h,colorfulTitle:p,activeScheme:k,customColorsArray:u,customThemeIndex:C,editTooltipText:v,resetTooltipText:T,onAddTheme:x,onCustomClick:y,onClick:b,onEditCustom:f,onDeleteCustom:j})=>{const w=c(),[g,q]=o(k),A=i((e=>{q(e),null==b||b(e)}),[b]),D=i((e=>{q("custom"),null==y||y(e)}),[]);return e(a,{children:[e(m,{title:d,active:"custom"===g,onClick:()=>D(0),children:[null==u?void 0:u.map(((e,o)=>t(r,{theme:{colors:e[w.mode],mode:w.mode},active:"custom"===g&&C===o,hasActions:!0,editTooltipText:v,resetTooltipText:T,onClick:()=>D(o),onEdit:()=>null==f?void 0:f(o),onDelete:()=>null==j?void 0:j(o)},`theme-button-custom-${o}`))),t(n,{onClick:x})]}),t(m,{title:h,active:"standard"===g,onClick:()=>A("standard"),children:t(r,{theme:s.standard[w.mode],active:"standard"===g,onClick:()=>A("standard")})}),e(m,{title:p,active:l.slice(2).includes(g),onClick:()=>A("strawberry"),children:[t(r,{theme:s.strawberry[w.mode],active:"strawberry"===g,onClick:()=>A("strawberry")}),t(r,{theme:s.rose[w.mode],active:"rose"===g,onClick:()=>A("rose")}),t(r,{theme:s.orange[w.mode],active:"orange"===g,onClick:()=>A("orange")}),t(r,{theme:s.milktea[w.mode],active:"milktea"===g,onClick:()=>A("milktea")}),t(r,{theme:s.banana[w.mode],active:"banana"===g,onClick:()=>A("banana")}),t(r,{theme:s.apple[w.mode],active:"apple"===g,onClick:()=>A("apple")}),t(r,{theme:s.swamp[w.mode],active:"swamp"===g,onClick:()=>A("swamp")}),t(r,{theme:s.aquamarine[w.mode],active:"aquamarine"===g,onClick:()=>A("aquamarine")}),t(r,{theme:s.mountain[w.mode],active:"mountain"===g,onClick:()=>A("mountain")}),t(r,{theme:s.lake[w.mode],active:"lake"===g,onClick:()=>A("lake")}),t(r,{theme:s.iris[w.mode],active:"iris"===g,onClick:()=>A("iris")}),t(r,{theme:s.peony[w.mode],active:"peony"===g,onClick:()=>A("peony")})]})]})};export{d as ThemeSchemes};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useCallback as i}from"react";import"../../theme/index.js";import{ThemeSchemesSection as m}from"./section/index.js";import{ThemeSchemesStyled as a,ThemeAddButton as n}from"./styled.js";import{ThemeButton as r}from"./theme-button/index.js";import{ColorSchemeNamesArray as l}from"../../theme/types.js";import{useTheme as c}from"../../theme/hook.js";import{THEMES as s}from"../../theme/themes.js";const d=({customTitle:d,standardTitle:h,colorfulTitle:p,activeScheme:k,customColorsArray:u,customThemeIndex:C,editTooltipText:v,resetTooltipText:T,onAddTheme:x,onCustomClick:y,onClick:b,onEditCustom:f,onDeleteCustom:j})=>{const w=c(),[g,q]=o(k),A=i(e=>{q(e),null==b||b(e)},[b]),D=i(e=>{q("custom"),null==y||y(e)},[]);return e(a,{children:[e(m,{title:d,active:"custom"===g,onClick:()=>D(0),children:[null==u?void 0:u.map((e,o)=>t(r,{theme:{colors:e[w.mode],mode:w.mode},active:"custom"===g&&C===o,hasActions:!0,editTooltipText:v,resetTooltipText:T,onClick:()=>D(o),onEdit:()=>null==f?void 0:f(o),onDelete:()=>null==j?void 0:j(o)},`theme-button-custom-${o}`)),t(n,{onClick:x})]}),t(m,{title:h,active:"standard"===g,onClick:()=>A("standard"),children:t(r,{theme:s.standard[w.mode],active:"standard"===g,onClick:()=>A("standard")})}),e(m,{title:p,active:l.slice(2).includes(g),onClick:()=>A("strawberry"),children:[t(r,{theme:s.strawberry[w.mode],active:"strawberry"===g,onClick:()=>A("strawberry")}),t(r,{theme:s.rose[w.mode],active:"rose"===g,onClick:()=>A("rose")}),t(r,{theme:s.orange[w.mode],active:"orange"===g,onClick:()=>A("orange")}),t(r,{theme:s.milktea[w.mode],active:"milktea"===g,onClick:()=>A("milktea")}),t(r,{theme:s.banana[w.mode],active:"banana"===g,onClick:()=>A("banana")}),t(r,{theme:s.apple[w.mode],active:"apple"===g,onClick:()=>A("apple")}),t(r,{theme:s.swamp[w.mode],active:"swamp"===g,onClick:()=>A("swamp")}),t(r,{theme:s.aquamarine[w.mode],active:"aquamarine"===g,onClick:()=>A("aquamarine")}),t(r,{theme:s.mountain[w.mode],active:"mountain"===g,onClick:()=>A("mountain")}),t(r,{theme:s.lake[w.mode],active:"lake"===g,onClick:()=>A("lake")}),t(r,{theme:s.iris[w.mode],active:"iris"===g,onClick:()=>A("iris")}),t(r,{theme:s.peony[w.mode],active:"peony"===g,onClick:()=>A("peony")})]})]})};export{d as ThemeSchemes};

package/dist/components/theme-schemes/section/index.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import t from"react";import{ThemeSchemeSectionStyled as c,ThemeSchemeSectionRadio as i,ThemeSchemeSectionButtons as o}from"./styled.js";const l=t.memo((({children:t,title:l,active:m=!1,onClick:n})=>e(c,{children:[r(i,{label:l,checked:m,onClick:n}),r(o,{children:t})]})));export{l as ThemeSchemesSection};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import t from"react";import{ThemeSchemeSectionStyled as c,ThemeSchemeSectionRadio as i,ThemeSchemeSectionButtons as o}from"./styled.js";const l=t.memo(({children:t,title:l,active:m=!1,onClick:n})=>e(c,{children:[r(i,{label:l,checked:m,onClick:n}),r(o,{children:t})]}));export{l as ThemeSchemesSection};