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

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

@@ -11,25 +11,41 @@ type URL = string;
  * The title of the search result.
  */
 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;
 /**
- * Whether to display the link to the search result.
+ * A URL linking to the specific match or more information.
  */
-type ShowLink = boolean;
+type URL1 = string;
 /**
- * An ARIA label for accessibility purposes.
+ * An array of search matches.
  */
-type ARIALabel = string;
+type Matches = {
+    title?: Title1;
+    snippet?: Text;
+    url?: URL1;
+}[];
+/**
+ * Whether to display the link to the search result.
+ */
+type ShowLink = boolean;
 interface SearchResultProps {
     url?: URL;
     title?: Title;
     previewImage?: PreviewImage;
-    text?: Text;
+    initialMatch?: InitialMatch;
+    matches?: Matches;
     showLink?: ShowLink;
-    ariaLabel?: ARIALabel;
 }
 /**
  * An optional preview image for the search result.
@@ -40,8 +56,8 @@ interface PreviewImage {
      */
     src?: string;
     /**
-     * Small display of the preview image.
+     * Large display of the preview image.
      */
-    small?: boolean;
+    large?: boolean;
 }
-export { URL, Title, Text, ShowLink, ARIALabel, SearchResultProps, PreviewImage };
+export { URL, Title, InitialMatch, Title1, Text, URL1, Matches, ShowLink, SearchResultProps, PreviewImage };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 04 Sep 2025 11:58:24 GMT
+ * Generated on Fri, 05 Sep 2025 06:37:40 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      ariaLabel: 'Search Result: AI Conference 2023',\n      showLink: true,\n      text: 'Join us for the annual **AI Conference** bringing together experts from around the world.\\n        Register now to secure your spot and learn about the latest advancements in AI.',\n      title: 'AI Conference 2023',\n      url: 'https://www.example.com/ai-conference-2023'\n    },\n    {\n      ariaLabel: 'Search Result: Web Development Summit 2023',\n      showLink: true,\n      text: 'Explore the future of web development at the **Web Development Summit**.\\n        Discover new technologies and network with industry leaders.',\n      title: 'Web Development Summit 2023',\n      url: 'https://www.example.com/web-development-summit-2023'\n    },\n    {\n      ariaLabel: 'Search Result: Data Science Bootcamp',\n      showLink: true,\n      text: 'Enhance your skills with our **Data Science Bootcamp**.\\n        Learn from experts and work on real-world projects.',\n      title: 'Data Science Bootcamp',\n      url: 'https://www.example.com/data-science-bootcamp'\n    },\n    {\n      ariaLabel: 'Search Result: AI Conference 2023',\n      showLink: true,\n      text: 'Join us for the annual **AI Conference** bringing together experts from around the world.\\n        Register now to secure your spot and learn about the latest advancements in AI.',\n      title: 'AI Conference 2023',\n      url: 'https://www.example.com/ai-conference-2023'\n    },\n    {\n      ariaLabel: 'Search Result: Web Development Summit 2023',\n      showLink: true,\n      text: 'Explore the future of web development at the **Web Development Summit**.\\n        Discover new technologies and network with industry leaders.',\n      title: 'Web Development Summit 2023',\n      url: 'https://www.example.com/web-development-summit-2023'\n    },\n    {\n      ariaLabel: 'Search Result: Data Science Bootcamp',\n      showLink: true,\n      text: 'Enhance your skills with our **Data Science Bootcamp**.\\n        Learn from experts and work on real-world projects.',\n      title: 'Data Science Bootcamp',\n      url: 'https://www.example.com/data-science-bootcamp'\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.',\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/>",
     "args": {
       "filter": {
         "datePicker": {
@@ -1312,46 +1312,60 @@
       },
       "searchResults": [
         {
-          "url": "https://www.example.com/ai-conference-2023",
-          "title": "AI Conference 2023",
-          "text": "Join us for the annual **AI Conference** bringing together experts from around the world.\n        Register now to secure your spot and learn about the latest advancements in AI.",
-          "ariaLabel": "Search Result: AI Conference 2023",
-          "showLink": true
-        },
-        {
-          "url": "https://www.example.com/web-development-summit-2023",
-          "title": "Web Development Summit 2023",
-          "text": "Explore the future of web development at the **Web Development Summit**.\n        Discover new technologies and network with industry leaders.",
-          "ariaLabel": "Search Result: Web Development Summit 2023",
-          "showLink": true
-        },
-        {
-          "url": "https://www.example.com/data-science-bootcamp",
-          "title": "Data Science Bootcamp",
-          "text": "Enhance your skills with our **Data Science Bootcamp**.\n        Learn from experts and work on real-world projects.",
-          "ariaLabel": "Search Result: Data Science Bootcamp",
-          "showLink": true
-        },
-        {
-          "url": "https://www.example.com/ai-conference-2023",
-          "title": "AI Conference 2023",
-          "text": "Join us for the annual **AI Conference** bringing together experts from around the world.\n        Register now to secure your spot and learn about the latest advancements in AI.",
-          "ariaLabel": "Search Result: AI Conference 2023",
-          "showLink": true
+          "title": "Sustainable Living: Everyday Tips",
+          "previewImage": {
+            "src": "img/people-brainstorming-work-meeting.png"
+          },
+          "initialMatch": "Embracing a **sustainable** lifestyle can significantly reduce your environmental impact.",
+          "matches": [
+            {
+              "title": "Home",
+              "snippet": "Simple changes can make your home more **sustainable** and energy-efficient.",
+              "url": "#"
+            },
+            {
+              "title": "Lifestyle",
+              "snippet": "Adopting a **sustainable** lifestyle benefits both you and the planet.",
+              "url": "#"
+            }
+          ],
+          "url": "www.example.com/lifestyle/sustainable-living"
         },
         {
-          "url": "https://www.example.com/web-development-summit-2023",
-          "title": "Web Development Summit 2023",
-          "text": "Explore the future of web development at the **Web Development Summit**.\n        Discover new technologies and network with industry leaders.",
-          "ariaLabel": "Search Result: Web Development Summit 2023",
-          "showLink": true
+          "title": "Sustainable Architecture Trends",
+          "previewImage": {
+            "large": true,
+            "src": "img/full-shot-different-people-working-together.png"
+          },
+          "matches": [
+            {
+              "title": "Introduction",
+              "snippet": "Discover how **sustainable** design is shaping the future of urban development.",
+              "url": "#"
+            }
+          ],
+          "url": "www.example.com/architecture/sustainable-trends"
         },
         {
-          "url": "https://www.example.com/data-science-bootcamp",
-          "title": "Data Science Bootcamp",
-          "text": "Enhance your skills with our **Data Science Bootcamp**.\n        Learn from experts and work on real-world projects.",
-          "ariaLabel": "Search Result: Data Science Bootcamp",
-          "showLink": true
+          "title": "How to Build a Sustainable Business",
+          "matches": [
+            {
+              "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/business/sustainable-model"
         }
       ]
     },
@@ -3958,17 +3972,33 @@
     "id": "corporate-search-result--default",
     "group": "Corporate / Search Result",
     "name": "Default",
-    "code": "<SearchResult\n  ariaLabel=\"Search Result: AI Conference 2023\"\n  previewImage={{\n    small: false,\n    src: '/img/full-shot-different-people-working-together.png'\n  }}\n  showLink\n  text=\"Join us for the annual **AI Conference** brings together experts from around the world\n[...] register now for the **AI Conference** to secure your spot\n[...] highlights from last year’s **AI Conference** included keynote speeches on machine learning\n[...] find out more about the **AI Conference** agenda and speakers\"\n  title=\"AI Conference 2023\"\n  url=\"https://www.example.com/ai-conference-2023\"\n/>",
+    "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/>",
     "args": {
-      "url": "https://www.example.com/ai-conference-2023",
-      "title": "AI Conference 2023",
+      "url": "https://www.example.com/greentech-summit-2023",
+      "title": "GreenTech Summit 2023",
       "previewImage": {
-        "small": false,
-        "src": "/img/full-shot-different-people-working-together.png"
+        "large": false,
+        "src": "img/full-shot-different-people-working-together.png"
       },
-      "text": "Join us for the annual **AI Conference** brings together experts from around the world\n[...] register now for the **AI Conference** to secure your spot\n[...] highlights from last year’s **AI Conference** included keynote speeches on machine learning\n[...] find out more about the **AI Conference** agenda and speakers",
+      "matches": [
+        {
+          "title": "Keynote: Embracing Sustainability",
+          "snippet": "Learn how leading companies are integrating **sustainability** into their core strategies.",
+          "url": "#"
+        },
+        {
+          "title": "Panel: Sustainability in Practice",
+          "snippet": "Business models that prioritize **sustainability** are shared by industry experts in this session.",
+          "url": "#"
+        },
+        {
+          "title": "Workshop: Measuring Sustainability",
+          "snippet": "In your organization, **sustainability** can be assessed using new tools and techniques.",
+          "url": "#"
+        }
+      ],
       "showLink": true,
-      "ariaLabel": "Search Result: AI Conference 2023"
+      "ariaLabel": "Search Result: GreenTech Summit 2023"
     },
     "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-4035f21e.js";
+import { SearchResultProps } from "../../SearchResultProps-4a00e50a.js";
 interface SearchProps {
     /**
      * Referenced component HeadlineProps

package/dist/components/search/index.js

@@ -28,6 +28,7 @@ const Search = ({ headline, searchBar, searchFilter, searchResults, }) => (jsxs(
                 mode: "list",
             }, children: jsx(SplitWeighted, { verticalAlign: "sticky", mainLayout: {
                     minWidth: "narrow",
+                    gutter: "large",
                 }, asideLayout: {
                     gutter: "small",
                 }, order: {

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

@@ -236,35 +236,59 @@
                 "type": "string",
                 "description": "A URL to an image preview for the search result."
               },
-              "small": {
+              "large": {
                 "type": "boolean",
-                "description": "Small display of the preview image.",
+                "description": "Large display of the preview image.",
                 "default": false
               }
             },
             "additionalProperties": false
           },
-          "text": {
-            "title": "Text",
+          "initialMatch": {
+            "title": "Initial Match",
             "type": "string",
-            "description": "The main content or description of the search result.",
-            "examples": [
-              "Join us for the AI Conference 2023, where industry leaders discuss the future of AI."
-            ]
+            "description": "The initial search match or summary of the search result."
+          },
+          "matches": {
+            "title": "Matches",
+            "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"
+                  ]
+                }
+              },
+              "additionalProperties": false
+            }
           },
           "showLink": {
             "title": "Show Link",
             "type": "boolean",
             "description": "Whether to display the link to the search result.",
             "default": true
-          },
-          "ariaLabel": {
-            "title": "ARIA Label",
-            "type": "string",
-            "description": "An ARIA label for accessibility purposes.",
-            "examples": [
-              "Search result: Conference 2023"
-            ]
           }
         },
         "additionalProperties": false

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { SearchResultProps } from "../../SearchResultProps-4035f21e.js";
-declare const SearchResultContextDefault: import("react").ForwardRefExoticComponent<SearchResultProps & import("react").RefAttributes<HTMLAnchorElement>>;
-declare const SearchResultContext: import("react").Context<import("react").ForwardRefExoticComponent<SearchResultProps & import("react").RefAttributes<HTMLAnchorElement>>>;
-declare const SearchResult: import("react").ForwardRefExoticComponent<SearchResultProps & import("react").RefAttributes<HTMLAnchorElement>>;
+import { SearchResultProps } from "../../SearchResultProps-4a00e50a.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>>;
 export type { SearchResultProps };
 export { SearchResultContextDefault, SearchResultContext, SearchResult };

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

@@ -6,17 +6,19 @@ 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';
 
 const defaults = {
     "previewImage": {
-        "small": false
+        "large": false
     },
+    "matches": [],
     "showLink": true
 };
 
-const SearchResultContextDefault = forwardRef(({ title, previewImage, text, url, showLink, ariaLabel }, ref) => (jsxs(Link, { "aria-label": ariaLabel, href: url, className: classnames("dsa-search-result", {
-        "dsa-search-result--image-small": previewImage?.small,
-    }), ref: ref, children: [jsx(Picture, { src: "img/full-shot-different-people-working-together.png", alt: "", className: "dsa-search-result__image" }), jsxs("div", { className: "dsa-search-result__content", children: [jsx("span", { className: "dsa-search-result__title", children: title }), jsx(RichText, { text: text, className: "dsa-search-result__text" }), showLink && jsx("span", { className: "dsa-search-result__link", children: url })] })] })));
+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 SearchResultContext = createContext(SearchResultContextDefault);
 const SearchResult = forwardRef((props, ref) => {
     const Component = useContext(SearchResultContext);

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

@@ -3,45 +3,67 @@
   --g-link--text-decoration: none;
   --g-link--text-decoration-hover: none;
   display: flex;
-  gap: var(--ks-spacing-inline-m);
-  border: var(--ks-border-width-default) solid var(--ks-border-color-card-interactive);
-  padding: var(--ks-spacing-inset-m);
-  transition: var(--ks-transition-hover);
   flex-wrap: wrap;
+  gap: var(--ks-spacing-stack-m) var(--ks-spacing-inline-m);
+}
+.dsa-search-result .l-container {
+  container-type: unset;
 }
 .dsa-search-result:hover {
   border-color: var(--ks-border-color-card-interactive-hover);
 }
-.dsa-search-result--image-small .dsa-search-result__image {
-  max-width: var(--dsa-tile--width_smallest);
-}
-.dsa-search-result__image {
-  width: 100%;
-  height: fit-content;
-  object-fit: cover;
-  aspect-ratio: 4/3;
-  border-radius: calc(var(--ks-border-radius-card) / 2);
-  max-width: var(--dsa-tile--width_small);
-}
 .dsa-search-result__content {
   display: flex;
   flex-direction: column;
-  gap: var(--ks-spacing-stack-xs);
-  flex-grow: 1;
+  gap: var(--ks-spacing-stack-s);
   flex-basis: var(--dsa-tile--width_medium);
+  flex-grow: 1;
 }
-.dsa-search-result__title {
-  font: var(--dsa-topic--font);
-  color: var(--dsa-topic--color);
-  font-weight: var(--dsa-topic--font-weight);
+.dsa-search-result__header {
+  display: block;
+  width: fit-content;
 }
 .dsa-search-result__link {
-  max-width: 100%;
-  width: auto;
-  font: var(--ks-font-interface-s);
-  color: var(--dsa-link--color);
-  transition: inherit;
-}
-.dsa-search-result__link:hover {
-  color: var(--dsa-link--color_hover);
+  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;
+}
+.dsa-search-result__match .l-container--rich-text {
+  margin-left: 1em;
+}
+.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__match-chevron {
+  width: 1em;
+  height: 1em;
+}
+.dsa-search-result__preview-image {
+  width: 100%;
+  height: fit-content;
+  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);
 }

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

@@ -29,35 +29,59 @@
           "type": "string",
           "description": "A URL to an image preview for the search result."
         },
-        "small": {
+        "large": {
           "type": "boolean",
-          "description": "Small display of the preview image.",
+          "description": "Large display of the preview image.",
           "default": false
         }
       },
       "additionalProperties": false
     },
-    "text": {
-      "title": "Text",
+    "initialMatch": {
+      "title": "Initial Match",
       "type": "string",
-      "description": "The main content or description of the search result.",
-      "examples": [
-        "Join us for the AI Conference 2023, where industry leaders discuss the future of AI."
-      ]
+      "description": "The initial search match or summary of the search result."
+    },
+    "matches": {
+      "title": "Matches",
+      "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"
+            ]
+          }
+        },
+        "additionalProperties": false
+      }
     },
     "showLink": {
       "title": "Show Link",
       "type": "boolean",
       "description": "Whether to display the link to the search result.",
       "default": true
-    },
-    "ariaLabel": {
-      "title": "ARIA Label",
-      "type": "string",
-      "description": "An ARIA label for accessibility purposes.",
-      "examples": [
-        "Search result: Conference 2023"
-      ]
     }
   },
   "additionalProperties": false

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

@@ -25,32 +25,55 @@
           "type": "string",
           "description": "A URL to an image preview for the search result."
         },
-        "small": {
+        "large": {
           "type": "boolean",
-          "description": "Small display of the preview image.",
+          "description": "Large display of the preview image.",
           "default": false
         }
       }
     },
-    "text": {
-      "title": "Text",
+    "initialMatch": {
+      "title": "Initial Match",
       "type": "string",
-      "description": "The main content or description of the search result.",
-      "examples": [
-        "Join us for the AI Conference 2023, where industry leaders discuss the future of AI."
-      ]
+      "description": "The initial search match or summary of the search result."
+    },
+    "matches": {
+      "title": "Matches",
+      "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"
+            ]
+          }
+        }
+      }
     },
     "showLink": {
       "title": "Show Link",
       "type": "boolean",
       "description": "Whether to display the link to the search result.",
       "default": true
-    },
-    "ariaLabel": {
-      "title": "ARIA Label",
-      "type": "string",
-      "description": "An ARIA label for accessibility purposes.",
-      "examples": ["Search result: Conference 2023"]
     }
   },
   "additionalProperties": false

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 04 Sep 2025 11:58:27 GMT
+ * Generated on Fri, 05 Sep 2025 06:37:42 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 Thu, 04 Sep 2025 11:58:31 GMT
+ * Generated on Fri, 05 Sep 2025 06:37:46 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 Thu, 04 Sep 2025 11:58:29 GMT
+ * Generated on Fri, 05 Sep 2025 06:37:44 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 Thu, 04 Sep 2025 11:58:33 GMT
+ * Generated on Fri, 05 Sep 2025 06:37:48 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 Thu, 04 Sep 2025 11:58:24 GMT
+ * Generated on Fri, 05 Sep 2025 06:37:40 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 04 Sep 2025 11:58:25 GMT
+ * Generated on Fri, 05 Sep 2025 06:37:41 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

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