@wix/origami-system-components 1.10.10 → 1.10.12

package/README.md

@@ -6,10 +6,6 @@ have named and default exports; the root index has named exports only.
 | Component | Upstream source | Wrapping |
 | --- | --- | --- |
 | InternalContainer | `@wix/editor-system-components/InternalContainer` | Fixed wrapper layers, derived classes, supported props |
-| Page | `@wix/editor-components/skin/Page/ResponsivePageWithColorBG` | `withNormalChildren` |
-| Section | `@wix/editor-components/component/Section` | `withNormalChildren(withController(...))` |
-| HeaderSection | `@wix/editor-components/component/HeaderSection` | `withNormalChildren(withController(...))` |
-| FooterSection | `@wix/editor-components/component/FooterSection` | `withNormalChildren`, no controller |
 | Anchor | `@wix/editor-components/component/Anchor` | None |
 | UnsupportedWidgetPlaceholder | None (self-contained) | None |
 
@@ -20,33 +16,27 @@ viewport while a tall placeholder scrolls. `message` replaces the whole text, an
 `--placeholder-sticky-top` custom property offsets it below a fixed header. It imports only
 React and its own `UnsupportedWidgetPlaceholder.css`, which the build copies to `dist`.
 
-There is one Page skin, no `Page_*` exports, and no Thunderbolt-generated components
-(PageSections, PinnedLayer, ResponsiveContainer, PagesContainer, PageGroup,
-HeaderContainer, FooterContainer, ResponsivePopupPage). Anchor is for exported user
-anchors; layout Page renders the top/bottom scroll targets itself. Logic and HOCs come
-from wix-next's system-core, without depending on that package; Page is renamed and
-defaults added.
-The controller still passes empty services and accepts no services argument.
+There are no Thunderbolt-generated components (PageSections, PinnedLayer,
+ResponsiveContainer, PagesContainer, PageGroup, HeaderContainer, FooterContainer,
+ResponsivePopupPage). Anchor is for exported user anchors; Page renders the
+top/bottom scroll targets itself.
 
 ## Importing
 
 For hand-written site code:
 
 ```tsx
-import { Page, Section } from '@wix/origami-system-components'
+import { Anchor, UnsupportedWidgetPlaceholder } from '@wix/origami-system-components'
 ```
 
 The index excludes InternalContainer: use the adapted component from
-`@wix/origami-system-components/InternalContainer`. Direct paths such as
-`@wix/origami-system-components/Section` remain available for legacy exports.
-New exports use `@wix/origami-system-components/layout/Section`,
-`layout/HeaderSection` and `layout/FooterSection`. These plain React components
-render a section around ordinary children, with the authored InternalContainer
-owning the background and content layers. They do not include legacy controllers,
-scroll effects or section CSS. Both import forms map back to document components
-when importing a site.
-
-`layout/Header` and `layout/Footer` are also public named/default exports. Exported
+`@wix/origami-system-components/InternalContainer`. The structural components are
+`@wix/origami-system-components/Page`, `/Section`, `/HeaderSection`
+and `/FooterSection`. These plain React components render a section around
+ordinary children, with the authored InternalContainer owning the background and
+content layers. They do not include controllers, scroll effects or section CSS.
+
+`/Header` and `/Footer` are also public named/default exports. Exported
 files containing `document.Header` or `document.Footer` resolve to these landmarks.
 A shared `Header_<id>` / `Footer_<id>` definition may receive `({ id, className })`
 and pass that identity to its landmark, wrapping exactly one matching
@@ -65,22 +55,18 @@ InternalContainer is bundled because its upstream has a Wix dependency tree.
 installs. The adapter imports `InternalContainer.css` itself so Vite preserves it
 during pre-bundling. The upstream implementation is private.
 
-The five structural entries compile with plain tsc (ES2022, classic React JSX) and
-install `@wix/editor-components: ^1.16.0` at runtime. This public npm package is
+Anchor compiles with plain tsc (ES2022, classic React JSX) and installs
+`@wix/editor-components: ^1.16.0` at runtime. That public npm package is
 pre-bundled per component with zero dependencies and React, React DOM, and lodash
