@kickstartds/ds-agency-premium 1.6.71--canary.50.2257.0 → 1.6.71--canary.50.2263.0

package/dist/{BlogOverviewProps-d60aba86.d.ts → BlogOverviewProps-9f207f1c.d.ts}

@@ -4,7 +4,7 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 import { SectionProps } from "./SectionProps-d60aba86.js";
-import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
+import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
 import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

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

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

package/dist/{SearchResultProps-a4d09722.d.ts → SearchResultProps-f6f07017.d.ts}

@@ -12,6 +12,14 @@ type URL = string;
  * The title of the search result.
  */
 type Title = string;
+/**
+ * The reserved space of the image row.
+ */
+type ImageRowSize = "none" | "small" | "large";
+/**
+ * A URL to an image preview for the search result.
+ */
+type PreviewImage = string;
 /**
  * The initial search match or summary of the search result.
  */
@@ -27,22 +35,10 @@ type ShowLink = boolean;
 interface SearchResultProps {
     url?: URL;
     title?: Title;
+    imageColSize?: ImageRowSize;
     previewImage?: PreviewImage;
     initialMatch?: InitialMatch;
     matches?: Matches;
     showLink?: ShowLink;
 }
-/**
- * An optional preview image for the search result.
- */
-interface PreviewImage {
-    /**
-     * A URL to an image preview for the search result.
-     */
-    src?: string;
-    /**
-     * Large display of the preview image.
-     */
-    large?: boolean;
-}
-export { URL, Title, InitialMatch, Matches, ShowLink, SearchResultProps, PreviewImage };
+export { URL, Title, ImageRowSize, PreviewImage, InitialMatch, Matches, ShowLink, SearchResultProps };

package/dist/SectionProps-d60aba86.d.ts

@@ -13,7 +13,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-4e2b2ecf.js";
+import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";

package/dist/SplitEvenProps-789f8508.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-4e2b2ecf.js";
+import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";

package/dist/SplitWeightedProps-789f8508.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-4e2b2ecf.js";
+import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { BlogAsideProps } from "../../BlogAsideProps-fb0241df.js";
+import { BlogAsideProps } from "../../BlogAsideProps-c760fd2a.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-overview/index.d.ts

@@ -1,4 +1,4 @@
-import { BlogOverviewProps } from "../../BlogOverviewProps-d60aba86.js";
+import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
 export type { BlogOverviewProps };

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
+import { BlogTeaserProps } from "../../BlogTeaserProps-d62a0a9a.js";
 declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/image-story/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { ImageStoryProps } from "../../ImageStoryProps-4e2b2ecf.js";
+import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
 declare const ImageStoryContextDefault: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const ImageStoryContext: import("react").Context<import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const ImageStory: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/index/index.d.ts

@@ -29,8 +29,8 @@ interface SettingsProps {
     seo: SeoProps;
     iconSprite?: IconSprite;
 }
-export * from "../../BlogPostProps-d60aba86.js";
-export * from "../../BlogOverviewProps-d60aba86.js";
-export * from "../../PageProps-d60aba86.js";
+export * from "../../BlogPostProps-c760fd2a.js";
+export * from "../../BlogOverviewProps-9f207f1c.js";
+export * from "../../PageProps-aa29c554.js";
 export { IconSprite, SettingsProps };
 export * from "../../EventDetailProps-42a7eebe.js";

package/dist/components/page/index.d.ts

@@ -1,4 +1,4 @@
-import { PageProps } from "../../PageProps-d60aba86.js";
+import { PageProps } from "../../PageProps-aa29c554.js";
 import { FC, PropsWithChildren } from "react";
 declare const Page: FC<PropsWithChildren<PageProps>>;
 export type { PageProps };

package/dist/components/page-wrapper/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 13:51:26 GMT
+ * Generated on Fri, 05 Sep 2025 14:40:02 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);

package/dist/components/presets.json

@@ -1192,7 +1192,7 @@
     "id": "page-archetypes-search--search",
     "group": "Page Archetypes/Search",
     "name": "Search",
