@kickstartds/ds-agency-premium 1.6.71--canary.54.2407.0 → 1.6.71

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

@@ -1,138 +0,0 @@
-{
-  "$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

@@ -1,106 +0,0 @@
-/// <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

@@ -1,36 +0,0 @@
-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 { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
-import 'classnames';
-import '@kickstartds/base/lib/headline';
-import '@kickstartds/base/lib/button';
-
-const defaults = {
-    "link": {},
-    "location": {},
-    "nameInput": {},
-    "emailInput": {},
-    "mandatoryText": "_* Mandatory_",
-    "cta": {
-        "url": "#",
-        "ariaLabel": "Event Registration"
-    }
-};
-
-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: [jsxs("div", { className: "dsa-event-registration__inputs", children: [jsx(TextField, { label: nameInput.label, placeholder: nameInput?.placeholder }), jsx(TextField, { type: "email", label: emailInput.label, placeholder: emailInput?.placeholder }), jsx(Checkbox, { label: confirmationCheckboxLabel, name: "confirmation-checkbox", id: "confirmation-checkbox" })] }), jsxs("div", { className: "dsa-event-registration__footer", children: [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, { ...deepMergeDefaults(defaults, props), ref: ref });
-});
-EventRegistration.displayName = "EventRegistration";
-
-export { EventRegistration, EventRegistrationContext, EventRegistrationContextDefault };

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ImgHTMLAttributes } from "react";
-import { PageTeaserProps } from "../../PageTeaserProps-3d09c534.js";
-declare const PageTeaserContextDefault: import("react").ForwardRefExoticComponent<PageTeaserProps & ImgHTMLAttributes<HTMLImageElement> & import("react").RefAttributes<HTMLImageElement>>;
-declare const PageTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<PageTeaserProps & ImgHTMLAttributes<HTMLImageElement> & import("react").RefAttributes<HTMLImageElement>>>;
-declare const PageTeaser: import("react").ForwardRefExoticComponent<ImgHTMLAttributes<HTMLImageElement> & import("react").RefAttributes<HTMLImageElement>>;
-export type { PageTeaserProps };
-export { PageTeaserContextDefault, PageTeaserContext, PageTeaser };

package/dist/components/page-teaser/index.js

@@ -1,30 +0,0 @@
-import "./page-teaser.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { EnergyCalculator } from '../energy-calculator/index.js';
-import { TripPlanner } from '../trip-planner/index.js';
-import { Headline } from '../headline/index.js';
-import { Button } from '../button/index.js';
-import '@kickstartds/form/lib/radio';
-import '@kickstartds/form/lib/text-field';
-import '@kickstartds/form/lib/select-field';
-import '../select-button/index.js';
-import '@kickstartds/base/lib/icon';
-import '@kickstartds/base/lib/link';
-import '@kickstartds/base/lib/headline';
-import 'classnames';
-import 'markdown-to-jsx';
-import '../../helpers-12f48df8.js';
-import '@kickstartds/base/lib/button';
-
-const PageTeaserContextDefault = forwardRef(({ image, widget, links }) => {
-    return (jsxs("div", { className: "page-teaser", children: [widget === "image" && (jsx("div", { className: "page-teaser__widget", children: jsx("div", { className: "page-teaser__content", children: jsx("img", { className: "page-teaser__image", src: image?.src, alt: "Alle vrijetijdsactiviteiten in het Nettebad" }) }) })), widget === "energyCalculator" && jsx(EnergyCalculator, {}), widget === "timetable" && jsx(TripPlanner, {}), jsx("div", { className: "page-teaser__info", children: jsxs("div", { className: "page-teaser__content", children: [jsx(Headline, { text: "Weitere Top-Themen", level: "h3", style: "h3" }), jsx("ul", { className: "page-teaser__link-list", children: links?.map((link, index) => (jsx("li", { className: "page-teaser__link-item", children: jsx(Button, { label: link.label, url: link.target }) }, index))) })] }) })] }));
-});
-const PageTeaserContext = createContext(PageTeaserContextDefault);
-const PageTeaser = forwardRef((props, ref) => {
-    const Component = useContext(PageTeaserContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-PageTeaser.displayName = "PageTeaser";
-
-export { PageTeaser, PageTeaserContext, PageTeaserContextDefault };

package/dist/components/page-teaser/page-teaser.css

@@ -1,101 +0,0 @@
-.page-teaser {
-  display: flex;
-  flex-wrap: wrap;
-  background: white;
-}
-.page-teaser__row {
-  margin: -0.5rem 0 -0.5rem -1rem;
-  display: flex;
-}
-.page-teaser__row > * {
-  padding: 0.5rem 0 0.5rem 1rem;
-}
-.page-teaser__col {
-  margin-top: 1rem;
-}
-@media (min-width: 960px) {
-  .page-teaser__col {
-    margin-top: 1.5rem;
-  }
-}
-.page-teaser__col--supply {
-  width: 50%;
-}
-.page-teaser__col--supply svg {
-  color: var(--ks-color-primary);
-}
-.page-teaser__col--customer {
-  width: auto;
-}
-.page-teaser__col--customer:first-child {
-  margin-right: 1rem;
-}
-.page-teaser__col--postalCode, .page-teaser__col--consumption {
-  margin-top: 0.75rem;
-}
-@media (min-width: 640px) {
-  .page-teaser__col--postalCode, .page-teaser__col--consumption {
-    margin-top: 1.25rem;
-  }
-}
-@media (min-width: 960px) {
-  .page-teaser__col--postalCode, .page-teaser__col--consumption {
-    margin-top: 1.25rem;
-  }
-}
-.page-teaser__col--postalCode {
-  width: 40%;
-}
-.page-teaser__col--consumption {
-  width: 60%;
-}
-.page-teaser > * {
-  padding: 2rem 1rem;
-  width: 100%;
-}
-@media (min-width: 640px) {
-  .page-teaser > * {
-    padding: 2.5rem;
-  }
-}
-@media (min-width: 960px) {
-  .page-teaser > * {
-    padding: 3rem;
-    max-width: 50%;
-  }
-}
-@media (min-width: 960px) {
-  .page-teaser__widget:nth-last-child(2) {
-    padding-right: 2rem !important;
-  }
-}
-.page-teaser__widget:last-child {
-  margin: 0 auto;
-}
-.page-teaser__image {
-  border-radius: 0.5rem;
-}
-.page-teaser__info {
-  border-top: 1px solid var(--ks-border-color-default);
-}
-@media (min-width: 960px) {
-  .page-teaser__info {
-    border-top: 0;
-    border-left: 1px solid var(--ks-border-color-default);
-    padding-left: 2rem !important;
-  }
-}
-.page-teaser__content {
-  margin: 0 auto;
-  max-width: 32rem;
-}
-.page-teaser__link-list {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  margin: 0;
-  padding: 0;
-}
-.page-teaser__link-list li {
-  list-style: none;
-}

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

@@ -1,67 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/page-teaser.schema.json",
-  "title": "Page Teaser",
-  "type": "object",
-  "properties": {
-    "image": {
-      "title": "Image",
-      "description": "The image to display in the teaser",
-      "type": "object",
-      "properties": {
-        "src": {
-          "title": "Image Source",
-          "type": "string",
-          "format": "image"
-        },
-        "alt": {
-          "title": "Image Alt Text",
-          "type": "string"
-        }
-      },
-      "required": [
-        "src"
-      ],
-      "additionalProperties": false
-    },
-    "widget": {
-      "title": "Widget",
-      "type": "string",
-      "description": "Choose what widget to display in the teaser",
-      "enum": [
-        "image",
-        "energyCalculator",
-        "timetable"
-      ]
-    },
-    "links": {
-      "type": "array",
-      "title": "Links",
-      "description": "A list of links to display in the teaser",
-      "items": {
-        "type": "object",
-        "properties": {
-          "label": {
-            "title": "Label",
-            "type": "string"
-          },
-          "target": {
-            "title": "URL",
-            "type": "string"
-          }
-        },
-        "required": [
-          "label",
-          "target"
-        ],
-        "additionalProperties": false
-      }
-    },
-    "className": {
-      "title": "Additional Classes",
-      "description": "Add additional css classes that should be applied to the logo",
-      "type": "string"
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/page-teaser/page-teaser.schema.json

@@ -1,56 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/page-teaser.schema.json",
-  "title": "Page Teaser",
-  "type": "object",
-  "properties": {
-    "image": {
-      "title": "Image",
-      "description": "The image to display in the teaser",
-      "type": "object",
-      "properties": {
-        "src": {
-          "title": "Image Source",
-          "type": "string",
-          "format": "image"
-        },
-        "alt": {
-          "title": "Image Alt Text",
-          "type": "string"
-        }
-      },
-      "required": ["src"]
-    },
-    "widget": {
-      "title": "Widget",
-      "type": "string",
-      "description": "Choose what widget to display in the teaser",
-      "enum": ["image", "energyCalculator", "timetable"]
-    },
-    "links": {
-      "type": "array",
-      "title": "Links",
-      "description": "A list of links to display in the teaser",
-      "items": {
-        "type": "object",
-        "properties": {
-          "label": {
-            "title": "Label",
-            "type": "string"
-          },
-          "target": {
-            "title": "URL",
-            "type": "string"
-          }
-        },
-        "required": ["label", "target"]
-      }
-    },
-    "className": {
-      "title": "Additional Classes",
-      "description": "Add additional css classes that should be applied to the logo",
-      "type": "string"
-    }
-  },
-  "additionalProperties": false
-}

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

@@ -1,55 +0,0 @@
-/// <reference types="react" />
-import { FC, HTMLAttributes } 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.
- */
-interface PaginationProps {
-    truncate?: boolean;
-    ariaLabels?: {
-        /**
-         * Aria label for the previous page link
-         */
-        previousPage?: string;
-        /**
-         * Aria label for the next page link
-         */
-        nextPage?: string;
-        /**
-         * Aria label for the link to skip to the first page
-         */
-        skipToFirstPage?: string;
-        /**
-         * Aria label for the link to skip to the last page
-         */
-        skipToLastPage?: string;
-        /**
-         * Aria label for the link to go to a specific page (will be placed before the page number)
-         */
-        goToPage?: string;
-    };
-    pages?: {
-        /**
-         * The URL to the page
-         */
-        url: string;
-        /**
-         * Indicates if the page is currently active
-         */
-        active?: boolean;
-    }[];
-}
-declare const PageLink: FC<HTMLAttributes<HTMLAnchorElement> & {
-    active?: boolean;
-    url?: string;
-    label?: string;
-    num?: number;
-}>;
-declare const Placeholder: () => import("react/jsx-runtime").JSX.Element;
-declare const PaginationContextDefault: import("react").ForwardRefExoticComponent<PaginationProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-declare const PaginationContext: import("react").Context<import("react").ForwardRefExoticComponent<PaginationProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
-declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export type { PaginationProps };
-export { PageLink, Placeholder, PaginationContextDefault, PaginationContext, Pagination };

package/dist/components/pagination/index.js

@@ -1,58 +0,0 @@
-import "./pagination.css";
-import { forwardRef, createElement, createContext, useContext } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classnames from 'classnames';
-import { Icon } from '@kickstartds/base/lib/icon';
-import { Link } from '@kickstartds/base/lib/link';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
-
-const defaults = {
-    "ariaLabels": {
-        "previousPage": "Go to previous page",
-        "nextPage": "Go to next page",
-        "skipToFirstPage": "Skip to first page",
-        "skipToLastPage": "Skip to last page",
-        "goToPage": "Go to page"
-    },
-    "pages": []
-};
-
-const PageLink = ({ active, url, label, num, ...props }) => (jsx(Link, { className: classnames("dsa-pagination__link", active && "dsa-pagination__link--active"), "aria-label": `${label} ${num}` || `Go to page ${num}`, "aria-current": active ? "page" : "false", href: url, ...props, children: num }));
-const Placeholder = () => (jsx("div", { className: "dsa-pagination__placeholder", children: jsx("span", { children: "\u2026" }) }));
-const PaginationContextDefault = forwardRef(({ pages = [], ariaLabels, truncate, ...props }, ref) => {
-    const activeIndex = pages.findIndex((page) => page.active);
-    return (jsxs("div", { className: "dsa-pagination", ...props, ref: ref, 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, hidden: activeIndex === 0, 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: 
-                // Use the url of the next item after the active one
-                pages[activeIndex - 1]?.url, hidden: activeIndex === 0, children: jsx(Icon, { icon: "chevron-left" }) }), jsx("div", { className: "dsa-pagination__pages", children: truncate
-                    ? pages.reduce((result, page, index) => {
-                        const isFirst = index === 0;
-                        const isLast = index === pages.length - 1;
-                        const isActive = page.active;
-                        const isBeforeActive = index === activeIndex - 1;
-                        const isAfterActive = index === activeIndex + 1;
-                        const prevItem = result[result.length - 1];
-                        const shouldRender = isFirst ||
-                            isLast ||
-                            isActive ||
-                            isBeforeActive ||
-                            isAfterActive;
-                        if (shouldRender) {
-                            result.push(createElement(PageLink, { ...page, num: index + 1, label: ariaLabels?.goToPage, key: page.url }));
-                        }
-                        else if (prevItem.type !== Placeholder) {
-                            result.push(jsx(Placeholder, {}, `dsa-pagination__placeholder-${index}`));
-                        }
-                        return result;
-                    }, [])
-                    : pages.map((page, index) => (createElement(PageLink, { ...page, num: index + 1, label: ariaLabels?.goToPage, key: page.url }))) }), jsx(Link, { className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--next", "aria-label": ariaLabels?.nextPage || "Go to next page", href: 
-                // Use the url of the next item after the active one
-                pages[activeIndex + 1]?.url, hidden: activeIndex === pages.length - 1, 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, hidden: activeIndex === pages.length - 1, children: jsx(Icon, { icon: "skip-forward" }) })] }));
-});
-const PaginationContext = createContext(PaginationContextDefault);
-const Pagination = forwardRef((props, ref) => {
-    const Component = useContext(PaginationContext);
-    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
-});
-Pagination.displayName = "Pagination";
-
-export { PageLink, Pagination, PaginationContext, PaginationContextDefault, Placeholder };