-peers. Only React is needed by these five; we add neither React DOM nor lodash.
+peers. Only React is needed by Anchor; we add neither React DOM nor lodash.
 Editor fixes—and behavior changes—can reach sites without a release here.
 
-The deliberate CSS difference from system-core is importing real `dist/**/*.css`
-files: Vite dev pre-bundling drops extensionless CSS imports. Each component imports
-its own stylesheet; the five have no copied CSS or CSS exports. The internal
-`hocs.js` helper uses extensionless `./hocs` imports, resolved by Vite.
+Anchor imports the real `dist/**/*.css` file: Vite dev pre-bundling drops
+extensionless CSS imports. It has no copied CSS or CSS export.
 
-Both builder-state packages remain external production dependencies: `useStateOverrides`
-reads a module-level store that the whole site must share. React remains a peer.
-The semantic CSS compiler depends directly on this package; only `dist`, metadata,
-and this README are published. Hand-written structural declarations avoid unpublished
-upstream types: containers accept normal React children and Anchor accepts none.
+React remains a peer. The semantic CSS compiler depends directly on this package;
+only `dist`, metadata, and this README are published. Anchor's hand-written
+declaration avoids unpublished upstream types; it accepts no children.
 InternalContainer declarations are emitted from its adapted props.
 
 ## Build and tests
@@ -88,11 +74,11 @@ InternalContainer declarations are emitted from its adapted props.
 Run `pnpm --filter @wix/origami-system-components run build`, then
 `pnpm --filter @wix/origami-system-components test`. Build before packing.
 `build.mjs` clears dist, bundles InternalContainer/CSS, and copies declarations;
-tsc emits the structural entries, index, helper, and layout implementation without
+tsc emits Anchor, the placeholder, the index and the structural components without
 source maps, using the editor-components ambient shim. Only React imports may escape
-InternalContainer's private bundle; tests check structural imports, exports, and standalone React-only types.
-Packed consumers verify InternalContainer without upstream packages, Section CSS in
-Vite dev through root/direct imports, production CSS, and index tree-shaking.
+InternalContainer's private bundle; tests check Anchor's imports, exports, and standalone React-only types.
+Packed consumers verify InternalContainer without upstream packages, Anchor and Page CSS in
+Vite dev, production CSS, and index tree-shaking.
 Package DOM and ID-validation tests and the generator's packed-site test cover integration.
 
 ## Adding a component
@@ -102,9 +88,8 @@ package export, and packed-consumer coverage. For an upstream with dependencies,
 bundle it as a development dependency, build/export CSS with a matching `.css.d.ts`,
 and retain the leak check. For a self-contained upstream, install it as a production dependency,
 include the source in `tsconfig.build.json`, and add its declaration to the copy list.
-Preserve extensionless helper imports and use real `.css` imports. Structural imports
-are limited to React, builder-state-react, editor component/controller/skin entries,
-editor `dist/**/*.css`, and `./hocs`.
+Use real `.css` imports. Editor-wrapping imports are limited to React, editor
+component entries, and editor `dist/**/*.css`.
 
 ## Release order
 
@@ -115,17 +100,14 @@ Standard artifact configuration publishes the built package; local builds and pa
 
 ## Layout contract
 
-### Experimental Page
+### Page
 
