@publicplan/kern-react-kit 1.0.1 → 1.2.0

package/dist/index.cjs

@@ -1,2696 +0,0 @@
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (all) => {
-	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-	return target;
-};
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = __toESM(react_jsx_runtime);
-let react = require("react");
-react = __toESM(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__ */ (0, react_jsx_runtime.jsx)("section", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: cn("kern-accordion__body", className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("details", _objectSpread2(_objectSpread2(_objectSpread2({}, rest), {}, { className: cn("kern-accordion", className) }, isOpened ? { open: true } : {}), {}, { children: [position > 0 && totalItems > 0 && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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.default.Children.count(children);
-	const isAccordionItem = (child) => {
-		if (!react.default.isValidElement(child)) return false;
-		return child.type === AccordionRoot;
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(Title, _objectSpread2({}, title)), react.default.Children.map(children, (child, index) => isAccordionItem(child) ? react.default.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__ */ (0, react_jsx_runtime.jsx)("summary", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: cn("kern-accordion__header", className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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 = (0, react.createContext)("info");
-function useAlertVariant() {
-	return (0, react.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__ */ (0, react_jsx_runtime.jsxs)("div", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: cn("kern-alert__header", className),
-		children: [hasIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, _objectSpread2(_objectSpread2({}, icon), {}, { name: variant })), title && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(AlertVariantContext.Provider, {
-		value: variant,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("section", _objectSpread2(_objectSpread2({ className: cn("kern-card__body", className) }, rest), {}, { children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: cn("kern-card__media", className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: cn("kern-description-list__heading", className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(Icon, {
-	name: iconProps.name,
-	size: iconProps.size
-}) : null;
-const IconOnlyLabel = ({ labelText }) => {
-	if (!labelText) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("button", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: classes,
-		children: [iconElement, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconOnlyLabel, { labelText: icon === null || icon === void 0 ? void 0 : icon.name })]
-	}));
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: classes,
-		children: [
-			iconLeft && iconElement,
-			text && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "kern-label",
-				children: children || text
-			}),
-			!iconLeft && iconElement
-		]
-	}));
-};
-Button.isInteractive = true;
-
-//#endregion
-//#region src/components/Dialog/Context.ts
-const DialogContext = (0, react.createContext)(null);
-const useDialogContext = () => {
-	const context = (0, react.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("section", _objectSpread2(_objectSpread2({ className: cn("kern-dialog__body", className) }, rest), {}, { children: typeof children === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("header", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: headerClass,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-			id,
-			className: "kern-title kern-title--large",
-			children: dialogTitle
-		}), hasCloseButton && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-			type: "button",
-			className: "kern-btn kern-btn--tertiary",
-			onClick: closeDialog,
-			"aria-label": ariaLabel,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "kern-icon kern-icon--close",
-				"aria-hidden": "true"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.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();
-		}
-	};
-	(0, react.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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] = (0, react.useState)(false);
-	const dialogRef = (0, react.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__ */ (0, react_jsx_runtime.jsx)(DialogContext.Provider, {
-		value: contextValue,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.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.default.isValidElement(children) && children.type === Button) {
-		var _children$props$class;
-		return react.default.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("p", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: cn(`kern-error`, className),
-		id: errorId,
-		role: "alert",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
-			name: "danger",
-			size: "default"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("legend", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: cn(`kern-label`, rest.className),
-		children: [children, hasOptionalLabel && /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, react.forwardRef)((_ref, ref) => {
-	let { erroneous = false, required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$61);
-	return /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, react.forwardRef)((_ref, ref) => {
-	let { erroneous = false, autoComplete = "email", required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$60);
-	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("p", _objectSpread2(_objectSpread2({
-		className: cn("kern-error", className),
-		role: "alert"
-	}, props), {}, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: "danger" }), /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, react.forwardRef)((_ref, ref) => {
-	var _rest$accept;
-	let { supportedFormats = [], erroneous = false, required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$58);
-	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(Label, _objectSpread2(_objectSpread2({ textWrapper: "label" }, props), {}, { children: [children, isOptional && /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, react.forwardRef)((_ref, ref) => {
-	let { erroneous = false, required, autoComplete = "password" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$54);
-	return /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, react.forwardRef)((_ref, ref) => {
-	let { erroneous = false, required, autoComplete } = _ref, rest = _objectWithoutProperties(_ref, _excluded$53);
-	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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 = (0, react.forwardRef)((_ref, ref) => {
-	let { erroneous = false, required, autoComplete = "", options = [] } = _ref, rest = _objectWithoutProperties(_ref, _excluded$51);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "kern-form-input__select-wrapper",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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 = (0, react.forwardRef)((_ref, ref) => {
-	let { erroneous = false, required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$50);
-	return /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, react.forwardRef)((_ref, ref) => {
-	let { erroneous = false, required, autoComplete } = _ref, rest = _objectWithoutProperties(_ref, _excluded$49);
-	return /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, react.forwardRef)((_ref, ref) => {
-	let { erroneous = false, required, autoComplete } = _ref, rest = _objectWithoutProperties(_ref, _excluded$48);
-	return /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, react.forwardRef)((_ref, ref) => {
-	let { erroneous = false, required, autoComplete = "url" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$47);
-	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: cn("kern-form-check", isErrorString && "kern-form-check--error", className),
-		style,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
-				id,
-				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
-				erroneous: isErrorString ? true : error,
-				disabled
-			})),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
-				htmlFor: id,
-				isOptional: hasOptionalLabel,
-				children: label
-			}),
-			isErrorString && /* @__PURE__ */ (0, react_jsx_runtime.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.default.Children.toArray(children$1).reduce((count, child) => {
-			if (react.default.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("li", {
-	className,
-	style,
-	children: [react.default.Children.map(children, (child) => react.default.isValidElement(child) ? react.default.cloneElement(child, { style: _objectSpread2(_objectSpread2({}, style), child.props && child.props.style) }) : child), text && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: cn(className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "kern-body kern-body--bold",
-			children: title
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-			className: "kern-list kern-list--bullet",
-			children: items.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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.default.createContext(null);
-const useProgressContext = () => {
-	const context = react.default.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.default.useMemo(() => propProgressId || `progress-${Math.random().toString(36).slice(2, 11)}`, [propProgressId]);
-	const contextValue = {
-		value,
-		max,
-		percentage,
-		progressId
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProgressContext.Provider, {
-		value: contextValue,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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 = (0, react.useContext)(SummaryContext)) === null || _useContext === void 0 ? void 0 : _useContext.headingID;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: cn("kern-summary__header", className),
-		children: [number && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "kern-number",
-			children: number
-		}), title && /* @__PURE__ */ (0, react_jsx_runtime.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.default.createContext(null);
-const useSummaryContext = () => {
-	const context = react.default.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.default.Children.toArray(children).some((child) => react.default.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__ */ (0, react_jsx_runtime.jsx)(SummaryContext.Provider, {
-		value: contextValue,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: cn("kern-summary__actions", className),
-		children: react.default.Children.map(children, (child) => react.default.isValidElement(child) ? react.default.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: cn("kern-summary-group__header", className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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 = (0, react.useId)();
-	const tableClasses = cn("kern-table", striped ? "kern-table--striped" : "", variant === "small" ? "kern-table--small" : "", className);
-	const table = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: tableClasses,
-		"aria-describedby": caption ? captionId : void 0,
-		children: [caption && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("caption", {
-			id: captionId,
-			className: "kern-title",
-			children: caption
-		}), children]
-	}));
-	return responsive ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "kern-number",
-			children: number
-		}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "kern-task-list__title",
-			id: titleId,
-			children: [asParagraph ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "kern-body",
-				"aria-describedby": describedBy,
-				onMouseDown: (e) => e.currentTarget.focus(),
-				children: title
-			}) : isInteractive ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-				href,
-				className: linkClasses,
-				"aria-describedby": describedBy,
-				children: title
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "kern-link",
-				"aria-describedby": describedBy,
-				tabIndex: -1,
-				"data-noninteractive": "true",
-				onMouseDown: (e) => e.currentTarget.focus(),
-				children: title
-			}), status && statusLabel ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "kern-task-list__status",
-				id: statusId,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: cn("kern-badge", `kern-badge--${status}`),
-					children: [status === "success" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: cn("kern-icon", "kern-icon--success", "kern-icon--sm"),
-						"aria-hidden": "true"
-					}), /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, react.useRef)(null);
-	const onKeyDown = (0, react.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__ */ (0, react_jsx_runtime.jsx)("ul", _objectSpread2(_objectSpread2({}, rest), {}, {
-		ref: listRef,
-		onKeyDown,
-		className: cn("kern-task-list__list", className),
-		style,
-		children: items ? items.map((rest$1, i) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
-	className: cn("kern-task-list__header", className),
-	style,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("span", _objectSpread2(_objectSpread2({}, rest), {}, {
-		role: "status",
-		className: cn(`kern-badge kern-badge--${variant}`, className),
-		children: [showIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, _objectSpread2(_objectSpread2({}, icon), {}, {
-			"aria-hidden": true,
-			name: variant
-		})), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-			className: "kern-label kern-label-small",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(Root, {
-		erroneous: false,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
-			htmlFor: id,
-			isOptional: hasOptionalLabel,
-			children: label
-		}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(Root, {
-		erroneous: isErrorString,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
-				htmlFor: id,
-				isOptional: hasOptionalLabel,
-				children: label
-			}),
-			hasHint && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
-				id: hintId,
-				children: hintText
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmailInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
-				id,
-				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
-				erroneous: isErrorString ? true : error
-			})),
-			isErrorString && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(Root, {
-		erroneous,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
-				htmlFor: id,
-				isOptional: hasOptionalLabel,
-				children: title
-			}),
-			hasHint && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
-				id: hintId,
-				children: hintText || `Erlaubte Formate: ${supportedFormats.join(", ")}`
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
-				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
-				erroneous,
-				supportedFormats
-			})),
-			errorMessage && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(Root, {
-		erroneous: isErrorString,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
-				htmlFor: id,
-				isOptional: hasOptionalLabel,
-				children: label
-			}),
-			hasHint && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
-				id: hintId,
-				children: hintText
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
-				id,
-				inputMode: "numeric",
-				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
-				erroneous: isErrorString ? true : error
-			})),
-			isErrorString && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(Root, {
-		erroneous: isErrorString,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
-				htmlFor: id,
-				isOptional: hasOptionalLabel,
-				children: label
-			}),
-			hasHint && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
-				id: hintId,
-				children: hintText
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
-				id,
-				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
-				erroneous: isErrorString ? true : error
-			})),
-			isErrorString && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: cn("kern-form-check", className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RadioInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
-			id,
-			erroneous: error,
-			disabled
-		})), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(Root, {
-		erroneous,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
-				htmlFor: id,
-				isOptional: hasOptionalLabel,
-				children: label
-			}),
-			hasHint && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
-				id: hintId,
-				children: hintText
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectInput$1, _objectSpread2(_objectSpread2({}, props), {}, {
-				id,
-				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
-				erroneous,
-				options
-			})),
-			errorMessage && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(Root, {
-		erroneous: isErrorString,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
-				htmlFor: id,
-				isOptional: hasOptionalLabel,
-				children: label
-			}),
-			hasHint && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
-				id: hintId,
-				children: hintText
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TelInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
-				id,
-				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
-				erroneous: isErrorString ? true : error
-			})),
-			isErrorString && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(Root, {
-		erroneous: isErrorString,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
-				htmlFor: id,
-				isOptional: hasOptionalLabel,
-				children: label
-			}),
-			hasHint && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
-				id: hintId,
-				children: hintText
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
-				id,
-				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
-				erroneous: isErrorString ? true : error
-			})),
-			isErrorString && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(Root, {
-		erroneous: isErrorString,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
-				htmlFor: id,
-				isOptional: hasOptionalLabel,
-				children: label
-			}),
-			hasHint && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
-				id: hintId,
-				children: hintText
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextareaInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
-				id,
-				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
-				erroneous: isErrorString ? true : error
-			})),
-			isErrorString && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(Root, {
-		erroneous: isErrorString,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label$1, {
-				htmlFor: id,
-				isOptional: hasOptionalLabel,
-				children: label
-			}),
-			hasHint && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Hint, {
-				id: hintId,
-				children: hintText
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UrlInput$1, _objectSpread2(_objectSpread2({}, rest), {}, {
-				id,
-				"aria-describedby": describedBy.length > 0 ? describedBy.join(" ") : void 0,
-				erroneous: isErrorString ? true : error
-			})),
-			isErrorString && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("style", { children: rules });
-	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: kopfzeileClass,
-		role: "banner",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: `kern-container${fluid ? "-fluid" : ""}`,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "kern-kopfzeile__content",
-				children: [flag && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "kern-kopfzeile__flagge",
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-						xmlns: "http://www.w3.org/2000/svg",
-						fill: "none",
-						viewBox: "0 0 24 16",
-						style: { maxWidth: 24 },
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-								fill: "#000",
-								d: "M0 .5h24v5.333H0z"
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-								fill: "red",
-								d: "M0 5.833h24v5.333H0z"
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-								fill: "#FACA2C",
-								d: "M0 11.167h24V16.5H0z"
-							})
-						]
-					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: cn("kern-loader", visible && "kern-loader--visible", className),
-		role: "status",
-		"aria-atomic": "true",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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 = (0, react.useId)();
-	const uniqueId = (0, react.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		modeCSS && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { dangerouslySetInnerHTML: { __html: modeCSS } }),
-		baseCSS && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { dangerouslySetInnerHTML: { __html: baseCSS } }),
-		/* @__PURE__ */ (0, react_jsx_runtime.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
-exports.Accordion = Accordion;
-exports.Alert = Alert;
-exports.Badge = Badge;
-exports.Body = Body;
-exports.Button = Button;
-exports.Card = Card;
-exports.CheckboxInput = CheckboxInput;
-exports.DateInput = DateInput;
-exports.DescriptionList = DescriptionList;
-exports.Dialog = Dialog;
-exports.Divider = Divider;
-exports.EmailInput = EmailInput;
-exports.Fieldset = Fieldset;
-exports.FileInput = FileInput;
-exports.Grid = Grid;
-exports.Heading = Heading;
-exports.Icon = Icon;
-exports.InputPrimitive = InputPrimitive;
-exports.Kopfzeile = Kopfzeile;
-exports.Label = Label;
-exports.Link = Link;
-exports.Lists = Lists;
-exports.Loader = Loader;
-exports.NumberInput = NumberInput;
-exports.PasswordInput = PasswordInput;
-exports.Preline = Preline;
-exports.Progress = Progress;
-exports.RadioInput = RadioInput;
-exports.SelectInput = SelectInput;
-exports.Subline = Subline;
-exports.Summary = Summary;
-exports.Table = Table;
-exports.TaskList = TaskList;
-exports.TelInput = TelInput;
-exports.TextInput = TextInput;
-exports.TextareaInput = TextareaInput;
-exports.ThemeProvider = ThemeProvider;
-exports.Title = Title;
-exports.UrlInput = UrlInput;
-//# sourceMappingURL=index.cjs.map