@publicplan/kern-react-kit 1.2.0 → 1.3.0

package/dist/index.js

@@ -0,0 +1,2626 @@
+import { __export } from "./chunk-CTAAG5j7.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React, { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+
+//#region src/lib/cn.ts
+function cn(...classes) {
+	return classes.filter((cls) => typeof cls === "string" && cls.trim().length > 0).map((cls) => cls.trim()).join(" ").replace(/\s+/g, " ").trim();
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.93.0/helpers/objectWithoutPropertiesLoose.js
+function _objectWithoutPropertiesLoose(r, e) {
+	if (null == r) return {};
+	var t = {};
+	for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+		if (e.includes(n)) continue;
+		t[n] = r[n];
+	}
+	return t;
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.93.0/helpers/objectWithoutProperties.js
+function _objectWithoutProperties(e, t) {
+	if (null == e) return {};
+	var o, r, i = _objectWithoutPropertiesLoose(e, t);
+	if (Object.getOwnPropertySymbols) {
+		var s = Object.getOwnPropertySymbols(e);
+		for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+	}
+	return i;
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.93.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o$1) {
+		return typeof o$1;
+	} : function(o$1) {
+		return o$1 && "function" == typeof Symbol && o$1.constructor === Symbol && o$1 !== Symbol.prototype ? "symbol" : typeof o$1;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.93.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.93.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.93.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.93.0/helpers/objectSpread2.js
+function ownKeys(e, r) {
+	var t = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var o = Object.getOwnPropertySymbols(e);
+		r && (o = o.filter(function(r$1) {
+			return Object.getOwnPropertyDescriptor(e, r$1).enumerable;
+		})), t.push.apply(t, o);
+	}
+	return t;
+}
+function _objectSpread2(e) {
+	for (var r = 1; r < arguments.length; r++) {
+		var t = null != arguments[r] ? arguments[r] : {};
+		r % 2 ? ownKeys(Object(t), !0).forEach(function(r$1) {
+			_defineProperty(e, r$1, t[r$1]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r$1) {
+			Object.defineProperty(e, r$1, Object.getOwnPropertyDescriptor(t, r$1));
+		});
+	}
+	return e;
+}
+
+//#endregion
+//#region src/components/Accordion/Content.tsx
+const _excluded$95 = ["children", "className"];
+const AccordionContent = (_ref) => {
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$95);
+	return /* @__PURE__ */ jsx("section", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-accordion__body", className),
+		children: /* @__PURE__ */ jsx("p", {
+			className: "kern-body",
+			children
+		})
+	}));
+};
+AccordionContent.displayName = "Accordion.Content";
+
+//#endregion
+//#region src/components/Accordion/Root.tsx
+const _excluded$94 = [
+	"className",
+	"children",
+	"isOpened",
+	"position",
+	"totalItems"
+];
+const AccordionRoot = (_ref) => {
+	let { className, children, isOpened, position = 0, totalItems = 0 } = _ref, rest = _objectWithoutProperties(_ref, _excluded$94);
+	return /* @__PURE__ */ jsxs("details", _objectSpread2(_objectSpread2(_objectSpread2({}, rest), {}, { className: cn("kern-accordion", className) }, isOpened ? { open: true } : {}), {}, { children: [position > 0 && totalItems > 0 && /* @__PURE__ */ jsx("span", {
+		className: "kern-sr-only",
+		children: `Item ${position} of ${totalItems}`
+	}), children] }));
+};
+AccordionRoot.displayName = "Accordion.Root";
+
+//#endregion
+//#region src/components/Title/Title.tsx
+const _excluded$93 = [
+	"variant",
+	"textWrapper",
+	"title",
+	"children",
+	"className"
+];
+const Title = (_ref) => {
+	let { variant = "default", textWrapper = "h2", title, children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$93);
+	const Wrapper = textWrapper;
+	const titleClass = cn("kern-title", `kern-title--${variant}`, className);
+	return /* @__PURE__ */ jsx(Wrapper, _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: titleClass,
+		children: children || title
+	}));
+};
+
+//#endregion
+//#region src/components/Accordion/Group.tsx
+const _excluded$92 = [
+	"aria-label",
+	"className",
+	"title",
+	"children"
+];
+const AccordionGroup = (_ref) => {
+	let { "aria-label": ariaLabel, className, title, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$92);
+	const totalItems = React.Children.count(children);
+	const isAccordionItem = (child) => {
+		if (!React.isValidElement(child)) return false;
+		return child.type === AccordionRoot;
+	};
+	return /* @__PURE__ */ jsxs("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		role: "group",
+		"aria-label": [ariaLabel && `${ariaLabel},`, `${totalItems} Elemente`].filter(Boolean).join(" "),
+		className: cn("kern-accordion-group", className),
+		children: [title && /* @__PURE__ */ jsx(Title, _objectSpread2({}, title)), React.Children.map(children, (child, index) => isAccordionItem(child) ? React.cloneElement(child, {
+			position: index + 1,
+			totalItems
+		}) : child)]
+	}));
+};
+AccordionGroup.displayName = "Accordion.Group";
+
+//#endregion
+//#region src/components/Accordion/Summary.tsx
+const _excluded$91 = ["title", "className"];
+const AccordionSummary = (_ref) => {
+	let { title, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$91);
+	return /* @__PURE__ */ jsx("summary", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-accordion__header", className),
+		children: /* @__PURE__ */ jsx(Title, _objectSpread2({}, title))
+	}));
+};
+AccordionSummary.displayName = "Accordion.Summary";
+
+//#endregion
+//#region src/components/Accordion/index.ts
+var Accordion_exports = /* @__PURE__ */ __export({
+	Content: () => AccordionContent,
+	Group: () => AccordionGroup,
+	Root: () => AccordionRoot,
+	Summary: () => AccordionSummary
+});
+
+//#endregion
+//#region src/components/Alert/Body.tsx
+const _excluded$90 = ["children", "className"];
+const AlertBody = (_ref) => {
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$90);
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-alert__body", className),
+		children
+	}));
+};
+AlertBody.displayName = "Alert.Body";
+
+//#endregion
+//#region src/components/Icon/Icon.tsx
+const _excluded$89 = [
+	"name",
+	"aria-hidden",
+	"size",
+	"role",
+	"className"
+];
+const Icon = (_ref) => {
+	let { name = "home", "aria-hidden": ariaHidden = true, size = "default", role, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$89);
+	return /* @__PURE__ */ jsx("span", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-icon", `kern-icon--${name}`, `kern-icon--${size}`, className),
+		"aria-hidden": ariaHidden,
+		role
+	}));
+};
+
+//#endregion
+//#region src/components/Alert/Context.ts
+const AlertVariantContext = createContext("info");
+function useAlertVariant() {
+	return useContext(AlertVariantContext);
+}
+
+//#endregion
+//#region src/components/Alert/Header.tsx
+const _excluded$88 = [
+	"hasIcon",
+	"icon",
+	"title",
+	"className"
+];
+const AlertHeader = (_ref) => {
+	let { hasIcon = true, icon, title, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$88);
+	const variant = useAlertVariant();
+	return /* @__PURE__ */ jsxs("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-alert__header", className),
+		children: [hasIcon && /* @__PURE__ */ jsx(Icon, _objectSpread2(_objectSpread2({}, icon), {}, { name: variant })), title && /* @__PURE__ */ jsx(Title, {
+			title,
+			textWrapper: "span"
+		})]
+	}));
+};
+AlertHeader.displayName = "Alert.Header";
+
+//#endregion
+//#region src/components/Link/Link.tsx
+const _excluded$87 = [
+	"variant",
+	"icon",
+	"iconLeft",
+	"title",
+	"target",
+	"children",
+	"isStretched",
+	"className"
+];
+const getIcon$1 = (iconProps) => iconProps ? /* @__PURE__ */ jsx(Icon, {
+	name: iconProps.name,
+	size: iconProps.size
+}) : null;
+const Link = (_ref) => {
+	let { variant = "default", icon, iconLeft, title, target = "_self", children, isStretched, className } = _ref, props = _objectWithoutProperties(_ref, _excluded$87);
+	const linkText = title !== null && title !== void 0 ? title : children;
+	const linkClass = cn(isStretched ? "kern-link--stretched" : "kern-link", variant === "small" && "kern-link--small", className);
+	return /* @__PURE__ */ jsxs("a", _objectSpread2(_objectSpread2({}, props), {}, {
+		className: linkClass,
+		target: (icon === null || icon === void 0 ? void 0 : icon.name) === "open-in-new" ? "_blank" : target,
+		children: [
+			iconLeft && getIcon$1(icon),
+			linkText,
+			!iconLeft && getIcon$1(icon)
+		]
+	}));
+};
+Link.isInteractive = true;
+
+//#endregion
+//#region src/components/Alert/Link.tsx
+const AlertLink = (props) => {
+	return /* @__PURE__ */ jsx(Link, _objectSpread2(_objectSpread2({}, props), {}, { className: cn("kern-alert__link", props.className) }));
+};
+AlertLink.displayName = "Alert.Link";
+
+//#endregion
+//#region src/components/Alert/Root.tsx
+const _excluded$86 = [
+	"children",
+	"variant",
+	"className"
+];
+const AlertRoot = (_ref) => {
+	let { children = null, variant, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$86);
+	return /* @__PURE__ */ jsx(AlertVariantContext.Provider, {
+		value: variant,
+		children: /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+			className: cn("kern-alert", `kern-alert--${variant}`, className),
+			role: "alert",
+			children
+		}))
+	});
+};
+AlertRoot.displayName = "Alert.Root";
+
+//#endregion
+//#region src/components/Alert/index.ts
+var Alert_exports = /* @__PURE__ */ __export({
+	Body: () => AlertBody,
+	Header: () => AlertHeader,
+	Link: () => AlertLink,
+	Root: () => AlertRoot
+});
+
+//#endregion
+//#region src/components/Card/Body.tsx
+const _excluded$85 = ["className", "children"];
+const CardBody = (_ref) => {
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$85);
+	return /* @__PURE__ */ jsx("section", _objectSpread2(_objectSpread2({ className: cn("kern-card__body", className) }, rest), {}, { children: /* @__PURE__ */ jsx("p", {
+		className: "kern-body",
+		children
+	}) }));
+};
+CardBody.displayName = "Card.Body";
+
+//#endregion
+//#region src/components/Card/Container.tsx
+const _excluded$84 = ["className", "children"];
+const CardContainer = (_ref) => {
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$84);
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-card__container", className),
+		children
+	}));
+};
+CardContainer.displayName = "Card.Container";
+
+//#endregion
+//#region src/components/Card/Footer.tsx
+const _excluded$83 = ["className", "children"];
+const CardFooter = (_ref) => {
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$83);
+	return /* @__PURE__ */ jsx("footer", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-card__footer", className),
+		children
+	}));
+};
+CardFooter.displayName = "Card.Footer";
+
+//#endregion
+//#region src/components/Card/Header.tsx
+const _excluded$82 = ["className", "children"];
+const CardHeader = (_ref) => {
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$82);
+	return /* @__PURE__ */ jsx("header", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-card__header", className),
+		children
+	}));
+};
+CardHeader.displayName = "Card.Header";
+
+//#endregion
+//#region src/components/Card/Media.tsx
+const _excluded$81 = [
+	"src",
+	"alt",
+	"width",
+	"height",
+	"className"
+];
+const CardMedia = (_ref) => {
+	let { src, alt, width, height, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$81);
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-card__media", className),
+		children: /* @__PURE__ */ jsx("img", {
+			src,
+			alt,
+			width,
+			height
+		})
+	}));
+};
+CardMedia.displayName = "Card.Media";
+
+//#endregion
+//#region src/components/Card/Preline.tsx
+const _excluded$80 = ["className", "children"];
+const CardPreline = (_ref) => {
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$80);
+	return /* @__PURE__ */ jsx("p", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-preline", className),
+		children
+	}));
+};
+CardPreline.displayName = "Card.Preline";
+
+//#endregion
+//#region src/components/Card/Root.tsx
+const _excluded$79 = [
+	"className",
+	"style",
+	"children",
+	"active",
+	"size",
+	"isCardHug"
+];
+const CardRoot = (_ref) => {
+	let { className, style, children, active = false, size = "medium", isCardHug = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$79);
+	return /* @__PURE__ */ jsx("article", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-card", active && "kern-card--active", size && `kern-card--${size}`, isCardHug && ` kern-card--hug`, className),
+		style,
+		children
+	}));
+};
+CardRoot.displayName = "Card.Root";
+
+//#endregion
+//#region src/components/Card/Subline.tsx
+const _excluded$78 = ["className", "children"];
+const CardSubline = (_ref) => {
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$78);
+	return /* @__PURE__ */ jsx("h3", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-subline", className),
+		children
+	}));
+};
+CardSubline.displayName = "Card.Subline";
+
+//#endregion
+//#region src/components/Card/Title.tsx
+const _excluded$77 = [
+	"className",
+	"children",
+	"textWrapper"
+];
+const CardTitle = (_ref) => {
+	let { className, children, textWrapper = "h2" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$77);
+	return /* @__PURE__ */ jsx(textWrapper, _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-title", className),
+		children
+	}));
+};
+CardTitle.displayName = "Card.Title";
+
+//#endregion
+//#region src/components/Card/index.ts
+var Card_exports = /* @__PURE__ */ __export({
+	Body: () => CardBody,
+	Container: () => CardContainer,
+	Footer: () => CardFooter,
+	Header: () => CardHeader,
+	Media: () => CardMedia,
+	Preline: () => CardPreline,
+	Root: () => CardRoot,
+	Subline: () => CardSubline,
+	Title: () => CardTitle
+});
+
+//#endregion
+//#region src/components/DescriptionList/Heading.tsx
+const _excluded$76 = [
+	"title",
+	"children",
+	"className"
+];
+const DescriptionListHeading = (_ref) => {
+	let { title, children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$76);
+	return /* @__PURE__ */ jsxs("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-description-list__heading", className),
+		children: [/* @__PURE__ */ jsx(Title, _objectSpread2({}, title)), children]
+	}));
+};
+DescriptionListHeading.displayName = "DescriptionList.Heading";
+
+//#endregion
+//#region src/components/DescriptionList/Item.tsx
+const _excluded$75 = ["children", "className"];
+const DescriptionListItem = (_ref) => {
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$75);
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn(`kern-description-list-item`, className),
+		children
+	}));
+};
+DescriptionListItem.displayName = "DescriptionList.Item";
+
+//#endregion
+//#region src/components/DescriptionList/Key.tsx
+const _excluded$74 = ["children", "className"];
+const DescriptionListKey = (_ref) => {
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$74);
+	return /* @__PURE__ */ jsx("dt", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-description-list-item__key", className),
+		children
+	}));
+};
+DescriptionListKey.displayName = "DescriptionList.Key";
+
+//#endregion
+//#region src/components/DescriptionList/Root.tsx
+const _excluded$73 = [
+	"variant",
+	"children",
+	"className"
+];
+const DescriptionListRoot = (_ref) => {
+	let { variant = "row", children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$73);
+	return /* @__PURE__ */ jsx("dl", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-description-list", variant === "column" && "kern-description-list--col", className),
+		children
+	}));
+};
+DescriptionListRoot.displayName = "DescriptionList.Root";
+
+//#endregion
+//#region src/components/DescriptionList/Value.tsx
+const _excluded$72 = ["children", "className"];
+const DescriptionListValue = (_ref) => {
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$72);
+	return /* @__PURE__ */ jsx("dd", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-description-list-item__value", className),
+		children
+	}));
+};
+DescriptionListValue.displayName = "DescriptionList.Value";
+
+//#endregion
+//#region src/components/DescriptionList/index.ts
+var DescriptionList_exports = /* @__PURE__ */ __export({
+	Heading: () => DescriptionListHeading,
+	Item: () => DescriptionListItem,
+	Key: () => DescriptionListKey,
+	Root: () => DescriptionListRoot,
+	Value: () => DescriptionListValue
+});
+
+//#endregion
+//#region src/components/Button/Button.tsx
+const _excluded$71 = [
+	"variant",
+	"isBlock",
+	"icon",
+	"iconOnly",
+	"iconLeft",
+	"text",
+	"children",
+	"className"
+];
+const getIcon = (iconProps) => iconProps ? /* @__PURE__ */ jsx(Icon, {
+	name: iconProps.name,
+	size: iconProps.size
+}) : null;
+const IconOnlyLabel = ({ labelText }) => {
+	if (!labelText) return null;
+	return /* @__PURE__ */ jsx("span", {
+		className: "kern-label kern-sr-only",
+		children: labelText.replace(/^./, (c) => c.toUpperCase())
+	});
+};
+const Button = (_ref) => {
+	let { variant = "primary", isBlock, icon, iconOnly, iconLeft, text, children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$71);
+	const classes = cn("kern-btn", isBlock && "kern-btn--block", `kern-btn--${variant}`, className);
+	const iconElement = getIcon(icon);
+	if (iconOnly) return /* @__PURE__ */ jsxs("button", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: classes,
+		children: [iconElement, /* @__PURE__ */ jsx(IconOnlyLabel, { labelText: text || (icon === null || icon === void 0 ? void 0 : icon.name) })]
+	}));
+	return /* @__PURE__ */ jsxs("button", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: classes,
+		children: [
+			iconLeft && iconElement,
+			text && /* @__PURE__ */ jsx("span", {
+				className: "kern-label",
+				children: children || text
+			}),
+			!iconLeft && iconElement
+		]
+	}));
+};
+Button.isInteractive = true;
+
+//#endregion
+//#region src/components/Dialog/Context.ts
+const DialogContext = createContext(null);
+const useDialogContext = () => {
+	const context = useContext(DialogContext);
+	if (!context) throw new Error("Dialog sub-components must be used within Dialog.Root");
+	return context;
+};
+
+//#endregion
+//#region src/components/Dialog/Button.tsx
+const _excluded$70 = ["onClick", "title"];
+const DialogButton = (_ref) => {
+	let { onClick, title } = _ref, props = _objectWithoutProperties(_ref, _excluded$70);
+	const { closeDialog } = useDialogContext();
+	return /* @__PURE__ */ jsx(Button, _objectSpread2(_objectSpread2({}, props), {}, {
+		text: title,
+		onClick: (e) => {
+			if (onClick) onClick(e, { closeDialog });
+			else closeDialog();
+		}
+	}));
+};
+DialogButton.displayName = "Dialog.Button";
+
+//#endregion
+//#region src/components/Dialog/Content.tsx
+const _excluded$69 = ["className", "children"];
+const DialogContent = (_ref) => {
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$69);
+	return /* @__PURE__ */ jsx("section", _objectSpread2(_objectSpread2({ className: cn("kern-dialog__body", className) }, rest), {}, { children: typeof children === "string" ? /* @__PURE__ */ jsx("p", {
+		className: "kern-body",
+		children
+	}) : children }));
+};
+DialogContent.displayName = "Dialog.Content";
+
+//#endregion
+//#region src/components/Dialog/Footer.tsx
+const _excluded$68 = ["className", "children"];
+const DialogFooter = (_ref) => {
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$68);
+	return /* @__PURE__ */ jsx("footer", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-dialog__footer", className),
+		children
+	}));
+};
+DialogFooter.displayName = "Dialog.Footer";
+
+//#endregion
+//#region src/components/Dialog/Header.tsx
+const _excluded$67 = [
+	"dialogTitle",
+	"hasCloseButton",
+	"aria-label",
+	"className"
+];
+const DialogHeader = (_ref) => {
+	let { dialogTitle, hasCloseButton = true, "aria-label": ariaLabel = "Schließen", className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$67);
+	const { closeDialog, id } = useDialogContext();
+	const headerClass = cn("kern-dialog__header", className);
+	return /* @__PURE__ */ jsxs("header", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: headerClass,
+		children: [/* @__PURE__ */ jsx("h2", {
+			id,
+			className: "kern-title kern-title--large",
+			children: dialogTitle
+		}), hasCloseButton && /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: "kern-btn kern-btn--tertiary",
+			onClick: closeDialog,
+			"aria-label": ariaLabel,
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "kern-icon kern-icon--close",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ jsx("span", {
+				className: "kern-sr-only",
+				children: ariaLabel
+			})]
+		})]
+	}));
+};
+DialogHeader.displayName = "Dialog.Header";
+
+//#endregion
+//#region src/components/Dialog/Modal.tsx
+const _excluded$66 = ["className", "children"];
+const DialogModal = (_ref) => {
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$66);
+	const { dialogRef, closeDialog, isOpen, disableOverlayClose, id } = useDialogContext();
+	const handleOverlayClick = (e) => {
+		if (disableOverlayClose && e.target === dialogRef.current) e.preventDefault();
+		else if (e.target === dialogRef.current) closeDialog();
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Escape") {
+			e.stopPropagation();
+			closeDialog();
+			return;
+		}
+		if (e.key !== "Tab") return;
+		const dialog = dialogRef.current;
+		if (!dialog) return;
+		const focusables = dialog.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])");
+		if (!focusables.length) return;
+		const first = focusables[0];
+		const last = focusables[focusables.length - 1];
+		if (e.shiftKey && document.activeElement === first) {
+			e.preventDefault();
+			last.focus();
+		} else if (!e.shiftKey && document.activeElement === last) {
+			e.preventDefault();
+			first.focus();
+		}
+	};
+	useEffect(() => {
+		var _focusables$;
+		if (!isOpen) return;
+		const dialog = dialogRef.current;
+		if (!dialog) return;
+		((_focusables$ = dialog.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])")[0]) !== null && _focusables$ !== void 0 ? _focusables$ : dialog).focus();
+	}, [isOpen, dialogRef]);
+	return /* @__PURE__ */ jsx("dialog", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-dialog", className),
+		ref: dialogRef,
+		onClick: handleOverlayClick,
+		onKeyDown: handleKeyDown,
+		open: isOpen,
+		"aria-labelledby": id,
+		"aria-modal": "true",
+		children: /* @__PURE__ */ jsx("form", {
+			method: "dialog",
+			className: "kern-dialog__form",
+			children
+		})
+	}));
+};
+DialogModal.displayName = "Dialog.Modal";
+
+//#endregion
+//#region src/components/Dialog/Root.tsx
+const _excluded$65 = [
+	"disableOverlayClose",
+	"children",
+	"id"
+];
+const DialogRoot = (_ref) => {
+	let { disableOverlayClose = false, children, id } = _ref, rest = _objectWithoutProperties(_ref, _excluded$65);
+	const [isOpen, setIsOpen] = useState(false);
+	const dialogRef = useRef(null);
+	const openDialog = () => {
+		var _dialogRef$current, _dialogRef$current$sh;
+		setIsOpen(true);
+		(_dialogRef$current = dialogRef.current) === null || _dialogRef$current === void 0 || (_dialogRef$current$sh = _dialogRef$current.showModal) === null || _dialogRef$current$sh === void 0 || _dialogRef$current$sh.call(_dialogRef$current);
+	};
+	const closeDialog = () => {
+		var _dialogRef$current2, _dialogRef$current2$c;
+		setIsOpen(false);
+		(_dialogRef$current2 = dialogRef.current) === null || _dialogRef$current2 === void 0 || (_dialogRef$current2$c = _dialogRef$current2.close) === null || _dialogRef$current2$c === void 0 || _dialogRef$current2$c.call(_dialogRef$current2);
+	};
+	const contextValue = {
+		isOpen,
+		openDialog,
+		closeDialog,
+		dialogRef,
+		disableOverlayClose,
+		id: id !== null && id !== void 0 ? id : "kern-modal"
+	};
+	return /* @__PURE__ */ jsx(DialogContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, { children }))
+	});
+};
+DialogRoot.displayName = "Dialog.Root";
+
+//#endregion
+//#region src/components/Dialog/Trigger.tsx
+const DialogTrigger = ({ children }) => {
+	const { openDialog } = useDialogContext();
+	if (React.isValidElement(children) && children.type === Button) {
+		var _children$props$class;
+		return React.cloneElement(children, {
+			onClick: (e) => {
+				if (children.props.onClick) children.props.onClick(e);
+				openDialog();
+			},
+			onKeyDown: (e) => {
+				if (children.props.onKeyDown) children.props.onKeyDown(e);
+				if (e.key === "Enter" || e.key === " ") {
+					e.preventDefault();
+					openDialog();
+				}
+			},
+			className: (_children$props$class = children.props.className) !== null && _children$props$class !== void 0 ? _children$props$class : ""
+		});
+	}
+	return /* @__PURE__ */ jsx("div", {
+		onClick: openDialog,
+		role: "button",
+		tabIndex: 0,
+		onKeyDown: (e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				openDialog();
+			}
+		},
+		children
+	});
+};
+DialogTrigger.displayName = "DialogTrigger";
+
+//#endregion
+//#region src/components/Dialog/index.ts
+var Dialog_exports = /* @__PURE__ */ __export({
+	Button: () => DialogButton,
+	Content: () => DialogContent,
+	Footer: () => DialogFooter,
+	Header: () => DialogHeader,
+	Modal: () => DialogModal,
+	Root: () => DialogRoot,
+	Trigger: () => DialogTrigger
+});
+
+//#endregion
+//#region src/components/Fieldset/Content.tsx
+const FieldsetContent = ({ children, horizontal, className, style }) => /* @__PURE__ */ jsx("div", {
+	className: cn(`kern-fieldset__body${horizontal ? " kern-fieldset__body--horizontal" : ""}`, className),
+	style,
+	children
+});
+FieldsetContent.displayName = "Fieldset.Content";
+
+//#endregion
+//#region src/components/Fieldset/Error.tsx
+const _excluded$64 = [
+	"children",
+	"className",
+	"id"
+];
+const FieldsetError = (_ref) => {
+	let { children, className, id } = _ref, rest = _objectWithoutProperties(_ref, _excluded$64);
+	const errorId = id || `error-${Math.random().toString(36).substr(2, 9)}`;
+	return /* @__PURE__ */ jsxs("p", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn(`kern-error`, className),
+		id: errorId,
+		role: "alert",
+		children: [/* @__PURE__ */ jsx(Icon, {
+			name: "danger",
+			size: "default"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "kern-body",
+			children
+		})]
+	}));
+};
+FieldsetError.displayName = "Fieldset.Error";
+
+//#endregion
+//#region src/components/Fieldset/Hint.tsx
+const _excluded$63 = [
+	"children",
+	"className",
+	"id"
+];
+const FieldsetHint = (_ref) => {
+	let { children, className, id } = _ref, rest = _objectWithoutProperties(_ref, _excluded$63);
+	const hintId = id || `hint-${Math.random().toString(36).substr(2, 9)}`;
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn(`kern-hint`, className),
+		id: hintId,
+		children
+	}));
+};
+FieldsetHint.displayName = "Fieldset.Hint";
+
+//#endregion
+//#region src/components/Fieldset/Legend.tsx
+const _excluded$62 = ["children", "hasOptionalLabel"];
+const FieldsetLegend = (_ref) => {
+	let { children, hasOptionalLabel } = _ref, rest = _objectWithoutProperties(_ref, _excluded$62);
+	return /* @__PURE__ */ jsxs("legend", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn(`kern-label`, rest.className),
+		children: [children, hasOptionalLabel && /* @__PURE__ */ jsx("span", {
+			className: "kern-label__optional",
+			children: "- Optional"
+		})]
+	}));
+};
+FieldsetLegend.displayName = "Fieldset.Legend";
+
+//#endregion
+//#region src/components/Input/Primitives/Checkbox/CheckboxInput.tsx
+const _excluded$61 = ["erroneous", "required"];
+const CheckboxInput$1 = forwardRef((_ref, ref) => {
+	let { erroneous = false, required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$61);
+	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
+		ref,
+		type: "checkbox",
+		required,
+		className: cn("kern-form-check__checkbox", erroneous && "kern-form-check__checkbox--error", rest.className)
+	}));
+});
+
+//#endregion
+//#region src/components/Input/Primitives/Email/EmailInput.tsx
+const _excluded$60 = [
+	"erroneous",
+	"autoComplete",
+	"required"
+];
+const EmailInput$1 = forwardRef((_ref, ref) => {
+	let { erroneous = false, autoComplete = "email", required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$60);
+	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
+		ref,
+		required,
+		type: "email",
+		autoComplete,
+		className: cn("kern-form-input__input", erroneous && "kern-form-input__input--error", rest.className)
+	}));
+});
+
+//#endregion
+//#region src/components/Input/Primitives/Error.tsx
+const _excluded$59 = ["className", "message"];
+const InputError = (_ref) => {
+	let { className, message } = _ref, props = _objectWithoutProperties(_ref, _excluded$59);
+	return /* @__PURE__ */ jsxs("p", _objectSpread2(_objectSpread2({
+		className: cn("kern-error", className),
+		role: "alert"
+	}, props), {}, { children: [/* @__PURE__ */ jsx(Icon, { name: "danger" }), /* @__PURE__ */ jsx("span", {
+		className: "kern-body",
+		children: message
+	})] }));
+};
+
+//#endregion
+//#region src/components/Input/Primitives/File/FileInput.tsx
+const _excluded$58 = [
+	"supportedFormats",
+	"erroneous",
+	"required"
+];
+const FileInput$1 = forwardRef((_ref, ref) => {
+	var _rest$accept;
+	let { supportedFormats = [], erroneous = false, required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$58);
+	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
+		ref,
+		type: "file",
+		required,
+		accept: (_rest$accept = rest.accept) !== null && _rest$accept !== void 0 ? _rest$accept : supportedFormats.join(","),
+		className: cn("kern-form-input__input", erroneous && "kern-form-input__input--error", rest.className)
+	}));
+});
+
+//#endregion
+//#region src/components/Input/Primitives/Hint.tsx
+const _excluded$57 = ["className", "children"];
+const Hint = (_ref) => {
+	let { className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$57);
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({ className: cn("kern-hint", className) }, props), {}, { children }));
+};
+
+//#endregion
+//#region src/components/Label/Label.tsx
+const _excluded$56 = [
+	"variant",
+	"textWrapper",
+	"className",
+	"children",
+	"text"
+];
+const Label = (_ref) => {
+	let { variant = "default", textWrapper = "label", className, children, text } = _ref, rest = _objectWithoutProperties(_ref, _excluded$56);
+	const Wrapper = textWrapper;
+	const labelClass = cn("kern-label", variant ? `kern-label--${variant}` : "", className, className);
+	return /* @__PURE__ */ jsx(Wrapper, _objectSpread2(_objectSpread2({ className: labelClass }, rest), {}, { children: text || children }));
+};
+
+//#endregion
+//#region src/components/Input/Primitives/Label.tsx
+const _excluded$55 = ["children", "isOptional"];
+const Label$1 = (_ref) => {
+	let { children, isOptional } = _ref, props = _objectWithoutProperties(_ref, _excluded$55);
+	return /* @__PURE__ */ jsxs(Label, _objectSpread2(_objectSpread2({ textWrapper: "label" }, props), {}, { children: [children, isOptional && /* @__PURE__ */ jsx("span", {
+		className: "kern-label__optional",
+		children: "– Optional"
+	})] }));
+};
+
+//#endregion
+//#region src/components/Input/Primitives/Password/PasswordInput.tsx
+const _excluded$54 = [
+	"erroneous",
+	"required",
+	"autoComplete"
+];
+const PasswordInput$1 = forwardRef((_ref, ref) => {
+	let { erroneous = false, required, autoComplete = "password" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$54);
+	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
+		ref,
+		type: "password",
+		required,
+		autoComplete,
+		className: cn("kern-form-input__input", erroneous && "kern-form-input__input--error", rest.className)
+	}));
+});
+
+//#endregion
+//#region src/components/Input/Primitives/Radio/RadioInput.tsx
+const _excluded$53 = [
+	"erroneous",
+	"required",
+	"autoComplete"
+];
+const RadioInput$1 = forwardRef((_ref, ref) => {
+	let { erroneous = false, required, autoComplete } = _ref, rest = _objectWithoutProperties(_ref, _excluded$53);
+	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
+		ref,
+		type: "radio",
+		required,
+		autoComplete,
+		className: cn("kern-form-check__radio", erroneous && "kern-form-check__radio--error", rest.className)
+	}));
+});
+
+//#endregion
+//#region src/components/Input/Primitives/Root.tsx
+const _excluded$52 = ["className", "erroneous"];
+const Root = (_ref) => {
+	let { className, erroneous } = _ref, props = _objectWithoutProperties(_ref, _excluded$52);
+	return /* @__PURE__ */ jsx("div", _objectSpread2({ className: cn("kern-form-input", erroneous && "kern-form-input--error", className) }, props));
+};
+
+//#endregion
+//#region src/components/Input/Primitives/Select/SelectInput.tsx
+const _excluded$51 = [
+	"erroneous",
+	"required",
+	"autoComplete",
+	"options"
+];
+const SelectInput$1 = forwardRef((_ref, ref) => {
+	let { erroneous = false, required, autoComplete = "", options = [] } = _ref, rest = _objectWithoutProperties(_ref, _excluded$51);
+	return /* @__PURE__ */ jsx("div", {
+		className: "kern-form-input__select-wrapper",
+		children: /* @__PURE__ */ jsx("select", _objectSpread2(_objectSpread2({}, rest), {}, {
+			ref,
+			className: cn("kern-form-input__select", erroneous && "kern-form-input__select--error", rest.className),
+			required,
+			autoComplete,
+			children: options.map((option) => /* @__PURE__ */ jsx("option", {
+				value: option.value,
+				children: option.label
+			}, option.value))
+		}))
+	});
+});
+
+//#endregion
+//#region src/components/Input/Primitives/Tel/TelInput.tsx
+const _excluded$50 = ["erroneous", "required"];
+const TelInput$1 = forwardRef((_ref, ref) => {
+	let { erroneous = false, required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$50);
+	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
+		ref,
+		required,
+		type: "tel",
+		autoComplete: "tel",
+		"aria-describedby": rest["aria-describedby"],
+		className: cn("kern-form-input__input", erroneous && "kern-form-input__input--error", rest.className)
+	}));
+});
+
+//#endregion
+//#region src/components/Input/Primitives/Text/TextInput.tsx
+const _excluded$49 = [
+	"erroneous",
+	"required",
+	"autoComplete"
+];
+const TextInput$1 = forwardRef((_ref, ref) => {
+	let { erroneous = false, required, autoComplete } = _ref, rest = _objectWithoutProperties(_ref, _excluded$49);
+	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
+		ref,
+		type: "text",
+		className: cn("kern-form-input__input", erroneous && "kern-form-input__input--error", rest.className),
+		required,
+		autoComplete
+	}));
+});
+
+//#endregion
+//#region src/components/Input/Primitives/Textarea/TextareaInput.tsx
+const _excluded$48 = [
+	"erroneous",
+	"required",
+	"autoComplete"
+];
+const TextareaInput$1 = forwardRef((_ref, ref) => {
+	let { erroneous = false, required, autoComplete } = _ref, rest = _objectWithoutProperties(_ref, _excluded$48);
+	return /* @__PURE__ */ jsx("textarea", _objectSpread2(_objectSpread2({}, rest), {}, {
+		ref,
+		required,
+		autoComplete,
+		className: cn("kern-form-input__input", erroneous && "kern-form-input__input--error", rest.className)
+	}));
+});
+
+//#endregion
+//#region src/components/Input/Primitives/Url/UrlInput.tsx
+const _excluded$47 = [
+	"erroneous",
+	"required",
+	"autoComplete"
+];
+const UrlInput$1 = forwardRef((_ref, ref) => {
+	let { erroneous = false, required, autoComplete = "url" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$47);
+	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
+		required,
+		autoComplete,
+		ref,
+		type: "url",
+		"aria-describedby": rest["aria-describedby"],
+		className: cn("kern-form-input__input", erroneous && "kern-form-input__input--error", rest.className)
+	}));
+});
+
+//#endregion
+//#region src/components/Input/Primitives/index.ts
+var Primitives_exports = /* @__PURE__ */ __export({
+	Checkbox: () => CheckboxInput$1,
+	Email: () => EmailInput$1,
+	Error: () => InputError,
+	File: () => FileInput$1,
+	Hint: () => Hint,
+	Label: () => Label$1,
+	Password: () => PasswordInput$1,
+	Radio: () => RadioInput$1,
+	Root: () => Root,
+	Select: () => SelectInput$1,
+	Tel: () => TelInput$1,
+	Text: () => TextInput$1,
+	Textarea: () => TextareaInput$1,
+	Url: () => UrlInput$1
+});
+
+//#endregion
+//#region src/components/Input/Checkbox/index.tsx
+const _excluded$46 = [
+	"id",
+	"error",
+	"disabled",
+	"hasOptionalLabel",
+	"label",
+	"className",
+	"style"
+];
+const CheckboxInput = (_ref) => {
+	let { id, error = false, disabled = false, hasOptionalLabel = false, label, className, style } = _ref, rest = _objectWithoutProperties(_ref, _excluded$46);
+	const isErrorString = typeof error === "string";
+	const errorId = `${id}-error`;
+	const describedBy = rest["aria-describedby"] ? [rest["aria-describedby"]] : [];
+	if (isErrorString) describedBy.push(errorId);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("kern-form-check", isErrorString && "kern-form-check--error", className),
+		style,
+		children: [
+			/* @__PURE__ */ jsx(CheckboxInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
+				id,
+				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
+				erroneous: isErrorString ? true : error,
+				disabled
+			})),
+			/* @__PURE__ */ jsx(Label$1, {
+				htmlFor: id,
+				isOptional: hasOptionalLabel,
+				children: label
+			}),
+			isErrorString && /* @__PURE__ */ jsx(InputError, {
+				id: errorId,
+				message: error
+			})
+		]
+	});
+};
+CheckboxInput.isInteractive = true;
+
+//#endregion
+//#region src/components/Fieldset/Root.tsx
+const FieldsetRoot = ({ children, id, className, style, error = false }) => {
+	const countCheckboxes = (children$1) => {
+		return React.Children.toArray(children$1).reduce((count, child) => {
+			if (React.isValidElement(child)) {
+				if (child.type === CheckboxInput) return count + 1;
+				if (child.props && child.props.children) return count + countCheckboxes(child.props.children);
+			}
+			return count;
+		}, 0);
+	};
+	const checkboxCount = countCheckboxes(children);
+	const hintText = checkboxCount ? `${checkboxCount} Optionen verfügbar.` : "hint-text kern-input-error";
+	return /* @__PURE__ */ jsx("fieldset", {
+		className: cn(`kern-fieldset`, error && "kern-fieldset--error", className),
+		style,
+		id,
+		role: "group",
+		"aria-describedby": hintText,
+		children
+	});
+};
+FieldsetRoot.displayName = "Fieldset.Root";
+
+//#endregion
+//#region src/components/Fieldset/index.ts
+var Fieldset_exports = /* @__PURE__ */ __export({
+	Content: () => FieldsetContent,
+	Error: () => FieldsetError,
+	Hint: () => FieldsetHint,
+	Legend: () => FieldsetLegend,
+	Root: () => FieldsetRoot
+});
+
+//#endregion
+//#region src/components/Grid/Column.tsx
+const _excluded$45 = [
+	"children",
+	"breakpoint",
+	"width",
+	"isOffset",
+	"offsetWidth",
+	"alignItem",
+	"className"
+];
+const GridColumn = (_ref) => {
+	let { children, breakpoint, width, isOffset, offsetWidth, alignItem, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$45);
+	const classes = cn(...[
+		isOffset && offsetWidth && breakpoint && width ? `kern-col-${width + offsetWidth} kern-col-${breakpoint}-${width} kern-col-${breakpoint}-offset-${offsetWidth}` : breakpoint && width ? `kern-col-${breakpoint}-${width}` : width ? `kern-col-${width}` : "kern-col",
+		alignItem ? `kern-align-self-${alignItem}` : "",
+		className
+	]);
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: classes,
+		children
+	}));
+};
+GridColumn.displayName = "Grid.Column";
+
+//#endregion
+//#region src/components/Grid/Root.tsx
+const _excluded$44 = [
+	"type",
+	"className",
+	"children"
+];
+const GridRoot = (_ref) => {
+	let { type, className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$44);
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn(type ? `kern-container-${type}` : "kern-container", className),
+		children
+	}));
+};
+GridRoot.displayName = "Grid.Root";
+
+//#endregion
+//#region src/components/Grid/Row.tsx
+const _excluded$43 = [
+	"children",
+	"alignItems",
+	"horizontalAlignment",
+	"className"
+];
+const GridRow = (_ref) => {
+	let { children, alignItems, horizontalAlignment, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$43);
+	const rowClasses = cn("kern-row", alignItems && `kern-align-items-${alignItems}`, horizontalAlignment && `kern-justify-content-${horizontalAlignment}`, className);
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: rowClasses,
+		children
+	}));
+};
+GridRow.displayName = "Grid.Row";
+
+//#endregion
+//#region src/components/Grid/index.ts
+var Grid_exports = /* @__PURE__ */ __export({
+	Column: () => GridColumn,
+	Root: () => GridRoot,
+	Row: () => GridRow
+});
+
+//#endregion
+//#region src/components/Lists/Root.tsx
+const _excluded$42 = [
+	"children",
+	"className",
+	"size",
+	"type"
+];
+const ListsRoot = (_ref) => {
+	let { children, className, size = "default", type = "bullet" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$42);
+	const Component = type === "number" ? "ol" : "ul";
+	const listClasses = cn("kern-list", size !== "default" && `kern-list--${size}`, type && `kern-list--${type}`, className);
+	return /* @__PURE__ */ jsx(Component, _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: listClasses,
+		children
+	}));
+};
+ListsRoot.displayName = "Lists.Root";
+
+//#endregion
+//#region src/components/Lists/Item.tsx
+const ListsItem = ({ children, text, className, style }) => /* @__PURE__ */ jsxs("li", {
+	className,
+	style,
+	children: [React.Children.map(children, (child) => React.isValidElement(child) ? React.cloneElement(child, { style: _objectSpread2(_objectSpread2({}, style), child.props && child.props.style) }) : child), text && /* @__PURE__ */ jsx("span", { children: text })]
+});
+ListsItem.displayName = "Lists.Item";
+
+//#endregion
+//#region src/components/Lists/Bullet.tsx
+const _excluded$41 = [
+	"title",
+	"items",
+	"className"
+];
+const ListsBullet = (_ref) => {
+	let { title, items, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$41);
+	return /* @__PURE__ */ jsxs("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn(className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "kern-body kern-body--bold",
+			children: title
+		}), /* @__PURE__ */ jsx("ul", {
+			className: "kern-list kern-list--bullet",
+			children: items.map((item, index) => /* @__PURE__ */ jsx("li", { children: item }, index))
+		})]
+	}));
+};
+ListsBullet.displayName = "Lists.Bullet";
+
+//#endregion
+//#region src/components/Lists/Number.tsx
+const _excluded$40 = [
+	"children",
+	"className",
+	"size",
+	"type"
+];
+const ListsNumber = (_ref) => {
+	let { children, className, size = "default", type } = _ref, rest = _objectWithoutProperties(_ref, _excluded$40);
+	return /* @__PURE__ */ jsx("ol", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-list", size && `kern-list--${size}`, type && `kern-list--${type}`, className),
+		children
+	}));
+};
+ListsNumber.displayName = "Lists.Number";
+
+//#endregion
+//#region src/components/Lists/index.ts
+var Lists_exports = /* @__PURE__ */ __export({
+	Bullet: () => ListsBullet,
+	Item: () => ListsItem,
+	Number: () => ListsNumber,
+	Root: () => ListsRoot
+});
+
+//#endregion
+//#region src/components/Progress/Root.tsx
+const _excluded$39 = [
+	"value",
+	"max",
+	"className",
+	"children",
+	"progressId"
+];
+const ProgressContext = React.createContext(null);
+const useProgressContext = () => {
+	const context = React.useContext(ProgressContext);
+	if (!context) throw new Error("Progress subcomponents must be used within Progress.Root");
+	return context;
+};
+const ProgressRoot = (_ref) => {
+	let { value = 0, max = 100, className, children, progressId: propProgressId } = _ref, rest = _objectWithoutProperties(_ref, _excluded$39);
+	const percentage = Math.round(value / max * 100);
+	const progressId = React.useMemo(() => propProgressId || `progress-${Math.random().toString(36).slice(2, 11)}`, [propProgressId]);
+	const contextValue = {
+		value,
+		max,
+		percentage,
+		progressId
+	};
+	return /* @__PURE__ */ jsx(ProgressContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+			className: cn("kern-progress", className),
+			children
+		}))
+	});
+};
+ProgressRoot.displayName = "Progress.Root";
+
+//#endregion
+//#region src/components/Progress/Bar.tsx
+const _excluded$38 = ["className", "aria-label"];
+const ProgressBar = (_ref) => {
+	let { className, "aria-label": ariaLabel } = _ref, rest = _objectWithoutProperties(_ref, _excluded$38);
+	const { value, max, progressId } = useProgressContext();
+	return /* @__PURE__ */ jsx("progress", _objectSpread2(_objectSpread2({}, rest), {}, {
+		id: progressId,
+		value,
+		"aria-label": ariaLabel || `Progress: ${value.toString()}%`,
+		max,
+		className
+	}));
+};
+ProgressBar.displayName = "Progress.Bar";
+
+//#endregion
+//#region src/components/Progress/Cancel.tsx
+const _excluded$37 = ["children", "onCancel"];
+const ProgressCancel = (_ref) => {
+	let { children = "Abbrechen", onCancel } = _ref, rest = _objectWithoutProperties(_ref, _excluded$37);
+	return /* @__PURE__ */ jsx(Button, _objectSpread2(_objectSpread2({}, rest), {}, {
+		variant: "tertiary",
+		text: typeof children === "string" ? children : void 0,
+		icon: {
+			name: "close",
+			size: "small"
+		},
+		iconLeft: true,
+		onClick: onCancel,
+		children: typeof children !== "string" ? children : void 0
+	}));
+};
+ProgressCancel.displayName = "Progress.Cancel";
+
+//#endregion
+//#region src/components/Progress/Header.tsx
+const ProgressHeader = ({ className, style, children }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("kern-progress__header", className),
+		style: _objectSpread2({
+			display: "flex",
+			width: "100%",
+			justifyContent: "space-between",
+			alignItems: "center"
+		}, style),
+		children
+	});
+};
+ProgressHeader.displayName = "Progress.Header";
+
+//#endregion
+//#region src/components/Progress/Label.tsx
+const _excluded$36 = ["className", "children"];
+const ProgressLabel = (_ref) => {
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$36);
+	const { progressId } = useProgressContext();
+	return /* @__PURE__ */ jsx("label", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-label", className),
+		htmlFor: progressId,
+		children
+	}));
+};
+ProgressLabel.displayName = "Progress.Label";
+
+//#endregion
+//#region src/components/Progress/Percentage.tsx
+const ProgressPercentage = ({ className, style, formatter }) => {
+	const { percentage } = useProgressContext();
+	const displayText = formatter ? formatter(percentage) : `${percentage}%`;
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("kern-body--small", className),
+		style: _objectSpread2({ color: "var(--kern-color-layout-text-muted, #404565)" }, style),
+		children: displayText
+	});
+};
+ProgressPercentage.displayName = "Progress.Percentage";
+
+//#endregion
+//#region src/components/Progress/index.ts
+var Progress_exports = /* @__PURE__ */ __export({
+	Bar: () => ProgressBar,
+	Cancel: () => ProgressCancel,
+	Header: () => ProgressHeader,
+	Label: () => ProgressLabel,
+	Percentage: () => ProgressPercentage,
+	Root: () => ProgressRoot
+});
+
+//#endregion
+//#region src/components/Summary/Heading.tsx
+const _excluded$35 = [
+	"title",
+	"number",
+	"className"
+];
+const SummaryHeading = (_ref) => {
+	var _useContext;
+	let { title, number, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$35);
+	const headingID = (_useContext = useContext(SummaryContext)) === null || _useContext === void 0 ? void 0 : _useContext.headingID;
+	return /* @__PURE__ */ jsxs("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-summary__header", className),
+		children: [number && /* @__PURE__ */ jsx("span", {
+			className: "kern-number",
+			children: number
+		}), title && /* @__PURE__ */ jsx(Title, _objectSpread2(_objectSpread2({}, title), {}, { id: headingID }))]
+	}));
+};
+SummaryHeading.displayName = "Summary.Heading";
+
+//#endregion
+//#region src/components/Summary/Root.tsx
+const _excluded$34 = [
+	"variant",
+	"headingID",
+	"children",
+	"className",
+	"style"
+];
+const SummaryContext = React.createContext(null);
+const useSummaryContext = () => {
+	const context = React.useContext(SummaryContext);
+	if (!context) throw new Error("Summary subcomponents must be used within Summary.Root");
+	return context;
+};
+const SummaryRoot = (_ref) => {
+	let { variant = "row", headingID, children, className = "", style = {} } = _ref, rest = _objectWithoutProperties(_ref, _excluded$34);
+	if (!React.Children.toArray(children).some((child) => React.isValidElement(child) && child.type === SummaryHeading)) throw new Error("Summary requires a Summary.Heading subcomponent.");
+	const contextValue = { headingID };
+	const summaryClass = cn("kern-summary", variant === "column" && "kern-description-list--col", className);
+	return /* @__PURE__ */ jsx(SummaryContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+			className: summaryClass,
+			style,
+			children
+		}))
+	});
+};
+SummaryRoot.displayName = "Summary.Root";
+
+//#endregion
+//#region src/components/Summary/Actions.tsx
+const _excluded$33 = ["children", "className"];
+const SummaryActions = (_ref) => {
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$33);
+	const headingID = useSummaryContext().headingID;
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-summary__actions", className),
+		children: React.Children.map(children, (child) => React.isValidElement(child) ? React.cloneElement(child, { "aria-describedBy": headingID }) : child)
+	}));
+};
+SummaryActions.displayName = "Summary.Actions";
+
+//#endregion
+//#region src/components/Summary/Body.tsx
+const _excluded$32 = ["children", "className"];
+const SummaryBody = (_ref) => {
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$32);
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-summary__body", className),
+		children
+	}));
+};
+SummaryBody.displayName = "Summary.Body";
+
+//#endregion
+//#region src/components/Summary/Group.tsx
+const _excluded$31 = ["children", "className"];
+const SummaryGroup = (_ref) => {
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$31);
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-summary-group", className),
+		children
+	}));
+};
+SummaryGroup.displayName = "Summary.Group";
+
+//#endregion
+//#region src/components/Heading/Heading.tsx
+const _excluded$30 = [
+	"className",
+	"headerElement",
+	"type",
+	"title",
+	"children"
+];
+const Heading = (_ref) => {
+	let { className, headerElement = "h1", type, title, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$30);
+	const Wrapper = headerElement;
+	const headingClass = cn(`kern-heading-${type}`, className);
+	return /* @__PURE__ */ jsx(Wrapper, _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: headingClass,
+		children: children || title
+	}));
+};
+
+//#endregion
+//#region src/components/Summary/GroupHeading.tsx
+const _excluded$29 = ["heading", "className"];
+const SummaryGroupHeading = (_ref) => {
+	let { heading, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$29);
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-summary-group__header", className),
+		children: /* @__PURE__ */ jsx(Heading, _objectSpread2({}, heading))
+	}));
+};
+SummaryGroupHeading.displayName = "Summary.GroupHeading";
+
+//#endregion
+//#region src/components/Summary/index.ts
+var Summary_exports = /* @__PURE__ */ __export({
+	Actions: () => SummaryActions,
+	Body: () => SummaryBody,
+	Group: () => SummaryGroup,
+	GroupHeading: () => SummaryGroupHeading,
+	Heading: () => SummaryHeading,
+	Root: () => SummaryRoot
+});
+
+//#endregion
+//#region src/components/Table/Body.tsx
+const _excluded$28 = ["children", "className"];
+const TableBody = (_ref) => {
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$28);
+	return /* @__PURE__ */ jsx("tbody", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-table__body", className),
+		children
+	}));
+};
+TableBody.displayName = "Table.Body";
+
+//#endregion
+//#region src/components/Table/Cell.tsx
+const _excluded$27 = [
+	"numeric",
+	"children",
+	"className"
+];
+const TableCell = (_ref) => {
+	let { numeric, children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$27);
+	const cellClasses = cn("kern-table__cell", numeric ? "kern-table__cell--numeric" : "", className);
+	return /* @__PURE__ */ jsx("td", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cellClasses,
+		children
+	}));
+};
+TableCell.displayName = "Table.Cell";
+
+//#endregion
+//#region src/components/Table/Column.tsx
+const _excluded$26 = [
+	"numeric",
+	"scope",
+	"children",
+	"className"
+];
+const TableColumn = (_ref) => {
+	let { numeric, scope, children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$26);
+	const columnClasses = cn("kern-table__header", numeric ? "kern-table__header--numeric" : "", className);
+	return /* @__PURE__ */ jsx("th", _objectSpread2(_objectSpread2({}, rest), {}, {
+		scope,
+		className: columnClasses,
+		children
+	}));
+};
+TableColumn.displayName = "Table.Column";
+
+//#endregion
+//#region src/components/Table/Footer.tsx
+const _excluded$25 = ["children", "className"];
+const TableFooter = (_ref) => {
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$25);
+	return /* @__PURE__ */ jsx("tfoot", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-table__footer", className),
+		children
+	}));
+};
+TableFooter.displayName = "Table.Footer";
+
+//#endregion
+//#region src/components/Table/Header.tsx
+const _excluded$24 = ["children", "className"];
+const TableHeader = (_ref) => {
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$24);
+	return /* @__PURE__ */ jsx("thead", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-table__head", className),
+		children
+	}));
+};
+TableHeader.displayName = "Table.Header";
+
+//#endregion
+//#region src/components/Table/Root.tsx
+const _excluded$23 = [
+	"caption",
+	"striped",
+	"responsive",
+	"variant",
+	"children",
+	"className"
+];
+const TableRoot = (_ref) => {
+	let { caption = "", striped = false, responsive = false, variant = "default", children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$23);
+	const captionId = useId();
+	const tableClasses = cn("kern-table", striped ? "kern-table--striped" : "", variant === "small" ? "kern-table--small" : "", className);
+	const table = /* @__PURE__ */ jsxs("table", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: tableClasses,
+		"aria-describedby": caption ? captionId : void 0,
+		children: [caption && /* @__PURE__ */ jsx("caption", {
+			id: captionId,
+			className: "kern-title",
+			children: caption
+		}), children]
+	}));
+	return responsive ? /* @__PURE__ */ jsx("div", {
+		className: "kern-table-responsive",
+		tabIndex: 0,
+		children: table
+	}) : table;
+};
+TableRoot.displayName = "Table.Root";
+
+//#endregion
+//#region src/components/Table/Row.tsx
+const _excluded$22 = ["children", "className"];
+const TableRow = (_ref) => {
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$22);
+	return /* @__PURE__ */ jsx("tr", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-table__row", className),
+		children
+	}));
+};
+TableRow.displayName = "Table.Row";
+
+//#endregion
+//#region src/components/Table/index.ts
+var Table_exports = /* @__PURE__ */ __export({
+	Body: () => TableBody,
+	Cell: () => TableCell,
+	Column: () => TableColumn,
+	Footer: () => TableFooter,
+	Header: () => TableHeader,
+	Root: () => TableRoot,
+	Row: () => TableRow
+});
+
+//#endregion
+//#region src/components/TaskList/Item.tsx
+const TaskListItem = ({ number, title, href, asParagraph = false, status, statusLabel, titleId, statusId, stretchedLink = true, className = "", style = {} }) => {
+	const linkClasses = cn("kern-link", stretchedLink && "kern-link--stretched");
+	const isInteractive = !!href && !asParagraph;
+	const isNonInteractive = asParagraph || !href;
+	const describedBy = status && statusId ? statusId : void 0;
+	return /* @__PURE__ */ jsxs("li", {
+		className: cn("kern-task-list__item", className),
+		style,
+		tabIndex: isNonInteractive ? -1 : void 0,
+		"data-noninteractive": isNonInteractive ? "true" : void 0,
+		onMouseDown: isNonInteractive ? (e) => e.currentTarget.focus() : void 0,
+		children: [number !== void 0 && number !== null ? /* @__PURE__ */ jsx("span", {
+			className: "kern-number",
+			children: number
+		}) : null, /* @__PURE__ */ jsxs("div", {
+			className: "kern-task-list__title",
+			id: titleId,
+			children: [asParagraph ? /* @__PURE__ */ jsx("p", {
+				className: "kern-body",
+				"aria-describedby": describedBy,
+				onMouseDown: (e) => e.currentTarget.focus(),
+				children: title
+			}) : isInteractive ? /* @__PURE__ */ jsx("a", {
+				href,
+				className: linkClasses,
+				"aria-describedby": describedBy,
+				children: title
+			}) : /* @__PURE__ */ jsx("span", {
+				className: "kern-link",
+				"aria-describedby": describedBy,
+				tabIndex: -1,
+				"data-noninteractive": "true",
+				onMouseDown: (e) => e.currentTarget.focus(),
+				children: title
+			}), status && statusLabel ? /* @__PURE__ */ jsx("div", {
+				className: "kern-task-list__status",
+				id: statusId,
+				children: /* @__PURE__ */ jsxs("span", {
+					className: cn("kern-badge", `kern-badge--${status}`),
+					children: [status === "success" && /* @__PURE__ */ jsx("span", {
+						className: cn("kern-icon", "kern-icon--success", "kern-icon--sm"),
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ jsx("span", {
+						className: "kern-label kern-label--small",
+						children: statusLabel
+					})]
+				})
+			}) : null]
+		})]
+	});
+};
+TaskListItem.displayName = "TaskList.Item";
+
+//#endregion
+//#region src/components/TaskList/List.tsx
+const _excluded$21 = [
+	"children",
+	"items",
+	"className",
+	"style"
+];
+const TaskList$1 = (_ref) => {
+	let { children, items, className, style } = _ref, rest = _objectWithoutProperties(_ref, _excluded$21);
+	const listRef = useRef(null);
+	const onKeyDown = useCallback((e) => {
+		var _ref2, _list$closest;
+		const list = listRef.current;
+		if (!list) return;
+		const boundary = (_ref2 = (_list$closest = list.closest("[data-tasklist-group]")) !== null && _list$closest !== void 0 ? _list$closest : list.closest("[data-tasklist-root]")) !== null && _ref2 !== void 0 ? _ref2 : list;
+		if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+			const nonInteractive = Array.from(boundary.querySelectorAll("li[data-noninteractive=\"true\"]"));
+			if (!nonInteractive.length) return;
+			const target = document.activeElement || e.target;
+			const currentIndex = nonInteractive.findIndex((el) => el === target || el.contains(target));
+			if (currentIndex === -1) {
+				e.preventDefault();
+				if (e.key === "ArrowDown") {
+					const nextEl = nonInteractive.find((el) => !!(target.compareDocumentPosition(el) & Node.DOCUMENT_POSITION_FOLLOWING));
+					(nextEl !== null && nextEl !== void 0 ? nextEl : nonInteractive[0]).focus();
+				} else {
+					var _prevEl;
+					let prevEl;
+					for (let i = nonInteractive.length - 1; i >= 0; i--) {
+						const el = nonInteractive[i];
+						if (target.compareDocumentPosition(el) & Node.DOCUMENT_POSITION_PRECEDING) {
+							prevEl = el;
+							break;
+						}
+					}
+					((_prevEl = prevEl) !== null && _prevEl !== void 0 ? _prevEl : nonInteractive[nonInteractive.length - 1]).focus();
+				}
+				return;
+			}
+			e.preventDefault();
+			const dir = e.key === "ArrowDown" ? 1 : -1;
+			const nextIndex = (currentIndex + dir + nonInteractive.length) % nonInteractive.length;
+			nonInteractive[nextIndex].focus();
+			return;
+		}
+	}, []);
+	return /* @__PURE__ */ jsx("ul", _objectSpread2(_objectSpread2({}, rest), {}, {
+		ref: listRef,
+		onKeyDown,
+		className: cn("kern-task-list__list", className),
+		style,
+		children: items ? items.map((rest$1, i) => /* @__PURE__ */ jsx(TaskListItem, _objectSpread2({}, rest$1), i)) : children
+	}));
+};
+TaskList$1.displayName = "TaskList.List";
+
+//#endregion
+//#region src/components/TaskList/Group.tsx
+const _excluded$20 = [
+	"children",
+	"className",
+	"style"
+];
+const TaskListGroup = (_ref) => {
+	let { children, className, style } = _ref, rest = _objectWithoutProperties(_ref, _excluded$20);
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		"data-tasklist-group": true,
+		className: cn("kern-task-list-group", className),
+		style,
+		children
+	}));
+};
+TaskListGroup.displayName = "TaskList.Group";
+
+//#endregion
+//#region src/components/TaskList/Heading.tsx
+const TaskListHeading = ({ title, type = "medium", headerElement = "h2", className = "", style = {} }) => /* @__PURE__ */ jsx("div", {
+	className: cn("kern-task-list__header", className),
+	style,
+	children: /* @__PURE__ */ jsx(Heading, {
+		headerElement,
+		type,
+		title
+	})
+});
+TaskListHeading.displayName = "TaskList.Heading";
+
+//#endregion
+//#region src/components/TaskList/Root.tsx
+const _excluded$19 = ["children", "className"];
+const TaskListRoot = (_ref) => {
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$19);
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-task-list", className),
+		children
+	}));
+};
+TaskListRoot.displayName = "TaskList.Root";
+
+//#endregion
+//#region src/components/TaskList/index.ts
+var TaskList_exports = /* @__PURE__ */ __export({
+	Group: () => TaskListGroup,
+	Heading: () => TaskListHeading,
+	Item: () => TaskListItem,
+	List: () => TaskList$1,
+	Root: () => TaskListRoot
+});
+
+//#endregion
+//#region src/components/Badge/Badge.tsx
+const _excluded$18 = [
+	"title",
+	"variant",
+	"className",
+	"icon",
+	"showIcon"
+];
+const Badge = (_ref) => {
+	let { title, variant, className, icon, showIcon = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$18);
+	return /* @__PURE__ */ jsxs("span", _objectSpread2(_objectSpread2({}, rest), {}, {
+		role: "status",
+		className: cn(`kern-badge kern-badge--${variant}`, className),
+		children: [showIcon && /* @__PURE__ */ jsx(Icon, _objectSpread2(_objectSpread2({}, icon), {}, {
+			"aria-hidden": true,
+			name: variant
+		})), /* @__PURE__ */ jsxs("span", {
+			className: "kern-label kern-label-small",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "kern-label kern-sr-only",
+				children: variant.replace(/^./, (c) => c.toUpperCase())
+			}), title]
+		})]
+	}));
+};
+
+//#endregion
+//#region src/components/Body/Body.tsx
+const _excluded$17 = [
+	"isBold",
+	"isMuted",
+	"size",
+	"children",
+	"text",
+	"className"
+];
+const Body = (_ref) => {
+	let { isBold, isMuted, size, children, text, className } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$17);
+	const textClasses = cn("kern-body", size && `kern-body--${size}`, isBold && "kern-body--bold", isMuted && "kern-body--muted", className);
+	return /* @__PURE__ */ jsx("p", _objectSpread2(_objectSpread2({ className: textClasses }, restProps), {}, { children: children || text }));
+};
+
+//#endregion
+//#region src/components/Divider/Divider.tsx
+const _excluded$16 = ["className"];
+const Divider = (_ref) => {
+	let { className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$16);
+	return /* @__PURE__ */ jsx("hr", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-divider", className),
+		"aria-hidden": "true"
+	}));
+};
+
+//#endregion
+//#region src/components/Input/Date/index.tsx
+const _excluded$15 = [
+	"id",
+	"error",
+	"label",
+	"dateType",
+	"hasOptionalLabel"
+];
+const dateInputClassNames = {
+	day: "kern-form-input__input--width-2",
+	month: "kern-form-input__input--width-2",
+	year: "kern-form-input__input--width-4"
+};
+const DateInput = (_ref) => {
+	let { id, error = false, label, dateType, hasOptionalLabel = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$15);
+	const describedBy = rest["aria-describedby"] ? [rest["aria-describedby"]] : [];
+	return /* @__PURE__ */ jsxs(Root, {
+		erroneous: false,
+		children: [/* @__PURE__ */ jsx(Label$1, {
+			htmlFor: id,
+			isOptional: hasOptionalLabel,
+			children: label
+		}), /* @__PURE__ */ jsx(TextInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
+			className: dateInputClassNames[dateType],
+			id,
+			inputMode: "numeric",
+			"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
+			erroneous: error
+		}))]
+	});
+};
+DateInput.isInteractive = true;
+
+//#endregion
+//#region src/components/Input/Email/index.tsx
+const _excluded$14 = [
+	"id",
+	"error",
+	"hintText",
+	"label",
+	"hasOptionalLabel"
+];
+const EmailInput = (_ref) => {
+	let { id, error = false, hintText, label, hasOptionalLabel = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$14);
+	const errorId = `${id}-error`;
+	const hintId = `${id}-hint`;
+	const isErrorString = typeof error === "string";
+	const hasHint = Boolean(hintText);
+	const describedBy = rest["aria-describedby"] ? [rest["aria-describedby"]] : [];
+	if (isErrorString) describedBy.push(errorId);
+	if (hasHint) describedBy.push(hintId);
+	return /* @__PURE__ */ jsxs(Root, {
+		erroneous: isErrorString,
+		children: [
+			/* @__PURE__ */ jsx(Label$1, {
+				htmlFor: id,
+				isOptional: hasOptionalLabel,
+				children: label
+			}),
+			hasHint && /* @__PURE__ */ jsx(Hint, {
+				id: hintId,
+				children: hintText
+			}),
+			/* @__PURE__ */ jsx(EmailInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
+				id,
+				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
+				erroneous: isErrorString ? true : error
+			})),
+			isErrorString && /* @__PURE__ */ jsx(InputError, {
+				id: errorId,
+				message: error
+			})
+		]
+	});
+};
+EmailInput.isInteractive = true;
+
+//#endregion
+//#region src/components/Input/File/index.tsx
+const _excluded$13 = [
+	"id",
+	"errorMessage",
+	"hintText",
+	"title",
+	"supportedFormats",
+	"hasOptionalLabel"
+];
+const FileInput = (_ref) => {
+	let { id, errorMessage, hintText, title, supportedFormats, hasOptionalLabel = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$13);
+	const errorId = `${id}-error`;
+	const hintId = `${id}-hint`;
+	const erroneous = Boolean(errorMessage);
+	const hasHint = Boolean(hintText) || supportedFormats && supportedFormats.length > 0;
+	const describedBy = rest["aria-describedby"] ? [rest["aria-describedby"]] : [];
+	if (errorMessage) describedBy.push(errorId);
+	if (hasHint) describedBy.push(hintId);
+	return /* @__PURE__ */ jsxs(Root, {
+		erroneous,
+		children: [
+			/* @__PURE__ */ jsx(Label$1, {
+				htmlFor: id,
+				isOptional: hasOptionalLabel,
+				children: title
+			}),
+			hasHint && /* @__PURE__ */ jsx(Hint, {
+				id: hintId,
+				children: hintText || `Erlaubte Formate: ${supportedFormats.join(", ")}`
+			}),
+			/* @__PURE__ */ jsx(FileInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
+				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
+				erroneous,
+				supportedFormats
+			})),
+			errorMessage && /* @__PURE__ */ jsx(InputError, {
+				id: errorId,
+				message: errorMessage
+			})
+		]
+	});
+};
+FileInput.isInteractive = true;
+
+//#endregion
+//#region src/components/Input/Number/index.tsx
+const _excluded$12 = [
+	"id",
+	"error",
+	"hintText",
+	"label",
+	"hasOptionalLabel"
+];
+const NumberInput = (_ref) => {
+	let { id, error = false, hintText, label, hasOptionalLabel = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$12);
+	const errorId = `${id}-error`;
+	const hintId = `${id}-hint`;
+	const isErrorString = typeof error === "string";
+	const hasHint = Boolean(hintText);
+	const describedBy = rest["aria-describedby"] ? [rest["aria-describedby"]] : [];
+	if (isErrorString) describedBy.push(errorId);
+	if (hasHint) describedBy.push(hintId);
+	return /* @__PURE__ */ jsxs(Root, {
+		erroneous: isErrorString,
+		children: [
+			/* @__PURE__ */ jsx(Label$1, {
+				htmlFor: id,
+				isOptional: hasOptionalLabel,
+				children: label
+			}),
+			hasHint && /* @__PURE__ */ jsx(Hint, {
+				id: hintId,
+				children: hintText
+			}),
+			/* @__PURE__ */ jsx(TextInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
+				id,
+				inputMode: "numeric",
+				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
+				erroneous: isErrorString ? true : error
+			})),
+			isErrorString && /* @__PURE__ */ jsx(InputError, {
+				id: errorId,
+				message: error
+			})
+		]
+	});
+};
+NumberInput.isInteractive = true;
+
+//#endregion
+//#region src/components/Input/Password/index.tsx
+const _excluded$11 = [
+	"id",
+	"error",
+	"hintText",
+	"label",
+	"hasOptionalLabel"
+];
+const PasswordInput = (_ref) => {
+	let { id, error = false, hintText, label, hasOptionalLabel = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$11);
+	const errorId = `${id}-error`;
+	const hintId = `${id}-hint`;
+	const isErrorString = typeof error === "string";
+	const hasHint = Boolean(hintText);
+	const describedBy = rest["aria-describedby"] ? [rest["aria-describedby"]] : [];
+	if (isErrorString) describedBy.push(errorId);
+	if (hasHint) describedBy.push(hintId);
+	return /* @__PURE__ */ jsxs(Root, {
+		erroneous: isErrorString,
+		children: [
+			/* @__PURE__ */ jsx(Label$1, {
+				htmlFor: id,
+				isOptional: hasOptionalLabel,
+				children: label
+			}),
+			hasHint && /* @__PURE__ */ jsx(Hint, {
+				id: hintId,
+				children: hintText
+			}),
+			/* @__PURE__ */ jsx(PasswordInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
+				id,
+				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
+				erroneous: isErrorString ? true : error
+			})),
+			isErrorString && /* @__PURE__ */ jsx(InputError, {
+				id: errorId,
+				message: error
+			})
+		]
+	});
+};
+PasswordInput.isInteractive = true;
+
+//#endregion
+//#region src/components/Input/Radio/index.tsx
+const _excluded$10 = [
+	"id",
+	"error",
+	"disabled",
+	"label",
+	"className",
+	"hasOptionalLabel"
+];
+const RadioInput = (_ref) => {
+	let { id, error = false, disabled = false, label, className = "", hasOptionalLabel = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$10);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("kern-form-check", className),
+		children: [/* @__PURE__ */ jsx(RadioInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
+			id,
+			erroneous: error,
+			disabled
+		})), /* @__PURE__ */ jsx(Label$1, {
+			htmlFor: id,
+			isOptional: hasOptionalLabel,
+			children: label
+		})]
+	});
+};
+RadioInput.isInteractive = true;
+
+//#endregion
+//#region src/components/Input/Select/index.tsx
+const _excluded$9 = [
+	"id",
+	"errorMessage",
+	"hintText",
+	"label",
+	"hasOptionalLabel",
+	"options"
+];
+const SelectInput = (_ref) => {
+	let { id, errorMessage, hintText, label, hasOptionalLabel = false, options = [] } = _ref, props = _objectWithoutProperties(_ref, _excluded$9);
+	const errorId = `${id}-error`;
+	const hintId = `${id}-hint`;
+	const erroneous = Boolean(errorMessage);
+	const hasHint = Boolean(hintText);
+	const describedBy = props["aria-describedby"] ? [props["aria-describedby"]] : [];
+	if (errorMessage) describedBy.push(errorId);
+	if (hasHint) describedBy.push(hintId);
+	return /* @__PURE__ */ jsxs(Root, {
+		erroneous,
+		children: [
+			/* @__PURE__ */ jsx(Label$1, {
+				htmlFor: id,
+				isOptional: hasOptionalLabel,
+				children: label
+			}),
+			hasHint && /* @__PURE__ */ jsx(Hint, {
+				id: hintId,
+				children: hintText
+			}),
+			/* @__PURE__ */ jsx(SelectInput$1, _objectSpread2(_objectSpread2({}, props), {}, {
+				id,
+				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
+				erroneous,
+				options
+			})),
+			errorMessage && /* @__PURE__ */ jsx(InputError, {
+				id: errorId,
+				message: errorMessage
+			})
+		]
+	});
+};
+SelectInput.isInteractive = true;
+
+//#endregion
+//#region src/components/Input/Tel/index.tsx
+const _excluded$8 = [
+	"id",
+	"error",
+	"hintText",
+	"label",
+	"hasOptionalLabel"
+];
+const TelInput = (_ref) => {
+	let { id, error = false, hintText, label, hasOptionalLabel = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$8);
+	const errorId = `${id}-error`;
+	const hintId = `${id}-hint`;
+	const isErrorString = typeof error === "string";
+	const hasHint = Boolean(hintText);
+	const describedBy = rest["aria-describedby"] ? [rest["aria-describedby"]] : [];
+	if (isErrorString) describedBy.push(errorId);
+	if (hasHint) describedBy.push(hintId);
+	return /* @__PURE__ */ jsxs(Root, {
+		erroneous: isErrorString,
+		children: [
+			/* @__PURE__ */ jsx(Label$1, {
+				htmlFor: id,
+				isOptional: hasOptionalLabel,
+				children: label
+			}),
+			hasHint && /* @__PURE__ */ jsx(Hint, {
+				id: hintId,
+				children: hintText
+			}),
+			/* @__PURE__ */ jsx(TelInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
+				id,
+				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
+				erroneous: isErrorString ? true : error
+			})),
+			isErrorString && /* @__PURE__ */ jsx(InputError, {
+				id: errorId,
+				message: error
+			})
+		]
+	});
+};
+TelInput.isInteractive = true;
+
+//#endregion
+//#region src/components/Input/Text/index.tsx
+const _excluded$7 = [
+	"id",
+	"hintText",
+	"label",
+	"error",
+	"hasOptionalLabel"
+];
+const TextInput = (_ref) => {
+	let { id, hintText, label, error = false, hasOptionalLabel = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$7);
+	const isErrorString = typeof error === "string";
+	const errorId = `${id}-error`;
+	const hintId = `${id}-hint`;
+	const hasHint = Boolean(hintText);
+	const describedBy = rest["aria-describedby"] ? [rest["aria-describedby"]] : [];
+	if (isErrorString) describedBy.push(errorId);
+	if (hasHint) describedBy.push(hintId);
+	return /* @__PURE__ */ jsxs(Root, {
+		erroneous: isErrorString,
+		children: [
+			/* @__PURE__ */ jsx(Label$1, {
+				htmlFor: id,
+				isOptional: hasOptionalLabel,
+				children: label
+			}),
+			hasHint && /* @__PURE__ */ jsx(Hint, {
+				id: hintId,
+				children: hintText
+			}),
+			/* @__PURE__ */ jsx(TextInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
+				id,
+				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
+				erroneous: isErrorString ? true : error
+			})),
+			isErrorString && /* @__PURE__ */ jsx(InputError, {
+				id: errorId,
+				message: error
+			})
+		]
+	});
+};
+TextInput.isInteractive = true;
+
+//#endregion
+//#region src/components/Input/Textarea/index.tsx
+const _excluded$6 = [
+	"id",
+	"error",
+	"hintText",
+	"label",
+	"hasOptionalLabel"
+];
+const TextareaInput = (_ref) => {
+	let { id, error = false, hintText, label, hasOptionalLabel = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$6);
+	const errorId = `${id}-error`;
+	const hintId = `${id}-hint`;
+	const isErrorString = typeof error === "string";
+	const hasHint = Boolean(hintText);
+	const describedBy = rest["aria-describedby"] ? [rest["aria-describedby"]] : [];
+	if (isErrorString) describedBy.push(errorId);
+	if (hasHint) describedBy.push(hintId);
+	return /* @__PURE__ */ jsxs(Root, {
+		erroneous: isErrorString,
+		children: [
+			/* @__PURE__ */ jsx(Label$1, {
+				htmlFor: id,
+				isOptional: hasOptionalLabel,
+				children: label
+			}),
+			hasHint && /* @__PURE__ */ jsx(Hint, {
+				id: hintId,
+				children: hintText
+			}),
+			/* @__PURE__ */ jsx(TextareaInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
+				id,
+				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
+				erroneous: isErrorString ? true : error
+			})),
+			isErrorString && /* @__PURE__ */ jsx(InputError, {
+				id: errorId,
+				message: error
+			})
+		]
+	});
+};
+TextareaInput.isInteractive = true;
+
+//#endregion
+//#region src/components/Input/Url/index.tsx
+const _excluded$5 = [
+	"id",
+	"error",
+	"hintText",
+	"label",
+	"hasOptionalLabel"
+];
+const UrlInput = (_ref) => {
+	let { id, error = false, hintText, label, hasOptionalLabel = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$5);
+	const errorId = `${id}-error`;
+	const hintId = `${id}-hint`;
+	const isErrorString = typeof error === "string";
+	const hasHint = Boolean(hintText);
+	const describedBy = rest["aria-describedby"] ? [rest["aria-describedby"]] : [];
+	if (isErrorString) describedBy.push(errorId);
+	if (hasHint) describedBy.push(hintId);
+	return /* @__PURE__ */ jsxs(Root, {
+		erroneous: isErrorString,
+		children: [
+			/* @__PURE__ */ jsx(Label$1, {
+				htmlFor: id,
+				isOptional: hasOptionalLabel,
+				children: label
+			}),
+			hasHint && /* @__PURE__ */ jsx(Hint, {
+				id: hintId,
+				children: hintText
+			}),
+			/* @__PURE__ */ jsx(UrlInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
+				id,
+				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
+				erroneous: isErrorString ? true : error
+			})),
+			isErrorString && /* @__PURE__ */ jsx(InputError, {
+				id: errorId,
+				message: error
+			})
+		]
+	});
+};
+UrlInput.isInteractive = true;
+
+//#endregion
+//#region src/components/Kopfzeile/Kopfzeile.tsx
+const _excluded$4 = [
+	"label",
+	"fluid",
+	"flag",
+	"breakpoints",
+	"className"
+];
+const Kopfzeile = (_ref) => {
+	let { label = "Offizielle Website - Bundesrepublik Deutschland", fluid = false, flag = true, breakpoints, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$4);
+	const kopfzeileClass = cn("kern-kopfzeile", className);
+	let customStyle = null;
+	if (breakpoints) {
+		const rules = breakpoints.split(",").map((bp) => {
+			const [minWidth, maxWidth] = bp.split(":").map((s) => s.trim());
+			return `@media (min-width: ${minWidth}) { .kern-container { max-width: ${maxWidth} !important; } }`;
+		}).join("\n");
+		customStyle = /* @__PURE__ */ jsx("style", { children: rules });
+	}
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: kopfzeileClass,
+		role: "banner",
+		children: /* @__PURE__ */ jsx("div", {
+			className: `kern-container${fluid ? "-fluid" : ""}`,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "kern-kopfzeile__content",
+				children: [flag && /* @__PURE__ */ jsx("span", {
+					className: "kern-kopfzeile__flagge",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ jsxs("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						fill: "none",
+						viewBox: "0 0 24 16",
+						style: { maxWidth: 24 },
+						children: [
+							/* @__PURE__ */ jsx("path", {
+								fill: "#000",
+								d: "M0 .5h24v5.333H0z"
+							}),
+							/* @__PURE__ */ jsx("path", {
+								fill: "red",
+								d: "M0 5.833h24v5.333H0z"
+							}),
+							/* @__PURE__ */ jsx("path", {
+								fill: "#FACA2C",
+								d: "M0 11.167h24V16.5H0z"
+							})
+						]
+					})
+				}), /* @__PURE__ */ jsx("span", {
+					className: "kern-kopfzeile__label",
+					children: label
+				})]
+			})
+		})
+	})), customStyle] });
+};
+
+//#endregion
+//#region src/components/Loader/Loader.tsx
+const _excluded$3 = [
+	"visible",
+	"srDescription",
+	"className"
+];
+const Loader = (_ref) => {
+	let { visible = false, srDescription = "Wird geladen...", className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$3);
+	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: cn("kern-loader", visible && "kern-loader--visible", className),
+		role: "status",
+		"aria-atomic": "true",
+		children: /* @__PURE__ */ jsx("span", {
+			className: "kern-sr-only",
+			children: srDescription
+		})
+	}));
+};
+
+//#endregion
+//#region src/components/Preline/Preline.tsx
+const _excluded$2 = [
+	"variant",
+	"text",
+	"children",
+	"className"
+];
+const Preline = (_ref) => {
+	let { variant = "default", text, children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$2);
+	const prelineClass = cn("kern-preline", `kern-preline--${variant}`, className);
+	return /* @__PURE__ */ jsx("p", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: prelineClass,
+		children: children || text
+	}));
+};
+
+//#endregion
+//#region src/components/Subline/Subline.tsx
+const _excluded$1 = [
+	"text",
+	"children",
+	"className",
+	"variant"
+];
+const Subline = (_ref) => {
+	let { text, children, className, variant = "default" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$1);
+	const sublineClass = cn("kern-subline", `kern-subline--${variant}`, className);
+	return /* @__PURE__ */ jsx("p", _objectSpread2(_objectSpread2({}, rest), {}, {
+		className: sublineClass,
+		children: children || text
+	}));
+};
+
+//#endregion
+//#region src/components/ThemeProvider/ThemeProvider.tsx
+const _excluded = [
+	"theme",
+	"children",
+	"global",
+	"className",
+	"style"
+];
+const flattenThemeToVariables = (obj, prefix = "--kern") => {
+	const variables = {};
+	const toKebabCase = (str) => {
+		return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+	};
+	const traverse = (current, path) => {
+		if (current && typeof current === "object" && !Array.isArray(current)) Object.entries(current).forEach(([key, value]) => {
+			if (typeof value === "string" || typeof value === "number") {
+				const kebabKey = toKebabCase(key);
+				const variableName = [...path, kebabKey].join("-");
+				variables[variableName] = String(value);
+			} else if (typeof value === "object" && value !== null && !Array.isArray(value)) {
+				const kebabKey = toKebabCase(key);
+				traverse(value, [...path, kebabKey]);
+			}
+		});
+	};
+	traverse(obj, [prefix]);
+	return variables;
+};
+const generateModeCSS = (theme, _mode) => {
+	const variables = flattenThemeToVariables(theme);
+	return Object.entries(variables).map(([key, value]) => `  ${key}: ${value};`).join("\n");
+};
+const ThemeProvider = (_ref) => {
+	let { theme = {}, children, global = true, className = "", style = {} } = _ref, props = _objectWithoutProperties(_ref, _excluded);
+	const { light, dark, color, metric, typography, component } = theme;
+	const id = useId();
+	const uniqueId = useMemo(() => id.replace(/:/g, "-"), [id]);
+	const baseTheme = {
+		color,
+		metric,
+		typography,
+		component
+	};
+	const baseStyle = Object.keys(baseTheme).some((key) => baseTheme[key]) ? flattenThemeToVariables(baseTheme) : {};
+	const lightCSS = light ? generateModeCSS(light, "light") : "";
+	const darkCSS = dark ? generateModeCSS(dark, "dark") : "";
+	const modeCSS = global ? `
+        ${lightCSS ? `[data-kern-theme="light"] { ${lightCSS} }` : ""}
+        ${darkCSS ? `[data-kern-theme="dark"] { ${darkCSS} }` : ""}
+      `.trim() : `
+        ${lightCSS ? `.kern-theme-provider-${uniqueId}[data-kern-theme="light"], .kern-theme-provider-${uniqueId} [data-kern-theme="light"], .kern-theme-provider-${uniqueId}[data-kern-theme="light"] *, .kern-theme-provider-${uniqueId} [data-kern-theme="light"] * { ${lightCSS} }` : ""}
+        ${darkCSS ? `.kern-theme-provider-${uniqueId}[data-kern-theme="dark"], .kern-theme-provider-${uniqueId} [data-kern-theme="dark"], .kern-theme-provider-${uniqueId}[data-kern-theme="dark"] *, .kern-theme-provider-${uniqueId} [data-kern-theme="dark"] * { ${darkCSS} }` : ""}
+      `.trim();
+	const baseCSS = Object.keys(baseStyle).length > 0 ? global ? `
+          :root {
+            ${Object.entries(baseStyle).map(([key, value]) => `${key}: ${value};`).join("\n    ")}
+          }
+        ` : `
+          .kern-theme-provider-${uniqueId}, .kern-theme-provider-${uniqueId} * {
+            ${Object.entries(baseStyle).map(([key, value]) => `${key}: ${value};`).join("\n    ")}
+          }
+        ` : "";
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		modeCSS && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: modeCSS } }),
+		baseCSS && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: baseCSS } }),
+		/* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
+			className: `kern-theme-provider-${uniqueId} ${className || ""}`,
+			style: _objectSpread2(_objectSpread2({}, style), baseStyle),
+			children
+		}))
+	] });
+};
+
+//#endregion
+//#region src/index.ts
+const Accordion = Object.assign(AccordionRoot, Accordion_exports);
+const Alert = Object.assign(AlertRoot, Alert_exports);
+const Card = Object.assign(CardRoot, Card_exports);
+const DescriptionList = Object.assign(DescriptionListRoot, DescriptionList_exports);
+const Dialog = Object.assign(DialogRoot, Dialog_exports);
+const Fieldset = Object.assign(FieldsetRoot, Fieldset_exports);
+const Grid = Object.assign(GridRoot, Grid_exports);
+const InputPrimitive = Object.assign(Root, Primitives_exports);
+const Lists = Object.assign(ListsRoot, Lists_exports);
+const Table = Object.assign(TableRoot, Table_exports);
+const Progress = Object.assign(ProgressRoot, Progress_exports);
+const Summary = Object.assign(SummaryRoot, Summary_exports);
+const TaskList = Object.assign(TaskListRoot, TaskList_exports);
+
+//#endregion
+export { Accordion, Alert, Badge, Body, Button, Card, CheckboxInput, DateInput, DescriptionList, Dialog, Divider, EmailInput, Fieldset, FileInput, Grid, Heading, Icon, InputPrimitive, Kopfzeile, Label, Link, Lists, Loader, NumberInput, PasswordInput, Preline, Progress, RadioInput, SelectInput, Subline, Summary, Table, TaskList, TelInput, TextInput, TextareaInput, ThemeProvider, Title, UrlInput };
+//# sourceMappingURL=index.js.map