-`@wix/origami-system-components/layout/Page` provides named/default `Page` exports
-and `PageProps`. The root index and `./Page` continue to expose the legacy Page.
-Newly exported sites import `layout/Page`, like the layout section components.
-The site generator accepts both the legacy and layout Page imports when reading sites
-back into Origami.
+`@wix/origami-system-components/Page` provides named/default `Page` exports
+and `PageProps`. Exported sites import `/Page`, like the section components.
 
 ```tsx
-import Page from '@wix/origami-system-components/layout/Page'
-import Section from '@wix/origami-system-components/layout/Section'
+import Page from '@wix/origami-system-components/Page'
+import Section from '@wix/origami-system-components/Section'
 
 <Page id="page" className="authored-page"
     backgroundLayer={[<div key="color" className="page-color" />]}
@@ -149,7 +131,7 @@ caller-supplied stable keys. Additional slots are out of scope.
 
 A page child pinned to the screen (`FixedItemLayout`) is rendered in one of two ways.
 A pinned Section, header or footer stays in its slot, wrapped in
-`@wix/origami-system-components/layout/PinnedToScreen`
+`@wix/origami-system-components/PinnedToScreen`
 (`header={<PinnedToScreen><SharedHeader /></PinnedToScreen>}`, or among the
 children). The wrapper takes exactly one child and no props, and goes outside the
 child's `<interact-element>`. Every other pinned page child (buttons, boxes, widgets)

package/dist/{layout/Footer.d.ts → Footer.d.ts}

@@ -5,7 +5,7 @@ export interface FooterProps {
     children?: ReactNode;
 }
 /**
- * Experimental footer landmark, the element Thunderbolt's RefComponent renders.
+ * Footer landmark, the element Thunderbolt's RefComponent renders.
  * It is the root of the shared Footer_<sharedCompId> definition and wraps its
  * FooterSection. The page passes its instance ID and class through the definition's
  * Structure props; the page layout.css targets them for placement,

package/dist/{layout/Footer.js → Footer.js}

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * Experimental footer landmark, the element Thunderbolt's RefComponent renders.
+ * Footer landmark, the element Thunderbolt's RefComponent renders.
  * It is the root of the shared Footer_<sharedCompId> definition and wraps its
  * FooterSection. The page passes its instance ID and class through the definition's
  * Structure props; the page layout.css targets them for placement,

package/dist/FooterSection.d.ts

@@ -1,10 +1,9 @@
-import type { ReactElement, ReactNode } from 'react'
-
-export interface FooterSectionProps {
-    id: string
-    className?: string | undefined
-    children?: ReactNode
-}
-
-export declare function FooterSection(props: FooterSectionProps): ReactElement
-export default FooterSection
+import { type SectionProps } from './Section.js';
+export type FooterSectionProps = SectionProps;
+/**
+ * The shared footer definition's root, rendered
+ * as the generic Section with the definition's ID and class. The `<footer>`
+ * landmark and the page's instance identity belong to the enclosing Footer.
+ */
+export declare function FooterSection({ id, className, children, wix }: FooterSectionProps): import("react").JSX.Element;
+export default FooterSection;

package/dist/FooterSection.js

@@ -1,7 +1,12 @@
 'use client';
-import { FooterSection as Component } from '@wix/editor-components/component/FooterSection';
-// Real .css path: Vite's dev pre-bundling drops extensionless CSS imports.
-import '@wix/editor-components/dist/component/FooterSection/FooterSection.min.css';
-import { withNormalChildren } from './hocs';
-export const FooterSection = withNormalChildren(Component);
+import { jsx as _jsx } from "react/jsx-runtime";
+import Section from './Section.js';
+/**
+ * The shared footer definition's root, rendered
+ * as the generic Section with the definition's ID and class. The `<footer>`
+ * landmark and the page's instance identity belong to the enclosing Footer.
+ */
+export function FooterSection({ id, className, children, wix }) {
+    return (_jsx(Section, { id: id, className: className, wix: wix, children: children }));
+}
 export default FooterSection;

package/dist/{layout/Header.d.ts → Header.d.ts}

@@ -5,7 +5,7 @@ export interface HeaderProps {
     children?: ReactNode;
 }
 /**
- * Experimental header landmark, the element Thunderbolt's RefComponent renders.
+ * Header landmark, the element Thunderbolt's RefComponent renders.
  * It is the root of the shared Header_<sharedCompId> definition and wraps its
  * HeaderSection. The page passes its instance ID and class through the definition's
  * Structure props; the page layout.css targets them for placement,

package/dist/{layout/Header.js → Header.js}

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * Experimental header landmark, the element Thunderbolt's RefComponent renders.
+ * Header landmark, the element Thunderbolt's RefComponent renders.
  * It is the root of the shared Header_<sharedCompId> definition and wraps its
  * HeaderSection. The page passes its instance ID and class through the definition's
  * Structure props; the page layout.css targets them for placement,

package/dist/HeaderSection.d.ts

@@ -1,11 +1,10 @@
-import type { ReactElement, ReactNode } from 'react'
-
-export interface HeaderSectionProps {
-    id: string
-    className?: string | undefined
-    children?: ReactNode
-    nickname: string
-}
-
-export declare function HeaderSection(props: HeaderSectionProps): ReactElement
-export default HeaderSection
+import { type SectionProps } from './Section.js';
+export type HeaderSectionProps = SectionProps;
+/**
+ * The shared header definition's root, rendered
+ * as the generic Section with the definition's ID and class. The `<header>`
+ * landmark and the page's instance identity belong to the enclosing Header.
+ * Legacy scroll effects are not implemented here.
+ */
+export declare function HeaderSection({ id, className, children, wix }: HeaderSectionProps): import("react").JSX.Element;
+export default HeaderSection;

package/dist/HeaderSection.js

@@ -1,8 +1,13 @@
 'use client';
-import { HeaderSection as Component } from '@wix/editor-components/component/HeaderSection';
-import { HeaderSection as controller } from '@wix/editor-components/controller/HeaderSection';
-// Real .css path: Vite's dev pre-bundling drops extensionless CSS imports.
-import '@wix/editor-components/dist/component/HeaderSection/HeaderSection.min.css';
-import { withController, withNormalChildren } from './hocs';
-export const HeaderSection = withNormalChildren(withController(Component, controller));
+import { jsx as _jsx } from "react/jsx-runtime";
+import Section from './Section.js';
+/**
+ * The shared header definition's root, rendered
+ * as the generic Section with the definition's ID and class. The `<header>`
+ * landmark and the page's instance identity belong to the enclosing Header.
+ * Legacy scroll effects are not implemented here.
+ */
+export function HeaderSection({ id, className, children, wix }) {
+    return (_jsx(Section, { id: id, className: className, wix: wix, children: children }));
+}
 export default HeaderSection;

package/dist/{layout/InternalContainer.d.ts → InternalContainer.d.ts}

@@ -1,5 +1,5 @@
 import type { AriaRole, ReactNode } from 'react';
-import '../InternalContainer.css';
+import './InternalContainer.css';
 export interface InternalContainerProps {
     id: string;
     className?: string;

package/dist/{layout/InternalContainer.js → InternalContainer.js}

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import BaseInternalContainer from './BaseInternalContainer.js';
-import '../InternalContainer.css';
-import { buildContainerClasses } from './container-contract.js';
-import { LAYOUT_FLAGS } from './layout-constants.js';
+import BaseInternalContainer from './layout/BaseInternalContainer.js';
+import './InternalContainer.css';
+import { buildContainerClasses } from './layout/container-contract.js';
+import { LAYOUT_FLAGS } from './layout/layout-constants.js';
 export function InternalContainer(props) {
     const classes = buildContainerClasses(props.id);
     const supportedProps = {

package/dist/Page.d.ts

@@ -1,10 +1,35 @@
-import type { ReactElement, ReactNode } from 'react'
-
+import type { ReactNode } from 'react';
+import './PinnedToScreen.css';
+import './Page.css';
 export interface PageProps {
-    id: string
-    className?: string | undefined
-    children?: ReactNode
+    id: string;
+    className?: string | undefined;
+    /** Background nodes overlap in one cell. Supply stable keys for array entries. */
+    backgroundLayer?: Array<ReactNode> | undefined;
+    /** At most one Header-producing element, including a shared definition. */
+    header?: ReactNode;
+    /** At most one Footer-producing element, including a shared definition. */
+    footer?: ReactNode;
+    /** Section-producing elements. The site build routes legacy DM landmark/background children to slots. */
+    children?: ReactNode;
+    /**
+     * Page children pinned to the screen other than Sections, header and footer, in
+     * their saved relative order. They share one screen-covering layer after the
+     * footer, rendered only when non-empty. Supply stable keys for array entries.
+     */
+    viewportLayer?: Array<ReactNode> | undefined;
+    /** The DM page data the converter writes on the Page. Accepted, not rendered. */
+    data?: any;
+    /** The DM skin a popup's Page carries (`WithoutOverlay`). Accepted, not rendered. */
+    skin?: string;
 }
-
-export declare function Page(props: PageProps): ReactElement
-export default Page
+/**
+ * Page composition. Slot semantics are the caller's responsibility;
+ * supplied nodes are rendered without component-type or cardinality validation.
+ * Authored CSS owns foreground layout and positioning. Main has no layout box.
+ *
+ * Page is the document page: it renders the document's only `#top` / `#bottom` scroll
+ * targets, so popups must not render it.
+ */
+export declare function Page({ id, className, backgroundLayer, header, footer, children, viewportLayer }: PageProps): import("react").JSX.Element;
+export default Page;

