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

package/dist/components/text-field/styled.d.ts

@@ -8,8 +8,13 @@ export interface TextFieldStyledProps {
 }
 export declare const TextFieldStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TextFieldStyledProps>>;
 export declare const TextFieldLabel: 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;
@@ -58,6 +63,10 @@ export declare const TextFieldLabel: 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;
@@ -266,6 +275,8 @@ export declare const TextFieldLabel: import("styled-components").IStyledComponen
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -274,14 +285,17 @@ export declare const TextFieldLabel: import("styled-components").IStyledComponen
     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 interface TextFieldBlockProps extends VariantProps {
     $error: boolean;
@@ -293,7 +307,7 @@ export interface TextFieldBlockProps extends VariantProps {
 export declare const TextFieldBlock: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, TextFieldBlockProps>>;
 export declare const TextFieldInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, VariantProps>>;
 export declare const TextFieldColor: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLLabelElement> | undefined;
+    ref?: import("react").Ref<HTMLLabelElement> | undefined;
     key?: import("react").Key | null | undefined;
     form?: string | undefined | undefined;
     htmlFor?: string | undefined | undefined;
@@ -344,6 +358,10 @@ export declare const TextFieldColor: 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;
@@ -553,6 +571,8 @@ export declare const TextFieldColor: import("styled-components").IStyledComponen
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLLabelElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLLabelElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
@@ -561,20 +581,51 @@ export declare const TextFieldColor: import("styled-components").IStyledComponen
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLLabelElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLLabelElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
 }>;
 export declare const TextFieldColorInput: import("styled-components").IStyledComponent<"web", {
-    value?: string | number | readonly string[] | undefined;
-    children?: import("react").ReactNode;
-    hidden?: boolean | undefined | undefined;
-    color?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    size?: number | undefined | undefined;
-    style?: import("react").CSSProperties | undefined;
-    multiple?: boolean | undefined | undefined;
-    disabled?: boolean | undefined | undefined;
+    ref?: import("react").Ref<HTMLInputElement> | undefined;
     key?: import("react").Key | null | undefined;
+    accept?: string | undefined | undefined;
+    alt?: string | undefined | undefined;
+    autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
+    capture?: boolean | "user" | "environment" | undefined | undefined;
+    checked?: boolean | undefined | undefined;
+    disabled?: boolean | undefined | undefined;
+    form?: string | undefined | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+    formEncType?: string | undefined | undefined;
+    formMethod?: string | undefined | undefined;
+    formNoValidate?: boolean | undefined | undefined;
+    formTarget?: string | undefined | undefined;
+    height?: number | string | undefined | undefined;
+    list?: string | undefined | undefined;
+    max?: number | string | undefined | undefined;
+    maxLength?: number | undefined | undefined;
+    min?: number | string | undefined | undefined;
+    minLength?: number | undefined | undefined;
+    multiple?: boolean | undefined | undefined;
+    name?: string | undefined | undefined;
+    pattern?: string | undefined | undefined;
+    placeholder?: string | undefined | undefined;
+    readOnly?: boolean | undefined | undefined;
+    required?: boolean | undefined | undefined;
+    size?: number | undefined | undefined;
+    src?: string | undefined | undefined;
+    step?: number | string | undefined | undefined;
+    type?: import("react").HTMLInputTypeAttribute | undefined;
+    value?: string | number | readonly string[] | undefined;
+    width?: number | string | undefined | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -588,17 +639,20 @@ export declare const TextFieldColorInput: import("styled-components").IStyledCom
     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;
@@ -610,6 +664,7 @@ export declare const TextFieldColorInput: import("styled-components").IStyledCom
     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;
@@ -618,6 +673,10 @@ export declare const TextFieldColorInput: 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;
@@ -675,6 +734,7 @@ export declare const TextFieldColorInput: import("styled-components").IStyledCom
     "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;
@@ -694,7 +754,6 @@ export declare const TextFieldColorInput: import("styled-components").IStyledCom
     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;
@@ -826,6 +885,8 @@ export declare const TextFieldColorInput: import("styled-components").IStyledCom
     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;
@@ -834,35 +895,16 @@ export declare const TextFieldColorInput: import("styled-components").IStyledCom
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
-    form?: string | undefined | undefined;
-    pattern?: string | undefined | undefined;
-    height?: number | string | undefined | undefined;
-    max?: number | string | undefined | undefined;
-    min?: number | string | undefined | undefined;
-    name?: string | undefined | undefined;
-    type?: import("react").HTMLInputTypeAttribute | undefined;
-    width?: number | string | undefined | undefined;
-    formAction?: string | undefined;
-    formEncType?: string | undefined | undefined;
-    formMethod?: string | undefined | undefined;
-    formNoValidate?: boolean | undefined | undefined;
-    formTarget?: string | undefined | undefined;
-    autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-    maxLength?: number | undefined | undefined;
-    minLength?: number | undefined | undefined;
-    placeholder?: string | undefined | undefined;
-    readOnly?: boolean | undefined | undefined;
-    required?: boolean | undefined | undefined;
-    src?: string | undefined | undefined;
-    alt?: string | undefined | undefined;
-    accept?: string | undefined | undefined;
-    capture?: boolean | "user" | "environment" | undefined | undefined;
-    checked?: boolean | undefined | undefined;
-    list?: string | undefined | undefined;
-    step?: number | string | undefined | undefined;
-    ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
 }>;
 export interface TextFieldColorPreviewProps {
     $color: string;
@@ -872,13 +914,11 @@ export interface TextFieldClearButtonProps {
     $big: boolean;
 }
 export declare const TextFieldClearButton: 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;
@@ -925,6 +965,10 @@ export declare const TextFieldClearButton: 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;
@@ -1130,6 +1174,8 @@ export declare const TextFieldClearButton: import("styled-components").IStyledCo
     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;
@@ -1137,36 +1183,46 @@ export declare const TextFieldClearButton: import("styled-components").IStyledCo
     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;
     $big: boolean;
 }>;
 export declare const TextFieldShowpassButton: 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;
@@ -1221,6 +1277,10 @@ export declare const TextFieldShowpassButton: 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;
@@ -1430,6 +1490,8 @@ export declare const TextFieldShowpassButton: 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;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -1438,12 +1500,25 @@ export declare const TextFieldShowpassButton: 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;
 }>;
 export declare const TextFieldErrorText: 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;
