@forjacms/sections-react 1.2.6

package/README.md

@@ -0,0 +1,46 @@
+# @forjacms/sections-react
+
+React wrappers for [`@forjacms/sections`](https://www.npmjs.com/package/@forjacms/sections) Web Components. Auto-generated by [Stencil](https://stenciljs.com/).
+
+## Installation
+
+```bash
+npm install @forjacms/sections @forjacms/sections-react
+```
+
+## Usage
+
+```tsx
+import { ForjaHero, ForjaFeatures, ForjaCta } from '@forjacms/sections-react';
+
+export default function LandingPage() {
+  return (
+    <>
+      <ForjaHero
+        heading="Welcome"
+        subheading="Build something great"
+        primaryLabel="Get Started"
+        primaryHref="/signup"
+      />
+      <ForjaFeatures items={features} columns={3} />
+      <ForjaCta heading="Ready?" buttonLabel="Sign Up" buttonHref="/signup" />
+    </>
+  );
+}
+```
+
+## Available Components
+
+All 24 `@forjacms/sections` Web Components are available as React components with typed props:
+
+`ForjaHero`, `ForjaFeatures`, `ForjaCta`, `ForjaGallery`, `ForjaTestimonials`, `ForjaPricing`, `ForjaFaq`, `ForjaContact`, `ForjaStats`, `ForjaTeam`, `ForjaTimeline`, `ForjaLogoCloud`, `ForjaNewsletter`, `ForjaVideo`, `ForjaDivider`, `ForjaText`, `ForjaPortfolio`, `ForjaTagCloud`, `ForjaProjects`, `ForjaBlog`, `ForjaLegal`, `ForjaNav`, `ForjaFooter`, `ForjaSectionRenderer`
+
+## Peer Dependencies
+
+- `@forjacms/sections` >= 1.2.4
+- `react` >= 18
+- `react-dom` >= 18
+
+## License
+
+AGPL-3.0-or-later

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@forjacms/sections-react",
+  "version": "1.2.6",
+  "description": "React wrappers for @forjacms/sections Web Components. Auto-generated by Stencil.",
+  "author": "Dominik Dorfstetter <dominik@dorfstetter.at>",
+  "type": "module",
+  "main": "src/components.ts",
+  "types": "src/components.ts",
+  "exports": {
+    ".": "./src/components.ts"
+  },
+  "files": [
+    "src"
+  ],
+  "keywords": [
+    "react",
+    "web-components",
+    "stencil",
+    "sections",
+    "forja"
+  ],
+  "license": "AGPL-3.0-or-later",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dominikdorfstetter/forja.git",
+    "directory": "libs/sections-react"
+  },
+  "homepage": "https://github.com/dominikdorfstetter/forja/tree/main/libs/sections-react#readme",
+  "bugs": "https://github.com/dominikdorfstetter/forja/issues",
+  "peerDependencies": {
+    "@forjacms/sections": "^1.2.6",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@stencil/react-output-target": "^0.7.0"
+  }
+}

package/src/components.ts