package/dist/Page.js

@@ -1,7 +1,16 @@
 'use client';
-import Component from '@wix/editor-components/skin/Page/ResponsivePageWithColorBG';
-// Real .css path: Vite's dev pre-bundling drops extensionless CSS imports.
-import '@wix/editor-components/dist/skin/Page/ResponsivePageWithColorBG/Page.min.css';
-import { withNormalChildren } from './hocs';
-export const Page = withNormalChildren(Component);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './PinnedToScreen.css';
+import './Page.css';
+/**
+ * Page composition. Slot semantics are the caller's responsibility;
+ * supplied nodes are rendered without component-type or cardinality validation.
+ * Authored CSS owns foreground layout and positioning. Main has no layout box.
+ *
+ * Page is the document page: it renders the document's only `#top` / `#bottom` scroll
+ * targets, so popups must not render it.
+ */
+export function Page({ id, className, backgroundLayer, header, footer, children, viewportLayer }) {
+    return (_jsxs("div", { id: id, className: ['origami-page', className].filter(Boolean).join(' '), children: [_jsx("div", { id: "top", className: "origami-page__anchor origami-page__anchor--top" }), _jsx("div", { className: "origami-page__background", children: backgroundLayer }), header, _jsx("main", { className: "origami-page__main", children: children }), footer, viewportLayer?.length ? _jsx("div", { className: "origami-page__viewport-layer", children: viewportLayer }) : null, _jsx("div", { id: "bottom", className: "origami-page__anchor origami-page__anchor--bottom" })] }));
+}
 export default Page;

