@kickstartds/ds-agency-premium 1.6.72--canary.56.2533.0 → 1.6.72--canary.43.2537.0

package/dist/helpers-12f48df8.d.ts

@@ -0,0 +1,6 @@
+declare function canBeCloned(val: unknown): boolean;
+type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+declare function deepMergeDefaults<T extends Record<string, any>>(defaults: DeepPartial<T>, props: T, replaceExamples?: boolean): T;
+export { canBeCloned, DeepPartial, deepMergeDefaults };

package/dist/playground/color-demo/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ColorDemo: () => import("react/jsx-runtime").JSX.Element;
+export { ColorDemo as default };

package/dist/playground/color-demo/index.js

@@ -0,0 +1,237 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Features } from '../../components/features/index.js';
+import { Section } from '../../components/section/index.js';
+import { Stats } from '../../components/stats/index.js';
+import { TeaserCard } from '../../components/teaser-card/index.js';
+import { SelectField } from '@kickstartds/form/lib/select-field';
+import { TextArea } from '@kickstartds/form/lib/text-area';
+import { CheckboxGroup } from '@kickstartds/form/lib/checkbox-group';
+import { RadioGroup } from '@kickstartds/form/lib/radio-group';
+import { Button } from '../../components/button/index.js';
+import { SearchResult } from '../../components/search-result/index.js';
+import { Breadcrumb } from '../../components/breadcrumb/index.js';
+import { Downloads } from '../../components/downloads/index.js';
+import { Pagination } from '../../components/pagination/index.js';
+import { TextField } from '@kickstartds/form/lib/text-field';
+import { EventLatestTeaser } from '../../components/event-latest-teaser/index.js';
+import { EventLocation } from '../../components/event-location/index.js';
+import { EventListTeaser } from '../../components/event-list-teaser/index.js';
+import { BlogAside } from '../../components/blog-aside/index.js';
+import 'react';
+import 'classnames';
+import '../../components/feature/index.js';
+import '@kickstartds/base/lib/icon';
+import '@kickstartds/base/lib/link';
+import '../../helpers-12f48df8.js';
+import 'markdown-to-jsx';
+import '@kickstartds/core/lib/react';
+import '@kickstartds/base/lib/section';
+import '../../components/section/js/Section.client.js';
+import '@kickstartds/core/lib/component';
+import '../../components/stat/index.js';
+import '@kickstartds/content/lib/count-up';
+import '@kickstartds/base/lib/teaser-box';
+import '@kickstartds/core/lib/container';
+import '@kickstartds/base/lib/button';
+import '@kickstartds/base/lib/rich-text';
+import '@kickstartds/base/lib/picture';
+import '../../components/search-result-match/index.js';
+import '../../components/event-appointment/index.js';
+import '@kickstartds/base/lib/tag-label';
+import '@kickstartds/blog/lib/post-meta';
+import '@kickstartds/blog/lib/post-share-bar';
+import '../../components/blog-author/index.js';
+import '../../components/contact/index.js';
+import '@kickstartds/base/lib/contact';
+import '../../components/headline/index.js';
+import '@kickstartds/base/lib/headline';
+
+const ColorDemo = () => (jsxs("div", { className: "playground-preview-page", children: [jsxs(Section, { className: "dsa-section--component-preview", content: {
+                gutter: "large",
+                mode: "tile",
+            }, width: "wide", spaceBefore: "small", spaceAfter: "none", children: [jsx(TeaserCard, { imageRatio: "landscape", headline: "Empower Your Business", text: "Leverage our expertise in creating scalable and robust applications using modern technologies.", url: "", button: {
+                        label: "Get Started",
+                        chevron: true,
+                    } }), jsx(Features, { ctas: {
+                        style: "link",
+                        toggle: true,
+                    }, feature: [
+                        {
+                            cta: {
+                                icon: "arrow-right",
+                                label: "Learn more",
+                                url: "#",
+                            },
+                            icon: "home",
+                            text: "Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.",
+                            title: "Scalable Architecture",
+                        },
+                    ], layout: "smallTiles", style: "stack" }), jsx(Stats, { stat: [
+                        {
+                            icon: "person",
+                            number: "150",
+                            title: "Users",
+                            description: "Active users on the platform taking advantage of the design system.",
+                        },
+                    ] }), jsx(SearchResult, { imageColSize: "none", initialMatch: "Embracing a **sustainable** lifestyle.", matches: [
+                        {
+                            snippet: "Learn how leading companies are integrating **sustainability**.",
+                            title: "Embracing Sustainability",
+                            url: "#",
+                        },
+                    ], showLink: true, title: "GreenTech Summit", url: "https://www.example.com/greentech-summit-2023" })] }), jsxs(Section, { className: "dsa-section--component-preview", width: "wide", content: {
+                gutter: "large",
+                mode: "tile",
+            }, spaceAfter: "small", spaceBefore: "small", children: [jsx(EventListTeaser, { category: "Buyers", ctaText: "Show event", date: "30.12.2025", location: {
+                        address: "Alexanderplatz 1<br />\n10178 Berlin",
+                        name: "Tech Conference Center",
+                    }, tags: ["AI"], text: "The Future of AI is here and now - Join us to explore the latest advancements in artificial intelligence.", time: "10:00", title: "The Future of AI", url: "#" }), jsxs("div", { style: {
+                        display: "flex",
+                        gap: "var(--ks-spacing-stack-m)",
+                        flexDirection: "column",
+                    }, children: [jsx(EventLocation, { address: "Alexanderplatz 1<br />\n  10178 Berlin", dates: [
+                                {
+                                    ariaLabel: "Register for the event on 18th September 2025 from 09:00 to 17:00",
+                                    date: "18.09.2025",
+                                    label: "Register",
+                                    newTab: true,
+                                    time: "09:00 – 17:00",
+                                    url: "#",
+                                },
+                            ], displayMode: "spacious", links: [
+                                {
+                                    label: "Open in Google Maps",
+                                    newTab: true,
+                                    url: "https://maps.google.com/?q=Berlin+Congress+Center",
+                                },
+                            ], locationName: "Berlin Congress Center" }), jsx(EventLatestTeaser, { ariaLabel: "Event teaser for ", calendar: {
+                                day: "30",
+                                month: "Dec",
+                            }, cta: "Show event", date: "12/30/2025", location: "Berlin, Germany", title: "The Future of AI", url: "https://example.com" })] }), jsxs("div", { style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: "var(--ks-spacing-stack-m)",
+                    }, children: [jsx(SelectField, { icon: "chevron-down", label: "Est dolore a debitis", options: [
+                                {
+                                    label: "Option 1",
+                                },
+                                {
+                                    label: "Option 2",
+                                },
+                                {
+                                    label: "Option 3",
+                                },
+                            ] }), jsx(TextField, { label: "Your name" }), jsx(CheckboxGroup, { label: "Lorem Ipsum", options: [
+                                {
+                                    //@ts-expect-error
+                                    checked: true,
+                                    label: "Lorem Ipsum",
+                                },
+                                {
+                                    label: "Ipsum Dolor",
+                                },
+                                {
+                                    label: "Dolor Sit Amet",
+                                    disabled: true,
+                                },
+                            ] }), jsx(TextArea, { label: "Your message" }), jsx(RadioGroup, { label: "Lorem Ipsum", options: [
+                                {
+                                    label: "Lorem Ipsum",
+                                },
+                                {
+                                    //@ts-expect-error
+                                    checked: true,
+                                    label: "Ipsum Dolor",
+                                },
+                                {
+                                    label: "Dolor Sit Amet",
+                                    disabled: true,
+                                },
+                            ] })] }), jsxs("div", { style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: "10px",
+                        justifyContent: "space-between",
+                    }, children: [jsx(Button, { icon: "arrow-right", variant: "primary", label: "Learn more" }), jsx(Button, { icon: "date", variant: "secondary", label: "Book appointment" }), jsx(Button, { icon: "upload", variant: "tertiary", label: "Upload File" }), jsx(BlogAside, { author: {
+                                byline: "CEO at Company",
+                                links: [
+                                    {
+                                        ariaLabel: "Link to Isabella Doe's social media profile",
+                                        icon: "twitter",
+                                        label: "jane_smith",
+                                        newTab: false,
+                                        url: "tel:+4922868896620",
+                                    },
+                                    {
+                                        ariaLabel: "Link to Isabella Doe's social media profile",
+                                        icon: "email",
+                                        label: "jane.smith@example.com",
+                                        newTab: false,
+                                        url: "mailto:mail@example.com",
+                                    },
+                                ],
+                                name: "Jane Smith",
+                            }, date: "12/30/2022", readingTime: "5 min read", socialSharing: [
+                                {
+                                    icon: "twitter",
+                                    title: "Share on Twitter",
+                                    url: "https://twitter.com/share?text=Check%20this%20out!&url=https://example.com",
+                                },
+                                {
+                                    icon: "linkedin",
+                                    title: "Share on LinkedIn",
+                                    url: "https://twitter.com/share?text=Check%20this%20out!&url=https://example.com",
+                                },
+                            ] })] })] }), jsx(Section, { className: "dsa-section--component-preview", spaceAfter: "small", spaceBefore: "none", width: "wide", children: jsxs("div", { style: {
+                    display: "flex",
+                    gap: "var(--ks-spacing-inline-m)",
+                    width: "100%",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                }, children: [jsx("div", { style: { flexGrow: "1" }, children: jsx(Breadcrumb, { pages: [
+                                {
+                                    label: "Page 1",
+                                    url: "https://example.com/page1",
+                                },
+                                {
+                                    label: "Page 2",
+                                    url: "https://example.com/page2",
+                                },
+                                {
+                                    label: "Page 3",
+                                    url: "https://example.com/page3",
+                                },
+                            ] }) }), jsx("div", { style: { flexGrow: "3" }, children: jsx(Downloads, { downloads: [
+                                {
+                                    format: "PDF",
+                                    name: "Product Brochure",
+                                    previewImage: "img/offset-image.png",
+                                    size: "2.5 MB",
+                                    url: "#",
+                                },
+                            ] }) }), jsx("div", { style: { flexGrow: "3" }, children: jsx(Pagination, { ariaLabels: {
+                                goToPage: "Go to page",
+                                nextPage: "Go to next page",
+                                previousPage: "Go to previous page",
+                                skipToFirstPage: "Skip to first page",
+                                skipToLastPage: "Skip to last page",
+                            }, pages: [
+                                {
+                                    active: false,
+                                    url: "https://example.com/page1",
+                                },
+                                {
+                                    active: true,
+                                    url: "https://example.com/page2",
+                                },
+                                {
+                                    active: false,
+                                    url: "https://example.com/page3",
+                                },
+                                {
+                                    active: false,
+                                    url: "https://example.com/page4",
+                                },
+                            ] }) })] }) })] }));
+
+export { ColorDemo as default };

