@kickstartds/ds-agency-premium 1.6.71--canary.45.1803.0 → 1.6.71--canary.45.1813.0

package/dist/components/event-registration/event-registration.schema.dereffed.json

@@ -0,0 +1,174 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-registration.schema.json",
+  "title": "Event Registration",
+  "type": "object",
+  "properties": {
+    "label": {
+      "title": "Label",
+      "description": "Label of the event registration",
+      "type": "string",
+      "examples": [
+        "Registration Request"
+      ]
+    },
+    "title": {
+      "title": "Title",
+      "description": "Title of the event",
+      "type": "string",
+      "examples": [
+        "The Future of AI"
+      ]
+    },
+    "link": {
+      "type": "object",
+      "title": "Link",
+      "description": "Link to the event details",
+      "properties": {
+        "url": {
+          "type": "string",
+          "title": "URL",
+          "description": "URL to the event details",
+          "examples": [
+            "#"
+          ],
+          "format": "uri"
+        },
+        "text": {
+          "title": "Link Text",
+          "description": "Text for the link to the event details",
+          "type": "string",
+          "examples": [
+            "More Information on the Event"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "date": {
+      "title": "Date",
+      "description": "Date of the registration",
+      "type": "string",
+      "format": "date",
+      "examples": [
+        "18.09.2025"
+      ]
+    },
+    "time": {
+      "title": "Time",
+      "description": "Time of the registration",
+      "type": "string",
+      "examples": [
+        "09:00 – 17:00"
+      ]
+    },
+    "location": {
+      "type": "object",
+      "title": "Location",
+      "description": "Location of the event",
+      "properties": {
+        "name": {
+          "type": "string",
+          "examples": [
+            "Berlin Congress Center"
+          ]
+        },
+        "address": {
+          "type": "string",
+          "examples": [
+            "Alexanderplatz 1, 10178 Berlin"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "nameInput": {
+      "title": "Name Input",
+      "description": "Input field for the name",
+      "type": "object",
+      "properties": {
+        "label": {
+          "type": "string",
+          "examples": [
+            "Name*"
+          ]
+        },
+        "placeholder": {
+          "type": "string",
+          "examples": [
+            "Enter your name"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "emailInput": {
+      "title": "Email Input",
+      "description": "Input field for the email",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Label",
+          "description": "Label for the email input",
+          "type": "string",
+          "examples": [
+            "Email*"
+          ]
+        },
+        "placeholder": {
+          "title": "Placeholder",
+          "description": "Placeholder text for the email input",
+          "type": "string",
+          "examples": [
+            "Enter your email"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "confirmationCheckboxLabel": {
+      "title": "Label",
+      "description": "Label for the confirmation checkbox",
+      "type": "string",
+      "examples": [
+        "I read and agree to the terms and conditions*"
+      ]
+    },
+    "mandatoryText": {
+      "title": "Mandatory Text",
+      "description": "Text indicating that the checkbox is mandatory",
+      "type": "string",
+      "default": "_* Mandatory_"
+    },
+    "cta": {
+      "title": "Call to Action",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Button Label",
+          "description": "Label for the call to action button",
+          "type": "string",
+          "examples": [
+            "Send Request"
+          ]
+        },
+        "url": {
+          "type": "string",
+          "format": "uri",
+          "default": "#"
+        },
+        "ariaLabel": {
+          "title": "Aria Label",
+          "description": "Aria label for the cta button",
+          "type": "string",
+          "default": "Event Registration"
+        }
+      },
+      "additionalProperties": false
+    },
+    "type": {
+      "const": "event-registration"
+    }
+  },
+  "additionalProperties": false
+}

package/dist/components/event-registration/event-registration.schema.json

@@ -0,0 +1,138 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-registration.schema.json",
+  "title": "Event Registration",
+  "type": "object",
+  "properties": {
+    "label": {
+      "title": "Label",
+      "description": "Label of the event registration",
+      "type": "string",
+      "examples": ["Registration Request"]
+    },
+    "title": {
+      "title": "Title",
+      "description": "Title of the event",
+      "type": "string",
+      "examples": ["The Future of AI"]
+    },
+    "link": {
+      "type": "object",
+      "title": "Link",
+      "description": "Link to the event details",
+      "properties": {
+        "url": {
+          "type": "string",
+          "title": "URL",
+          "description": "URL to the event details",
+          "examples": ["#"],
+          "format": "uri"
+        },
+        "text": {
+          "title": "Link Text",
+          "description": "Text for the link to the event details",
+          "type": "string",
+          "examples": ["More Information on the Event"]
+        }
+      }
+    },
+    "date": {
+      "title": "Date",
+      "description": "Date of the registration",
+      "type": "string",
+      "format": "date",
+      "examples": ["18.09.2025"]
+    },
+    "time": {
+      "title": "Time",
+      "description": "Time of the registration",
+      "type": "string",
+      "examples": ["09:00 – 17:00"]
+    },
+    "location": {
+      "type": "object",
+      "title": "Location",
+      "description": "Location of the event",
+      "properties": {
+        "name": {
+          "type": "string",
+          "examples": ["Berlin Congress Center"]
+        },
+        "address": {
+          "type": "string",
+          "examples": ["Alexanderplatz 1, 10178 Berlin"]
+        }
+      }
+    },
+    "nameInput": {
+      "title": "Name Input",
+      "description": "Input field for the name",
+      "type": "object",
+      "properties": {
+        "label": {
+          "type": "string",
+          "examples": ["Name*"]
+        },
+        "placeholder": {
+          "type": "string",
+          "examples": ["Enter your name"]
+        }
+      }
+    },
+    "emailInput": {
+      "title": "Email Input",
+      "description": "Input field for the email",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Label",
+          "description": "Label for the email input",
+          "type": "string",
+          "examples": ["Email*"]
+        },
+        "placeholder": {
+          "title": "Placeholder",
+          "description": "Placeholder text for the email input",
+          "type": "string",
+          "examples": ["Enter your email"]
+        }
+      }
+    },
+    "confirmationCheckboxLabel": {
+      "title": "Label",
+      "description": "Label for the confirmation checkbox",
+      "type": "string",
+      "examples": ["I read and agree to the terms and conditions*"]
+    },
+    "mandatoryText": {
+      "title": "Mandatory Text",
+      "description": "Text indicating that the checkbox is mandatory",
+      "type": "string",
+      "default": "_* Mandatory_"
+    },
+    "cta": {
+      "title": "Call to Action",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Button Label",
+          "description": "Label for the call to action button",
+          "type": "string",
+          "examples": ["Send Request"]
+        },
+        "url": {
+          "type": "string",
+          "format": "uri",
+          "default": "#"
+        },
+        "ariaLabel": {
+          "title": "Aria Label",
+          "description": "Aria label for the cta button",
+          "type": "string",
+          "default": "Event Registration"
+        }
+      }
+    }
+  },
+  "additionalProperties": false
+}

package/dist/components/event-registration/index.d.ts

@@ -0,0 +1,106 @@
+/// <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.
+ */
+/**
+ * Label of the event registration
+ */
+type Label = string;
+/**
+ * Title of the event
+ */
+type Title = string;
+/**
+ * URL to the event details
+ */
+type URL = string;
+/**
+ * Text for the link to the event details
+ */
+type LinkText = string;
+/**
+ * Date of the registration
+ */
+type Date = string;
+/**
+ * Time of the registration
+ */
+type Time = string;
+/**
+ * Label for the email input
+ */
+type Label1 = string;
+/**
+ * Placeholder text for the email input
+ */
+type Placeholder = string;
+/**
+ * Label for the confirmation checkbox
+ */
+type Label2 = string;
+/**
+ * Text indicating that the checkbox is mandatory
+ */
+type MandatoryText = string;
+/**
+ * Label for the call to action button
+ */
+type ButtonLabel = string;
+/**
+ * Aria label for the cta button
+ */
+type AriaLabel = string;
+interface EventRegistrationProps {
+    label?: Label;
+    title?: Title;
+    link?: Link;
+    date?: Date;
+    time?: Time;
+    location?: Location;
+    nameInput?: NameInput;
+    emailInput?: EmailInput;
+    confirmationCheckboxLabel?: Label2;
+    mandatoryText?: MandatoryText;
+    cta?: CallToAction;
+}
+/**
+ * Link to the event details
+ */
+interface Link {
+    url?: URL;
+    text?: LinkText;
+}
+/**
+ * Location of the event
+ */
+interface Location {
+    name?: string;
+    address?: string;
+}
+/**
+ * Input field for the name
+ */
+interface NameInput {
+    label?: string;
+    placeholder?: string;
+}
+/**
+ * Input field for the email
+ */
+interface EmailInput {
+    label?: Label1;
+    placeholder?: Placeholder;
+}
+interface CallToAction {
+    label?: ButtonLabel;
+    url?: string;
+    ariaLabel?: AriaLabel;
+}
+declare const EventRegistrationContextDefault: import("react").ForwardRefExoticComponent<EventRegistrationProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const EventRegistrationContext: import("react").Context<import("react").ForwardRefExoticComponent<EventRegistrationProps & import("react").RefAttributes<HTMLDivElement>>>;
+declare const EventRegistration: import("react").ForwardRefExoticComponent<EventRegistrationProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { EventRegistrationProps };
+export { EventRegistrationContextDefault, EventRegistrationContext, EventRegistration };

package/dist/components/event-registration/index.js

@@ -0,0 +1,23 @@
+import "./event-registration.css";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, createContext, useContext } from 'react';
+import { Icon } from '@kickstartds/base/lib/icon';
+import { Headline } from '../headline/index.js';
+import { Link } from '@kickstartds/base/lib/link';
+import Markdown from 'markdown-to-jsx';
+import { TextField } from '@kickstartds/form/lib/text-field';
+import { Checkbox } from '@kickstartds/form/lib/checkbox';
+import { Button } from '../button/index.js';
+import 'classnames';
+import '@kickstartds/base/lib/headline';
+import '@kickstartds/base/lib/button';
+
+const EventRegistrationContextDefault = forwardRef(({ date, time, title, link, label, location, nameInput, emailInput, mandatoryText, cta, confirmationCheckboxLabel, }, ref) => (jsxs("div", { ref: ref, className: "dsa-event-registration", children: [jsx(Headline, { spaceAfter: "minimum", text: title, level: "h2", sub: label, switchOrder: true }), jsxs("div", { className: "dsa-event-registration__infos", children: [jsxs("div", { className: "dsa-event-registration__details", children: [jsxs("div", { className: "dsa-event-registration__date", children: [jsxs("span", { className: "dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "time" }), time] })] }), jsxs("div", { className: "dsa-event-registration__location dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), jsxs("address", { children: [location?.name && (jsx("span", { className: "dsa-event-registration__location-name", children: location.name })), jsx(Markdown, { className: "dsa-event-registration__location-address", children: location?.address })] })] })] }), jsx(Link, { className: "dsa-event-registration__link", href: link?.url, children: link?.text })] }), jsxs("form", { className: "dsa-event-registration__form", children: [jsx(TextField, { label: nameInput.label, placeholder: nameInput?.placeholder }), jsx(TextField, { label: emailInput.label, placeholder: emailInput?.placeholder }), jsx(Checkbox, { label: confirmationCheckboxLabel, name: "confirmation-checkbox", id: "confirmation-checkbox" }), jsx(Markdown, { className: "dsa-event-registration__mandatory-text", children: mandatoryText }), jsx(Button, { label: cta.label, url: cta.url, "aria-label": cta?.ariaLabel, variant: "primary", size: "small" })] })] })));
+const EventRegistrationContext = createContext(EventRegistrationContextDefault);
+const EventRegistration = forwardRef((props, ref) => {
+    const Component = useContext(EventRegistrationContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+EventRegistration.displayName = "EventRegistration";
+
+export { EventRegistration, EventRegistrationContext, EventRegistrationContextDefault };

package/dist/components/features/features.css

@@ -4,7 +4,7 @@
   --dsa-feature__title--color: var(--dsa-topic--color);
   --dsa-feature__title--font: var(--ks-font-interface-m);
   --dsa-feature__title--font-family: var(--dsa-topic--font-family);
-  --dsa-feature__copy--color: var(--dsa-rich-text--color);
+  --dsa-feature__copy--color: var(--ks-text-color-copy);
   --dsa-feature__copy--font: var(--ks-font-copy-s);
   --dsa-feature__link--font: var(--ks-font-copy-s);
   --dsa-feature__link--font-weight: var(--dsa-link--font-weight);
@@ -111,7 +111,7 @@
   font-weight: var(--dsa-feature__title--font-weight, var(--ks-font-weight-semi-bold));
 }
 .dsa-features .dsa-feature__text {
-  color: var(--dsa-feature__copy--color, var(--dsa-rich-text-color), var(--ks-text-color-default));
+  color: var(--dsa-feature__copy--color, var(--ks-text-color-copy));
   font: var(--dsa-feature__copy--font, var(--ks-font-copy-s));
   margin: 0;
 }

package/dist/components/hero/hero.css

@@ -11,7 +11,7 @@
   --dsa-hero_color-neutral__headline--color: var(--ks-text-color-default);
   --dsa-hero_color-neutral__subheadline--color: var(--ks-text-color-default);
   --dsa-hero__copy--color: var(--ks-text-color-default);
-  --dsa-hero__copy--font: var(--dsa-rich-text--font);
+  --dsa-hero__copy--font: var(--ks-font-copy-m);
   --dsa-hero_highlight-text__copy--font: var(--ks-font-copy-l);
   --dsa-hero_color-neutral__copy--color: var(--ks-text-color-default);
   --dsa-hero__textbox--background-color: var(--dsa-overlay-box_transparent--background-color);
@@ -77,7 +77,7 @@
   --c-visual_box--color: var(--dsa-hero__copy--color, var(--ks-text-color-default));
   --c-visual_box--border-radius: var(--dsa-hero__textbox--border-radius, var(--ks-border-radius-card));
   --c-visual_box--padding: var(--dsa-hero__textbox--padding, var(--ks-spacing-inset-squish-xl));
-  --c-visual_text--font: var(--dsa-hero__copy--font, var(--dsa-rich-text--font));
+  --c-visual_text--font: var(--dsa-hero__copy--font, var(--ks-font-copy-m));
 }
 .c-visual.dsa-hero--highlight-text.c-visual {
   --dsa-hero__copy--font: var(--dsa-hero_highlight-text__copy--font, var(--ks-font-copy-l));

package/dist/components/image-story/image-story.css

@@ -2,8 +2,8 @@
   --dsa-image-story--gap: var(--ks-spacing-m);
   --dsa-image-story--horizontal-padding: var(--dsa-content--horizontal-spacing);
   --dsa-image-story--vertical-padding: var(--ks-spacing-xl);
-  --dsa-image-story__copy--font: var(--dsa-rich-text--font);
-  --dsa-image-story__copy--color: var(--dsa-rich-text--color);
+  --dsa-image-story__copy--font: var(--ks-font-copy-m);
+  --dsa-image-story__copy--color: var(--ks-text-color-copy);
 }
 
 .c-storytelling.dsa-image-story {
@@ -30,8 +30,8 @@
   aspect-ratio: 1/1;
 }
 .c-storytelling.dsa-image-story .c-rich-text {
-  font: var(--dsa-image-story__copy--font, var(--dsa-rich-text--font));
-  color: var(--dsa-image-story__copy--color, var(--dsa-rich-text--color));
+  font: var(--dsa-image-story__copy--font, var(--ks-font-copy-m));
+  color: var(--dsa-image-story__copy--color, var(--ks-text-color-copy));
 }
 .c-storytelling.dsa-image-story .c-storytelling__box,
 .c-storytelling.dsa-image-story .c-storytelling__image {

package/dist/components/image-text/image-text.css

@@ -1,13 +1,13 @@
 .dsa-image-text {
-  --dsa-image-text--font: var(--dsa-rich-text--font);
-  --dsa-image-text--color: var(--dsa-rich-text--color);
+  --dsa-image-text--font: var(--ks-font-copy-m);
+  --dsa-image-text--color: var(--ks-text-color-copy);
   --dsa-image-text_highlight--font: var(--ks-font-copy-l);
   --dsa-image-text_highlight--color: var(--ks-text-color-default);
 }
 
 .dsa-image-text .c-rich-text {
-  --c-rich-text--font: var(--dsa-image-text--font, var(--dsa-rich-text--font), var(--ks-font-copy-m));
-  --c-rich-text--color: var(--dsa-image-text--color, var(--dsa-rich-text--color), var(--ks-text-color-default));
+  --c-rich-text--font: var(--dsa-image-text--font, var(--ks-font-copy-m));
+  --c-rich-text--color: var(--dsa-image-text--color, var(--ks-text-color-default));
 }
 .dsa-image-text--highlight.dsa-image-text .c-rich-text {
   --c-rich-text--font: var(--dsa-image-text_highlight--font, var(--ks-font-copy-l));

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

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

package/dist/components/mosaic/mosaic.css

@@ -1,8 +1,8 @@
 .dsa-mosaic {
   --dsa-mosaic--vertical-padding: var(--l-section--space-default);
   --dsa-mosaic--horizontal-padding: var(--dsa-content--horizontal-spacing);
-  --dsa-mosaic__copy--font: var(--dsa-rich-text--font);
-  --dsa-mosaic__copy--color: var(--ks-text-color-default);
+  --dsa-mosaic__copy--font: var(--ks-font-copy-m);
+  --dsa-mosaic__copy--color: var(--ks-text-color-copy);
   --dsa-mosaic__headline--color: var(--dsa-headline--color);
   --dsa-mosaic__headline--font: var(--dsa-headline_h2--font);
   --dsa-mosaic__subheadline--color: var(--dsa-headline__subheadline--color);
@@ -20,8 +20,8 @@
   font-weight: var(--dsa-headline__subheadline--font-weight, var(--ks-font-weight-medium));
 }
 .dsa-mosaic .c-rich-text {
-  font: var(--dsa-mosaic__copy--font, var(--dsa-rich-text--font, var(--ks-font-copy-m)));
-  color: var(--dsa-mosaic__copy--color, var(--dsa-rich-text--color, var(--ks-text-color-copy)));
+  font: var(--dsa-mosaic__copy--font, var(--ks-font-copy-m));
+  color: var(--dsa-mosaic__copy--color, var(--ks-text-color-copy));
 }
 .dsa-mosaic .c-storytelling__box__content {
   max-width: var(--dsa-content--width_narrow);

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

@@ -37,10 +37,11 @@
             "title": "Style",
             "description": "Style of background",
             "enum": [
+              "default",
               "framed",
-              "deko",
-              "colorful"
-            ]
+              "deko"
+            ],
+            "default": "default"
           },
           "backgroundColor": {
             "type": "string",
@@ -224,7 +225,7 @@
                   "list",
                   "slider"
                 ],
-                "default": "list"
+                "default": "default"
               },
               "tileWidth": {
                 "type": "string",

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 07 Jul 2025 09:16:29 GMT
+ * Generated on Tue, 08 Jul 2025 10:25:05 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);

package/dist/components/pagination/index.js

@@ -6,7 +6,7 @@ import { Icon } from '@kickstartds/base/lib/icon';
 import { Link } from '@kickstartds/base/lib/link';
 
 const PaginationContextDefault = forwardRef(({ pages, ariaLabels }, ref) => {
-    return (jsxs("div", { className: "dsa-pagination", ref: ref, children: [pages.findIndex((page) => page.active) !== 0 && (jsxs(Fragment, { children: [jsx(Link, { "aria-label": ariaLabels.skipToFirstPage || "Skip to first page", className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--skip-back", href: pages[0]?.url, children: jsx(Icon, { icon: "skip-back" }) }), jsx(Link, { "aria-label": ariaLabels.previousPage || "Go to previous page", className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--prev", href: (() => {
+    return (jsxs("div", { className: "dsa-pagination", ref: ref, children: [pages.findIndex((page) => page.active) !== 0 && (jsxs(Fragment, { children: [jsx(Link, { "aria-label": ariaLabels?.skipToFirstPage || "Skip to first page", className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--skip-back", href: pages[0]?.url, children: jsx(Icon, { icon: "skip-back" }) }), jsx(Link, { "aria-label": ariaLabels?.previousPage || "Go to previous page", className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--prev", href: (() => {
                             const activeIndex = pages.findIndex((page) => page.active);
                             // Use the url of the next item after the active one, or "#" if at the end
                             return pages[activeIndex - 1]?.url || "#";
@@ -31,16 +31,16 @@ const PaginationContextDefault = forwardRef(({ pages, ariaLabels }, ref) => {
                         }
                         return;
                     }
-                    result.push(jsx(Link, { className: classnames("dsa-pagination__link", page.active && "dsa-pagination__link--active"), "aria-label": `${ariaLabels.goToPage} ${index + 1}` ||
+                    result.push(jsx(Link, { className: classnames("dsa-pagination__link", page.active && "dsa-pagination__link--active"), "aria-label": `${ariaLabels?.goToPage} ${index + 1}` ||
                             `Go to page ${index + 1}`, href: page.url, children: (index + 1).toString() }, index));
                     lastRenderedIndex = index;
                 });
                 return result;
-            })(), pages.findIndex((page) => page.active) !== pages.length - 1 && (jsxs(Fragment, { children: [jsx(Link, { className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--next", "aria-label": ariaLabels.nextPage || "Go to next page", href: (() => {
+            })(), pages.findIndex((page) => page.active) !== pages.length - 1 && (jsxs(Fragment, { children: [jsx(Link, { className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--next", "aria-label": ariaLabels?.nextPage || "Go to next page", href: (() => {
                             const activeIndex = pages.findIndex((page) => page.active);
                             // Use the url of the next item after the active one, or "#" if at the end
                             return pages[activeIndex + 1]?.url || "#";
-                        })(), children: jsx(Icon, { icon: "chevron-right" }) }), jsx(Link, { "aria-label": ariaLabels.skipToLastPage || "Skip to last page", className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--skip-forward", href: pages[pages.length - 1]?.url, children: jsx(Icon, { icon: "skip-forward" }) })] }))] }));
+                        })(), children: jsx(Icon, { icon: "chevron-right" }) }), jsx(Link, { "aria-label": ariaLabels?.skipToLastPage || "Skip to last page", className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--skip-forward", href: pages[pages.length - 1]?.url, children: jsx(Icon, { icon: "skip-forward" }) })] }))] }));
 });
 const PaginationContext = createContext(PaginationContextDefault);
 const Pagination = forwardRef((props, ref) => {