@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/components/dialog/OnboardingDialog.js

@@ -1,63 +1,73 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import b from "./Dialog.js";
-import a from "../button/Button.js";
-const y = (r) => {
-  const {
-    className: o,
-    show: s,
-    onClose: i,
-    onStartTour: n,
-    imageSrc: l,
-    imageAlt: d,
-    title: c = "Welcome to the RIO UIKIT!",
-    description: m = /* @__PURE__ */ t("span", { children: [
-      /* @__PURE__ */ e("span", { className: "text-medium", children: "Get started with a quick tour to explore UIKIT and discover its key features." }),
-      " ",
-      /* @__PURE__ */ e("span", { children: "It's the easiest way to get familiar with the service and make the most of your experience." })
-    ] }),
-    onboardingRestartHint: h = "Not ready to start now?",
-    onboardingRestartDescription: g = "You can always start the onboarding tour later from the service info option in the application header.",
-    skipButtonText: p = "Skip",
-    tourButtonText: u = "Start the tour",
-    ...x
-  } = r, N = `${o || ""} onboarding-dialog`;
-  return /* @__PURE__ */ e(
-    b,
-    {
-      ...x,
-      show: s,
-      bsSize: "sm",
-      onClose: i,
-      onEsc: i,
-      bodyClassName: "padding-0",
-      className: N,
-      showCloseButton: !1,
-      body: /* @__PURE__ */ t("div", { children: [
-        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-          "img",
-          {
-            className: "img-responsive rounded-top-right-extra-large rounded-top-left-extra-large",
-            src: l,
-            alt: d
-          }
-        ) }),
-        /* @__PURE__ */ t("div", { className: "position-relative padding-20 margin-top-10 margin-x-20", children: [
-          /* @__PURE__ */ e("div", { className: "margin-bottom-15 margin-right-20 text-color-darkest", children: /* @__PURE__ */ e("div", { className: "text-size-h3 text-medium", children: c }) }),
-          /* @__PURE__ */ e("div", { className: "text-color-darker", children: /* @__PURE__ */ e("p", { className: "text-size-16", children: m }) }),
-          /* @__PURE__ */ t("div", { className: "text-color-darker", children: [
-            /* @__PURE__ */ e("div", { className: "margin-top-25 text-medium", children: h }),
-            /* @__PURE__ */ e("p", { className: "text-color-darker padding-bottom-15 margin-top-5", children: g })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "btn-toolbar justify-content-end margin-y-20", children: [
-            /* @__PURE__ */ e(a, { bsStyle: a.MUTED, onClick: i, children: p }),
-            /* @__PURE__ */ e(a, { bsStyle: a.PRIMARY, onClick: n, children: u })
-          ] })
-        ] })
-      ] })
-    }
-  );
+import e from "../button/Button.js";
+import t from "./Dialog.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/dialog/OnboardingDialog.tsx
+var i = (i) => {
+	let { className: a, show: o, onClose: s, onStartTour: c, imageSrc: l, imageAlt: u, title: d = "Welcome to the RIO UIKIT!", description: f = /* @__PURE__ */ r("span", { children: [
+		/* @__PURE__ */ n("span", {
+			className: "text-medium",
+			children: "Get started with a quick tour to explore UIKIT and discover its key features."
+		}),
+		" ",
+		/* @__PURE__ */ n("span", { children: "It's the easiest way to get familiar with the service and make the most of your experience." })
+	] }), onboardingRestartHint: p = "Not ready to start now?", onboardingRestartDescription: m = "You can always start the onboarding tour later from the service info option in the application header.", skipButtonText: h = "Skip", tourButtonText: g = "Start the tour", ..._ } = i, v = `${a || ""} onboarding-dialog`;
+	return /* @__PURE__ */ n(t, {
+		..._,
+		show: o,
+		bsSize: "sm",
+		onClose: s,
+		onEsc: s,
+		bodyClassName: "padding-0",
+		className: v,
+		showCloseButton: !1,
+		body: /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("img", {
+			className: "img-responsive rounded-top-right-extra-large rounded-top-left-extra-large",
+			src: l,
+			alt: u
+		}) }), /* @__PURE__ */ r("div", {
+			className: "position-relative padding-20 margin-top-10 margin-x-20",
+			children: [
+				/* @__PURE__ */ n("div", {
+					className: "margin-bottom-15 margin-right-20 text-color-darkest",
+					children: /* @__PURE__ */ n("div", {
+						className: "text-size-h3 text-medium",
+						children: d
+					})
+				}),
+				/* @__PURE__ */ n("div", {
+					className: "text-color-darker",
+					children: /* @__PURE__ */ n("p", {
+						className: "text-size-16",
+						children: f
+					})
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "text-color-darker",
+					children: [/* @__PURE__ */ n("div", {
+						className: "margin-top-25 text-medium",
+						children: p
+					}), /* @__PURE__ */ n("p", {
+						className: "text-color-darker padding-bottom-15 margin-top-5",
+						children: m
+					})]
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "btn-toolbar justify-content-end margin-y-20",
+					children: [/* @__PURE__ */ n(e, {
+						bsStyle: e.MUTED,
+						onClick: s,
+						children: h
+					}), /* @__PURE__ */ n(e, {
+						bsStyle: e.PRIMARY,
+						onClick: c,
+						children: g
+					})]
+				})
+			]
+		})] })
+	});
 };
-export {
-  y as default
-};
-//# sourceMappingURL=OnboardingDialog.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=OnboardingDialog.js.map

