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

package/components/smoothScrollbars/SmoothScrollbars.js

@@ -1,72 +1,59 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as R, useRef as n, useImperativeHandle as S, useEffect as V } from "react";
-import { Scrollbars as I } from "react-custom-scrollbars-4";
-import { noop as O, debounce as x } from "es-toolkit/function";
-import s from "../../utils/classNames.js";
-const E = 100, P = R(
-  (i, m) => {
-    const {
-      slideIn: b = !1,
-      largeTrack: l = !1,
-      trackOffset: t = !1,
-      className: u = "",
-      onScroll: d = O,
-      tagName: f = "div",
-      autoHeight: h = !1,
-      autoHeightMin: N = 0,
-      autoHeightMax: p = 200,
-      children: v,
-      style: y,
-      ...k
-    } = i, a = n(null), c = n(null);
-    S(m, () => a.current, []), V(() => {
-      if (!c.current || !a.current)
-        return;
-      const r = x(() => {
-        a.current && a.current.update();
-      }, E), o = new ResizeObserver(r);
-      return o.observe(c.current), () => {
-        o.disconnect(), r.cancel();
-      };
-    }, []);
-    const T = s(u, b && "scrollbar-fly-in", "smooth-scrollbar-wrapper"), z = s(
-      "scrollbar-track-vertical",
-      l && "scrollbar-track-size-large",
-      t && "scrollbar-track-offset"
-    ), g = s(
-      "scrollbar-thumb-vertical",
-      l && "scrollbar-thumb-size-large"
-    ), H = s(
-      "scrollbar-track-horizontal",
-      l && "scrollbar-track-size-large",
-      t && "scrollbar-track-offset"
-    ), w = s(
-      "scrollbar-thumb-horizontal",
-      l && "scrollbar-thumb-size-large"
-    );
-    return /* @__PURE__ */ e(
-      I,
-      {
-        ...k,
-        ref: a,
-        tagName: f,
-        onScroll: d,
-        className: T,
-        hideTracksWhenNotNeeded: !0,
-        autoHeight: h,
-        autoHeightMin: N,
-        autoHeightMax: p,
-        renderView: (r) => /* @__PURE__ */ e("div", { ...r, className: "scrollbar-view" }),
-        renderTrackVertical: (r) => /* @__PURE__ */ e("div", { ...r, className: z }),
-        renderThumbVertical: (r) => /* @__PURE__ */ e("div", { ...r, className: g }),
-        renderTrackHorizontal: (r) => /* @__PURE__ */ e("div", { ...r, className: H }),
-        renderThumbHorizontal: (r) => /* @__PURE__ */ e("div", { ...r, className: w }),
-        children: /* @__PURE__ */ e("div", { className: "scrollbar-content-wrapper", ref: c, children: v })
-      }
-    );
-  }
-);
-export {
-  P as default
-};
-//# sourceMappingURL=SmoothScrollbars.js.map
+import e from "../../utils/classNames.js";
+import { forwardRef as t, useEffect as n, useImperativeHandle as r, useRef as i } from "react";
+import { debounce as a, noop as o } from "es-toolkit/function";
+import { jsx as s } from "react/jsx-runtime";
+import { Scrollbars as c } from "react-custom-scrollbars-4";
+//#region src/components/smoothScrollbars/SmoothScrollbars.tsx
+var l = 100, u = t((t, u) => {
+	let { slideIn: d = !1, largeTrack: f = !1, trackOffset: p = !1, className: m = "", onScroll: h = o, tagName: g = "div", autoHeight: _ = !1, autoHeightMin: v = 0, autoHeightMax: y = 200, children: b, style: x, ...S } = t, C = i(null), w = i(null);
+	r(u, () => C.current, []), n(() => {
+		if (!w.current || !C.current) return;
+		let e = a(() => {
+			C.current && C.current.update();
+		}, l), t = new ResizeObserver(e);
+		return t.observe(w.current), () => {
+			t.disconnect(), e.cancel();
+		};
+	}, []);
+	let T = e(m, d && "scrollbar-fly-in", "smooth-scrollbar-wrapper"), E = e("scrollbar-track-vertical", f && "scrollbar-track-size-large", p && "scrollbar-track-offset"), D = e("scrollbar-thumb-vertical", f && "scrollbar-thumb-size-large"), O = e("scrollbar-track-horizontal", f && "scrollbar-track-size-large", p && "scrollbar-track-offset"), k = e("scrollbar-thumb-horizontal", f && "scrollbar-thumb-size-large");
+	return /* @__PURE__ */ s(c, {
+		...S,
+		ref: C,
+		tagName: g,
+		onScroll: h,
+		className: T,
+		hideTracksWhenNotNeeded: !0,
+		autoHeight: _,
+		autoHeightMin: v,
+		autoHeightMax: y,
+		renderView: (e) => /* @__PURE__ */ s("div", {
+			...e,
+			className: "scrollbar-view"
+		}),
+		renderTrackVertical: (e) => /* @__PURE__ */ s("div", {
+			...e,
+			className: E
+		}),
+		renderThumbVertical: (e) => /* @__PURE__ */ s("div", {
+			...e,
+			className: D
+		}),
+		renderTrackHorizontal: (e) => /* @__PURE__ */ s("div", {
+			...e,
+			className: O
+		}),
+		renderThumbHorizontal: (e) => /* @__PURE__ */ s("div", {
+			...e,
+			className: k
+		}),
+		children: /* @__PURE__ */ s("div", {
+			className: "scrollbar-content-wrapper",
+			ref: w,
+			children: b
+		})
+	});
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=SmoothScrollbars.js.map

package/components/smoothScrollbars/SmoothScrollbars.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmoothScrollbars.js","sources":["../../../src/components/smoothScrollbars/SmoothScrollbars.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    type ForwardedRef,\n    type PropsWithChildren,\n    type AriaRole,\n} from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-4';\nimport { debounce, noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\n\nexport type SmoothScrollbarsProps = {\n    role?: AriaRole;\n\n    /**\n     * Defines whether the scrollbars should slide in on hover.\n     *\n     * @default false\n     */\n    slideIn?: boolean;\n\n    /**\n     * Defines whether the scrollbars should be slightly larger.\n     *\n     * @default false\n     */\n    largeTrack?: boolean;\n\n    /**\n     * Defines whether the scrollbars should have an offset.\n     *\n     * @default false\n     */\n    trackOffset?: boolean;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n\n    /**\n     * Tag name used for the scroll container.\n     *\n     * @default 'div'\n     */\n    tagName?: string;\n\n    /**\n     * Enable auto-height behavior.\n     *\n     * @default false\n     */\n    autoHeight?: boolean;\n\n    /**\n     * Minimum height when auto-height is enabled.\n     *\n     * @default 0\n     */\n    autoHeightMin?: number | string;\n\n    /**\n     * Maximum height when auto-height is enabled.\n     *\n     * @default 200\n     */\n    autoHeightMax?: number | string;\n\n    /**\n     * Scroll callback, forwarded to the underlying scrollbars instance.\n     */\n    onScroll?: (event: React.UIEvent<any> | undefined) => void;\n\n    /**\n     * Inline styles for the scroll container.\n     */\n    style?: React.CSSProperties;\n};\n\ntype ScrollbarsWithUpdate = Scrollbars & {\n    update: () => void;\n};\n\nconst RESIZE_THROTTLING = 100;\n\nconst SmoothScrollbars = forwardRef(\n    (componentProps: PropsWithChildren<SmoothScrollbarsProps>, ref: ForwardedRef<any>) => {\n        const {\n            slideIn = false,\n            largeTrack = false,\n            trackOffset = false,\n            className = '',\n            onScroll = noop,\n            tagName = 'div',\n            autoHeight = false,\n            autoHeightMin = 0,\n            autoHeightMax = 200,\n            children,\n            style,\n            ...remainingProps\n        } = componentProps;\n\n        const scrollbarsRef = useRef<Scrollbars>(null);\n        const contentRef = useRef<HTMLDivElement>(null);\n\n        useImperativeHandle(ref, () => scrollbarsRef.current as Scrollbars, []);\n\n        useEffect(() => {\n            if (!contentRef.current || !scrollbarsRef.current) {\n                return;\n            }\n\n            const updateScrollbars = debounce(() => {\n                if (scrollbarsRef.current) {\n                    // Trigger a update for the scrollbars.\n                    // This is needed since the lib does not automatically update on content height changes\n                    // See: https://github.com/RobPethick/react-custom-scrollbars-2/issues/12\n\n                    // Use type assertion to tell TypeScript that 'update' exists\n                    (scrollbarsRef.current as ScrollbarsWithUpdate).update();\n                }\n            }, RESIZE_THROTTLING);\n\n            const resizeObserver = new ResizeObserver(updateScrollbars);\n            resizeObserver.observe(contentRef.current);\n\n            return () => {\n                resizeObserver.disconnect();\n                updateScrollbars.cancel();\n            };\n        }, []);\n\n        const wrapperClassNames = classNames(className, slideIn && 'scrollbar-fly-in', 'smooth-scrollbar-wrapper');\n\n        const renderTrackVerticalNames = classNames(\n            'scrollbar-track-vertical',\n            largeTrack && 'scrollbar-track-size-large',\n            trackOffset && 'scrollbar-track-offset'\n        );\n\n        const renderThumbVerticalNames = classNames(\n            'scrollbar-thumb-vertical',\n            largeTrack && 'scrollbar-thumb-size-large'\n        );\n\n        const renderTrackHorizontalNames = classNames(\n            'scrollbar-track-horizontal',\n            largeTrack && 'scrollbar-track-size-large',\n            trackOffset && 'scrollbar-track-offset'\n        );\n\n        const renderThumbHorizontalNames = classNames(\n            'scrollbar-thumb-horizontal',\n            largeTrack && 'scrollbar-thumb-size-large'\n        );\n\n        return (\n            <Scrollbars\n                {...remainingProps}\n                ref={scrollbarsRef}\n                tagName={tagName}\n                onScroll={onScroll}\n                className={wrapperClassNames}\n                hideTracksWhenNotNeeded\n                autoHeight={autoHeight}\n                autoHeightMin={autoHeightMin}\n                autoHeightMax={autoHeightMax}\n                renderView={props => <div {...props} className='scrollbar-view' />}\n                renderTrackVertical={props => <div {...props} className={renderTrackVerticalNames} />}\n                renderThumbVertical={props => <div {...props} className={renderThumbVerticalNames} />}\n                renderTrackHorizontal={props => <div {...props} className={renderTrackHorizontalNames} />}\n                renderThumbHorizontal={props => <div {...props} className={renderThumbHorizontalNames} />}\n            >\n                <div className='scrollbar-content-wrapper' ref={contentRef}>\n                    {children}\n                </div>\n            </Scrollbars>\n        );\n    }\n);\n\nexport default SmoothScrollbars;\n"],"names":["RESIZE_THROTTLING","SmoothScrollbars","forwardRef","componentProps","ref","slideIn","largeTrack","trackOffset","className","onScroll","noop","tagName","autoHeight","autoHeightMin","autoHeightMax","children","style","remainingProps","scrollbarsRef","useRef","contentRef","useImperativeHandle","useEffect","updateScrollbars","debounce","resizeObserver","wrapperClassNames","classNames","renderTrackVerticalNames","renderThumbVerticalNames","renderTrackHorizontalNames","renderThumbHorizontalNames","jsx","Scrollbars","props"],"mappings":";;;;;AAsFA,MAAMA,IAAoB,KAEpBC,IAAmBC;AAAA,EACrB,CAACC,GAA0DC,MAA2B;AAClF,UAAM;AAAA,MACF,SAAAC,IAAU;AAAA,MACV,YAAAC,IAAa;AAAA,MACb,aAAAC,IAAc;AAAA,MACd,WAAAC,IAAY;AAAA,MACZ,UAAAC,IAAWC;AAAA,MACX,SAAAC,IAAU;AAAA,MACV,YAAAC,IAAa;AAAA,MACb,eAAAC,IAAgB;AAAA,MAChB,eAAAC,IAAgB;AAAA,MAChB,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACHd,GAEEe,IAAgBC,EAAmB,IAAI,GACvCC,IAAaD,EAAuB,IAAI;AAE9C,IAAAE,EAAoBjB,GAAK,MAAMc,EAAc,SAAuB,CAAA,CAAE,GAEtEI,EAAU,MAAM;AACZ,UAAI,CAACF,EAAW,WAAW,CAACF,EAAc;AACtC;AAGJ,YAAMK,IAAmBC,EAAS,MAAM;AACpC,QAAIN,EAAc,WAMbA,EAAc,QAAiC,OAAA;AAAA,MAExD,GAAGlB,CAAiB,GAEdyB,IAAiB,IAAI,eAAeF,CAAgB;AAC1D,aAAAE,EAAe,QAAQL,EAAW,OAAO,GAElC,MAAM;AACT,QAAAK,EAAe,WAAA,GACfF,EAAiB,OAAA;AAAA,MACrB;AAAA,IACJ,GAAG,CAAA,CAAE;AAEL,UAAMG,IAAoBC,EAAWnB,GAAWH,KAAW,oBAAoB,0BAA0B,GAEnGuB,IAA2BD;AAAA,MAC7B;AAAA,MACArB,KAAc;AAAA,MACdC,KAAe;AAAA,IAAA,GAGbsB,IAA2BF;AAAA,MAC7B;AAAA,MACArB,KAAc;AAAA,IAAA,GAGZwB,IAA6BH;AAAA,MAC/B;AAAA,MACArB,KAAc;AAAA,MACdC,KAAe;AAAA,IAAA,GAGbwB,IAA6BJ;AAAA,MAC/B;AAAA,MACArB,KAAc;AAAA,IAAA;AAGlB,WACI,gBAAA0B;AAAA,MAACC;AAAA,MAAA;AAAA,QACI,GAAGhB;AAAA,QACJ,KAAKC;AAAA,QACL,SAAAP;AAAA,QACA,UAAAF;AAAA,QACA,WAAWiB;AAAA,QACX,yBAAuB;AAAA,QACvB,YAAAd;AAAA,QACA,eAAAC;AAAA,QACA,eAAAC;AAAA,QACA,YAAY,CAAAoB,MAAS,gBAAAF,EAAC,SAAK,GAAGE,GAAO,WAAU,kBAAiB;AAAA,QAChE,qBAAqB,CAAAA,MAAS,gBAAAF,EAAC,SAAK,GAAGE,GAAO,WAAWN,GAA0B;AAAA,QACnF,qBAAqB,CAAAM,MAAS,gBAAAF,EAAC,SAAK,GAAGE,GAAO,WAAWL,GAA0B;AAAA,QACnF,uBAAuB,CAAAK,MAAS,gBAAAF,EAAC,SAAK,GAAGE,GAAO,WAAWJ,GAA4B;AAAA,QACvF,uBAAuB,CAAAI,MAAS,gBAAAF,EAAC,SAAK,GAAGE,GAAO,WAAWH,GAA4B;AAAA,QAEvF,4BAAC,OAAA,EAAI,WAAU,6BAA4B,KAAKX,GAC3C,UAAAL,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;"}
+{"version":3,"file":"SmoothScrollbars.js","names":[],"sources":["../../../src/components/smoothScrollbars/SmoothScrollbars.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    type ForwardedRef,\n    type PropsWithChildren,\n    type AriaRole,\n} from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-4';\nimport { debounce, noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\n\nexport type SmoothScrollbarsProps = {\n    role?: AriaRole;\n\n    /**\n     * Defines whether the scrollbars should slide in on hover.\n     *\n     * @default false\n     */\n    slideIn?: boolean;\n\n    /**\n     * Defines whether the scrollbars should be slightly larger.\n     *\n     * @default false\n     */\n    largeTrack?: boolean;\n\n    /**\n     * Defines whether the scrollbars should have an offset.\n     *\n     * @default false\n     */\n    trackOffset?: boolean;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n\n    /**\n     * Tag name used for the scroll container.\n     *\n     * @default 'div'\n     */\n    tagName?: string;\n\n    /**\n     * Enable auto-height behavior.\n     *\n     * @default false\n     */\n    autoHeight?: boolean;\n\n    /**\n     * Minimum height when auto-height is enabled.\n     *\n     * @default 0\n     */\n    autoHeightMin?: number | string;\n\n    /**\n     * Maximum height when auto-height is enabled.\n     *\n     * @default 200\n     */\n    autoHeightMax?: number | string;\n\n    /**\n     * Scroll callback, forwarded to the underlying scrollbars instance.\n     */\n    onScroll?: (event: React.UIEvent<any> | undefined) => void;\n\n    /**\n     * Inline styles for the scroll container.\n     */\n    style?: React.CSSProperties;\n};\n\ntype ScrollbarsWithUpdate = Scrollbars & {\n    update: () => void;\n};\n\nconst RESIZE_THROTTLING = 100;\n\nconst SmoothScrollbars = forwardRef(\n    (componentProps: PropsWithChildren<SmoothScrollbarsProps>, ref: ForwardedRef<any>) => {\n        const {\n            slideIn = false,\n            largeTrack = false,\n            trackOffset = false,\n            className = '',\n            onScroll = noop,\n            tagName = 'div',\n            autoHeight = false,\n            autoHeightMin = 0,\n            autoHeightMax = 200,\n            children,\n            style,\n            ...remainingProps\n        } = componentProps;\n\n        const scrollbarsRef = useRef<Scrollbars>(null);\n        const contentRef = useRef<HTMLDivElement>(null);\n\n        useImperativeHandle(ref, () => scrollbarsRef.current as Scrollbars, []);\n\n        useEffect(() => {\n            if (!contentRef.current || !scrollbarsRef.current) {\n                return;\n            }\n\n            const updateScrollbars = debounce(() => {\n                if (scrollbarsRef.current) {\n                    // Trigger a update for the scrollbars.\n                    // This is needed since the lib does not automatically update on content height changes\n                    // See: https://github.com/RobPethick/react-custom-scrollbars-2/issues/12\n\n                    // Use type assertion to tell TypeScript that 'update' exists\n                    (scrollbarsRef.current as ScrollbarsWithUpdate).update();\n                }\n            }, RESIZE_THROTTLING);\n\n            const resizeObserver = new ResizeObserver(updateScrollbars);\n            resizeObserver.observe(contentRef.current);\n\n            return () => {\n                resizeObserver.disconnect();\n                updateScrollbars.cancel();\n            };\n        }, []);\n\n        const wrapperClassNames = classNames(className, slideIn && 'scrollbar-fly-in', 'smooth-scrollbar-wrapper');\n\n        const renderTrackVerticalNames = classNames(\n            'scrollbar-track-vertical',\n            largeTrack && 'scrollbar-track-size-large',\n            trackOffset && 'scrollbar-track-offset'\n        );\n\n        const renderThumbVerticalNames = classNames(\n            'scrollbar-thumb-vertical',\n            largeTrack && 'scrollbar-thumb-size-large'\n        );\n\n        const renderTrackHorizontalNames = classNames(\n            'scrollbar-track-horizontal',\n            largeTrack && 'scrollbar-track-size-large',\n            trackOffset && 'scrollbar-track-offset'\n        );\n\n        const renderThumbHorizontalNames = classNames(\n            'scrollbar-thumb-horizontal',\n            largeTrack && 'scrollbar-thumb-size-large'\n        );\n\n        return (\n            <Scrollbars\n                {...remainingProps}\n                ref={scrollbarsRef}\n                tagName={tagName}\n                onScroll={onScroll}\n                className={wrapperClassNames}\n                hideTracksWhenNotNeeded\n                autoHeight={autoHeight}\n                autoHeightMin={autoHeightMin}\n                autoHeightMax={autoHeightMax}\n                renderView={props => <div {...props} className='scrollbar-view' />}\n                renderTrackVertical={props => <div {...props} className={renderTrackVerticalNames} />}\n                renderThumbVertical={props => <div {...props} className={renderThumbVerticalNames} />}\n                renderTrackHorizontal={props => <div {...props} className={renderTrackHorizontalNames} />}\n                renderThumbHorizontal={props => <div {...props} className={renderThumbHorizontalNames} />}\n            >\n                <div className='scrollbar-content-wrapper' ref={contentRef}>\n                    {children}\n                </div>\n            </Scrollbars>\n        );\n    }\n);\n\nexport default SmoothScrollbars;\n"],"mappings":";;;;;;AAsFA,IAAM,IAAoB,KAEpB,IAAmB,GACpB,GAA0D,MAA2B;CAClF,IAAM,EACF,aAAU,IACV,gBAAa,IACb,iBAAc,IACd,eAAY,IACZ,cAAW,GACX,aAAU,OACV,gBAAa,IACb,mBAAgB,GAChB,mBAAgB,KAChB,aACA,UACA,GAAG,MACH,GAEE,IAAgB,EAAmB,IAAI,GACvC,IAAa,EAAuB,IAAI;CAI9C,AAFA,EAAoB,SAAW,EAAc,SAAuB,CAAC,CAAC,GAEtE,QAAgB;EACZ,IAAI,CAAC,EAAW,WAAW,CAAC,EAAc,SACtC;EAGJ,IAAM,IAAmB,QAAe;GACpC,AAAI,EAAc,WAMd,EAAe,QAAiC,OAAO;EAE/D,GAAG,CAAiB,GAEd,IAAiB,IAAI,eAAe,CAAgB;EAG1D,OAFA,EAAe,QAAQ,EAAW,OAAO,SAE5B;GAET,AADA,EAAe,WAAW,GAC1B,EAAiB,OAAO;EAC5B;CACJ,GAAG,CAAC,CAAC;CAEL,IAAM,IAAoB,EAAW,GAAW,KAAW,oBAAoB,0BAA0B,GAEnG,IAA2B,EAC7B,4BACA,KAAc,8BACd,KAAe,wBACnB,GAEM,IAA2B,EAC7B,4BACA,KAAc,4BAClB,GAEM,IAA6B,EAC/B,8BACA,KAAc,8BACd,KAAe,wBACnB,GAEM,IAA6B,EAC/B,8BACA,KAAc,4BAClB;CAEA,OACI,kBAAC,GAAD;EACI,GAAI;EACJ,KAAK;EACI;EACC;EACV,WAAW;EACX,yBAAA;EACY;EACG;EACA;EACf,aAAY,MAAS,kBAAC,OAAD;GAAK,GAAI;GAAO,WAAU;EAAkB,CAAA;EACjE,sBAAqB,MAAS,kBAAC,OAAD;GAAK,GAAI;GAAO,WAAW;EAA2B,CAAA;EACpF,sBAAqB,MAAS,kBAAC,OAAD;GAAK,GAAI;GAAO,WAAW;EAA2B,CAAA;EACpF,wBAAuB,MAAS,kBAAC,OAAD;GAAK,GAAI;GAAO,WAAW;EAA6B,CAAA;EACxF,wBAAuB,MAAS,kBAAC,OAAD;GAAK,GAAI;GAAO,WAAW;EAA6B,CAAA;YAExF,kBAAC,OAAD;GAAK,WAAU;GAA4B,KAAK;GAC3C;EACA,CAAA;CACG,CAAA;AAEpB,CACJ"}

package/components/spinner/Spinner.js

@@ -1,38 +1,40 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import d from "../../utils/classNames.js";
-import v from "../fade/Fade.js";
-const S = (i) => {
-  const { isInverse: r, isDoubleSized: s, ...n } = i, l = d("spinner", r && "inverse", s && "double");
-  return /* @__PURE__ */ c("div", { ...n, className: l, children: [
-    /* @__PURE__ */ e("div", {}),
-    /* @__PURE__ */ e("div", {}),
-    /* @__PURE__ */ e("div", {}),
-    /* @__PURE__ */ e("div", {})
-  ] });
-}, g = (i) => {
-  const {
-    isInverse: r = !1,
-    isFullSized: s = !1,
-    isFullScreen: n = !1,
-    isDoubleSized: l = !1,
-    isInline: f = !1,
-    show: p = !1,
-    text: t,
-    ...u
-  } = i, a = /* @__PURE__ */ e(S, { isDoubleSized: l, isInverse: r, ...u });
-  if (f)
-    return a;
-  const m = d(
-    "spinnerInfoBox display-flex justify-content-center align-items-center height-100pct",
-    s && "fullsized",
-    n && "fullscreen"
-  ), o = /* @__PURE__ */ c("div", { className: m, children: [
-    a,
-    t && /* @__PURE__ */ e("div", { className: "spinnerText", children: t })
-  ] });
-  return n || s ? /* @__PURE__ */ e(v, { show: p, duration: 0.1, children: o }) : o;
+import e from "../../utils/classNames.js";
+import t from "../fade/Fade.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/spinner/Spinner.tsx
+var i = (t) => {
+	let { isInverse: i, isDoubleSized: a, ...o } = t, s = e("spinner", i && "inverse", a && "double");
+	return /* @__PURE__ */ r("div", {
+		...o,
+		className: s,
+		children: [
+			/* @__PURE__ */ n("div", {}),
+			/* @__PURE__ */ n("div", {}),
+			/* @__PURE__ */ n("div", {}),
+			/* @__PURE__ */ n("div", {})
+		]
+	});
+}, a = (a) => {
+	let { isInverse: o = !1, isFullSized: s = !1, isFullScreen: c = !1, isDoubleSized: l = !1, isInline: u = !1, show: d = !1, text: f, ...p } = a, m = /* @__PURE__ */ n(i, {
+		isDoubleSized: l,
+		isInverse: o,
+		...p
+	});
+	if (u) return m;
+	let h = /* @__PURE__ */ r("div", {
+		className: e("spinnerInfoBox display-flex justify-content-center align-items-center height-100pct", s && "fullsized", c && "fullscreen"),
+		children: [m, f && /* @__PURE__ */ n("div", {
+			className: "spinnerText",
+			children: f
+		})]
+	});
+	return c || s ? /* @__PURE__ */ n(t, {
+		show: d,
+		duration: .1,
+		children: h
+	}) : h;
 };
-export {
-  g as default
-};
-//# sourceMappingURL=Spinner.js.map
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=Spinner.js.map

package/components/spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import type React from 'react';\n\nimport classNames from '../../utils/classNames';\nimport Fade from '../fade/Fade';\n\ntype BaseSpinnerProps = {\n    isInverse?: boolean;\n    isDoubleSized?: boolean;\n};\n\nconst BaseSpinner = (props: BaseSpinnerProps) => {\n    const { isInverse, isDoubleSized, ...remainingProps } = props;\n    const className = classNames('spinner', isInverse && 'inverse', isDoubleSized && 'double');\n    return (\n        <div {...remainingProps} className={className}>\n            <div />\n            <div />\n            <div />\n            <div />\n        </div>\n    );\n};\n\nexport type SpinnerProps = {\n    /**\n     * Defines whether the spinner is shown on bright or dark background.\n     *\n     * @default false\n     */\n    isInverse?: boolean;\n\n    /**\n     * If set to \"true\" the spinner will be rendered twice as big.\n     *\n     * @default false\n     */\n    isDoubleSized?: boolean;\n\n    /**\n     * Renders the spinner as overlay in full-size mode.\n     *\n     * This will be relative to the parent container. Set the parent element to \"position-relative\" in this case.\n     *\n     * @default false\n     */\n    isFullSized?: boolean;\n\n    /**\n     * Renders the spinner in fullscreen mode, relative to the body.\n     *\n     * @default false\n     */\n    isFullScreen?: boolean;\n\n    /**\n     * Renders the spinner without centered wrapper.\n     *\n     * @default false\n     */\n    isInline?: boolean;\n\n    /**\n     * Flag to control the visibility of the spinner.\n     *\n     * Only relevant in combination with `isFullSized` or `isFullScreen`.\n     *\n     * @default false\n     */\n    show?: boolean;\n\n    /**\n     * The text shown next to the spinner icon.\n     */\n    text?: string | React.ReactNode;\n};\n\nconst Spinner = (props: SpinnerProps) => {\n    const {\n        isInverse = false,\n        isFullSized = false,\n        isFullScreen = false,\n        isDoubleSized = false,\n        isInline = false,\n        show = false,\n        text,\n        ...remainingProps\n    } = props;\n\n    const baseSpinner = <BaseSpinner isDoubleSized={isDoubleSized} isInverse={isInverse} {...remainingProps} />;\n\n    if (isInline) {\n        return baseSpinner;\n    }\n\n    const classes = classNames(\n        'spinnerInfoBox display-flex justify-content-center align-items-center height-100pct',\n        isFullSized && 'fullsized',\n        isFullScreen && 'fullscreen'\n    );\n\n    const wrappedSpinner = (\n        <div className={classes}>\n            {baseSpinner}\n            {text && <div className='spinnerText'>{text}</div>}\n        </div>\n    );\n\n    if (isFullScreen || isFullSized) {\n        return (\n            <Fade show={show} duration={0.1}>\n                {wrappedSpinner}\n            </Fade>\n        );\n    }\n\n    return wrappedSpinner;\n};\n\nexport default Spinner;\n"],"names":["BaseSpinner","props","isInverse","isDoubleSized","remainingProps","className","classNames","jsxs","jsx","Spinner","isFullSized","isFullScreen","isInline","show","text","baseSpinner","classes","wrappedSpinner","Fade"],"mappings":";;;AAUA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,WAAAC,GAAW,eAAAC,GAAe,GAAGC,MAAmBH,GAClDI,IAAYC,EAAW,WAAWJ,KAAa,WAAWC,KAAiB,QAAQ;AACzF,SACI,gBAAAI,EAAC,OAAA,EAAK,GAAGH,GAAgB,WAAAC,GACrB,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI;AAAA,sBACJ,OAAA,EAAI;AAAA,sBACJ,OAAA,EAAI;AAAA,sBACJ,OAAA,CAAA,CAAI;AAAA,EAAA,GACT;AAER,GAuDMC,IAAU,CAACR,MAAwB;AACrC,QAAM;AAAA,IACF,WAAAC,IAAY;AAAA,IACZ,aAAAQ,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,IACf,eAAAR,IAAgB;AAAA,IAChB,UAAAS,IAAW;AAAA,IACX,MAAAC,IAAO;AAAA,IACP,MAAAC;AAAA,IACA,GAAGV;AAAA,EAAA,IACHH,GAEEc,IAAc,gBAAAP,EAACR,GAAA,EAAY,eAAAG,GAA8B,WAAAD,GAAuB,GAAGE,GAAgB;AAEzG,MAAIQ;AACA,WAAOG;AAGX,QAAMC,IAAUV;AAAA,IACZ;AAAA,IACAI,KAAe;AAAA,IACfC,KAAgB;AAAA,EAAA,GAGdM,IACF,gBAAAV,EAAC,OAAA,EAAI,WAAWS,GACX,UAAA;AAAA,IAAAD;AAAA,IACAD,KAAQ,gBAAAN,EAAC,OAAA,EAAI,WAAU,eAAe,UAAAM,EAAA,CAAK;AAAA,EAAA,GAChD;AAGJ,SAAIH,KAAgBD,IAEZ,gBAAAF,EAACU,GAAA,EAAK,MAAAL,GAAY,UAAU,KACvB,UAAAI,GACL,IAIDA;AACX;"}
+{"version":3,"file":"Spinner.js","names":[],"sources":["../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import type React from 'react';\n\nimport classNames from '../../utils/classNames';\nimport Fade from '../fade/Fade';\n\ntype BaseSpinnerProps = {\n    isInverse?: boolean;\n    isDoubleSized?: boolean;\n};\n\nconst BaseSpinner = (props: BaseSpinnerProps) => {\n    const { isInverse, isDoubleSized, ...remainingProps } = props;\n    const className = classNames('spinner', isInverse && 'inverse', isDoubleSized && 'double');\n    return (\n        <div {...remainingProps} className={className}>\n            <div />\n            <div />\n            <div />\n            <div />\n        </div>\n    );\n};\n\nexport type SpinnerProps = {\n    /**\n     * Defines whether the spinner is shown on bright or dark background.\n     *\n     * @default false\n     */\n    isInverse?: boolean;\n\n    /**\n     * If set to \"true\" the spinner will be rendered twice as big.\n     *\n     * @default false\n     */\n    isDoubleSized?: boolean;\n\n    /**\n     * Renders the spinner as overlay in full-size mode.\n     *\n     * This will be relative to the parent container. Set the parent element to \"position-relative\" in this case.\n     *\n     * @default false\n     */\n    isFullSized?: boolean;\n\n    /**\n     * Renders the spinner in fullscreen mode, relative to the body.\n     *\n     * @default false\n     */\n    isFullScreen?: boolean;\n\n    /**\n     * Renders the spinner without centered wrapper.\n     *\n     * @default false\n     */\n    isInline?: boolean;\n\n    /**\n     * Flag to control the visibility of the spinner.\n     *\n     * Only relevant in combination with `isFullSized` or `isFullScreen`.\n     *\n     * @default false\n     */\n    show?: boolean;\n\n    /**\n     * The text shown next to the spinner icon.\n     */\n    text?: string | React.ReactNode;\n};\n\nconst Spinner = (props: SpinnerProps) => {\n    const {\n        isInverse = false,\n        isFullSized = false,\n        isFullScreen = false,\n        isDoubleSized = false,\n        isInline = false,\n        show = false,\n        text,\n        ...remainingProps\n    } = props;\n\n    const baseSpinner = <BaseSpinner isDoubleSized={isDoubleSized} isInverse={isInverse} {...remainingProps} />;\n\n    if (isInline) {\n        return baseSpinner;\n    }\n\n    const classes = classNames(\n        'spinnerInfoBox display-flex justify-content-center align-items-center height-100pct',\n        isFullSized && 'fullsized',\n        isFullScreen && 'fullscreen'\n    );\n\n    const wrappedSpinner = (\n        <div className={classes}>\n            {baseSpinner}\n            {text && <div className='spinnerText'>{text}</div>}\n        </div>\n    );\n\n    if (isFullScreen || isFullSized) {\n        return (\n            <Fade show={show} duration={0.1}>\n                {wrappedSpinner}\n            </Fade>\n        );\n    }\n\n    return wrappedSpinner;\n};\n\nexport default Spinner;\n"],"mappings":";;;;AAUA,IAAM,KAAe,MAA4B;CAC7C,IAAM,EAAE,cAAW,kBAAe,GAAG,MAAmB,GAClD,IAAY,EAAW,WAAW,KAAa,WAAW,KAAiB,QAAQ;CACzF,OACI,kBAAC,OAAD;EAAK,GAAI;EAA2B;YAApC;GACI,kBAAC,OAAD,CAAM,CAAA;GACN,kBAAC,OAAD,CAAM,CAAA;GACN,kBAAC,OAAD,CAAM,CAAA;GACN,kBAAC,OAAD,CAAM,CAAA;EACL;;AAEb,GAuDM,KAAW,MAAwB;CACrC,IAAM,EACF,eAAY,IACZ,iBAAc,IACd,kBAAe,IACf,mBAAgB,IAChB,cAAW,IACX,UAAO,IACP,SACA,GAAG,MACH,GAEE,IAAc,kBAAC,GAAD;EAA4B;EAA0B;EAAW,GAAI;CAAiB,CAAA;CAE1G,IAAI,GACA,OAAO;CASX,IAAM,IACF,kBAAC,OAAD;EAAK,WAPO,EACZ,uFACA,KAAe,aACf,KAAgB,YAIA;YAAhB,CACK,GACA,KAAQ,kBAAC,OAAD;GAAK,WAAU;aAAe;EAAU,CAAA,CAChD;;CAWT,OARI,KAAgB,IAEZ,kBAAC,GAAD;EAAY;EAAM,UAAU;YACvB;CACC,CAAA,IAIP;AACX"}

package/components/states/CustomState.d.ts

@@ -2,13 +2,20 @@ import { PropsWithChildren } from 'react';
 import { StateButtonProps } from './StateButton';
 import { TextAlignment } from '../../values/TextAlignment';
 import { StateIconProps } from './StateIcon';
+import { IconType } from '../icon/Icon';
 export type BaseStateProps = {
     /**
      * The icon to be shown.
      *
      * Default icons are defined for all states.
      */
-    icon?: string;
+    iconName?: IconType;
+    /**
+     * Legacy alias for `iconName`.
+     *
+     * @deprecated Use `iconName` instead.
+     */
+    icon?: IconType;
     /**
      * List of icons to show instead a single icon.
      *

package/components/states/CustomState.js

@@ -1,75 +1,64 @@
-import { jsx as e, jsxs as c, Fragment as f } from "react/jsx-runtime";
-import { isEmpty as N } from "es-toolkit/compat";
-import s from "../../utils/classNames.js";
-import r from "./StateButton.js";
-import g from "./StateIcon.js";
-import { hasPaddingClass as x } from "../../utils/hasUtilityClass.js";
-const W = {
-  left: "justify-content-start",
-  center: "justify-content-center",
-  right: "justify-content-end"
-}, $ = (t) => {
-  if (!N(t))
-    return t.length === 1 ? /* @__PURE__ */ e("div", { className: "btn-toolbar margin-top-20", children: /* @__PURE__ */ e(r, { ...t[0] }) }) : t.length === 2 ? /* @__PURE__ */ e("div", { className: "btn-toolbar margin-top-20 justify-content-center-xs", children: t.map((a, n) => /* @__PURE__ */ e(r, { ...a }, n)) }) : /* @__PURE__ */ c(f, { children: [
-      /* @__PURE__ */ c("div", { className: "btn-toolbar margin-top-20 justify-content-center-xs", children: [
-        /* @__PURE__ */ e(r, { ...t[0] }, "1"),
-        /* @__PURE__ */ e(r, { ...t[1] }, "2")
-      ] }),
-      /* @__PURE__ */ e("div", { className: "btn-toolbar", children: t.map((a, n) => n > 1 && /* @__PURE__ */ e(r, { ...a }, n)) })
-    ] });
-}, L = (t) => {
-  const {
-    icon: a,
-    icons: n = [],
-    image: l,
-    headline: o,
-    message: d,
-    buttons: u = [],
-    alignment: w = "center",
-    fullWidth: v = !1,
-    condensed: i = !1,
-    outerClassName: m = "",
-    innerClassName: h = "",
-    children: p,
-    ...y
-  } = t, C = s(
-    "margin-0",
-    "width-100pct",
-    !v && "max-width-600",
-    "panel-default",
-    "panel",
-    x(m) ? "" : i ? "padding-10" : "padding-15",
-    m
-  ), b = s(
-    "display-flex",
-    "flex-column",
-    "align-items-center",
-    "text-center",
-    x(h) ? "" : i ? "padding-15" : "padding-25",
-    h
-  ), j = s(i ? "text-size-16 margin-bottom-10" : "text-size-h2 margin-bottom-20"), z = s(
-    i ? "text-size-16 margin-bottom-10" : "text-size-h2 margin-bottom-20",
-    "display-flex",
-    "align-items-center",
-    "max-width-100pct"
-  ), I = s(
-    i ? "text-size-h4" : "text-size-h3 text-size-h2-xl",
-    "line-height-125rel",
-    "text-color-dark",
-    "text-medium",
-    "width-500",
-    "max-width-100pct",
-    "text-wrap-balance"
-  ), S = /* @__PURE__ */ e(f, { children: a && /* @__PURE__ */ e("div", { className: j, children: /* @__PURE__ */ e(g, { name: a }) }) }), k = /* @__PURE__ */ e("div", { className: z, children: n.map((F, H) => /* @__PURE__ */ e(g, { ...F }, H)) }), B = /* @__PURE__ */ e("div", { className: "width-500 max-width-100pct margin-top-25", children: p }), M = /* @__PURE__ */ e("div", { className: I, children: o }), O = /* @__PURE__ */ e("div", { className: "text-color-dark margin-top-15 width-500 max-width-100pct text-wrap-balance", children: d }), P = N(n) ? S : k, E = l || P;
-  return /* @__PURE__ */ e("div", { className: `display-flex ${W[w]} max-width-100pct`, ...y, children: /* @__PURE__ */ e("div", { className: C, children: /* @__PURE__ */ c("div", { className: b, children: [
-    E,
-    o && M,
-    d && O,
-    $(u),
-    p && B
-  ] }) }) });
+import e from "../../utils/classNames.js";
+import t from "./StateButton.js";
+import n from "./StateIcon.js";
+import { hasPaddingClass as r } from "../../utils/hasUtilityClass.js";
+import { isEmpty as i } from "es-toolkit/compat";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/states/CustomState.tsx
+var c = {
+	left: "justify-content-start",
+	center: "justify-content-center",
+	right: "justify-content-end"
+}, l = (e) => {
+	if (!i(e)) return e.length === 1 ? /* @__PURE__ */ o("div", {
+		className: "btn-toolbar margin-top-20",
+		children: /* @__PURE__ */ o(t, { ...e[0] })
+	}) : e.length === 2 ? /* @__PURE__ */ o("div", {
+		className: "btn-toolbar margin-top-20 justify-content-center-xs",
+		children: e.map((e, n) => /* @__PURE__ */ o(t, { ...e }, n))
+	}) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("div", {
+		className: "btn-toolbar margin-top-20 justify-content-center-xs",
+		children: [/* @__PURE__ */ o(t, { ...e[0] }, "1"), /* @__PURE__ */ o(t, { ...e[1] }, "2")]
+	}), /* @__PURE__ */ o("div", {
+		className: "btn-toolbar",
+		children: e.map((e, n) => n > 1 && /* @__PURE__ */ o(t, { ...e }, n))
+	})] });
+}, u = (t) => {
+	let { iconName: u, icon: d, icons: f = [], image: p, headline: m, message: h, buttons: g = [], alignment: _ = "center", fullWidth: v = !1, condensed: y = !1, outerClassName: b = "", innerClassName: x = "", children: S, ...C } = t, w = u ?? d, T = e("margin-0", "width-100pct", !v && "max-width-600", "panel-default", "panel", r(b) ? "" : y ? "padding-10" : "padding-15", b), E = e("display-flex", "flex-column", "align-items-center", "text-center", r(x) ? "" : y ? "padding-15" : "padding-25", x), D = e(y ? "text-size-16 margin-bottom-10" : "text-size-h2 margin-bottom-20"), O = e(y ? "text-size-16 margin-bottom-10" : "text-size-h2 margin-bottom-20", "display-flex", "align-items-center", "max-width-100pct"), k = e(y ? "text-size-h4" : "text-size-h3 text-size-h2-xl", "line-height-125rel", "text-color-dark", "text-medium", "width-500", "max-width-100pct", "text-wrap-balance"), A = /* @__PURE__ */ o(a, { children: w && /* @__PURE__ */ o("div", {
+		className: D,
+		children: /* @__PURE__ */ o(n, { name: w })
+	}) }), j = /* @__PURE__ */ o("div", {
+		className: O,
+		children: f.map((e, t) => /* @__PURE__ */ o(n, { ...e }, t))
+	}), M = /* @__PURE__ */ o("div", {
+		className: "width-500 max-width-100pct margin-top-25",
+		children: S
+	}), N = /* @__PURE__ */ o("div", {
+		className: k,
+		children: m
+	}), P = /* @__PURE__ */ o("div", {
+		className: "text-color-dark margin-top-15 width-500 max-width-100pct text-wrap-balance",
+		children: h
+	}), F = i(f) ? A : j, I = p || F;
+	return /* @__PURE__ */ o("div", {
+		className: `display-flex ${c[_]} max-width-100pct`,
+		...C,
+		children: /* @__PURE__ */ o("div", {
+			className: T,
+			children: /* @__PURE__ */ s("div", {
+				className: E,
+				children: [
+					I,
+					m && N,
+					h && P,
+					l(g),
+					S && M
+				]
+			})
+		})
+	});
 };
