@chayns-components/core 5.0.0-beta.772 → 5.0.0-beta.775

package/lib/types/components/accordion/accordion-head/AccordionHead.styles.d.ts

@@ -4,6 +4,7 @@ export declare const StyledMotionAccordionHead: import("styled-components/dist/t
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -11,7 +12,6 @@ export declare const StyledMotionAccordionHead: import("styled-components/dist/t
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -269,6 +269,7 @@ export declare const StyledMotionIconWrapper: import("styled-components/dist/typ
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -276,7 +277,6 @@ export declare const StyledMotionIconWrapper: import("styled-components/dist/typ
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -538,6 +538,7 @@ export declare const StyledMotionContentWrapper: import("styled-components/dist/
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -545,7 +546,6 @@ export declare const StyledMotionContentWrapper: import("styled-components/dist/
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -803,6 +803,7 @@ export declare const StyledMotionTitleWrapper: import("styled-components/dist/ty
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -810,7 +811,6 @@ export declare const StyledMotionTitleWrapper: import("styled-components/dist/ty
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -1073,6 +1073,7 @@ export declare const StyledMotionTitle: import("styled-components/dist/types").I
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1080,7 +1081,6 @@ export declare const StyledMotionTitle: import("styled-components/dist/types").I
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -1336,6 +1336,7 @@ export declare const StyledMotionTitleElementWrapper: import("styled-components/
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1343,7 +1344,6 @@ export declare const StyledMotionTitleElementWrapper: import("styled-components/
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -1602,6 +1602,7 @@ export declare const StyledMotionSearchWrapper: import("styled-components/dist/t
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1609,7 +1610,6 @@ export declare const StyledMotionSearchWrapper: import("styled-components/dist/t
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -1867,6 +1867,7 @@ export declare const StyledMotionRightElementWrapper: import("styled-components/
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1874,7 +1875,6 @@ export declare const StyledMotionRightElementWrapper: import("styled-components/
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -2140,6 +2140,7 @@ export declare const StyledMotionRightInput: import("styled-components/dist/type
     size?: number | undefined;
     color?: string | undefined;
     type?: import("react").HTMLInputTypeAttribute | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -2147,7 +2148,6 @@ export declare const StyledMotionRightInput: import("styled-components/dist/type
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -2429,6 +2429,7 @@ export declare const StyledMotionRightInputIconWrapper: import("styled-component
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -2436,7 +2437,6 @@ export declare const StyledMotionRightInputIconWrapper: import("styled-component
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/amount-control/AmountControl.styles.d.ts

@@ -26,6 +26,7 @@ export declare const StyledMotionAmountControlButton: import("styled-components/
     value?: string | number | readonly string[] | undefined;
     color?: string | undefined;
     type?: "button" | "reset" | "submit" | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -33,7 +34,6 @@ export declare const StyledMotionAmountControlButton: import("styled-components/
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/button/Button.styles.d.ts

@@ -14,6 +14,7 @@ export declare const StyledMotionButton: import("styled-components/dist/types").
     value?: string | number | readonly string[] | undefined;
     color?: string | undefined;
     type?: "button" | "reset" | "submit" | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -21,7 +22,6 @@ export declare const StyledMotionButton: import("styled-components/dist/types").
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -285,6 +285,7 @@ export declare const StyledMotionChildrenWrapper: import("styled-components/dist
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -292,7 +293,6 @@ export declare const StyledMotionChildrenWrapper: import("styled-components/dist
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -550,6 +550,7 @@ export declare const StyledMotionWaitCursorWrapper: import("styled-components/di
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -557,7 +558,6 @@ export declare const StyledMotionWaitCursorWrapper: import("styled-components/di
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/color-scheme-provider/ColorSchemeProvider.d.ts

@@ -5,7 +5,7 @@ declare enum ColorMode {
     Dark = 1,
     Light = 2
 }
-type ColorSchemeProviderProps = {
+export type ColorSchemeProviderProps = {
     /**
      * The content of the application or the components for which the styles should be set
      */

package/lib/types/components/combobox/ComboBox.styles.d.ts

@@ -33,6 +33,7 @@ export declare const StyledMotionComboBoxBody: import("styled-components/dist/ty
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -40,7 +41,6 @@ export declare const StyledMotionComboBoxBody: import("styled-components/dist/ty
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/context-menu/context-menu-content/ContextMenuContent.styles.d.ts

@@ -7,6 +7,7 @@ export declare const StyledMotionContextMenuContent: import("styled-components/d
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -14,7 +15,6 @@ export declare const StyledMotionContextMenuContent: import("styled-components/d
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/expandable-content/ExpandableContent.styles.d.ts

@@ -2,6 +2,7 @@ export declare const StyledMotionExpandableContent: import("styled-components/di
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -9,7 +10,6 @@ export declare const StyledMotionExpandableContent: import("styled-components/di
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/file-input/FileInput.styles.d.ts

@@ -19,6 +19,7 @@ export declare const StyledMotionFileInputList: import("styled-components/dist/t
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -26,7 +27,6 @@ export declare const StyledMotionFileInputList: import("styled-components/dist/t
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/filter-buttons/filter-button/FilterButton.styles.d.ts

@@ -28,6 +28,7 @@ export declare const StyledMotionFilterButtonItemBackground: import("styled-comp
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -35,7 +36,6 @@ export declare const StyledMotionFilterButtonItemBackground: import("styled-comp
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/input/Input.styles.d.ts

@@ -27,6 +27,7 @@ export declare const StyledMotionInputLabelWrapper: import("styled-components/di
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -34,7 +35,6 @@ export declare const StyledMotionInputLabelWrapper: import("styled-components/di
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -291,6 +291,7 @@ export declare const StyledMotionInputElement: import("styled-components/dist/ty
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -298,7 +299,6 @@ export declare const StyledMotionInputElement: import("styled-components/dist/ty
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -562,6 +562,7 @@ export declare const StyledMotionInputClearIcon: import("styled-components/dist/
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -569,7 +570,6 @@ export declare const StyledMotionInputClearIcon: import("styled-components/dist/
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/list/list-item/ListItem.styles.d.ts

@@ -9,6 +9,7 @@ export declare const StyledMotionListItem: import("styled-components/dist/types"
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -16,7 +17,6 @@ export declare const StyledMotionListItem: import("styled-components/dist/types"
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/list/list-item/list-item-body/ListItemBody.styles.d.ts

@@ -2,6 +2,7 @@ export declare const StyledMotionListItemBody: import("styled-components/dist/ty
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -9,7 +10,6 @@ export declare const StyledMotionListItemBody: import("styled-components/dist/ty
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/list/list-item/list-item-head/ListItemHead.styles.d.ts

@@ -7,6 +7,7 @@ export declare const StyledListItemHead: import("styled-components/dist/types").
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -14,7 +15,6 @@ export declare const StyledListItemHead: import("styled-components/dist/types").
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -271,6 +271,7 @@ export declare const StyledMotionListItemHeadIndicator: import("styled-component
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -278,7 +279,6 @@ export declare const StyledMotionListItemHeadIndicator: import("styled-component
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -548,6 +548,7 @@ export declare const StyledListItemHeadTitleText: import("styled-components/dist
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -555,7 +556,6 @@ export declare const StyledListItemHeadTitleText: import("styled-components/dist
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -824,6 +824,7 @@ export declare const StyledMotionListItemHeadHoverItem: import("styled-component
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -831,7 +832,6 @@ export declare const StyledMotionListItemHeadHoverItem: import("styled-component
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/list/list-item/list-item-head/list-item-right-elements/ListItemRightElements.styles.d.ts

@@ -1,5 +1,14 @@
+import type { CSSProperties } from 'react';
 export declare const StyledListItemRightElements: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledListItemRightElementsLeft: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledListItemRightElementsLeftTop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledListItemRightElementsLeftBottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledListItemRightElementsLeftPseudo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledListItemRightElementsLeftTopProps = {
+    $alignment?: CSSProperties['justifyContent'];
+};
+export declare const StyledListItemRightElementsLeftTop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledListItemRightElementsLeftTopProps>> & string;
+type StyledListItemRightElementsLeftBottomProps = {
+    $alignment?: CSSProperties['justifyContent'];
+};
+export declare const StyledListItemRightElementsLeftBottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledListItemRightElementsLeftBottomProps>> & string;
 export declare const StyledListItemRightElementsRight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/lib/types/components/mention-finder/MentionFinder.styles.d.ts

@@ -8,6 +8,7 @@ export declare const StyledMotionMentionFinderPopup: import("styled-components/d
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -15,7 +16,6 @@ export declare const StyledMotionMentionFinderPopup: import("styled-components/d
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/page-provider/PageProvider.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { type ColorSchemeProviderProps } from '../color-scheme-provider/ColorSchemeProvider';
+interface PageProviderProps extends ColorSchemeProviderProps {
+    /**
+     * Whether the padding should be removed.
+     */
+    shouldRemovePadding?: boolean;
+    /**
+     * Whether the usable height should be used.
+     */
+    shouldUseUsableHeight?: boolean;
+}
+declare const PageProvider: FC<PageProviderProps>;
+export default PageProvider;

package/lib/types/components/page-provider/PageProvider.styles.d.ts

@@ -0,0 +1,7 @@
+import type { CSSProperties } from 'react';
+type StyledPageProviderProps = {
+    $padding?: CSSProperties['padding'];
+    $usableHeight?: CSSProperties['height'];
+};
+export declare const StyledPageProvider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledPageProviderProps>> & string;
+export {};

package/lib/types/components/popup/popup-content-wrapper/PopupContentWrapper.styles.d.ts

@@ -10,6 +10,7 @@ export declare const StyledMotionPopupContentWrapper: import("styled-components/
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -17,7 +18,6 @@ export declare const StyledMotionPopupContentWrapper: import("styled-components/
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/progress-bar/ProgressBar.styles.d.ts

@@ -7,6 +7,7 @@ export declare const StyledMotionProgressBarProgress: import("styled-components/
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -14,7 +15,6 @@ export declare const StyledMotionProgressBarProgress: import("styled-components/
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/radio-button/RadioButton.styles.d.ts

@@ -29,6 +29,7 @@ export declare const StyledMotionRadioButtonChildren: import("styled-components/
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -36,7 +37,6 @@ export declare const StyledMotionRadioButtonChildren: import("styled-components/
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/search-box/SearchBox.styles.d.ts

@@ -10,6 +10,7 @@ export declare const StyledMotionSearchBoxBody: import("styled-components/dist/t
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -17,7 +18,6 @@ export declare const StyledMotionSearchBoxBody: import("styled-components/dist/t
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/search-box/search-box-body/SearchBoxBody.styles.d.ts

@@ -7,6 +7,7 @@ export declare const StyledMotionSearchBoxBody: import("styled-components/dist/t
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -14,7 +15,6 @@ export declare const StyledMotionSearchBoxBody: import("styled-components/dist/t
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;

package/lib/types/components/search-input/SearchInput.styles.d.ts

@@ -7,6 +7,7 @@ export declare const StyledMotionSearchInputContentWrapper: import("styled-compo
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -14,7 +15,6 @@ export declare const StyledMotionSearchInputContentWrapper: import("styled-compo
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -273,6 +273,7 @@ export declare const StyledMotionSearchInputIconWrapperContent: import("styled-c
     slot?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    className?: string | undefined;
     rel?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -280,7 +281,6 @@ export declare const StyledMotionSearchInputIconWrapperContent: import("styled-c
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;