@marktiderman/genesis-sites 0.1.0 → 0.2.0

package/dist/sections.d.ts

@@ -1,7 +1,7 @@
-import { u as SectionDefinition, L as Link, p as RenderContext, S as SectionNode, K as Surface, I as Image, A as AnySectionDefinition } from './registry-CdgVymsu.js';
+import { Y as SectionDefinition, d as Link, O as RenderContext, S as SectionNode, a6 as Surface, I as Image, F as FileRef, A as AnySectionDefinition } from './registry-D_DCWRTc.js';
+import { z } from 'zod';
 import * as lucide_react from 'lucide-react';
 import * as React from 'react';
-import { z } from 'zod';
 import { BandProps } from '@marktiderman/genesis-ui/band';
 import { HeaderSlotProps } from '@marktiderman/genesis-forms-web';
 
@@ -11,6 +11,9 @@ declare const ctaSection: Readonly<SectionDefinition<{
         label: string;
         href: string;
         newTab?: boolean | undefined;
+        target?: "_self" | "_blank" | undefined;
+        external?: boolean | undefined;
+        event?: string | undefined;
     };
     surface: "base" | "muted" | "accent" | "inverse";
     body?: string | undefined;
@@ -18,6 +21,9 @@ declare const ctaSection: Readonly<SectionDefinition<{
         label: string;
         href: string;
         newTab?: boolean | undefined;
+        target?: "_self" | "_blank" | undefined;
+        external?: boolean | undefined;
+        event?: string | undefined;
     } | undefined;
     anchor?: string | undefined;
 }>>;
@@ -54,12 +60,33 @@ declare const featuresSection: Readonly<SectionDefinition<{
             label: string;
             href: string;
             newTab?: boolean | undefined;
+            target?: "_self" | "_blank" | undefined;
+            external?: boolean | undefined;
+            event?: string | undefined;
+        } | undefined;
+        cta?: {
+            label: string;
+            href: string;
+            newTab?: boolean | undefined;
+            target?: "_self" | "_blank" | undefined;
+            external?: boolean | undefined;
+            event?: string | undefined;
         } | undefined;
+        note?: string | undefined;
     }[];
     columns: 2 | 4 | 3;
+    numbered: boolean;
     surface: "base" | "muted" | "accent" | "inverse";
     eyebrow?: string | undefined;
     body?: string | undefined;
+    cta?: {
+        label: string;
+        href: string;
+        newTab?: boolean | undefined;
+        target?: "_self" | "_blank" | undefined;
+        external?: boolean | undefined;
+        event?: string | undefined;
+    } | undefined;
     anchor?: string | undefined;
 }>>;
 
@@ -70,12 +97,18 @@ declare const footerSection: Readonly<SectionDefinition<{
             label: string;
             href: string;
             newTab?: boolean | undefined;
+            target?: "_self" | "_blank" | undefined;
+            external?: boolean | undefined;
+            event?: string | undefined;
         }[];
     }[];
     links: {
         label: string;
         href: string;
         newTab?: boolean | undefined;
+        target?: "_self" | "_blank" | undefined;
+        external?: boolean | undefined;
+        event?: string | undefined;
     }[];
     surface: "base" | "muted" | "accent" | "inverse";
     tagline?: string | undefined;
