@flamingo-stack/openframe-frontend-core 0.0.302 → 0.0.303-snapshot.20260622160827

package/dist/components/layout/page-header.d.ts

@@ -1,78 +0,0 @@
-import React from 'react';
-/**
- * Page-header primitive — the canonical "back-button + title + subtitle
- * + (optional) image / actions" chrome every lib page uses.
- *
- * Owns the SSOT for the page-header DOM/CSS that the rest of the lib
- * was duplicating: pre-`mb` top padding, h1 typography (`text-h2`), h6
- * subtitle (`text-h6`), the gap between the back button and the title
- * block, and the right-side actions slot. Consumers either render this
- * directly (e.g. `<DocViewer>` / `<DocsHubPage>`) or compose it through
- * the `<TitleBlock>` adapter which adds the `PageActions` /
- * `ActionsMenu` / selector wiring on top.
- *
- * Why this exists: knowledge-hub vs releases sat at different vertical
- * rhythms (px-perfect mismatch on title baseline + subtitle offset)
- * because the docs surface hand-rolled its own chrome instead of going
- * through `TitleBlock`. Centralizing the layout here means every
- * embeddable lib page (DocViewer, DevSectionPage, LegalDocumentPage,
- * OnboardingGuideDetailView) renders pixel-identical title/subtitle/
- * back-button typography + spacing — and a future spacing/typography
- * tweak is one file.
- */
-export interface PageHeaderProps {
-    /** Page title (h1). Plain string — ReactNode is intentionally not
-     *  supported here so every consumer renders the same typography. */
-    title?: string;
-    /** Optional icon rendered inline before the title text (e.g. the
-     *  rocket emoji on /releases, the docs icon on /knowledge-base).
-     *  Same `flex items-center gap-3` row as `<DevSectionView>`'s hero. */
-    titleIcon?: React.ReactNode;
-    /** Page subtitle (description paragraph). */
-    subtitle?: string;
-    /**
-     * Render a yellow accent dot (`.`) after the title. Mirrors the
-     * hub's legacy `<AdminPageHeader accentDot>` flag — now lib-wide so
-     * surfaces like `/knowledge-base` keep their existing accent styling
-     * after the migration.
-     */
-    accentDot?: boolean;
-    /** Optional thumbnail / hero image rendered to the left of the
-     *  title block. Used by entity-image-style headers (onboarding
-     *  guides, knowledge-base entries). */
-    image?: {
-        src: string;
-        alt?: string;
-    };
-    /** Back-button shown above the title block. Hidden on mobile (matches
-     *  the existing TitleBlock + DocViewer behavior). */
-    backButton?: {
-        label?: string;
-        onClick: () => void;
-    };
-    /** Right-side actions slot (action buttons / menu / tab selector).
-     *  Composed externally (e.g. `<TitleBlock>` builds `PageActions` + menu
-     *  + selector and passes the result here). */
-    actions?: React.ReactNode;
-    /**
-     * Visual variant.
-     * - `plain` (default): transparent background, no border.
-     * - `card`: card background, border, and padding on mobile only —
-     *   collapses to plain on md+ (legacy `TitleBlock` variant — kept so
-     *   surfaces that depend on the card affordance don't regress).
-     */
-    variant?: 'plain' | 'card';
-    /** When the consumer wraps `<PageHeader>` in its OWN spacing container
-     *  (e.g. `<DevSectionView>`'s `gap-10 flex-col`), the default `mb-l`
-     *  bottom margin doubles up. Pass `noBottomMargin` to opt out. */
-    noBottomMargin?: boolean;
-    /** Same as `noBottomMargin` for the default `pt-l` top padding. Set
-     *  this when PageHeader is nested INSIDE another layout that already
-     *  provides top spacing (e.g. `<DevSectionView>`'s hero, which sits
-     *  inside `<PageLayout>`'s children flow). */
-    noTopPadding?: boolean;
-    className?: string;
-}
-export declare function PageHeader({ title, titleIcon, subtitle, accentDot, image, backButton, actions, variant, noBottomMargin, noTopPadding, className, }: PageHeaderProps): React.JSX.Element;
-export default PageHeader;
-//# sourceMappingURL=page-header.d.ts.map

package/dist/components/layout/page-header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../src/components/layout/page-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,eAAe;IAC9B;wEACoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;2EAEuE;IACvE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;2CAEuC;IACvC,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACrC;yDACqD;IACrD,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;IACpD;;kDAE8C;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B;;sEAEkE;IAClE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;kDAG8C;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAmBD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,OAAO,EACP,OAAiB,EACjB,cAAsB,EACtB,YAAoB,EACpB,SAAS,GACV,EAAE,eAAe,qBA0EjB;AAED,eAAe,UAAU,CAAA"}