@@ -0,0 +1,307 @@
+'use client';
+
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+
+/* eslint-disable */
+
+import { type ForjaContactCustomEvent, type ForjaNewsletterCustomEvent } from "@forjacms/sections";
+import { ForjaBlog as ForjaBlogElement, defineCustomElement as defineForjaBlog } from "@forjacms/sections/dist/components/forja-blog.js";
+import { ForjaContact as ForjaContactElement, defineCustomElement as defineForjaContact } from "@forjacms/sections/dist/components/forja-contact.js";
+import { ForjaCta as ForjaCtaElement, defineCustomElement as defineForjaCta } from "@forjacms/sections/dist/components/forja-cta.js";
+import { ForjaDivider as ForjaDividerElement, defineCustomElement as defineForjaDivider } from "@forjacms/sections/dist/components/forja-divider.js";
+import { ForjaFaq as ForjaFaqElement, defineCustomElement as defineForjaFaq } from "@forjacms/sections/dist/components/forja-faq.js";
+import { ForjaFeatures as ForjaFeaturesElement, defineCustomElement as defineForjaFeatures } from "@forjacms/sections/dist/components/forja-features.js";
+import { ForjaFooter as ForjaFooterElement, defineCustomElement as defineForjaFooter } from "@forjacms/sections/dist/components/forja-footer.js";
+import { ForjaGallery as ForjaGalleryElement, defineCustomElement as defineForjaGallery } from "@forjacms/sections/dist/components/forja-gallery.js";
+import { ForjaHero as ForjaHeroElement, defineCustomElement as defineForjaHero } from "@forjacms/sections/dist/components/forja-hero.js";
+import { ForjaLegal as ForjaLegalElement, defineCustomElement as defineForjaLegal } from "@forjacms/sections/dist/components/forja-legal.js";
+import { ForjaLogoCloud as ForjaLogoCloudElement, defineCustomElement as defineForjaLogoCloud } from "@forjacms/sections/dist/components/forja-logo-cloud.js";
+import { ForjaNav as ForjaNavElement, defineCustomElement as defineForjaNav } from "@forjacms/sections/dist/components/forja-nav.js";
+import { ForjaNewsletter as ForjaNewsletterElement, defineCustomElement as defineForjaNewsletter } from "@forjacms/sections/dist/components/forja-newsletter.js";
+import { ForjaPortfolio as ForjaPortfolioElement, defineCustomElement as defineForjaPortfolio } from "@forjacms/sections/dist/components/forja-portfolio.js";
+import { ForjaPricing as ForjaPricingElement, defineCustomElement as defineForjaPricing } from "@forjacms/sections/dist/components/forja-pricing.js";
+import { ForjaProjects as ForjaProjectsElement, defineCustomElement as defineForjaProjects } from "@forjacms/sections/dist/components/forja-projects.js";
+import { ForjaSectionRenderer as ForjaSectionRendererElement, defineCustomElement as defineForjaSectionRenderer } from "@forjacms/sections/dist/components/forja-section-renderer.js";
+import { ForjaStats as ForjaStatsElement, defineCustomElement as defineForjaStats } from "@forjacms/sections/dist/components/forja-stats.js";
+import { ForjaTagCloud as ForjaTagCloudElement, defineCustomElement as defineForjaTagCloud } from "@forjacms/sections/dist/components/forja-tag-cloud.js";
+import { ForjaTeam as ForjaTeamElement, defineCustomElement as defineForjaTeam } from "@forjacms/sections/dist/components/forja-team.js";
+import { ForjaTestimonials as ForjaTestimonialsElement, defineCustomElement as defineForjaTestimonials } from "@forjacms/sections/dist/components/forja-testimonials.js";
+import { ForjaTextBlock as ForjaTextBlockElement, defineCustomElement as defineForjaTextBlock } from "@forjacms/sections/dist/components/forja-text-block.js";
+import { ForjaTimeline as ForjaTimelineElement, defineCustomElement as defineForjaTimeline } from "@forjacms/sections/dist/components/forja-timeline.js";
+import { ForjaVideo as ForjaVideoElement, defineCustomElement as defineForjaVideo } from "@forjacms/sections/dist/components/forja-video.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+type ForjaBlogEvents = NonNullable<unknown>;
+
+export const ForjaBlog: StencilReactComponent<ForjaBlogElement, ForjaBlogEvents> = /*@__PURE__*/ createComponent<ForjaBlogElement, ForjaBlogEvents>({
+    tagName: 'forja-blog',
+    elementClass: ForjaBlogElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaBlogEvents,
+    defineCustomElement: defineForjaBlog
+});
+
+type ForjaContactEvents = { onForjaSubmit: EventName<ForjaContactCustomEvent<FormData>> };
+
+export const ForjaContact: StencilReactComponent<ForjaContactElement, ForjaContactEvents> = /*@__PURE__*/ createComponent<ForjaContactElement, ForjaContactEvents>({
+    tagName: 'forja-contact',
+    elementClass: ForjaContactElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onForjaSubmit: 'forjaSubmit' } as ForjaContactEvents,
+    defineCustomElement: defineForjaContact
+});
+
+type ForjaCtaEvents = NonNullable<unknown>;
+
+export const ForjaCta: StencilReactComponent<ForjaCtaElement, ForjaCtaEvents> = /*@__PURE__*/ createComponent<ForjaCtaElement, ForjaCtaEvents>({
+    tagName: 'forja-cta',
+    elementClass: ForjaCtaElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaCtaEvents,
+    defineCustomElement: defineForjaCta
+});
+
+type ForjaDividerEvents = NonNullable<unknown>;
+
+export const ForjaDivider: StencilReactComponent<ForjaDividerElement, ForjaDividerEvents> = /*@__PURE__*/ createComponent<ForjaDividerElement, ForjaDividerEvents>({
+    tagName: 'forja-divider',
+    elementClass: ForjaDividerElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaDividerEvents,
+    defineCustomElement: defineForjaDivider
+});
+
+type ForjaFaqEvents = NonNullable<unknown>;
+
+export const ForjaFaq: StencilReactComponent<ForjaFaqElement, ForjaFaqEvents> = /*@__PURE__*/ createComponent<ForjaFaqElement, ForjaFaqEvents>({
+    tagName: 'forja-faq',
+    elementClass: ForjaFaqElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaFaqEvents,
+    defineCustomElement: defineForjaFaq
+});
+
+type ForjaFeaturesEvents = NonNullable<unknown>;
+
+export const ForjaFeatures: StencilReactComponent<ForjaFeaturesElement, ForjaFeaturesEvents> = /*@__PURE__*/ createComponent<ForjaFeaturesElement, ForjaFeaturesEvents>({
+    tagName: 'forja-features',
+    elementClass: ForjaFeaturesElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaFeaturesEvents,
+    defineCustomElement: defineForjaFeatures
+});
+
+type ForjaFooterEvents = NonNullable<unknown>;
+
+export const ForjaFooter: StencilReactComponent<ForjaFooterElement, ForjaFooterEvents> = /*@__PURE__*/ createComponent<ForjaFooterElement, ForjaFooterEvents>({
+    tagName: 'forja-footer',
+    elementClass: ForjaFooterElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaFooterEvents,
+    defineCustomElement: defineForjaFooter
+});
+
+type ForjaGalleryEvents = NonNullable<unknown>;
+
+export const ForjaGallery: StencilReactComponent<ForjaGalleryElement, ForjaGalleryEvents> = /*@__PURE__*/ createComponent<ForjaGalleryElement, ForjaGalleryEvents>({
+    tagName: 'forja-gallery',
+    elementClass: ForjaGalleryElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaGalleryEvents,
+    defineCustomElement: defineForjaGallery
+});
+
+type ForjaHeroEvents = NonNullable<unknown>;
+
+export const ForjaHero: StencilReactComponent<ForjaHeroElement, ForjaHeroEvents> = /*@__PURE__*/ createComponent<ForjaHeroElement, ForjaHeroEvents>({
+    tagName: 'forja-hero',
+    elementClass: ForjaHeroElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaHeroEvents,
+    defineCustomElement: defineForjaHero
+});
+
+type ForjaLegalEvents = NonNullable<unknown>;
+
+export const ForjaLegal: StencilReactComponent<ForjaLegalElement, ForjaLegalEvents> = /*@__PURE__*/ createComponent<ForjaLegalElement, ForjaLegalEvents>({
+    tagName: 'forja-legal',
+    elementClass: ForjaLegalElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaLegalEvents,
+    defineCustomElement: defineForjaLegal
+});
+
+type ForjaLogoCloudEvents = NonNullable<unknown>;
+
+export const ForjaLogoCloud: StencilReactComponent<ForjaLogoCloudElement, ForjaLogoCloudEvents> = /*@__PURE__*/ createComponent<ForjaLogoCloudElement, ForjaLogoCloudEvents>({
+    tagName: 'forja-logo-cloud',
+    elementClass: ForjaLogoCloudElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaLogoCloudEvents,
+    defineCustomElement: defineForjaLogoCloud
+});
+
+type ForjaNavEvents = {
+    onForjaThemeToggle: EventName<CustomEvent<void>>,
+    onForjaLocaleChange: EventName<CustomEvent<string>>
+};
+
+export const ForjaNav: StencilReactComponent<ForjaNavElement, ForjaNavEvents> = /*@__PURE__*/ createComponent<ForjaNavElement, ForjaNavEvents>({
+    tagName: 'forja-nav',
+    elementClass: ForjaNavElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onForjaThemeToggle: 'forjaThemeToggle',
+        onForjaLocaleChange: 'forjaLocaleChange'
+    } as ForjaNavEvents,
+    defineCustomElement: defineForjaNav
+});
+
+type ForjaNewsletterEvents = { onForjaSubmit: EventName<ForjaNewsletterCustomEvent<FormData>> };
+
+export const ForjaNewsletter: StencilReactComponent<ForjaNewsletterElement, ForjaNewsletterEvents> = /*@__PURE__*/ createComponent<ForjaNewsletterElement, ForjaNewsletterEvents>({
+    tagName: 'forja-newsletter',
+    elementClass: ForjaNewsletterElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onForjaSubmit: 'forjaSubmit' } as ForjaNewsletterEvents,
+    defineCustomElement: defineForjaNewsletter
+});
+
+type ForjaPortfolioEvents = NonNullable<unknown>;
+
+export const ForjaPortfolio: StencilReactComponent<ForjaPortfolioElement, ForjaPortfolioEvents> = /*@__PURE__*/ createComponent<ForjaPortfolioElement, ForjaPortfolioEvents>({
+    tagName: 'forja-portfolio',
+    elementClass: ForjaPortfolioElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaPortfolioEvents,
+    defineCustomElement: defineForjaPortfolio
+});
+
+type ForjaPricingEvents = NonNullable<unknown>;
+
+export const ForjaPricing: StencilReactComponent<ForjaPricingElement, ForjaPricingEvents> = /*@__PURE__*/ createComponent<ForjaPricingElement, ForjaPricingEvents>({
+    tagName: 'forja-pricing',
+    elementClass: ForjaPricingElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaPricingEvents,
+    defineCustomElement: defineForjaPricing
+});
+
+type ForjaProjectsEvents = NonNullable<unknown>;
+
+export const ForjaProjects: StencilReactComponent<ForjaProjectsElement, ForjaProjectsEvents> = /*@__PURE__*/ createComponent<ForjaProjectsElement, ForjaProjectsEvents>({
+    tagName: 'forja-projects',
+    elementClass: ForjaProjectsElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaProjectsEvents,
+    defineCustomElement: defineForjaProjects
+});
+
+type ForjaSectionRendererEvents = NonNullable<unknown>;
+
+export const ForjaSectionRenderer: StencilReactComponent<ForjaSectionRendererElement, ForjaSectionRendererEvents> = /*@__PURE__*/ createComponent<ForjaSectionRendererElement, ForjaSectionRendererEvents>({
+    tagName: 'forja-section-renderer',
+    elementClass: ForjaSectionRendererElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaSectionRendererEvents,
+    defineCustomElement: defineForjaSectionRenderer
+});
+
+type ForjaStatsEvents = NonNullable<unknown>;
+
+export const ForjaStats: StencilReactComponent<ForjaStatsElement, ForjaStatsEvents> = /*@__PURE__*/ createComponent<ForjaStatsElement, ForjaStatsEvents>({
+    tagName: 'forja-stats',
+    elementClass: ForjaStatsElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaStatsEvents,
+    defineCustomElement: defineForjaStats
+});
+
+type ForjaTagCloudEvents = NonNullable<unknown>;
+
+export const ForjaTagCloud: StencilReactComponent<ForjaTagCloudElement, ForjaTagCloudEvents> = /*@__PURE__*/ createComponent<ForjaTagCloudElement, ForjaTagCloudEvents>({
+    tagName: 'forja-tag-cloud',
+    elementClass: ForjaTagCloudElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaTagCloudEvents,
+    defineCustomElement: defineForjaTagCloud
+});
+
+type ForjaTeamEvents = NonNullable<unknown>;
+
+export const ForjaTeam: StencilReactComponent<ForjaTeamElement, ForjaTeamEvents> = /*@__PURE__*/ createComponent<ForjaTeamElement, ForjaTeamEvents>({
+    tagName: 'forja-team',
+    elementClass: ForjaTeamElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaTeamEvents,
+    defineCustomElement: defineForjaTeam
+});
+
+type ForjaTestimonialsEvents = NonNullable<unknown>;
+
+export const ForjaTestimonials: StencilReactComponent<ForjaTestimonialsElement, ForjaTestimonialsEvents> = /*@__PURE__*/ createComponent<ForjaTestimonialsElement, ForjaTestimonialsEvents>({
+    tagName: 'forja-testimonials',
+    elementClass: ForjaTestimonialsElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaTestimonialsEvents,
+    defineCustomElement: defineForjaTestimonials
+});
+
+type ForjaTextBlockEvents = NonNullable<unknown>;
+
+export const ForjaTextBlock: StencilReactComponent<ForjaTextBlockElement, ForjaTextBlockEvents> = /*@__PURE__*/ createComponent<ForjaTextBlockElement, ForjaTextBlockEvents>({
+    tagName: 'forja-text-block',
+    elementClass: ForjaTextBlockElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaTextBlockEvents,
+    defineCustomElement: defineForjaTextBlock
+});
+
+type ForjaTimelineEvents = NonNullable<unknown>;
+
+export const ForjaTimeline: StencilReactComponent<ForjaTimelineElement, ForjaTimelineEvents> = /*@__PURE__*/ createComponent<ForjaTimelineElement, ForjaTimelineEvents>({
+    tagName: 'forja-timeline',
+    elementClass: ForjaTimelineElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaTimelineEvents,
+    defineCustomElement: defineForjaTimeline
+});
+
+type ForjaVideoEvents = NonNullable<unknown>;
+
+export const ForjaVideo: StencilReactComponent<ForjaVideoElement, ForjaVideoEvents> = /*@__PURE__*/ createComponent<ForjaVideoElement, ForjaVideoEvents>({
+    tagName: 'forja-video',
+    elementClass: ForjaVideoElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {} as ForjaVideoEvents,
+    defineCustomElement: defineForjaVideo
+});