package/dist/{layout/PinnedToScreen.d.ts → PinnedToScreen.d.ts}

@@ -5,7 +5,7 @@ export interface PinnedToScreenProps {
     children?: ReactNode;
 }
 /**
- * Experimental screen-pinned wrapper for a page's Section, header or footer, rendered
+ * Screen-pinned wrapper for a page's Section, header or footer, rendered
  * in place in its Page slot. It always covers the screen and lets clicks through;
  * the child gets clicks back from PinnedToScreen.css and docks itself in the single
  * grid cell with its own alignment, margins and size. Its placement in that cell comes

package/dist/{layout/PinnedToScreen.js → PinnedToScreen.js}

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import './PinnedToScreen.css';
 /**
- * Experimental screen-pinned wrapper for a page's Section, header or footer, rendered
+ * Screen-pinned wrapper for a page's Section, header or footer, rendered
  * in place in its Page slot. It always covers the screen and lets clicks through;
  * the child gets clicks back from PinnedToScreen.css and docks itself in the single
  * grid cell with its own alignment, margins and size. Its placement in that cell comes

package/dist/Section.d.ts

@@ -1,11 +1,12 @@
-import type { ReactElement, ReactNode } from 'react'
-
+import type { ReactNode } from 'react';
+import './Section.css';
 export interface SectionProps {
-    id: string
-    className?: string | undefined
-    children?: ReactNode
-    nickname: string
+    id: string;
+    className?: string | undefined;
+    children?: ReactNode;
+    wix?: {
+        compPath?: string | undefined;
+    } | undefined;
 }
-
-export declare function Section(props: SectionProps): ReactElement
-export default Section
+export declare function Section(props: SectionProps): import("react").JSX.Element;
+export default Section;

package/dist/Section.js

@@ -1,8 +1,17 @@
 'use client';
-import { Section as Component } from '@wix/editor-components/component/Section';
-import { Section as controller } from '@wix/editor-components/controller/Section';
-// Real .css path: Vite's dev pre-bundling drops extensionless CSS imports.
-import '@wix/editor-components/dist/component/Section/Section.min.css';
-import { withController, withNormalChildren } from './hocs';
-export const Section = withNormalChildren(withController(Component, controller));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { withInteractions } from '@wix/origami-runtime';
+import './Section.css';
+/**
+ * The authored InternalContainer child owns its
+ * background and content layers; this component does not create another container.
+ * It owns the constant single-cell grid that hosts that InternalContainer.
+ */
+function BaseSection({ id, className, children }) {
+    return (_jsx("section", { id: id, className: ['origami-section', className].filter(Boolean).join(' '), tabIndex: -1, children: children }));
+}
+const InteractiveSection = withInteractions(BaseSection);
+export function Section(props) {
+    return _jsx(InteractiveSection, { ...props });
+}
 export default Section;

