@kickstartds/ds-agency-premium 1.6.71--canary.45.1824.0 → 1.6.71--canary.45.1833.0

package/dist/SearchFilterProps-2fa6419b.d.ts

@@ -0,0 +1,29 @@
+/**
+ * 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.
+ */
+interface SearchFilterProps {
+    /**
+     * The title of the search filter.
+     */
+    title?: string;
+    /**
+     * The categories to filter by.
+     */
+    categories?: {
+        /**
+         * The name of the category.
+         */
+        title?: string;
+        /**
+         * The number of items in the category.
+         */
+        amount?: string;
+        /**
+         * The URL to filter by this category.
+         */
+        url?: string;
+    }[];
+}
+export { SearchFilterProps };

package/dist/SearchResultProps-224c2338.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 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.
+ */
+/**
+ * A URL linking to the search result or more information.
+ */
+type URL = string;
+/**
+ * The title of the search result.
+ */
+type Title = string;
+/**
+ * The main content or description of the search result.
+ */
+type Text = string;
+/**
+ * Whether to display the link to the search result.
+ */
+type ShowLink = boolean;
+/**
+ * An ARIA label for accessibility purposes.
+ */
+type ARIALabel = string;
+interface SearchResultProps {
+    url?: URL;
+    title?: Title;
+    text?: Text;
+    showLink?: ShowLink;
+    ariaLabel?: ARIALabel;
+}
+export { URL, Title, Text, ShowLink, ARIALabel, SearchResultProps };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Jul 2025 13:26:06 GMT
+ * Generated on Tue, 08 Jul 2025 14:19:26 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);

package/dist/components/presets.json

@@ -1050,6 +1050,170 @@
     },
     "screenshot": "img/screenshots/page-archetypes-event-list--event-list.png"
   },
+  {
+    "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  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/>",
+    "args": {
+      "filter": {
+        "datePicker": {
+          "title": "Find Appointment",
+          "dateFromInput": {
+            "label": "From",
+            "placeholder": "Select a date"
+          },
+          "dateToInput": {
+            "label": "To",
+            "placeholder": "Select a date"
+          },
+          "toggle": true
+        },
+        "categories": {
+          "title": "Categories",
+          "categoryCheckboxes": [
+            "Category Filter",
+            "Category Filter",
+            "Category Filter"
+          ],
+          "toggle": true
+        },
+        "applyButton": {
+          "label": "Filter Appointments"
+        },
+        "resetButton": {
+          "label": "Reset Filters"
+        }
+      },
+      "events": [
+        {
+          "category": "Buyers",
+          "title": "This is a event teaser title",
+          "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.",
+          "date": "FRI, JAN 16",
+          "time": "10:00",
+          "location": {
+            "name": "Stadthalle",
+            "address": "Köln"
+          },
+          "tags": [
+            "AI"
+          ],
+          "image": {
+            "src": "https://picsum.photos/seed/flower/800/600",
+            "alt": "This is an image of a flower"
+          },
+          "url": "https://example.com",
+          "ctaText": "Show event"
+        },
+        {
+          "category": "Buyers",
+          "title": "This is a event teaser title",
+          "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.",
+          "date": "FRI, JAN 16",
+          "time": "10:00",
+          "location": {
+            "name": "Stadthalle",
+            "address": "Köln"
+          },
+          "tags": [
+            "AI"
+          ],
+          "image": {
+            "src": "https://picsum.photos/seed/flower/800/600",
+            "alt": "This is an image of a flower"
+          },
+          "url": "https://example.com",
+          "ctaText": "Show event"
+        },
+        {
+          "category": "Buyers",
+          "title": "This is a event teaser title",
+          "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.",
+          "date": "FRI, JAN 16",
+          "time": "10:00",
+          "location": {
+            "name": "Stadthalle",
+            "address": "Köln"
+          },
+          "tags": [
+            "AI"
+          ],
+          "image": {
+            "src": "https://picsum.photos/seed/flower/800/600",
+            "alt": "This is an image of a flower"
+          },
+          "url": "https://example.com",
+          "ctaText": "Show event"
+        }
+      ],
+      "searchFilter": {
+        "title": "Search Filters",
+        "categories": [
+          {
+            "title": "Pages",
+            "url": "#",
+            "amount": 10
+          },
+          {
+            "title": "News",
+            "url": "#",
+            "amount": 5
+          },
+          {
+            "title": "Blog Posts",
+            "url": "#",
+            "amount": 2
+          }
+        ]
+      },
+      "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
+        },
+        {
+          "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
+        }
+      ]
+    },
+    "screenshot": "img/screenshots/page-archetypes-search--search.png"
+  },
   {
     "id": "components-contact--wide-image",
     "group": "Components/Contact",
@@ -3354,6 +3518,51 @@
     },
     "screenshot": "img/screenshots/industry-search-bar--default.png"
   },