package/dist/components/layout/page-with-header.d.ts

@@ -1,67 +0,0 @@
-import React from 'react';
-import { type PageHeaderProps } from './page-header';
-/**
- * `<PageWithHeader>` — the canonical 4-layer unified-chrome wrapper that
- * every public lib/hub page now uses (Knowledge Hub, Roadmap, FAQs,
- * Authors, Blog, Vendors, Case Studies, Interviews, Investor Updates,
- * /webinars-/podcasts-/events, hub admin-but-public pages, …).
- *
- * Renders the same JSX tree every consumer was hand-rolling individually
- * before this helper landed:
- *
- *   PageShell                         ← bg-ods-bg, max-w-[1920px],
- *                                       page-shell-px/pt/pb gutters
- *     PageLayout backButton           ← TitleBlock → PageHeader #1 (back-btn row
- *                                       only, pt-l + mb-l)
- *       div.w-full.flex-col.gap-10    ← matches DevSectionView's hero container
- *         PageHeader title/subtitle   ← PageHeader #2 (noTopPadding +
- *           titleIcon accentDot         noBottomMargin so PageLayout's gap-l owns
- *           noTopPadding                the spacing between #1 and #2)
- *           noBottomMargin
- *         children                    ← page-specific body (search, lists, forms)
- *
- * Why this exists: 15+ pages copy-pasted the EXACT same nesting + the
- * EXACT same `noTopPadding + noBottomMargin + accentDot` triplet on the
- * inner `<PageHeader>`. Forgetting one of those flags collapsed the gap
- * to ~8px (the FAQs-vs-Onboarding-Guides bug). Centralizing the chain
- * here makes the spacing invariant compiler-enforced — consumers can't
- * pick the wrong combination.
- *
- * **Back button is config-driven by default.** Consumers don't have to
- * thread `useRouter()` + `() => router.push('/')` themselves anymore —
- * the helper supplies a sane default (`{ label: 'Back to home', href: '/' }`).
- * Hosts whose `/` lives elsewhere should pass their own `href`. Pass
- * `backButton={false}` to suppress entirely (the lib's own
- * `<DocsHubPage>` does this on the platform-home docs landing).
- */
-export interface PageWithHeaderProps {
-    /** Title — passed straight to inner `<PageHeader>`. */
-    title?: string;
-    /** Inline icon rendered before the title (lucide / SVG node). Wrap with
-     *  `SECTION_HERO_ICON_CLASS` at the call site, or use the lib's
-     *  `<PageHeader>`'s `titleIcon` ReactNode signature directly. */
-    titleIcon?: PageHeaderProps['titleIcon'];
-    /** Subtitle (1-2 lines, auto-clamped to 2 + min-h-[56px]). */
-    subtitle?: string;
-    /** Render yellow accent dot after the title (default true — matches every
-     *  unified surface). Pass `false` to opt out. */
-    accentDot?: boolean;
-    /** Back-button config. Defaults to `{ label: 'Back to home', href: '/' }`.
-     *  Pass `false` to hide entirely (platform-home docs landings). */
-    backButton?: {
-        label?: string;
-        href?: string;
-    } | false;
-    /** Optional image (entity-image-style — onboarding guides etc.). */
-    image?: PageHeaderProps['image'];
-    /** Optional actions slot (right side of header). */
-    actions?: React.ReactNode;
-    /** Page body — search bars, lists, forms, sections. Rendered INSIDE the
-     *  gap-10 flex column so it shares gutters + vertical rhythm with the
-     *  header. */
-    children: React.ReactNode;
-    /** Extra class applied to the gap-10 content wrapper. */
-    contentClassName?: string;
-}
-export declare function PageWithHeader({ title, titleIcon, subtitle, accentDot, backButton, image, actions, children, contentClassName, }: PageWithHeaderProps): React.JSX.Element;
-//# sourceMappingURL=page-with-header.d.ts.map

package/dist/components/layout/page-with-header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-with-header.d.ts","sourceRoot":"","sources":["../../../src/components/layout/page-with-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAA;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,WAAW,mBAAmB;IAClC,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;qEAEiE;IACjE,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACxC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;qDACiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;uEACmE;IACnE,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAA;IACtD,oEAAoE;IACpE,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAChC,oDAAoD;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;kBAEc;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,SAAgB,EAChB,UAAU,EACV,KAAK,EACL,OAAO,EACP,QAAQ,EACR,gBAAgB,GACjB,EAAE,mBAAmB,qBA8BrB"}