package/dist/index.d.ts

@@ -1,6 +1,2 @@
-export { Page, type PageProps } from './Page'
-export { Section, type SectionProps } from './Section'
-export { HeaderSection, type HeaderSectionProps } from './HeaderSection'
-export { FooterSection, type FooterSectionProps } from './FooterSection'
 export { Anchor, type AnchorProps } from './Anchor'
 export { UnsupportedWidgetPlaceholder, type UnsupportedWidgetPlaceholderProps } from './UnsupportedWidgetPlaceholder'

package/dist/index.js

@@ -1,6 +1,2 @@
-export { Page } from './Page';
-export { Section } from './Section';
-export { HeaderSection } from './HeaderSection';
-export { FooterSection } from './FooterSection';
 export { Anchor } from './Anchor';
 export { UnsupportedWidgetPlaceholder } from './UnsupportedWidgetPlaceholder';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/origami-system-components",
-  "version": "1.10.10",
+  "version": "1.10.12",
   "description": "Editor structural and system components for standalone Origami sites",
   "sideEffects": [
     "**/*.css"
@@ -61,30 +61,14 @@
       "default": "./dist/index.js"
     },
     "./InternalContainer": {
-      "types": "./dist/layout/InternalContainer.d.ts",
-      "default": "./dist/layout/InternalContainer.js"
+      "types": "./dist/InternalContainer.d.ts",
+      "default": "./dist/InternalContainer.js"
     },
     "./site.global.css": "./dist/site.global.css",
     "./InternalContainer.css": {
       "types": "./dist/InternalContainer.css.d.ts",
       "default": "./dist/InternalContainer.css"
     },
-    "./Page": {
-      "types": "./dist/Page.d.ts",
-      "default": "./dist/Page.js"
-    },
-    "./Section": {
-      "types": "./dist/Section.d.ts",
-      "default": "./dist/Section.js"
-    },
-    "./HeaderSection": {
-      "types": "./dist/HeaderSection.d.ts",
-      "default": "./dist/HeaderSection.js"
-    },
-    "./FooterSection": {
-      "types": "./dist/FooterSection.d.ts",
-      "default": "./dist/FooterSection.js"
-    },
     "./Anchor": {
       "types": "./dist/Anchor.d.ts",
       "default": "./dist/Anchor.js"
@@ -97,40 +81,38 @@
       "types": "./dist/layout/layout-contract.d.ts",
       "default": "./dist/layout/layout-contract.js"
     },