@@ -1492,6 +1567,10 @@ export declare const TextFieldErrorText: 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;
@@ -1700,6 +1779,8 @@ export declare const TextFieldErrorText: import("styled-components").IStyledComp
     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;
@@ -1708,14 +1789,17 @@ export declare const TextFieldErrorText: import("styled-components").IStyledComp
     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 TextFieldSkeleton: import("styled-components").IStyledComponent<"web", {
     className?: string | undefined;

package/dist/components/text-field/styled.js

@@ -1,16 +1,16 @@
-import{jsx as e}from"react/jsx-runtime";import{styled as o,css as r}from"styled-components";import{Typography as i}from"../typography/index.js";import{Skeleton as t}from"../skeleton/index.js";import{Button as l}from"../button/index.js";import{CloseIcon as a}from"../../icons/close/index.js";const n=o.div.withConfig({displayName:"styled__TextFieldStyled",componentId:"sc-1p7nrvv-0"})(["display:inline-flex;flex-direction:column;align-items:flex-start;width:",";box-sizing:border-box;"," ",""],(({$fullWidth:e})=>e?"100%":"420px"),(({$disabled:e})=>e&&r`
+import{jsx as e}from"react/jsx-runtime";import{styled as o,css as r}from"styled-components";import{Typography as i}from"../typography/index.js";import{Skeleton as t}from"../skeleton/index.js";import{Button as l}from"../button/index.js";import{CloseIcon as a}from"../../icons/close/index.js";const n=o.div.withConfig({displayName:"styled__TextFieldStyled",componentId:"sc-1p7nrvv-0"})(["display:inline-flex;flex-direction:column;align-items:flex-start;width:",";box-sizing:border-box;"," ",""],({$fullWidth:e})=>e?"100%":"420px",({$disabled:e})=>e&&r`
       cursor: not-allowed;
-    `),(({$disabled:e})=>!e&&r`
+    `,({$disabled:e})=>!e&&r`
       cursor: default;
-    `)),s=o(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__TextFieldLabel",componentId:"sc-1p7nrvv-1"})(["display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;width:100%;cursor:inherit;"]),c=o.label.withConfig({displayName:"styled__TextFieldBlock",componentId:"sc-1p7nrvv-2"})(["display:inline-flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;border-radius:8px;overflow:hidden;cursor:",";padding:0px ","px;",";"," "," ",""],(({$disabled:e,$skeleton:o})=>o?"progress":e?"not-allowed":"text"),(({$variant:e})=>"primary"===e?16:10),(({$variant:e})=>"primary"===e&&r`
+    `),s=o(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__TextFieldLabel",componentId:"sc-1p7nrvv-1"})(["display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;width:100%;cursor:inherit;"]),c=o.label.withConfig({displayName:"styled__TextFieldBlock",componentId:"sc-1p7nrvv-2"})(["display:inline-flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;border-radius:8px;overflow:hidden;cursor:",";padding:0px ","px;",";"," "," ",""],({$disabled:e,$skeleton:o})=>o?"progress":e?"not-allowed":"text",({$variant:e})=>"primary"===e?16:10,({$variant:e})=>"primary"===e&&r`
       border: 1px solid ${({theme:e})=>e.colors.grayScale.gray2};
-    `),(({theme:e,$error:o,$hover:i,$focus:t,$disabled:l,$skeleton:a})=>l||a?r`
+    `,({theme:e,$error:o,$hover:i,$focus:t,$disabled:l,$skeleton:a})=>l||a?r`
         border-color: ${({theme:e})=>e.colors.grayScale.gray2};
       `:o?r`
         border-color: ${e.colors.critic};
       `:(i||t)&&r`
         border-color: ${e.colors.accent.primary};
-      `),(({theme:e,$focus:o,$disabled:i,$skeleton:t,$variant:l})=>i||t?r`
+      `,({theme:e,$focus:o,$disabled:i,$skeleton:t,$variant:l})=>i||t?r`
         background: ${e.colors.grayScale.gray3};
       `:o?"custom"===e.scheme?r`
         background: ${e.colors.grayScale.gray2};
@@ -30,7 +30,7 @@ import{jsx as e}from"react/jsx-runtime";import{styled as o,css as r}from"styled-
       > svg path {
         fill: ${e.colors.grayScale.gray1};
       }
-    `),(({$focus:e,$disabled:o})=>o?r`
+    `,({$focus:e,$disabled:o})=>o?r`
         ${y} {
           visibility: hidden;
         }
@@ -43,4 +43,4 @@ import{jsx as e}from"react/jsx-runtime";import{styled as o,css as r}from"styled-
           visibility: visible;
         }
       }
-    `)),d=o.input.withConfig({displayName:"styled__TextFieldInput",componentId:"sc-1p7nrvv-3"})(["display:",";width:100%;background:none;border:none;outline:none;padding:","px 0px;color:",";font-size:14px;font-weight:400;line-height:18px;cursor:inherit;&:hover ~ ","{border-color:",";}&::placeholder{color:",";}&:focus::placeholder{color:",";}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:active{caret-color:",";-webkit-background-clip:text;-webkit-text-fill-color:",";box-shadow:0 0 0 100px "," inset !important;}&:-webkit-autofill:focus{caret-color:",";-webkit-background-clip:text;-webkit-text-fill-color:",";box-shadow:0 0 0 100px "," inset !important;}&::-webkit-search-decoration,&::-webkit-search-cancel-button,&::-webkit-search-results-button,&::-webkit-search-results-decoration{-webkit-appearance:none;}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}"],(({type:e})=>"color"===e?"none":"inline-flex"),(({$variant:e})=>"primary"===e?14:8),(({theme:e})=>e.colors.base.white),c,(({theme:e})=>e.colors.accent.primary),(({theme:e})=>e.colors.grayScale.gray1),(({theme:e})=>"light"===e.mode?e.colors.grayScale.gray1:e.colors.grayScale.gray6),(({theme:e})=>e.colors.base.white),(({theme:e})=>e.colors.base.white),(({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4),(({theme:e})=>e.colors.base.white),(({theme:e})=>e.colors.base.white),(({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4)),p=o.label.withConfig({displayName:"styled__TextFieldColor",componentId:"sc-1p7nrvv-4"})(["display:inline-flex;cursor:pointer;"]),g=o.input.attrs({type:"color"}).withConfig({displayName:"styled__TextFieldColorInput",componentId:"sc-1p7nrvv-5"})(["display:none;"]),m=o.span.withConfig({displayName:"styled__TextFieldColorPreview",componentId:"sc-1p7nrvv-6"})(["display:inline-flex;width:18px;height:18px;flex-shrink:0;background:",";border-radius:4px;"],(({$color:e})=>e)),y=o(l).attrs((({$big:o})=>({variant:"text",iconSize:o?16:12,children:e(a,{})}))).withConfig({displayName:"styled__TextFieldClearButton",componentId:"sc-1p7nrvv-7"})([""]),h=o.button.withConfig({displayName:"styled__TextFieldShowpassButton",componentId:"sc-1p7nrvv-8"})(["padding:0;margin:0;background-color:transparent;border:none;cursor:pointer;position:relative;"]),b=o(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__TextFieldErrorText",componentId:"sc-1p7nrvv-9"})(["display:inline-flex;margin-top:8px;color:",";"],(({theme:e})=>e.colors.critic)),x=o(t).withConfig({displayName:"styled__TextFieldSkeleton",componentId:"sc-1p7nrvv-10"})(["width:100%;height:18px;margin:14px 0px;"]);export{c as TextFieldBlock,y as TextFieldClearButton,p as TextFieldColor,g as TextFieldColorInput,m as TextFieldColorPreview,b as TextFieldErrorText,d as TextFieldInput,s as TextFieldLabel,h as TextFieldShowpassButton,x as TextFieldSkeleton,n as TextFieldStyled};
+    `),d=o.input.withConfig({displayName:"styled__TextFieldInput",componentId:"sc-1p7nrvv-3"})(["display:",";width:100%;background:none;border:none;outline:none;padding:","px 0px;color:",";font-size:14px;font-weight:400;line-height:18px;cursor:inherit;&:hover ~ ","{border-color:",";}&::placeholder{color:",";}&:focus::placeholder{color:",";}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:active{caret-color:",";-webkit-background-clip:text;-webkit-text-fill-color:",";box-shadow:0 0 0 100px "," inset !important;}&:-webkit-autofill:focus{caret-color:",";-webkit-background-clip:text;-webkit-text-fill-color:",";box-shadow:0 0 0 100px "," inset !important;}&::-webkit-search-decoration,&::-webkit-search-cancel-button,&::-webkit-search-results-button,&::-webkit-search-results-decoration{-webkit-appearance:none;}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}"],({type:e})=>"color"===e?"none":"inline-flex",({$variant:e})=>"primary"===e?14:8,({theme:e})=>e.colors.base.white,c,({theme:e})=>e.colors.accent.primary,({theme:e})=>e.colors.grayScale.gray1,({theme:e})=>"light"===e.mode?e.colors.grayScale.gray1:e.colors.grayScale.gray6,({theme:e})=>e.colors.base.white,({theme:e})=>e.colors.base.white,({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4,({theme:e})=>e.colors.base.white,({theme:e})=>e.colors.base.white,({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4),p=o.label.withConfig({displayName:"styled__TextFieldColor",componentId:"sc-1p7nrvv-4"})(["display:inline-flex;cursor:pointer;"]),g=o.input.attrs({type:"color"}).withConfig({displayName:"styled__TextFieldColorInput",componentId:"sc-1p7nrvv-5"})(["display:none;"]),m=o.span.withConfig({displayName:"styled__TextFieldColorPreview",componentId:"sc-1p7nrvv-6"})(["display:inline-flex;width:18px;height:18px;flex-shrink:0;background:",";border-radius:4px;"],({$color:e})=>e),y=o(l).attrs(({$big:o})=>({variant:"text",iconSize:o?16:12,children:e(a,{})})).withConfig({displayName:"styled__TextFieldClearButton",componentId:"sc-1p7nrvv-7"})([""]),h=o.button.withConfig({displayName:"styled__TextFieldShowpassButton",componentId:"sc-1p7nrvv-8"})(["padding:0;margin:0;background-color:transparent;border:none;cursor:pointer;position:relative;"]),b=o(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__TextFieldErrorText",componentId:"sc-1p7nrvv-9"})(["display:inline-flex;margin-top:8px;color:",";"],({theme:e})=>e.colors.critic),x=o(t).withConfig({displayName:"styled__TextFieldSkeleton",componentId:"sc-1p7nrvv-10"})(["width:100%;height:18px;margin:14px 0px;"]);export{c as TextFieldBlock,y as TextFieldClearButton,p as TextFieldColor,g as TextFieldColorInput,m as TextFieldColorPreview,b as TextFieldErrorText,d as TextFieldInput,s as TextFieldLabel,h as TextFieldShowpassButton,x as TextFieldSkeleton,n as TextFieldStyled};

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

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useCallback as r}from"react";import{ThemeCard as l}from"./theme-card/index.js";import{ThemeCardsStyled as s}from"./styled.js";const a=({titleDark:a,titleLight:n,titleSystem:m,initialChecked:c,isSystemDark:o,onChange:k})=>{const[d,h]=i(null!=c?c:null),y=r((t=>{h(t),null==k||k(t)}),[]);return t(s,{children:[e(l,{variant:"dark",checked:"dark"===d,title:a,isSystemDark:o,onClick:y}),e(l,{variant:"light",checked:"light"===d,title:n,isSystemDark:o,onClick:y}),e(l,{variant:"system",checked:"system"===d,title:m,isSystemDark:o,onClick:y})]})};export{a as ThemeCards};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useCallback as r}from"react";import{ThemeCard as l}from"./theme-card/index.js";import{ThemeCardsStyled as s}from"./styled.js";const a=({titleDark:a,titleLight:n,titleSystem:m,initialChecked:c,isSystemDark:o,onChange:k})=>{const[d,h]=i(null!=c?c:null),y=r(t=>{h(t),null==k||k(t)},[]);return t(s,{children:[e(l,{variant:"dark",checked:"dark"===d,title:a,isSystemDark:o,onClick:y}),e(l,{variant:"light",checked:"light"===d,title:n,isSystemDark:o,onClick:y}),e(l,{variant:"system",checked:"system"===d,title:m,isSystemDark:o,onClick:y})]})};export{a as ThemeCards};

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

@@ -1,5 +1,5 @@
 export declare const ThemeCardsStyled: 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 ThemeCardsStyled: import("styled-components").IStyledCompon
     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 ThemeCardsStyled: import("styled-components").IStyledCompon
     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,6 +271,14 @@ export declare const ThemeCardsStyled: import("styled-components").IStyledCompon
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;

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

@@ -1 +1 @@
-import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useMemo as o,useCallback as s}from"react";import"../../../theme/index.js";import{ThemeCardStyled as e,ThemeCardTopbar as i,ThemeCardTopbarRadio as m,ThemeCardTopbarTitle as c,ThemeCardTopbarTitleText as n,ThemeCardImage as l}from"./styled.js";import p from"./assets/dark.svg.js";import a from"./assets/light.svg.js";import{DarkIcon as d}from"../../../icons/dark/index.js";import{LightIcon as h}from"../../../icons/light/index.js";import{SystemIcon as j}from"../../../icons/system/index.js";import"tslib";import{IconProvider as f}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"../../tooltip/context.js";import{useTheme as k}from"../../../theme/hook.js";const g={dark:p,light:a},u=({variant:u,title:y,checked:x=!1,isSystemDark:b,onClick:w})=>{const v=k(),C=o((()=>Object.assign(Object.assign({},g),{system:b?p:a})),[b]),O=o((()=>C[u]),[C,u]),D=o((()=>{switch(u){case"dark":return t(d,{});case"light":return t(h,{});case"system":return t(j,{});default:return null}}),[u]),S=s((()=>{null==w||w(u)}),[]);return r(e,{onClick:S,children:[r(i,{children:[t(m,{checked:x}),r(c,{children:[t(f,{fill:v.colors.base.white,children:D}),t(n,{children:y})]})]}),t(l,{src:O,alt:`theme-${u}`})]})};export{u as ThemeCard};
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useMemo as o,useCallback as e}from"react";import"../../../theme/index.js";import{ThemeCardStyled as i,ThemeCardTopbar as s,ThemeCardTopbarRadio as m,ThemeCardTopbarTitle as c,ThemeCardTopbarTitleText as n,ThemeCardImage as l}from"./styled.js";import p from"./assets/dark.svg.js";import a from"./assets/light.svg.js";import{DarkIcon as d}from"../../../icons/dark/index.js";import{LightIcon as h}from"../../../icons/light/index.js";import{SystemIcon as j}from"../../../icons/system/index.js";import"tslib";import{IconProvider as f}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"../../tooltip/context.js";import{useTheme as k}from"../../../theme/hook.js";const g={dark:p,light:a},u=({variant:u,title:y,checked:x=!1,isSystemDark:b,onClick:w})=>{const v=k(),C=o(()=>Object.assign(Object.assign({},g),{system:b?p:a}),[b]),O=o(()=>C[u],[C,u]),D=o(()=>{switch(u){case"dark":return t(d,{});case"light":return t(h,{});case"system":return t(j,{});default:return null}},[u]),S=e(()=>{null==w||w(u)},[]);return r(i,{onClick:S,children:[r(s,{children:[t(m,{checked:x}),r(c,{children:[t(f,{fill:v.colors.base.white,children:D}),t(n,{children:y})]})]}),t(l,{src:O,alt:`theme-${u}`})]})};export{u as ThemeCard};