@plitzi/sdk-elements 0.38.13 → 0.38.15

package/dist/elements/basic/Dropdown/DropdownPopup/DropdownPopup.mjs

@@ -4,16 +4,19 @@ import n from "../DropdownContext.mjs";
 import { use as r, useImperativeHandle as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 import o from "clsx";
+import { createPortal as s } from "react-dom";
 //#region src/elements/basic/Dropdown/DropdownPopup/DropdownPopup.tsx
-var s = ({ ref: e, className: s = "", children: c }) => {
-	let { popupRef: l, openPopup: u, parameters: d, onClick: f } = r(n);
-	return i(e, () => l.current ?? null, [l]), /* @__PURE__ */ a(t, {
-		ref: l,
-		className: o("plitzi-component__dropdown-popup", s, { "popup-container--no-visible": !u || !d }),
-		style: d,
-		onClick: f,
-		children: c
+var c = ({ ref: e, className: c = "", children: l }) => {
+	let { popupRef: u, openPopup: d, parameters: f, onClick: p, layer: m } = r(n);
+	i(e, () => u.current ?? null, [u]);
+	let h = /* @__PURE__ */ a(t, {
+		ref: u,
+		className: o("plitzi-component__dropdown-popup", c, { "popup-container--no-visible": !d || !f }),
+		style: f,
+		onClick: p,
+		children: l
 	});
-}, c = e(s);
+	return m ? s(h, m) : h;
+}, l = e(c);
 //#endregion
-export { s as DropdownPopup, c as default };
+export { c as DropdownPopup, l as default };

package/dist/elements/basic/Dropdown/useDropdownTrigger.d.ts

@@ -1,5 +1,7 @@
 import { MouseEvent, RefObject } from 'react';
 export type UseDropdownTriggerProps = {
+    /** The dropdown's own element, where its trigger is. */
+    rootRef?: RefObject<HTMLElement | null>;
     popupRef: RefObject<HTMLElement | null>;
     open: boolean;
     /** Where the popup is drawn; until it is known the popup is hidden, and nothing in it can take the focus. */
@@ -22,5 +24,5 @@ export type UseDropdownTriggerProps = {
  *
  * @returns what the dropdown's own click handler calls first, to learn whether a keyboard pressed the trigger.
  */
-declare const useDropdownTrigger: ({ popupRef, open, positioned, enabled }: UseDropdownTriggerProps) => ((event: MouseEvent) => void);
+declare const useDropdownTrigger: ({ rootRef, popupRef, open, positioned, enabled }: UseDropdownTriggerProps) => ((event: MouseEvent) => void);
 export default useDropdownTrigger;

package/dist/elements/basic/Dropdown/useDropdownTrigger.mjs

@@ -1,30 +1,28 @@
 import { useCallback as e, useEffect as t, useRef as n } from "react";
 //#region src/elements/basic/Dropdown/useDropdownTrigger.ts
-var r = "button, a[href], input, select, textarea, [role=\"button\"]", i = (e) => {
-	let t = e?.closest(".plitzi-component__dropdown");
-	return t ? [...t.querySelectorAll(r)].find((t) => !e?.contains(t)) : void 0;
-}, a = ({ popupRef: a, open: o, positioned: s, enabled: c }) => {
-	let l = n(!1), u = n(o), d = e((e) => {
-		l.current = e.detail === 0;
+var r = "button, a[href], input, select, textarea, [role=\"button\"]", i = (e, t) => e ? [...e.querySelectorAll(r)].find((e) => !t?.contains(e)) : void 0, a = ({ rootRef: a, popupRef: o, open: s, positioned: c, enabled: l }) => {
+	let u = n(!1), d = n(s), f = e((e) => {
+		u.current = e.detail === 0;
 	}, []);
 	return t(() => {
-		let e = c ? i(a.current) : void 0;
-		e && (e.setAttribute("aria-haspopup", "true"), e.setAttribute("aria-expanded", String(o)));
+		let e = l ? i(a?.current, o.current) : void 0;
+		e && (e.setAttribute("aria-haspopup", "true"), e.setAttribute("aria-expanded", String(s)));
 	}), t(() => {
-		let e = a.current, t = u.current && !o;
-		if (u.current = o, c && e) {
+		let e = o.current, t = d.current && !s;
+		if (d.current = s, l && e) {
 			if (t && e.contains(e.ownerDocument.activeElement)) {
-				i(e)?.focus({ preventScroll: !0 });
+				i(a?.current, e)?.focus({ preventScroll: !0 });
 				return;
 			}
-			o && s && l.current && !e.contains(e.ownerDocument.activeElement) && (l.current = !1, e.querySelector(r)?.focus({ preventScroll: !0 }));
+			s && c && u.current && !e.contains(e.ownerDocument.activeElement) && (u.current = !1, e.querySelector(r)?.focus({ preventScroll: !0 }));
 		}
 	}, [
+		l,
+		s,
 		c,
 		o,
-		s,
 		a
-	]), d;
+	]), f;
 };
 //#endregion
 export { a as default };

package/dist/elements/declarations/index.d.ts

@@ -2,6 +2,7 @@ import { default as BlockHtmlDeclaration } from '../advanced/BlockHtml/declarati
 import { default as BlockJsxDeclaration } from '../advanced/BlockJsx/declaration';
 import { default as CustomDeclaration } from '../advanced/Custom/declaration';
 import { default as NodeHtmlDeclaration } from '../advanced/NodeHtml/declaration';
+import { default as PlitziSdkDeclaration } from '../advanced/PlitziSdk/declaration';
 import { default as ReferenceDeclaration } from '../advanced/Reference/declaration';
 import { default as ButtonDeclaration } from '../basic/Button/declaration';
 import { default as DropdownDeclaration } from '../basic/Dropdown/declaration';
@@ -2955,6 +2956,9 @@ export declare const elementDeclarations: {
     readonly Page: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
         readonly type: "page";
         readonly serverTemplates: readonly ["seoPageTitle", "seoPageDescription", "notFound"];
+        readonly attributeValues: {
+            readonly documentScroll: readonly ["locked", "noBounce"];
+        };
         readonly triggers: {
             readonly onPageLoad: {
                 readonly action: "onPageLoad";
@@ -3020,6 +3024,7 @@ export declare const elementDeclarations: {
         seoEnabled?: boolean | undefined;
         seoPageTitle?: string | undefined;
         seoPageDescription?: string | undefined;
+        documentScroll?: (import('../internal/Page/declaration').DocumentScroll | "") | undefined;
     }>>;
     readonly Pagination: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
         readonly type: "pagination";
@@ -3117,6 +3122,30 @@ export declare const elementDeclarations: {
     }, Partial<{
         content?: string | number | undefined;
     }>>;
+    readonly PlitziSdk: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
+        readonly type: "plitziSdk";
+        readonly content: {
+            readonly attributes: {
+                readonly spaceKey: "";
+                readonly environment: "main";
+            };
+            readonly definition: {
+                readonly label: "Plitzi Sdk";
+                readonly description: "Another space drawn inside this one, as a widget — its home page, no router of its own: by its key, or from its documents (`offlineData`), bound to UI generated on the fly.";
+            };
+            readonly market: {
+                readonly category: "advanced";
+                readonly icon: "https://cdn.plitzi.com/resources/img/favicon.svg";
+            };
+            readonly defaultStyle: {
+                readonly style: {
+                    readonly base: {
+                        readonly default: {};
+                    };
+                };
+            };
+        };
+    }, import('../advanced/PlitziSdk/declaration').PlitziSdkAttributes>;
     readonly Reference: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
         readonly type: "reference";
         readonly content: {
@@ -3527,7 +3556,7 @@ export declare const elementDeclarations: {
     }>>;
 };
 export type ElementDeclarationName = keyof typeof elementDeclarations;
-export { ApiContainerDeclaration, BlockHtmlDeclaration, BlockJsxDeclaration, ButtonDeclaration, CarouselDeclaration, CarouselTrackDeclaration, ChannelDeclaration, ContainerDeclaration, CustomDeclaration, DialogContainerDeclaration, DropdownDeclaration, DropdownPopupDeclaration, EmbedDeclaration, FontAwesomeDeclaration, FormControlDeclaration, FormDeclaration, HeadingDeclaration, ImageDeclaration, LayoutContainerDeclaration, LinkDeclaration, ListDeclaration, ListItemDeclaration, LoadingDeclaration, MarkdownDeclaration, ModalContainerDeclaration, NodeHtmlDeclaration, NotFoundDeclaration, PageDeclaration, PaginationDeclaration, ParagraphDeclaration, ReferenceDeclaration, RichTextDeclaration, SvgDeclaration, TabContainerBodyDeclaration, TabContainerDeclaration, TabContainerHeaderDeclaration, TabContainerItemDeclaration, TextDeclaration, ThemeToggleDeclaration, VideoDeclaration };
+export { ApiContainerDeclaration, BlockHtmlDeclaration, BlockJsxDeclaration, ButtonDeclaration, CarouselDeclaration, CarouselTrackDeclaration, ChannelDeclaration, ContainerDeclaration, CustomDeclaration, DialogContainerDeclaration, DropdownDeclaration, DropdownPopupDeclaration, EmbedDeclaration, FontAwesomeDeclaration, FormControlDeclaration, FormDeclaration, HeadingDeclaration, ImageDeclaration, LayoutContainerDeclaration, LinkDeclaration, ListDeclaration, ListItemDeclaration, LoadingDeclaration, MarkdownDeclaration, ModalContainerDeclaration, NodeHtmlDeclaration, NotFoundDeclaration, PageDeclaration, PaginationDeclaration, ParagraphDeclaration, PlitziSdkDeclaration, ReferenceDeclaration, RichTextDeclaration, SvgDeclaration, TabContainerBodyDeclaration, TabContainerDeclaration, TabContainerHeaderDeclaration, TabContainerItemDeclaration, TextDeclaration, ThemeToggleDeclaration, VideoDeclaration };
 /**
  * Each type's `serverTemplates`, by the type a document names: the attributes the page server evaluates against a
  * context of its own, which the element runtime leaves as written and the authoring lint holds to that context.

package/dist/elements/declarations/index.mjs

@@ -2,84 +2,86 @@ import e from "../advanced/BlockHtml/declaration.mjs";
 import t from "../advanced/BlockJsx/declaration.mjs";
 import n from "../advanced/Custom/declaration.mjs";
 import r from "../advanced/NodeHtml/declaration.mjs";
-import i from "../advanced/Reference/declaration.mjs";
-import a from "../basic/Button/declaration.mjs";
-import o from "../basic/Dropdown/declaration.mjs";
-import s from "../basic/Dropdown/DropdownPopup/declaration.mjs";
-import c from "../basic/Heading/declaration.mjs";
-import l from "../basic/Link/declaration.mjs";
-import u from "../basic/Markdown/declaration.mjs";
-import d from "../basic/Paragraph/declaration.mjs";
-import f from "../basic/RichText/declaration.mjs";
-import p from "../basic/Text/declaration.mjs";
-import m from "../basic/ThemeToggle/declaration.mjs";
-import h from "../form/Form/declaration.mjs";
-import g from "../form/FormControl/declaration.mjs";
-import _ from "../internal/LayoutContainer/declaration.mjs";
-import v from "../internal/Loading/declaration.mjs";
-import y from "../internal/NotFound/declaration.mjs";
-import b from "../internal/Page/declaration.mjs";
-import x from "../media/Embed/declaration.mjs";
-import S from "../media/FontAwesome/declaration.mjs";
-import C from "../media/Image/declaration.mjs";
-import w from "../media/Svg/declaration.mjs";
-import T from "../media/Video/declaration.mjs";
-import E from "../provider/ApiContainer/declaration.mjs";
-import D from "../provider/Channel/declaration.mjs";
-import O from "../structure/Carousel/CarouselTrack/declaration.mjs";
-import k from "../structure/Carousel/declaration.mjs";
-import A from "../structure/Container/declaration.mjs";
-import j from "../structure/DialogContainer/declaration.mjs";
-import M from "../structure/List/declaration.mjs";
-import N from "../structure/List/ListItem/declaration.mjs";
-import P from "../structure/ModalContainer/declaration.mjs";
-import F from "../structure/Pagination/declaration.mjs";
-import I from "../structure/TabContainer/declaration.mjs";
-import L from "../structure/TabContainer/TabContainerBody/declaration.mjs";
-import R from "../structure/TabContainer/TabContainerHeader/declaration.mjs";
-import z from "../structure/TabContainer/TabContainerItem/declaration.mjs";
+import i from "../advanced/PlitziSdk/declaration.mjs";
+import a from "../advanced/Reference/declaration.mjs";
+import o from "../basic/Button/declaration.mjs";
+import s from "../basic/Dropdown/declaration.mjs";
+import c from "../basic/Dropdown/DropdownPopup/declaration.mjs";
+import l from "../basic/Heading/declaration.mjs";
+import u from "../basic/Link/declaration.mjs";
+import d from "../basic/Markdown/declaration.mjs";
+import f from "../basic/Paragraph/declaration.mjs";
+import p from "../basic/RichText/declaration.mjs";
+import m from "../basic/Text/declaration.mjs";
+import h from "../basic/ThemeToggle/declaration.mjs";
+import g from "../form/Form/declaration.mjs";
+import _ from "../form/FormControl/declaration.mjs";
+import v from "../internal/LayoutContainer/declaration.mjs";
+import y from "../internal/Loading/declaration.mjs";
+import b from "../internal/NotFound/declaration.mjs";
+import x from "../internal/Page/declaration.mjs";
+import S from "../media/Embed/declaration.mjs";
+import C from "../media/FontAwesome/declaration.mjs";
+import w from "../media/Image/declaration.mjs";
+import T from "../media/Svg/declaration.mjs";
+import E from "../media/Video/declaration.mjs";
+import D from "../provider/ApiContainer/declaration.mjs";
+import O from "../provider/Channel/declaration.mjs";
+import k from "../structure/Carousel/CarouselTrack/declaration.mjs";
+import A from "../structure/Carousel/declaration.mjs";
+import j from "../structure/Container/declaration.mjs";
+import M from "../structure/DialogContainer/declaration.mjs";
+import N from "../structure/List/declaration.mjs";
+import P from "../structure/List/ListItem/declaration.mjs";
+import F from "../structure/ModalContainer/declaration.mjs";
+import I from "../structure/Pagination/declaration.mjs";
+import L from "../structure/TabContainer/declaration.mjs";
+import R from "../structure/TabContainer/TabContainerBody/declaration.mjs";
+import z from "../structure/TabContainer/TabContainerHeader/declaration.mjs";
+import B from "../structure/TabContainer/TabContainerItem/declaration.mjs";
 //#region src/elements/declarations/index.ts
-var B = {
-	ApiContainer: E,
+var V = {
+	ApiContainer: D,
 	BlockHtml: e,
 	BlockJsx: t,
-	Button: a,
-	Carousel: k,
-	CarouselTrack: O,
-	Channel: D,
-	Container: A,
+	Button: o,
+	Carousel: A,
+	CarouselTrack: k,
+	Channel: O,
+	Container: j,
 	Custom: n,
-	DialogContainer: j,
-	Dropdown: o,
-	DropdownPopup: s,
-	Embed: x,
-	FontAwesome: S,
-	Form: h,
-	FormControl: g,
-	Heading: c,
-	Image: C,
-	LayoutContainer: _,
-	Link: l,
-	List: M,
-	ListItem: N,
-	Loading: v,
-	Markdown: u,
-	ModalContainer: P,
+	DialogContainer: M,
+	Dropdown: s,
+	DropdownPopup: c,
+	Embed: S,
+	FontAwesome: C,
+	Form: g,
+	FormControl: _,
+	Heading: l,
+	Image: w,
+	LayoutContainer: v,
+	Link: u,
+	List: N,
+	ListItem: P,
+	Loading: y,
+	Markdown: d,
+	ModalContainer: F,
 	NodeHtml: r,
-	NotFound: y,
-	Page: b,
-	Pagination: F,
-	Paragraph: d,
-	Reference: i,
-	RichText: f,
-	Svg: w,
-	TabContainer: I,
-	TabContainerBody: L,
-	TabContainerHeader: R,
-	TabContainerItem: z,
-	Text: p,
-	ThemeToggle: m,
-	Video: T
-}, V = Object.fromEntries(Object.values(B).flatMap((e) => "serverTemplates" in e ? [[e.type, e.serverTemplates]] : []));
+	NotFound: b,
+	Page: x,
+	Pagination: I,
+	Paragraph: f,
+	PlitziSdk: i,
+	Reference: a,
+	RichText: p,
+	Svg: T,
+	TabContainer: L,
+	TabContainerBody: R,
+	TabContainerHeader: z,
+	TabContainerItem: B,
+	Text: m,
+	ThemeToggle: h,
+	Video: E
+}, H = Object.fromEntries(Object.values(V).flatMap((e) => "serverTemplates" in e ? [[e.type, e.serverTemplates]] : []));
 //#endregion
-export { E as ApiContainerDeclaration, e as BlockHtmlDeclaration, t as BlockJsxDeclaration, a as ButtonDeclaration, k as CarouselDeclaration, O as CarouselTrackDeclaration, D as ChannelDeclaration, A as ContainerDeclaration, n as CustomDeclaration, j as DialogContainerDeclaration, o as DropdownDeclaration, s as DropdownPopupDeclaration, x as EmbedDeclaration, S as FontAwesomeDeclaration, g as FormControlDeclaration, h as FormDeclaration, c as HeadingDeclaration, C as ImageDeclaration, _ as LayoutContainerDeclaration, l as LinkDeclaration, M as ListDeclaration, N as ListItemDeclaration, v as LoadingDeclaration, u as MarkdownDeclaration, P as ModalContainerDeclaration, r as NodeHtmlDeclaration, y as NotFoundDeclaration, b as PageDeclaration, F as PaginationDeclaration, d as ParagraphDeclaration, i as ReferenceDeclaration, f as RichTextDeclaration, w as SvgDeclaration, L as TabContainerBodyDeclaration, I as TabContainerDeclaration, R as TabContainerHeaderDeclaration, z as TabContainerItemDeclaration, p as TextDeclaration, m as ThemeToggleDeclaration, T as VideoDeclaration, B as elementDeclarations, V as serverTemplatesByType };
+export { D as ApiContainerDeclaration, e as BlockHtmlDeclaration, t as BlockJsxDeclaration, o as ButtonDeclaration, A as CarouselDeclaration, k as CarouselTrackDeclaration, O as ChannelDeclaration, j as ContainerDeclaration, n as CustomDeclaration, M as DialogContainerDeclaration, s as DropdownDeclaration, c as DropdownPopupDeclaration, S as EmbedDeclaration, C as FontAwesomeDeclaration, _ as FormControlDeclaration, g as FormDeclaration, l as HeadingDeclaration, w as ImageDeclaration, v as LayoutContainerDeclaration, u as LinkDeclaration, N as ListDeclaration, P as ListItemDeclaration, y as LoadingDeclaration, d as MarkdownDeclaration, F as ModalContainerDeclaration, r as NodeHtmlDeclaration, b as NotFoundDeclaration, x as PageDeclaration, I as PaginationDeclaration, f as ParagraphDeclaration, i as PlitziSdkDeclaration, a as ReferenceDeclaration, p as RichTextDeclaration, T as SvgDeclaration, R as TabContainerBodyDeclaration, L as TabContainerDeclaration, z as TabContainerHeaderDeclaration, B as TabContainerItemDeclaration, m as TextDeclaration, h as ThemeToggleDeclaration, E as VideoDeclaration, V as elementDeclarations, H as serverTemplatesByType };

package/dist/elements/internal/Page/Page.d.ts

@@ -1,3 +1,4 @@
+import { DocumentScroll } from './declaration';
 import { ReactNode, RefObject } from 'react';
 export type PageProps = {
     ref?: RefObject<HTMLElement>;
@@ -9,12 +10,22 @@ export type PageProps = {
      * is not there: the page server sends it with status 404, rendered as written. Read there only (`serverTemplates`).
      */
     notFound?: string;
+    /**
+     * How the document this page is drawn in moves. Unset, it scrolls as any page does. `noBounce` keeps the scroll and
+     * takes away what a finger pulls past either end — iOS's rubber band, the browser's pull-to-refresh. `locked` holds the
+     * document still: a dashboard, a board, a screen that fills the window and scrolls only inside the panels that say so
+     * (`overflow: auto` on their own) — on a tablet a finger dragged anywhere else otherwise pulled the whole page.
+     *
+     * Written onto the document only when the document is the page's own — never onto the one a widget or a space drawn
+     * inside another space is embedded in, nor the builder's.
+     */
+    documentScroll?: DocumentScroll | '';
     className?: string;
     layout?: string;
     layoutContainer?: string;
     children?: ReactNode;
 };
-declare const Page: ({ ref, seoEnabled, seoPageTitle, seoPageDescription, className, layout, layoutContainer, children }: PageProps) => import('react').JSX.Element;
+declare const Page: ({ ref, seoEnabled, seoPageTitle, seoPageDescription, documentScroll, className, layout, layoutContainer, children }: PageProps) => import('react').JSX.Element;
 declare const _default: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<PageProps>): import('react').JSX.Element;
     displayName: string;

package/dist/elements/internal/Page/Page.mjs

@@ -13,52 +13,59 @@ import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import g from "clsx";
 import _ from "@plitzi/sdk-interactions/InteractionsContext";
 //#region src/elements/internal/Page/Page.tsx
-var v = (e) => e.map((e) => ({
+var v = {
+	locked: "html,body{height:100%;overflow:hidden;overscroll-behavior:none}",
+	noBounce: "html,body{overscroll-behavior:none}"
+}, y = (e) => e.map((e) => ({
 	...e,
 	plitziElementLayout: {
 		slots: [e.slot],
 		rootId: e.slot,
 		type: "layout"
 	}
-})), y = (t, n, r) => t.reduce((t, { layout: r, slot: i, plitziElementLayout: o }) => /* @__PURE__ */ m(e, {
+})), b = (t, n, r) => t.reduce((t, { layout: r, slot: i, plitziElementLayout: o }) => /* @__PURE__ */ m(e, {
 	bodies: { [i]: t },
 	children: /* @__PURE__ */ m(a, { internalProps: {
 		id: r,
 		rootId: n,
 		plitziElementLayout: o
 	} })
-}, i), r), b = ({ ref: e, seoEnabled: n = !1, seoPageTitle: a = "Title", seoPageDescription: b = "Description", className: x = "", layout: S = "", layoutContainer: C = "", children: w }) => {
-	let { id: T } = r(), { settings: { previewMode: E } } = d(), { interactionsManager: D } = c(_), { ownsHead: O } = f(), [[k, A]] = p(["navigation.routeParams", "navigation.queryParams"]), j = o(S, C), M = u(() => v(j), [j]), N = u(() => y(M, T, w), [
-		M,
-		T,
-		w
+}, i), r), x = ({ ref: e, seoEnabled: n = !1, seoPageTitle: a = "Title", seoPageDescription: x = "Description", documentScroll: S = "", className: C = "", layout: w = "", layoutContainer: T = "", children: E }) => {
+	let { id: D } = r(), { settings: { previewMode: O } } = d(), { interactionsManager: k } = c(_), { ownsHead: A, renderMode: j } = f(), M = A && j !== "widget", [[N, P]] = p(["navigation.routeParams", "navigation.queryParams"]), F = o(w, T), I = u(() => y(F), [F]), L = u(() => b(I, D, E), [
+		I,
+		D,
+		E
 	]);
 	return l(() => {
 		let e = !1;
 		return queueMicrotask(() => {
-			e || D.interactionTrigger(T, "onPageLoad", {
-				pageId: T,
-				routeParams: k,
-				queryParams: A
+			e || k.interactionTrigger(D, "onPageLoad", {
+				pageId: D,
+				routeParams: N,
+				queryParams: P
 			});
 		}), () => {
 			e = !0;
 		};
 	}, [
-		T,
 		D,
-		A,
-		k
+		k,
+		P,
+		N
 	]), /* @__PURE__ */ h(i, {
 		ref: e,
-		className: g("plitzi-component__page", x),
+		className: g("plitzi-component__page", C),
 		interactionTriggers: t.triggers,
-		children: [n && E && O && /* @__PURE__ */ m(s, {
-			pageId: T,
-			title: a,
-			description: b
-		}), N]
+		children: [
+			n && O && A && /* @__PURE__ */ m(s, {
+				pageId: D,
+				title: a,
+				description: x
+			}),
+			S && M && /* @__PURE__ */ m("style", { children: v[S] }),
+			L
+		]
 	});
-}, x = n(b);
+}, S = n(x);
 //#endregion
-export { b as Page, x as default };
+export { x as Page, S as default };

package/dist/elements/internal/Page/Settings.d.ts

@@ -1,3 +1,4 @@
+import { DocumentScroll } from './declaration';
 type SettingsProps = {
     id?: string;
     seoEnabled?: boolean;
@@ -12,7 +13,8 @@ type SettingsProps = {
     accessLevel?: 'public' | 'authenticated' | '';
     unauthorizedBehaviour?: '' | 'redirect';
     unauthorizedPageRedirect?: string;
+    documentScroll?: DocumentScroll | '';
     onUpdate?: (key: string, value: string | boolean | number) => void;
 };
-declare const Settings: ({ id, seoEnabled, enabled, name, folder, seoPageTitle, seoPageDescription, slug, layout, layoutContainer, accessLevel, unauthorizedBehaviour, unauthorizedPageRedirect, onUpdate }: SettingsProps) => import('react').JSX.Element;
+declare const Settings: ({ id, seoEnabled, enabled, name, folder, seoPageTitle, seoPageDescription, slug, layout, layoutContainer, accessLevel, unauthorizedBehaviour, unauthorizedPageRedirect, documentScroll, onUpdate }: SettingsProps) => import('react').JSX.Element;
 export default Settings;