+  {
+    "id": "industry-search-filter--default",
+    "group": "Industry / Search Filter",
+    "name": "Default",
+    "code": "<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: '8',\n      title: 'Blog Posts',\n      url: '#'\n    }\n  ]}\n  title=\"Search by category\"\n/>",
+    "args": {
+      "title": "Search by category",
+      "categories": [
+        {
+          "title": "Pages",
+          "amount": "10",
+          "url": "#"
+        },
+        {
+          "title": "News",
+          "amount": "5",
+          "url": "#"
+        },
+        {
+          "title": "Blog Posts",
+          "amount": "8",
+          "url": "#"
+        }
+      ]
+    },
+    "screenshot": "img/screenshots/industry-search-filter--default.png"
+  },
+  {
+    "id": "industry-search-result--default",
+    "group": "Industry / Search Result",
+    "name": "Default",
+    "code": "<SearchResult\n  ariaLabel=\"Search Result: AI Conference 2023\"\n  link={{\n    label: 'Read more',\n    url: 'https://www.example.com/ai-conference-2023'\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/>",
+    "args": {
+      "url": "https://www.example.com/ai-conference-2023",
+      "title": "AI Conference 2023",
+      "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",
+      "showLink": true,
+      "ariaLabel": "Search Result: AI Conference 2023",
+      "link": {
+        "url": "https://www.example.com/ai-conference-2023",
+        "label": "Read more"
+      }
+    },
+    "screenshot": "img/screenshots/industry-search-result--default.png"
+  },
   {
     "id": "layout-section--dynamic-layout",
     "group": "Layout/Section",

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

@@ -0,0 +1,19 @@
+import { FC, PropsWithChildren } from "react";
+/* 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.
+ */
+import { SearchFilterProps } from "../../SearchFilterProps-2fa6419b.js";
+import { SearchResultProps } from "../../SearchResultProps-224c2338.js";
+interface SearchProps {
+    /**
+     * Referenced component SearchFilterProps
+     */
+    searchFilter?: SearchFilterProps;
+    searchResults?: SearchResultProps[];
+}
+declare const Search: FC<PropsWithChildren<SearchProps>>;
+export type { SearchProps };
+export { Search };

package/dist/components/search/index.js

@@ -0,0 +1,39 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Section } from '../section/index.js';
+import { SplitWeighted } from '../split-weighted/index.js';
+import { SearchFilter } from '../search-filter/index.js';
+import { SearchResult } from '../search-result/index.js';
+import { RichText } from '@kickstartds/base/lib/rich-text';
+import { Pagination } from '../pagination/index.js';
+import 'react';
+import 'classnames';
+import '@kickstartds/core/lib/react';
+import '@kickstartds/base/lib/section';
+import '../section/js/Section.client.js';
+import '@kickstartds/core/lib/component';
+import 'markdown-to-jsx';
+import '@kickstartds/base/lib/link';
+import '@kickstartds/base/lib/icon';
+
+const Search = ({ searchFilter, searchResults, }) => (jsx(Fragment, { children: jsx(Section, { width: "wide", children: jsx(SplitWeighted, { verticalAlign: "sticky", mainLayout: {
+                minWidth: "narrow",
+            }, asideLayout: {
+                gutter: "small",
+            }, order: {
+                desktop: "asideFirst",
+                mobile: "asideFirst",
+            }, aside: jsxs(Fragment, { children: [jsx(SearchFilter, { ...searchFilter }), jsx(RichText, { text: `Showing 6 out of 18 results` })] }), main: jsxs(Fragment, { children: [searchResults.map((searchResult, index) => (jsx(SearchResult, { ...searchResult }, index))), jsx(Pagination, { pages: [
+                            {
+                                url: "https://example.com/page1",
+                                active: true,
+                            },
+                            {
+                                url: "https://example.com/page2",
+                            },
+                            {
+                                url: "https://example.com/page3",
+                            },
+                        ] })] }) }) }) }));
+Search.displayName = "Search";
+
+export { Search };

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