-    "code": "<Search\n  events={[\n    {\n      category: 'Buyers',\n      ctaText: 'Show event',\n      date: 'FRI, JAN 16',\n      image: {\n        alt: 'This is an image of a flower',\n        src: 'https://picsum.photos/seed/flower/800/600'\n      },\n      location: {\n        address: 'Köln',\n        name: 'Stadthalle'\n      },\n      tags: [\n        'AI'\n      ],\n      text: 'The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.',\n      time: '10:00',\n      title: 'This is a event teaser title',\n      url: 'https://example.com'\n    },\n    {\n      category: 'Buyers',\n      ctaText: 'Show event',\n      date: 'FRI, JAN 16',\n      image: {\n        alt: 'This is an image of a flower',\n        src: 'https://picsum.photos/seed/flower/800/600'\n      },\n      location: {\n        address: 'Köln',\n        name: 'Stadthalle'\n      },\n      tags: [\n        'AI'\n      ],\n      text: 'The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.',\n      time: '10:00',\n      title: 'This is a event teaser title',\n      url: 'https://example.com'\n    },\n    {\n      category: 'Buyers',\n      ctaText: 'Show event',\n      date: 'FRI, JAN 16',\n      image: {\n        alt: 'This is an image of a flower',\n        src: 'https://picsum.photos/seed/flower/800/600'\n      },\n      location: {\n        address: 'Köln',\n        name: 'Stadthalle'\n      },\n      tags: [\n        'AI'\n      ],\n      text: 'The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.',\n      time: '10:00',\n      title: 'This is a event teaser title',\n      url: 'https://example.com'\n    }\n  ]}\n  filter={{\n    applyButton: {\n      label: 'Filter Appointments'\n    },\n    categories: {\n      categoryCheckboxes: [\n        'Category Filter',\n        'Category Filter',\n        'Category Filter'\n      ],\n      title: 'Categories',\n      toggle: true\n    },\n    datePicker: {\n      dateFromInput: {\n        label: 'From',\n        placeholder: 'Select a date'\n      },\n      dateToInput: {\n        label: 'To',\n        placeholder: 'Select a date'\n      },\n      title: 'Find Appointment',\n      toggle: true\n    },\n    resetButton: {\n      label: 'Reset Filters'\n    }\n  }}\n  headline={{\n    level: 'h1',\n    style: 'h1',\n    text: 'Search'\n  }}\n  searchFilter={{\n    categories: [\n      {\n        amount: 10,\n        title: 'Pages',\n        url: '#'\n      },\n      {\n        amount: 5,\n        title: 'News',\n        url: '#'\n      },\n      {\n        amount: 2,\n        title: 'Blog Posts',\n        url: '#'\n      }\n    ],\n    title: 'Search Filters'\n  }}\n  searchResults={[\n    {\n      initialMatch: 'Embracing a **sustainable** lifestyle can significantly reduce your environmental impact. From using energy-efficient appliances to adopting renewable energy sources, every small step counts towards a greener future.',\n      matches: [\n        {\n          snippet: 'Simple changes can make your home more **sustainable** and energy-efficient.',\n          title: 'Home',\n          url: '#'\n        },\n        {\n          snippet: 'Adopting a **sustainable** lifestyle benefits both you and the planet.',\n          title: 'Lifestyle',\n          url: '#'\n        }\n      ],\n      previewImage: {\n        src: 'img/people-brainstorming-work-meeting.png'\n      },\n      title: 'Sustainable Living: Everyday Tips',\n      url: 'www.example.com/lifestyle/sustainable-living'\n    },\n    {\n      initialMatch: 'Discover how **sustainable** design is shaping the future of urban development, from green buildings to eco-friendly materials. Research shows that **sustainable** architecture not only benefits the environment but also enhances the well-being of its occupants.',\n      previewImage: {\n        large: true,\n        src: 'img/full-shot-different-people-working-together.png'\n      },\n      title: 'Sustainable Architecture Trends',\n      url: 'www.example.com/architecture/sustainable-trends'\n    },\n    {\n      matches: [\n        {\n          snippet: 'A **sustainable** business model focuses on long-term growth and environmental responsibility.',\n          title: 'Getting Started',\n          url: '#'\n        },\n        {\n          snippet: 'Explore examples of companies that have adopted **sustainable** practices successfully.',\n          title: 'Case Studies',\n          url: '#'\n        },\n        {\n          snippet: 'Using **sustainable** materials can significantly reduce a building’s carbon footprint.',\n          title: 'Materials',\n          url: '#'\n        }\n      ],\n      title: 'How to Build a Sustainable Business',\n      url: 'www.example.com/business/sustainable-model'\n    },\n    {\n      initialMatch: 'Embracing a **sustainable** lifestyle can significantly reduce your environmental impact. From using energy-efficient appliances to adopting renewable energy sources, every small step counts towards a greener future.',\n      matches: [\n        {\n          snippet: 'A **sustainable** business model focuses on long-term growth and environmental responsibility.',\n          title: 'Getting Started',\n          url: '#'\n        },\n        {\n          snippet: 'Explore examples of companies that have adopted **sustainable** practices successfully.',\n          title: 'Case Studies',\n          url: '#'\n        },\n        {\n          snippet: 'Using **sustainable** materials can significantly reduce a building’s carbon footprint.',\n          title: 'Materials',\n          url: '#'\n        }\n      ],\n      previewImage: {\n        large: true,\n        src: 'img/full-shot-different-people-working-together.png'\n      },\n      title: 'Sustainable Living: Everyday Tips',\n      url: 'www.example.com/business/sustainable-model'\n    }\n  ]}\n/>",
+    "code": "<Search\n  events={[\n    {\n      category: 'Buyers',\n      ctaText: 'Show event',\n      date: 'FRI, JAN 16',\n      image: {\n        alt: 'This is an image of a flower',\n        src: 'https://picsum.photos/seed/flower/800/600'\n      },\n      location: {\n        address: 'Köln',\n        name: 'Stadthalle'\n      },\n      tags: [\n        'AI'\n      ],\n      text: 'The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.',\n      time: '10:00',\n      title: 'This is a event teaser title',\n      url: 'https://example.com'\n    },\n    {\n      category: 'Buyers',\n      ctaText: 'Show event',\n      date: 'FRI, JAN 16',\n      image: {\n        alt: 'This is an image of a flower',\n        src: 'https://picsum.photos/seed/flower/800/600'\n      },\n      location: {\n        address: 'Köln',\n        name: 'Stadthalle'\n      },\n      tags: [\n        'AI'\n      ],\n      text: 'The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.',\n      time: '10:00',\n      title: 'This is a event teaser title',\n      url: 'https://example.com'\n    },\n    {\n      category: 'Buyers',\n      ctaText: 'Show event',\n      date: 'FRI, JAN 16',\n      image: {\n        alt: 'This is an image of a flower',\n        src: 'https://picsum.photos/seed/flower/800/600'\n      },\n      location: {\n        address: 'Köln',\n        name: 'Stadthalle'\n      },\n      tags: [\n        'AI'\n      ],\n      text: 'The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence. The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.',\n      time: '10:00',\n      title: 'This is a event teaser title',\n      url: 'https://example.com'\n    }\n  ]}\n  filter={{\n    applyButton: {\n      label: 'Filter Appointments'\n    },\n    categories: {\n      categoryCheckboxes: [\n        'Category Filter',\n        'Category Filter',\n        'Category Filter'\n      ],\n      title: 'Categories',\n      toggle: true\n    },\n    datePicker: {\n      dateFromInput: {\n        label: 'From',\n        placeholder: 'Select a date'\n      },\n      dateToInput: {\n        label: 'To',\n        placeholder: 'Select a date'\n      },\n      title: 'Find Appointment',\n      toggle: true\n    },\n    resetButton: {\n      label: 'Reset Filters'\n    }\n  }}\n  headline={{\n    level: 'h1',\n    style: 'h1',\n    text: 'Search'\n  }}\n  searchFilter={{\n    categories: [\n      {\n        amount: 10,\n        title: 'Pages',\n        url: '#'\n      },\n      {\n        amount: 5,\n        title: 'News',\n        url: '#'\n      },\n      {\n        amount: 2,\n        title: 'Blog Posts',\n        url: '#'\n      }\n    ],\n    title: 'Search Filters'\n  }}\n  searchResults={[\n    {\n      initialMatch: 'Embracing a **sustainable** lifestyle can significantly reduce your environmental impact. From using energy-efficient appliances to adopting renewable energy sources, every small step counts towards a greener future.',\n      matches: [\n        {\n          snippet: 'Simple changes can make your home more **sustainable** and energy-efficient.',\n          title: 'Home',\n          url: '#'\n        },\n        {\n          snippet: 'Adopting a **sustainable** lifestyle benefits both you and the planet.',\n          title: 'Lifestyle',\n          url: '#'\n        }\n      ],\n      previewImage: 'img/people-brainstorming-work-meeting.png',\n      title: 'Sustainable Living: Everyday Tips',\n      url: 'www.example.com/lifestyle/sustainable-living'\n    },\n    {\n      initialMatch: 'Discover how **sustainable** design is shaping the future of urban development, from green buildings to eco-friendly materials. Research shows that **sustainable** architecture not only benefits the environment but also enhances the well-being of its occupants.',\n      previewImage: 'img/full-shot-different-people-working-together.png',\n      title: 'Sustainable Architecture Trends',\n      url: 'www.example.com/architecture/sustainable-trends'\n    },\n    {\n      matches: [\n        {\n          snippet: 'A **sustainable** business model focuses on long-term growth and environmental responsibility.',\n          title: 'Getting Started',\n          url: '#'\n        },\n        {\n          snippet: 'Explore examples of companies that have adopted **sustainable** practices successfully.',\n          title: 'Case Studies',\n          url: '#'\n        },\n        {\n          snippet: 'Using **sustainable** materials can significantly reduce a building’s carbon footprint.',\n          title: 'Materials',\n          url: '#'\n        }\n      ],\n      title: 'How to Build a Sustainable Business',\n      url: 'www.example.com/business/sustainable-model'\n    },\n    {\n      initialMatch: 'Embracing a **sustainable** lifestyle can significantly reduce your environmental impact. From using energy-efficient appliances to adopting renewable energy sources, every small step counts towards a greener future.',\n      matches: [\n        {\n          snippet: 'A **sustainable** business model focuses on long-term growth and environmental responsibility.',\n          title: 'Getting Started',\n          url: '#'\n        },\n        {\n          snippet: 'Explore examples of companies that have adopted **sustainable** practices successfully.',\n          title: 'Case Studies',\n          url: '#'\n        },\n        {\n          snippet: 'Using **sustainable** materials can significantly reduce a building’s carbon footprint.',\n          title: 'Materials',\n          url: '#'\n        }\n      ],\n      previewImage: 'img/full-shot-different-people-working-together.png',\n      title: 'Sustainable Living: Everyday Tips',\n      url: 'www.example.com/business/sustainable-model'\n    }\n  ]}\n/>",
     "args": {
       "filter": {
         "datePicker": {
@@ -1313,9 +1313,7 @@
       "searchResults": [
         {
           "title": "Sustainable Living: Everyday Tips",
-          "previewImage": {
-            "src": "img/people-brainstorming-work-meeting.png"
-          },
+          "previewImage": "img/people-brainstorming-work-meeting.png",
           "initialMatch": "Embracing a **sustainable** lifestyle can significantly reduce your environmental impact. From using energy-efficient appliances to adopting renewable energy sources, every small step counts towards a greener future.",
           "matches": [
             {
@@ -1333,10 +1331,7 @@
         },
         {
           "title": "Sustainable Architecture Trends",
-          "previewImage": {
-            "large": true,
-            "src": "img/full-shot-different-people-working-together.png"
-          },
+          "previewImage": "img/full-shot-different-people-working-together.png",
           "initialMatch": "Discover how **sustainable** design is shaping the future of urban development, from green buildings to eco-friendly materials. Research shows that **sustainable** architecture not only benefits the environment but also enhances the well-being of its occupants.",
           "url": "www.example.com/architecture/sustainable-trends"
         },
@@ -1363,10 +1358,7 @@
         },
         {
           "title": "Sustainable Living: Everyday Tips",
-          "previewImage": {
-            "large": true,
-            "src": "img/full-shot-different-people-working-together.png"
-          },
+          "previewImage": "img/full-shot-different-people-working-together.png",
           "initialMatch": "Embracing a **sustainable** lifestyle can significantly reduce your environmental impact. From using energy-efficient appliances to adopting renewable energy sources, every small step counts towards a greener future.",
           "matches": [
             {
@@ -3970,9 +3962,13 @@
     "id": "corporate-search-form--pagefind",
     "group": "Corporate / Search Form",
     "name": "Pagefind",
-    "code": "<SearchForm component=\"dsa.search-form.pagefind\" />",
+    "code": "<SearchForm\n  component=\"dsa.search-form.pagefind\"\n  result={{\n    imageColSize: 'small',\n    showLink: true\n  }}\n/>",
     "args": {
-      "component": "dsa.search-form.pagefind"
+      "component": "dsa.search-form.pagefind",
+      "result": {
+        "showLink": true,
+        "imageColSize": "small"
+      }
     },
     "screenshot": "img/screenshots/corporate-search-form--pagefind.png"
   },
@@ -3980,7 +3976,7 @@
     "id": "corporate-search-modal--pagefind",
     "group": "Corporate / Search Modal",
     "name": "Pagefind",
-    "code": "<>\n  <Button\n    data-topic=\"dsa.search-modal.open\"\n    ks-component=\"dsa.radio-emit\"\n    label=\"open\"\n    size=\"small\"\n  />\n  <hr />\n  <SearchModal\n    closeAriaLabel=\"close\"\n    formComponent=\"dsa.search-form.pagefind\"\n    headline=\"Search\"\n  />\n</>",
+    "code": "<>\n  <Button\n    data-topic=\"dsa.search-modal.open\"\n    ks-component=\"dsa.radio-emit\"\n    label=\"Open\"\n    size=\"small\"\n  />\n  <hr />\n  <SearchModal\n    closeAriaLabel=\"close\"\n    formComponent=\"dsa.search-form.pagefind\"\n    headline=\"Search\"\n  />\n</>",
     "args": {
       "headline": "Search",
       "closeAriaLabel": "close",
@@ -3992,14 +3988,11 @@
     "id": "corporate-search-result--default",
     "group": "Corporate / Search Result",
     "name": "Default",
-    "code": "<SearchResult\n  initialMatch=\"Embracing a **sustainable** lifestyle can significantly reduce your environmental impact. From using energy-efficient appliances to adopting renewable energy sources, every small step counts towards a greener future.\"\n  matches={[\n    {\n      snippet: 'Learn how leading companies are integrating **sustainability** into their core strategies.',\n      title: 'Keynote: Embracing Sustainability',\n      url: '#'\n    },\n    {\n      snippet: 'Business models that prioritize **sustainability** are shared by industry experts in this session.',\n      title: 'Panel: Sustainability in Practice',\n      url: '#'\n    },\n    {\n      snippet: 'In your organization, **sustainability** can be assessed using new tools and techniques.',\n      title: 'Workshop: Measuring Sustainability',\n      url: '#'\n    }\n  ]}\n  previewImage={{\n    large: false,\n    src: 'img/full-shot-different-people-working-together.png'\n  }}\n  showLink\n  title=\"GreenTech Summit 2023\"\n  url=\"https://www.example.com/greentech-summit-2023\"\n/>",
+    "code": "<SearchResult\n  imageColSize=\"small\"\n  initialMatch=\"Embracing a **sustainable** lifestyle can significantly reduce your environmental impact. From using energy-efficient appliances to adopting renewable energy sources, every small step counts towards a greener future.\"\n  matches={[\n    {\n      snippet: 'Learn how leading companies are integrating **sustainability** into their core strategies.',\n      title: 'Keynote: Embracing Sustainability',\n      url: '#'\n    },\n    {\n      snippet: 'Business models that prioritize **sustainability** are shared by industry experts in this session.',\n      title: 'Panel: Sustainability in Practice',\n      url: '#'\n    },\n    {\n      snippet: 'In your organization, **sustainability** can be assessed using new tools and techniques.',\n      title: 'Workshop: Measuring Sustainability',\n      url: '#'\n    }\n  ]}\n  previewImage=\"img/full-shot-different-people-working-together.png\"\n  showLink\n  title=\"GreenTech Summit 2023\"\n  url=\"https://www.example.com/greentech-summit-2023\"\n/>",
     "args": {
       "url": "https://www.example.com/greentech-summit-2023",
       "title": "GreenTech Summit 2023",
-      "previewImage": {
-        "large": false,
-        "src": "img/full-shot-different-people-working-together.png"
-      },
+      "imageColSize": "small",
       "matches": [
         {
           "title": "Keynote: Embracing Sustainability",
@@ -4018,6 +4011,7 @@
         }
       ],
       "showLink": true,
+      "previewImage": "img/full-shot-different-people-working-together.png",
       "initialMatch": "Embracing a **sustainable** lifestyle can significantly reduce your environmental impact. From using energy-efficient appliances to adopting renewable energy sources, every small step counts towards a greener future."
     },
     "screenshot": "img/screenshots/corporate-search-result--default.png"

package/dist/components/search/index.d.ts

@@ -8,7 +8,7 @@ import { FC, PropsWithChildren } from "react";
 import { HeadlineProps } from "../../HeadlineProps-e1305784.js";
 import { SearchBarProps } from "../../SearchBarProps-26263244.js";
 import { SearchFilterProps } from "../../SearchFilterProps-2fa6419b.js";
-import { SearchResultProps } from "../../SearchResultProps-a4d09722.js";
+import { SearchResultProps } from "../../SearchResultProps-f6f07017.js";
 interface SearchProps {
     /**
      * Referenced component HeadlineProps

package/dist/components/search/search.schema.dereffed.json

@@ -227,22 +227,21 @@
               "AI Conference 2023"
             ]
           },
+          "imageColSize": {
+            "title": "Image Row Size",
+            "type": "string",
+            "description": "The reserved space of the image row.",
+            "default": "small",
+            "enum": [
+              "none",
+              "small",
+              "large"
+            ]
+          },
           "previewImage": {
             "title": "Preview Image",
-            "type": "object",
-            "description": "An optional preview image for the search result.",
-            "properties": {
-              "src": {
-                "type": "string",
-                "description": "A URL to an image preview for the search result."
-              },
-              "large": {
-                "type": "boolean",
-                "description": "Large display of the preview image.",
-                "default": false
-              }
-            },
-            "additionalProperties": false
+            "type": "string",
+            "description": "A URL to an image preview for the search result."
           },
           "initialMatch": {
             "title": "Initial Match",

package/dist/components/search-form/index.d.ts

@@ -1,5 +1,31 @@
 import { FC, HTMLAttributes } from "react";
-declare const SearchForm: FC<HTMLAttributes<HTMLFormElement> & {
+/* eslint-disable */
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+/**
+ * Whether to display the link to the search result.
+ */
+type ShowLink = boolean;
+/**
+ * The reserved space of the image row.
+ */
+type ImageRowSize = "none" | "small" | "large";
+interface SearchFormProps {
+    /**
+     * ks-component attribute
+     */
     component?: string;
-}>;
+    result?: {
+        /**
+         * Max number of subresults of a single search result
+         */
+        maxSubresults?: number;
+        showLink?: ShowLink;
+        imageColSize?: ImageRowSize;
+    };
+}
+declare const SearchForm: FC<SearchFormProps & HTMLAttributes<HTMLFormElement>>;
 export { SearchForm };

package/dist/components/search-form/index.js

@@ -17,6 +17,6 @@ import '@kickstartds/core/lib/container';
 import '@kickstartds/core/lib/component';
 import '@kickstartds/core/lib/core';
 
-const SearchForm = ({ className, component = "dsa.search-form", ...props }) => (jsxs("form", { className: classnames("dsa-search-form", className), "ks-component": component, ...props, children: [jsx(SearchBar, { alternativeText: "", alternativeResult: "", hint: "" }), jsxs("div", { hidden: true, children: [jsx("li", { "data-template": "result", className: "lazyload", children: jsx(SearchResult, { previewImage: {} }) }), jsx(SearchResultMatch, { "data-template": "subresult" })] }), jsx("ol", { className: "dsa-search-form__results" })] }));
+const SearchForm = ({ className, component = "dsa.search-form", result = {}, ...props }) => (jsxs("form", { className: classnames("dsa-search-form", className), "ks-component": component, "data-max-subresults": result.maxSubresults, ...props, children: [jsx(SearchBar, { alternativeText: "", alternativeResult: "", hint: "" }), jsxs("div", { hidden: true, children: [jsx("li", { "data-template": "result", className: "lazyload", children: jsx(SearchResult, { showLink: result.showLink, imageColSize: result.imageColSize }) }), jsx(SearchResultMatch, { "data-template": "subresult" })] }), jsx("ol", { className: "dsa-search-form__results" })] }));
 
 export { SearchForm };

package/dist/components/search-form/search-form.schema.dereffed.json

@@ -0,0 +1,41 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/search-form.schema.json",
+  "title": "Search Form",
+  "type": "object",
+  "properties": {
+    "component": {
+      "type": "string",
+      "description": "ks-component attribute",
+      "default": "dsa.search-form"
+    },
+    "result": {
+      "type": "object",
+      "properties": {
+        "maxSubresults": {
+          "type": "number",
+          "description": "Max number of subresults of a single search result"
+        },
+        "showLink": {
+          "title": "Show Link",
+          "type": "boolean",
+          "description": "Whether to display the link to the search result.",
+          "default": true
+        },
+        "imageColSize": {
+          "title": "Image Row Size",
+          "type": "string",
+          "description": "The reserved space of the image row.",
+          "default": "small",
+          "enum": [
+            "none",
+            "small",
+            "large"
+          ]
+        }
+      },
+      "additionalProperties": false
+    }
+  },
+  "additionalProperties": false
+}

package/dist/components/search-form/search-form.schema.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/search-form.schema.json",
+  "title": "Search Form",
+  "type": "object",
+  "properties": {
+    "component": {
+      "type": "string",
+      "description": "ks-component attribute",
+      "default": "dsa.search-form"
+    },
+    "result": {
+      "type": "object",
+      "properties": {
+        "maxSubresults": {
+          "type": "number",
+          "description": "Max number of subresults of a single search result"
+        },
+        "showLink": {
+          "$ref": "http://schema.mydesignsystem.com/search-result.schema.json#/properties/showLink"
+        },
+        "imageColSize": {
+          "$ref": "http://schema.mydesignsystem.com/search-result.schema.json#/properties/imageColSize"
+        }
+      },
+      "additionalProperties": false
+    }
+  },
+  "additionalProperties": false
+}

package/dist/components/search-modal/index.js

@@ -30,7 +30,7 @@ const SearchModal = ({ headline = "Search", closeAriaLabel = "close", formCompon
             sub: closeAriaLabel,
             // @ts-expect-error
             renderSubheadline(sub) {
-                return (jsx(Button, { "aria-label": sub, label: "", icon: "close", size: "small", "ks-component": "dsa.radio-emit", "data-topic": "dsa.search-modal.close" }));
+                return (jsx(Button, { className: "dsa-search-modal__close", "aria-label": sub, label: "", icon: "close", size: "small", "ks-component": "dsa.radio-emit", "data-topic": "dsa.search-modal.close" }));
             },
         }, spaceBefore: "small", spaceAfter: "small", children: jsx(SearchForm, { component: formComponent }) }) }));
 

package/dist/components/search-modal/search-modal.css

@@ -11,6 +11,9 @@
 .dsa-search-modal::backdrop {
   background-color: var(--dsa-overlay--background-color);
 }
+.dsa-search-modal__close {
+  --dsa-button--padding: 1em;
+}
 .dsa-search-modal .l-section__container--headline .dsa-headline {
   flex-direction: row;
   align-items: center;

package/dist/components/search-result/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SearchResultProps } from "../../SearchResultProps-a4d09722.js";
+import { SearchResultProps } from "../../SearchResultProps-f6f07017.js";
 declare const SearchResultContextDefault: import("react").ForwardRefExoticComponent<SearchResultProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const SearchResultContext: import("react").Context<import("react").ForwardRefExoticComponent<SearchResultProps & import("react").RefAttributes<HTMLDivElement>>>;
 declare const SearchResult: import("react").ForwardRefExoticComponent<SearchResultProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/search-result/index.js

@@ -8,19 +8,17 @@ import classnames from 'classnames';
 import { Picture } from '@kickstartds/base/lib/picture';
 import { Container } from '@kickstartds/core/lib/container';
 import { SearchResultMatch } from '../search-result-match/index.js';
-import '@kickstartds/base/lib/icon';
 
 const defaults = {
-    "previewImage": {
-        "large": false
-    },
+    "imageColSize": "small",
     "matches": [],
     "showLink": true
 };
 
-const SearchResultContextDefault = forwardRef(({ title, previewImage, initialMatch, matches, url, showLink }, ref) => (jsx(Container, { name: "search-result", children: jsxs("div", { ref: ref, className: classnames("dsa-search-result", {
-            "dsa-search-result--image-large": previewImage?.large,
-        }), children: [jsxs("div", { className: "dsa-search-result__content", children: [jsx("div", { className: "dsa-search-result__header", children: jsx(Link, { href: url, className: "dsa-search-result__title", "data-result-link": true, "data-result-title": true, children: title }) }), jsx(RichText, { text: initialMatch, className: "dsa-search-result__initial-match", "data-result-excerpt": true }), jsx("div", { className: "dsa-search-result__matches", "data-result-subresults": true, children: matches?.map((match, index) => (jsx(SearchResultMatch, { ...match }, index))) }), showLink && (jsx(Link, { href: url, className: "dsa-search-result__link", "data-result-link": true, "data-result-url": true, children: url }))] }), previewImage && (jsx(Link, { tabIndex: -1, "aria-hidden": true, href: url, className: "dsa-search-result__preview-image-wrapper", "data-result-link": true, children: jsx(Picture, { src: previewImage.src, alt: "", className: "dsa-search-result__preview-image", "data-result-image": true }) }))] }) })));
+const SearchResultContextDefault = forwardRef(({ title, previewImage, imageColSize = "small", initialMatch, matches, url, showLink, }, ref) => (jsx(Container, { name: "search-result", children: jsxs("div", { ref: ref, className: classnames("dsa-search-result", {
+            "dsa-search-result--image-row-large": imageColSize === "large",
+            "dsa-search-result--image-row-none": imageColSize === "none",
+        }), children: [jsxs("div", { className: "dsa-search-result__content", children: [jsx("div", { className: "dsa-search-result__header", children: jsx(Link, { "data-result-link": true, "data-result-title": true, href: url, className: "dsa-search-result__title", children: title }) }), jsx(RichText, { className: "dsa-search-result__initial-match", text: initialMatch, "data-result-excerpt": true }), jsx("div", { className: "dsa-search-result__matches", "data-result-subresults": true, children: matches.map((match, index) => (jsx(SearchResultMatch, { ...match }, index))) }), showLink && (jsx(Link, { href: url, className: "dsa-search-result__link", "data-result-link": true, "data-result-url": true, children: url }))] }), imageColSize !== "none" && (jsx("div", { className: "dsa-search-result__preview-image-row", children: jsx(Link, { tabIndex: -1, "aria-hidden": true, href: url, className: "dsa-search-result__preview-image-wrapper", "data-result-link": true, children: jsx(Picture, { src: previewImage, alt: "", className: "dsa-search-result__preview-image", "data-result-image": true }) }) }))] }) })));
 const SearchResultContext = createContext(SearchResultContextDefault);
 const SearchResult = forwardRef((props, ref) => {
     const Component = useContext(SearchResultContext);

package/dist/components/search-result/search-result.css

@@ -24,9 +24,17 @@
   flex-grow: 1;
 }
 .dsa-search-result__link {
+  --g-link--color: var(--ks-color-fg-alpha-4);
+  --g-link--color-hover: var(--ks-color-fg-alpha-2);
   width: fit-content;
   font: var(--ks-font-interface-s);
-  color: var(--ks-color-fg-alpha-4);
+}
+.dsa-search-result strong,
+.dsa-search-result mark {
+  border-bottom: 1px dashed var(--ks-color-fg);
+  font-weight: unset;
+  color: var(--ks-color-fg);
+  background-color: transparent;
 }
 .dsa-search-result__matches {
   padding: var(--ks-spacing-xxs) 0;
@@ -39,15 +47,19 @@
   font-family: var(--ks-font-family-display);
   line-height: var(--ks-line-height-display-m);
 }
-.dsa-search-result__preview-image-wrapper {
+.dsa-search-result__preview-image-row {
   height: fit-content;
+  flex-basis: var(--dsa-tile--width_smallest);
+}
+.dsa-search-result--image-row-large .dsa-search-result__preview-image-row {
+  flex-basis: var(--dsa-tile--width_small);
 }
 @media (max-width: 980px) {
-  .dsa-search-result__preview-image-wrapper {
+  .dsa-search-result__preview-image-row {
     display: none;
   }
   @container search-result (min-width: 640px) {
-    .dsa-search-result__preview-image-wrapper {
+    .dsa-search-result__preview-image-row {
       display: block;
     }
   }
@@ -58,8 +70,7 @@
   object-fit: cover;
   aspect-ratio: 4/3;
   border-radius: calc(var(--ks-border-radius-card) / 2);
-  max-width: var(--dsa-tile--width_smallest);
 }
-.dsa-search-result--image-large .dsa-search-result__preview-image {
-  max-width: var(--dsa-tile--width_small);
+.dsa-search-result__preview-image:not([src]) {
+  display: none;
 }

package/dist/components/search-result/search-result.schema.dereffed.json

@@ -20,22 +20,21 @@
         "AI Conference 2023"
       ]
     },
+    "imageColSize": {
+      "title": "Image Row Size",
+      "type": "string",
+      "description": "The reserved space of the image row.",
+      "default": "small",
+      "enum": [
+        "none",
+        "small",
+        "large"
+      ]
+    },
     "previewImage": {
       "title": "Preview Image",
-      "type": "object",
-      "description": "An optional preview image for the search result.",
-      "properties": {
-        "src": {
-          "type": "string",
-          "description": "A URL to an image preview for the search result."
-        },
-        "large": {
-          "type": "boolean",
-          "description": "Large display of the preview image.",
-          "default": false
-        }
-      },
-      "additionalProperties": false
+      "type": "string",
+      "description": "A URL to an image preview for the search result."
     },
     "initialMatch": {
       "title": "Initial Match",

package/dist/components/search-result/search-result.schema.json

@@ -16,21 +16,17 @@
       "description": "The title of the search result.",
       "examples": ["AI Conference 2023"]
     },
+    "imageColSize": {
+      "title": "Image Row Size",
+      "type": "string",
+      "description": "The reserved space of the image row.",
+      "default": "small",
+      "enum": ["none", "small", "large"]
+    },
     "previewImage": {
       "title": "Preview Image",
-      "type": "object",
-      "description": "An optional preview image for the search result.",
-      "properties": {
-        "src": {
-          "type": "string",
-          "description": "A URL to an image preview for the search result."
-        },
-        "large": {
-          "type": "boolean",
-          "description": "Large display of the preview image.",
-          "default": false
-        }
-      }
+      "type": "string",
+      "description": "A URL to an image preview for the search result."
     },
     "initialMatch": {
       "title": "Initial Match",

package/dist/components/search-result-match/index.js

@@ -4,11 +4,10 @@ import { forwardRef, createContext, useContext } from 'react';
 import { Link } from '@kickstartds/base/lib/link';
 import { RichText } from '@kickstartds/base/lib/rich-text';
 import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
-import { Icon } from '@kickstartds/base/lib/icon';
 
 const defaults = {};
 
-const SearchResultMatchContextDefault = forwardRef(({ title, snippet, url, ...props }, ref) => (jsxs(Link, { ref: ref, href: url, className: "dsa-search-result-match", "data-result-link": true, ...props, children: [jsxs("div", { className: "dsa-search-result-match__title", children: [jsx(Icon, { className: "dsa-search-result-match__chevron", icon: "chevron-right" }), jsx("span", { "data-result-title": true, children: title })] }), jsx(RichText, { text: snippet, className: "dsa-search-result-match__snippet", "data-result-excerpt": true })] })));
+const SearchResultMatchContextDefault = forwardRef(({ title, snippet, url, ...props }, ref) => (jsxs(Link, { ref: ref, href: url, className: "dsa-search-result-match", "data-result-link": true, ...props, children: [jsx("div", { "data-result-title": true, className: "dsa-search-result-match__title", children: title }), jsx(RichText, { text: snippet, className: "dsa-search-result-match__snippet", "data-result-excerpt": true })] })));
 const SearchResultMatchContext = createContext(SearchResultMatchContextDefault);
 const SearchResultMatch = forwardRef((props, ref) => {
     const Component = useContext(SearchResultMatchContext);

package/dist/components/search-result-match/search-result-match.css

@@ -4,6 +4,7 @@
   padding: var(--ks-spacing-stack-s) 0;
   border-top: 1px solid var(--ks-border-color-default);
   display: block;
+  margin-left: 1.25em;
 }
 .dsa-search-result-match__snippet {
   font: var(--ks-font-copy-m);
@@ -14,7 +15,4 @@
 }
 .dsa-search-result-match:last-child {
   border-bottom: 1px solid var(--ks-border-color-default);
-}
-.dsa-search-result-match .l-container--rich-text {
-  margin-left: 1em;
 }

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 13:51:29 GMT
+ * Generated on Fri, 05 Sep 2025 14:40:05 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 13:51:33 GMT
+ * Generated on Fri, 05 Sep 2025 14:40:10 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 13:51:31 GMT
+ * Generated on Fri, 05 Sep 2025 14:40:07 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 13:51:36 GMT
+ * Generated on Fri, 05 Sep 2025 14:40:13 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 13:51:26 GMT
+ * Generated on Fri, 05 Sep 2025 14:40:02 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 13:51:27 GMT
+ * Generated on Fri, 05 Sep 2025 14:40:03 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.6.71--canary.50.2257.0",
+  "version": "1.6.71--canary.50.2263.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {