@kickstartds/ds-agency-premium 1.6.71--canary.50.2241.0 → 1.6.71--canary.50.2247.0

package/dist/SearchResultMatchProps-777cd47c.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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.
+ */
+/**
+ * The title of the match.
+ */
+type Title = string;
+/**
+ * The main content or description of the search result.
+ */
+type Text = string;
+/**
+ * A URL linking to the specific match or more information.
+ */
+type URL = string;
+interface SearchResultMatchProps {
+    title?: Title;
+    snippet?: Text;
+    url?: URL;
+}
+export { Title, Text, URL, SearchResultMatchProps };

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

@@ -3,6 +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 { SearchResultMatchProps } from "./SearchResultMatchProps-777cd47c.js";
 /**
  * A URL linking to the search result or more information.
  */
@@ -15,26 +16,10 @@ type Title = string;
  * The initial search match or summary of the search result.
  */
 type InitialMatch = string;
-/**
- * The title of the match.
- */
-type Title1 = string;
-/**
- * The main content or description of the search result.
- */
-type Text = string;
-/**
- * A URL linking to the specific match or more information.
- */
-type URL1 = string;
 /**
  * An array of search matches.
  */
-type Matches = {
-    title?: Title1;
-    snippet?: Text;
-    url?: URL1;
-}[];
+type Matches = SearchResultMatchProps[];
 /**
  * Whether to display the link to the search result.
  */
@@ -60,4 +45,4 @@ interface PreviewImage {
      */
     large?: boolean;
 }
-export { URL, Title, InitialMatch, Title1, Text, URL1, Matches, ShowLink, SearchResultProps, PreviewImage };
+export { URL, Title, InitialMatch, Matches, ShowLink, SearchResultProps, PreviewImage };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 06:37:40 GMT
+ * Generated on Fri, 05 Sep 2025 10:45:55 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.',\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      matches: [\n        {\n          snippet: 'Discover how **sustainable** design is shaping the future of urban development.',\n          title: 'Introduction',\n          url: '#'\n        }\n      ],\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/>",
+    "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/>",
     "args": {
       "filter": {
         "datePicker": {
@@ -1316,7 +1316,7 @@
           "previewImage": {
             "src": "img/people-brainstorming-work-meeting.png"
           },
-          "initialMatch": "Embracing a **sustainable** lifestyle can significantly reduce your environmental impact.",
+          "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": [
             {
               "title": "Home",
@@ -1337,17 +1337,37 @@
             "large": true,
             "src": "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"
+        },
+        {
+          "title": "How to Build a Sustainable Business",
           "matches": [
             {
-              "title": "Introduction",
-              "snippet": "Discover how **sustainable** design is shaping the future of urban development.",
+              "title": "Getting Started",
+              "snippet": "A **sustainable** business model focuses on long-term growth and environmental responsibility.",
+              "url": "#"
+            },
+            {
+              "title": "Case Studies",
+              "snippet": "Explore examples of companies that have adopted **sustainable** practices successfully.",
+              "url": "#"
+            },
+            {
+              "title": "Materials",
+              "snippet": "Using **sustainable** materials can significantly reduce a building’s carbon footprint.",
               "url": "#"
             }
           ],
-          "url": "www.example.com/architecture/sustainable-trends"
+          "url": "www.example.com/business/sustainable-model"
         },
         {
-          "title": "How to Build a Sustainable Business",
+          "title": "Sustainable Living: Everyday Tips",
+          "previewImage": {
+            "large": true,
+            "src": "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": [
             {
               "title": "Getting Started",
@@ -3972,7 +3992,7 @@
     "id": "corporate-search-result--default",
     "group": "Corporate / Search Result",
     "name": "Default",
-    "code": "<SearchResult\n  ariaLabel=\"Search Result: GreenTech Summit 2023\"\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  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/>",
     "args": {
       "url": "https://www.example.com/greentech-summit-2023",
       "title": "GreenTech Summit 2023",
@@ -3998,7 +4018,7 @@
         }
       ],
       "showLink": true,
-      "ariaLabel": "Search Result: GreenTech Summit 2023"
+      "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-4a00e50a.js";
+import { SearchResultProps } from "../../SearchResultProps-a4d09722.js";
 interface SearchProps {
     /**
      * Referenced component HeadlineProps

package/dist/components/search/index.js

@@ -17,6 +17,8 @@ import '../../helpers-12f48df8.js';
 import 'markdown-to-jsx';
 import '@kickstartds/base/lib/link';
 import '@kickstartds/base/lib/picture';
+import '@kickstartds/core/lib/container';
+import '../search-result-match/index.js';
 import '@kickstartds/base/lib/icon';
 import '@kickstartds/form/lib/text-field';
 import '@kickstartds/base/lib/headline';

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

@@ -254,6 +254,9 @@
             "type": "array",
             "description": "An array of search matches.",
             "items": {
+              "$schema": "http://json-schema.org/draft-07/schema#",
+              "$id": "http://schema.mydesignsystem.com/search-result-match.schema.json",
+              "title": "Search Result Match",
               "type": "object",
               "properties": {
                 "title": {

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

@@ -12,6 +12,8 @@ import '@kickstartds/base/lib/link';
 import '../../helpers-12f48df8.js';
 import '@kickstartds/base/lib/rich-text';
 import '@kickstartds/base/lib/picture';
+import '@kickstartds/core/lib/container';
+import '../search-result-match/index.js';
 import '@kickstartds/core/lib/component';
 
 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: "" }), jsx("li", { "data-template": "result", hidden: true, children: jsx(SearchResult, {}) }), jsx("ol", { className: "dsa-search-form__results" })] }));

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

@@ -20,6 +20,8 @@ import '@kickstartds/base/lib/link';
 import '../search-result/index.js';
 import '@kickstartds/base/lib/rich-text';
 import '@kickstartds/base/lib/picture';
+import '@kickstartds/core/lib/container';
+import '../search-result-match/index.js';
 import '../search-form/SearchForm.client.js';
 
 const SearchModal = ({ headline = "Search", closeAriaLabel = "close", formComponent, }) => (jsx("dialog", { "ks-component": "dsa.search-modal", className: "dsa-search-modal", children: jsx(Section, { headline: {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SearchResultProps } from "../../SearchResultProps-4a00e50a.js";
+import { SearchResultProps } from "../../SearchResultProps-a4d09722.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

@@ -1,12 +1,14 @@
 import "./search-result.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 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 classnames from 'classnames';
 import { Picture } from '@kickstartds/base/lib/picture';
-import { Icon } from '@kickstartds/base/lib/icon';
+import { Container } from '@kickstartds/core/lib/container';
+import { SearchResultMatch } from '../search-result-match/index.js';
+import '@kickstartds/base/lib/icon';
 
 const defaults = {
     "previewImage": {
@@ -16,9 +18,9 @@ const defaults = {
     "showLink": true
 };
 
-const SearchResultContextDefault = forwardRef(({ title, previewImage, initialMatch, matches, url, showLink }, ref) => (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: [jsxs(Link, { href: url, className: "dsa-search-result__header", children: [jsx("div", { className: "dsa-search-result__title", children: title }), showLink && jsx("div", { className: "dsa-search-result__link", children: url })] }), jsxs("div", { className: "dsa-search-result__matches", children: [initialMatch && (jsx(RichText, { text: initialMatch, className: "dsa-search-result__initial-match" })), matches.map((match, index) => (jsxs(Link, { href: match.url, className: "dsa-search-result__match", children: [jsxs("div", { className: "dsa-search-result__match-title", children: [jsx(Icon, { className: "dsa-search-result__match-chevron", icon: "chevron-right" }), match.title] }), jsx(RichText, { text: match.snippet, className: "dsa-search-result__match-snippet" })] }, index)))] })] }), previewImage?.src && (jsx(Link, { tabIndex: -1, "aria-hidden": true, href: url, className: "dsa-search-result__preview-image-wrapper", children: jsx(Picture, { src: previewImage?.src, alt: "", className: "dsa-search-result__preview-image" }) }))] })));
+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", children: title }) }), initialMatch && (jsx(RichText, { text: initialMatch, className: "dsa-search-result__initial-match" })), matches && matches.length > 0 && (jsx("div", { className: "dsa-search-result__matches", children: matches.map((match, index) => (jsx(SearchResultMatch, { ...match }, index))) })), showLink && (jsx(Link, { href: url, className: "dsa-search-result__link", children: url }))] }), previewImage?.src && (jsx(Link, { tabIndex: -1, "aria-hidden": true, href: url, className: "dsa-search-result__preview-image-wrapper", children: jsx(Picture, { src: previewImage?.src, alt: "", className: "dsa-search-result__preview-image" }) }))] }) })));
 const SearchResultContext = createContext(SearchResultContextDefault);
 const SearchResult = forwardRef((props, ref) => {
     const Component = useContext(SearchResultContext);

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

@@ -1,9 +1,13 @@
+.l-container--search-result {
+  /* stylelint-disable-next-line property-no-unknown */
+  container-name: search-result;
+}
+
 .dsa-search-result {
   --g-link--border-radius: var(--ks-border-radius-card);
   --g-link--text-decoration: none;
   --g-link--text-decoration-hover: none;
   display: flex;
-  flex-wrap: wrap;
   gap: var(--ks-spacing-stack-m) var(--ks-spacing-inline-m);
 }
 .dsa-search-result .l-container {
@@ -15,46 +19,35 @@
 .dsa-search-result__content {
   display: flex;
   flex-direction: column;
-  gap: var(--ks-spacing-stack-s);
+  gap: var(--ks-spacing-stack-xs);
   flex-basis: var(--dsa-tile--width_medium);
   flex-grow: 1;
 }
-.dsa-search-result__header {
-  display: block;
-  width: fit-content;
-}
 .dsa-search-result__link {
-  margin-top: 0.35em;
-  font: var(--ks-font-interface-m);
-  color: var(--ks-text-color-interface);
-}
-.dsa-search-result__initial-match {
-  padding-bottom: var(--ks-spacing-stack-s);
-}
-.dsa-search-result__match {
-  --g-link--border-radius: 0;
-  font: var(--ks-font-interface-m);
-  padding: var(--ks-spacing-stack-s) 0;
-  border-top: 1px solid var(--ks-border-color-default);
-  display: block;
-}
-.dsa-search-result__match:last-child {
-  padding-bottom: 0;
+  width: fit-content;
+  font: var(--ks-font-interface-s);
+  color: var(--ks-color-fg-alpha-4);
 }
-.dsa-search-result__match .l-container--rich-text {
-  margin-left: 1em;
+.dsa-search-result__matches {
+  padding: var(--ks-spacing-xxs) 0;
 }
 .dsa-search-result__title {
   font-size: var(--ks-font-size-display-l);
   font-family: var(--ks-font-family-display);
   line-height: var(--ks-line-height-display-m);
 }
-.dsa-search-result__match-snippet {
-  font: var(--ks-font-copy-m);
+.dsa-search-result__preview-image-wrapper {
+  height: fit-content;
 }
-.dsa-search-result__match-chevron {
-  width: 1em;
-  height: 1em;
+@media (max-width: 980px) {
+  .dsa-search-result__preview-image-wrapper {
+    display: none;
+  }
+  @container search-result (min-width: 640px) {
+    .dsa-search-result__preview-image-wrapper {
+      display: block;
+    }
+  }
 }
 .dsa-search-result__preview-image {
   width: 100%;

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

@@ -47,6 +47,9 @@
       "type": "array",
       "description": "An array of search matches.",
       "items": {
+        "$schema": "http://json-schema.org/draft-07/schema#",
+        "$id": "http://schema.mydesignsystem.com/search-result-match.schema.json",
+        "title": "Search Result Match",
         "type": "object",
         "properties": {
           "title": {

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

@@ -42,31 +42,7 @@
       "type": "array",
       "description": "An array of search matches.",
       "items": {
-        "type": "object",
-        "properties": {
-          "title": {
-            "title": "Title",
-            "type": "string",
-            "description": "The title of the match.",
-            "examples": ["Panel Discussion: Ethics in AI"]
-          },
-          "snippet": {
-            "title": "Text",
-            "type": "string",
-            "description": "The main content or description of the search result.",
-            "examples": [
-              "Experts debate the ethical challenges and responsibilities of deploying AI technologies."
-            ]
-          },
-          "url": {
-            "title": "URL",
-            "type": "string",
-            "description": "A URL linking to the specific match or more information.",
-            "examples": [
-              "https://www.example.com/ai-conference-2023/panel-discussion"
-            ]
-          }
-        }
+        "$ref": "http://schema.mydesignsystem.com/search-result-match.schema.json"
       }
     },
     "showLink": {

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { SearchResultMatchProps } from "../../SearchResultMatchProps-777cd47c.js";
+declare const SearchResultMatchContextDefault: import("react").ForwardRefExoticComponent<SearchResultMatchProps & import("react").RefAttributes<HTMLAnchorElement>>;
+declare const SearchResultMatchContext: import("react").Context<import("react").ForwardRefExoticComponent<SearchResultMatchProps & import("react").RefAttributes<HTMLAnchorElement>>>;
+declare const SearchResultMatch: import("react").ForwardRefExoticComponent<SearchResultMatchProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export type { SearchResultMatchProps };
+export { SearchResultMatchContextDefault, SearchResultMatchContext, SearchResultMatch };

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

@@ -0,0 +1,19 @@
+import "./search-result-match.css";
+import { jsxs, jsx } from 'react/jsx-runtime';
+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 }, ref) => (jsxs(Link, { ref: ref, href: url, className: "dsa-search-result-match", children: [jsxs("div", { className: "dsa-search-result-match__title", children: [jsx(Icon, { className: "dsa-search-result-match__chevron", icon: "chevron-right" }), title] }), jsx(RichText, { text: snippet, className: "dsa-search-result-match__snippet" })] })));
+const SearchResultMatchContext = createContext(SearchResultMatchContextDefault);
+const SearchResultMatch = forwardRef((props, ref) => {
+    const Component = useContext(SearchResultMatchContext);
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
+});
+SearchResultMatch.displayName = "SearchResultMatch";
+
+export { SearchResultMatch, SearchResultMatchContext, SearchResultMatchContextDefault };

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

@@ -0,0 +1,20 @@
+.dsa-search-result-match {
+  --g-link--border-radius: 0;
+  font: var(--ks-font-interface-m);
+  padding: var(--ks-spacing-stack-s) 0;
+  border-top: 1px solid var(--ks-border-color-default);
+  display: block;
+}
+.dsa-search-result-match__snippet {
+  font: var(--ks-font-copy-m);
+}
+.dsa-search-result-match__chevron {
+  width: 1em;
+  height: 1em;
+}
+.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/components/search-result-match/search-result-match.schema.dereffed.json

@@ -0,0 +1,33 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/search-result-match.schema.json",
+  "title": "Search Result Match",
+  "type": "object",
+  "properties": {
+    "title": {
+      "title": "Title",
+      "type": "string",
+      "description": "The title of the match.",
+      "examples": [
+        "Panel Discussion: Ethics in AI"
+      ]
+    },
+    "snippet": {
+      "title": "Text",
+      "type": "string",
+      "description": "The main content or description of the search result.",
+      "examples": [
+        "Experts debate the ethical challenges and responsibilities of deploying AI technologies."
+      ]
+    },
+    "url": {
+      "title": "URL",
+      "type": "string",
+      "description": "A URL linking to the specific match or more information.",
+      "examples": [
+        "https://www.example.com/ai-conference-2023/panel-discussion"
+      ]
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,31 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/search-result-match.schema.json",
+  "title": "Search Result Match",
+  "type": "object",
+  "properties": {
+    "title": {
+      "title": "Title",
+      "type": "string",
+      "description": "The title of the match.",
+      "examples": ["Panel Discussion: Ethics in AI"]
+    },
+    "snippet": {
+      "title": "Text",
+      "type": "string",
+      "description": "The main content or description of the search result.",
+      "examples": [
+        "Experts debate the ethical challenges and responsibilities of deploying AI technologies."
+      ]
+    },
+    "url": {
+      "title": "URL",
+      "type": "string",
+      "description": "A URL linking to the specific match or more information.",
+      "examples": [
+        "https://www.example.com/ai-conference-2023/panel-discussion"
+      ]
+    }
+  },
+  "additionalProperties": false
+}

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 06:37:42 GMT
+ * Generated on Fri, 05 Sep 2025 10:45:57 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 06:37:46 GMT
+ * Generated on Fri, 05 Sep 2025 10:46:01 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 06:37:44 GMT
+ * Generated on Fri, 05 Sep 2025 10:45:59 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 06:37:48 GMT
+ * Generated on Fri, 05 Sep 2025 10:46:03 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 06:37:40 GMT
+ * Generated on Fri, 05 Sep 2025 10:45:55 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 06:37:41 GMT
+ * Generated on Fri, 05 Sep 2025 10:45:55 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

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