@@ -0,0 +1,134 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/cms/search.schema.json",
+  "title": "Search",
+  "type": "object",
+  "properties": {
+    "searchFilter": {
+      "$schema": "http://json-schema.org/draft-07/schema#",
+      "$id": "http://schema.mydesignsystem.com/search-filter.schema.json",
+      "title": "Search Filter",
+      "type": "object",
+      "properties": {
+        "title": {
+          "type": "string",
+          "description": "The title of the search filter.",
+          "examples": [
+            "Search by category"
+          ]
+        },
+        "categories": {
+          "type": "array",
+          "description": "The categories to filter by.",
+          "examples": [
+            [
+              {
+                "title": "Pages",
+                "amount": "10"
+              },
+              {
+                "title": "News",
+                "amount": "5"
+              },
+              {
+                "title": "Blog Posts",
+                "amount": "8"
+              }
+            ]
+          ],
+          "items": {
+            "type": "object",
+            "properties": {
+              "title": {
+                "type": "string",
+                "description": "The name of the category.",
+                "examples": [
+                  "Pages",
+                  "News"
+                ]
+              },
+              "amount": {
+                "type": "string",
+                "description": "The number of items in the category.",
+                "examples": [
+                  "10",
+                  "5"
+                ]
+              },
+              "url": {
+                "type": "string",
+                "format": "uri",
+                "description": "The URL to filter by this category.",
+                "examples": [
+                  "#"
+                ]
+              }
+            },
+            "additionalProperties": false
+          }
+        },
+        "type": {
+          "const": "search-filter"
+        }
+      },
+      "additionalProperties": false
+    },
+    "searchResults": {
+      "type": "array",
+      "items": {
+        "$schema": "http://json-schema.org/draft-07/schema#",
+        "$id": "http://schema.mydesignsystem.com/search-result.schema.json",
+        "title": "Search Result",
+        "type": "object",
+        "properties": {
+          "url": {
+            "title": "URL",
+            "type": "string",
+            "description": "A URL linking to the search result or more information.",
+            "examples": [
+              "https://www.example.com/ai-conference-2023"
+            ]
+          },
+          "title": {
+            "title": "Title",
+            "type": "string",
+            "description": "The title of the search result.",
+            "examples": [
+              "AI Conference 2023"
+            ]
+          },
+          "text": {
+            "title": "Text",
+            "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."
+            ]
+          },
+          "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"
+            ]
+          },
+          "type": {
+            "const": "search-result"
+          }
+        },
+        "additionalProperties": false
+      }
+    },
+    "type": {
+      "const": "search"
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,18 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/cms/search.schema.json",
+  "title": "Search",
+  "type": "object",
+  "properties": {
+    "searchFilter": {
+      "$ref": "http://schema.mydesignsystem.com/search-filter.schema.json"
+    },
+    "searchResults": {
+      "type": "array",
+      "items": {
+        "$ref": "http://schema.mydesignsystem.com/search-result.schema.json"
+      }
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { SearchFilterProps } from "../../SearchFilterProps-2fa6419b.js";
+declare const SearchFilterContextDefault: import("react").ForwardRefExoticComponent<SearchFilterProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const SearchFilterContext: import("react").Context<import("react").ForwardRefExoticComponent<SearchFilterProps & import("react").RefAttributes<HTMLDivElement>>>;
+declare const SearchFilter: import("react").ForwardRefExoticComponent<SearchFilterProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { SearchFilterProps };
+export { SearchFilterContextDefault, SearchFilterContext, SearchFilter };

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

@@ -0,0 +1,15 @@
+import "./search-filter.css";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, createContext, useContext } from 'react';
+import Markdown from 'markdown-to-jsx';
+import { Link } from '@kickstartds/base/lib/link';
+
+const SearchFilterContextDefault = forwardRef(({ title, categories }, ref) => (jsxs("div", { className: "dsa-search-filter", ref: ref, children: [title && jsx(Markdown, { className: "dsa-search-filter__title", children: title }), jsx("div", { className: "dsa-search-filter__categories", children: categories.map((category, index) => (jsxs("div", { className: "dsa-search-filter__category", children: [jsx(Link, { href: category.url, className: "dsa-search-filter__category-title", children: category.title }), jsx("span", { className: "dsa-search-filter__category-amount", children: " (" + category.amount + ")" })] }, index))) })] })));
+const SearchFilterContext = createContext(SearchFilterContextDefault);
+const SearchFilter = forwardRef((props, ref) => {
+    const Component = useContext(SearchFilterContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+SearchFilter.displayName = "SearchFilter";
+
+export { SearchFilter, SearchFilterContext, SearchFilterContextDefault };

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

@@ -0,0 +1,20 @@
+.dsa-search-filter {
+  background-color: var(--ks-background-color-accent);
+  border-radius: var(--ks-border-radius-card);
+  padding: var(--ks-spacing-inset-m);
+}
+.dsa-search-filter__title {
+  font: var(--dsa-topic--font);
+  color: var(--dsa-topic--color);
+  font-weight: var(--dsa-topic--font-weight);
+}
+.dsa-search-filter__categories {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-xxs);
+  margin-top: var(--ks-spacing-stack-s);
+}
+.dsa-search-filter__category {
+  font: var(--ks-font-interface-m);
+  color: var(--ks-text-color-interface);
+}

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

@@ -0,0 +1,69 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/search-filter.schema.json",
+  "title": "Search Filter",
+  "type": "object",
+  "properties": {
+    "title": {
+      "type": "string",
+      "description": "The title of the search filter.",
+      "examples": [
+        "Search by category"
+      ]
+    },
+    "categories": {
+      "type": "array",
+      "description": "The categories to filter by.",
+      "examples": [
+        [
+          {
+            "title": "Pages",
+            "amount": "10"
+          },
+          {
+            "title": "News",
+            "amount": "5"
+          },
+          {
+            "title": "Blog Posts",
+            "amount": "8"
+          }
+        ]
+      ],
+      "items": {
+        "type": "object",
+        "properties": {
+          "title": {
+            "type": "string",
+            "description": "The name of the category.",
+            "examples": [
+              "Pages",
+              "News"
+            ]
+          },
+          "amount": {
+            "type": "string",
+            "description": "The number of items in the category.",
+            "examples": [
+              "10",
+              "5"
+            ]
+          },
+          "url": {
+            "type": "string",
+            "format": "uri",
+            "description": "The URL to filter by this category.",
+            "examples": [
+              "#"
+            ]
+          }
+        },
+        "additionalProperties": false
+      }
+    },
+    "type": {
+      "const": "search-filter"
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,46 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/search-filter.schema.json",
+  "title": "Search Filter",
+  "type": "object",
+  "properties": {
+    "title": {
+      "type": "string",
+      "description": "The title of the search filter.",
+      "examples": ["Search by category"]
+    },
+    "categories": {
+      "type": "array",
+      "description": "The categories to filter by.",
+      "examples": [
+        [
+          { "title": "Pages", "amount": "10" },
+          { "title": "News", "amount": "5" },
+          { "title": "Blog Posts", "amount": "8" }
+        ]
+      ],
+      "items": {
+        "type": "object",
+        "properties": {
+          "title": {
+            "type": "string",
+            "description": "The name of the category.",
+            "examples": ["Pages", "News"]
+          },
+          "amount": {
+            "type": "string",
+            "description": "The number of items in the category.",
+            "examples": ["10", "5"]
+          },
+          "url": {
+            "type": "string",
+            "format": "uri",
+            "description": "The URL to filter by this category.",
+            "examples": ["#"]
+          }
+        }
+      }
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { SearchResultProps } from "../../SearchResultProps-224c2338.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>>;
+export type { SearchResultProps };
+export { SearchResultContextDefault, SearchResultContext, SearchResult };

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

@@ -0,0 +1,15 @@
+import "./search-result.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';
+
+const SearchResultContextDefault = forwardRef(({ title, text, url, showLink, ariaLabel }, ref) => (jsxs(Link, { "aria-label": ariaLabel, href: url, className: "dsa-search-result", ref: ref, 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 SearchResultContext = createContext(SearchResultContextDefault);
+const SearchResult = forwardRef((props, ref) => {
+    const Component = useContext(SearchResultContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+SearchResult.displayName = "SearchResult";
+
+export { SearchResult, SearchResultContext, SearchResultContextDefault };

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

@@ -0,0 +1,26 @@
+.dsa-search-result {
+  --g-link--border-radius: var(--ks-border-radius-card);
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-xs);
+  border: var(--ks-border-width-default) solid var(--ks-border-color-card-interactive);
+  padding: var(--ks-spacing-inset-m);
+  transition: var(--ks-transition-hover);
+}
+.dsa-search-result:hover {
+  border-color: var(--ks-border-color-card-interactive-hover);
+}
+.dsa-search-result__title {
+  font: var(--dsa-topic--font);
+  color: var(--dsa-topic--color);
+  font-weight: var(--dsa-topic--font-weight);
+}
+.dsa-search-result__link {
+  width: fit-content;
+  font: var(--ks-font-interface-s);
+  color: var(--dsa-link--color);
+  transition: inherit;
+}
+.dsa-search-result__link:hover {
+  color: var(--dsa-link--color_hover);
+}

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

@@ -0,0 +1,50 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/search-result.schema.json",
+  "title": "Search Result",
+  "type": "object",
+  "properties": {
+    "url": {
+      "title": "URL",
+      "type": "string",
+      "description": "A URL linking to the search result or more information.",
+      "examples": [
+        "https://www.example.com/ai-conference-2023"
+      ]
+    },
+    "title": {
+      "title": "Title",
+      "type": "string",
+      "description": "The title of the search result.",
+      "examples": [
+        "AI Conference 2023"
+      ]
+    },
+    "text": {
+      "title": "Text",
+      "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."
+      ]
+    },
+    "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"
+      ]
+    },
+    "type": {
+      "const": "search-result"
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,41 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/search-result.schema.json",
+  "title": "Search Result",
+  "type": "object",
+  "properties": {
+    "url": {
+      "title": "URL",
+      "type": "string",
+      "description": "A URL linking to the search result or more information.",
+      "examples": ["https://www.example.com/ai-conference-2023"]
+    },
+    "title": {
+      "title": "Title",
+      "type": "string",
+      "description": "The title of the search result.",
+      "examples": ["AI Conference 2023"]
+    },
+    "text": {
+      "title": "Text",
+      "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."
+      ]
+    },
+    "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 Tue, 08 Jul 2025 13:26:09 GMT
+ * Generated on Tue, 08 Jul 2025 14:19:29 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 Tue, 08 Jul 2025 13:26:13 GMT
+ * Generated on Tue, 08 Jul 2025 14:19:33 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 Tue, 08 Jul 2025 13:26:11 GMT
+ * Generated on Tue, 08 Jul 2025 14:19:31 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 Tue, 08 Jul 2025 13:26:16 GMT
+ * Generated on Tue, 08 Jul 2025 14:19:36 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 Tue, 08 Jul 2025 13:26:06 GMT
+ * Generated on Tue, 08 Jul 2025 14:19:26 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 08 Jul 2025 13:26:07 GMT
+ * Generated on Tue, 08 Jul 2025 14:19:27 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

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