@openwarelabs/blocks 0.8.0 → 0.9.0

package/dist/index.d.cts

@@ -48,4 +48,10 @@ export { Footer03 } from "./footers/Footer03/Footer03.cjs";
 export type { Footer03Labels, Footer03Newsletter, Footer03Props } from "./footers/Footer03/Footer03.types.cjs";
 export { Footer04 } from "./footers/Footer04/Footer04.cjs";
 export type { Footer04Props } from "./footers/Footer04/Footer04.types.cjs";
+export { Cta01 } from "./calls-to-action/Cta01/Cta01.cjs";
+export type { Cta01Props } from "./calls-to-action/Cta01/Cta01.types.cjs";
+export { Cta02 } from "./calls-to-action/Cta02/Cta02.cjs";
+export type { Cta02Props } from "./calls-to-action/Cta02/Cta02.types.cjs";
+export { Cta03 } from "./calls-to-action/Cta03/Cta03.cjs";
+export type { Cta03Props } from "./calls-to-action/Cta03/Cta03.types.cjs";
 export type { BlockAction, BlockBrand, BlockLink, FooterColumn, HeaderLink } from "./shared/shared.types.cjs";

package/dist/index.d.ts

@@ -48,4 +48,10 @@ export { Footer03 } from "./footers/Footer03/Footer03.js";
 export type { Footer03Labels, Footer03Newsletter, Footer03Props } from "./footers/Footer03/Footer03.types.js";
 export { Footer04 } from "./footers/Footer04/Footer04.js";
 export type { Footer04Props } from "./footers/Footer04/Footer04.types.js";
+export { Cta01 } from "./calls-to-action/Cta01/Cta01.js";
+export type { Cta01Props } from "./calls-to-action/Cta01/Cta01.types.js";
+export { Cta02 } from "./calls-to-action/Cta02/Cta02.js";
+export type { Cta02Props } from "./calls-to-action/Cta02/Cta02.types.js";
+export { Cta03 } from "./calls-to-action/Cta03/Cta03.js";
+export type { Cta03Props } from "./calls-to-action/Cta03/Cta03.types.js";
 export type { BlockAction, BlockBrand, BlockLink, FooterColumn, HeaderLink } from "./shared/shared.types.js";

package/dist/index.js

@@ -1569,7 +1569,71 @@ function Footer04({ title, titleMuted, primaryAction, columns, legal, legalLinks
     /* @__PURE__ */ jsx28("div", { className: "ow-footer04__name", "aria-hidden": "true", children: /* @__PURE__ */ jsx28("div", { className: "ow-footer04__crop", children: /* @__PURE__ */ jsx28("span", { children: wordmark }) }) })
   ] }) });
 }
