@kickstartds/ds-agency-premium 1.6.71--canary.1933.9f7ec0c.0 → 1.6.71--canary.45.1941.0

package/dist/BlogOverviewProps-d62a0a9a.d.ts

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-2fd5dbde.js";
+import { SectionProps } from "./SectionProps-00ddee3a.js";
 import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
 import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";

package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-c04a5ed8.d.ts}

@@ -4,8 +4,8 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
-import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
-import { SectionProps } from "./SectionProps-2fd5dbde.js";
+import { BlogAsideProps } from "./BlogAsideProps-fb0241df.js";
+import { SectionProps } from "./SectionProps-00ddee3a.js";
 import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

package/dist/PageProps-aa29c554.d.ts

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-2fd5dbde.js";
+import { SectionProps } from "./SectionProps-00ddee3a.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
  * Collection of sections (with their contents) to render on the page

package/dist/{SectionProps-2fd5dbde.d.ts → SectionProps-00ddee3a.d.ts}

@@ -10,7 +10,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-fec6b267.js";
 import { HtmlProps } from "./HtmlProps-9d091769.js";
-import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
+import { ImageStoryProps } from "./ImageStoryProps-00ddee3a.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";
@@ -28,7 +28,7 @@ type Width = "full" | "max" | "wide" | "default" | "narrow";
 /**
  * Style of background
  */
-type Style = "default" | "framed" | "shine-left" | "shine-right" | "carbon";
+type Style = "default" | "framed" | "deko";
 /**
  * Color of background
  */

package/dist/SliderProps-789f8508.d.ts

@@ -50,7 +50,7 @@ interface SliderProps {
     equalHeight?: EqualizeSlidesHeights;
     gap?: Gap;
     arrows?: ShowArrows;
-    type?: Type;
+    variant?: Type;
     className?: Class;
     components?: Content;
 }

package/dist/{StatProps-12a3eae0.d.ts → StatProps-79109ad0.d.ts}

@@ -6,7 +6,7 @@
 /**
  * The number of the stat
  */
-type Number = number;
+type Number = string;
 /**
  * Optional description of the stat
  */