package/dist/playground/font-demo/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const FontDemo: () => import("react/jsx-runtime").JSX.Element;
+declare const Font: {};
+export { FontDemo as default, Font };

package/dist/playground/font-demo/index.js

@@ -0,0 +1,171 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Section } from '../../components/section/index.js';
+import { SelectField } from '@kickstartds/form/lib/select-field';
+import { TextArea } from '@kickstartds/form/lib/text-area';
+import { CheckboxGroup } from '@kickstartds/form/lib/checkbox-group';
+import { Button } from '../../components/button/index.js';
+import { TeaserCard } from '../../components/teaser-card/index.js';
+import { RadioGroup } from '@kickstartds/form/lib/radio-group';
+import { TextField } from '@kickstartds/form/lib/text-field';
+import { Headline } from '../../components/headline/index.js';
+import { Downloads } from '../../components/downloads/index.js';
+import { Breadcrumb } from '../../components/breadcrumb/index.js';
+import { SearchResult } from '../../components/search-result/index.js';
+import { Features } from '../../components/features/index.js';
+import { Stats } from '../../components/stats/index.js';
+import { Cta } from '../../components/cta/index.js';
+import 'react';
+import 'classnames';
+import '@kickstartds/core/lib/react';
+import '@kickstartds/base/lib/section';
+import '../../components/section/js/Section.client.js';
+import '@kickstartds/core/lib/component';
+import '../../helpers-12f48df8.js';
+import '@kickstartds/base/lib/button';
+import '@kickstartds/base/lib/teaser-box';
+import '@kickstartds/core/lib/container';
+import 'markdown-to-jsx';
+import '@kickstartds/base/lib/headline';
+import '@kickstartds/base/lib/rich-text';
+import '@kickstartds/base/lib/icon';
+import '@kickstartds/base/lib/picture';
+import '@kickstartds/base/lib/link';
+import '../../components/search-result-match/index.js';
+import '../../components/feature/index.js';
+import '../../components/stat/index.js';
+import '@kickstartds/content/lib/count-up';
+import '@kickstartds/content/lib/storytelling';
+import '../../components/button-group/index.js';
+import '@kickstartds/base/lib/button-group';
+
+const FontDemo = () => (jsxs("div", { className: "playground-preview-page", children: [jsxs(Section, { content: {
+                gutter: "large",
+            }, spaceAfter: "small", width: "wide", children: [jsx(Cta, { highlightText: true, headline: "Empowering Digital Transformation at Scale", sub: "Unlocking Synergies for Next-Gen Business Impact", text: "Our mission is clear: **drive innovation** through seamless integration and agile methodologies. Harness future-ready solutions for *cross-functional alignment* and operational excellence. We champion collaborative ecosystems that accelerate value creation." }), jsx("div", { children: jsx(Cta, { headline: "Accelerate Outcomes with Strategic Vision", sub: "Elevate Experiences with Purposeful Design", text: "We deliver:\n- Data-driven, measurable results\n- *Holistic* stakeholder engagement\n\n`// Example: driveValue(innovation)`\n\n> Empowering tomorrow, today.\n" }) })] }), jsxs(Section, { width: "wide", spaceBefore: "none", spaceAfter: "small", children: [jsx(TeaserCard, { headline: "Experience Seamless Digital Enablement", text: "Discover how modular, open-source solutions unlock scalable opportunities for every enterprise.", url: "https://basic.design-system.agency/", button: {
+                        label: "Browse basic Demo",
+                    } }), jsx(Stats, { stat: [
+                        {
+                            icon: "person",
+                            number: "150",
+                            title: "Active Innovators",
+                            description: "Visionaries leveraging our platform to maximize digital potential.",
+                        },
+                    ] }), jsx(SearchResult, { imageColSize: "none", initialMatch: "Driving **transformational** change.", matches: [
+                        {
+                            snippet: "Explore how industry leaders champion **innovation** at scale.",
+                            title: "Innovation Leadership Forum",
+                            url: "#",
+                        },
+                    ], showLink: true, title: "Future Conference", url: "https://www.example.com/futurevision-2025" }), jsx(Features, { ctas: {
+                        style: "link",
+                        toggle: true,
+                    }, feature: [
+                        {
+                            cta: {
+                                icon: "arrow-right",
+                                label: "Learn more",
+                                url: "#",
+                            },
+                            icon: "home",
+                            text: "Empower your business with adaptive frameworks, ensuring future-proof scalability and robust performance.",
+                            title: "Adaptive Frameworks",
+                        },
+                    ], layout: "smallTiles", style: "stack" })] }), jsxs(Section, { content: {
+                tileWidth: "medium",
+                gutter: "large",
+            }, width: "wide", spaceBefore: "small", spaceAfter: "small", children: [jsx(TeaserCard, { headline: "Basic Agency Website Demo", text: "Compare what the free version, using Open Source components only, can already offer you and your team.", url: "https://basic.design-system.agency/", button: {
+                        label: "Browse basic Demo",
+                    } }), jsx(SearchResult, { imageColSize: "none", initialMatch: "Embracing a **sustainable** lifestyle.", matches: [
+                        {
+                            snippet: "Learn how leading companies are integrating **sustainability**.",
+                            title: "Embracing Sustainability",
+                            url: "#",
+                        },
+                    ], showLink: true, title: "GreenTech Summit", url: "https://www.example.com/greentech-summit-2023" }), jsx(Features, { ctas: {
+                        style: "link",
+                        toggle: true,
+                    }, feature: [
+                        {
+                            cta: {
+                                icon: "arrow-right",
+                                label: "Learn more",
+                                url: "#",
+                            },
+                            icon: "home",
+                            text: "Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.",
+                            title: "Scalable Architecture",
+                        },
+                    ], layout: "smallTiles", style: "stack" })] }), jsxs(Section, { width: "wide", spaceBefore: "small", spaceAfter: "small", content: {
+                gutter: "large",
+            }, children: [jsxs("div", { style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: "var(--ks-spacing-stack-m)",
+                    }, children: [jsx(Headline, { text: "Unlock Value with Strategic Partnerships", sub: "Collaborate for exponential growth", spaceAfter: "minimum", level: "h3", style: "h3" }), jsx(TextArea, { label: "Your message" }), jsx(CheckboxGroup, { label: "Lorem Ipsum", options: [
+                                {
+                                    //@ts-expect-error
+                                    checked: true,
+                                    label: "Lorem Ipsum",
+                                },
+                                {
+                                    label: "Ipsum Dolor",
+                                },
+                                {
+                                    label: "Dolor Sit Amet",
+                                    disabled: true,
+                                },
+                            ] })] }), jsxs("div", { style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: "var(--ks-spacing-stack-m)",
+                    }, children: [jsx(Headline, { text: "Optimize Processes for Maximum Impact", level: "h4", style: "h4", spaceAfter: "minimum" }), jsx(SelectField, { icon: "chevron-down", label: "Est dolore a debitis", options: [
+                                {
+                                    label: "Option 1",
+                                },
+                                {
+                                    label: "Option 2",
+                                },
+                                {
+                                    label: "Option 3",
+                                },
+                            ] }), jsx(TextField, { label: "Your name" }), jsx(RadioGroup, { label: "Lorem Ipsum", options: [
+                                {
+                                    label: "Lorem Ipsum",
+                                },
+                                {
+                                    //@ts-expect-error
+                                    checked: true,
+                                    label: "Ipsum Dolor",
+                                },
+                                {
+                                    label: "Dolor Sit Amet",
+                                    disabled: true,
+                                },
+                            ] })] }), jsxs("div", { style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: "var(--ks-spacing-stack-m)",
+                    }, children: [jsx(Breadcrumb, { pages: [
+                                {
+                                    label: "Home",
+                                    url: "https://example.com/home",
+                                },
+                                {
+                                    label: "Solutions",
+                                    url: "https://example.com/solutions",
+                                },
+                                {
+                                    label: "Insights",
+                                    url: "https://example.com/insights",
+                                },
+                            ] }), jsx(Downloads, { downloads: [
+                                {
+                                    format: "PDF",
+                                    name: "Visionary Solutions Overview",
+                                    previewImage: "img/offset-image.png",
+                                    size: "2.5 MB",
+                                    url: "#",
+                                },
+                            ] }), jsx(Button, { style: { width: "fit-content" }, label: "Engage Now", size: "large" }), jsx(Button, { style: { width: "fit-content" }, label: "Discover More", size: "medium" }), jsx(Button, { style: { width: "fit-content" }, label: "Get Started", size: "small" })] })] })] }));
+const Font = {};
+
+export { Font, FontDemo as default };

package/dist/playground/spacing-demo/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ColorDemo: () => import("react/jsx-runtime").JSX.Element;
+export { ColorDemo as default };