-    "./layout/Page": {
-      "types": "./dist/layout/Page.d.ts",
-      "default": "./dist/layout/Page.js"
+    "./Page": {
+      "types": "./dist/Page.d.ts",
+      "default": "./dist/Page.js"
     },
-    "./layout/Section": {
-      "types": "./dist/layout/Section.d.ts",
-      "default": "./dist/layout/Section.js"
+    "./Section": {
+      "types": "./dist/Section.d.ts",
+      "default": "./dist/Section.js"
     },
-    "./layout/HeaderSection": {
-      "types": "./dist/layout/HeaderSection.d.ts",
-      "default": "./dist/layout/HeaderSection.js"
+    "./HeaderSection": {
+      "types": "./dist/HeaderSection.d.ts",
+      "default": "./dist/HeaderSection.js"
     },
-    "./layout/FooterSection": {
-      "types": "./dist/layout/FooterSection.d.ts",
-      "default": "./dist/layout/FooterSection.js"
+    "./FooterSection": {
+      "types": "./dist/FooterSection.d.ts",
+      "default": "./dist/FooterSection.js"
     },
-    "./layout/Header": {
-      "types": "./dist/layout/Header.d.ts",
-      "default": "./dist/layout/Header.js"
+    "./Header": {
+      "types": "./dist/Header.d.ts",
+      "default": "./dist/Header.js"
     },
-    "./layout/Footer": {
-      "types": "./dist/layout/Footer.d.ts",
-      "default": "./dist/layout/Footer.js"
+    "./Footer": {
+      "types": "./dist/Footer.d.ts",
+      "default": "./dist/Footer.js"
     },
-    "./layout/PinnedToScreen": {
-      "types": "./dist/layout/PinnedToScreen.d.ts",
-      "default": "./dist/layout/PinnedToScreen.js"
+    "./PinnedToScreen": {
+      "types": "./dist/PinnedToScreen.d.ts",
+      "default": "./dist/PinnedToScreen.js"
     }
   },
   "type": "module",
   "dependencies": {
-    "@wix/builder-state-react": "^1.22.5",
-    "@wix/builder-state": "^1.49.3",
     "@wix/editor-components": "^1.16.0"
   },
-  "falconPackageHash": "6a7a0040d3cd19fabab991ceab564e9e0273bd1e7e148eed7d1f370f"
+  "falconPackageHash": "570b6a20aac14202f1ebbac53908728e7201b2852232b23c22c1e740"
 }

package/dist/hocs.js

@@ -1,22 +0,0 @@
-'use client';
-import React from 'react';
-import { useStateOverrides } from '@wix/builder-state-react';
-/**
- * An HOC that gets a container component that expects children as a function (like EditorElement components)
- * and returns a container component that gets children as an array.
- */
-export const withNormalChildren = (Component) => ({ children, ...props }) => React.createElement(Component, { ...props }, () => children || []);
-/**
- * An HOC that connects a component to its EditorElements controller.
- * As this is a special code for EditorElements, it should be moved to their project in the future.
- *
- * Note:
- * Since the controller can update props, and since they have to be synced with velo if exists,
- * every component with a controller should be connected by default. Since the consumer (widget genreated code)
- * doesn't always connect the component, we do the connection here for now.
- */
-export const withController = (Component, controller) => (props) => {
-    const [propsOverrides = {}, , setters] = useStateOverrides(props.nickname);
-    const controllerProps = controller.useComponentProps({ ...props, ...propsOverrides }, {}, setters);
-    return React.createElement(Component, { ...props, ...controllerProps });
-};

package/dist/layout/FooterSection.d.ts

@@ -1,9 +0,0 @@
-import { type SectionProps } from './Section.js';
-export type FooterSectionProps = SectionProps;
-/**
- * Experimental plain FooterSection: the shared footer definition's root, rendered
- * as the generic Section with the definition's ID and class. The `<footer>`
- * landmark and the page's instance identity belong to the enclosing Footer.
- */
-export declare function FooterSection({ id, className, children, wix }: FooterSectionProps): import("react").JSX.Element;
-export default FooterSection;

package/dist/layout/FooterSection.js

@@ -1,12 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import Section from './Section.js';
-/**
- * Experimental plain FooterSection: the shared footer definition's root, rendered
- * as the generic Section with the definition's ID and class. The `<footer>`
- * landmark and the page's instance identity belong to the enclosing Footer.
- */
-export function FooterSection({ id, className, children, wix }) {
-    return (_jsx(Section, { id: id, className: className, wix: wix, children: children }));
-}
-export default FooterSection;

package/dist/layout/HeaderSection.d.ts

@@ -1,10 +0,0 @@
-import { type SectionProps } from './Section.js';
-export type HeaderSectionProps = SectionProps;
-/**
- * Experimental plain HeaderSection: the shared header definition's root, rendered
- * as the generic Section with the definition's ID and class. The `<header>`
- * landmark and the page's instance identity belong to the enclosing Header.
- * Legacy scroll effects are not implemented here.
- */
-export declare function HeaderSection({ id, className, children, wix }: HeaderSectionProps): import("react").JSX.Element;
-export default HeaderSection;

package/dist/layout/HeaderSection.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import Section from './Section.js';
-/**
- * Experimental plain HeaderSection: the shared header definition's root, rendered
- * as the generic Section with the definition's ID and class. The `<header>`
- * landmark and the page's instance identity belong to the enclosing Header.
- * Legacy scroll effects are not implemented here.
- */
-export function HeaderSection({ id, className, children, wix }) {
-    return (_jsx(Section, { id: id, className: className, wix: wix, children: children }));
-}
-export default HeaderSection;

package/dist/layout/Page.d.ts

@@ -1,33 +0,0 @@
-import type { ReactNode } from 'react';
-import './PinnedToScreen.css';
-import './Page.css';
-export interface PageProps {
-    id: string;
-    className?: string | undefined;
-    /** Background nodes overlap in one cell. Supply stable keys for array entries. */
-    backgroundLayer?: Array<ReactNode> | undefined;
-    /** At most one Header-producing element, including a shared definition. */
-    header?: ReactNode;
-    /** At most one Footer-producing element, including a shared definition. */
-    footer?: ReactNode;
-    /** Section-producing elements. The site build routes legacy DM landmark/background children to slots. */
-    children?: ReactNode;
-    /**
-     * Page children pinned to the screen other than Sections, header and footer, in
-     * their saved relative order. They share one screen-covering layer after the
-     * footer, rendered only when non-empty. Supply stable keys for array entries.
-     */
-    viewportLayer?: Array<ReactNode> | undefined;
-    /** The DM page data the converter writes on the Page. Accepted, not rendered. */
-    data?: any;
-}
-/**
- * Experimental page composition. Slot semantics are the caller's responsibility;
- * supplied nodes are rendered without component-type or cardinality validation.
- * Authored CSS owns foreground layout and positioning. Main has no layout box.
- *
- * Page is the document page: it renders the document's only `#top` / `#bottom` scroll
- * targets, so popups must not render it.
- */
-export declare function Page({ id, className, backgroundLayer, header, footer, children, viewportLayer }: PageProps): import("react").JSX.Element;
-export default Page;

package/dist/layout/Page.js

@@ -1,16 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './PinnedToScreen.css';
-import './Page.css';
-/**
- * Experimental page composition. Slot semantics are the caller's responsibility;
- * supplied nodes are rendered without component-type or cardinality validation.
- * Authored CSS owns foreground layout and positioning. Main has no layout box.
- *
- * Page is the document page: it renders the document's only `#top` / `#bottom` scroll
- * targets, so popups must not render it.
- */
-export function Page({ id, className, backgroundLayer, header, footer, children, viewportLayer }) {
-    return (_jsxs("div", { id: id, className: ['origami-page', className].filter(Boolean).join(' '), children: [_jsx("div", { id: "top", className: "origami-page__anchor origami-page__anchor--top" }), _jsx("div", { className: "origami-page__background", children: backgroundLayer }), header, _jsx("main", { className: "origami-page__main", children: children }), footer, viewportLayer?.length ? _jsx("div", { className: "origami-page__viewport-layer", children: viewportLayer }) : null, _jsx("div", { id: "bottom", className: "origami-page__anchor origami-page__anchor--bottom" })] }));
-}
-export default Page;

package/dist/layout/Section.d.ts

@@ -1,12 +0,0 @@
-import type { ReactNode } from 'react';
-import './Section.css';
-export interface SectionProps {
-    id: string;
-    className?: string | undefined;
-    children?: ReactNode;
-    wix?: {
-        compPath?: string | undefined;
-    } | undefined;
-}
-export declare function Section(props: SectionProps): import("react").JSX.Element;
-export default Section;

package/dist/layout/Section.js

@@ -1,17 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { withInteractions } from '@wix/origami-runtime';
-import './Section.css';
-/**
- * Experimental plain Section. The authored InternalContainer child owns its
- * background and content layers; this component does not create another container.
- * It owns the constant single-cell grid that hosts that InternalContainer.
- */
-function BaseSection({ id, className, children }) {
-    return (_jsx("section", { id: id, className: ['origami-section', className].filter(Boolean).join(' '), tabIndex: -1, children: children }));
-}
-const InteractiveSection = withInteractions(BaseSection);
-export function Section(props) {
-    return _jsx(InteractiveSection, { ...props });
-}
-export default Section;