@ainias42/react-bootstrap-mobile 1.0.4 → 1.0.5

package/dist/Components/ActionSheet/ActionSheet.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { ForwardedRef } from 'react';
-import type { IconSource } from '@/Components/Icon/Icon';
+import type { IconSource } from '@/Components/Icon/BaseIcon';
 import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 export type ActionSheetAction<ActionData> = {
     name: string;

package/dist/Components/FormElements/Button/Button.d.ts

@@ -14,4 +14,7 @@ export type ButtonProps<ClickData> = RbmComponentProps<Override<HTMLAttributes<H
     stopPropagation?: boolean;
     size?: Omit<Size, 'xxLarge' | 'xLarge' | 'large' | 'xSmall'>;
 } & OptionalListener<'onClick', ClickData>>>;
-export declare const Button: <ClickData>({ children, className, disabled, size, fullWidth, flavor, type, stopPropagation, ...props }: ButtonProps<ClickData>) => React.JSX.Element;
+export declare const Button: ({ title, ref, ...otherProps }: ButtonProps<unknown> & {
+    title?: string | React.ReactElement;
+    ref?: React.Ref<HTMLElement | null>;
+}) => React.JSX.Element;

package/dist/Components/FormElements/Button/Button.stories.d.ts

@@ -5,7 +5,10 @@ import React from 'react';
 import type { ButtonProps } from '@/Components/FormElements/Button/Button';
 import type { StoryObj } from '@storybook/react-vite';
 declare const meta: {
-    component: <ClickData>({ children, className, disabled, size, fullWidth, flavor, type, stopPropagation, ...props }: ButtonProps<ClickData>) => React.JSX.Element;
+    component: ({ title, ref, ...otherProps }: ButtonProps<unknown> & {
+        title?: string | React.ReactElement;
+        ref?: React.Ref<HTMLElement | null>;
+    }) => React.JSX.Element;
     argTypes: {
         flavor: {
             control: {
@@ -33,7 +36,10 @@ declare const meta: {
             control: false;
         };
     };
-    render: (args: ButtonProps<unknown>) => React.JSX.Element;
+    render: (args: ButtonProps<unknown> & {
+        title?: string | React.ReactElement;
+        ref?: React.Ref<HTMLElement | null>;
+    }) => React.JSX.Element;
 };
 export default meta;
 type Story = StoryObj<ButtonProps<any>>;

package/dist/Components/Icon/BaseIcon.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+import type { IconDefinition } from '@fortawesome/free-regular-svg-icons';
+import type { IconProp } from '@fortawesome/fontawesome-svg-core';
+import type { Override } from '@/TypeHelpers';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { Ref } from 'react';
+export type IconSource = IconProp | string | IconDefinition;
+export type IconProps = RbmComponentProps<Override<FontAwesomeIconProps, {
+    noMargin?: boolean;
+    icon: IconSource;
+    alt?: string;
+    ref?: Ref<HTMLImageElement | null>;
+}>>;
+export declare const BaseIcon: ({ icon, alt, className, noMargin, style, ref, ...props }: IconProps) => React.JSX.Element;

package/dist/Components/Icon/DoubleIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps, IconSource } from '@/Components/Icon/Icon';
+import type { IconProps, IconSource } from '@/Components/Icon/BaseIcon';
 export type DoubleIconProps = IconProps & {
     secondIcon: IconSource;
     secondIconColor?: string;

package/dist/Components/Icon/Icon.d.ts

@@ -1,13 +1,4 @@
-import * as React from 'react';
-import type { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
-import type { IconDefinition } from '@fortawesome/free-regular-svg-icons';
-import type { IconProp } from '@fortawesome/fontawesome-svg-core';
-import type { Override } from '@/TypeHelpers';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
-export type IconSource = IconProp | string | IconDefinition;
-export type IconProps = RbmComponentProps<Override<FontAwesomeIconProps, {
-    noMargin?: boolean;
-    icon: IconSource;
-    alt?: string;
-}>>;
-export declare const Icon: ({ icon, alt, className, noMargin, style, title, ...props }: IconProps) => React.JSX.Element;
+export declare const Icon: ({ title, ref, ...otherProps }: import("@/Components/Icon/BaseIcon").IconProps & {
+    title?: string | import("react").ReactElement;
+    ref?: import("react").Ref<HTMLElement | null>;
+}) => import("react").JSX.Element;

package/dist/Components/Icon/Icon.stories.d.ts

@@ -1,6 +1,6 @@
 import type { StoryObj } from '@storybook/react-vite';
 declare const meta: {
-    component: ({ icon, alt, className, noMargin, style, title, ...props }: import("@/Components/Icon/Icon").IconProps) => import("react").JSX.Element;
+    component: ({ icon, alt, className, noMargin, style, ref, ...props }: import("@/Components/Icon/BaseIcon").IconProps) => import("react").JSX.Element;
     argTypes: {
         icon: {
             options: string[];

package/dist/Components/Layout/BaseBlock.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { JSX } from 'react/jsx-runtime';
+import type { ComponentRef, ForwardedRef } from 'react';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { ViewWithoutListenersProps } from '@/Components/Layout/ViewWithoutListeners';
+import IntrinsicElements = JSX.IntrinsicElements;
+export type BlockProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType> & {
+    ref?: ForwardedRef<ComponentRef<AsType>>;
+}>;
+export declare const BaseBlock: <AsType extends keyof JSX.IntrinsicElements = "div">({ children, as, className, ref, ...props }: BlockProps<AsType>) => React.JSX.Element;

package/dist/Components/Layout/BaseInlineBlock.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { JSX } from 'react/jsx-runtime';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { ViewWithoutListenersProps } from '@/Components/Layout/ViewWithoutListeners';
+import IntrinsicElements = JSX.IntrinsicElements;
+export type InlineBlockProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType> & {
+    id?: string;
+    title?: string;
+}>;
+export declare const BaseInlineBlock: <AsType extends keyof JSX.IntrinsicElements = "span">({ children, as, className, ...props }: InlineBlockProps<AsType>) => React.JSX.Element;

package/dist/Components/Layout/Block.d.ts

@@ -1,10 +1,4 @@
-import * as React from 'react';
-import { JSX } from 'react/jsx-runtime';
-import type { ComponentRef, ForwardedRef } from 'react';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
-import type { ViewWithoutListenersProps } from '@/Components/Layout/ViewWithoutListeners';
-import IntrinsicElements = JSX.IntrinsicElements;
-export type BlockProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType> & {
-    ref?: ForwardedRef<ComponentRef<AsType>>;
-}>;
-export declare const Block: <AsType extends keyof JSX.IntrinsicElements = "div">({ children, as, className, ref, ...props }: BlockProps<AsType>) => React.JSX.Element;
+export declare const Block: ({ title, ref, ...otherProps }: import("@/Components/Layout/BaseBlock").BlockProps<keyof import("react/jsx-runtime").JSX.IntrinsicElements> & {
+    title?: string | import("react").ReactElement;
+    ref?: import("react").Ref<HTMLElement | null>;
+}) => import("react").JSX.Element;

package/dist/Components/Layout/Flex.d.ts

@@ -6,5 +6,10 @@ import IntrinsicElements = JSX.IntrinsicElements;
 export type FlexProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType> & {
     horizontal?: boolean;
     grow?: boolean;
+    unaligned?: boolean;
+    fillWidth?: boolean;
+    fillHeight?: boolean;
+    fill?: boolean;
+    gap?: number;
 }>;
-export declare const Flex: <AsType extends keyof JSX.IntrinsicElements = "div">({ children, as, className, horizontal, ref, grow, ...props }: FlexProps<AsType>) => React.JSX.Element;
+export declare const Flex: <AsType extends keyof JSX.IntrinsicElements = "div">({ children, as, className, horizontal, ref, grow, unaligned, fill, fillWidth, fillHeight, gap, style, ...props }: FlexProps<AsType>) => React.JSX.Element;

package/dist/Components/Layout/InlineBlock.d.ts

@@ -1,10 +1,4 @@
-import * as React from 'react';
-import { JSX } from 'react/jsx-runtime';
-import type { RbmComponentProps } from '@/Components/RbmComponentProps';
-import type { ViewWithoutListenersProps } from '@/Components/Layout/ViewWithoutListeners';
-import IntrinsicElements = JSX.IntrinsicElements;
-export type InlineBlockProps<AsType extends keyof IntrinsicElements> = RbmComponentProps<ViewWithoutListenersProps<AsType> & {
-    id?: string;
-    title?: string;
-}>;
-export declare const InlineBlock: <AsType extends keyof JSX.IntrinsicElements = "span">({ children, as, className, ...props }: InlineBlockProps<AsType>) => React.JSX.Element;
+export declare const InlineBlock: ({ title, ref, ...otherProps }: import("@/Components/Layout/BaseInlineBlock").InlineBlockProps<keyof import("react/jsx-runtime").JSX.IntrinsicElements> & {
+    title?: string | import("react").ReactElement;
+    ref?: import("react").Ref<HTMLElement | null>;
+}) => import("react").JSX.Element;

package/dist/Components/Menu/Menu.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { IconSource } from '@/Components/Icon/Icon';
+import type { IconSource } from '@/Components/Icon/BaseIcon';
 import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 export type MenuItemType = {
     label: string;

package/dist/Components/Menu/MenuItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconSource } from '@/Components/Icon/Icon';
+import type { IconSource } from '@/Components/Icon/BaseIcon';
 import type { RbmComponentProps, WithChildren } from '@/Components/RbmComponentProps';
 import type { ReactNode } from 'react';
 import Element = React.JSX.Element;

package/dist/Components/Menu/Submenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconSource } from '@/Components/Icon/Icon';
+import type { IconSource } from '@/Components/Icon/BaseIcon';
 import type { RbmComponentProps, WithNoStringAndChildrenProps } from '@/Components/RbmComponentProps';
 export type SubmenuProps = RbmComponentProps<{
     label: string;

package/dist/Components/Menu/useHoverMenu.d.ts

@@ -0,0 +1,17 @@
+import type { RefObject } from 'react';
+export declare function useHoverMenu({ openToSide, ref }: {
+    ref: RefObject<HTMLElement | null>;
+    openToSide?: boolean;
+}): {
+    isOpen: boolean;
+    position: {
+        x: number;
+        y: number;
+    };
+    open: () => void;
+    close: () => void;
+    offset: {
+        x: number;
+        y: number;
+    };
+};

package/dist/Components/SpoilerList/Spoiler/Spoiler.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { IconSource } from '@/Components/Icon/Icon';
+import type { IconSource } from '@/Components/Icon/BaseIcon';
 import type { ReactNode } from 'react';
 import type { OptionalListener } from '@/Components/Hooks/useListener';
 import type { RbmComponentProps, WithChildren } from '@/Components/RbmComponentProps';

package/dist/Components/TabBar/TabBar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { ComponentType } from 'react';
-import type { IconSource } from '@/Components/Icon/Icon';
+import type { IconSource } from '@/Components/Icon/BaseIcon';
 import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 export type TabBarComponentButtonType = {
     component: ComponentType<Record<string, any>>;

package/dist/Components/Title/HoverTitle.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ReactElement, RefObject } from 'react';
+export type HoverTitleProps = {
+    children: ReactElement | undefined;
+    baseElement: RefObject<HTMLElement | null>;
+    isOpen: boolean;
+    onClose: () => void;
+};
+export declare const HoverTitle: ({ children, baseElement, isOpen, onClose }: HoverTitleProps) => React.JSX.Element | null;

package/dist/Components/Title/Title.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    args: {
+        title: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithElement: Story;
+export declare const HoverMenuWithTitle: Story;

package/dist/Components/Title/withTitle.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { FunctionComponent, ReactElement, Ref } from 'react';
+export declare function withTitle<Props extends Record<string, any>>(Comp: FunctionComponent<Props>): ({ title, ref, ...otherProps }: Props & {
+    title?: string | ReactElement;
+    ref?: Ref<HTMLElement | null>;
+}) => React.JSX.Element;

package/dist/Components/TopBar/TopBar.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { ComponentType } from 'react';
 import type { RbmComponentProps } from '@/Components/RbmComponentProps';
-import type { IconSource } from '@/Components/Icon/Icon';
+import type { IconSource } from '@/Components/Icon/BaseIcon';
 export type TopBarActionButtonType = {
     order?: number;
     title: string;

package/dist/index.css

@@ -1,20 +1,21 @@
-@layer rbm{.flex__Xtdxj{display:flex;flex-direction:column;justify-content:center;align-items:center}.flex__Xtdxj.horizontal__HAxyH{flex-direction:row}.grow__GRH5E.weight0__mAhm_{flex:0}.grow__GRH5E.weight1__Gvlqz{flex:1}.grow__GRH5E.weight2__KF4_k{flex:2}.grow__GRH5E.weight3__fZi1h{flex:3}.grow__GRH5E.weight4__SUChB{flex:4}.grow__GRH5E.weight5__fgiwz{flex:5}.grow__GRH5E.weight6__tBvFt{flex:6}.grow__GRH5E.center__JNiHZ{text-align:center}.block__OUDP2{display:block}.inlineBlock__C1O3Y{display:inline-block}.inline__uUoNu{display:inline}}
+@layer rbm{.flex__Xtdxj{display:flex;flex-direction:column;justify-content:center;align-items:center}.flex__Xtdxj.horizontal__HAxyH{flex-direction:row}.flex__Xtdxj.unaligned__jkwMg{align-items:unset;justify-content:unset}.flex__Xtdxj.fillWidth__LDtNS{width:100%}.flex__Xtdxj.fillHeight__pkb_S{height:100%}.grow__GRH5E.weight0__mAhm_{flex:0}.grow__GRH5E.weight1__Gvlqz{flex:1}.grow__GRH5E.weight2__KF4_k{flex:2}.grow__GRH5E.weight3__fZi1h{flex:3}.grow__GRH5E.weight4__SUChB{flex:4}.grow__GRH5E.weight5__fgiwz{flex:5}.grow__GRH5E.weight6__tBvFt{flex:6}.grow__GRH5E.center__JNiHZ{text-align:center}.block__OUDP2{display:block}.inlineBlock__C1O3Y{display:inline-block}.inline__uUoNu{display:inline}}
 :root{--action-sheet-z-index: 10000, }@layer rbm{.material-design{--text-primary-default-color: var(--text-prmary)}.flat-design{--text-primary-default-color: var(--text-prmary)}.text__ejS3o{display:inline}.text__ejS3o.block__naLxK{display:block}.text__ejS3o.heading__KU9xU{font-weight:bold}.text__ejS3o.primaryDefault__Liz7y{color:var(--text-primary-default-color)}.text__ejS3o.primary__rEpob{color:var(--text-primary)}.text__ejS3o.secondary__zUXeI{color:var(--text-secondary)}.text__ejS3o.tertiary__UaTRx{color:var(--text-tertiary)}.text__ejS3o.xsmall__BCYOF{font-size:.75rem;line-height:1rem}.text__ejS3o.small__AWNxX{font-size:.875rem;line-height:1.25rem}.text__ejS3o.medium__rHmhh{font-size:1rem;line-height:1.5rem}.text__ejS3o.large__ekCpY{font-size:1.125rem;line-height:1.75}.text__ejS3o.xlarge__KP0mY{font-size:1.25rem;line-height:1.75rem}.text__ejS3o.xxlarge__Japom{font-size:1.5rem;line-height:2rem}.text__ejS3o.emphasized__Gn24q{font-weight:bold}}
 @layer rbm{.heading__oxEyT{display:block}}
+@layer rbm{.margin__Oq6ib{margin-left:.3rem;margin-right:.3rem}.imgIcon__B6ZP0{width:calc(1em + 4px);height:calc(1em + 4px);object-fit:contain}.doubleIconContainer__TzWce{position:relative;padding:3px}.doubleIconContainer__TzWce .secondIcon__YwXe_{position:absolute;right:3px;bottom:3px;pointer-events:none}}
 :root{--action-sheet-z-index: 10000, }@layer rbm{.material-design{--clickable-text-link: var(--text-link)}.flat-design{--clickable-text-link: var(--text-link)}.clickable__sSYd7{cursor:pointer}.link__E1VPO{color:var(--clickable-text-link);text-decoration:underline}}
 :root{--action-sheet-z-index: 10000, }@layer rbm{.container__nH0mk,.container-fluid__RF6nb{--gutter-x: 1.5rem;--gutter-y: 0;width:100%;padding-right:calc(var(--gutter-x)*.5);padding-left:calc(var(--gutter-x)*.5);margin-right:auto;margin-left:auto}.container-sm__f8vB5{--gutter-x: 1.5rem;--gutter-y: 0;width:100%;padding-right:calc(var(--gutter-x)*.5);padding-left:calc(var(--gutter-x)*.5);margin-right:auto;margin-left:auto}@media(min-width: 576px){.container-sm__f8vB5,.container-xs__cZw8O,.container__nH0mk{max-width:540px}}.container-md__8EKhQ{--gutter-x: 1.5rem;--gutter-y: 0;width:100%;padding-right:calc(var(--gutter-x)*.5);padding-left:calc(var(--gutter-x)*.5);margin-right:auto;margin-left:auto}@media(min-width: 768px){.container-md__8EKhQ,.container-sm__f8vB5,.container-xs__cZw8O,.container__nH0mk{max-width:720px}}.container-lg__PVGcF{--gutter-x: 1.5rem;--gutter-y: 0;width:100%;padding-right:calc(var(--gutter-x)*.5);padding-left:calc(var(--gutter-x)*.5);margin-right:auto;margin-left:auto}@media(min-width: 992px){.container-lg__PVGcF,.container-md__8EKhQ,.container-sm__f8vB5,.container-xs__cZw8O,.container__nH0mk{max-width:960px}}.container-xl__zGDg9{--gutter-x: 1.5rem;--gutter-y: 0;width:100%;padding-right:calc(var(--gutter-x)*.5);padding-left:calc(var(--gutter-x)*.5);margin-right:auto;margin-left:auto}@media(min-width: 1200px){.container-xl__zGDg9,.container-lg__PVGcF,.container-md__8EKhQ,.container-sm__f8vB5,.container-xs__cZw8O,.container__nH0mk{max-width:1140px}}.container-xxl__fE958{--gutter-x: 1.5rem;--gutter-y: 0;width:100%;padding-right:calc(var(--gutter-x)*.5);padding-left:calc(var(--gutter-x)*.5);margin-right:auto;margin-left:auto}@media(min-width: 1400px){.container-xxl__fE958,.container-xl__zGDg9,.container-lg__PVGcF,.container-md__8EKhQ,.container-sm__f8vB5,.container-xs__cZw8O,.container__nH0mk{max-width:1320px}}@media(width >= 1400px){.container-xxl__fE958{max-width:1400px}}}
-@layer rbm{.margin__Oq6ib{margin-left:.3rem;margin-right:.3rem}.imgIcon__B6ZP0{width:calc(1em + 4px);height:calc(1em + 4px);object-fit:contain}.doubleIconContainer__TzWce{position:relative;padding:3px}.doubleIconContainer__TzWce .secondIcon__YwXe_{position:absolute;right:3px;bottom:3px;pointer-events:none}}
 :root{--action-sheet-z-index: 10000, }@layer rbm{.fullHeight__mOnJS{height:100%}.fullWidth__a7NPL{width:100%}.flat-design .flatHidden__HzSI_{display:none}.material-design .materialHidden__PmvyJ{display:none}}
 :root{--action-sheet-z-index: 10000, }@layer rbm{.material-design{--action-sheet-background-color: var(--curtain-light);--action-sheet-action-background-color: var(--foreground-primary);--action-sheet-title-color: var(--text-secondary)}.flat-design{--action-sheet-background-color: var(--curtain-light);--action-sheet-action-background-color: var(--foreground-primary);--action-sheet-title-color: var(--text-secondary)}.material-design{--action-sheet-action-text-color: var(--text-secondary)}.flat-design{--action-sheet-action-text-color: var(--flavor-accent);--action-sheet-action-background-image: linear-gradient(0deg, var(--curtain-light), var(--curtain-light) 100%);--action-sheet-action-destructive-text-color: var(--flavor-destructive) }.actionSheet__cs0Vt{position:fixed;inset:100% 0 0;overflow:hidden;background-color:var(--action-sheet-background-color);z-index:var(--action-sheet-z-index);transition-duration:0s;transition-delay:.25s}.actionSheet__cs0Vt.open__mZnwp{transition-delay:0s;top:0}.actionSheet__cs0Vt.open__mZnwp>.full-height{top:0}.actionSheet__cs0Vt>.full-height{position:absolute;inset:100% 0 0}.actionSheet__cs0Vt .content__iKqqg{bottom:0;height:100%;display:flex;flex-direction:column;justify-content:end}.actionSheet__cs0Vt .content__iKqqg .title__gukj3,.actionSheet__cs0Vt .content__iKqqg .action__p3lv_{width:100%;background-color:var(--action-sheet-action-background-color);border-radius:0;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.actionSheet__cs0Vt .content__iKqqg .title__gukj3{--text-primary-default-color: var(--action-sheet-title-color);color:var(--action-sheet-title-color)}.actionSheet__cs0Vt .content__iKqqg .action__p3lv_{--text-primary-default-color: var(--action-sheet-action-text-color);color:var(--action-sheet-action-text-color);background-color:var(--action-sheet-action-background-color)}.actionSheet__cs0Vt .content__iKqqg .action__p3lv_ .actionName__ErBRd{font-size:20px}.actionSheet__cs0Vt .content__iKqqg .cancel__shM_7{--text-primary-default-color: var(--action-sheet-action-text-color);color:var(--action-sheet-action-text-color);width:100%;font-size:20px;background-color:var(--action-sheet-action-background-color);display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.material-design .actionSheet__cs0Vt>.full-height__oHCKI{padding:0}.material-design .actionSheet__cs0Vt .content__iKqqg{text-align:left}.material-design .actionSheet__cs0Vt .content__iKqqg .action__p3lv_{height:30px}.material-design .actionSheet__cs0Vt .content__iKqqg .title__gukj3{height:40px;line-height:40px}.material-design .actionSheet__cs0Vt .content__iKqqg .action__p3lv_,.material-design .actionSheet__cs0Vt .content__iKqqg .title__gukj3{font-size:1rem}.material-design .actionSheet__cs0Vt .content__iKqqg .action__p3lv_ .actionName__ErBRd,.material-design .actionSheet__cs0Vt .content__iKqqg .title__gukj3 .actionName__ErBRd{font-size:1rem}.material-design .actionSheet__cs0Vt .content__iKqqg .action__p3lv_,.material-design .actionSheet__cs0Vt .content__iKqqg .title__gukj3{padding:0 0 0 16px}.material-design .actionSheet__cs0Vt .content__iKqqg .action__p3lv_ .actionIcon__bFr3R,.material-design .actionSheet__cs0Vt .content__iKqqg .title__gukj3 .actionIcon__bFr3R{display:inline-block;float:left;margin-right:24px;font-size:16px;text-align:center;width:.8em;height:30px}.material-design .actionSheet__cs0Vt .content__iKqqg .cancel__shM_7{height:35px;line-height:30px;padding:0 0 0 16px;color:var(--action-sheet-action-text-color);font-size:1rem}.material-design .actionSheet__cs0Vt .content__iKqqg .cancel__shM_7 .actionIcon__bFr3R{display:inline-block;float:left;margin-right:24px;font-size:1rem;text-align:center;width:.8em;height:30px}.flat-design .actionSheet__cs0Vt .content__iKqqg{text-align:center;padding-right:10px;padding-left:10px;padding-bottom:10px}.flat-design .actionSheet__cs0Vt .content__iKqqg .action__p3lv_,.flat-design .actionSheet__cs0Vt .content__iKqqg .title__gukj3{height:56px;line-height:56px;background-size:100% 1px;background-repeat:no-repeat;background-position:bottom;background-image:var(--action-sheet-action-background-image)}.flat-design .actionSheet__cs0Vt .content__iKqqg .action__p3lv_:first-child,.flat-design .actionSheet__cs0Vt .content__iKqqg .title__gukj3:first-child{border-top-right-radius:12px;border-top-left-radius:12px}.flat-design .actionSheet__cs0Vt .content__iKqqg .action__p3lv_:nth-last-child(2),.flat-design .actionSheet__cs0Vt .content__iKqqg .title__gukj3:nth-last-child(2){border-bottom-right-radius:12px;border-bottom-left-radius:12px}.flat-design .actionSheet__cs0Vt .content__iKqqg .action__p3lv_ .actionIcon__bFr3R,.flat-design .actionSheet__cs0Vt .content__iKqqg .title__gukj3 .actionIcon__bFr3R{display:none}.flat-design .actionSheet__cs0Vt .content__iKqqg .action__p3lv_.destructive__wLoAD,.flat-design .actionSheet__cs0Vt .content__iKqqg .title__gukj3.destructive__wLoAD{--text-primary-default-color: var(--action-sheet-action-destructive-text-color);color:var(--action-sheet-action-destructive-text-color)}.flat-design .actionSheet__cs0Vt .content__iKqqg .cancel__shM_7{height:56px;line-height:56px;border-radius:12px;margin:8px 0 0;font-weight:600}.flat-design .actionSheet__cs0Vt .content__iKqqg .cancel__shM_7 .actionIcon__bFr3R{display:none}}
 :root{--action-sheet-z-index: 10000, }@layer rbm{.material-design{--card-margin: 8px;--card-padding: 16px;--card-background-color: var(--foreground-primary);--card-box-shadow-color: var(--box-shadow-color)}.flat-design{--card-margin: 8px;--card-padding: 16px;--card-background-color: var(--foreground-primary);--card-box-shadow-color: var(--box-shadow-color)}.card__n_Zlx{margin:var(--card-margin);padding:var(--card-padding);word-wrap:break-word;background-color:var(--card-background-color)}.card__n_Zlx.fullHeight__Udy57{height:calc(100% - 2*var(--card-margin))}.card__n_Zlx.noPaddingHeight__f7RBz{padding-top:0;padding-bottom:0}.card__n_Zlx.noPaddingWidth__HebL8{padding-left:0;padding-right:0}.card__n_Zlx.noPadding__T_BvH{padding:0}.card__n_Zlx.noMargin__ahPTZ{margin:0}.card__n_Zlx.noMargin__ahPTZ.fullHeight__Udy57{height:100%}.card__n_Zlx .content__haG31{margin:0;line-height:1.4}.card__n_Zlx .title__JiyuK{padding:0}.material-design .card__n_Zlx{border-radius:2px;box-shadow:0 2px 2px 0 var(--card-box-shadow-color),0 1px 5px 0 var(--card-box-shadow-color),0 3px 1px -2px var(--card-box-shadow-color)}.material-design .card__n_Zlx .title__JiyuK{margin:8px 0 12px;font-size:24px}.flat-design .card__n_Zlx{border-radius:8px;box-shadow:0 1px 2px 0 var(--card-box-shadow-color)}.flat-design .card__n_Zlx .title__JiyuK{margin:4px 0 8px;font-size:20px}}
 :root{--action-sheet-z-index: 10000, }@layer rbm{.material-design{--button-dialog-text-color: var(--text-primary)}.flat-design{--button-dialog-text-color: var(--text-primary)}.material-design{--button-dialog-background-color: var(--foreground-primary);--button-dialog-box-shadow-color: var(--box-shadow-color)}.flat-design{--button-dialog-background-color: var(--foreground-secondary);--button-dialog-button-border-color: var(--border-light)}.buttonDialog__pOdXZ{font-weight:400;max-width:95%;overflow:hidden;min-width:270px;background-color:var(--button-dialog-background-color)}.buttonDialog__pOdXZ .title__IAojL{font-weight:500}.buttonDialog__pOdXZ .buttonContainer__OBrhL{width:100%}.buttonDialog__pOdXZ .buttonContainer__OBrhL .button__uKLy1{padding:0 8px}.buttonDialog__pOdXZ .buttonContainer__OBrhL .button__uKLy1 .buttonText__tvqEz.flavor-accent{--text-primary-default-color:var(--flavor-accent)}.buttonDialog__pOdXZ .buttonContainer__OBrhL .button__uKLy1 .buttonText__tvqEz.flavor-basic{--text-primary-default-color:var(--flavor-basic)}.buttonDialog__pOdXZ .buttonContainer__OBrhL .button__uKLy1 .buttonText__tvqEz.flavor-destructive{--text-primary-default-color:var(--flavor-destructive)}.buttonDialog__pOdXZ .buttonContainer__OBrhL .button__uKLy1 .buttonText__tvqEz.flavor-constructive{--text-primary-default-color:var(--flavor-constructive)}.flat-design .buttonDialog__pOdXZ{border-radius:8px;padding-top:16px;font-family:-apple-system,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;text-align:center}.flat-design .buttonDialog__pOdXZ .title__IAojL{font-size:17px;padding:0 8px}.flat-design .buttonDialog__pOdXZ .message__DdDbz{font-size:14px;padding:4px 12px 8px;min-height:36px;color:var(--button-dialog-text-color)}.flat-design .buttonDialog__pOdXZ .buttonContainer__OBrhL{display:flex;white-space:nowrap}.flat-design .buttonDialog__pOdXZ .buttonContainer__OBrhL .button__uKLy1{flex:1;display:block;border-left:1px solid var(--button-dialog-button-border-color);border-top:1px solid var(--button-dialog-button-border-color);vertical-align:middle;text-align:center;height:44px;overflow:hidden}.flat-design .buttonDialog__pOdXZ .buttonContainer__OBrhL .button__uKLy1 .buttonText__tvqEz{line-height:44px;text-overflow:ellipsis;letter-spacing:0;font-size:16px}.flat-design .buttonDialog__pOdXZ .buttonContainer__OBrhL .button__uKLy1:first-child{border-left:none}.material-design .buttonDialog__pOdXZ{border-radius:2px;padding:22px 0 0;box-shadow:0 16px 24px 2px var(--button-dialog-box-shadow-color),0 6px 30px 5px var(--button-dialog-box-shadow-color),0 8px 10px -5px var(--button-dialog-box-shadow-color);font-family:Roboto,Noto,sans-serif;text-align:left}.material-design .buttonDialog__pOdXZ .title__IAojL{font-size:20px;padding:0 24px}.material-design .buttonDialog__pOdXZ .message__DdDbz{font-size:16px;line-height:20px;padding:0 24px;margin:24px 0 10px;min-height:0;color:var(--button-dialog-text-color)}.material-design .buttonDialog__pOdXZ .buttonContainer__OBrhL{display:block;padding:0;height:52px;line-height:1}.material-design .buttonDialog__pOdXZ .buttonContainer__OBrhL .button__uKLy1{text-transform:uppercase;display:inline-block;width:auto;float:right;border-radius:2px;height:36px;margin:8px 8px 8px 0;min-width:50px}.material-design .buttonDialog__pOdXZ .buttonContainer__OBrhL .button__uKLy1 .buttonText__tvqEz{line-height:36px;font-size:14px;font-weight:500}}
 :root{--action-sheet-z-index: 10000, }@layer rbm{.material-design{--dialog-z-index: 1001;--dialog-background-color: var(--curtain-light) }.flat-design{--dialog-z-index: 1001;--dialog-background-color: var(--curtain-light) }.dialogContainer__q07Tv{position:fixed;inset:0;margin:auto;z-index:var(--dialog-z-index);display:flex;align-items:center;flex-direction:column;justify-content:center;background-color:var(--dialog-background-color)}.dialogContainer__q07Tv .closeCurtain__mCxZs{position:absolute;inset:0}.dialogContainer__q07Tv .dialog__dGiHr{max-width:1400px;z-index:1}}
 :root{--action-sheet-z-index: 10000, }@layer rbm{.material-design{--dialog-background-background-color: var(--foreground-primary)}.flat-design{--dialog-background-background-color: var(--foreground-primary)}.dialogBackground__d53GC{background-color:var(--dialog-background-background-color);padding:.5rem;max-height:80vh;overflow:auto}.dialogBackground__d53GC .title___zJOu{gap:16px;margin:0 0 .8rem}}
+@layer rbm{.title__I36WU{position:fixed;background:var(--foreground-primary);border:1px solid var(--border-light);border-radius:2px;z-index:1002;padding:2px 4px}}
 @layer rbm{.image__L7PA6{max-width:100%}}
 @layer rbm{.inViewport__WWwbO{display:inline-block}}
 :root{--action-sheet-z-index: 10000, }@layer rbm{.material-design{--loading-circle-color: var(--flavor-accent)}.flat-design{--loading-circle-color: var(--flavor-accent)}@keyframes loadingCircle__XRvFa{0%{stroke-dasharray:10%,241.32%;stroke-dashoffset:0}50%{stroke-dasharray:201%,50.322%;stroke-dashoffset:-100%}100%{stroke-dasharray:10%,241.32%;stroke-dashoffset:-251.32%}}@keyframes loadingCircleRotate__DF8JT{from{transform:rotate(0)}to{transform:rotate(360deg)}}.loadingCircle__XRvFa .spinner__xIW3U{stroke-miterlimit:10;transform-origin:50%;animation:loadingCircle__XRvFa 2s ease-in-out infinite,loadingCircleRotate__DF8JT 1.5s linear infinite;stroke:var(--loading-circle-color)}.material-design .loadingCircle__XRvFa .spinner__xIW3U{stroke-width:9%}.flat-design .loadingCircle__XRvFa .spinner__xIW3U{stroke-width:5%}}
 :root{--action-sheet-z-index: 10000, }@layer rbm{.material-design{--loading-area-background-color: var(--curtain-light)}.flat-design{--loading-area-background-color: var(--curtain-light)}.loadingArea__xsB7P{height:fit-content;width:fit-content;position:relative;display:contents}.loadingArea__xsB7P .curtain__EB2JH{z-index:1;position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--loading-area-background-color)}}
-:root{--action-sheet-z-index: 10000, }@layer rbm{.material-design{--menu-background: var(--foreground-primary);--menu-border-color: var(--border-light);--menu-divider-color: var(--border-light);--menu-item-active-background: var(--foreground-tertiary);--menu-item-hover-background: var(--foreground-secondary);--submenu-background: var(--foreground-primary);--submenu-border-color: var(--border-light);--menu-z-index: 1002;--submenu-z-index: 10}.flat-design{--menu-background: var(--foreground-primary);--menu-border-color: var(--border-light);--menu-divider-color: var(--border-light);--menu-item-active-background: var(--foreground-tertiary);--menu-item-hover-background: var(--foreground-secondary);--submenu-background: var(--foreground-primary);--submenu-border-color: var(--border-light);--menu-z-index: 1002;--submenu-z-index: 10}.menu__d6FVR{position:fixed;background:var(--menu-background);border:1px solid var(--menu-border-color);border-radius:2px;z-index:var(--menu-z-index)}.menu__d6FVR.hidden__viOi3{visibility:hidden}.divider__C6PS0{margin-left:4px;margin-right:4px;padding-top:1px;margin-top:1px;border-top:1px solid var(--menu-divider-color)}.item__zyyRd{padding:0 4px;display:flex}.item__zyyRd.active__wqWtM{background:var(--menu-item-active-background)}.item__zyyRd .itemChildren__AxoAk{flex:1;padding:1px;display:flex;flex-direction:row;align-items:center;white-space:nowrap}.item__zyyRd .itemChildren__AxoAk .icon__Wr1pU{margin-right:4px}.item__zyyRd.disabled__RHlzm{pointer-events:none;cursor:default}.item__zyyRd.disabled__RHlzm>.itemChildren__AxoAk>*{opacity:.3}.item__zyyRd:hover{background-color:var(--menu-item-hover-background)}.item__zyyRd:first-child>.itemChildren__AxoAk{border-top:none}.hoverMenu__EHKwT{padding:0;display:inline}.hoverMenu__EHKwT .menu__d6FVR{visibility:hidden;pointer-events:none}.hoverMenu__EHKwT.open__KP5K9:hover .menu__d6FVR{visibility:visible;pointer-events:initial}.submenu__kor6g{position:relative}.submenu__kor6g .container__A_ylW{visibility:hidden;pointer-events:none;position:absolute;top:3px;left:calc(100% - 3px);background:var(--submenu-background);border:1px solid var(--submenu-border-color);border-radius:2px;z-index:var(--submenu-z-index)}.submenu__kor6g.openLeft__O32an .container__A_ylW{left:initial;right:calc(100% - 3px)}.submenu__kor6g.openTop__wn7oL .container__A_ylW{top:initial;bottom:3px}.submenu__kor6g.open__KP5K9:hover .container__A_ylW{visibility:visible;pointer-events:initial}}
+:root{--action-sheet-z-index: 10000, }@layer rbm{.material-design{--menu-background: var(--foreground-primary);--menu-border-color: var(--border-light);--menu-divider-color: var(--border-light);--menu-item-active-background: var(--foreground-tertiary);--menu-item-hover-background: var(--foreground-secondary);--submenu-background: var(--foreground-primary);--submenu-border-color: var(--border-light);--menu-z-index: 1002;--submenu-z-index: 10}.flat-design{--menu-background: var(--foreground-primary);--menu-border-color: var(--border-light);--menu-divider-color: var(--border-light);--menu-item-active-background: var(--foreground-tertiary);--menu-item-hover-background: var(--foreground-secondary);--submenu-background: var(--foreground-primary);--submenu-border-color: var(--border-light);--menu-z-index: 1002;--submenu-z-index: 10}.menu__d6FVR{position:fixed;background:var(--menu-background);border:1px solid var(--menu-border-color);border-radius:2px;z-index:var(--menu-z-index)}.menu__d6FVR.hidden__viOi3{visibility:hidden}.divider__C6PS0{margin-left:4px;margin-right:4px;padding-top:1px;margin-top:1px;border-top:1px solid var(--menu-divider-color);width:100%}.item__zyyRd{padding:0 4px;display:flex}.item__zyyRd.active__wqWtM{background:var(--menu-item-active-background)}.item__zyyRd .itemChildren__AxoAk{flex:1;padding:1px;display:flex;flex-direction:row;align-items:center;white-space:nowrap}.item__zyyRd .itemChildren__AxoAk .icon__Wr1pU{margin-right:4px}.item__zyyRd.disabled__RHlzm{pointer-events:none;cursor:default}.item__zyyRd.disabled__RHlzm>.itemChildren__AxoAk>*{opacity:.3}.item__zyyRd:hover{background-color:var(--menu-item-hover-background)}.item__zyyRd:first-child>.itemChildren__AxoAk{border-top:none}.hoverMenu__EHKwT{padding:0;display:inline}.hoverMenu__EHKwT .menu__d6FVR{visibility:hidden;pointer-events:none}.hoverMenu__EHKwT.open__KP5K9 .menu__d6FVR{visibility:visible;pointer-events:initial}.submenu__kor6g{position:relative}.submenu__kor6g .container__A_ylW{visibility:hidden;pointer-events:none;position:absolute;top:3px;left:calc(100% - 3px);background:var(--submenu-background);border:1px solid var(--submenu-border-color);border-radius:2px;z-index:var(--submenu-z-index)}.submenu__kor6g.openLeft__O32an .container__A_ylW{left:initial;right:calc(100% - 3px)}.submenu__kor6g.openTop__wn7oL .container__A_ylW{top:initial;bottom:3px}.submenu__kor6g.open__KP5K9 .container__A_ylW{visibility:visible;pointer-events:initial}}
 :root{--action-sheet-z-index: 10000, }@layer rbm{.material-design{--spoiler-border-color: var(--border-light);--spoiler-border-top-color: var(--spoiler-border-color);--spoiler-border-bottom-color: var(--spoiler-border-color)}.flat-design{--spoiler-border-color: var(--border-light);--spoiler-border-top-color: var(--spoiler-border-color);--spoiler-border-bottom-color: var(--spoiler-border-color)}@keyframes spoilerContainerOpen__cQweC{0%{height:0}1%{height:initial}100%{height:initial}}@keyframes spoilerOpen__I9hU6{0%{height:0;transform:translateY(-100%);opacity:0}1%{height:initial;transform:translateY(-100%);opacity:0}100%{height:initial;transform:none;opacity:1}}@keyframes spoilerContainerClose__IMe84{0%{height:initial}99%{height:initial}100%{height:0}}@keyframes spoilerClose__XeMXK{0%{height:initial;transform:translateY(0%);opacity:1}99%{height:initial;transform:translateY(-100%);opacity:0}100%{height:0;transform:translateY(-100%);opacity:0}}.spoiler__BXSv1{display:block;border-top:1px solid var(--spoiler-border-top-color);border-bottom:1px solid var(--spoiler-border-bottom-color)}.spoiler__BXSv1 .icon__jubRT{margin-right:.5rem}.spoiler__BXSv1 .bodyContainer__i9b8r{height:0;overflow:hidden;animation-name:spoilerContainerClose__IMe84;animation-duration:.7s;animation-fill-mode:forwards}.spoiler__BXSv1 .bodyContainer__i9b8r .body__rmqXN{height:0;overflow:hidden;transform-origin:left top;transform:translateY(-100%);animation-name:spoilerClose__XeMXK;animation-duration:.7s;animation-fill-mode:forwards}.spoiler__BXSv1.noClosingAnimation__v_hIV .bodyContainer__i9b8r{animation-name:none}.spoiler__BXSv1.noClosingAnimation__v_hIV .bodyContainer__i9b8r .body__rmqXN{animation-name:none}.spoiler__BXSv1.noAnimation__wYsqX .bodyContainer__i9b8r,.spoiler__BXSv1.noAnimation__wYsqX.open__yN6y2 .bodyContainer__i9b8r{animation:none}.spoiler__BXSv1.noAnimation__wYsqX .bodyContainer__i9b8r .body__rmqXN,.spoiler__BXSv1.noAnimation__wYsqX.open__yN6y2 .bodyContainer__i9b8r .body__rmqXN{animation:none}.spoiler__BXSv1.open__yN6y2 .bodyContainer__i9b8r,.spoiler__BXSv1.open__yN6y2.noClosingAnimation__v_hIV .bodyContainer__i9b8r{height:initial;animation-name:spoilerContainerOpen__cQweC}.spoiler__BXSv1.open__yN6y2 .bodyContainer__i9b8r .body__rmqXN,.spoiler__BXSv1.open__yN6y2.noClosingAnimation__v_hIV .bodyContainer__i9b8r .body__rmqXN{height:initial;transform:none;animation-name:spoilerOpen__I9hU6}}
 :root{--action-sheet-z-index: 10000, }@layer rbm{.material-design{--tab-bar-button-active-background-color: var(--tab-bar-background-color);--tab-bar-button-active-underline-color: var(--tab-bar-button-active-text-color)}.flat-design{--tab-bar-button-active-background-color: var(--tab-bar-background-color);--tab-bar-button-active-underline-color: var(--tab-bar-button-active-text-color)}.material-design{--tab-bar-background-color: var(--foreground-primary);--tab-bar-box-shadow-color: var(--box-shadow-color);--tab-bar-button-text-color: var(--text-primary);--tab-bar-button-active-text-color: var(--tab-bar-button-text-color)}.flat-design{--tab-bar-background-color: var(--foreground-primary);--tab-bar-button-active-text-color: var(--flavor-accent);--tab-bar-border-top-color: var(--border-light);--tab-bar-button-text-color: var(--text-tertiary)}.tabBar__cdorh{height:60px;width:100%;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none;background-color:var(--tab-bar-background-color)}.tabBar__cdorh .buttonContainer__zxZvz{padding:0;display:flex}.flat-design .tabBar__cdorh.underlined__REBMo .buttonActive__VY9yO{border-bottom:4px solid var(--tab-bar-button-active-underline-color)}.tabBar__cdorh.transparent__JRzED{opacity:.65}.material-design .tabBar__cdorh{box-shadow:0 -2px 2px 0 var(--tab-bar-box-shadow-color),0 -1px 5px 0 var(--tab-bar-box-shadow-color),0 -1px 1px 0 var(--tab-bar-box-shadow-color)}.flat-design .tabBar__cdorh{border-top:1px solid var(--tab-bar-border-top-color)}.button__whxn1{cursor:pointer;display:flex;align-items:center;padding:0;flex-basis:0;flex-grow:1;text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.button__whxn1>span{width:100%;display:inline-block}.button__whxn1 .buttonIcon__Mm3jB{display:block;font-size:24px;line-height:26px;height:28px;margin:auto}.button__whxn1 .buttonIcon__Mm3jB+.buttonTitle__MyuUv{font-size:10px;line-height:1}.button__whxn1 .buttonTitle__MyuUv{display:block;margin:auto;font-size:16px;line-height:49px}.button__whxn1{color:var(--tab-bar-button-text-color)}.button__whxn1.buttonActive__VY9yO{color:var(--tab-bar-button-active-text-color);--text-primary-default-color: var(--tab-bar-button-active-text-color);background-color:var(--tab-bar-button-active-background-color)}.material-design .button__whxn1{position:relative;text-transform:uppercase}.material-design .button__whxn1::after{content:" ";display:block;width:0;height:2px;bottom:0;position:absolute;margin-top:-2px;background-color:var(--tab-bar-button-active-underline-color)}.material-design .button__whxn1.buttonActive__VY9yO::after{width:100%;transition:width .2s ease-in-out}}
 :root{--action-sheet-z-index: 10000, }@layer rbm{.material-design{--toast-z-index: 1001;--toast-background-color: var(--curtain-strong);--toast-text-color: var(--text-inverse)}.flat-design{--toast-z-index: 1001;--toast-background-color: var(--curtain-strong);--toast-text-color: var(--text-inverse)}.material-design{--toast-action-text-color: var(--text-inverse)}.flat-design{--toast-action-text-color: var(--text-inverse)}.toastContainer__cS48V{pointer-events:none;position:fixed;left:0;right:0;bottom:3rem;margin:auto;max-width:576px;z-index:var(--toast-z-index);display:flex;align-items:center;flex-direction:column}.toast__ZKwwx{--text-primary-default-color: var(--toast-text-color);pointer-events:auto;background-color:var(--toast-background-color);min-height:48px;line-height:1.5;color:var(--toast-text-color);font-size:.77rem;letter-spacing:normal;transition-duration:.25s;margin:8px}.toast__ZKwwx.hiding__YbyHM{opacity:0}.material-design .toast__ZKwwx{padding:16px 24px}.flat-design .toast__ZKwwx{border-radius:.5rem;padding:16px}.toast__ZKwwx .action__criZK{text-transform:uppercase;margin-left:24px;color:var(--toast-action-text-color)}}