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

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

@@ -7,7 +7,6 @@ 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;
@@ -15,6 +14,7 @@ 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,7 +271,6 @@ 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;
@@ -279,6 +278,7 @@ 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,7 +548,6 @@ 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;
@@ -556,6 +555,7 @@ 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,7 +824,6 @@ 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;
@@ -832,6 +831,7 @@ 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,7 +8,6 @@ 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;
@@ -16,6 +15,7 @@ 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/popup/popup-content-wrapper/PopupContentWrapper.styles.d.ts

@@ -10,7 +10,6 @@ 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;
@@ -18,6 +17,7 @@ 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,7 +7,6 @@ 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;
@@ -15,6 +14,7 @@ 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,7 +29,6 @@ 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;
@@ -37,6 +36,7 @@ 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,7 +10,6 @@ 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;
@@ -18,6 +17,7 @@ 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,7 +7,6 @@ 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;
@@ -15,6 +14,7 @@ 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,7 +7,6 @@ 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;
@@ -15,6 +14,7 @@ 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,7 +273,6 @@ 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;
@@ -281,6 +280,7 @@ 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,7 +16,6 @@ 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;
@@ -24,6 +23,7 @@ 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,7 +309,6 @@ 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;
@@ -317,6 +316,7 @@ 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,7 +21,6 @@ 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;
@@ -29,6 +28,7 @@ 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,7 +5,6 @@ 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;
@@ -13,6 +12,7 @@ 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/index.d.ts

@@ -25,7 +25,6 @@ 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';
@@ -67,5 +66,4 @@ 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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.775",
+    "version": "5.0.0-beta.778",
     "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": "bd7784c84baec27d4359577fae4343ea17ce3a60"
+    "gitHead": "9b2295f410b43de2221d4818436a86197ffae502"
 }