@@ -117,11 +150,17 @@ declare const heroSection: Readonly<SectionDefinition<{
         label: string;
         href: string;
         newTab?: boolean | undefined;
+        target?: "_self" | "_blank" | undefined;
+        external?: boolean | undefined;
+        event?: string | undefined;
     } | undefined;
     secondaryCta?: {
         label: string;
         href: string;
         newTab?: boolean | undefined;
+        target?: "_self" | "_blank" | undefined;
+        external?: boolean | undefined;
+        event?: string | undefined;
     } | undefined;
     image?: {
         src: string;
@@ -140,7 +179,7 @@ declare const heroSection: Readonly<SectionDefinition<{
 declare const logosSection: Readonly<SectionDefinition<{
     items: {
         name: string;
-        image: {
+        image?: {
             src: string;
             alt: string;
             decorative?: boolean | undefined;
@@ -150,11 +189,12 @@ declare const logosSection: Readonly<SectionDefinition<{
                 x: number;
                 y: number;
             } | undefined;
-        };
+        } | undefined;
         href?: string | undefined;
     }[];
     surface: "base" | "muted" | "accent" | "inverse";
     heading?: string | undefined;
+    claim?: string | undefined;
     anchor?: string | undefined;
 }>>;
 
@@ -175,6 +215,9 @@ declare const navSection: Readonly<SectionDefinition<{
         label: string;
         href: string;
         newTab?: boolean | undefined;
+        target?: "_self" | "_blank" | undefined;
+        external?: boolean | undefined;
+        event?: string | undefined;
     } | undefined;
 }>>;
 
@@ -190,10 +233,39 @@ declare const pricingSection: Readonly<SectionDefinition<{
             label: string;
             href: string;
             newTab?: boolean | undefined;
+            target?: "_self" | "_blank" | undefined;
+            external?: boolean | undefined;
+            event?: string | undefined;
         } | undefined;
         highlighted?: boolean | undefined;
+        badge?: string | undefined;
+    }[];
+    groups: {
+        heading: string;
+        tiers: {
+            name: string;
+            price: string;
+            features: string[];
+            period?: string | undefined;
+            description?: string | undefined;
+            cta?: {
+                label: string;
+                href: string;
+                newTab?: boolean | undefined;
+                target?: "_self" | "_blank" | undefined;
+                external?: boolean | undefined;
+                event?: string | undefined;
+            } | undefined;
+            highlighted?: boolean | undefined;
+            badge?: string | undefined;
+        }[];
+        eyebrow?: string | undefined;
+        body?: string | undefined;
+        note?: string | undefined;
+        anchor?: string | undefined;
     }[];
     surface: "base" | "muted" | "accent" | "inverse";
+    eyebrow?: string | undefined;
     body?: string | undefined;
     note?: string | undefined;
     anchor?: string | undefined;
@@ -243,6 +315,338 @@ declare const testimonialsSection: Readonly<SectionDefinition<{
     anchor?: string | undefined;
 }>>;
 