package/dist/StatsProps-bf5ef578.d.ts

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { StatProps } from "./StatProps-12a3eae0.js";
+import { StatProps } from "./StatProps-79109ad0.js";
 /**
  * The stats to display with a number upcounter
  *

package/dist/components/blog-aside/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { BlogAsideProps } from "../../BlogAsideProps-c760fd2a.js";
+import { BlogAsideProps } from "../../BlogAsideProps-fb0241df.js";
 declare const BlogAsideContextDefault: import("react").ForwardRefExoticComponent<BlogAsideProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogAsideContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogAsideProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogAside: import("react").ForwardRefExoticComponent<BlogAsideProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/blog-aside/index.js

@@ -7,6 +7,7 @@ import { PostShareBar } from '@kickstartds/blog/lib/post-share-bar';
 import { Container } from '@kickstartds/core/lib/container';
 import { BlogAuthor } from '../blog-author/index.js';
 import { Headline } from '../headline/index.js';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import '../contact/index.js';
 import '@kickstartds/base/lib/picture';
 import '@kickstartds/base/lib/contact';
@@ -16,6 +17,10 @@ import '@kickstartds/base/lib/rich-text';
 import 'markdown-to-jsx';
 import '@kickstartds/base/lib/headline';
 
+const defaults = {
+    "socialSharing": []
+};
+
 const BlogAsideContextDefault = forwardRef(({ author, socialSharing, readingTime, date, className, ...props }, ref) => {
     const socialLinks = socialSharing?.map((link) => {
         return {
@@ -40,7 +45,7 @@ const BlogAsideContextDefault = forwardRef(({ author, socialSharing, readingTime
 const BlogAsideContext = createContext(BlogAsideContextDefault);
 const BlogAside = forwardRef((props, ref) => {
     const Component = useContext(BlogAsideContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 BlogAside.displayName = "BlogAside";
 

package/dist/components/blog-author/index.js

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { Contact } from '../contact/index.js';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import 'classnames';
 import '@kickstartds/base/lib/picture';
 import '@kickstartds/base/lib/contact';
@@ -9,13 +10,21 @@ import '@kickstartds/base/lib/icon';
 import '@kickstartds/base/lib/rich-text';
 import '@kickstartds/core/lib/container';
 
+const defaults = {
+    "image": {
+        "fullWidth": false,
+        "aspectRatio": "square"
+    },
+    "links": []
+};
+
 const BlogAuthorContextDefault = forwardRef(({ name, byline, image, links, ...props }, ref) => {
     return (jsx(Contact, { ref: ref, ...props, className: "dsa-blog-aside__author", title: name, subtitle: byline, image: image, links: links }));
 });
 const BlogAuthorContext = createContext(BlogAuthorContextDefault);
 const BlogAuthor = forwardRef((props, ref) => {
     const Component = useContext(BlogAuthorContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 BlogAuthor.displayName = "BlogAuthor";
 

package/dist/components/blog-head/index.js

@@ -2,6 +2,11 @@ import "./blog-head.css";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { PostHead } from '@kickstartds/blog/lib/post-head';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "tags": []
+};
 
 const BlogHeadContextDefault = forwardRef(({ date, tags = [], headline, image, alt, ...rest }, ref) => {
     return (jsx(PostHead, { ...rest, className: "dsa-blog-head", date: date, headline: { text: headline, level: "h1", align: "left" }, image: { src: image, alt: alt || headline }, categories: tags.map((tag) => {
@@ -11,7 +16,7 @@ const BlogHeadContextDefault = forwardRef(({ date, tags = [], headline, image, a
 const BlogHeadContext = createContext(BlogHeadContextDefault);
 const BlogHead = forwardRef((props, ref) => {
     const Component = useContext(BlogHeadContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 BlogHead.displayName = "BlogHead";
 

package/dist/components/blog-overview/blog-overview.schema.dereffed.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/cms/blog-overview.schema.json",
+  "$id": "http://cms.mydesignsystem.com/blog-overview.schema.json",
   "title": "Blog Overview",
   "description": "Abstracts a blog overview concept into JSON schema",
   "type": "object",
@@ -39,9 +39,7 @@
             "enum": [
               "default",
               "framed",
-              "shine-left",
-              "shine-right",
-              "carbon"
+              "deko"
             ],
             "default": "default"
           },
@@ -67,7 +65,7 @@
               "to-bold",
               "to-inverted"
             ],
-            "default": "default"
+            "default": "to-default"
           },
           "backgroundImage": {
             "title": "Background image",
@@ -899,7 +897,7 @@
                         "bottom"
                       ],
                       "type": "string",
-                      "default": "bottom"
+                      "default": "below"
                     },
                     "type": {
                       "const": "hero"
@@ -1535,8 +1533,15 @@
                         true
                       ]
                     },
-                    "type": {
-                      "const": "slider"
+                    "variant": {
+                      "title": "Type",
+                      "description": "Type of the movement",
+                      "type": "string",
+                      "enum": [
+                        "slider",
+                        "carousel"
+                      ],
+                      "default": "carousel"
                     },
                     "className": {
                       "title": "Class",
@@ -2114,7 +2119,7 @@
                                   "bottom"
                                 ],
                                 "type": "string",
-                                "default": "bottom"
+                                "default": "below"
                               },
                               "type": {
                                 "const": "hero"
@@ -2347,12 +2352,13 @@
                                     "number": {
                                       "title": "Number",
                                       "description": "The number of the stat",
-                                      "type": "integer",
+                                      "type": "string",
                                       "examples": [
-                                        1,
-                                        2,
-                                        3,
-                                        4
+                                        "1",
+                                        "5x",
+                                        "2",
+                                        "40%",
+                                        "bis zu 100"
                                       ]
                                     },
                                     "description": {
@@ -2672,15 +2678,8 @@
                         ]
                       }
                     },
-                    "typeProp": {
-                      "title": "Type",
-                      "description": "Type of the movement",
-                      "type": "string",
-                      "enum": [
-                        "slider",
-                        "carousel"
-                      ],
-                      "default": "carousel"
+                    "type": {
+                      "const": "slider"
                     }
                   },
                   "additionalProperties": false
@@ -2706,12 +2705,13 @@
                           "number": {
                             "title": "Number",
                             "description": "The number of the stat",
-                            "type": "integer",
+                            "type": "string",
                             "examples": [
-                              1,
-                              2,
-                              3,
-                              4
+                              "1",
+                              "5x",
+                              "2",
+                              "40%",
+                              "bis zu 100"
                             ]
                           },
                           "description": {
@@ -3149,7 +3149,7 @@
                         "corner"
                       ],
                       "type": "string",
-                      "default": "bottom"
+                      "default": "center"
                     },
                     "type": {
                       "const": "video-curtain"
@@ -3929,13 +3929,10 @@
     },
     "seo": {
       "$schema": "http://json-schema.org/draft-07/schema#",
-      "$id": "http://schema.mydesignsystem.com/cms/seo.schema.json",
+      "$id": "http://cms.mydesignsystem.com/seo.schema.json",
       "title": "Seo",
       "description": "Abstracts SEO settings for a website into JSON schema",
       "type": "object",
-      "required": [
-        "title"
-      ],
       "properties": {
         "title": {
           "type": "string",
@@ -3968,6 +3965,9 @@
           "const": "seo"
         }
       },
+      "required": [
+        "title"
+      ],
       "additionalProperties": false
     },
     "type": {

package/dist/components/blog-overview/blog-overview.schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/cms/blog-overview.schema.json",
+  "$id": "http://cms.mydesignsystem.com/blog-overview.schema.json",
   "title": "Blog Overview",
   "description": "Abstracts a blog overview concept into JSON schema",
   "type": "object",
@@ -55,7 +55,7 @@
       "$ref": "http://schema.mydesignsystem.com/cta.schema.json"
     },
     "seo": {
-      "$ref": "http://schema.mydesignsystem.com/cms/seo.schema.json"
+      "$ref": "http://cms.mydesignsystem.com/seo.schema.json"
     }
   }
 }

package/dist/components/blog-overview/index.js

@@ -9,6 +9,7 @@ import '@kickstartds/core/lib/react';
 import '@kickstartds/base/lib/section';
 import '../section/js/Section.client.js';
 import '@kickstartds/core/lib/component';
+import '../../helpers-12f48df8.js';
 import '@kickstartds/blog/lib/post-teaser';
 import '@kickstartds/core/lib/container';
 import '@kickstartds/content/lib/storytelling';

package/dist/components/blog-post/blog-post.schema.dereffed.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/cms/blog-post.schema.json",
+  "$id": "http://cms.mydesignsystem.com/blog-post.schema.json",
   "title": "Blog Post",
   "description": "Abstracts a blog post concept into JSON schema",
   "type": "object",
@@ -323,9 +323,7 @@
             "enum": [
               "default",
               "framed",
-              "shine-left",
-              "shine-right",
-              "carbon"
+              "deko"
             ],
             "default": "default"
           },
@@ -351,7 +349,7 @@
               "to-bold",
               "to-inverted"
             ],
-            "default": "default"
+            "default": "to-default"
           },
           "backgroundImage": {
             "title": "Background image",
@@ -1183,7 +1181,7 @@
                         "bottom"
                       ],
                       "type": "string",
-                      "default": "bottom"
+                      "default": "below"
                     },
                     "type": {
                       "const": "hero"
@@ -1819,8 +1817,15 @@
                         true
                       ]
                     },
-                    "type": {
-                      "const": "slider"
+                    "variant": {
+                      "title": "Type",
+                      "description": "Type of the movement",
+                      "type": "string",
+                      "enum": [
+                        "slider",
+                        "carousel"
+                      ],
+                      "default": "carousel"
                     },
                     "className": {
                       "title": "Class",
@@ -2398,7 +2403,7 @@
                                   "bottom"
                                 ],
                                 "type": "string",
-                                "default": "bottom"
+                                "default": "below"
                               },
                               "type": {
                                 "const": "hero"
@@ -2631,12 +2636,13 @@
                                     "number": {
                                       "title": "Number",
                                       "description": "The number of the stat",
-                                      "type": "integer",
+                                      "type": "string",
                                       "examples": [
-                                        1,
-                                        2,
-                                        3,
-                                        4
+                                        "1",
+                                        "5x",
+                                        "2",
+                                        "40%",
+                                        "bis zu 100"
                                       ]
                                     },
                                     "description": {
@@ -2956,15 +2962,8 @@
                         ]
                       }
                     },
-                    "typeProp": {
-                      "title": "Type",
-                      "description": "Type of the movement",
-                      "type": "string",
-                      "enum": [
-                        "slider",
-                        "carousel"
-                      ],
-                      "default": "carousel"
+                    "type": {
+                      "const": "slider"
                     }
                   },
                   "additionalProperties": false
@@ -2990,12 +2989,13 @@
                           "number": {
                             "title": "Number",
                             "description": "The number of the stat",
-                            "type": "integer",
+                            "type": "string",
                             "examples": [
-                              1,
-                              2,
-                              3,
-                              4
+                              "1",
+                              "5x",
+                              "2",
+                              "40%",
+                              "bis zu 100"
                             ]
                           },
                           "description": {
@@ -3433,7 +3433,7 @@
                         "corner"
                       ],
                       "type": "string",
-                      "default": "bottom"
+                      "default": "center"
                     },
                     "type": {
                       "const": "video-curtain"
@@ -3696,13 +3696,10 @@
     },
     "seo": {
       "$schema": "http://json-schema.org/draft-07/schema#",
-      "$id": "http://schema.mydesignsystem.com/cms/seo.schema.json",
+      "$id": "http://cms.mydesignsystem.com/seo.schema.json",
       "title": "Seo",
       "description": "Abstracts SEO settings for a website into JSON schema",
       "type": "object",
-      "required": [
-        "title"
-      ],
       "properties": {
         "title": {
           "type": "string",
@@ -3735,6 +3732,9 @@
           "const": "seo"
         }
       },
+      "required": [
+        "title"
+      ],
       "additionalProperties": false
     },
     "type": {

package/dist/components/blog-post/blog-post.schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/cms/blog-post.schema.json",
+  "$id": "http://cms.mydesignsystem.com/blog-post.schema.json",
   "title": "Blog Post",
   "description": "Abstracts a blog post concept into JSON schema",
   "type": "object",
@@ -30,7 +30,7 @@
       "$ref": "http://schema.mydesignsystem.com/cta.schema.json"
     },
     "seo": {
-      "$ref": "http://schema.mydesignsystem.com/cms/seo.schema.json"
+      "$ref": "http://cms.mydesignsystem.com/seo.schema.json"
     }
   }
 }

package/dist/components/blog-post/index.d.ts

@@ -1,4 +1,4 @@
-import { BlogPostProps } from "../../BlogPostProps-c760fd2a.js";
+import { BlogPostProps } from "../../BlogPostProps-c04a5ed8.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
 export type { BlogPostProps };

package/dist/components/blog-post/index.js

@@ -8,6 +8,7 @@ import { Cta } from '../cta/index.js';
 import 'classnames';
 import 'react';
 import '@kickstartds/blog/lib/post-head';
+import '../../helpers-12f48df8.js';
 import '@kickstartds/core/lib/react';
 import '@kickstartds/base/lib/section';
 import '../section/js/Section.client.js';

package/dist/components/blog-teaser/index.js

@@ -4,6 +4,15 @@ import classnames from 'classnames';
 import { forwardRef, createContext, useContext } from 'react';
 import { PostTeaserContextDefault } from '@kickstartds/blog/lib/post-teaser';
 import { Container } from '@kickstartds/core/lib/container';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "tags": [],
+    "link": {
+        "text": "Read article"
+    },
+    "author": {}
+};
 
 const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaserText, image, alt, link, readingTime, author, className, ...rest }, ref) => {
     const teaserMetaItems = [];
@@ -38,7 +47,7 @@ const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaser
 const BlogTeaserContext = createContext(BlogTeaserContextDefault);
 const BlogTeaser = forwardRef((props, ref) => {
     const Component = useContext(BlogTeaserContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 BlogTeaser.displayName = "BlogTeaser";
 

package/dist/components/button/button.css

@@ -1,8 +1,8 @@
 .dsa-button {
-  --dsa-button--padding: 0.65em 1.5em;
+  --dsa-button--padding: 0.75em 1.5em;
   --dsa-button--border-width: var(--ks-border-width-default);
   --dsa-button--border-radius: var(--ks-border-radius-control);
-  --dsa-button--font-weight: var(--ks-font-weight-regular);
+  --dsa-button--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-button--text-transform: default;
   --dsa-button_small--font: var(--ks-font-interface-s);
   --dsa-button_medium--font: var(--ks-font-interface-m);

package/dist/components/contact/index.js

@@ -8,12 +8,21 @@ import { Link } from '@kickstartds/base/lib/link';
 import { Icon } from '@kickstartds/base/lib/icon';
 import { RichText } from '@kickstartds/base/lib/rich-text';
 import { Container } from '@kickstartds/core/lib/container';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "image": {
+        "fullWidth": false,
+        "aspectRatio": "square"
+    },
+    "links": []
+};
 
 const ContactContextDefault = forwardRef(({ title, subtitle, image, links, copy, className, ...props }, ref) => (jsx(Container, { name: "contact", children: jsxs("address", { className: classnames("dsa-contact", image?.aspectRatio && `dsa-contact--image-${image?.aspectRatio}`, image?.fullWidth && `dsa-contact--image-full-width`, className), ref: ref, ...props, children: [image && image.src && (jsx("div", { className: "dsa-contact__image-wrap", children: jsx(Picture, { src: image?.src, alt: image?.alt, className: "dsa-contact__image" }) })), jsxs("div", { className: "dsa-contact__body", children: [title && (jsxs("div", { className: "dsa-contact__header", children: [jsx("span", { className: "dsa-contact__title", children: title }), jsx("span", { className: "dsa-contact__subtitle", children: subtitle })] })), copy && jsx(RichText, { text: copy, className: "dsa-contact__copy" }), links && links.length && (jsx("ul", { className: "dsa-contact__links", children: links.map(({ icon, url, label, ariaLabel, newTab }, i) => (jsx("li", { children: jsxs(Link, { className: "dsa-contact__link", "aria-label": ariaLabel, href: url, ...(newTab && { target: "_blank", rel: "noopener" }), children: [jsx(Icon, { role: "presentation", focusable: "false", "aria-hidden": true, icon: icon }), label] }) }, i))) }))] })] }) })));
 const ContactContext = createContext(ContactContextDefault);
 const Contact = forwardRef((props, ref) => {
     const Component = useContext(ContactContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Contact.displayName = "Contact";
 const ContactProvider = (props) => (jsx(ContactContext$1.Provider, { ...props, value: Contact }));

package/dist/components/cta/cta.css

@@ -24,7 +24,7 @@
   gap: var(--dsa-cta--gap, var(--ks-spacing-inline-m));
   border-radius: var(--dsa-cta--border-radius, var(--ks-border-radius-surface));
 }
-.dsa-cta.c-storytelling.dsa-cta--no-padding {
+.dsa-cta.c-storytelling:not(.dsa-cta--no-padding) {
   overflow: hidden;
 }
 .dsa-cta.c-storytelling.dsa-cta--color-neutral {

package/dist/components/cta/index.js

@@ -6,8 +6,26 @@ import { ButtonContext } from '@kickstartds/base/lib/button';
 import classnames from 'classnames';
 import { useButtonGroup } from '../button-group/index.js';
 import { Container } from '@kickstartds/core/lib/container';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import '@kickstartds/base/lib/button-group';
 
+const defaults = {
+    "highlightText": false,
+    "colorNeutral": false,
+    "buttons": [],
+    "image": {
+        "padding": true,
+        "align": "center"
+    },
+    "order": {
+        "mobileImageLast": false,
+        "desktopImageLast": true
+    },
+    "textAlign": "left",
+    "align": "center",
+    "padding": false
+};
+
 const CtaContextDefault = forwardRef(({ headline, highlightText = false, sub, image, text, textAlign, backgroundImage, backgroundColor, colorNeutral, align, padding, order, buttons = [], ...rest }, ref) => {
     const ButtonGroup = useButtonGroup();
     return (jsx(ButtonContext.Provider
@@ -40,7 +58,7 @@ const CtaContextDefault = forwardRef(({ headline, highlightText = false, sub, im
 const CtaContext = createContext(CtaContextDefault);
 const Cta = forwardRef((props, ref) => {
     const Component = useContext(CtaContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Cta.displayName = "Cta";