package/components/dialog/OnboardingDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingDialog.js","sources":["../../../src/components/dialog/OnboardingDialog.tsx"],"sourcesContent":["import type React from 'react';\n\nimport Dialog, { type BaseDialogProps } from './Dialog';\nimport Button from '../button/Button';\n\nexport type OnboardingDialogProps = Pick<BaseDialogProps, 'show' | 'onClose' | 'className'> & {\n    /**\n     * The source URL of the image to be displayed in the dialog.\n     */\n    imageSrc: string;\n\n    /**\n     * Alternative text for the image, used for accessibility.\n     */\n    imageAlt?: string;\n\n    /**\n     * The title of the dialog. A welcome message.\n     */\n    title?: string | React.ReactNode;\n\n    /**\n     * A short description of the service and it's onboarding.\n     */\n    description?: string | React.ReactNode;\n\n    /**\n     * Hint text for restarting the onboarding process.\n     */\n    onboardingRestartHint?: string | React.ReactNode;\n\n    /**\n     * Detailed description for restarting the onboarding process.\n     */\n    onboardingRestartDescription?: string | React.ReactNode;\n\n    /**\n     * Text for the skip button\n     */\n    skipButtonText?: string | React.ReactNode;\n\n    /**\n     * Text for the button to start the tour\n     */\n    tourButtonText?: string | React.ReactNode;\n\n    /**\n     * Callback function to be called when the tour starts.\n     *\n     * @returns\n     */\n    onStartTour: () => void;\n};\n\nconst OnboardingDialog = (props: OnboardingDialogProps) => {\n    const {\n        className,\n        show,\n        onClose,\n        onStartTour,\n        imageSrc,\n        imageAlt,\n        title = 'Welcome to the RIO UIKIT!',\n        description = (\n            <span>\n                <span className='text-medium'>\n                    Get started with a quick tour to explore UIKIT and discover its key features.\n                </span>{' '}\n                <span>It's the easiest way to get familiar with the service and make the most of your experience.</span>\n            </span>\n        ),\n        onboardingRestartHint = 'Not ready to start now?',\n        onboardingRestartDescription = 'You can always start the onboarding tour later from the service info option in the application header.',\n        skipButtonText = 'Skip',\n        tourButtonText = 'Start the tour',\n        ...remainingProps\n    } = props;\n\n    const dialogClassName = `${className ? className : ''} onboarding-dialog`;\n\n    return (\n        <Dialog\n            {...remainingProps}\n            show={show}\n            bsSize='sm'\n            onClose={onClose}\n            onEsc={onClose}\n            bodyClassName='padding-0'\n            className={dialogClassName}\n            showCloseButton={false}\n            body={\n                <div>\n                    <div>\n                        <img\n                            className='img-responsive rounded-top-right-extra-large rounded-top-left-extra-large'\n                            src={imageSrc}\n                            alt={imageAlt}\n                        />\n                    </div>\n                    <div className='position-relative padding-20 margin-top-10 margin-x-20'>\n                        <div className='margin-bottom-15 margin-right-20 text-color-darkest'>\n                            <div className='text-size-h3 text-medium'>{title}</div>\n                        </div>\n                        <div className='text-color-darker'>\n                            <p className='text-size-16'>{description}</p>\n                        </div>\n                        <div className='text-color-darker'>\n                            <div className='margin-top-25 text-medium'>{onboardingRestartHint}</div>\n                            <p className='text-color-darker padding-bottom-15 margin-top-5'>\n                                {onboardingRestartDescription}\n                            </p>\n                        </div>\n                        <div className='btn-toolbar justify-content-end margin-y-20'>\n                            <Button bsStyle={Button.MUTED} onClick={onClose}>\n                                {skipButtonText}\n                            </Button>\n                            <Button bsStyle={Button.PRIMARY} onClick={onStartTour}>\n                                {tourButtonText}\n                            </Button>\n                        </div>\n                    </div>\n                </div>\n            }\n        />\n    );\n};\n\nexport default OnboardingDialog;\n"],"names":["OnboardingDialog","props","className","show","onClose","onStartTour","imageSrc","imageAlt","title","description","jsx","onboardingRestartHint","onboardingRestartDescription","skipButtonText","tourButtonText","remainingProps","dialogClassName","Dialog","jsxs","Button"],"mappings":";;;AAsDA,MAAMA,IAAmB,CAACC,MAAiC;AACvD,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,aAAAC,sBACK,QAAA,EACG,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,eAAc,UAAA,iFAE9B;AAAA,MAAQ;AAAA,MACR,gBAAAA,EAAC,UAAK,UAAA,8FAAA,CAA2F;AAAA,IAAA,GACrG;AAAA,IAEJ,uBAAAC,IAAwB;AAAA,IACxB,8BAAAC,IAA+B;AAAA,IAC/B,gBAAAC,IAAiB;AAAA,IACjB,gBAAAC,IAAiB;AAAA,IACjB,GAAGC;AAAA,EAAA,IACHd,GAEEe,IAAkB,GAAGd,KAAwB,EAAE;AAErD,SACI,gBAAAQ;AAAA,IAACO;AAAA,IAAA;AAAA,MACI,GAAGF;AAAA,MACJ,MAAAZ;AAAA,MACA,QAAO;AAAA,MACP,SAAAC;AAAA,MACA,OAAOA;AAAA,MACP,eAAc;AAAA,MACd,WAAWY;AAAA,MACX,iBAAiB;AAAA,MACjB,wBACK,OAAA,EACG,UAAA;AAAA,QAAA,gBAAAN,EAAC,OAAA,EACG,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,KAAKJ;AAAA,YACL,KAAKC;AAAA,UAAA;AAAA,QAAA,GAEb;AAAA,QACA,gBAAAW,EAAC,OAAA,EAAI,WAAU,0DACX,UAAA;AAAA,UAAA,gBAAAR,EAAC,OAAA,EAAI,WAAU,uDACX,UAAA,gBAAAA,EAAC,SAAI,WAAU,4BAA4B,aAAM,EAAA,CACrD;AAAA,UACA,gBAAAA,EAAC,SAAI,WAAU,qBACX,4BAAC,KAAA,EAAE,WAAU,gBAAgB,UAAAD,EAAA,CAAY,EAAA,CAC7C;AAAA,UACA,gBAAAS,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,YAAA,gBAAAR,EAAC,OAAA,EAAI,WAAU,6BAA6B,UAAAC,GAAsB;AAAA,YAClE,gBAAAD,EAAC,KAAA,EAAE,WAAU,oDACR,UAAAE,EAAA,CACL;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,+CACX,UAAA;AAAA,YAAA,gBAAAR,EAACS,KAAO,SAASA,EAAO,OAAO,SAASf,GACnC,UAAAS,GACL;AAAA,8BACCM,GAAA,EAAO,SAASA,EAAO,SAAS,SAASd,GACrC,UAAAS,EAAA,CACL;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAIhB;"}
+{"version":3,"file":"OnboardingDialog.js","names":[],"sources":["../../../src/components/dialog/OnboardingDialog.tsx"],"sourcesContent":["import type React from 'react';\n\nimport Dialog, { type BaseDialogProps } from './Dialog';\nimport Button from '../button/Button';\n\nexport type OnboardingDialogProps = Pick<BaseDialogProps, 'show' | 'onClose' | 'className'> & {\n    /**\n     * The source URL of the image to be displayed in the dialog.\n     */\n    imageSrc: string;\n\n    /**\n     * Alternative text for the image, used for accessibility.\n     */\n    imageAlt?: string;\n\n    /**\n     * The title of the dialog. A welcome message.\n     */\n    title?: string | React.ReactNode;\n\n    /**\n     * A short description of the service and it's onboarding.\n     */\n    description?: string | React.ReactNode;\n\n    /**\n     * Hint text for restarting the onboarding process.\n     */\n    onboardingRestartHint?: string | React.ReactNode;\n\n    /**\n     * Detailed description for restarting the onboarding process.\n     */\n    onboardingRestartDescription?: string | React.ReactNode;\n\n    /**\n     * Text for the skip button\n     */\n    skipButtonText?: string | React.ReactNode;\n\n    /**\n     * Text for the button to start the tour\n     */\n    tourButtonText?: string | React.ReactNode;\n\n    /**\n     * Callback function to be called when the tour starts.\n     *\n     * @returns\n     */\n    onStartTour: () => void;\n};\n\nconst OnboardingDialog = (props: OnboardingDialogProps) => {\n    const {\n        className,\n        show,\n        onClose,\n        onStartTour,\n        imageSrc,\n        imageAlt,\n        title = 'Welcome to the RIO UIKIT!',\n        description = (\n            <span>\n                <span className='text-medium'>\n                    Get started with a quick tour to explore UIKIT and discover its key features.\n                </span>{' '}\n                <span>It's the easiest way to get familiar with the service and make the most of your experience.</span>\n            </span>\n        ),\n        onboardingRestartHint = 'Not ready to start now?',\n        onboardingRestartDescription = 'You can always start the onboarding tour later from the service info option in the application header.',\n        skipButtonText = 'Skip',\n        tourButtonText = 'Start the tour',\n        ...remainingProps\n    } = props;\n\n    const dialogClassName = `${className ? className : ''} onboarding-dialog`;\n\n    return (\n        <Dialog\n            {...remainingProps}\n            show={show}\n            bsSize='sm'\n            onClose={onClose}\n            onEsc={onClose}\n            bodyClassName='padding-0'\n            className={dialogClassName}\n            showCloseButton={false}\n            body={\n                <div>\n                    <div>\n                        <img\n                            className='img-responsive rounded-top-right-extra-large rounded-top-left-extra-large'\n                            src={imageSrc}\n                            alt={imageAlt}\n                        />\n                    </div>\n                    <div className='position-relative padding-20 margin-top-10 margin-x-20'>\n                        <div className='margin-bottom-15 margin-right-20 text-color-darkest'>\n                            <div className='text-size-h3 text-medium'>{title}</div>\n                        </div>\n                        <div className='text-color-darker'>\n                            <p className='text-size-16'>{description}</p>\n                        </div>\n                        <div className='text-color-darker'>\n                            <div className='margin-top-25 text-medium'>{onboardingRestartHint}</div>\n                            <p className='text-color-darker padding-bottom-15 margin-top-5'>\n                                {onboardingRestartDescription}\n                            </p>\n                        </div>\n                        <div className='btn-toolbar justify-content-end margin-y-20'>\n                            <Button bsStyle={Button.MUTED} onClick={onClose}>\n                                {skipButtonText}\n                            </Button>\n                            <Button bsStyle={Button.PRIMARY} onClick={onStartTour}>\n                                {tourButtonText}\n                            </Button>\n                        </div>\n                    </div>\n                </div>\n            }\n        />\n    );\n};\n\nexport default OnboardingDialog;\n"],"mappings":";;;;AAsDA,IAAM,KAAoB,MAAiC;CACvD,IAAM,EACF,cACA,SACA,YACA,gBACA,aACA,aACA,WAAQ,6BACR,iBACI,kBAAC,QAAD,EAAA,UAAA;EACI,kBAAC,QAAD;GAAM,WAAU;aAAc;EAExB,CAAA;EAAE;EACR,kBAAC,QAAD,EAAA,UAAM,8FAAiG,CAAA;CACrG,EAAA,CAAA,GAEV,2BAAwB,2BACxB,kCAA+B,0GAC/B,oBAAiB,QACjB,oBAAiB,kBACjB,GAAG,MACH,GAEE,IAAkB,GAAG,KAAwB,GAAG;CAEtD,OACI,kBAAC,GAAD;EACI,GAAI;EACE;EACN,QAAO;EACE;EACT,OAAO;EACP,eAAc;EACd,WAAW;EACX,iBAAiB;EACjB,MACI,kBAAC,OAAD,EAAA,UAAA,CACI,kBAAC,OAAD,EAAA,UACI,kBAAC,OAAD;GACI,WAAU;GACV,KAAK;GACL,KAAK;EACR,CAAA,EACA,CAAA,GACL,kBAAC,OAAD;GAAK,WAAU;aAAf;IACI,kBAAC,OAAD;KAAK,WAAU;eACX,kBAAC,OAAD;MAAK,WAAU;gBAA4B;KAAW,CAAA;IACrD,CAAA;IACL,kBAAC,OAAD;KAAK,WAAU;eACX,kBAAC,KAAD;MAAG,WAAU;gBAAgB;KAAe,CAAA;IAC3C,CAAA;IACL,kBAAC,OAAD;KAAK,WAAU;eAAf,CACI,kBAAC,OAAD;MAAK,WAAU;gBAA6B;KAA2B,CAAA,GACvE,kBAAC,KAAD;MAAG,WAAU;gBACR;KACF,CAAA,CACF;;IACL,kBAAC,OAAD;KAAK,WAAU;eAAf,CACI,kBAAC,GAAD;MAAQ,SAAS,EAAO;MAAO,SAAS;gBACnC;KACG,CAAA,GACR,kBAAC,GAAD;MAAQ,SAAS,EAAO;MAAS,SAAS;gBACrC;KACG,CAAA,CACP;;GACJ;IACJ,EAAA,CAAA;CAEZ,CAAA;AAET"}

package/components/dialog/ReleaseNotesDialog.js

@@ -1,25 +1,26 @@
-import { jsx as o } from "react/jsx-runtime";
-import i from "../releaseNotes/ReleaseNotes.js";
-import m from "../button/Button.js";
-import c from "./Dialog.js";
-const l = (e) => {
-  window.localStorage.setItem(e.RELEASE_NOTES_ITEM, e.currentVersion), e.setShowReleaseNotes(!1);
-}, N = (e, t) => /* @__PURE__ */ o("span", { children: e || t }), R = (e) => {
-  const { moduleName: t, whatsNewTitle: s, closeButtonText: a, translatedReleaseNotes: r, useOverflow: n = !0 } = e;
-  return /* @__PURE__ */ o(
-    c,
-    {
-      show: e.showReleaseNotes,
-      useOverflow: n,
-      title: N(t, s),
-      subtitle: t && s,
-      body: /* @__PURE__ */ o(i, { releaseNotes: r }),
-      footer: /* @__PURE__ */ o(m, { onClick: () => l(e), children: a || "Close" }),
-      onClose: () => l(e)
-    }
-  );
+import e from "../button/Button.js";
+import t from "./Dialog.js";
+import n from "../releaseNotes/ReleaseNotes.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/dialog/ReleaseNotesDialog.tsx
+var i = (e) => {
+	window.localStorage.setItem(e.RELEASE_NOTES_ITEM, e.currentVersion), e.setShowReleaseNotes(!1);
+}, a = (e, t) => /* @__PURE__ */ r("span", { children: e || t }), o = (o) => {
+	let { moduleName: s, whatsNewTitle: c, closeButtonText: l, translatedReleaseNotes: u, useOverflow: d = !0 } = o;
+	return /* @__PURE__ */ r(t, {
+		show: o.showReleaseNotes,
+		useOverflow: d,
+		title: a(s, c),
+		subtitle: s && c,
+		body: /* @__PURE__ */ r(n, { releaseNotes: u }),
+		footer: /* @__PURE__ */ r(e, {
+			onClick: () => i(o),
+			children: l || "Close"
+		}),
+		onClose: () => i(o)
+	});
 };
-export {
-  R as default
-};
-//# sourceMappingURL=ReleaseNotesDialog.js.map
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=ReleaseNotesDialog.js.map

package/components/dialog/ReleaseNotesDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReleaseNotesDialog.js","sources":["../../../src/components/dialog/ReleaseNotesDialog.tsx"],"sourcesContent":["import ReleaseNotes, { type ReleaseNotesData } from '../releaseNotes/ReleaseNotes';\n\nimport Button from '../button/Button';\nimport Dialog from './Dialog';\n\nconst setReleaseNotesItem = (props: ReleaseNotesDialogProps) => {\n    window.localStorage.setItem(props.RELEASE_NOTES_ITEM, props.currentVersion);\n    props.setShowReleaseNotes(false);\n};\n\nconst getModuleName = (moduleName: string | undefined, whatsNew: string | undefined) => (\n    <span>{moduleName ? moduleName : whatsNew}</span>\n);\n\nexport type ReleaseNotesDialogProps = {\n    /**\n     * Decides if the dialog is opened.\n     */\n    showReleaseNotes: boolean;\n\n    /**\n     * Callback set showReleaseNotes state\n     *\n     * @param show\n     * @returns\n     */\n    setShowReleaseNotes: (show: boolean) => void;\n\n    /**\n     * Translated text for \"What`s new?\"\n     */\n    whatsNewTitle?: string;\n\n    /**\n     * The translated modulename.\n     */\n    moduleName?: string;\n\n    /**\n     * Translated text for the close button.\n     */\n    closeButtonText?: string;\n\n    /**\n     * Translated release notes.\n     *\n     * @example\n     * {\n     *     \"0.1.2\": {\n     *         date: '20.10.2023',\n     *         content: (\n     *             <div className='padding-left-15'>\n     *                 Summary\n     *                 • Feature 1\n     *                 • Feature 2\n     *             </div>\n     *         ),\n     *     }\n     * }\n     */\n    translatedReleaseNotes: ReleaseNotesData;\n\n    /**\n     * Specifies the current module version.\n     */\n    currentVersion: string;\n\n    /**\n     * Specifies the item in the localStorage that is used to save the last read module version.\n     */\n    RELEASE_NOTES_ITEM: string;\n\n    /**\n     * Enables the content of the dialog to scroll when it overflows.\n     * This means the dialog body scrolls instead of the entire dialog.\n     *\n     * @default true\n     */\n    useOverflow?: boolean;\n};\n\nconst ReleaseNotesDialog = (props: ReleaseNotesDialogProps) => {\n    const { moduleName, whatsNewTitle, closeButtonText, translatedReleaseNotes, useOverflow = true } = props;\n\n    return (\n        <Dialog\n            show={props.showReleaseNotes}\n            useOverflow={useOverflow}\n            title={getModuleName(moduleName, whatsNewTitle)}\n            subtitle={moduleName && whatsNewTitle}\n            body={<ReleaseNotes releaseNotes={translatedReleaseNotes} />}\n            footer={<Button onClick={() => setReleaseNotesItem(props)}>{closeButtonText || 'Close'}</Button>}\n            onClose={() => setReleaseNotesItem(props)}\n        />\n    );\n};\n\nexport default ReleaseNotesDialog;\n"],"names":["setReleaseNotesItem","props","getModuleName","moduleName","whatsNew","ReleaseNotesDialog","whatsNewTitle","closeButtonText","translatedReleaseNotes","useOverflow","jsx","Dialog","ReleaseNotes","Button"],"mappings":";;;;AAKA,MAAMA,IAAsB,CAACC,MAAmC;AAC5D,SAAO,aAAa,QAAQA,EAAM,oBAAoBA,EAAM,cAAc,GAC1EA,EAAM,oBAAoB,EAAK;AACnC,GAEMC,IAAgB,CAACC,GAAgCC,wBAClD,QAAA,EAAM,UAAAD,KAA0BC,GAAS,GAsExCC,IAAqB,CAACJ,MAAmC;AAC3D,QAAM,EAAE,YAAAE,GAAY,eAAAG,GAAe,iBAAAC,GAAiB,wBAAAC,GAAwB,aAAAC,IAAc,OAASR;AAEnG,SACI,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAMV,EAAM;AAAA,MACZ,aAAAQ;AAAA,MACA,OAAOP,EAAcC,GAAYG,CAAa;AAAA,MAC9C,UAAUH,KAAcG;AAAA,MACxB,MAAM,gBAAAI,EAACE,GAAA,EAAa,cAAcJ,EAAA,CAAwB;AAAA,MAC1D,0BAASK,GAAA,EAAO,SAAS,MAAMb,EAAoBC,CAAK,GAAI,UAAAM,KAAmB,QAAA,CAAQ;AAAA,MACvF,SAAS,MAAMP,EAAoBC,CAAK;AAAA,IAAA;AAAA,EAAA;AAGpD;"}
+{"version":3,"file":"ReleaseNotesDialog.js","names":[],"sources":["../../../src/components/dialog/ReleaseNotesDialog.tsx"],"sourcesContent":["import ReleaseNotes, { type ReleaseNotesData } from '../releaseNotes/ReleaseNotes';\n\nimport Button from '../button/Button';\nimport Dialog from './Dialog';\n\nconst setReleaseNotesItem = (props: ReleaseNotesDialogProps) => {\n    window.localStorage.setItem(props.RELEASE_NOTES_ITEM, props.currentVersion);\n    props.setShowReleaseNotes(false);\n};\n\nconst getModuleName = (moduleName: string | undefined, whatsNew: string | undefined) => (\n    <span>{moduleName ? moduleName : whatsNew}</span>\n);\n\nexport type ReleaseNotesDialogProps = {\n    /**\n     * Decides if the dialog is opened.\n     */\n    showReleaseNotes: boolean;\n\n    /**\n     * Callback set showReleaseNotes state\n     *\n     * @param show\n     * @returns\n     */\n    setShowReleaseNotes: (show: boolean) => void;\n\n    /**\n     * Translated text for \"What`s new?\"\n     */\n    whatsNewTitle?: string;\n\n    /**\n     * The translated modulename.\n     */\n    moduleName?: string;\n\n    /**\n     * Translated text for the close button.\n     */\n    closeButtonText?: string;\n\n    /**\n     * Translated release notes.\n     *\n     * @example\n     * {\n     *     \"0.1.2\": {\n     *         date: '20.10.2023',\n     *         content: (\n     *             <div className='padding-left-15'>\n     *                 Summary\n     *                 • Feature 1\n     *                 • Feature 2\n     *             </div>\n     *         ),\n     *     }\n     * }\n     */\n    translatedReleaseNotes: ReleaseNotesData;\n\n    /**\n     * Specifies the current module version.\n     */\n    currentVersion: string;\n\n    /**\n     * Specifies the item in the localStorage that is used to save the last read module version.\n     */\n    RELEASE_NOTES_ITEM: string;\n\n    /**\n     * Enables the content of the dialog to scroll when it overflows.\n     * This means the dialog body scrolls instead of the entire dialog.\n     *\n     * @default true\n     */\n    useOverflow?: boolean;\n};\n\nconst ReleaseNotesDialog = (props: ReleaseNotesDialogProps) => {\n    const { moduleName, whatsNewTitle, closeButtonText, translatedReleaseNotes, useOverflow = true } = props;\n\n    return (\n        <Dialog\n            show={props.showReleaseNotes}\n            useOverflow={useOverflow}\n            title={getModuleName(moduleName, whatsNewTitle)}\n            subtitle={moduleName && whatsNewTitle}\n            body={<ReleaseNotes releaseNotes={translatedReleaseNotes} />}\n            footer={<Button onClick={() => setReleaseNotesItem(props)}>{closeButtonText || 'Close'}</Button>}\n            onClose={() => setReleaseNotesItem(props)}\n        />\n    );\n};\n\nexport default ReleaseNotesDialog;\n"],"mappings":";;;;;AAKA,IAAM,KAAuB,MAAmC;CAE5D,AADA,OAAO,aAAa,QAAQ,EAAM,oBAAoB,EAAM,cAAc,GAC1E,EAAM,oBAAoB,EAAK;AACnC,GAEM,KAAiB,GAAgC,MACnD,kBAAC,QAAD,EAAA,UAAO,KAA0B,EAAe,CAAA,GAsE9C,KAAsB,MAAmC;CAC3D,IAAM,EAAE,eAAY,kBAAe,oBAAiB,2BAAwB,iBAAc,OAAS;CAEnG,OACI,kBAAC,GAAD;EACI,MAAM,EAAM;EACC;EACb,OAAO,EAAc,GAAY,CAAa;EAC9C,UAAU,KAAc;EACxB,MAAM,kBAAC,GAAD,EAAc,cAAc,EAAyB,CAAA;EAC3D,QAAQ,kBAAC,GAAD;GAAQ,eAAe,EAAoB,CAAK;aAAI,KAAmB;EAAgB,CAAA;EAC/F,eAAe,EAAoB,CAAK;CAC3C,CAAA;AAET"}

package/components/dialog/SaveDialog.js

@@ -1,37 +1,41 @@
-import { jsx as o, jsxs as C } from "react/jsx-runtime";
-import { noop as t } from "es-toolkit/function";
-import n from "../button/Button.js";
-import f from "./Dialog.js";
-const h = (r) => {
-  const {
-    showCloseButton: i = !0,
-    content: a,
-    discardButtonText: c,
-    cancelButtonText: s,
-    confirmButtonText: l,
-    onClickDiscard: m = t,
-    onClickCancel: e = t,
-    onClickConfirm: d = t,
-    ...u
-  } = r;
-  return /* @__PURE__ */ o(
-    f,
-    {
-      ...u,
-      showCloseButton: i,
-      body: a,
-      footer: /* @__PURE__ */ C("div", { className: "btn-toolbar", children: [
-        /* @__PURE__ */ o(n, { className: "DiscardButton", onClick: m, children: c }),
-        /* @__PURE__ */ o(n, { className: "CancelButton", onClick: e, children: s }),
-        /* @__PURE__ */ o(n, { className: "ConfirmationButton", bsStyle: "primary", onClick: d, children: l })
-      ] }),
-      onClose: e,
-      className: "save-dialog",
-      disableEsc: !0
-    }
-  );
+import e from "../button/Button.js";
+import t from "./Dialog.js";
+import { noop as n } from "es-toolkit/function";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/dialog/SaveDialog.tsx
+var a = (a) => {
+	let { showCloseButton: o = !0, content: s, discardButtonText: c, cancelButtonText: l, confirmButtonText: u, onClickDiscard: d = n, onClickCancel: f = n, onClickConfirm: p = n, ...m } = a, h = /* @__PURE__ */ i("div", {
+		className: "btn-toolbar",
+		children: [
+			/* @__PURE__ */ r(e, {
+				className: "DiscardButton",
+				onClick: d,
+				children: c
+			}),
+			/* @__PURE__ */ r(e, {
+				className: "CancelButton",
+				onClick: f,
+				children: l
+			}),
+			/* @__PURE__ */ r(e, {
+				className: "ConfirmationButton",
+				bsStyle: "primary",
+				onClick: p,
+				children: u
+			})
+		]
+	});
+	return /* @__PURE__ */ r(t, {
+		...m,
+		showCloseButton: o,
+		body: s,
+		footer: h,
+		onClose: f,
+		className: "save-dialog",
+		disableEsc: !0
+	});
 };
-export {
-  h as default
-};
-//# sourceMappingURL=SaveDialog.js.map
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=SaveDialog.js.map

package/components/dialog/SaveDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"SaveDialog.js","sources":["../../../src/components/dialog/SaveDialog.tsx"],"sourcesContent":["import type React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport Button from '../button/Button';\nimport Dialog, { type BaseDialogProps } from './Dialog';\n\nexport type SaveDialogProps = BaseDialogProps & {\n    /**\n     * The content of the dialog body itself.\n     */\n    content: string | React.ReactNode;\n\n    /**\n     * A callback fired when the cancel button is clicked or the dialog is closed.\n     */\n    onClickCancel: VoidFunction;\n\n    /**\n     * A callback fired when the discard button is clicked.\n     */\n    onClickDiscard: VoidFunction;\n\n    /**\n     * A callback fired when the confirmation button is clicked.\n     */\n    onClickConfirm: VoidFunction;\n\n    /**\n     * The content of the discard button. (Usually a text, can also be a FormattedMessage component).\n     */\n    discardButtonText: string | React.ReactNode;\n\n    /**\n     * The content of the cancel button. (Usually a text, can also be a FormattedMessage component).\n     */\n    cancelButtonText: string | React.ReactNode;\n\n    /**\n     * The content of the confirmation button. Since it is a node, it can be a simple text\n     * or any JSX node like a div element with an icon and a text.\n     */\n    confirmButtonText: string | React.ReactNode;\n};\n\nconst SaveDialog = (props: SaveDialogProps) => {\n    const {\n        showCloseButton = true,\n        content,\n        discardButtonText,\n        cancelButtonText,\n        confirmButtonText,\n        onClickDiscard = noop,\n        onClickCancel = noop,\n        onClickConfirm = noop,\n        ...remainingProps\n    } = props;\n\n    const footer = (\n        <div className='btn-toolbar'>\n            <Button className='DiscardButton' onClick={onClickDiscard}>\n                {discardButtonText}\n            </Button>\n            <Button className='CancelButton' onClick={onClickCancel}>\n                {cancelButtonText}\n            </Button>\n            <Button className='ConfirmationButton' bsStyle='primary' onClick={onClickConfirm}>\n                {confirmButtonText}\n            </Button>\n        </div>\n    );\n\n    return (\n        <Dialog\n            {...remainingProps}\n            showCloseButton={showCloseButton}\n            body={content}\n            footer={footer}\n            onClose={onClickCancel}\n            className='save-dialog'\n            disableEsc\n        />\n    );\n};\n\nexport default SaveDialog;\n"],"names":["SaveDialog","props","showCloseButton","content","discardButtonText","cancelButtonText","confirmButtonText","onClickDiscard","noop","onClickCancel","onClickConfirm","remainingProps","jsx","Dialog","jsxs","Button"],"mappings":";;;;AA4CA,MAAMA,IAAa,CAACC,MAA2B;AAC3C,QAAM;AAAA,IACF,iBAAAC,IAAkB;AAAA,IAClB,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC,IAAiBC;AAAA,IACjB,eAAAC,IAAgBD;AAAA,IAChB,gBAAAE,IAAiBF;AAAA,IACjB,GAAGG;AAAA,EAAA,IACHV;AAgBJ,SACI,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGF;AAAA,MACJ,iBAAAT;AAAA,MACA,MAAMC;AAAA,MACN,QAlBJ,gBAAAW,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAO,WAAU,iBAAgB,SAASR,GACtC,UAAAH,GACL;AAAA,0BACCW,GAAA,EAAO,WAAU,gBAAe,SAASN,GACrC,UAAAJ,GACL;AAAA,QACA,gBAAAO,EAACG,KAAO,WAAU,sBAAqB,SAAQ,WAAU,SAASL,GAC7D,UAAAJ,EAAA,CACL;AAAA,MAAA,GACJ;AAAA,MASI,SAASG;AAAA,MACT,WAAU;AAAA,MACV,YAAU;AAAA,IAAA;AAAA,EAAA;AAGtB;"}
+{"version":3,"file":"SaveDialog.js","names":[],"sources":["../../../src/components/dialog/SaveDialog.tsx"],"sourcesContent":["import type React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport Button from '../button/Button';\nimport Dialog, { type BaseDialogProps } from './Dialog';\n\nexport type SaveDialogProps = BaseDialogProps & {\n    /**\n     * The content of the dialog body itself.\n     */\n    content: string | React.ReactNode;\n\n    /**\n     * A callback fired when the cancel button is clicked or the dialog is closed.\n     */\n    onClickCancel: VoidFunction;\n\n    /**\n     * A callback fired when the discard button is clicked.\n     */\n    onClickDiscard: VoidFunction;\n\n    /**\n     * A callback fired when the confirmation button is clicked.\n     */\n    onClickConfirm: VoidFunction;\n\n    /**\n     * The content of the discard button. (Usually a text, can also be a FormattedMessage component).\n     */\n    discardButtonText: string | React.ReactNode;\n\n    /**\n     * The content of the cancel button. (Usually a text, can also be a FormattedMessage component).\n     */\n    cancelButtonText: string | React.ReactNode;\n\n    /**\n     * The content of the confirmation button. Since it is a node, it can be a simple text\n     * or any JSX node like a div element with an icon and a text.\n     */\n    confirmButtonText: string | React.ReactNode;\n};\n\nconst SaveDialog = (props: SaveDialogProps) => {\n    const {\n        showCloseButton = true,\n        content,\n        discardButtonText,\n        cancelButtonText,\n        confirmButtonText,\n        onClickDiscard = noop,\n        onClickCancel = noop,\n        onClickConfirm = noop,\n        ...remainingProps\n    } = props;\n\n    const footer = (\n        <div className='btn-toolbar'>\n            <Button className='DiscardButton' onClick={onClickDiscard}>\n                {discardButtonText}\n            </Button>\n            <Button className='CancelButton' onClick={onClickCancel}>\n                {cancelButtonText}\n            </Button>\n            <Button className='ConfirmationButton' bsStyle='primary' onClick={onClickConfirm}>\n                {confirmButtonText}\n            </Button>\n        </div>\n    );\n\n    return (\n        <Dialog\n            {...remainingProps}\n            showCloseButton={showCloseButton}\n            body={content}\n            footer={footer}\n            onClose={onClickCancel}\n            className='save-dialog'\n            disableEsc\n        />\n    );\n};\n\nexport default SaveDialog;\n"],"mappings":";;;;;AA4CA,IAAM,KAAc,MAA2B;CAC3C,IAAM,EACF,qBAAkB,IAClB,YACA,sBACA,qBACA,sBACA,oBAAiB,GACjB,mBAAgB,GAChB,oBAAiB,GACjB,GAAG,MACH,GAEE,IACF,kBAAC,OAAD;EAAK,WAAU;YAAf;GACI,kBAAC,GAAD;IAAQ,WAAU;IAAgB,SAAS;cACtC;GACG,CAAA;GACR,kBAAC,GAAD;IAAQ,WAAU;IAAe,SAAS;cACrC;GACG,CAAA;GACR,kBAAC,GAAD;IAAQ,WAAU;IAAqB,SAAQ;IAAU,SAAS;cAC7D;GACG,CAAA;EACP;;CAGT,OACI,kBAAC,GAAD;EACI,GAAI;EACa;EACjB,MAAM;EACE;EACR,SAAS;EACT,WAAU;EACV,YAAA;CACH,CAAA;AAET"}

package/components/dialog/SimpleDialog.js

@@ -1,10 +1,16 @@
-import { jsx as i } from "react/jsx-runtime";
-import m from "./Dialog.js";
-const c = (s) => {
-  const { content: a, showCloseButton: t = !0, className: o, ...e } = s, l = `${o || ""} simple-dialog`;
-  return /* @__PURE__ */ i(m, { ...e, showCloseButton: t, body: a, className: l });
+import e from "./Dialog.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/dialog/SimpleDialog.tsx
+var n = (n) => {
+	let { content: r, showCloseButton: i = !0, className: a, ...o } = n, s = `${a || ""} simple-dialog`;
+	return /* @__PURE__ */ t(e, {
+		...o,
+		showCloseButton: i,
+		body: r,
+		className: s
+	});
 };
-export {
-  c as default
-};
-//# sourceMappingURL=SimpleDialog.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=SimpleDialog.js.map

package/components/dialog/SimpleDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleDialog.js","sources":["../../../src/components/dialog/SimpleDialog.tsx"],"sourcesContent":["import type React from 'react';\n\nimport Dialog, { type DialogProps } from './Dialog';\n\nexport type SimpleDialogProps = Omit<DialogProps, 'body'> & {\n    /**\n     * The content of the dialog body itself.\n     */\n    content: string | React.ReactNode;\n};\n\n/*\n * Component to show a modal popup containing a title, a content and a close handler.\n */\nconst SimpleDialog = (props: SimpleDialogProps) => {\n    const { content, showCloseButton = true, className, ...remainingProps } = props;\n\n    const dialogClassName = `${className ? className : ''} simple-dialog`;\n\n    return <Dialog {...remainingProps} showCloseButton={showCloseButton} body={content} className={dialogClassName} />;\n};\n\nexport default SimpleDialog;\n"],"names":["SimpleDialog","props","content","showCloseButton","className","remainingProps","dialogClassName","jsx","Dialog"],"mappings":";;AAcA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,SAAAC,GAAS,iBAAAC,IAAkB,IAAM,WAAAC,GAAW,GAAGC,MAAmBJ,GAEpEK,IAAkB,GAAGF,KAAwB,EAAE;AAErD,SAAO,gBAAAG,EAACC,KAAQ,GAAGH,GAAgB,iBAAAF,GAAkC,MAAMD,GAAS,WAAWI,GAAiB;AACpH;"}
+{"version":3,"file":"SimpleDialog.js","names":[],"sources":["../../../src/components/dialog/SimpleDialog.tsx"],"sourcesContent":["import type React from 'react';\n\nimport Dialog, { type DialogProps } from './Dialog';\n\nexport type SimpleDialogProps = Omit<DialogProps, 'body'> & {\n    /**\n     * The content of the dialog body itself.\n     */\n    content: string | React.ReactNode;\n};\n\n/*\n * Component to show a modal popup containing a title, a content and a close handler.\n */\nconst SimpleDialog = (props: SimpleDialogProps) => {\n    const { content, showCloseButton = true, className, ...remainingProps } = props;\n\n    const dialogClassName = `${className ? className : ''} simple-dialog`;\n\n    return <Dialog {...remainingProps} showCloseButton={showCloseButton} body={content} className={dialogClassName} />;\n};\n\nexport default SimpleDialog;\n"],"mappings":";;;AAcA,IAAM,KAAgB,MAA6B;CAC/C,IAAM,EAAE,YAAS,qBAAkB,IAAM,cAAW,GAAG,MAAmB,GAEpE,IAAkB,GAAG,KAAwB,GAAG;CAEtD,OAAO,kBAAC,GAAD;EAAQ,GAAI;EAAiC;EAAiB,MAAM;EAAS,WAAW;CAAkB,CAAA;AACrH"}

package/components/dialog/SplitDialog.js

@@ -1,26 +1,26 @@
-import { jsx as s, jsxs as e } from "react/jsx-runtime";
-import N from "../../utils/classNames.js";
-import f from "./Dialog.js";
-const u = (t) => {
-  const {
-    leftContent: i,
-    rightContent: l,
-    leftContentClassName: a = "",
-    rightContentClassName: r = "",
-    className: o = "",
-    useOverflow: n = !0,
-    showDivider: m = !0,
-    ...d
-  } = t, c = `split-dialog ${o}`, p = N("split-divider", "bg-lighter"), g = /* @__PURE__ */ e("div", { className: "split-wrapper", children: [
-    /* @__PURE__ */ e("div", { className: `split-left ${a}`, children: [
-      i,
-      m && /* @__PURE__ */ s("div", { className: p })
-    ] }),
-    /* @__PURE__ */ s("div", { className: `split-right ${r}`, children: l })
-  ] });
-  return /* @__PURE__ */ s(f, { ...d, body: g, className: c, useOverflow: n });
+import e from "../../utils/classNames.js";
+import t from "./Dialog.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/dialog/SplitDialog.tsx
+var i = (i) => {
+	let { leftContent: a, rightContent: o, leftContentClassName: s = "", rightContentClassName: c = "", className: l = "", useOverflow: u = !0, showDivider: d = !0, ...f } = i, p = `split-dialog ${l}`, m = e("split-divider", "bg-lighter"), h = /* @__PURE__ */ r("div", {
+		className: "split-wrapper",
+		children: [/* @__PURE__ */ r("div", {
+			className: `split-left ${s}`,
+			children: [a, d && /* @__PURE__ */ n("div", { className: m })]
+		}), /* @__PURE__ */ n("div", {
+			className: `split-right ${c}`,
+			children: o
+		})]
+	});
+	return /* @__PURE__ */ n(t, {
+		...f,
+		body: h,
+		className: p,
+		useOverflow: u
+	});
 };
-export {
-  u as default
-};
-//# sourceMappingURL=SplitDialog.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=SplitDialog.js.map

package/components/dialog/SplitDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitDialog.js","sources":["../../../src/components/dialog/SplitDialog.tsx"],"sourcesContent":["import type React from 'react';\n\nimport classNames from '../../utils/classNames';\n\nimport Dialog, { type BaseDialogProps } from './Dialog';\n\nexport type SplitDialogProps = Omit<BaseDialogProps, 'useOverflow'> & {\n    /**\n     * The content to be shown on the left side.\n     */\n    leftContent?: string | React.ReactNode;\n\n    /**\n     * Additional classes for the left content element.\n     */\n    leftContentClassName?: string;\n\n    /**\n     * The content to be shown on the right side.\n     */\n    rightContent?: string | React.ReactNode;\n\n    /**\n     * Additional classes for the right content element.\n     */\n    rightContentClassName?: string;\n\n    /**\n     * The dialog body content.\n     */\n    footer?: React.ReactNode;\n\n    /**\n     * Additional classes for the modal-footer element.\n     */\n    footerClassName?: string;\n\n    /**\n     * A callback function to be executed before closing the dialog.\n     *\n     * If the function returns `false`, the dialog will not be closed\n     */\n    onCloseValidation?: () => boolean;\n\n    /**\n     * Enables the modal body to overflow and use inline scrolling if needed.\n     *\n     * @default true\n     */\n    useOverflow?: boolean;\n\n    /**\n     * Allows to disable the divider.\n     *\n     * @default true\n     */\n    showDivider?: boolean;\n};\n\nconst SplitDialog = (props: SplitDialogProps) => {\n    const {\n        leftContent,\n        rightContent,\n        leftContentClassName = '',\n        rightContentClassName = '',\n        className = '',\n        useOverflow = true,\n        showDivider = true,\n        ...remainingProps\n    } = props;\n\n    const dialogClassName = `split-dialog ${className}`;\n\n    const dividerClasses = classNames('split-divider', 'bg-lighter');\n\n    const body = (\n        <div className='split-wrapper'>\n            <div className={`split-left ${leftContentClassName}`}>\n                {leftContent}\n                {showDivider && <div className={dividerClasses} />}\n            </div>\n            <div className={`split-right ${rightContentClassName}`}>{rightContent}</div>\n        </div>\n    );\n\n    return <Dialog {...remainingProps} body={body} className={dialogClassName} useOverflow={useOverflow} />;\n};\n\nexport default SplitDialog;\n"],"names":["SplitDialog","props","leftContent","rightContent","leftContentClassName","rightContentClassName","className","useOverflow","showDivider","remainingProps","dialogClassName","dividerClasses","classNames","body","jsxs","jsx","Dialog"],"mappings":";;;AA2DA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAM;AAAA,IACF,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,uBAAAC,IAAwB;AAAA,IACxB,WAAAC,IAAY;AAAA,IACZ,aAAAC,IAAc;AAAA,IACd,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,EAAA,IACHR,GAEES,IAAkB,gBAAgBJ,CAAS,IAE3CK,IAAiBC,EAAW,iBAAiB,YAAY,GAEzDC,IACF,gBAAAC,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAW,cAAcV,CAAoB,IAC7C,UAAA;AAAA,MAAAF;AAAA,MACAM,KAAe,gBAAAO,EAAC,OAAA,EAAI,WAAWJ,EAAA,CAAgB;AAAA,IAAA,GACpD;AAAA,sBACC,OAAA,EAAI,WAAW,eAAeN,CAAqB,IAAK,UAAAF,EAAA,CAAa;AAAA,EAAA,GAC1E;AAGJ,2BAAQa,GAAA,EAAQ,GAAGP,GAAgB,MAAAI,GAAY,WAAWH,GAAiB,aAAAH,GAA0B;AACzG;"}
+{"version":3,"file":"SplitDialog.js","names":[],"sources":["../../../src/components/dialog/SplitDialog.tsx"],"sourcesContent":["import type React from 'react';\n\nimport classNames from '../../utils/classNames';\n\nimport Dialog, { type BaseDialogProps } from './Dialog';\n\nexport type SplitDialogProps = Omit<BaseDialogProps, 'useOverflow'> & {\n    /**\n     * The content to be shown on the left side.\n     */\n    leftContent?: string | React.ReactNode;\n\n    /**\n     * Additional classes for the left content element.\n     */\n    leftContentClassName?: string;\n\n    /**\n     * The content to be shown on the right side.\n     */\n    rightContent?: string | React.ReactNode;\n\n    /**\n     * Additional classes for the right content element.\n     */\n    rightContentClassName?: string;\n\n    /**\n     * The dialog body content.\n     */\n    footer?: React.ReactNode;\n\n    /**\n     * Additional classes for the modal-footer element.\n     */\n    footerClassName?: string;\n\n    /**\n     * A callback function to be executed before closing the dialog.\n     *\n     * If the function returns `false`, the dialog will not be closed\n     */\n    onCloseValidation?: () => boolean;\n\n    /**\n     * Enables the modal body to overflow and use inline scrolling if needed.\n     *\n     * @default true\n     */\n    useOverflow?: boolean;\n\n    /**\n     * Allows to disable the divider.\n     *\n     * @default true\n     */\n    showDivider?: boolean;\n};\n\nconst SplitDialog = (props: SplitDialogProps) => {\n    const {\n        leftContent,\n        rightContent,\n        leftContentClassName = '',\n        rightContentClassName = '',\n        className = '',\n        useOverflow = true,\n        showDivider = true,\n        ...remainingProps\n    } = props;\n\n    const dialogClassName = `split-dialog ${className}`;\n\n    const dividerClasses = classNames('split-divider', 'bg-lighter');\n\n    const body = (\n        <div className='split-wrapper'>\n            <div className={`split-left ${leftContentClassName}`}>\n                {leftContent}\n                {showDivider && <div className={dividerClasses} />}\n            </div>\n            <div className={`split-right ${rightContentClassName}`}>{rightContent}</div>\n        </div>\n    );\n\n    return <Dialog {...remainingProps} body={body} className={dialogClassName} useOverflow={useOverflow} />;\n};\n\nexport default SplitDialog;\n"],"mappings":";;;;AA2DA,IAAM,KAAe,MAA4B;CAC7C,IAAM,EACF,gBACA,iBACA,0BAAuB,IACvB,2BAAwB,IACxB,eAAY,IACZ,iBAAc,IACd,iBAAc,IACd,GAAG,MACH,GAEE,IAAkB,gBAAgB,KAElC,IAAiB,EAAW,iBAAiB,YAAY,GAEzD,IACF,kBAAC,OAAD;EAAK,WAAU;YAAf,CACI,kBAAC,OAAD;GAAK,WAAW,cAAc;aAA9B,CACK,GACA,KAAe,kBAAC,OAAD,EAAK,WAAW,EAAiB,CAAA,CAChD;MACL,kBAAC,OAAD;GAAK,WAAW,eAAe;aAA0B;EAAkB,CAAA,CAC1E;;CAGT,OAAO,kBAAC,GAAD;EAAQ,GAAI;EAAsB;EAAM,WAAW;EAA8B;CAAc,CAAA;AAC1G"}

package/components/dialog/dialogContext.js

@@ -1,19 +1,16 @@
-import { createContext as e, useContext as n } from "react";
-import { noop as r } from "es-toolkit/function";
-const s = {
-  onClose: r,
-  isSmallestDialog: !1,
-  showXsDialogBorders: !1,
-  showCloseButton: !0
-}, t = e(s), a = t.Provider, c = () => {
-  const o = n(t);
-  if (!o)
-    throw new Error("Dialog compound components cannot be rendered outside the Dialog component");
-  return o;
+import { createContext as e, useContext as t } from "react";
+import { noop as n } from "es-toolkit/function";
+var r = e({
+	onClose: n,
+	isSmallestDialog: !1,
+	showXsDialogBorders: !1,
+	showCloseButton: !0
+}), i = r.Provider, a = () => {
+	let e = t(r);
+	if (!e) throw Error("Dialog compound components cannot be rendered outside the Dialog component");
+	return e;
 };
-export {
-  a as DialogContextProvider,
-  t as dialogContext,
-  c as useDialogContext
-};
-//# sourceMappingURL=dialogContext.js.map
+//#endregion
+export { i as DialogContextProvider, r as dialogContext, a as useDialogContext };
+
+//# sourceMappingURL=dialogContext.js.map

package/components/dialog/dialogContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogContext.js","sources":["../../../src/components/dialog/dialogContext.ts"],"sourcesContent":["import type React from 'react';\nimport { createContext, useContext } from 'react';\nimport { noop } from 'es-toolkit/function';\n\nexport type DialogContext = {\n    onClose: (event: React.MouseEvent<HTMLButtonElement>) => void;\n    isSmallestDialog: boolean;\n    showXsDialogBorders: boolean;\n    showCloseButton: boolean;\n};\n\nconst initialContext = {\n    onClose: noop,\n    isSmallestDialog: false,\n    showXsDialogBorders: false,\n    showCloseButton: true,\n};\n\nexport const dialogContext = createContext<DialogContext>(initialContext);\n\nexport const DialogContextProvider = dialogContext.Provider;\n\nexport const useDialogContext = () => {\n    const context = useContext(dialogContext);\n    if (!context) {\n        throw new Error('Dialog compound components cannot be rendered outside the Dialog component');\n    }\n    return context;\n};\n"],"names":["initialContext","noop","dialogContext","createContext","DialogContextProvider","useDialogContext","context","useContext"],"mappings":";;AAWA,MAAMA,IAAiB;AAAA,EACnB,SAASC;AAAA,EACT,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,iBAAiB;AACrB,GAEaC,IAAgBC,EAA6BH,CAAc,GAE3DI,IAAwBF,EAAc,UAEtCG,IAAmB,MAAM;AAClC,QAAMC,IAAUC,EAAWL,CAAa;AACxC,MAAI,CAACI;AACD,UAAM,IAAI,MAAM,4EAA4E;AAEhG,SAAOA;AACX;"}
+{"version":3,"file":"dialogContext.js","names":[],"sources":["../../../src/components/dialog/dialogContext.ts"],"sourcesContent":["import type React from 'react';\nimport { createContext, useContext } from 'react';\nimport { noop } from 'es-toolkit/function';\n\nexport type DialogContext = {\n    onClose: (event: React.MouseEvent<HTMLButtonElement>) => void;\n    isSmallestDialog: boolean;\n    showXsDialogBorders: boolean;\n    showCloseButton: boolean;\n};\n\nconst initialContext = {\n    onClose: noop,\n    isSmallestDialog: false,\n    showXsDialogBorders: false,\n    showCloseButton: true,\n};\n\nexport const dialogContext = createContext<DialogContext>(initialContext);\n\nexport const DialogContextProvider = dialogContext.Provider;\n\nexport const useDialogContext = () => {\n    const context = useContext(dialogContext);\n    if (!context) {\n        throw new Error('Dialog compound components cannot be rendered outside the Dialog component');\n    }\n    return context;\n};\n"],"mappings":";;AAkBA,IAAa,IAAgB,EAA6B;CANtD,SAAS;CACT,kBAAkB;CAClB,qBAAqB;CACrB,iBAAiB;AAGqC,CAAc,GAE3D,IAAwB,EAAc,UAEtC,UAAyB;CAClC,IAAM,IAAU,EAAW,CAAa;CACxC,IAAI,CAAC,GACD,MAAU,MAAM,4EAA4E;CAEhG,OAAO;AACX"}

package/components/divider/Divider.js

@@ -1,47 +1,40 @@
-import { jsxs as t, Fragment as r, jsx as c } from "react/jsx-runtime";
-import o from "../../utils/classNames.js";
-const L = (h) => {
-  const {
-    spacing: m = 15,
-    dividerWidth: p = 1,
-    dividerColor: v = "light",
-    asSpacer: f = !1,
-    vertical: i = !1,
-    titleAlignment: n = "center",
-    className: x = "",
-    children: s
-  } = h, N = o("Divider", "position-relative", !i && "width-100pct", x), l = `${m}px`, e = {};
-  i && (e.paddingLeft = l, e.paddingRight = l), i || (e.paddingTop = l, e.paddingBottom = l);
-  const y = o("divider-line", `bg-${v}`), $ = typeof s == "string", g = /* @__PURE__ */ c(
-    "div",
-    {
-      className: y,
-      style: {
-        width: i ? `${p}px` : "100%",
-        height: i ? "100%" : `${p}px`
-      }
-    }
-  ), d = /* @__PURE__ */ c("div", { className: "flex-1-0", children: g }), a = /* @__PURE__ */ c("div", { className: $ ? "padding-x-10" : "", children: s }), u = o("divider-title", "display-flex", "align-items-center");
-  return /* @__PURE__ */ t("div", { className: N, style: e, children: [
-    !f && !s && g,
-    s && /* @__PURE__ */ t("div", { className: u, children: [
-      n === "left" && /* @__PURE__ */ t(r, { children: [
-        a,
-        d
-      ] }),
-      n === "center" && /* @__PURE__ */ t(r, { children: [
-        d,
-        a,
-        d
-      ] }),
-      n === "right" && /* @__PURE__ */ t(r, { children: [
-        d,
-        a
-      ] })
-    ] })
-  ] });
+import e from "../../utils/classNames.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/divider/Divider.tsx
+var i = (i) => {
+	let { spacing: a = 15, dividerWidth: o = 1, dividerColor: s = "light", asSpacer: c = !1, vertical: l = !1, titleAlignment: u = "center", className: d = "", children: f } = i, p = e("Divider", "position-relative", !l && "width-100pct", d), m = `${a}px`, h = {};
+	l && (h.paddingLeft = m, h.paddingRight = m), l || (h.paddingTop = m, h.paddingBottom = m);
+	let g = e("divider-line", `bg-${s}`), _ = typeof f == "string", v = /* @__PURE__ */ n("div", {
+		className: g,
+		style: {
+			width: l ? `${o}px` : "100%",
+			height: l ? "100%" : `${o}px`
+		}
+	}), y = /* @__PURE__ */ n("div", {
+		className: "flex-1-0",
+		children: v
+	}), b = /* @__PURE__ */ n("div", {
+		className: _ ? "padding-x-10" : "",
+		children: f
+	}), x = e("divider-title", "display-flex", "align-items-center");
+	return /* @__PURE__ */ r("div", {
+		className: p,
+		style: h,
+		children: [!c && !f && v, f && /* @__PURE__ */ r("div", {
+			className: x,
+			children: [
+				u === "left" && /* @__PURE__ */ r(t, { children: [b, y] }),
+				u === "center" && /* @__PURE__ */ r(t, { children: [
+					y,
+					b,
+					y
+				] }),
+				u === "right" && /* @__PURE__ */ r(t, { children: [y, b] })
+			]
+		})]
+	});
 };
-export {
-  L as default
-};
-//# sourceMappingURL=Divider.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=Divider.js.map