package/lib/cjs/components/page-provider/PageProvider.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styledComponents = require("styled-components");
-var _pageProvider = require("../../utils/pageProvider");
-var _ColorSchemeProvider = _interopRequireDefault(require("../color-scheme-provider/ColorSchemeProvider"));
-var _PageProvider = require("./PageProvider.styles");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const GlobalStyle = (0, _styledComponents.createGlobalStyle)`
-  *, *::before, *::after {
-    box-sizing: border-box;
-  }
-`;
-const PageProvider = ({
-  children,
-  color,
-  colorMode,
-  cssVariables = {},
-  secondaryColor,
-  siteId,
-  style = {},
-  designSettings,
-  shouldRemovePadding,
-  shouldUseUsableHeight
-}) => {
-  const [usableHeight, setUsableHeight] = (0, _react.useState)(0);
-  const [padding, setPadding] = (0, _react.useState)();
-  (0, _react.useEffect)(() => {
-    const fetchUsableHeight = async () => {
-      const height = await (0, _pageProvider.getUsableHeight)();
-      setUsableHeight(height);
-    };
-    void fetchUsableHeight();
-  }, []);
-  (0, _react.useEffect)(() => {
-    const handleResize = () => {
-      setPadding((0, _pageProvider.getPagePadding)());
-    };
-    setPadding((0, _pageProvider.getPagePadding)());
-    window.addEventListener('resize', handleResize);
-    return () => {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, [padding]);
-  return /*#__PURE__*/_react.default.createElement(_PageProvider.StyledPageProvider, {
-    className: "page-provider",
-    $padding: shouldRemovePadding ? 0 : padding,
-    $usableHeight: shouldUseUsableHeight ? usableHeight : undefined
-  }, /*#__PURE__*/_react.default.createElement(_ColorSchemeProvider.default, {
-    color: color,
-    secondaryColor: secondaryColor,
-    colorMode: colorMode,
-    style: style,
-    siteId: siteId,
-    designSettings: designSettings,
-    cssVariables: cssVariables
-  }, children), /*#__PURE__*/_react.default.createElement(GlobalStyle, null));
-};
-PageProvider.displayName = 'PageProvider';
-var _default = exports.default = PageProvider;
-//# sourceMappingURL=PageProvider.js.map

package/lib/cjs/components/page-provider/PageProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageProvider.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_pageProvider","_ColorSchemeProvider","_interopRequireDefault","_PageProvider","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GlobalStyle","createGlobalStyle","PageProvider","children","color","colorMode","cssVariables","secondaryColor","siteId","style","designSettings","shouldRemovePadding","shouldUseUsableHeight","usableHeight","setUsableHeight","useState","padding","setPadding","useEffect","fetchUsableHeight","height","getUsableHeight","handleResize","getPagePadding","window","addEventListener","removeEventListener","createElement","StyledPageProvider","className","$padding","$usableHeight","undefined","displayName","_default","exports"],"sources":["../../../../src/components/page-provider/PageProvider.tsx"],"sourcesContent":["import React, { FC, useEffect, useState, type CSSProperties } from 'react';\nimport { createGlobalStyle } from 'styled-components';\nimport { getPagePadding, getUsableHeight } from '../../utils/pageProvider';\nimport ColorSchemeProvider, {\n    type ColorSchemeProviderProps,\n} from '../color-scheme-provider/ColorSchemeProvider';\nimport { StyledPageProvider } from './PageProvider.styles';\n\ninterface PageProviderProps extends ColorSchemeProviderProps {\n    /**\n     * Whether the padding should be removed.\n     */\n    shouldRemovePadding?: boolean;\n    /**\n     * Whether the usable height should be used.\n     */\n    shouldUseUsableHeight?: boolean;\n}\n\nconst GlobalStyle = createGlobalStyle`\n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n`;\n\nconst PageProvider: FC<PageProviderProps> = ({\n    children,\n    color,\n    colorMode,\n    cssVariables = {},\n    secondaryColor,\n    siteId,\n    style = {},\n    designSettings,\n    shouldRemovePadding,\n    shouldUseUsableHeight,\n}) => {\n    const [usableHeight, setUsableHeight] = useState(0);\n    const [padding, setPadding] = useState<CSSProperties['padding']>();\n\n    useEffect(() => {\n        const fetchUsableHeight = async () => {\n            const height = await getUsableHeight();\n            setUsableHeight(height);\n        };\n\n        void fetchUsableHeight();\n    }, []);\n\n    useEffect(() => {\n        const handleResize = () => {\n            setPadding(getPagePadding());\n        };\n\n        setPadding(getPagePadding());\n\n        window.addEventListener('resize', handleResize);\n\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    }, [padding]);\n\n    return (\n        <StyledPageProvider\n            className=\"page-provider\"\n            $padding={shouldRemovePadding ? 0 : padding}\n            $usableHeight={shouldUseUsableHeight ? usableHeight : undefined}\n        >\n            <ColorSchemeProvider\n                color={color}\n                secondaryColor={secondaryColor}\n                colorMode={colorMode}\n                style={style}\n                siteId={siteId}\n                designSettings={designSettings}\n                cssVariables={cssVariables}\n            >\n                {children}\n            </ColorSchemeProvider>\n            <GlobalStyle />\n        </StyledPageProvider>\n    );\n};\nPageProvider.displayName = 'PageProvider';\n\nexport default PageProvider;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/page-provider/PageProvider.styles.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledPageProvider = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StyledPageProvider = exports.StyledPageProvider = _styledComponents.default.div`
-    padding: ${({
-  $padding
-}) => $padding};
-    height: ${({
-  $usableHeight
-}) => $usableHeight ? `${$usableHeight}px` : undefined};
-
-    .color-scheme-provider:first-child:not(td) {
-        & > h1,
-        & > .h1,
-        & > h2,
-        & > .h2,
-        & > h3,
-        & > .h3,
-        & > h4,
-        & > .h4,
-        & > h5,
-        & > .h5 {
-            &:first-of-type:first-child {
-                margin-top: 0;
-            }
-        }
-    }
-`;
-//# sourceMappingURL=PageProvider.styles.js.map

package/lib/cjs/components/page-provider/PageProvider.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageProvider.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledPageProvider","exports","styled","div","$padding","$usableHeight","undefined"],"sources":["../../../../src/components/page-provider/PageProvider.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport styled from 'styled-components';\n\ntype StyledPageProviderProps = {\n    $padding?: CSSProperties['padding'];\n    $usableHeight?: CSSProperties['height'];\n};\n\nexport const StyledPageProvider = styled.div<StyledPageProviderProps>`\n    padding: ${({ $padding }) => $padding};\n    height: ${({ $usableHeight }) => ($usableHeight ? `${$usableHeight}px` : undefined)};\n\n    .color-scheme-provider:first-child:not(td) {\n        & > h1,\n        & > .h1,\n        & > h2,\n        & > .h2,\n        & > h3,\n        & > .h3,\n        & > h4,\n        & > .h4,\n        & > h5,\n        & > .h5 {\n            &:first-of-type:first-child {\n                margin-top: 0;\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAA4B;AACrE,eAAe,CAAC;EAAEC;AAAS,CAAC,KAAKA,QAAQ;AACzC,cAAc,CAAC;EAAEC;AAAc,CAAC,KAAMA,aAAa,GAAG,GAAGA,aAAa,IAAI,GAAGC,SAAU;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/constants/pageProvider.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PAGE_BREAKPOINTS = void 0;
-const PAGE_BREAKPOINTS = exports.PAGE_BREAKPOINTS = {
-  mobile: 'screen and (max-width: 37.438em)',
-  // less than 600px
-  desktop: 'screen and (min-width: 33.5em)',
-  // more than 600px; could:  and (max-width: 63.9375em)
-  desk: 'screen and (min-width: 53.125em)',
-  // more than 850px
-  retina: '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)'
-};
-//# sourceMappingURL=pageProvider.js.map

package/lib/cjs/constants/pageProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pageProvider.js","names":["PAGE_BREAKPOINTS","exports","mobile","desktop","desk","retina"],"sources":["../../../src/constants/pageProvider.ts"],"sourcesContent":["export const PAGE_BREAKPOINTS = {\n    mobile: 'screen and (max-width: 37.438em)', // less than 600px\n    desktop: 'screen and (min-width: 33.5em)', // more than 600px; could:  and (max-width: 63.9375em)\n    desk: 'screen and (min-width: 53.125em)', // more than 850px\n    retina: '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)',\n};\n"],"mappings":";;;;;;AAAO,MAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC5BE,MAAM,EAAE,kCAAkC;EAAE;EAC5CC,OAAO,EAAE,gCAAgC;EAAE;EAC3CC,IAAI,EAAE,kCAAkC;EAAE;EAC1CC,MAAM,EAAE;AACZ,CAAC","ignoreList":[]}

package/lib/cjs/utils/pageProvider.js

@@ -1,92 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getUsableHeight = exports.getPagePadding = void 0;
-var _chaynsApi = require("chayns-api");
-var _pageProvider = require("../constants/pageProvider");
-const getPagePadding = () => {
-  const {
-    runtimeEnvironment
-  } = (0, _chaynsApi.getEnvironment)();
-  if (typeof runtimeEnvironment === 'number' && [4, 5].includes(runtimeEnvironment)) {
-    return '0';
-  }
-  if (matchMedia(_pageProvider.PAGE_BREAKPOINTS.desktop).matches) {
-    return '35px 43px 30px';
-  }
-  return '15px 10px 20px';
-};
-exports.getPagePadding = getPagePadding;
-const getPageProviderInformation = customPadding => {
-  const padding = (customPadding ?? getPagePadding()).split(' ');
-  const parseValue = value => {
-    const parsed = parseInt(value.replace('px', ''), 10);
-    return Number.isNaN(parsed) ? 0 : parsed;
-  };
-  if (padding.length === 1) {
-    const value = parseValue(padding[0] ?? '');
-    return {
-      top: value,
-      right: value,
-      bottom: value,
-      left: value
-    };
-  }
-  if (padding.length === 2) {
-    const [vertical, horizontal] = padding.map(parseValue);
-    return {
-      top: vertical ?? 0,
-      right: horizontal ?? 0,
-      bottom: vertical ?? 0,
-      left: horizontal ?? 0
-    };
-  }
-  if (padding.length === 3) {
-    const [top, horizontal, bottom] = padding.map(parseValue);
-    return {
-      top: top ?? 0,
-      right: horizontal ?? 0,
-      bottom: bottom ?? 0,
-      left: horizontal ?? 0
-    };
-  }
-  if (padding.length === 4) {
-    const [top, right, bottom, left] = padding.map(parseValue);
-    return {
-      top: top ?? 0,
-      right: right ?? 0,
-      bottom: bottom ?? 0,
-      left: left ?? 0
-    };
-  }
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  };
-};
-const getUsableHeight = async customPadding => {
-  let usableHeight;
-  const {
-    bottomBarHeight,
-    topBarHeight,
-    windowHeight
-  } = await (0, _chaynsApi.getWindowMetrics)();
-  const {
-    top,
-    bottom
-  } = getPageProviderInformation(customPadding);
-  usableHeight = windowHeight - bottom - top;
-  if (bottomBarHeight) {
-    usableHeight -= bottomBarHeight;
-  }
-  if (topBarHeight) {
-    usableHeight -= topBarHeight;
-  }
-  return usableHeight;
-};
-exports.getUsableHeight = getUsableHeight;
-//# sourceMappingURL=pageProvider.js.map

package/lib/cjs/utils/pageProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pageProvider.js","names":["_chaynsApi","require","_pageProvider","getPagePadding","runtimeEnvironment","getEnvironment","includes","matchMedia","PAGE_BREAKPOINTS","desktop","matches","exports","getPageProviderInformation","customPadding","padding","split","parseValue","value","parsed","parseInt","replace","Number","isNaN","length","top","right","bottom","left","vertical","horizontal","map","getUsableHeight","usableHeight","bottomBarHeight","topBarHeight","windowHeight","getWindowMetrics"],"sources":["../../../src/utils/pageProvider.ts"],"sourcesContent":["import { getEnvironment, getWindowMetrics } from 'chayns-api';\nimport { PAGE_BREAKPOINTS } from '../constants/pageProvider';\n\nexport const getPagePadding = () => {\n    const { runtimeEnvironment } = getEnvironment();\n\n    if (typeof runtimeEnvironment === 'number' && [4, 5].includes(runtimeEnvironment)) {\n        return '0';\n    }\n\n    if (matchMedia(PAGE_BREAKPOINTS.desktop).matches) {\n        return '35px 43px 30px';\n    }\n\n    return '15px 10px 20px';\n};\n\ntype PaddingValues = {\n    top: number;\n    right: number;\n    bottom: number;\n    left: number;\n};\n\nconst getPageProviderInformation = (customPadding?: string): PaddingValues => {\n    const padding = (customPadding ?? getPagePadding()).split(' ');\n\n    const parseValue = (value: string): number => {\n        const parsed = parseInt(value.replace('px', ''), 10);\n        return Number.isNaN(parsed) ? 0 : parsed;\n    };\n\n    if (padding.length === 1) {\n        const value = parseValue(padding[0] ?? '');\n        return { top: value, right: value, bottom: value, left: value };\n    }\n\n    if (padding.length === 2) {\n        const [vertical, horizontal] = padding.map(parseValue);\n        return {\n            top: vertical ?? 0,\n            right: horizontal ?? 0,\n            bottom: vertical ?? 0,\n            left: horizontal ?? 0,\n        };\n    }\n\n    if (padding.length === 3) {\n        const [top, horizontal, bottom] = padding.map(parseValue);\n        return {\n            top: top ?? 0,\n            right: horizontal ?? 0,\n            bottom: bottom ?? 0,\n            left: horizontal ?? 0,\n        };\n    }\n\n    if (padding.length === 4) {\n        const [top, right, bottom, left] = padding.map(parseValue);\n        return { top: top ?? 0, right: right ?? 0, bottom: bottom ?? 0, left: left ?? 0 };\n    }\n\n    return { top: 0, right: 0, bottom: 0, left: 0 };\n};\n\nexport const getUsableHeight = async (customPadding?: string) => {\n    let usableHeight;\n\n    const { bottomBarHeight, topBarHeight, windowHeight } = await getWindowMetrics();\n\n    const { top, bottom } = getPageProviderInformation(customPadding);\n\n    usableHeight = windowHeight - bottom - top;\n\n    if (bottomBarHeight) {\n        usableHeight -= bottomBarHeight;\n    }\n\n    if (topBarHeight) {\n        usableHeight -= topBarHeight;\n    }\n\n    return usableHeight;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/page-provider/PageProvider.js

@@ -1,59 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { createGlobalStyle } from 'styled-components';
-import { getPagePadding, getUsableHeight } from '../../utils/pageProvider';
-import ColorSchemeProvider from '../color-scheme-provider/ColorSchemeProvider';
-import { StyledPageProvider } from './PageProvider.styles';
-const GlobalStyle = createGlobalStyle`
-  *, *::before, *::after {
-    box-sizing: border-box;
-  }
-`;
-const PageProvider = _ref => {
-  let {
-    children,
-    color,
-    colorMode,
-    cssVariables = {},
-    secondaryColor,
-    siteId,
-    style = {},
-    designSettings,
-    shouldRemovePadding,
-    shouldUseUsableHeight
-  } = _ref;
-  const [usableHeight, setUsableHeight] = useState(0);
-  const [padding, setPadding] = useState();
-  useEffect(() => {
-    const fetchUsableHeight = async () => {
-      const height = await getUsableHeight();
-      setUsableHeight(height);
-    };
-    void fetchUsableHeight();
-  }, []);
-  useEffect(() => {
-    const handleResize = () => {
-      setPadding(getPagePadding());
-    };
-    setPadding(getPagePadding());
-    window.addEventListener('resize', handleResize);
-    return () => {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, [padding]);
-  return /*#__PURE__*/React.createElement(StyledPageProvider, {
-    className: "page-provider",
-    $padding: shouldRemovePadding ? 0 : padding,
-    $usableHeight: shouldUseUsableHeight ? usableHeight : undefined
-  }, /*#__PURE__*/React.createElement(ColorSchemeProvider, {
-    color: color,
-    secondaryColor: secondaryColor,
-    colorMode: colorMode,
-    style: style,
-    siteId: siteId,
-    designSettings: designSettings,
-    cssVariables: cssVariables
-  }, children), /*#__PURE__*/React.createElement(GlobalStyle, null));
-};
-PageProvider.displayName = 'PageProvider';
-export default PageProvider;
-//# sourceMappingURL=PageProvider.js.map

package/lib/esm/components/page-provider/PageProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageProvider.js","names":["React","useEffect","useState","createGlobalStyle","getPagePadding","getUsableHeight","ColorSchemeProvider","StyledPageProvider","GlobalStyle","PageProvider","_ref","children","color","colorMode","cssVariables","secondaryColor","siteId","style","designSettings","shouldRemovePadding","shouldUseUsableHeight","usableHeight","setUsableHeight","padding","setPadding","fetchUsableHeight","height","handleResize","window","addEventListener","removeEventListener","createElement","className","$padding","$usableHeight","undefined","displayName"],"sources":["../../../../src/components/page-provider/PageProvider.tsx"],"sourcesContent":["import React, { FC, useEffect, useState, type CSSProperties } from 'react';\nimport { createGlobalStyle } from 'styled-components';\nimport { getPagePadding, getUsableHeight } from '../../utils/pageProvider';\nimport ColorSchemeProvider, {\n    type ColorSchemeProviderProps,\n} from '../color-scheme-provider/ColorSchemeProvider';\nimport { StyledPageProvider } from './PageProvider.styles';\n\ninterface PageProviderProps extends ColorSchemeProviderProps {\n    /**\n     * Whether the padding should be removed.\n     */\n    shouldRemovePadding?: boolean;\n    /**\n     * Whether the usable height should be used.\n     */\n    shouldUseUsableHeight?: boolean;\n}\n\nconst GlobalStyle = createGlobalStyle`\n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n`;\n\nconst PageProvider: FC<PageProviderProps> = ({\n    children,\n    color,\n    colorMode,\n    cssVariables = {},\n    secondaryColor,\n    siteId,\n    style = {},\n    designSettings,\n    shouldRemovePadding,\n    shouldUseUsableHeight,\n}) => {\n    const [usableHeight, setUsableHeight] = useState(0);\n    const [padding, setPadding] = useState<CSSProperties['padding']>();\n\n    useEffect(() => {\n        const fetchUsableHeight = async () => {\n            const height = await getUsableHeight();\n            setUsableHeight(height);\n        };\n\n        void fetchUsableHeight();\n    }, []);\n\n    useEffect(() => {\n        const handleResize = () => {\n            setPadding(getPagePadding());\n        };\n\n        setPadding(getPagePadding());\n\n        window.addEventListener('resize', handleResize);\n\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    }, [padding]);\n\n    return (\n        <StyledPageProvider\n            className=\"page-provider\"\n            $padding={shouldRemovePadding ? 0 : padding}\n            $usableHeight={shouldUseUsableHeight ? usableHeight : undefined}\n        >\n            <ColorSchemeProvider\n                color={color}\n                secondaryColor={secondaryColor}\n                colorMode={colorMode}\n                style={style}\n                siteId={siteId}\n                designSettings={designSettings}\n                cssVariables={cssVariables}\n            >\n                {children}\n            </ColorSchemeProvider>\n            <GlobalStyle />\n        </StyledPageProvider>\n    );\n};\nPageProvider.displayName = 'PageProvider';\n\nexport default PageProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,SAAS,EAAEC,QAAQ,QAA4B,OAAO;AAC1E,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SAASC,cAAc,EAAEC,eAAe,QAAQ,0BAA0B;AAC1E,OAAOC,mBAAmB,MAEnB,8CAA8C;AACrD,SAASC,kBAAkB,QAAQ,uBAAuB;AAa1D,MAAMC,WAAW,GAAGL,iBAAiB;AACrC;AACA;AACA;AACA,CAAC;AAED,MAAMM,YAAmC,GAAGC,IAAA,IAWtC;EAAA,IAXuC;IACzCC,QAAQ;IACRC,KAAK;IACLC,SAAS;IACTC,YAAY,GAAG,CAAC,CAAC;IACjBC,cAAc;IACdC,MAAM;IACNC,KAAK,GAAG,CAAC,CAAC;IACVC,cAAc;IACdC,mBAAmB;IACnBC;EACJ,CAAC,GAAAV,IAAA;EACG,MAAM,CAACW,YAAY,EAAEC,eAAe,CAAC,GAAGpB,QAAQ,CAAC,CAAC,CAAC;EACnD,MAAM,CAACqB,OAAO,EAAEC,UAAU,CAAC,GAAGtB,QAAQ,CAA2B,CAAC;EAElED,SAAS,CAAC,MAAM;IACZ,MAAMwB,iBAAiB,GAAG,MAAAA,CAAA,KAAY;MAClC,MAAMC,MAAM,GAAG,MAAMrB,eAAe,CAAC,CAAC;MACtCiB,eAAe,CAACI,MAAM,CAAC;IAC3B,CAAC;IAED,KAAKD,iBAAiB,CAAC,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAENxB,SAAS,CAAC,MAAM;IACZ,MAAM0B,YAAY,GAAGA,CAAA,KAAM;MACvBH,UAAU,CAACpB,cAAc,CAAC,CAAC,CAAC;IAChC,CAAC;IAEDoB,UAAU,CAACpB,cAAc,CAAC,CAAC,CAAC;IAE5BwB,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAE/C,OAAO,MAAM;MACTC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,YAAY,CAAC;IACtD,CAAC;EACL,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;EAEb,oBACIvB,KAAA,CAAA+B,aAAA,CAACxB,kBAAkB;IACfyB,SAAS,EAAC,eAAe;IACzBC,QAAQ,EAAEd,mBAAmB,GAAG,CAAC,GAAGI,OAAQ;IAC5CW,aAAa,EAAEd,qBAAqB,GAAGC,YAAY,GAAGc;EAAU,gBAEhEnC,KAAA,CAAA+B,aAAA,CAACzB,mBAAmB;IAChBM,KAAK,EAAEA,KAAM;IACbG,cAAc,EAAEA,cAAe;IAC/BF,SAAS,EAAEA,SAAU;IACrBI,KAAK,EAAEA,KAAM;IACbD,MAAM,EAAEA,MAAO;IACfE,cAAc,EAAEA,cAAe;IAC/BJ,YAAY,EAAEA;EAAa,GAE1BH,QACgB,CAAC,eACtBX,KAAA,CAAA+B,aAAA,CAACvB,WAAW,MAAE,CACE,CAAC;AAE7B,CAAC;AACDC,YAAY,CAAC2B,WAAW,GAAG,cAAc;AAEzC,eAAe3B,YAAY","ignoreList":[]}

package/lib/esm/components/page-provider/PageProvider.styles.js

@@ -1,33 +0,0 @@
-import styled from 'styled-components';
-export const StyledPageProvider = styled.div`
-    padding: ${_ref => {
-  let {
-    $padding
-  } = _ref;
-  return $padding;
-}};
-    height: ${_ref2 => {
-  let {
-    $usableHeight
-  } = _ref2;
-  return $usableHeight ? `${$usableHeight}px` : undefined;
-}};
-
-    .color-scheme-provider:first-child:not(td) {
-        & > h1,
-        & > .h1,
-        & > h2,
-        & > .h2,
-        & > h3,
-        & > .h3,
-        & > h4,
-        & > .h4,
-        & > h5,
-        & > .h5 {
-            &:first-of-type:first-child {
-                margin-top: 0;
-            }
-        }
-    }
-`;
-//# sourceMappingURL=PageProvider.styles.js.map