+
+// blocks/src/calls-to-action/Cta01/Cta01.tsx
+import { useId as useId22 } from "react";
+import { cx as cx27, DotGrid as DotGrid3, Text as Text25 } from "@openwarelabs/ui";
+import { jsx as jsx29, jsxs as jsxs30 } from "react/jsx-runtime";
+function Cta01({ title, description, primaryAction, secondaryAction, note, className, ...props }) {
+  const id = useId22();
+  return /* @__PURE__ */ jsx29("section", { className: cx27("ow-cta01", className), "aria-labelledby": id, ...props, children: /* @__PURE__ */ jsx29(DotGrid3, { fade: true, className: "ow-cta01__panel", children: /* @__PURE__ */ jsxs30("div", { className: "ow-cta01__content", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "ow-cta01__text", children: [
+      /* @__PURE__ */ jsx29(Text25, { variant: "section-title", id, children: title }),
+      description ? /* @__PURE__ */ jsx29(Text25, { variant: "lead", className: "ow-cta01__lead", children: description }) : null
+    ] }),
+    /* @__PURE__ */ jsxs30("div", { className: "ow-cta01__side", children: [
+      /* @__PURE__ */ jsx29(BlockActions, { className: "ow-cta01__actions", primary: primaryAction, secondary: secondaryAction }),
+      note ? /* @__PURE__ */ jsx29(Text25, { as: "p", variant: "caption", className: "ow-cta01__note", children: note }) : null
+    ] })
+  ] }) }) });
+}
+
+// blocks/src/calls-to-action/Cta02/Cta02.tsx
+import { useId as useId23 } from "react";
+import { cx as cx28, DotGrid as DotGrid4, Link as Link16, Text as Text26 } from "@openwarelabs/ui";
+import { jsx as jsx30, jsxs as jsxs31 } from "react/jsx-runtime";
+function Cta02({ eyebrow, title, description, primaryAction, secondaryLink, facts, className, ...props }) {
+  const id = useId23();
+  return /* @__PURE__ */ jsx30("section", { className: cx28("ow-cta02", className), "aria-labelledby": id, ...props, children: /* @__PURE__ */ jsx30(DotGrid4, { fade: true, className: "ow-cta02__plate", children: /* @__PURE__ */ jsxs31("div", { className: "ow-cta02__content", children: [
+    eyebrow ? /* @__PURE__ */ jsx30(Text26, { as: "p", variant: "body", className: "ow-cta02__eyebrow", children: eyebrow }) : null,
+    /* @__PURE__ */ jsx30(Text26, { as: "h2", variant: "page-title", id, className: "ow-cta02__title", children: title }),
+    description ? /* @__PURE__ */ jsx30(Text26, { variant: "lead", className: "ow-cta02__lead", children: description }) : null,
+    /* @__PURE__ */ jsxs31("div", { className: "ow-cta02__actions", children: [
+      /* @__PURE__ */ jsx30(BlockActionButton, { action: primaryAction, variant: "secondary", className: "ow-cta02__action" }),
+      secondaryLink ? /* @__PURE__ */ jsxs31(Link16, { href: secondaryLink.href, variant: "standalone", className: "ow-cta02__link", children: [
+        /* @__PURE__ */ jsx30(Text26, { variant: "label", children: secondaryLink.label }),
+        /* @__PURE__ */ jsx30(ArrowRightIcon, { size: 16 })
+      ] }) : null
+    ] }),
+    facts?.length ? /* @__PURE__ */ jsx30("ul", { className: "ow-cta02__facts", children: facts.map((fact, index) => /* @__PURE__ */ jsxs31(Text26, { as: "li", variant: "body", children: [
+      /* @__PURE__ */ jsx30(CheckIcon, { size: 15 }),
+      fact
+    ] }, index)) }) : null
+  ] }) }) });
+}
+
+// blocks/src/calls-to-action/Cta03/Cta03.tsx
+import { useId as useId24 } from "react";
+import { cx as cx29, SectionHeading as SectionHeading11, Text as Text27 } from "@openwarelabs/ui";
+import { jsx as jsx31, jsxs as jsxs32 } from "react/jsx-runtime";
+function Cta03({ eyebrow, title, description, primaryAction, secondaryAction, points, visual, className, ...props }) {
+  const id = useId24();
+  return /* @__PURE__ */ jsx31("section", { className: cx29("ow-cta03", className), "aria-labelledby": id, ...props, children: /* @__PURE__ */ jsxs32("div", { className: "ow-cta03__inner", children: [
+    /* @__PURE__ */ jsxs32("div", { children: [
+      /* @__PURE__ */ jsx31(SectionHeading11, { eyebrow, title: /* @__PURE__ */ jsx31("span", { id, children: title }), intro: description }),
+      /* @__PURE__ */ jsx31(BlockActions, { className: "ow-cta03__actions", primary: primaryAction, secondary: secondaryAction }),
+      points?.length ? /* @__PURE__ */ jsx31("ul", { className: "ow-cta03__points", children: points.map((point, index) => /* @__PURE__ */ jsxs32(Text27, { as: "li", variant: "body", tone: "soft", children: [
+        /* @__PURE__ */ jsx31(CheckIcon, { size: 16 }),
+        point
+      ] }, index)) }) : null
+    ] }),
+    visual
+  ] }) });
+}
 export {
+  Cta01,
+  Cta02,
+  Cta03,
   Features01,
   Features02,
   Features03,