@marktiderman/genesis-sites 0.0.0-stage → 0.1.0

package/dist/sections.d.ts

@@ -0,0 +1,386 @@
+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 * 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';
+
+declare const ctaSection: Readonly<SectionDefinition<{
+    heading: string;
+    primaryCta: {
+        label: string;
+        href: string;
+        newTab?: boolean | undefined;
+    };
+    surface: "base" | "muted" | "accent" | "inverse";
+    body?: string | undefined;
+    secondaryCta?: {
+        label: string;
+        href: string;
+        newTab?: boolean | undefined;
+    } | undefined;
+    anchor?: string | undefined;
+}>>;
+
+declare const faqSection: Readonly<SectionDefinition<{
+    heading: string;
+    items: {
+        question: string;
+        answer: string;
+    }[];
+    surface: "base" | "muted" | "accent" | "inverse";
+    body?: string | undefined;
+    anchor?: string | undefined;
+}>>;
+
+declare const featuresSection: Readonly<SectionDefinition<{
+    heading: string;
+    items: {
+        title: string;
+        body: string;
+        icon?: "check" | "message" | "target" | "activity" | "award" | "calendar" | "clock" | "dumbbell" | "heart" | "leaf" | "mail" | "map-pin" | "phone" | "shield" | "smile" | "sparkles" | "star" | "trophy" | "users" | "zap" | undefined;
+        image?: {
+            src: string;
+            alt: string;
+            decorative?: boolean | undefined;
+            width?: number | undefined;
+            height?: number | undefined;
+            focal?: {
+                x: number;
+                y: number;
+            } | undefined;
+        } | undefined;
+        link?: {
+            label: string;
+            href: string;
+            newTab?: boolean | undefined;
+        } | undefined;
+    }[];
+    columns: 2 | 4 | 3;
+    surface: "base" | "muted" | "accent" | "inverse";
+    eyebrow?: string | undefined;
+    body?: string | undefined;
+    anchor?: string | undefined;
+}>>;
+
+declare const footerSection: Readonly<SectionDefinition<{
+    columns: {
+        heading: string;
+        links: {
+            label: string;
+            href: string;
+            newTab?: boolean | undefined;
+        }[];
+    }[];
+    links: {
+        label: string;
+        href: string;
+        newTab?: boolean | undefined;
+    }[];
+    surface: "base" | "muted" | "accent" | "inverse";
+    tagline?: string | undefined;
+    copyright?: string | undefined;
+}>>;
+
+declare const formEmbedSection: Readonly<SectionDefinition<{
+    heading: string;
+    form: string;
+    surface: "base" | "muted" | "accent" | "inverse";
+    anchor: string;
+    body?: string | undefined;
+}>>;
+
+declare const gallerySection: Readonly<SectionDefinition<{
+    images: {
+        src: string;
+        alt: string;
+        decorative?: boolean | undefined;
+        width?: number | undefined;
+        height?: number | undefined;
+        focal?: {
+            x: number;
+            y: number;
+        } | undefined;
+        caption?: string | undefined;
+    }[];
+    surface: "base" | "muted" | "accent" | "inverse";
+    heading?: string | undefined;
+    body?: string | undefined;
+    anchor?: string | undefined;
+}>>;
+
+declare const heroSection: Readonly<SectionDefinition<{
+    heading: string;
+    eyebrow?: string | undefined;
+    body?: string | undefined;
+    primaryCta?: {
+        label: string;
+        href: string;
+        newTab?: boolean | undefined;
+    } | undefined;
+    secondaryCta?: {
+        label: string;
+        href: string;
+        newTab?: boolean | undefined;
+    } | undefined;
+    image?: {
+        src: string;
+        alt: string;
+        decorative?: boolean | undefined;
+        width?: number | undefined;
+        height?: number | undefined;
+        focal?: {
+            x: number;
+            y: number;
+        } | undefined;
+    } | undefined;
+    anchor?: string | undefined;
+}>>;
+
+declare const logosSection: Readonly<SectionDefinition<{
+    items: {
+        name: string;
+        image: {
+            src: string;
+            alt: string;
+            decorative?: boolean | undefined;
+            width?: number | undefined;
+            height?: number | undefined;
+            focal?: {
+                x: number;
+                y: number;
+            } | undefined;
+        };
+        href?: string | undefined;
+    }[];
+    surface: "base" | "muted" | "accent" | "inverse";
+    heading?: string | undefined;
+    anchor?: string | undefined;
+}>>;
+
+declare const navSection: Readonly<SectionDefinition<{
+    showName: boolean;
+    logo?: {
+        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;
+    } | undefined;
+}>>;
+
+declare const pricingSection: Readonly<SectionDefinition<{
+    heading: string;
+    tiers: {
+        name: string;
+        price: string;
+        features: string[];
+        period?: string | undefined;
+        description?: string | undefined;
+        cta?: {
+            label: string;
+            href: string;
+            newTab?: boolean | undefined;
+        } | undefined;
+        highlighted?: boolean | undefined;
+    }[];
+    surface: "base" | "muted" | "accent" | "inverse";
+    body?: string | undefined;
+    note?: string | undefined;
+    anchor?: string | undefined;
+}>>;
+
+declare const richTextSection: Readonly<SectionDefinition<{
+    body: {
+        type: "doc";
+        content?: Record<string, unknown>[] | undefined;
+    };
+    surface: "base" | "muted" | "accent" | "inverse";
+    heading?: string | undefined;
+    anchor?: string | undefined;
+}>>;
+
+declare const statsSection: Readonly<SectionDefinition<{
+    items: {
+        value: string;
+        label: string;
+    }[];
+    surface: "base" | "muted" | "accent" | "inverse";
+    heading?: string | undefined;
+    body?: string | undefined;
+    anchor?: string | undefined;
+}>>;
+
+declare const testimonialsSection: Readonly<SectionDefinition<{
+    items: {
+        quote: string;
+        name: string;
+        role?: string | undefined;
+        avatar?: {
+            src: string;
+            alt: string;
+            decorative?: boolean | undefined;
+            width?: number | undefined;
+            height?: number | undefined;
+            focal?: {
+                x: number;
+                y: number;
+            } | undefined;
+        } | undefined;
+    }[];
+    surface: "base" | "muted" | "accent" | "inverse";
+    heading?: 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: {
+    activity: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    award: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    calendar: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    check: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    clock: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    dumbbell: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    heart: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    leaf: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    mail: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    "map-pin": React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    message: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    phone: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    shield: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    smile: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    sparkles: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    star: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    target: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    trophy: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    users: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    zap: React.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+};
+type IconName = keyof typeof ICONS;
+declare const IconName: z.ZodEnum<{
+    check: "check";
+    message: "message";
+    target: "target";
+    activity: "activity";
+    award: "award";
+    calendar: "calendar";
+    clock: "clock";
+    dumbbell: "dumbbell";
+    heart: "heart";
+    leaf: "leaf";
+    mail: "mail";
+    "map-pin": "map-pin";
+    phone: "phone";
+    shield: "shield";
+    smile: "smile";
+    sparkles: "sparkles";
+    star: "star";
+    trophy: "trophy";
+    users: "users";
+    zap: "zap";
+}>;
+/**
+ * A stored link as it prints: checked again (a document that skipped the
+ * schema can't smuggle `javascript:` in), with the host's base path on site
+ * paths. An unsafe link renders as an inert `#` and is logged.
+ */
+declare function resolveHref(href: string, ctx: RenderContext): 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 }: {
+    link: Link;
+    ctx: RenderContext;
+    tone?: ButtonTone;
+    className?: string;
+}): React.JSX.Element;
+/** A text link: underlined, at least 24px tall (WCAG 2.5.8). */
+declare function TextLink({ link, ctx, className }: {
+    link: Link;
+    ctx: RenderContext;
+    className?: string;
+}): React.JSX.Element;
+interface SiteImageProps {
+    image: Image;
+    className?: string;
+    /** `sizes` for the browser's pick; the image is one source here (image CDN transforms are V1). */
+    sizes?: string;
+    /** The page's largest image (a hero): loaded eagerly, at high priority. */
+    priority?: boolean;
+    ctx: RenderContext;
+}
+/** An image with alt text (empty when decorative), its size to stop layout shift, and lazy loading below the fold. */
+declare function SiteImage({ image, className, sizes, priority, ctx }: SiteImageProps): React.JSX.Element | null;
+/** The section's title, at the level the page gives it (h1 for the page's main heading). */
+declare function SectionTitle({ ctx, id, size, className, children }: {
+    ctx: RenderContext;
+    id: string;
+    size?: "xl" | "lg" | "md" | "sm";
+    className?: string;
+    children: React.ReactNode;
+}): React.JSX.Element;
+/** An item's title inside a section: one level below the section's. */
+declare function ItemTitle({ ctx, className, children }: {
+    ctx: RenderContext;
+    className?: string;
+    children: React.ReactNode;
+}): React.JSX.Element;
+declare const titleId: (ctx: RenderContext, part?: string) => string;
+/** The band a body section sits on, named by its title. */
+declare function SectionBand({ node, ctx, anchor, surface, spacing, width, labelled, className, children, }: {
+    node: SectionNode;
+    ctx: RenderContext;
+    anchor?: string | undefined;
+    surface?: Surface;
+    spacing?: BandProps["spacing"];
+    width?: BandProps["width"];
+    labelled?: boolean;
+    className?: string;
+    children: React.ReactNode;
+}): React.JSX.Element;
+/** A section's heading block: an eyebrow, the title and a lead, centred or left. */
+declare function SectionIntro({ ctx, eyebrow, heading, body, align, tone, size, }: {
+    ctx: RenderContext;
+    eyebrow?: string | undefined;
+    heading?: string | undefined;
+    body?: string | undefined;
+    align?: "center" | "left";
+    tone?: "muted" | "inherit";
+    size?: "xl" | "lg" | "md" | "sm";
+}): React.JSX.Element | null;
+/** A section with no visible title still needs a name: a visually hidden one. */
+declare function HiddenTitle({ ctx, children }: {
+    ctx: RenderContext;
+    children: React.ReactNode;
+}): React.JSX.Element;
+
+declare function SiteFormHeader({ title, description, requiredNote }: HeaderSlotProps): React.JSX.Element;
+declare const siteFormSlots: {
+    header: typeof SiteFormHeader;
+};
+
+/**
+ * @marktiderman/genesis-sites/sections: the built-in section catalog.
+ *
+ * Importing this module registers the 13 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.
+ *
+ * @packageDocumentation
+ */
+
+/** 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 };

package/dist/sections.js

@@ -0,0 +1,4 @@
+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';
+//# sourceMappingURL=sections.js.map
+//# sourceMappingURL=sections.js.map

package/dist/sections.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"sections.js"}