@chayns-components/core 5.0.0-beta.796 → 5.0.0-beta.798

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/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;

package/lib/types/components/slider/Slider.styles.d.ts

@@ -16,6 +16,7 @@ export declare const StyledSliderInput: import("styled-components/dist/types").I
     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;
@@ -23,7 +24,6 @@ export declare const StyledSliderInput: 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;
@@ -309,6 +309,7 @@ export declare const StyledSliderInput: import("styled-components/dist/types").I
     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;
@@ -316,7 +317,6 @@ export declare const StyledSliderInput: 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;

package/lib/types/components/slider-button/SliderButton.styles.d.ts

@@ -21,6 +21,7 @@ export declare const StyledMotionSliderButtonThumb: 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;
@@ -28,7 +29,6 @@ export declare const StyledMotionSliderButtonThumb: 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/truncation/Truncation.styles.d.ts

@@ -5,6 +5,7 @@ export declare const StyledMotionTruncationContent: 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;
@@ -12,7 +13,6 @@ export declare const StyledMotionTruncationContent: 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/constants/pageProvider.d.ts

@@ -0,0 +1,6 @@
+export declare const PAGE_BREAKPOINTS: {
+    mobile: string;
+    desktop: string;
+    desk: string;
+    retina: string;
+};

package/lib/types/index.d.ts

@@ -25,6 +25,7 @@ export { default as ListItem, type ListItemElements, type ListItemProps, } from
 export { default as MentionFinder } from './components/mention-finder/MentionFinder';
 export type { MentionMember } from './components/mention-finder/MentionFinder';
 export { default as NumberInput } from './components/number-input/NumberInput';
+export { default as PageProvider } from './components/page-provider/PageProvider';
 export { default as Popup } from './components/popup/Popup';
 export { default as PopupContent } from './components/popup/popup-content/PopupContent';
 export { default as ProgressBar } from './components/progress-bar/ProgressBar';
@@ -66,4 +67,5 @@ export { ClampPosition } from './types/truncation';
 export { getIsTouch } from './utils/environment';
 export { getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';
 export { isTobitEmployee } from './utils/isTobitEmployee';
+export { getUsableHeight } from './utils/pageProvider';
 export { uploadFile } from './utils/uploadFile';

package/lib/types/utils/pageProvider.d.ts

@@ -0,0 +1,2 @@
+export declare const getPagePadding: () => "0" | "35px 43px 30px" | "15px 10px 20px";
+export declare const getUsableHeight: (customPadding?: string) => Promise<number>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.796",
+    "version": "5.0.0-beta.798",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -85,5 +85,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "6200ec20e0dd1265bab9bdc3cdfabd85d353927f"
+    "gitHead": "1b2793ca4a6dc367f85223773ab1a9a361e4f834"
 }