package/src/components/layout/page-header.tsx

@@ -1,182 +0,0 @@
-'use client'
-
-import React from 'react'
-import { cn } from '../../utils/cn'
-import { EntityImage } from '../ui/entity-image'
-import { BackButton } from './back-button'
-
-/**
- * Page-header primitive — the canonical "back-button + title + subtitle
- * + (optional) image / actions" chrome every lib page uses.
- *
- * Owns the SSOT for the page-header DOM/CSS that the rest of the lib
- * was duplicating: pre-`mb` top padding, h1 typography (`text-h2`), h6
- * subtitle (`text-h6`), the gap between the back button and the title
- * block, and the right-side actions slot. Consumers either render this
- * directly (e.g. `<DocViewer>` / `<DocsHubPage>`) or compose it through
- * the `<TitleBlock>` adapter which adds the `PageActions` /
- * `ActionsMenu` / selector wiring on top.
- *
- * Why this exists: knowledge-hub vs releases sat at different vertical
- * rhythms (px-perfect mismatch on title baseline + subtitle offset)
- * because the docs surface hand-rolled its own chrome instead of going
- * through `TitleBlock`. Centralizing the layout here means every
- * embeddable lib page (DocViewer, DevSectionPage, LegalDocumentPage,
- * OnboardingGuideDetailView) renders pixel-identical title/subtitle/
- * back-button typography + spacing — and a future spacing/typography
- * tweak is one file.
- */
-export interface PageHeaderProps {
-  /** Page title (h1). Plain string — ReactNode is intentionally not
-   *  supported here so every consumer renders the same typography. */
-  title?: string
-  /** Optional icon rendered inline before the title text (e.g. the
-   *  rocket emoji on /releases, the docs icon on /knowledge-base).
-   *  Same `flex items-center gap-3` row as `<DevSectionView>`'s hero. */
-  titleIcon?: React.ReactNode
-  /** Page subtitle (description paragraph). */
-  subtitle?: string
-  /**
-   * Render a yellow accent dot (`.`) after the title. Mirrors the
-   * hub's legacy `<AdminPageHeader accentDot>` flag — now lib-wide so
-   * surfaces like `/knowledge-base` keep their existing accent styling
-   * after the migration.
-   */
-  accentDot?: boolean
-  /** Optional thumbnail / hero image rendered to the left of the
-   *  title block. Used by entity-image-style headers (onboarding
-   *  guides, knowledge-base entries). */
-  image?: { src: string; alt?: string }
-  /** Back-button shown above the title block. Hidden on mobile (matches
-   *  the existing TitleBlock + DocViewer behavior). */
-  backButton?: { label?: string; onClick: () => void }
-  /** Right-side actions slot (action buttons / menu / tab selector).
-   *  Composed externally (e.g. `<TitleBlock>` builds `PageActions` + menu
-   *  + selector and passes the result here). */
-  actions?: React.ReactNode
-  /**
-   * Visual variant.
-   * - `plain` (default): transparent background, no border.
-   * - `card`: card background, border, and padding on mobile only —
-   *   collapses to plain on md+ (legacy `TitleBlock` variant — kept so
-   *   surfaces that depend on the card affordance don't regress).
-   */
-  variant?: 'plain' | 'card'
-  /** When the consumer wraps `<PageHeader>` in its OWN spacing container
-   *  (e.g. `<DevSectionView>`'s `gap-10 flex-col`), the default `mb-l`
-   *  bottom margin doubles up. Pass `noBottomMargin` to opt out. */
-  noBottomMargin?: boolean
-  /** Same as `noBottomMargin` for the default `pt-l` top padding. Set
-   *  this when PageHeader is nested INSIDE another layout that already
-   *  provides top spacing (e.g. `<DevSectionView>`'s hero, which sits
-   *  inside `<PageLayout>`'s children flow). */
-  noTopPadding?: boolean
-  className?: string
-}
-
-// Title typography — copied verbatim from <DevSectionView>'s hero h1
-// (`src/components/shared/dev-section/dev-section-view.tsx`). The user-
-// reported "header text not aligned" between /knowledge-base and
-// /releases bottomed out here: DevSectionView rendered text-h1 with
-// tracking-[-1.12px] while this component used text-h2 — visually huge
-// gap. Now both render through the exact same class string. DevSectionView
-// is being refactored in this commit to delegate to <PageHeader> so the
-// shared-component claim is enforced at the code level too.
-const TITLE_CLASS = 'text-h1 tracking-[-1.12px] text-ods-text-primary flex items-center gap-3'
-// Subtitle ALWAYS occupies exactly 2 lines of vertical space.
-//   `min-h-[56px]` (= 2 × 28px leading) reserves the row height so a
-//   single-line subtitle doesn't shrink the header — page-to-page height
-//   stays consistent.
-//   `line-clamp-2` caps long copy at 2 lines + ellipsis so wrapping doesn't
-//   push the search bar down.
-const SUBTITLE_CLASS = "font-['DM_Sans'] font-medium text-[18px] leading-[28px] text-ods-text-secondary max-w-3xl line-clamp-2 min-h-[56px]"
-
-export function PageHeader({
-  title,
-  titleIcon,
-  subtitle,
-  accentDot,
-  image,
-  backButton,
-  actions,
-  variant = 'plain',
-  noBottomMargin = false,
-  noTopPadding = false,
-  className,
-}: PageHeaderProps) {
-  return (
-    <div
-      className={cn(
-        'flex items-end justify-between gap-[var(--spacing-system-m)]',
-        'md:flex-col md:items-start md:justify-start lg:flex-row lg:items-end lg:justify-between',
-        !noTopPadding && 'pt-[var(--spacing-system-l)]',
-        variant === 'card'
-          ? cn(
-              'bg-ods-card border-b border-ods-border',
-              'px-[var(--spacing-system-l)] pb-[var(--spacing-system-l)]',
-              'md:bg-transparent md:border-b-0',
-              'md:px-0 md:pb-0',
-              !noBottomMargin && 'md:mb-[var(--spacing-system-l)]',
-            )
-          : !noBottomMargin && 'mb-[var(--spacing-system-l)]',
-        className,
-      )}
-    >
-      <div className="flex flex-col gap-[var(--spacing-system-xs)] flex-1 min-w-0">
-        {backButton && (
-          <BackButton
-            onClick={backButton.onClick}
-            label={backButton.label}
-            className="hidden md:inline-flex"
-          />
-        )}
-        {/* Title + subtitle stack. Matches `<DevSectionView>`'s hero
-         *  exactly: `space-y-4` between h1 and p, `flex items-center
-         *  gap-3` for icon-inline title row, identical class strings.
-         *  Image (entity-image-style) prefixes the title row, NOT a
-         *  separate column with its own vertical rhythm — that's the
-         *  legacy TitleBlock 2-col layout which broke the title-to-
-         *  subtitle gap. */}
-        {(title || subtitle || image || titleIcon) && (
-          <div className="space-y-4">
-            {(title || image || titleIcon) && (
-              <h1 className={TITLE_CLASS}>
-                {image && (
-                  <EntityImage
-                    src={image.src}
-                    alt={image.alt}
-                    fallbackText={image.alt || title}
-                  />
-                )}
-                {titleIcon}
-                {title && (
-                  <span>
-                    {title}
-                    {accentDot && <span className="text-ods-accent">.</span>}
-                  </span>
-                )}
-              </h1>
-            )}
-            {(title || titleIcon || image) && (
-              // Always render the subtitle <p> when the title block exists,
-              // even when `subtitle` is empty — `SUBTITLE_CLASS` reserves
-              // `min-h-[56px]` so headers WITH and WITHOUT subtitles share a
-              // baseline (the JSDoc on SUBTITLE_CLASS claims "ALWAYS occupies
-              // exactly 2 lines"; gating the <p> on truthy `subtitle` broke
-              // that contract — pages without subtitle were ~56px shorter).
-              // Falsy subtitles render an NBSP placeholder so the empty <p>
-              // still takes its reserved height.
-              <p className={SUBTITLE_CLASS}>{subtitle || ' '}</p>
-            )}
-          </div>
-        )}
-      </div>
-
-      {actions && (
-        <div className="flex gap-2 items-center shrink-0">{actions}</div>
-      )}
-    </div>
-  )
-}
-
-export default PageHeader

