@kickstartds/ds-agency-premium 1.6.71--canary.2005.8789d0a.0 → 1.6.71--canary.45.2008.0

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

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

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

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

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

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

package/dist/components/breadcrumb/index.js

@@ -3,6 +3,11 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { Icon } from '@kickstartds/base/lib/icon';
 import { Link } from '@kickstartds/base/lib/link';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "pages": []
+};
 
 const BreadcrumbContextDefault = forwardRef(({ pages }, ref) => {
     return (jsx("div", { className: "dsa-breadcrumb", ref: ref, children: pages.map((page, index) => index !== pages.length - 1 ? (jsxs(Fragment, { children: [jsx(Link, { href: page.url, className: "dsa-breadcrumb__link", children: page.label }), jsx(Icon, { className: "dsa-breadcrumb__icon", icon: "chevron-right" })] })) : (jsx("span", { className: "dsa-breadcrumb__label", children: page.label }))) }));
@@ -10,7 +15,7 @@ const BreadcrumbContextDefault = forwardRef(({ pages }, ref) => {
 const BreadcrumbContext = createContext(BreadcrumbContextDefault);
 const Breadcrumb = forwardRef((props, ref) => {
     const Component = useContext(BreadcrumbContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 Breadcrumb.displayName = "Breadcrumb";
 

package/dist/components/business-card/business-card.css

@@ -72,7 +72,7 @@
   flex-direction: column;
   align-items: flex-start;
   gap: var(--dsa-business-card--gap, var(--ks-spacing-stack-l));
-  flex-grow: 6;
+  flex-grow: 1;
 }
 @container business-card (min-width: 640px) {
   .dsa-business-card__content {
@@ -87,16 +87,6 @@
 .dsa-business-card__location {
   margin: 0;
 }
-.dsa-business-card__location p {
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}
-.dsa-business-card__location p:first-child {
-  margin-top: 0;
-}
-.dsa-business-card__location p:last-child {
-  margin-bottom: 0;
-}
 .dsa-business-card__image {
   flex-grow: 1;
 }

package/dist/components/business-card/index.d.ts

@@ -1,105 +1,5 @@
 /// <reference types="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.
- */
-/**
- * Whether the business card content is centered.
- */
-type Centered = boolean;
-/**
- * A headline or main topic for the business card, such as a job title or department.
- */
-type Topic = string;
-/**
- * The physical or mailing address displayed on the business card.
- */
-type Address = string;
-/**
- * A list of contact methods for the person or business (e.g., email, phone, website).
- */
-type ContactInformation = {
-    /**
-     * Label describing the contact method (e.g., 'Email', 'Phone').
-     */
-    label: string;
-    /**
-     * Icon name or identifier representing the contact method.
-     */
-    icon?: string;
-    /**
-     * URL or link for the contact method, if applicable.
-     */
-    url?: string;
-}[];
-/**
- * A list of action buttons shown on the business card.
- */
-type Buttons = {
-    /**
-     * Text label for the link.
-     */
-    label: string;
-    /**
-     * URL the link points to.
-     */
-    url: string;
-}[];
-interface BusinessCardProps {
-    centered?: Centered;
-    image?: BackgroundImage;
-    logo?: CompanyLogo;
-    topic?: Topic;
-    address?: Address;
-    avatar?: Avatar;
-    contact?: ContactInformation;
-    buttons?: Buttons;
-}
-/**
- * A background or feature image displayed on the business card.
- */
-interface BackgroundImage {
-    /**
-     * URL of the background image shown on the business card.
-     */
-    src: string;
-    /**
-     * Alternative text describing the background image.
-     */
-    alt?: string;
-}
-/**
- * The logo of the company or organization displayed on the business card.
- */
-interface CompanyLogo {
-    /**
-     * URL of the company or organization logo.
-     */
-    src: string;
-    /**
-     * Alternative text describing the logo.
-     */
-    alt?: string;
-    /**
-     * URL to the company's website or landing page.
-     */
-    url?: string;
-}
-/**
- * A profile image or avatar representing the person on the business card.
- */
-interface Avatar {
-    /**
-     * URL of the person's avatar or profile image.
-     */
-    src: string;
-    /**
-     * Alternative text describing the avatar.
-     */
-    alt?: string;
-}
+import { BusinessCardProps } from "../../BusinessCardProps-e10e7b62.js";
 declare const BusinessCardContextDefault: import("react").ForwardRefExoticComponent<BusinessCardProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const BusinessCardContext: import("react").Context<import("react").ForwardRefExoticComponent<BusinessCardProps & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BusinessCard: import("react").ForwardRefExoticComponent<BusinessCardProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/business-card/index.js

@@ -8,13 +8,23 @@ import Markdown from 'markdown-to-jsx';
 import { Button } from '../button/index.js';
 import { Link } from '@kickstartds/base/lib/link';
 import { Container } from '@kickstartds/core/lib/container';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import '@kickstartds/base/lib/button';
 
+const defaults = {
+    "centered": false,
+    "image": {},
+    "logo": {},
+    "avatar": {},
+    "contact": [],
+    "buttons": []
+};
+
 const BusinessCardContextDefault = forwardRef(({ centered, image, logo, topic, address, avatar, contact, buttons }, ref) => (jsx(Container, { name: "business-card", children: jsxs("div", { className: classnames("dsa-business-card", centered && "dsa-business-card--centered"), ref: ref, children: [image && (jsx("div", { className: "dsa-business-card__image", children: jsx(Picture, { src: image.src, alt: image.alt }) })), jsxs("div", { className: "dsa-business-card__content", children: [logo && (jsx(Fragment, { children: logo.url ? (jsx(Link, { href: logo.url, className: "dsa-business-card__logo dsa-business-card__logo-link", children: jsx(Picture, { src: logo.src, alt: logo.alt }) })) : (jsx(Picture, { className: "dsa-business-card__logo", src: logo.src, alt: logo.alt })) })), jsxs("address", { className: classnames("dsa-business-card__address", centered && "dsa-business-card__address--centered"), children: [jsxs("div", { className: "dsa-business-card__infos", children: [topic && (jsx("div", { className: "dsa-business-card__topic", children: jsx("span", { children: topic }) })), jsx(Markdown, { className: "dsa-business-card__location", children: address })] }), jsxs("div", { className: "dsa-business-card__contact", children: [avatar && (jsx(Picture, { className: "dsa-business-card__avatar", src: avatar?.src, alt: avatar?.alt })), contact && (jsx("div", { className: "dsa-business-card__contact-items", children: contact.map((item, index) => (jsx(Fragment, { children: jsxs(Link, { href: item?.url, className: "dsa-business-card__contact-item", children: [item?.icon && jsx(Icon, { icon: item?.icon }), jsx("span", { children: item.label })] }, index) }))) }))] })] }), buttons && buttons.length > 0 && (jsx("div", { className: "dsa-business-card__buttons", children: buttons.map((button, index) => (jsx(Button, { label: button.label, url: button.url, className: "dsa-business-card__button", variant: "primary" }, index))) }))] })] }) })));
 const BusinessCardContext = createContext(BusinessCardContextDefault);
 const BusinessCard = forwardRef((props, ref) => {
     const Component = useContext(BusinessCardContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 BusinessCard.displayName = "BusinessCard";
 

package/dist/components/button/button.css

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

package/dist/components/button/index.js

@@ -3,16 +3,26 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import classnames from 'classnames';
 import { ButtonContextDefault, ButtonContext } from '@kickstartds/base/lib/button';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 
-const Button = forwardRef(({ label, url, size = "medium", variant = "secondary", icon, disabled = false, className, ...props }, ref) => (jsx(ButtonContextDefault, { ...props, className: classnames("dsa-button", className), href: url, label: label, size: size, variant: variant === "primary"
-        ? "solid"
-        : variant === "secondary"
-            ? "clear"
-            : variant === "tertiary"
-                ? "outline"
-                : "solid", disabled: disabled, iconAfter: {
-        icon: icon,
-    }, ref: ref })));
+const defaults = {
+    "variant": "secondary",
+    "size": "medium",
+    "disabled": false
+};
+
+const Button = forwardRef((props, ref) => {
+    const { label, url, size = "medium", variant = "secondary", icon, disabled = false, className, ...rest } = deepMergeDefaults(defaults, props);
+    return (jsx(ButtonContextDefault, { ...rest, className: classnames("dsa-button", className), href: url, label: label, size: size, variant: variant === "primary"
+            ? "solid"
+            : variant === "secondary"
+                ? "clear"
+                : variant === "tertiary"
+                    ? "outline"
+                    : "solid", disabled: disabled, iconAfter: {
+            icon: icon,
+        }, ref: ref }));
+});
 Button.displayName = "Button";
 const ButtonProvider = (props) => (jsx(ButtonContext.Provider, { ...props, value: Button }));
 

package/dist/components/button-group/index.js

@@ -2,9 +2,18 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useContext } from 'react';
 import { ButtonContext } from '@kickstartds/base/lib/button';
 import { ButtonGroupContextDefault, ButtonGroupContext } from '@kickstartds/base/lib/button-group';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 
-const ButtonGroup = forwardRef(({ buttons, colorNeutral, size, ...props }, ref) => {
-    return buttons && buttons.length > 0 ? (jsx(ButtonGroupContextDefault, { ...props, items: buttons
+const defaults = {
+    "buttons": [],
+    "colorNeutral": false,
+    "size": "medium",
+    "arrangement": "left"
+};
+
+const ButtonGroup = forwardRef((props, ref) => {
+    const { buttons, colorNeutral, size, ...rest } = deepMergeDefaults(defaults, props);
+    return buttons && buttons.length > 0 ? (jsx(ButtonGroupContextDefault, { ...rest, items: buttons
             .filter((button) => button.label)
             .map((button, index) => ({
             size: size,

package/dist/components/content-nav/index.d.ts

@@ -1,40 +1,5 @@
 /// <reference types="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.
- */
-interface ContentNavProps {
-    image?: {
-        /**
-         * URL of the image to display in the content nav.
-         */
-        src: string;
-        /**
-         * Alternative text for the image.
-         */
-        alt?: string;
-    };
-    /**
-     * The topic of the content being navigated.
-     */
-    topic?: string;
-    links?: {
-        /**
-         * The text label for the link.
-         */
-        label: string;
-        /**
-         * The URL the link points to.
-         */
-        url: string;
-    }[];
-    /**
-     * Determines how many links are initially shown in the content nav. If there are more links, a 'Show More' button will be displayed.
-     */
-    initiallyShown?: number;
-}
+import { ContentNavProps } from "../../ContentNavProps-0e282a9f.js";
 declare const ContentNavContextDefault: import("react").ForwardRefExoticComponent<ContentNavProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const ContentNavContext: import("react").Context<import("react").ForwardRefExoticComponent<ContentNavProps & import("react").RefAttributes<HTMLDivElement>>>;
 declare const ContentNav: import("react").ForwardRefExoticComponent<ContentNavProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/content-nav/index.js

@@ -2,12 +2,19 @@ import "./content-nav.css";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { Icon } from '@kickstartds/base/lib/icon';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "image": {},
+    "links": [],
+    "initiallyShown": 4
+};
 
 const ContentNavContextDefault = forwardRef(({ image, links, topic, initiallyShown }, ref) => (jsxs("div", { className: "dsa-content-nav", ref: ref, children: [image && image?.src && (jsx("div", { className: "dsa-content-nav__image", children: jsx("img", { src: image.src, alt: image.alt }) })), jsxs("div", { className: "dsa-content-nav__content", children: [topic && (jsx("div", { className: "dsa-content-nav__topic", children: jsx("span", { children: topic }) })), jsx("div", { className: "dsa-content-nav__links dsa-content-nav__links--initial", children: links.slice(0, initiallyShown).map((link, index) => (jsxs("a", { href: link.url, className: "dsa-content-nav__link", children: [link.label, jsx(Icon, { icon: "chevron-right" })] }, index))) }), links.length > initiallyShown && (jsxs("details", { className: "dsa-content-nav__more", children: [jsxs("summary", { className: "dsa-content-nav__toggle-more", children: [jsx("span", { className: "dsa-content-nav__toggle-label--more", children: "Show more" }), jsx("span", { className: "dsa-content-nav__toggle-label--less", children: "Show less" }), jsx(Icon, { "aria-hidden": true, icon: "chevron-down" })] }), jsx("div", { className: "dsa-content-nav__more-content", children: jsx("div", { className: "dsa-content-nav__links dsa-content-nav__links--more", children: links.slice(initiallyShown).map((link, index) => (jsxs("a", { href: link.url, className: "dsa-content-nav__link", children: [link.label, jsx(Icon, { icon: "chevron-right" })] }, index))) }) })] }))] })] })));
 const ContentNavContext = createContext(ContentNavContextDefault);
 const ContentNav = forwardRef((props, ref) => {
     const Component = useContext(ContentNavContext);
-    return jsx(Component, { ...props, ref: ref });
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
 });
 ContentNav.displayName = "ContentNav";
 

package/dist/components/cookie-consent/cookie-consent.css

@@ -0,0 +1,110 @@
+.dsa-cookie-consent-notice {
+  padding: var(--ks-spacing-inset-m);
+  border: var(--ks-border-color-card) solid var(--ks-border-width-default);
+  box-shadow: var(--ks-box-shadow-card);
+  display: flex;
+  gap: var(--ks-spacing-inline-s);
+  flex-direction: column;
+}
+.dsa-cookie-consent-notice--banner {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 500;
+  background-color: var(--ks-background-color-default);
+  max-height: 50vh;
+  overflow-y: auto;
+  padding: var(--ks-spacing-inset-m);
+  border-top: var(--ks-border-color-interface) solid var(--ks-border-width-default);
+}
+.dsa-cookie-consent-notice--card {
+  position: fixed;
+  bottom: var(--ks-spacing-m);
+  left: var(--ks-spacing-m);
+  border-radius: var(--ks-border-radius-card);
+  max-width: var(--dsa-tile-width-large);
+  border: var(--ks-border-color-card) solid var(--ks-border-width-default);
+}
+.dsa-cookie-consent-notice__buttons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-s);
+}
+
+.dsa-cookie-consent-dialogue {
+  border-radius: var(--ks-border-radius-card);
+  border: var(--ks-border-color-interface) solid var(--ks-border-width-default);
+  box-shadow: var(--ks-box-shadow-card);
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 90%;
+  max-width: 600px;
+  z-index: 1000;
+  background-color: var(--ks-background-color-default);
+  max-height: 90vh;
+}
+.dsa-cookie-consent-dialogue__header {
+  padding-left: var(--ks-spacing-inset-m);
+  padding-right: var(--ks-spacing-inset-m);
+  padding-bottom: var(--ks-spacing-inset-m);
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-xs);
+  border-bottom: var(--ks-border-color-interface) solid var(--ks-border-width-default);
+}
+.dsa-cookie-consent-dialogue__close {
+  --dsa-button--padding: var(--ks-spacing-inset-xs);
+  --dsa-button_secondary--background-color_hover: var(--ks-color-fg-alpha-8);
+  border-radius: var(--ks-border-radius-circle);
+  background-color: transparent;
+  margin-top: var(--ks-spacing-xxs);
+  margin-right: var(--ks-spacing-xxs);
+  align-self: flex-end;
+}
+.dsa-cookie-consent-dialogue__options {
+  overflow-y: auto;
+}
+.dsa-cookie-consent-dialogue__option {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-xs);
+  border-bottom: 1px solid var(--ks-border-color-interface);
+  padding: var(--ks-spacing-inset-m);
+}
+.dsa-cookie-consent-dialogue__option:last-child {
+  border-bottom: none;
+}
+.dsa-cookie-consent-dialogue__description {
+  margin: 0;
+  font: var(--ks-font-interface-s);
+  color: var(--ks-text-color-interface);
+}
+.dsa-cookie-consent-dialogue__toggle {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-s);
+  align-items: center;
+}
+.dsa-cookie-consent-dialogue__buttons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-s);
+  padding: var(--ks-spacing-inset-m);
+  border-top: var(--ks-border-color-interface) solid var(--ks-border-width-default);
+}
+
+.dsa-cookie-consent-overlay {
+  content: "";
+  position: absolute;
+  top: 0%;
+  left: 0%;
+  width: 100%;
+  height: 100%;
+  z-index: 999;
+  background-color: var(--ks-color-fg-alpha-5);
+}

package/dist/components/cookie-consent/cookie-consent.schema.dereffed.json

@@ -0,0 +1,189 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/cookie-consent.schema.json",
+  "title": "Cookie Consent",
+  "type": "object",
+  "properties": {
+    "notice": {
+      "title": "Initial Cookie Consent Notice",
+      "description": "The initial notice displayed to users regarding cookie consent.",
+      "type": "object",
+      "properties": {
+        "displayMode": {
+          "type": "string",
+          "enum": [
+            "card",
+            "banner"
+          ],
+          "description": "The display mode of the cookie consent component",
+          "default": "card"
+        },
+        "title": {
+          "type": "string",
+          "description": "The title of the cookie consent section",
+          "examples": [
+            "We value your privacy"
+          ]
+        },
+        "acceptButton": {
+          "type": "object",
+          "properties": {
+            "label": {
+              "type": "string",
+              "description": "The label for the accept button",
+              "examples": [
+                "Accept All Cookies"
+              ]
+            },
+            "variant": {
+              "type": "string",
+              "enum": [
+                "primary",
+                "secondary",
+                "tertiary"
+              ],
+              "examples": [
+                "primary"
+              ],
+              "description": "The variant of the accept button"
+            }
+          },
+          "additionalProperties": false
+        },
+        "rejectButton": {
+          "type": "object",
+          "properties": {
+            "label": {
+              "type": "string",
+              "description": "The label for the reject button",
+              "examples": [
+                "Reject All Cookies"
+              ]
+            },
+            "variant": {
+              "type": "string",
+              "enum": [
+                "primary",
+                "secondary",
+                "tertiary"
+              ],
+              "examples": [
+                "tertiary"
+              ],
+              "description": "The variant of the reject button"
+            }
+          },
+          "additionalProperties": false
+        },
+        "customizeButton": {
+          "type": "object",
+          "properties": {
+            "label": {
+              "type": "string",
+              "description": "The label for the customize button",
+              "examples": [
+                "Customize Cookies"
+              ]
+            },
+            "variant": {
+              "type": "string",
+              "enum": [
+                "primary",
+                "secondary",
+                "tertiary"
+              ],
+              "examples": [
+                "tertiary"
+              ],
+              "description": "The variant of the customize button"
+            }
+          },
+          "additionalProperties": false
+        },
+        "description": {
+          "type": "string",
+          "description": "The description of the cookie consent section",
+          "examples": [
+            "This website uses cookies to ensure you get the best experience on our website."
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "dialogue": {
+      "type": "object",
+      "title": "Cookie Consent Dialogue",
+      "description": "The dialogue displayed when users choose to customize their cookie preferences.",
+      "properties": {
+        "title": {
+          "type": "string",
+          "description": "The title of the cookie consent dialogue",
+          "examples": [
+            "Manage Cookie Preferences"
+          ]
+        },
+        "description": {
+          "type": "string",
+          "description": "The description of the cookie consent dialogue",
+          "examples": [
+            "Customize your privacy settings here. You can choose which types of cookies and tracking technologies you allow."
+          ]
+        },
+        "required": {
+          "title": "Required Cookies",
+          "type": "array",
+          "items": {
+            "type": "object",
+            "properties": {
+              "name": {
+                "type": "string",
+                "description": "The name of the required cookie",
+                "examples": [
+                  "Session Cookie"
+                ]
+              },
+              "description": {
+                "type": "string",
+                "description": "A description of the required cookie",
+                "examples": [
+                  "This cookie is essential for the website to function and cannot be disabled."
+                ]
+              }
+            },
+            "additionalProperties": false
+          }
+        },
+        "options": {
+          "type": "array",
+          "items": {
+            "type": "object",
+            "properties": {
+              "name": {
+                "type": "string",
+                "description": "The name of the cookie category",
+                "examples": [
+                  "Essential Cookies"
+                ]
+              },
+              "description": {
+                "type": "string",
+                "description": "A description of the cookie category",
+                "examples": [
+                  "These cookies are necessary for the website to function."
+                ]
+              },
+              "checked": {
+                "type": "boolean",
+                "description": "Whether the cookie category is checked by default",
+                "default": true
+              }
+            },
+            "additionalProperties": false
+          }
+        }
+      },
+      "additionalProperties": false
+    }
+  },
+  "additionalProperties": false
+}