-export {
-  L as default
-};
-//# sourceMappingURL=CustomState.js.map
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=CustomState.js.map

package/components/states/CustomState.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomState.js","sources":["../../../src/components/states/CustomState.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\nimport StateButton, { type StateButtonProps } from './StateButton';\nimport StateIcon from './StateIcon';\nimport type { TextAlignment } from '../../values/TextAlignment';\nimport type { StateIconProps } from './StateIcon';\nimport { hasPaddingClass } from '../../utils/hasUtilityClass';\n\nexport type BaseStateProps = {\n    /**\n     * The icon to be shown.\n     *\n     * Default icons are defined for all states.\n     */\n    icon?: string;\n\n    /**\n     * List of icons to show instead a single icon.\n     *\n     * @default []\n     */\n    icons?: StateIconProps[];\n\n    /**\n     * Custom Image if needed.\n     */\n    image?: React.ReactNode;\n\n    /**\n     * The headline to be shown.\n     *\n     * Always provide a clear headline for state components.\n     */\n    headline?: string | React.ReactNode;\n\n    /**\n     * The descriptive text to display below the headline.\n     *\n     * Always provide a message for state components such as ErrorState, NotFoundState,\n     * EmptyState, ForbiddenState, MaintenanceState and CustomState so users understand\n     * what happened and what they can do next.\n     */\n    message?: string | React.ReactNode;\n\n    /**\n     * Definitions for the buttons to show.\n     *\n     * @default []\n     */\n    buttons?: StateButtonProps[];\n\n    /**\n     * Defines whether to use 100% width or default width.\n     *\n     * __Note:__ Only to be used for special cases on the CustomState component.\n     *\n     * @default false\n     */\n    fullWidth?: boolean;\n\n    /**\n     * Smaller icon and headline size.\n     *\n     * @default false\n     */\n    condensed?: boolean;\n\n    /**\n     * Defines where the panel is aligned.\n     *\n     * Possible values are:\n     *\n     * - `'left'`\n     * - `'center'`\n     * - `'right'`\n     *\n     * @default 'center'\n     */\n    alignment?: TextAlignment;\n\n    /**\n     * Optional class names for the wrapper.\n     */\n    outerClassName?: string;\n\n    /**\n     * Optional class names for the content.\n     */\n    innerClassName?: string;\n};\n\nconst justify: Record<TextAlignment, string> = {\n    left: 'justify-content-start',\n    center: 'justify-content-center',\n    right: 'justify-content-end',\n};\n\nconst renderButtons = (buttons: StateButtonProps[]) => {\n    if (isEmpty(buttons)) {\n        return;\n    }\n\n    if (buttons.length === 1) {\n        return (\n            <div className='btn-toolbar margin-top-20'>\n                <StateButton {...buttons[0]} />\n            </div>\n        );\n    }\n\n    if (buttons.length === 2) {\n        return (\n            <div className='btn-toolbar margin-top-20 justify-content-center-xs'>\n                {buttons.map((buttonProps, index) => (\n                    <StateButton key={index} {...buttonProps} />\n                ))}\n            </div>\n        );\n    }\n\n    return (\n        <>\n            <div className='btn-toolbar margin-top-20 justify-content-center-xs'>\n                <StateButton key='1' {...buttons[0]} />\n                <StateButton key='2' {...buttons[1]} />\n            </div>\n            <div className='btn-toolbar'>\n                {buttons.map((buttonProps, index) => index > 1 && <StateButton key={index} {...buttonProps} />)}\n            </div>\n        </>\n    );\n};\n\nexport type CustomStateProps = BaseStateProps;\n\nconst CustomState = (props: PropsWithChildren<CustomStateProps>) => {\n    const {\n        icon,\n        icons = [],\n        image,\n        headline,\n        message,\n        buttons = [],\n        alignment = 'center',\n        fullWidth = false,\n        condensed = false,\n        outerClassName = '',\n        innerClassName = '',\n        children,\n        ...remainingProps\n    } = props;\n\n    const wrapperClasses = classNames(\n        'margin-0',\n        'width-100pct',\n        !fullWidth && 'max-width-600',\n        'panel-default',\n        'panel',\n        !hasPaddingClass(outerClassName) ? (condensed ? 'padding-10' : 'padding-15') : '',\n        outerClassName\n    );\n\n    const innerClassNames = classNames(\n        'display-flex',\n        'flex-column',\n        'align-items-center',\n        'text-center',\n        !hasPaddingClass(innerClassName) ? (condensed ? 'padding-15' : 'padding-25') : '',\n        innerClassName\n    );\n\n    const iconClasses = classNames(condensed ? 'text-size-16 margin-bottom-10' : 'text-size-h2 margin-bottom-20');\n\n    const iconsClasses = classNames(\n        condensed ? 'text-size-16 margin-bottom-10' : 'text-size-h2 margin-bottom-20',\n        'display-flex',\n        'align-items-center',\n        'max-width-100pct'\n    );\n\n    const headlineClassNames = classNames(\n        condensed ? 'text-size-h4' : 'text-size-h3 text-size-h2-xl',\n        'line-height-125rel',\n        'text-color-dark',\n        'text-medium',\n        'width-500',\n        'max-width-100pct',\n        'text-wrap-balance'\n    );\n\n    const renderIcon = (\n        <>\n            {icon && (\n                <div className={iconClasses}>\n                    <StateIcon name={icon} />\n                </div>\n            )}\n        </>\n    );\n\n    const renderIcons = (\n        <div className={iconsClasses}>\n            {icons.map((iconProps, index) => (\n                <StateIcon key={index} {...iconProps} />\n            ))}\n        </div>\n    );\n\n    const renderChildren = <div className='width-500 max-width-100pct margin-top-25'>{children}</div>;\n\n    const renderHeadline = <div className={headlineClassNames}>{headline}</div>;\n\n    const renderMessage = (\n        <div className='text-color-dark margin-top-15 width-500 max-width-100pct text-wrap-balance'>{message}</div>\n    );\n\n    const singleOrMultiIcon = isEmpty(icons) ? renderIcon : renderIcons;\n\n    const imageOrIcon = image ? image : singleOrMultiIcon;\n\n    return (\n        <div className={`display-flex ${justify[alignment]} max-width-100pct`} {...remainingProps}>\n            <div className={wrapperClasses}>\n                <div className={innerClassNames}>\n                    {imageOrIcon}\n                    {headline && renderHeadline}\n                    {message && renderMessage}\n                    {renderButtons(buttons)}\n                    {children && renderChildren}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default CustomState;\n"],"names":["justify","renderButtons","buttons","isEmpty","jsx","StateButton","buttonProps","index","jsxs","Fragment","CustomState","props","icon","icons","image","headline","message","alignment","fullWidth","condensed","outerClassName","innerClassName","children","remainingProps","wrapperClasses","classNames","hasPaddingClass","innerClassNames","iconClasses","iconsClasses","headlineClassNames","renderIcon","StateIcon","renderIcons","iconProps","renderChildren","renderHeadline","renderMessage","singleOrMultiIcon","imageOrIcon"],"mappings":";;;;;;AA6FA,MAAMA,IAAyC;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACX,GAEMC,IAAgB,CAACC,MAAgC;AACnD,MAAI,CAAAC,EAAQD,CAAO;AAInB,WAAIA,EAAQ,WAAW,IAEf,gBAAAE,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA,gBAAAA,EAACC,KAAa,GAAGH,EAAQ,CAAC,EAAA,CAAG,EAAA,CACjC,IAIJA,EAAQ,WAAW,IAEf,gBAAAE,EAAC,OAAA,EAAI,WAAU,uDACV,YAAQ,IAAI,CAACE,GAAaC,wBACtBF,GAAA,EAAyB,GAAGC,KAAXC,CAAwB,CAC7C,GACL,IAKJ,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,uDACX,UAAA;AAAA,QAAA,gBAAAJ,EAACC,GAAA,EAAqB,GAAGH,EAAQ,CAAC,KAAjB,GAAoB;AAAA,0BACpCG,GAAA,EAAqB,GAAGH,EAAQ,CAAC,KAAjB,GAAoB;AAAA,MAAA,GACzC;AAAA,wBACC,OAAA,EAAI,WAAU,eACV,UAAAA,EAAQ,IAAI,CAACI,GAAaC,MAAUA,IAAQ,KAAK,gBAAAH,EAACC,GAAA,EAAyB,GAAGC,EAAA,GAAXC,CAAwB,CAAE,EAAA,CAClG;AAAA,IAAA,GACJ;AAER,GAIMG,IAAc,CAACC,MAA+C;AAChE,QAAM;AAAA,IACF,MAAAC;AAAA,IACA,OAAAC,IAAQ,CAAA;AAAA,IACR,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAd,IAAU,CAAA;AAAA,IACV,WAAAe,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,gBAAAC,IAAiB;AAAA,IACjB,gBAAAC,IAAiB;AAAA,IACjB,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHZ,GAEEa,IAAiBC;AAAA,IACnB;AAAA,IACA;AAAA,IACA,CAACP,KAAa;AAAA,IACd;AAAA,IACA;AAAA,IACCQ,EAAgBN,CAAc,IAAgD,KAA3CD,IAAY,eAAe;AAAA,IAC/DC;AAAA,EAAA,GAGEO,IAAkBF;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACCC,EAAgBL,CAAc,IAAgD,KAA3CF,IAAY,eAAe;AAAA,IAC/DE;AAAA,EAAA,GAGEO,IAAcH,EAAWN,IAAY,kCAAkC,+BAA+B,GAEtGU,IAAeJ;AAAA,IACjBN,IAAY,kCAAkC;AAAA,IAC9C;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGEW,IAAqBL;AAAA,IACvBN,IAAY,iBAAiB;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGEY,IACF,gBAAA3B,EAAAK,GAAA,EACK,UAAAG,KACG,gBAAAR,EAAC,OAAA,EAAI,WAAWwB,GACZ,UAAA,gBAAAxB,EAAC4B,GAAA,EAAU,MAAMpB,EAAA,CAAM,EAAA,CAC3B,GAER,GAGEqB,IACF,gBAAA7B,EAAC,OAAA,EAAI,WAAWyB,GACX,YAAM,IAAI,CAACK,GAAW3B,wBAClByB,GAAA,EAAuB,GAAGE,KAAX3B,CAAsB,CACzC,GACL,GAGE4B,IAAiB,gBAAA/B,EAAC,OAAA,EAAI,WAAU,4CAA4C,UAAAkB,GAAS,GAErFc,IAAiB,gBAAAhC,EAAC,OAAA,EAAI,WAAW0B,GAAqB,UAAAf,GAAS,GAE/DsB,IACF,gBAAAjC,EAAC,OAAA,EAAI,WAAU,8EAA8E,UAAAY,GAAQ,GAGnGsB,IAAoBnC,EAAQU,CAAK,IAAIkB,IAAaE,GAElDM,IAAczB,KAAgBwB;AAEpC,2BACK,OAAA,EAAI,WAAW,gBAAgBtC,EAAQiB,CAAS,CAAC,qBAAsB,GAAGM,GACvE,4BAAC,OAAA,EAAI,WAAWC,GACZ,UAAA,gBAAAhB,EAAC,OAAA,EAAI,WAAWmB,GACX,UAAA;AAAA,IAAAY;AAAA,IACAxB,KAAYqB;AAAA,IACZpB,KAAWqB;AAAA,IACXpC,EAAcC,CAAO;AAAA,IACrBoB,KAAYa;AAAA,EAAA,EAAA,CACjB,GACJ,GACJ;AAER;"}
+{"version":3,"file":"CustomState.js","names":[],"sources":["../../../src/components/states/CustomState.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\nimport StateButton, { type StateButtonProps } from './StateButton';\nimport StateIcon from './StateIcon';\nimport type { TextAlignment } from '../../values/TextAlignment';\nimport type { StateIconProps } from './StateIcon';\nimport { hasPaddingClass } from '../../utils/hasUtilityClass';\nimport type { IconType } from '../icon/Icon';\n\nexport type BaseStateProps = {\n    /**\n     * The icon to be shown.\n     *\n     * Default icons are defined for all states.\n     */\n    iconName?: IconType;\n\n    /**\n     * Legacy alias for `iconName`.\n     *\n     * @deprecated Use `iconName` instead.\n     */\n    icon?: IconType;\n\n    /**\n     * List of icons to show instead a single icon.\n     *\n     * @default []\n     */\n    icons?: StateIconProps[];\n\n    /**\n     * Custom Image if needed.\n     */\n    image?: React.ReactNode;\n\n    /**\n     * The headline to be shown.\n     *\n     * Always provide a clear headline for state components.\n     */\n    headline?: string | React.ReactNode;\n\n    /**\n     * The descriptive text to display below the headline.\n     *\n     * Always provide a message for state components such as ErrorState, NotFoundState,\n     * EmptyState, ForbiddenState, MaintenanceState and CustomState so users understand\n     * what happened and what they can do next.\n     */\n    message?: string | React.ReactNode;\n\n    /**\n     * Definitions for the buttons to show.\n     *\n     * @default []\n     */\n    buttons?: StateButtonProps[];\n\n    /**\n     * Defines whether to use 100% width or default width.\n     *\n     * __Note:__ Only to be used for special cases on the CustomState component.\n     *\n     * @default false\n     */\n    fullWidth?: boolean;\n\n    /**\n     * Smaller icon and headline size.\n     *\n     * @default false\n     */\n    condensed?: boolean;\n\n    /**\n     * Defines where the panel is aligned.\n     *\n     * Possible values are:\n     *\n     * - `'left'`\n     * - `'center'`\n     * - `'right'`\n     *\n     * @default 'center'\n     */\n    alignment?: TextAlignment;\n\n    /**\n     * Optional class names for the wrapper.\n     */\n    outerClassName?: string;\n\n    /**\n     * Optional class names for the content.\n     */\n    innerClassName?: string;\n};\n\nconst justify: Record<TextAlignment, string> = {\n    left: 'justify-content-start',\n    center: 'justify-content-center',\n    right: 'justify-content-end',\n};\n\nconst renderButtons = (buttons: StateButtonProps[]) => {\n    if (isEmpty(buttons)) {\n        return;\n    }\n\n    if (buttons.length === 1) {\n        return (\n            <div className='btn-toolbar margin-top-20'>\n                <StateButton {...buttons[0]} />\n            </div>\n        );\n    }\n\n    if (buttons.length === 2) {\n        return (\n            <div className='btn-toolbar margin-top-20 justify-content-center-xs'>\n                {buttons.map((buttonProps, index) => (\n                    <StateButton key={index} {...buttonProps} />\n                ))}\n            </div>\n        );\n    }\n\n    return (\n        <>\n            <div className='btn-toolbar margin-top-20 justify-content-center-xs'>\n                <StateButton key='1' {...buttons[0]} />\n                <StateButton key='2' {...buttons[1]} />\n            </div>\n            <div className='btn-toolbar'>\n                {buttons.map((buttonProps, index) => index > 1 && <StateButton key={index} {...buttonProps} />)}\n            </div>\n        </>\n    );\n};\n\nexport type CustomStateProps = BaseStateProps;\n\nconst CustomState = (props: PropsWithChildren<CustomStateProps>) => {\n    const {\n        iconName,\n        icon: legacyIcon,\n        icons = [],\n        image,\n        headline,\n        message,\n        buttons = [],\n        alignment = 'center',\n        fullWidth = false,\n        condensed = false,\n        outerClassName = '',\n        innerClassName = '',\n        children,\n        ...remainingProps\n    } = props;\n\n    const resolvedIconName = iconName ?? legacyIcon;\n\n    const wrapperClasses = classNames(\n        'margin-0',\n        'width-100pct',\n        !fullWidth && 'max-width-600',\n        'panel-default',\n        'panel',\n        !hasPaddingClass(outerClassName) ? (condensed ? 'padding-10' : 'padding-15') : '',\n        outerClassName\n    );\n\n    const innerClassNames = classNames(\n        'display-flex',\n        'flex-column',\n        'align-items-center',\n        'text-center',\n        !hasPaddingClass(innerClassName) ? (condensed ? 'padding-15' : 'padding-25') : '',\n        innerClassName\n    );\n\n    const iconClasses = classNames(condensed ? 'text-size-16 margin-bottom-10' : 'text-size-h2 margin-bottom-20');\n\n    const iconsClasses = classNames(\n        condensed ? 'text-size-16 margin-bottom-10' : 'text-size-h2 margin-bottom-20',\n        'display-flex',\n        'align-items-center',\n        'max-width-100pct'\n    );\n\n    const headlineClassNames = classNames(\n        condensed ? 'text-size-h4' : 'text-size-h3 text-size-h2-xl',\n        'line-height-125rel',\n        'text-color-dark',\n        'text-medium',\n        'width-500',\n        'max-width-100pct',\n        'text-wrap-balance'\n    );\n\n    const renderIcon = (\n        <>\n            {resolvedIconName && (\n                <div className={iconClasses}>\n                    <StateIcon name={resolvedIconName} />\n                </div>\n            )}\n        </>\n    );\n\n    const renderIcons = (\n        <div className={iconsClasses}>\n            {icons.map((iconProps, index) => (\n                <StateIcon key={index} {...iconProps} />\n            ))}\n        </div>\n    );\n\n    const renderChildren = <div className='width-500 max-width-100pct margin-top-25'>{children}</div>;\n\n    const renderHeadline = <div className={headlineClassNames}>{headline}</div>;\n\n    const renderMessage = (\n        <div className='text-color-dark margin-top-15 width-500 max-width-100pct text-wrap-balance'>{message}</div>\n    );\n\n    const singleOrMultiIcon = isEmpty(icons) ? renderIcon : renderIcons;\n\n    const imageOrIcon = image ? image : singleOrMultiIcon;\n\n    return (\n        <div className={`display-flex ${justify[alignment]} max-width-100pct`} {...remainingProps}>\n            <div className={wrapperClasses}>\n                <div className={innerClassNames}>\n                    {imageOrIcon}\n                    {headline && renderHeadline}\n                    {message && renderMessage}\n                    {renderButtons(buttons)}\n                    {children && renderChildren}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default CustomState;\n"],"mappings":";;;;;;;AAqGA,IAAM,IAAyC;CAC3C,MAAM;CACN,QAAQ;CACR,OAAO;AACX,GAEM,KAAiB,MAAgC;CAC/C,OAAQ,CAAO,GAsBnB,OAlBI,EAAQ,WAAW,IAEf,kBAAC,OAAD;EAAK,WAAU;YACX,kBAAC,GAAD,EAAa,GAAI,EAAQ,GAAK,CAAA;CAC7B,CAAA,IAIT,EAAQ,WAAW,IAEf,kBAAC,OAAD;EAAK,WAAU;YACV,EAAQ,KAAK,GAAa,MACvB,kBAAC,GAAD,EAAyB,GAAI,EAAc,GAAzB,CAAyB,CAC9C;CACA,CAAA,IAKT,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,OAAD;EAAK,WAAU;YAAf,CACI,kBAAC,GAAD,EAAqB,GAAI,EAAQ,GAAK,GAArB,GAAqB,GACtC,kBAAC,GAAD,EAAqB,GAAI,EAAQ,GAAK,GAArB,GAAqB,CACrC;KACL,kBAAC,OAAD;EAAK,WAAU;YACV,EAAQ,KAAK,GAAa,MAAU,IAAQ,KAAK,kBAAC,GAAD,EAAyB,GAAI,EAAc,GAAzB,CAAyB,CAAC;CAC7F,CAAA,CACP,EAAA,CAAA;AAEV,GAIM,KAAe,MAA+C;CAChE,IAAM,EACF,aACA,MAAM,GACN,WAAQ,CAAC,GACT,UACA,aACA,YACA,aAAU,CAAC,GACX,eAAY,UACZ,eAAY,IACZ,eAAY,IACZ,oBAAiB,IACjB,oBAAiB,IACjB,aACA,GAAG,MACH,GAEE,IAAmB,KAAY,GAE/B,IAAiB,EACnB,YACA,gBACA,CAAC,KAAa,iBACd,iBACA,SACC,EAAgB,CAAc,IAAgD,KAA3C,IAAY,eAAe,cAC/D,CACJ,GAEM,IAAkB,EACpB,gBACA,eACA,sBACA,eACC,EAAgB,CAAc,IAAgD,KAA3C,IAAY,eAAe,cAC/D,CACJ,GAEM,IAAc,EAAW,IAAY,kCAAkC,+BAA+B,GAEtG,IAAe,EACjB,IAAY,kCAAkC,iCAC9C,gBACA,sBACA,kBACJ,GAEM,IAAqB,EACvB,IAAY,iBAAiB,gCAC7B,sBACA,mBACA,eACA,aACA,oBACA,mBACJ,GAEM,IACF,kBAAA,GAAA,EAAA,UACK,KACG,kBAAC,OAAD;EAAK,WAAW;YACZ,kBAAC,GAAD,EAAW,MAAM,EAAmB,CAAA;CACnC,CAAA,EAEX,CAAA,GAGA,IACF,kBAAC,OAAD;EAAK,WAAW;YACX,EAAM,KAAK,GAAW,MACnB,kBAAC,GAAD,EAAuB,GAAI,EAAY,GAAvB,CAAuB,CAC1C;CACA,CAAA,GAGH,IAAiB,kBAAC,OAAD;EAAK,WAAU;EAA4C;CAAc,CAAA,GAE1F,IAAiB,kBAAC,OAAD;EAAK,WAAW;YAAqB;CAAc,CAAA,GAEpE,IACF,kBAAC,OAAD;EAAK,WAAU;YAA8E;CAAa,CAAA,GAGxG,IAAoB,EAAQ,CAAK,IAAI,IAAa,GAElD,IAAc,KAAgB;CAEpC,OACI,kBAAC,OAAD;EAAK,WAAW,gBAAgB,EAAQ,GAAW;EAAoB,GAAI;YACvE,kBAAC,OAAD;GAAK,WAAW;aACZ,kBAAC,OAAD;IAAK,WAAW;cAAhB;KACK;KACA,KAAY;KACZ,KAAW;KACX,EAAc,CAAO;KACrB,KAAY;IACZ;;EACJ,CAAA;CACJ,CAAA;AAEb"}

package/components/states/EmptyState.js

@@ -1,10 +1,14 @@
-import { jsx as m } from "react/jsx-runtime";
 import e from "./CustomState.js";
-const n = (t) => {
-  const { icon: o = "rioglyph-empty", ...r } = t;
-  return /* @__PURE__ */ m(e, { icon: o, ...r });
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/states/EmptyState.tsx
+var n = (n) => {
+	let { iconName: r, icon: i, ...a } = n;
+	return /* @__PURE__ */ t(e, {
+		iconName: r ?? i ?? "icon-empty",
+		...a
+	});
 };
-export {
-  n as default
-};
-//# sourceMappingURL=EmptyState.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=EmptyState.js.map

package/components/states/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../src/components/states/EmptyState.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport CustomState, { type BaseStateProps } from './CustomState';\n\nexport type EmptyStateProps = BaseStateProps;\n\nconst EmptyState = (props: PropsWithChildren<EmptyStateProps>) => {\n    const { icon = 'rioglyph-empty', ...remainingProps } = props;\n    return <CustomState icon={icon} {...remainingProps} />;\n};\n\nexport default EmptyState;\n"],"names":["EmptyState","props","icon","remainingProps","jsx","CustomState"],"mappings":";;AAMA,MAAMA,IAAa,CAACC,MAA8C;AAC9D,QAAM,EAAE,MAAAC,IAAO,kBAAkB,GAAGC,MAAmBF;AACvD,SAAO,gBAAAG,EAACC,GAAA,EAAY,MAAAH,GAAa,GAAGC,EAAA,CAAgB;AACxD;"}
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/components/states/EmptyState.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport CustomState, { type BaseStateProps } from './CustomState';\n\nexport type EmptyStateProps = BaseStateProps;\n\nconst EmptyState = (props: PropsWithChildren<EmptyStateProps>) => {\n    const { iconName, icon: legacyIcon, ...remainingProps } = props;\n    return <CustomState iconName={iconName ?? legacyIcon ?? 'icon-empty'} {...remainingProps} />;\n};\n\nexport default EmptyState;\n"],"mappings":";;;AAMA,IAAM,KAAc,MAA8C;CAC9D,IAAM,EAAE,aAAU,MAAM,GAAY,GAAG,MAAmB;CAC1D,OAAO,kBAAC,GAAD;EAAa,UAAU,KAAY,KAAc;EAAc,GAAI;CAAiB,CAAA;AAC/F"}

package/components/states/ErrorState.js

@@ -1,10 +1,14 @@
-import { jsx as e } from "react/jsx-runtime";
-import n from "./CustomState.js";
-const m = (r) => {
-  const { icon: o = "rioglyph-truck-breakdown", ...t } = r;
-  return /* @__PURE__ */ e(n, { icon: o, ...t });
+import e from "./CustomState.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/states/ErrorState.tsx
+var n = (n) => {
+	let { iconName: r, icon: i, ...a } = n;
+	return /* @__PURE__ */ t(e, {
+		iconName: r ?? i ?? "icon-truck-breakdown",
+		...a
+	});
 };
-export {
-  m as default
-};
-//# sourceMappingURL=ErrorState.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=ErrorState.js.map

package/components/states/ErrorState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorState.js","sources":["../../../src/components/states/ErrorState.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport CustomState, { type BaseStateProps } from './CustomState';\n\nexport type ErrorStateProps = BaseStateProps;\n\nconst ErrorState = (props: PropsWithChildren<ErrorStateProps>) => {\n    const { icon = 'rioglyph-truck-breakdown', ...remainingProps } = props;\n    return <CustomState icon={icon} {...remainingProps} />;\n};\n\nexport default ErrorState;\n"],"names":["ErrorState","props","icon","remainingProps","jsx","CustomState"],"mappings":";;AAMA,MAAMA,IAAa,CAACC,MAA8C;AAC9D,QAAM,EAAE,MAAAC,IAAO,4BAA4B,GAAGC,MAAmBF;AACjE,SAAO,gBAAAG,EAACC,GAAA,EAAY,MAAAH,GAAa,GAAGC,EAAA,CAAgB;AACxD;"}
+{"version":3,"file":"ErrorState.js","names":[],"sources":["../../../src/components/states/ErrorState.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport CustomState, { type BaseStateProps } from './CustomState';\n\nexport type ErrorStateProps = BaseStateProps;\n\nconst ErrorState = (props: PropsWithChildren<ErrorStateProps>) => {\n    const { iconName, icon: legacyIcon, ...remainingProps } = props;\n    return <CustomState iconName={iconName ?? legacyIcon ?? 'icon-truck-breakdown'} {...remainingProps} />;\n};\n\nexport default ErrorState;\n"],"mappings":";;;AAMA,IAAM,KAAc,MAA8C;CAC9D,IAAM,EAAE,aAAU,MAAM,GAAY,GAAG,MAAmB;CAC1D,OAAO,kBAAC,GAAD;EAAa,UAAU,KAAY,KAAc;EAAwB,GAAI;CAAiB,CAAA;AACzG"}

package/components/states/ForbiddenState.js

@@ -1,10 +1,14 @@
-import { jsx as e } from "react/jsx-runtime";
-import i from "./CustomState.js";
-const m = (o) => {
-  const { icon: r = "rioglyph-ban-circle", ...t } = o;
-  return /* @__PURE__ */ e(i, { icon: r, ...t });
+import e from "./CustomState.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/states/ForbiddenState.tsx
+var n = (n) => {
+	let { iconName: r, icon: i, ...a } = n;
+	return /* @__PURE__ */ t(e, {
+		iconName: r ?? i ?? "icon-ban-circle",
+		...a
+	});
 };
-export {
-  m as default
-};
-//# sourceMappingURL=ForbiddenState.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=ForbiddenState.js.map