@publicplan/kern-react-kit 1.3.1 → 1.3.2

package/dist/index.js

@@ -99,9 +99,9 @@ function _objectSpread2(e) {
 
 //#endregion
 //#region src/components/Accordion/Content.tsx
-const _excluded$95 = ["children", "className"];
+const _excluded$94 = ["children", "className"];
 const AccordionContent = (_ref) => {
-	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$95);
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$94);
 	return /* @__PURE__ */ jsx("section", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-accordion__body", className),
 		children: /* @__PURE__ */ jsx("p", {
@@ -114,7 +114,7 @@ AccordionContent.displayName = "Accordion.Content";
 
 //#endregion
 //#region src/components/Accordion/Root.tsx
-const _excluded$94 = [
+const _excluded$93 = [
 	"className",
 	"children",
 	"isOpened",
@@ -122,7 +122,7 @@ const _excluded$94 = [
 	"totalItems"
 ];
 const AccordionRoot = (_ref) => {
-	let { className, children, isOpened, position = 0, totalItems = 0 } = _ref, rest = _objectWithoutProperties(_ref, _excluded$94);
+	let { className, children, isOpened, position = 0, totalItems = 0 } = _ref, rest = _objectWithoutProperties(_ref, _excluded$93);
 	return /* @__PURE__ */ jsxs("details", _objectSpread2(_objectSpread2(_objectSpread2({}, rest), {}, { className: cn("kern-accordion", className) }, isOpened ? { open: true } : {}), {}, { children: [position > 0 && totalItems > 0 && /* @__PURE__ */ jsx("span", {
 		className: "kern-sr-only",
 		children: `Item ${position} of ${totalItems}`
@@ -132,7 +132,7 @@ AccordionRoot.displayName = "Accordion.Root";
 
 //#endregion
 //#region src/components/Title/Title.tsx
-const _excluded$93 = [
+const _excluded$92 = [
 	"variant",
 	"textWrapper",
 	"title",
@@ -140,7 +140,7 @@ const _excluded$93 = [
 	"className"
 ];
 const Title = (_ref) => {
-	let { variant = "default", textWrapper = "h2", title, children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$93);
+	let { variant = "default", textWrapper = "h2", title, children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$92);
 	const Wrapper = textWrapper;
 	const titleClass = cn("kern-title", `kern-title--${variant}`, className);
 	return /* @__PURE__ */ jsx(Wrapper, _objectSpread2(_objectSpread2({}, rest), {}, {
@@ -151,14 +151,14 @@ const Title = (_ref) => {
 
 //#endregion
 //#region src/components/Accordion/Group.tsx
-const _excluded$92 = [
+const _excluded$91 = [
 	"aria-label",
 	"className",
 	"title",
 	"children"
 ];
 const AccordionGroup = (_ref) => {
-	let { "aria-label": ariaLabel, className, title, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$92);
+	let { "aria-label": ariaLabel, className, title, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$91);
 	const totalItems = React.Children.count(children);
 	const isAccordionItem = (child) => {
 		if (!React.isValidElement(child)) return false;
@@ -178,9 +178,9 @@ AccordionGroup.displayName = "Accordion.Group";
 
 //#endregion
 //#region src/components/Accordion/Summary.tsx
-const _excluded$91 = ["title", "className"];
+const _excluded$90 = ["title", "className"];
 const AccordionSummary = (_ref) => {
-	let { title, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$91);
+	let { title, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$90);
 	return /* @__PURE__ */ jsx("summary", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-accordion__header", className),
 		children: /* @__PURE__ */ jsx(Title, _objectSpread2({}, title))
@@ -199,9 +199,9 @@ var Accordion_exports = /* @__PURE__ */ __export({
 
 //#endregion
 //#region src/components/Alert/Body.tsx
-const _excluded$90 = ["children", "className"];
+const _excluded$89 = ["children", "className"];
 const AlertBody = (_ref) => {
-	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$90);
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$89);
 	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-alert__body", className),
 		children
@@ -211,7 +211,7 @@ AlertBody.displayName = "Alert.Body";
 
 //#endregion
 //#region src/components/Icon/Icon.tsx
-const _excluded$89 = [
+const _excluded$88 = [
 	"name",
 	"aria-hidden",
 	"size",
@@ -219,7 +219,7 @@ const _excluded$89 = [
 	"className"
 ];
 const Icon = (_ref) => {
-	let { name = "home", "aria-hidden": ariaHidden = true, size = "default", role, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$89);
+	let { name = "home", "aria-hidden": ariaHidden = true, size = "default", role, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$88);
 	return /* @__PURE__ */ jsx("span", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-icon", `kern-icon--${name}`, `kern-icon--${size}`, className),
 		"aria-hidden": ariaHidden,
@@ -236,14 +236,14 @@ function useAlertVariant() {
 
 //#endregion
 //#region src/components/Alert/Header.tsx
-const _excluded$88 = [
+const _excluded$87 = [
 	"hasIcon",
 	"icon",
 	"title",
 	"className"
 ];
 const AlertHeader = (_ref) => {
-	let { hasIcon = true, icon, title, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$88);
+	let { hasIcon = true, icon, title, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$87);
 	const variant = useAlertVariant();
 	return /* @__PURE__ */ jsxs("div", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-alert__header", className),
@@ -257,7 +257,7 @@ AlertHeader.displayName = "Alert.Header";
 
 //#endregion
 //#region src/components/Link/Link.tsx
-const _excluded$87 = [
+const _excluded$86 = [
 	"variant",
 	"icon",
 	"iconLeft",
@@ -272,7 +272,7 @@ const getIcon$1 = (iconProps) => iconProps ? /* @__PURE__ */ jsx(Icon, {
 	size: iconProps.size
 }) : null;
 const Link = (_ref) => {
-	let { variant = "default", icon, iconLeft, title, target = "_self", children, isStretched, className } = _ref, props = _objectWithoutProperties(_ref, _excluded$87);
+	let { variant = "default", icon, iconLeft, title, target = "_self", children, isStretched, className } = _ref, props = _objectWithoutProperties(_ref, _excluded$86);
 	const linkText = title !== null && title !== void 0 ? title : children;
 	const linkClass = cn(isStretched ? "kern-link--stretched" : "kern-link", variant === "small" && "kern-link--small", className);
 	return /* @__PURE__ */ jsxs("a", _objectSpread2(_objectSpread2({}, props), {}, {
@@ -296,13 +296,13 @@ AlertLink.displayName = "Alert.Link";
 
 //#endregion
 //#region src/components/Alert/Root.tsx
-const _excluded$86 = [
+const _excluded$85 = [
 	"children",
 	"variant",
 	"className"
 ];
 const AlertRoot = (_ref) => {
-	let { children = null, variant, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$86);
+	let { children = null, variant, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$85);
 	return /* @__PURE__ */ jsx(AlertVariantContext.Provider, {
 		value: variant,
 		children: /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
@@ -325,9 +325,9 @@ var Alert_exports = /* @__PURE__ */ __export({
 
 //#endregion
 //#region src/components/Card/Body.tsx
-const _excluded$85 = ["className", "children"];
+const _excluded$84 = ["className", "children"];
 const CardBody = (_ref) => {
-	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$85);
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$84);
 	return /* @__PURE__ */ jsx("section", _objectSpread2(_objectSpread2({ className: cn("kern-card__body", className) }, rest), {}, { children: /* @__PURE__ */ jsx("p", {
 		className: "kern-body",
 		children
@@ -337,9 +337,9 @@ CardBody.displayName = "Card.Body";
 
 //#endregion
 //#region src/components/Card/Container.tsx
-const _excluded$84 = ["className", "children"];
+const _excluded$83 = ["className", "children"];
 const CardContainer = (_ref) => {
-	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$84);
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$83);
 	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-card__container", className),
 		children
@@ -349,9 +349,9 @@ CardContainer.displayName = "Card.Container";
 
 //#endregion
 //#region src/components/Card/Footer.tsx
-const _excluded$83 = ["className", "children"];
+const _excluded$82 = ["className", "children"];
 const CardFooter = (_ref) => {
-	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$83);
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$82);
 	return /* @__PURE__ */ jsx("footer", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-card__footer", className),
 		children
@@ -361,9 +361,9 @@ CardFooter.displayName = "Card.Footer";
 
 //#endregion
 //#region src/components/Card/Header.tsx
-const _excluded$82 = ["className", "children"];
+const _excluded$81 = ["className", "children"];
 const CardHeader = (_ref) => {
-	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$82);
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$81);
 	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-card__header", className),
 		children
@@ -373,7 +373,7 @@ CardHeader.displayName = "Card.Header";
 
 //#endregion
 //#region src/components/Card/Media.tsx
-const _excluded$81 = [
+const _excluded$80 = [
 	"src",
 	"alt",
 	"width",
@@ -381,7 +381,7 @@ const _excluded$81 = [
 	"className"
 ];
 const CardMedia = (_ref) => {
-	let { src, alt, width, height, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$81);
+	let { src, alt, width, height, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$80);
 	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-card__media", className),
 		children: /* @__PURE__ */ jsx("img", {
@@ -396,9 +396,9 @@ CardMedia.displayName = "Card.Media";
 
 //#endregion
 //#region src/components/Card/Preline.tsx
-const _excluded$80 = ["className", "children"];
+const _excluded$79 = ["className", "children"];
 const CardPreline = (_ref) => {
-	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$80);
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$79);
 	return /* @__PURE__ */ jsx("p", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-preline", className),
 		children
@@ -408,7 +408,7 @@ CardPreline.displayName = "Card.Preline";
 
 //#endregion
 //#region src/components/Card/Root.tsx
-const _excluded$79 = [
+const _excluded$78 = [
 	"className",
 	"style",
 	"children",
@@ -417,7 +417,7 @@ const _excluded$79 = [
 	"isCardHug"
 ];
 const CardRoot = (_ref) => {
-	let { className, style, children, active = false, size = "medium", isCardHug = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$79);
+	let { className, style, children, active = false, size = "medium", isCardHug = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$78);
 	return /* @__PURE__ */ jsx("article", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-card", active && "kern-card--active", size && `kern-card--${size}`, isCardHug && ` kern-card--hug`, className),
 		style,
@@ -428,9 +428,9 @@ CardRoot.displayName = "Card.Root";
 
 //#endregion
 //#region src/components/Card/Subline.tsx
-const _excluded$78 = ["className", "children"];
+const _excluded$77 = ["className", "children"];
 const CardSubline = (_ref) => {
-	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$78);
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$77);
 	return /* @__PURE__ */ jsx("h3", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-subline", className),
 		children
@@ -440,13 +440,13 @@ CardSubline.displayName = "Card.Subline";
 
 //#endregion
 //#region src/components/Card/Title.tsx
-const _excluded$77 = [
+const _excluded$76 = [
 	"className",
 	"children",
 	"textWrapper"
 ];
 const CardTitle = (_ref) => {
-	let { className, children, textWrapper = "h2" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$77);
+	let { className, children, textWrapper = "h2" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$76);
 	return /* @__PURE__ */ jsx(textWrapper, _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-title", className),
 		children
@@ -470,13 +470,13 @@ var Card_exports = /* @__PURE__ */ __export({
 
 //#endregion
 //#region src/components/DescriptionList/Heading.tsx
-const _excluded$76 = [
+const _excluded$75 = [
 	"title",
 	"children",
 	"className"
 ];
 const DescriptionListHeading = (_ref) => {
-	let { title, children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$76);
+	let { title, children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$75);
 	return /* @__PURE__ */ jsxs("div", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-description-list__heading", className),
 		children: [/* @__PURE__ */ jsx(Title, _objectSpread2({}, title)), children]
@@ -486,9 +486,9 @@ DescriptionListHeading.displayName = "DescriptionList.Heading";
 
 //#endregion
 //#region src/components/DescriptionList/Item.tsx
-const _excluded$75 = ["children", "className"];
+const _excluded$74 = ["children", "className"];
 const DescriptionListItem = (_ref) => {
-	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$75);
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$74);
 	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn(`kern-description-list-item`, className),
 		children
@@ -498,9 +498,9 @@ DescriptionListItem.displayName = "DescriptionList.Item";
 
 //#endregion
 //#region src/components/DescriptionList/Key.tsx
-const _excluded$74 = ["children", "className"];
+const _excluded$73 = ["children", "className"];
 const DescriptionListKey = (_ref) => {
-	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$74);
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$73);
 	return /* @__PURE__ */ jsx("dt", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-description-list-item__key", className),
 		children
@@ -510,13 +510,13 @@ DescriptionListKey.displayName = "DescriptionList.Key";
 
 //#endregion
 //#region src/components/DescriptionList/Root.tsx
-const _excluded$73 = [
+const _excluded$72 = [
 	"variant",
 	"children",
 	"className"
 ];
 const DescriptionListRoot = (_ref) => {
-	let { variant = "row", children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$73);
+	let { variant = "row", children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$72);
 	return /* @__PURE__ */ jsx("dl", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-description-list", variant === "column" && "kern-description-list--col", className),
 		children
@@ -526,9 +526,9 @@ DescriptionListRoot.displayName = "DescriptionList.Root";
 
 //#endregion
 //#region src/components/DescriptionList/Value.tsx
-const _excluded$72 = ["children", "className"];
+const _excluded$71 = ["children", "className"];
 const DescriptionListValue = (_ref) => {
-	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$72);
+	let { children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$71);
 	return /* @__PURE__ */ jsx("dd", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-description-list-item__value", className),
 		children
@@ -548,7 +548,7 @@ var DescriptionList_exports = /* @__PURE__ */ __export({
 
 //#endregion
 //#region src/components/Button/Button.tsx
-const _excluded$71 = [
+const _excluded$70 = [
 	"variant",
 	"isBlock",
 	"icon",
@@ -570,7 +570,7 @@ const IconOnlyLabel = ({ labelText }) => {
 	});
 };
 const Button = (_ref) => {
-	let { variant = "primary", isBlock, icon, iconOnly, iconLeft, text, children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$71);
+	let { variant = "primary", isBlock, icon, iconOnly, iconLeft, text, children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$70);
 	const classes = cn("kern-btn", isBlock && "kern-btn--block", `kern-btn--${variant}`, className);
 	const iconElement = getIcon(icon);
 	if (iconOnly) return /* @__PURE__ */ jsxs("button", _objectSpread2(_objectSpread2({}, rest), {}, {
@@ -602,9 +602,9 @@ const useDialogContext = () => {
 
 //#endregion
 //#region src/components/Dialog/Button.tsx
-const _excluded$70 = ["onClick", "title"];
+const _excluded$69 = ["onClick", "title"];
 const DialogButton = (_ref) => {
-	let { onClick, title } = _ref, props = _objectWithoutProperties(_ref, _excluded$70);
+	let { onClick, title } = _ref, props = _objectWithoutProperties(_ref, _excluded$69);
 	const { closeDialog } = useDialogContext();
 	return /* @__PURE__ */ jsx(Button, _objectSpread2(_objectSpread2({}, props), {}, {
 		text: title,
@@ -618,9 +618,9 @@ DialogButton.displayName = "Dialog.Button";
 
 //#endregion
 //#region src/components/Dialog/Content.tsx
-const _excluded$69 = ["className", "children"];
+const _excluded$68 = ["className", "children"];
 const DialogContent = (_ref) => {
-	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$69);
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$68);
 	return /* @__PURE__ */ jsx("section", _objectSpread2(_objectSpread2({ className: cn("kern-dialog__body", className) }, rest), {}, { children: typeof children === "string" ? /* @__PURE__ */ jsx("p", {
 		className: "kern-body",
 		children
@@ -630,9 +630,9 @@ DialogContent.displayName = "Dialog.Content";
 
 //#endregion
 //#region src/components/Dialog/Footer.tsx
-const _excluded$68 = ["className", "children"];
+const _excluded$67 = ["className", "children"];
 const DialogFooter = (_ref) => {
-	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$68);
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$67);
 	return /* @__PURE__ */ jsx("footer", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-dialog__footer", className),
 		children
@@ -642,14 +642,14 @@ DialogFooter.displayName = "Dialog.Footer";
 
 //#endregion
 //#region src/components/Dialog/Header.tsx
-const _excluded$67 = [
+const _excluded$66 = [
 	"dialogTitle",
 	"hasCloseButton",
 	"aria-label",
 	"className"
 ];
 const DialogHeader = (_ref) => {
-	let { dialogTitle, hasCloseButton = true, "aria-label": ariaLabel = "Schließen", className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$67);
+	let { dialogTitle, hasCloseButton = true, "aria-label": ariaLabel = "Schließen", className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$66);
 	const { closeDialog, id } = useDialogContext();
 	const headerClass = cn("kern-dialog__header", className);
 	return /* @__PURE__ */ jsxs("div", _objectSpread2(_objectSpread2({}, rest), {}, {
@@ -677,9 +677,9 @@ DialogHeader.displayName = "Dialog.Header";
 
 //#endregion
 //#region src/components/Dialog/Modal.tsx
-const _excluded$66 = ["className", "children"];
+const _excluded$65 = ["className", "children"];
 const DialogModal = (_ref) => {
-	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$66);
+	let { className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$65);
 	const { dialogRef, closeDialog, isOpen, disableOverlayClose, id } = useDialogContext();
 	const handleOverlayClick = (e) => {
 		if (disableOverlayClose && e.target === dialogRef.current) e.preventDefault();
@@ -732,13 +732,13 @@ DialogModal.displayName = "Dialog.Modal";
 
 //#endregion
 //#region src/components/Dialog/Root.tsx
-const _excluded$65 = [
+const _excluded$64 = [
 	"disableOverlayClose",
 	"children",
 	"id"
 ];
 const DialogRoot = (_ref) => {
-	let { disableOverlayClose = false, children, id } = _ref, rest = _objectWithoutProperties(_ref, _excluded$65);
+	let { disableOverlayClose = false, children, id } = _ref, rest = _objectWithoutProperties(_ref, _excluded$64);
 	const [isOpen, setIsOpen] = useState(false);
 	const dialogRef = useRef(null);
 	const openDialog = () => {
@@ -825,13 +825,13 @@ FieldsetContent.displayName = "Fieldset.Content";
 
 //#endregion
 //#region src/components/Fieldset/Error.tsx
-const _excluded$64 = [
+const _excluded$63 = [
 	"children",
 	"className",
 	"id"
 ];
 const FieldsetError = (_ref) => {
-	let { children, className, id } = _ref, rest = _objectWithoutProperties(_ref, _excluded$64);
+	let { children, className, id } = _ref, rest = _objectWithoutProperties(_ref, _excluded$63);
 	const errorId = id || `error-${Math.random().toString(36).substr(2, 9)}`;
 	return /* @__PURE__ */ jsxs("p", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn(`kern-error`, className),
@@ -850,13 +850,13 @@ FieldsetError.displayName = "Fieldset.Error";
 
 //#endregion
 //#region src/components/Fieldset/Hint.tsx
-const _excluded$63 = [
+const _excluded$62 = [
 	"children",
 	"className",
 	"id"
 ];
 const FieldsetHint = (_ref) => {
-	let { children, className, id } = _ref, rest = _objectWithoutProperties(_ref, _excluded$63);
+	let { children, className, id } = _ref, rest = _objectWithoutProperties(_ref, _excluded$62);
 	const hintId = id || `hint-${Math.random().toString(36).substr(2, 9)}`;
 	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn(`kern-hint`, className),
@@ -868,9 +868,9 @@ FieldsetHint.displayName = "Fieldset.Hint";
 
 //#endregion
 //#region src/components/Fieldset/Legend.tsx
-const _excluded$62 = ["children", "hasOptionalLabel"];
+const _excluded$61 = ["children", "hasOptionalLabel"];
 const FieldsetLegend = (_ref) => {
-	let { children, hasOptionalLabel } = _ref, rest = _objectWithoutProperties(_ref, _excluded$62);
+	let { children, hasOptionalLabel } = _ref, rest = _objectWithoutProperties(_ref, _excluded$61);
 	return /* @__PURE__ */ jsxs("legend", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn(`kern-label`, rest.className),
 		children: [children, hasOptionalLabel && /* @__PURE__ */ jsx("span", {
@@ -883,9 +883,9 @@ FieldsetLegend.displayName = "Fieldset.Legend";
 
 //#endregion
 //#region src/components/Input/Primitives/Checkbox/CheckboxInput.tsx
-const _excluded$61 = ["erroneous", "required"];
+const _excluded$60 = ["erroneous", "required"];
 const CheckboxInput$1 = forwardRef((_ref, ref) => {
-	let { erroneous = false, required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$61);
+	let { erroneous = false, required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$60);
 	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
 		ref,
 		type: "checkbox",
@@ -896,13 +896,13 @@ const CheckboxInput$1 = forwardRef((_ref, ref) => {
 
 //#endregion
 //#region src/components/Input/Primitives/Email/EmailInput.tsx
-const _excluded$60 = [
+const _excluded$59 = [
 	"erroneous",
 	"autoComplete",
 	"required"
 ];
 const EmailInput$1 = forwardRef((_ref, ref) => {
-	let { erroneous = false, autoComplete = "email", required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$60);
+	let { erroneous = false, autoComplete = "email", required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$59);
 	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
 		ref,
 		required,
@@ -914,9 +914,9 @@ const EmailInput$1 = forwardRef((_ref, ref) => {
 
 //#endregion
 //#region src/components/Input/Primitives/Error.tsx
-const _excluded$59 = ["className", "message"];
+const _excluded$58 = ["className", "message"];
 const InputError = (_ref) => {
-	let { className, message } = _ref, props = _objectWithoutProperties(_ref, _excluded$59);
+	let { className, message } = _ref, props = _objectWithoutProperties(_ref, _excluded$58);
 	return /* @__PURE__ */ jsxs("p", _objectSpread2(_objectSpread2({
 		className: cn("kern-error", className),
 		role: "alert"
@@ -928,14 +928,14 @@ const InputError = (_ref) => {
 
 //#endregion
 //#region src/components/Input/Primitives/File/FileInput.tsx
-const _excluded$58 = [
+const _excluded$57 = [
 	"supportedFormats",
 	"erroneous",
 	"required"
 ];
 const FileInput$1 = forwardRef((_ref, ref) => {
 	var _rest$accept;
-	let { supportedFormats = [], erroneous = false, required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$58);
+	let { supportedFormats = [], erroneous = false, required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$57);
 	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
 		ref,
 		type: "file",
@@ -947,15 +947,15 @@ const FileInput$1 = forwardRef((_ref, ref) => {
 
 //#endregion
 //#region src/components/Input/Primitives/Hint.tsx
-const _excluded$57 = ["className", "children"];
+const _excluded$56 = ["className", "children"];
 const Hint = (_ref) => {
-	let { className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$57);
+	let { className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$56);
 	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({ className: cn("kern-hint", className) }, props), {}, { children }));
 };
 
 //#endregion
 //#region src/components/Label/Label.tsx
-const _excluded$56 = [
+const _excluded$55 = [
 	"variant",
 	"textWrapper",
 	"className",
@@ -963,7 +963,7 @@ const _excluded$56 = [
 	"text"
 ];
 const Label = (_ref) => {
-	let { variant = "default", textWrapper = "label", className, children, text } = _ref, rest = _objectWithoutProperties(_ref, _excluded$56);
+	let { variant = "default", textWrapper = "label", className, children, text } = _ref, rest = _objectWithoutProperties(_ref, _excluded$55);
 	const Wrapper = textWrapper;
 	const labelClass = cn("kern-label", variant ? `kern-label--${variant}` : "", className, className);
 	return /* @__PURE__ */ jsx(Wrapper, _objectSpread2(_objectSpread2({ className: labelClass }, rest), {}, { children: text || children }));
@@ -971,9 +971,9 @@ const Label = (_ref) => {
 
 //#endregion
 //#region src/components/Input/Primitives/Label.tsx
-const _excluded$55 = ["children", "isOptional"];
+const _excluded$54 = ["children", "isOptional"];
 const Label$1 = (_ref) => {
-	let { children, isOptional } = _ref, props = _objectWithoutProperties(_ref, _excluded$55);
+	let { children, isOptional } = _ref, props = _objectWithoutProperties(_ref, _excluded$54);
 	return /* @__PURE__ */ jsxs(Label, _objectSpread2(_objectSpread2({ textWrapper: "label" }, props), {}, { children: [children, isOptional && /* @__PURE__ */ jsx("span", {
 		className: "kern-label__optional",
 		children: "– Optional"
@@ -982,13 +982,13 @@ const Label$1 = (_ref) => {
 
 //#endregion
 //#region src/components/Input/Primitives/Password/PasswordInput.tsx
-const _excluded$54 = [
+const _excluded$53 = [
 	"erroneous",
 	"required",
 	"autoComplete"
 ];
 const PasswordInput$1 = forwardRef((_ref, ref) => {
-	let { erroneous = false, required, autoComplete = "password" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$54);
+	let { erroneous = false, required, autoComplete = "password" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$53);
 	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
 		ref,
 		type: "password",
@@ -1000,13 +1000,13 @@ const PasswordInput$1 = forwardRef((_ref, ref) => {
 
 //#endregion
 //#region src/components/Input/Primitives/Radio/RadioInput.tsx
-const _excluded$53 = [
+const _excluded$52 = [
 	"erroneous",
 	"required",
 	"autoComplete"
 ];
 const RadioInput$1 = forwardRef((_ref, ref) => {
-	let { erroneous = false, required, autoComplete } = _ref, rest = _objectWithoutProperties(_ref, _excluded$53);
+	let { erroneous = false, required, autoComplete } = _ref, rest = _objectWithoutProperties(_ref, _excluded$52);
 	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
 		ref,
 		type: "radio",
@@ -1018,22 +1018,22 @@ const RadioInput$1 = forwardRef((_ref, ref) => {
 
 //#endregion
 //#region src/components/Input/Primitives/Root.tsx
-const _excluded$52 = ["className", "erroneous"];
+const _excluded$51 = ["className", "erroneous"];
 const Root = (_ref) => {
-	let { className, erroneous } = _ref, props = _objectWithoutProperties(_ref, _excluded$52);
+	let { className, erroneous } = _ref, props = _objectWithoutProperties(_ref, _excluded$51);
 	return /* @__PURE__ */ jsx("div", _objectSpread2({ className: cn("kern-form-input", erroneous && "kern-form-input--error", className) }, props));
 };
 
 //#endregion
 //#region src/components/Input/Primitives/Select/SelectInput.tsx
-const _excluded$51 = [
+const _excluded$50 = [
 	"erroneous",
 	"required",
 	"autoComplete",
 	"options"
 ];
 const SelectInput$1 = forwardRef((_ref, ref) => {
-	let { erroneous = false, required, autoComplete = "", options = [] } = _ref, rest = _objectWithoutProperties(_ref, _excluded$51);
+	let { erroneous = false, required, autoComplete = "", options = [] } = _ref, rest = _objectWithoutProperties(_ref, _excluded$50);
 	return /* @__PURE__ */ jsx("div", {
 		className: "kern-form-input__select-wrapper",
 		children: /* @__PURE__ */ jsx("select", _objectSpread2(_objectSpread2({}, rest), {}, {
@@ -1051,9 +1051,9 @@ const SelectInput$1 = forwardRef((_ref, ref) => {
 
 //#endregion
 //#region src/components/Input/Primitives/Tel/TelInput.tsx
-const _excluded$50 = ["erroneous", "required"];
+const _excluded$49 = ["erroneous", "required"];
 const TelInput$1 = forwardRef((_ref, ref) => {
-	let { erroneous = false, required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$50);
+	let { erroneous = false, required } = _ref, rest = _objectWithoutProperties(_ref, _excluded$49);
 	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
 		ref,
 		required,
@@ -1066,13 +1066,13 @@ const TelInput$1 = forwardRef((_ref, ref) => {
 
 //#endregion
 //#region src/components/Input/Primitives/Text/TextInput.tsx
-const _excluded$49 = [
+const _excluded$48 = [
 	"erroneous",
 	"required",
 	"autoComplete"
 ];
 const TextInput$1 = forwardRef((_ref, ref) => {
-	let { erroneous = false, required, autoComplete } = _ref, rest = _objectWithoutProperties(_ref, _excluded$49);
+	let { erroneous = false, required, autoComplete } = _ref, rest = _objectWithoutProperties(_ref, _excluded$48);
 	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
 		ref,
 		type: "text",
@@ -1084,13 +1084,13 @@ const TextInput$1 = forwardRef((_ref, ref) => {
 
 //#endregion
 //#region src/components/Input/Primitives/Textarea/TextareaInput.tsx
-const _excluded$48 = [
+const _excluded$47 = [
 	"erroneous",
 	"required",
 	"autoComplete"
 ];
 const TextareaInput$1 = forwardRef((_ref, ref) => {
-	let { erroneous = false, required, autoComplete } = _ref, rest = _objectWithoutProperties(_ref, _excluded$48);
+	let { erroneous = false, required, autoComplete } = _ref, rest = _objectWithoutProperties(_ref, _excluded$47);
 	return /* @__PURE__ */ jsx("textarea", _objectSpread2(_objectSpread2({}, rest), {}, {
 		ref,
 		required,
@@ -1101,13 +1101,13 @@ const TextareaInput$1 = forwardRef((_ref, ref) => {
 
 //#endregion
 //#region src/components/Input/Primitives/Url/UrlInput.tsx
-const _excluded$47 = [
+const _excluded$46 = [
 	"erroneous",
 	"required",
 	"autoComplete"
 ];
 const UrlInput$1 = forwardRef((_ref, ref) => {
-	let { erroneous = false, required, autoComplete = "url" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$47);
+	let { erroneous = false, required, autoComplete = "url" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$46);
 	return /* @__PURE__ */ jsx("input", _objectSpread2(_objectSpread2({}, rest), {}, {
 		required,
 		autoComplete,
@@ -1139,7 +1139,7 @@ var Primitives_exports = /* @__PURE__ */ __export({
 
 //#endregion
 //#region src/components/Input/Checkbox/index.tsx
-const _excluded$46 = [
+const _excluded$45 = [
 	"id",
 	"error",
 	"disabled",
@@ -1149,7 +1149,7 @@ const _excluded$46 = [
 	"style"
 ];
 const CheckboxInput = (_ref) => {
-	let { id, error = false, disabled = false, hasOptionalLabel = false, label, className, style } = _ref, rest = _objectWithoutProperties(_ref, _excluded$46);
+	let { id, error = false, disabled = false, hasOptionalLabel = false, label, className, style } = _ref, rest = _objectWithoutProperties(_ref, _excluded$45);
 	const isErrorString = typeof error === "string";
 	const errorId = `${id}-error`;
 	const describedBy = rest["aria-describedby"] ? [rest["aria-describedby"]] : [];
@@ -1215,7 +1215,7 @@ var Fieldset_exports = /* @__PURE__ */ __export({
 
 //#endregion
 //#region src/components/Grid/Column.tsx
-const _excluded$45 = [
+const _excluded$44 = [
 	"children",
 	"breakpoint",
 	"width",
@@ -1225,7 +1225,7 @@ const _excluded$45 = [
 	"className"
 ];
 const GridColumn = (_ref) => {
-	let { children, breakpoint, width, isOffset, offsetWidth, alignItem, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$45);
+	let { children, breakpoint, width, isOffset, offsetWidth, alignItem, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$44);
 	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}` : "",
@@ -1240,13 +1240,13 @@ GridColumn.displayName = "Grid.Column";
 
 //#endregion
 //#region src/components/Grid/Root.tsx
-const _excluded$44 = [
+const _excluded$43 = [
 	"type",
 	"className",
 	"children"
 ];
 const GridRoot = (_ref) => {
-	let { type, className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$44);
+	let { type, className, children } = _ref, rest = _objectWithoutProperties(_ref, _excluded$43);
 	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn(type ? `kern-container-${type}` : "kern-container", className),
 		children
@@ -1256,14 +1256,14 @@ GridRoot.displayName = "Grid.Root";
 
 //#endregion
 //#region src/components/Grid/Row.tsx
-const _excluded$43 = [
+const _excluded$42 = [
 	"children",
 	"alignItems",
 	"horizontalAlignment",
 	"className"
 ];
 const GridRow = (_ref) => {
-	let { children, alignItems, horizontalAlignment, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$43);
+	let { children, alignItems, horizontalAlignment, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$42);
 	const rowClasses = cn("kern-row", alignItems && `kern-align-items-${alignItems}`, horizontalAlignment && `kern-justify-content-${horizontalAlignment}`, className);
 	return /* @__PURE__ */ jsx("div", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: rowClasses,
@@ -1282,14 +1282,14 @@ var Grid_exports = /* @__PURE__ */ __export({
 
 //#endregion
 //#region src/components/Lists/Root.tsx
-const _excluded$42 = [
+const _excluded$41 = [
 	"children",
 	"className",
 	"size",
 	"type"
 ];
 const ListsRoot = (_ref) => {
-	let { children, className, size = "default", type = "bullet" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$42);
+	let { children, className, size = "default", type = "bullet" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$41);
 	const Component = type === "number" ? "ol" : "ul";
 	const listClasses = cn("kern-list", size !== "default" && `kern-list--${size}`, type && `kern-list--${type}`, className);
 	return /* @__PURE__ */ jsx(Component, _objectSpread2(_objectSpread2({}, rest), {}, {
@@ -1310,13 +1310,13 @@ ListsItem.displayName = "Lists.Item";
 
 //#endregion
 //#region src/components/Lists/Bullet.tsx
-const _excluded$41 = [
+const _excluded$40 = [
 	"title",
 	"items",
 	"className"
 ];
 const ListsBullet = (_ref) => {
-	let { title, items, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$41);
+	let { title, items, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$40);
 	return /* @__PURE__ */ jsxs("div", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn(className),
 		children: [/* @__PURE__ */ jsx("div", {
@@ -1332,14 +1332,14 @@ ListsBullet.displayName = "Lists.Bullet";
 
 //#endregion
 //#region src/components/Lists/Number.tsx
-const _excluded$40 = [
+const _excluded$39 = [
 	"children",
 	"className",
 	"size",
 	"type"
 ];
 const ListsNumber = (_ref) => {
-	let { children, className, size = "default", type } = _ref, rest = _objectWithoutProperties(_ref, _excluded$40);
+	let { children, className, size = "default", type } = _ref, rest = _objectWithoutProperties(_ref, _excluded$39);
 	return /* @__PURE__ */ jsx("ol", _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: cn("kern-list", size && `kern-list--${size}`, type && `kern-list--${type}`, className),
 		children
@@ -1358,7 +1358,7 @@ var Lists_exports = /* @__PURE__ */ __export({
 
 //#endregion
 //#region src/components/Progress/Root.tsx
-const _excluded$39 = [
+const _excluded$38 = [
 	"value",
 	"max",
 	"className",
@@ -1372,7 +1372,7 @@ const useProgressContext = () => {
 	return context;
 };
 const ProgressRoot = (_ref) => {
-	let { value = 0, max = 100, className, children, progressId: propProgressId } = _ref, rest = _objectWithoutProperties(_ref, _excluded$39);
+	let { value = 0, max = 100, className, children, progressId: propProgressId } = _ref, rest = _objectWithoutProperties(_ref, _excluded$38);
 	const percentage = Math.round(value / max * 100);
 	const progressId = React.useMemo(() => propProgressId || `progress-${Math.random().toString(36).slice(2, 11)}`, [propProgressId]);
 	const contextValue = {
@@ -1393,39 +1393,19 @@ ProgressRoot.displayName = "Progress.Root";
 
 //#endregion
 //#region src/components/Progress/Bar.tsx
-const _excluded$38 = ["className", "aria-label"];
+const _excluded$37 = ["className"];
 const ProgressBar = (_ref) => {
-	let { className, "aria-label": ariaLabel } = _ref, rest = _objectWithoutProperties(_ref, _excluded$38);
+	let { className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$37);
 	const { value, max, progressId } = useProgressContext();
 	return /* @__PURE__ */ jsx("progress", _objectSpread2(_objectSpread2({}, rest), {}, {
 		id: progressId,
+		className,
 		value,
-		"aria-label": ariaLabel || `Progress: ${value.toString()}%`,
-		max,
-		className
+		max
 	}));
 };
 ProgressBar.displayName = "Progress.Bar";
 
-//#endregion
-//#region src/components/Progress/Cancel.tsx
-const _excluded$37 = ["children", "onCancel"];
-const ProgressCancel = (_ref) => {
-	let { children = "Abbrechen", onCancel } = _ref, rest = _objectWithoutProperties(_ref, _excluded$37);
-	return /* @__PURE__ */ jsx(Button, _objectSpread2(_objectSpread2({}, rest), {}, {
-		variant: "tertiary",
-		text: typeof children === "string" ? children : void 0,
-		icon: {
-			name: "close",
-			size: "small"
-		},
-		iconLeft: true,
-		onClick: onCancel,
-		children: typeof children !== "string" ? children : void 0
-	}));
-};
-ProgressCancel.displayName = "Progress.Cancel";
-
 //#endregion
 //#region src/components/Progress/Header.tsx
 const ProgressHeader = ({ className, style, children }) => {
@@ -1456,27 +1436,12 @@ const ProgressLabel = (_ref) => {
 };
 ProgressLabel.displayName = "Progress.Label";
 
-//#endregion
-//#region src/components/Progress/Percentage.tsx
-const ProgressPercentage = ({ className, style, formatter }) => {
-	const { percentage } = useProgressContext();
-	const displayText = formatter ? formatter(percentage) : `${percentage}%`;
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("kern-body--small", className),
-		style: _objectSpread2({ color: "var(--kern-color-layout-text-muted, #404565)" }, style),
-		children: displayText
-	});
-};
-ProgressPercentage.displayName = "Progress.Percentage";
-
 //#endregion
 //#region src/components/Progress/index.ts
 var Progress_exports = /* @__PURE__ */ __export({
 	Bar: () => ProgressBar,
-	Cancel: () => ProgressCancel,
 	Header: () => ProgressHeader,
 	Label: () => ProgressLabel,
-	Percentage: () => ProgressPercentage,
 	Root: () => ProgressRoot
 });