+/** A post's date as the page says it, in UTC so every visitor sees the same day. */
+declare function formatPostDate(iso: string, lang: string): string;
+declare const blogListSection: Readonly<SectionDefinition<{
+    heading: string;
+    perPage: number;
+    paginate: boolean;
+    showExcerpt: boolean;
+    showDate: boolean;
+    emptyText: string;
+    surface: "base" | "muted" | "accent" | "inverse";
+    eyebrow?: string | undefined;
+    body?: string | undefined;
+    category?: string | undefined;
+    cta?: {
+        label: string;
+        href: string;
+        newTab?: boolean | undefined;
+        target?: "_self" | "_blank" | undefined;
+        external?: boolean | undefined;
+        event?: string | undefined;
+    } | undefined;
+    anchor?: string | undefined;
+}>>;
+
+declare const fileSection: Readonly<SectionDefinition<{
+    heading: string;
+    files: {
+        label: string;
+        file: {
+            src: string;
+            mime: "application/pdf" | "image/png" | "image/jpeg" | "image/webp" | "image/avif" | "image/gif";
+            bytes?: number | undefined;
+        };
+        description?: string | undefined;
+    }[];
+    surface: "base" | "muted" | "accent" | "inverse";
+    eyebrow?: string | undefined;
+    body?: string | undefined;
+    anchor?: string | undefined;
+}>>;
+
+declare const MAP_PROVIDERS: {
+    readonly openstreetmap: {
+        readonly name: "OpenStreetMap";
+        readonly origin: "https://www.openstreetmap.org";
+    };
+    readonly google: {
+        readonly name: "Google Maps";
+        readonly origin: "https://www.google.com";
+    };
+};
+type MapProvider = keyof typeof MAP_PROVIDERS;
+declare const schema: z.ZodObject<{
+    eyebrow: z.ZodOptional<z.ZodString>;
+    heading: z.ZodString;
+    body: z.ZodOptional<z.ZodString>;
+    address: z.ZodArray<z.ZodString>;
+    provider: z.ZodDefault<z.ZodEnum<{
+        openstreetmap: "openstreetmap";
+        google: "google";
+    }>>;
+    query: z.ZodOptional<z.ZodString>;
+    lat: z.ZodOptional<z.ZodNumber>;
+    lng: z.ZodOptional<z.ZodNumber>;
+    zoom: z.ZodDefault<z.ZodNumber>;
+    title: z.ZodOptional<z.ZodString>;
+    image: z.ZodOptional<z.ZodObject<{
+        src: z.ZodString & z.ZodType<string, string, z.core.$ZodTypeInternals<string, string>>;
+        alt: z.ZodDefault<z.ZodString>;
+        decorative: z.ZodOptional<z.ZodBoolean>;
+        width: z.ZodOptional<z.ZodNumber>;
+        height: z.ZodOptional<z.ZodNumber>;
+        focal: z.ZodOptional<z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, z.core.$strip>>;
+    }, z.core.$strip>>;
+    contact: z.ZodDefault<z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        href: z.ZodString & z.ZodType<string, string, z.core.$ZodTypeInternals<string, string>>;
+        newTab: z.ZodOptional<z.ZodBoolean>;
+        target: z.ZodOptional<z.ZodEnum<{
+            _self: "_self";
+            _blank: "_blank";
+        }>>;
+        external: z.ZodOptional<z.ZodBoolean>;
+        event: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>>;
+    primaryCta: z.ZodOptional<z.ZodObject<{
+        label: z.ZodString;
+        href: z.ZodString & z.ZodType<string, string, z.core.$ZodTypeInternals<string, string>>;
+        newTab: z.ZodOptional<z.ZodBoolean>;
+        target: z.ZodOptional<z.ZodEnum<{
+            _self: "_self";
+            _blank: "_blank";
+        }>>;
+        external: z.ZodOptional<z.ZodBoolean>;
+        event: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+    secondaryCta: z.ZodOptional<z.ZodObject<{
+        label: z.ZodString;
+        href: z.ZodString & z.ZodType<string, string, z.core.$ZodTypeInternals<string, string>>;
+        newTab: z.ZodOptional<z.ZodBoolean>;
+        target: z.ZodOptional<z.ZodEnum<{
+            _self: "_self";
+            _blank: "_blank";
+        }>>;
+        external: z.ZodOptional<z.ZodBoolean>;
+        event: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+    loadLabel: z.ZodDefault<z.ZodString>;
+    consentNote: z.ZodOptional<z.ZodString>;
+    surface: z.ZodDefault<z.ZodEnum<{
+        base: "base";
+        muted: "muted";
+        accent: "accent";
+        inverse: "inverse";
+    }>>;
+    anchor: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+type Props = z.infer<typeof schema>;
+/** The provider's embed URL for these props: built here, never typed by an editor. */
+declare function mapEmbedUrl(props: Pick<Props, "provider" | "query" | "address" | "lat" | "lng" | "zoom">): string;
+/** The provider's own page for the place: the link that works without script. */
+declare function mapPageUrl(props: Pick<Props, "provider" | "query" | "address" | "lat" | "lng" | "zoom">): string;
+declare const mapSection: Readonly<SectionDefinition<{
+    heading: string;
+    address: string[];
+    provider: "openstreetmap" | "google";
+    zoom: number;
+    contact: {
+        label: string;
+        href: string;
+        newTab?: boolean | undefined;
+        target?: "_self" | "_blank" | undefined;
+        external?: boolean | undefined;
+        event?: string | undefined;
+    }[];
+    loadLabel: string;
+    surface: "base" | "muted" | "accent" | "inverse";
+    eyebrow?: string | undefined;
+    body?: string | undefined;
+    query?: string | undefined;
+    lat?: number | undefined;
+    lng?: number | undefined;
+    title?: string | undefined;
+    image?: {
+        src: string;
+        alt: string;
+        decorative?: boolean | undefined;
+        width?: number | undefined;
+        height?: number | undefined;
+        focal?: {
+            x: number;
+            y: number;
+        } | undefined;
+    } | undefined;
+    primaryCta?: {
+        label: string;
+        href: string;
+        newTab?: boolean | undefined;
+        target?: "_self" | "_blank" | undefined;
+        external?: boolean | undefined;
+        event?: string | undefined;
+    } | undefined;
+    secondaryCta?: {
+        label: string;
+        href: string;
+        newTab?: boolean | undefined;
+        target?: "_self" | "_blank" | undefined;
+        external?: boolean | undefined;
+        event?: string | undefined;
+    } | undefined;
+    consentNote?: string | undefined;
+    anchor?: string | undefined;
+}>>;
+
+declare const postBodySection: Readonly<SectionDefinition<{
+    showCover: boolean;
+    showAuthor: boolean;
+    showDate: boolean;
+    backLabel: string;
+    surface: "base" | "muted" | "accent" | "inverse";
+}>>;
+
+declare const WEEKDAYS: readonly ["mon", "tue", "wed", "thu", "fri", "sat", "sun"];
+type Weekday = (typeof WEEKDAYS)[number];
+/** How a class type's chip is drawn, from the brand's own colours. */
+declare const CHIP_TONES: readonly ["primary", "inverse", "soft", "outline", "plain"];
+declare const Session: z.ZodObject<{
+    day: z.ZodEnum<{
+        mon: "mon";
+        tue: "tue";
+        wed: "wed";
+        thu: "thu";
+        fri: "fri";
+        sat: "sat";
+        sun: "sun";
+    }>;
+    start: z.ZodString;
+    end: z.ZodOptional<z.ZodString>;
+    title: z.ZodString;
+    type: z.ZodOptional<z.ZodString>;
+    coach: z.ZodOptional<z.ZodString>;
+    location: z.ZodOptional<z.ZodString>;
+    note: z.ZodOptional<z.ZodString>;
+    link: z.ZodOptional<z.ZodObject<{
+        label: z.ZodString;
+        href: z.ZodString & z.ZodType<string, string, z.core.$ZodTypeInternals<string, string>>;
+        newTab: z.ZodOptional<z.ZodBoolean>;
+        target: z.ZodOptional<z.ZodEnum<{
+            _self: "_self";
+            _blank: "_blank";
+        }>>;
+        external: z.ZodOptional<z.ZodBoolean>;
+        event: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+type ScheduleSession = z.infer<typeof Session>;
+/** `06:15` as the page says it: `6:15 am` or `06:15`. */
+declare function formatTime(time: string, clock: "12h" | "24h"): string;
+declare const scheduleSection: Readonly<SectionDefinition<{
+    heading: string;
+    days: ("mon" | "tue" | "wed" | "thu" | "fri" | "sat" | "sun")[];
+    clock: "12h" | "24h";
+    types: {
+        id: string;
+        name: string;
+        tone: "inverse" | "primary" | "soft" | "outline" | "plain";
+        description?: string | undefined;
+    }[];
+    sessions: {
+        day: "mon" | "tue" | "wed" | "thu" | "fri" | "sat" | "sun";
+        start: string;
+        title: string;
+        end?: string | undefined;
+        type?: string | undefined;
+        coach?: string | undefined;
+        location?: string | undefined;
+        note?: string | undefined;
+        link?: {
+            label: string;
+            href: string;
+            newTab?: boolean | undefined;
+            target?: "_self" | "_blank" | undefined;
+            external?: boolean | undefined;
+            event?: string | undefined;
+        } | undefined;
+    }[];
+    emptyText: string;
+    surface: "base" | "muted" | "accent" | "inverse";
+    eyebrow?: string | undefined;
+    body?: string | undefined;
+    dayNames?: Partial<Record<"mon" | "tue" | "wed" | "thu" | "fri" | "sat" | "sun", string>> | undefined;
+    footnote?: string | undefined;
+    anchor?: string | undefined;
+}>>;
+
+declare const teamSection: Readonly<SectionDefinition<{
+    heading: string;
+    members: {
+        name: string;
+        role?: string | undefined;
+        credentials?: string | undefined;
+        photo?: {
+            src: string;
+            alt: string;
+            decorative?: boolean | undefined;
+            width?: number | undefined;
+            height?: number | undefined;
+            focal?: {
+                x: number;
+                y: number;
+            } | undefined;
+        } | undefined;
+        summary?: string | undefined;
+        bio?: string | undefined;
+        quote?: {
+            text: string;
+            cite?: string | undefined;
+        } | undefined;
+        profile?: string | undefined;
+        cta?: {
+            label: string;
+            href: string;
+            newTab?: boolean | undefined;
+            target?: "_self" | "_blank" | undefined;
+            external?: boolean | undefined;
+            event?: string | undefined;
+        } | undefined;
+        anchor?: string | undefined;
+    }[];
+    columns: 2 | 4 | 3;
+    surface: "base" | "muted" | "accent" | "inverse";
+    eyebrow?: string | undefined;
+    body?: string | undefined;
+    anchor?: string | undefined;
+}>>;
+
+declare const timelineSection: Readonly<SectionDefinition<{
+    heading: string;
+    steps: {
+        title: string;
+        label?: string | undefined;
+        body?: string | undefined;
+        image?: {
+            src: string;
+            alt: string;
+            decorative?: boolean | undefined;
+            width?: number | undefined;
+            height?: number | undefined;
+            focal?: {
+                x: number;
+                y: number;
+            } | undefined;
+        } | undefined;
+        cta?: {
+            label: string;
+            href: string;
+            newTab?: boolean | undefined;
+            target?: "_self" | "_blank" | undefined;
+            external?: boolean | undefined;
+            event?: string | undefined;
+        } | undefined;
+    }[];
+    numbered: boolean;
+    surface: "base" | "muted" | "accent" | "inverse";
+    eyebrow?: string | undefined;
+    body?: string | undefined;
+    anchor?: string | undefined;
+}>>;
+
 /** An in-page anchor (`#contact`): lowercase letters, digits and hyphens. */
 declare const Anchor: z.ZodOptional<z.ZodString>;
 declare const ICONS: {
@@ -296,6 +700,14 @@ declare const IconName: z.ZodEnum<{
  * paths. An unsafe link renders as an inert `#` and is logged.
  */
 declare function resolveHref(href: string, ctx: RenderContext): string;
+/**
+ * A link's attributes: its checked href, and for an http(s) link, `rel` and
+ * `target`. An outbound link (`external`), or one that opens a new tab,
+ * gets `rel="noopener noreferrer"` and `data-gs-outbound` (for analytics);
+ * any other absolute link `rel="noopener"`. An outbound link whose href
+ * isn't http(s) (a document that skipped the schema) renders inert.
+ */
+declare function linkAttrs(link: Link, ctx: RenderContext, defaultEvent?: string): Record<string, string>;
 type ButtonTone = "primary" | "secondary" | "outline" | "inverse" | "ghost";
 /** A link drawn as a button: at least 44px tall, with the focus ring. */
 declare function ButtonLink({ link, ctx, tone, className }: {
@@ -310,6 +722,10 @@ declare function TextLink({ link, ctx, className }: {
     ctx: RenderContext;
     className?: string;
 }): React.JSX.Element;
+/** "PDF, 1.2 MB": what a download is, said beside its link. */
+declare function fileDescription(file: FileRef): string;
+/** A file's href: checked again, under the base path when it is a site path. Null when it isn't safe. */
+declare function fileHref(file: FileRef, ctx: RenderContext): string | null;
 interface SiteImageProps {
     image: Image;
     className?: string;
@@ -372,7 +788,7 @@ declare const siteFormSlots: {
 /**
  * @marktiderman/genesis-sites/sections: the built-in section catalog.
  *
- * Importing this module registers the 13 built-in sections (unless a host
+ * Importing this module registers the 20 built-in sections (unless a host
  * registered a replacement first, with `{ replace: true }`). Each is
  * server-safe React on genesis-ui's `Band` and `Display`, mobile first, with
  * 2–4 variants and presets for the editor's Add picker.
@@ -383,4 +799,4 @@ declare const siteFormSlots: {
 /** The built-in sections, in the editor's order. */
 declare const builtInSections: readonly AnySectionDefinition[];
 
-export { Anchor, ButtonLink, HiddenTitle, ICONS, IconName, ItemTitle, SectionBand, SectionIntro, SectionTitle, SiteFormHeader, SiteImage, TextLink, builtInSections, ctaSection, faqSection, featuresSection, footerSection, formEmbedSection, gallerySection, heroSection, logosSection, navSection, pricingSection, resolveHref, richTextSection, siteFormSlots, statsSection, testimonialsSection, titleId };
+export { Anchor, ButtonLink, CHIP_TONES, HiddenTitle, ICONS, IconName, ItemTitle, MAP_PROVIDERS, type MapProvider, type ScheduleSession, SectionBand, SectionIntro, SectionTitle, SiteFormHeader, SiteImage, TextLink, WEEKDAYS, type Weekday, blogListSection, builtInSections, ctaSection, faqSection, featuresSection, fileDescription, fileHref, fileSection, footerSection, formEmbedSection, formatPostDate, formatTime, gallerySection, heroSection, linkAttrs, logosSection, mapEmbedUrl, mapPageUrl, mapSection, navSection, postBodySection, pricingSection, resolveHref, richTextSection, scheduleSection, siteFormSlots, statsSection, teamSection, testimonialsSection, timelineSection, titleId };

package/dist/sections.js

@@ -1,4 +1,6 @@
-export { Anchor, ButtonLink, HiddenTitle, ICONS, IconName, ItemTitle, SectionBand, SectionIntro, SectionTitle, SiteFormHeader, SiteImage, TextLink, builtInSections, ctaSection, faqSection, featuresSection, footerSection, formEmbedSection, gallerySection, heroSection, logosSection, navSection, pricingSection, resolveHref, richTextSection, siteFormSlots, statsSection, testimonialsSection, titleId } from './chunk-43XUAO63.js';
-import './chunk-KEF3V5ZN.js';
+export { Anchor, ButtonLink, CHIP_TONES, HiddenTitle, ICONS, IconName, ItemTitle, MAP_PROVIDERS, SectionBand, SectionIntro, SectionTitle, SiteFormHeader, SiteImage, TextLink, WEEKDAYS, blogListSection, builtInSections, ctaSection, faqSection, featuresSection, fileDescription, fileHref, fileSection, footerSection, formEmbedSection, formatPostDate, formatTime, gallerySection, heroSection, linkAttrs, logosSection, mapEmbedUrl, mapPageUrl, mapSection, navSection, postBodySection, pricingSection, resolveHref, richTextSection, scheduleSection, siteFormSlots, statsSection, teamSection, testimonialsSection, timelineSection, titleId } from './chunk-C375ZPU2.js';
+import './chunk-VZUDRPFG.js';
+import './chunk-ZGWGQGT2.js';
+import './chunk-3VKTBE7S.js';
 //# sourceMappingURL=sections.js.map
 //# sourceMappingURL=sections.js.map