package/src/components/layout/page-with-header.tsx

@@ -1,110 +0,0 @@
-'use client'
-
-import React from 'react'
-import { useRouter } from '../../embed-shims/next-navigation'
-import { PageShell } from './article-detail-layout'
-import { PageLayout } from './page-layout'
-import { PageHeader, type PageHeaderProps } from './page-header'
-
-/**
- * `<PageWithHeader>` — the canonical 4-layer unified-chrome wrapper that
- * every public lib/hub page now uses (Knowledge Hub, Roadmap, FAQs,
- * Authors, Blog, Vendors, Case Studies, Interviews, Investor Updates,
- * /webinars-/podcasts-/events, hub admin-but-public pages, …).
- *
- * Renders the same JSX tree every consumer was hand-rolling individually
- * before this helper landed:
- *
- *   PageShell                         ← bg-ods-bg, max-w-[1920px],
- *                                       page-shell-px/pt/pb gutters
- *     PageLayout backButton           ← TitleBlock → PageHeader #1 (back-btn row
- *                                       only, pt-l + mb-l)
- *       div.w-full.flex-col.gap-10    ← matches DevSectionView's hero container
- *         PageHeader title/subtitle   ← PageHeader #2 (noTopPadding +
- *           titleIcon accentDot         noBottomMargin so PageLayout's gap-l owns
- *           noTopPadding                the spacing between #1 and #2)
- *           noBottomMargin
- *         children                    ← page-specific body (search, lists, forms)
- *
- * Why this exists: 15+ pages copy-pasted the EXACT same nesting + the
- * EXACT same `noTopPadding + noBottomMargin + accentDot` triplet on the
- * inner `<PageHeader>`. Forgetting one of those flags collapsed the gap
- * to ~8px (the FAQs-vs-Onboarding-Guides bug). Centralizing the chain
- * here makes the spacing invariant compiler-enforced — consumers can't
- * pick the wrong combination.
- *
- * **Back button is config-driven by default.** Consumers don't have to
- * thread `useRouter()` + `() => router.push('/')` themselves anymore —
- * the helper supplies a sane default (`{ label: 'Back to home', href: '/' }`).
- * Hosts whose `/` lives elsewhere should pass their own `href`. Pass
- * `backButton={false}` to suppress entirely (the lib's own
- * `<DocsHubPage>` does this on the platform-home docs landing).
- */
-export interface PageWithHeaderProps {
-  /** Title — passed straight to inner `<PageHeader>`. */
-  title?: string
-  /** Inline icon rendered before the title (lucide / SVG node). Wrap with
-   *  `SECTION_HERO_ICON_CLASS` at the call site, or use the lib's
-   *  `<PageHeader>`'s `titleIcon` ReactNode signature directly. */
-  titleIcon?: PageHeaderProps['titleIcon']
-  /** Subtitle (1-2 lines, auto-clamped to 2 + min-h-[56px]). */
-  subtitle?: string
-  /** Render yellow accent dot after the title (default true — matches every
-   *  unified surface). Pass `false` to opt out. */
-  accentDot?: boolean
-  /** Back-button config. Defaults to `{ label: 'Back to home', href: '/' }`.
-   *  Pass `false` to hide entirely (platform-home docs landings). */
-  backButton?: { label?: string; href?: string } | false
-  /** Optional image (entity-image-style — onboarding guides etc.). */
-  image?: PageHeaderProps['image']
-  /** Optional actions slot (right side of header). */
-  actions?: React.ReactNode
-  /** Page body — search bars, lists, forms, sections. Rendered INSIDE the
-   *  gap-10 flex column so it shares gutters + vertical rhythm with the
-   *  header. */
-  children: React.ReactNode
-  /** Extra class applied to the gap-10 content wrapper. */
-  contentClassName?: string
-}
-
-export function PageWithHeader({
-  title,
-  titleIcon,
-  subtitle,
-  accentDot = true,
-  backButton,
-  image,
-  actions,
-  children,
-  contentClassName,
-}: PageWithHeaderProps) {
-  const router = useRouter()
-
-  const backCfg =
-    backButton === false
-      ? undefined
-      : {
-          label: backButton?.label ?? 'Back to home',
-          onClick: () => router.push(backButton?.href ?? '/'),
-        }
-
-  return (
-    <PageShell>
-      <PageLayout backButton={backCfg}>
-        <div className={`w-full flex flex-col gap-10${contentClassName ? ` ${contentClassName}` : ''}`}>
-          <PageHeader
-            title={title}
-            titleIcon={titleIcon}
-            subtitle={subtitle}
-            accentDot={accentDot}
-            image={image}
-            actions={actions}
-            noTopPadding
-            noBottomMargin
-          />
-          {children}
-        </div>
-      </PageLayout>
-    </PageShell>
-  )
-}