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

package/components/statsWidget/StatsWidgetSpacer.js

@@ -1,10 +1,14 @@
-import { jsx as r } from "react/jsx-runtime";
-import o from "../../utils/classNames.js";
-const p = (s) => {
-  const { className: a, ...t } = s, e = o("StatsWidget-body-column-spacer", a);
-  return /* @__PURE__ */ r("div", { ...t, className: e });
+import e from "../../utils/classNames.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/statsWidget/StatsWidgetSpacer.tsx
+var n = (n) => {
+	let { className: r, ...i } = n, a = e("StatsWidget-body-column-spacer", r);
+	return /* @__PURE__ */ t("div", {
+		...i,
+		className: a
+	});
 };
-export {
-  p as default
-};
-//# sourceMappingURL=StatsWidgetSpacer.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=StatsWidgetSpacer.js.map

package/components/statsWidget/StatsWidgetSpacer.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatsWidgetSpacer.js","sources":["../../../src/components/statsWidget/StatsWidgetSpacer.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\n\nexport type StatsWidgetSpacerProps = {\n    /**\n     * Additional class names to be added to the element.\n     */\n    className?: string;\n};\n\nconst StatsWidgetSpacer = (props: StatsWidgetSpacerProps) => {\n    const { className, ...remainingProps } = props;\n\n    const wrapperClasses = classNames('StatsWidget-body-column-spacer', className);\n\n    return <div {...remainingProps} className={wrapperClasses} />;\n};\n\nexport default StatsWidgetSpacer;\n"],"names":["StatsWidgetSpacer","props","className","remainingProps","wrapperClasses","classNames","jsx"],"mappings":";;AASA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAAmBF,GAEnCG,IAAiBC,EAAW,kCAAkCH,CAAS;AAE7E,SAAO,gBAAAI,EAAC,OAAA,EAAK,GAAGH,GAAgB,WAAWC,GAAgB;AAC/D;"}
+{"version":3,"file":"StatsWidgetSpacer.js","names":[],"sources":["../../../src/components/statsWidget/StatsWidgetSpacer.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\n\nexport type StatsWidgetSpacerProps = {\n    /**\n     * Additional class names to be added to the element.\n     */\n    className?: string;\n};\n\nconst StatsWidgetSpacer = (props: StatsWidgetSpacerProps) => {\n    const { className, ...remainingProps } = props;\n\n    const wrapperClasses = classNames('StatsWidget-body-column-spacer', className);\n\n    return <div {...remainingProps} className={wrapperClasses} />;\n};\n\nexport default StatsWidgetSpacer;\n"],"mappings":";;;AASA,IAAM,KAAqB,MAAkC;CACzD,IAAM,EAAE,cAAW,GAAG,MAAmB,GAEnC,IAAiB,EAAW,kCAAkC,CAAS;CAE7E,OAAO,kBAAC,OAAD;EAAK,GAAI;EAAgB,WAAW;CAAiB,CAAA;AAChE"}

package/components/statsWidget/StatsWidgets.js

@@ -1,10 +1,15 @@
-import { jsx as o } from "react/jsx-runtime";
-import i from "../../utils/classNames.js";
-const c = (s) => {
-  const { children: a, className: r, ...t } = s, e = i("StatsWidget-wrapper", r);
-  return /* @__PURE__ */ o("div", { ...t, className: e, children: a });
+import e from "../../utils/classNames.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/statsWidget/StatsWidgets.tsx
+var n = (n) => {
+	let { children: r, className: i, ...a } = n, o = e("StatsWidget-wrapper", i);
+	return /* @__PURE__ */ t("div", {
+		...a,
+		className: o,
+		children: r
+	});
 };
-export {
-  c as default
-};
-//# sourceMappingURL=StatsWidgets.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=StatsWidgets.js.map

package/components/statsWidget/StatsWidgets.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatsWidgets.js","sources":["../../../src/components/statsWidget/StatsWidgets.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type StatsWidgetsProps = ComponentProps<'div'> & {\n    /**\n     * Additional class names to be added to the element.\n     */\n    className?: string;\n};\n\nconst StatsWidgets = (props: PropsWithChildren<StatsWidgetsProps>) => {\n    const { children, className, ...remainingProps } = props;\n\n    const wrapperClasses = classNames('StatsWidget-wrapper', className);\n\n    return (\n        <div {...remainingProps} className={wrapperClasses}>\n            {children}\n        </div>\n    );\n};\n\nexport default StatsWidgets;\n"],"names":["StatsWidgets","props","children","className","remainingProps","wrapperClasses","classNames"],"mappings":";;AAWA,MAAMA,IAAe,CAACC,MAAgD;AAClE,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,MAAmBH,GAE7CI,IAAiBC,EAAW,uBAAuBH,CAAS;AAElE,2BACK,OAAA,EAAK,GAAGC,GAAgB,WAAWC,GAC/B,UAAAH,GACL;AAER;"}
+{"version":3,"file":"StatsWidgets.js","names":[],"sources":["../../../src/components/statsWidget/StatsWidgets.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type StatsWidgetsProps = ComponentProps<'div'> & {\n    /**\n     * Additional class names to be added to the element.\n     */\n    className?: string;\n};\n\nconst StatsWidgets = (props: PropsWithChildren<StatsWidgetsProps>) => {\n    const { children, className, ...remainingProps } = props;\n\n    const wrapperClasses = classNames('StatsWidget-wrapper', className);\n\n    return (\n        <div {...remainingProps} className={wrapperClasses}>\n            {children}\n        </div>\n    );\n};\n\nexport default StatsWidgets;\n"],"mappings":";;;AAWA,IAAM,KAAgB,MAAgD;CAClE,IAAM,EAAE,aAAU,cAAW,GAAG,MAAmB,GAE7C,IAAiB,EAAW,uBAAuB,CAAS;CAElE,OACI,kBAAC,OAAD;EAAK,GAAI;EAAgB,WAAW;EAC/B;CACA,CAAA;AAEb"}

package/components/statusBar/StatusBar.d.ts

@@ -1,8 +1,9 @@
+import { IconType } from '../icon/Icon';
 export type StatusBarIcon = {
     /**
-     * The class name of the icon i.e. "rioglyph-cruise-control".
+     * The name of the icon, e.g. "cruise-control".
      */
-    name: string;
+    name: IconType;
     /**
      * The position of the icon.
      *

package/components/statusBar/StatusBar.js

@@ -1,56 +1,51 @@
-import { jsxs as A, jsx as s } from "react/jsx-runtime";
-import t from "../../utils/classNames.js";
-import { SMALL as B, LARGE as z, LEFT as I, BOLD as F, RIGHT as y, TOP as H } from "./StatusBarConstants.js";
-import { StatusBarProgressBar as M } from "./StatusBarProgressBar.js";
-import k from "./StatusBarIcon.js";
-import q from "./StatusBarLabel.js";
-const J = { name: "", alignment: I }, K = { value: "", alignment: y, weight: F }, _ = (r) => {
-  const { progress: N = [], size: n = B, className: S = "", useProgressDivider: C = !0 } = r, a = { ...J, ...r.icon }, e = { ...K, ...r.label }, o = !!a.name, i = a.alignment === I, c = a.alignment === y, m = !!e.value, g = e.alignment === I, f = e.alignment === H, d = e.alignment === y, O = o && !m, R = !o && m, l = o && m, p = l && i && d, h = l && c && g, L = l && i && g, b = l && c && d, D = O && i, T = O && c, x = R && g, u = R && d, W = t(
-    "StatusBar",
-    "width-100pct",
-    "display-flex",
-    f ? "align-items-end" : "align-items-center",
-    S
-  ), j = t(
-    "display-flex",
-    "flex-1-0",
-    f && "flex-order-1 flex-column margin-bottom-10",
-    (b || h || T) && "flex-order-1 align-items-center",
-    (L || p || D) && "flex-order-2 align-items-center",
-    (x || u) && "align-items-center"
-  ), w = t(
-    f && "display-flex justify-content-center",
-    (L || h || x) && "flex-order-1 margin-right-10",
-    (b || p || u) && "flex-order-2 margin-left-10"
-  ), P = t(
-    "display-flex",
-    "flex-1-0",
-    (L || h || x) && "flex-order-2",
-    (b || p || u) && "flex-order-1"
-  ), E = t(
-    "progress",
-    "margin-0",
-    "flex-1-0",
-    n === B && "height-5",
-    n === z && "height-10"
-  );
-  return /* @__PURE__ */ A("div", { className: W, children: [
-    /* @__PURE__ */ s(k, { icon: a, size: n }),
-    /* @__PURE__ */ A("div", { className: j, children: [
-      /* @__PURE__ */ s(q, { label: e, size: n, className: w }),
-      /* @__PURE__ */ s("div", { className: P, children: /* @__PURE__ */ s("div", { className: E, children: N.map((G, v) => /* @__PURE__ */ s(
-        M,
-        {
-          progress: G,
-          index: v,
-          useProgressDivider: C
-        },
-        v
-      )) }) })
-    ] })
-  ] });
+import e from "../../utils/classNames.js";
+import { BOLD as t, LEFT as n, RIGHT as r, SMALL as i, TOP as a } from "./StatusBarConstants.js";
+import { StatusBarProgressBar as o } from "./StatusBarProgressBar.js";
+import s from "./StatusBarIcon.js";
+import c from "./StatusBarLabel.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/statusBar/StatusBar.tsx
+var d = {
+	name: "",
+	alignment: n
+}, f = {
+	value: "",
+	alignment: r,
+	weight: t
+}, p = (t) => {
+	let { progress: p = [], size: m = i, className: h = "", useProgressDivider: g = !0 } = t, _ = {
+		...d,
+		...t.icon
+	}, v = {
+		...f,
+		...t.label
+	}, y = !!_.name, b = _.alignment === n, x = _.alignment === r, S = !!v.value, C = v.alignment === n, w = v.alignment === a, T = v.alignment === r, E = y && !S, D = !y && S, O = y && S, k = O && b && T, A = O && x && C, j = O && b && C, M = O && x && T, N = E && b, P = E && x, F = D && C, I = D && T, L = e("StatusBar", "width-100pct", "display-flex", w ? "align-items-end" : "align-items-center", h), R = e("display-flex", "flex-1-0", w && "flex-order-1 flex-column margin-bottom-10", (M || A || P) && "flex-order-1 align-items-center", (j || k || N) && "flex-order-2 align-items-center", (F || I) && "align-items-center"), z = e(w && "display-flex justify-content-center", (j || A || F) && "flex-order-1 margin-right-10", (M || k || I) && "flex-order-2 margin-left-10"), B = e("display-flex", "flex-1-0", (j || A || F) && "flex-order-2", (M || k || I) && "flex-order-1"), V = e("progress", "margin-0", "flex-1-0", m === "small" && "height-5", m === "large" && "height-10");
+	return /* @__PURE__ */ u("div", {
+		className: L,
+		children: [/* @__PURE__ */ l(s, {
+			icon: _,
+			size: m
+		}), /* @__PURE__ */ u("div", {
+			className: R,
+			children: [/* @__PURE__ */ l(c, {
+				label: v,
+				size: m,
+				className: z
+			}), /* @__PURE__ */ l("div", {
+				className: B,
+				children: /* @__PURE__ */ l("div", {
+					className: V,
+					children: p.map((e, t) => /* @__PURE__ */ l(o, {
+						progress: e,
+						index: t,
+						useProgressDivider: g
+					}, t))
+				})
+			})]
+		})]
+	});
 };
-export {
-  _ as default
-};
-//# sourceMappingURL=StatusBar.js.map
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=StatusBar.js.map

package/components/statusBar/StatusBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.js","sources":["../../../src/components/statusBar/StatusBar.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\nimport { BOLD, LARGE, LEFT, RIGHT, SMALL, TOP } from './StatusBarConstants';\nimport StatusBarProgressBar from './StatusBarProgressBar';\n// import type { StatusBarProps, IconWithDefaults, LabelWithDefaults } from './StatusBarProps';\nimport StatusBarIconComponent from './StatusBarIcon';\nimport StatusBarLabelComponent from './StatusBarLabel';\n\nexport type StatusBarIcon = {\n    /**\n     * The class name of the icon i.e. \"rioglyph-cruise-control\".\n     */\n    name: string;\n\n    /**\n     * The position of the icon.\n     *\n     * @default 'left'\n     */\n    alignment?: 'left' | 'right';\n\n    /**\n     * The text color class name for the icon.\n     *\n     * @default 'text-color-gray'\n     */\n    color?: string;\n\n    /**\n     * Optional class names for the icon.\n     */\n    className?: string;\n};\n\nexport type StatusBarLabel = {\n    /**\n     * The label content.\n     */\n    value: string | React.ReactNode;\n\n    /**\n     * The position of the icon.\n     *\n     * @default 'right'\n     */\n    alignment?: 'left' | 'top' | 'right';\n\n    /**\n     * The text weight of the label.\n     *\n     * @default 'bold'\n     */\n    weight?: 'light' | 'bold';\n\n    /**\n     * The text color class name for the label.\n     *\n     * @default 'text-color-gray'\n     */\n    color?: string;\n\n    /**\n     * Optional class names for the label.\n     */\n    className?: string;\n};\n\nexport type StatusBarProgress = {\n    /**\n     * The percentage of the progress.\n     *\n     * @default 0\n     */\n    percentage?: number;\n\n    /**\n     * The color class name for the label.\n     *\n     * @default 'progress-bar-info'\n     */\n    color?: string;\n\n    /**\n     * Optional tooltip content to be shown for the progress bar.\n     */\n    tooltip?: string | React.ReactNode;\n\n    /**\n     * The position of the tooltip for the progress bar.\n     *\n     * @default 'top'\n     */\n    tooltipPosition?: 'top' | 'right' | 'bottom' | 'left';\n\n    /**\n     * The delay in milliseconds for when the tooltip is shown when hovering the progress bar.\n     *\n     * @default 50\n     */\n    tooltipDelay?: number;\n\n    /**\n     * Optional class names for the progress bar.\n     */\n    className?: string;\n};\n\nexport type StatusBarProps = {\n    /**\n     * The icon to be shown next to the progress bar.\n     */\n    icon?: StatusBarIcon;\n\n    /**\n     * The label to be shown for the progress bar.\n     */\n    label?: StatusBarLabel;\n\n    /**\n     * List of progress bars which will be stacked in given order if there are multiple.\n     */\n    progress?: StatusBarProgress[];\n\n    /**\n     * The size of the icon and progress bar.\n     *\n     * Possible values are:\n     *\n     * - `'small'`\n     * - `'large'`\n     *\n     * @default 'small'\n     */\n    size?: 'small' | 'large';\n\n    /**\n     * Uses a divider for multiple progress bars when defined.\n     *\n     * @default true\n     */\n    useProgressDivider?: boolean;\n\n    /**\n     * Optional class names for the wrapper element.\n     */\n    className?: string;\n};\n\nexport type IconWithDefaults = StatusBarIcon & { alignment: 'left' | 'right' };\nexport type LabelWithDefaults = StatusBarLabel & { alignment: 'left' | 'top' | 'right'; weight: 'light' | 'bold' };\n\nconst iconDefaults: IconWithDefaults = { name: '', alignment: LEFT };\nconst labelDefaults: LabelWithDefaults = { value: '', alignment: RIGHT, weight: BOLD };\n\nconst StatusBar = (props: StatusBarProps) => {\n    const { progress = [], size = SMALL, className = '', useProgressDivider = true } = props;\n\n    // deep destructuring with merging default props don't work\n    const icon: IconWithDefaults = { ...iconDefaults, ...props.icon };\n    const label: LabelWithDefaults = { ...labelDefaults, ...props.label };\n\n    const hasIcon = !!icon.name;\n    const iconIsLeft = icon.alignment === LEFT;\n    const iconIsRight = icon.alignment === RIGHT;\n\n    const hasLabel = !!label.value;\n    const labelIsLeft = label.alignment === LEFT;\n    const labelIsTop = label.alignment === TOP;\n    const labelIsRight = label.alignment === RIGHT;\n\n    const hasOnlyIcon = hasIcon && !hasLabel;\n    const hasOnlyLabel = !hasIcon && hasLabel;\n    const hasIconAndLabel = hasIcon && hasLabel;\n\n    const isIconLeftAndLabelRight = hasIconAndLabel && iconIsLeft && labelIsRight;\n    const isIconRightAndLabelLeft = hasIconAndLabel && iconIsRight && labelIsLeft;\n    const isIconAndLabelLeft = hasIconAndLabel && iconIsLeft && labelIsLeft;\n    const isIconAndLabelRight = hasIconAndLabel && iconIsRight && labelIsRight;\n\n    const isIconOnlyLeft = hasOnlyIcon && iconIsLeft;\n    const isIconOnlyRight = hasOnlyIcon && iconIsRight;\n\n    const isLabelOnlyLeft = hasOnlyLabel && labelIsLeft;\n    const isLabelOnlyRight = hasOnlyLabel && labelIsRight;\n\n    const wrapperClasses = classNames(\n        'StatusBar',\n        'width-100pct',\n        'display-flex',\n        labelIsTop ? 'align-items-end' : 'align-items-center',\n        className\n    );\n\n    const progressLabelWrapperClasses = classNames(\n        'display-flex',\n        'flex-1-0',\n        labelIsTop && 'flex-order-1 flex-column margin-bottom-10',\n        (isIconAndLabelRight || isIconRightAndLabelLeft || isIconOnlyRight) && 'flex-order-1 align-items-center',\n        (isIconAndLabelLeft || isIconLeftAndLabelRight || isIconOnlyLeft) && 'flex-order-2 align-items-center',\n        (isLabelOnlyLeft || isLabelOnlyRight) && 'align-items-center'\n    );\n\n    const labelWrapperClasses = classNames(\n        labelIsTop && 'display-flex justify-content-center',\n        (isIconAndLabelLeft || isIconRightAndLabelLeft || isLabelOnlyLeft) && 'flex-order-1 margin-right-10',\n        (isIconAndLabelRight || isIconLeftAndLabelRight || isLabelOnlyRight) && 'flex-order-2 margin-left-10'\n    );\n\n    const progressOuterWrapperClasses = classNames(\n        'display-flex',\n        'flex-1-0',\n        (isIconAndLabelLeft || isIconRightAndLabelLeft || isLabelOnlyLeft) && 'flex-order-2',\n        (isIconAndLabelRight || isIconLeftAndLabelRight || isLabelOnlyRight) && 'flex-order-1'\n    );\n\n    const progressWrapperClasses = classNames(\n        'progress',\n        'margin-0',\n        'flex-1-0',\n        size === SMALL && 'height-5',\n        size === LARGE && 'height-10'\n    );\n\n    return (\n        <div className={wrapperClasses}>\n            <StatusBarIconComponent icon={icon} size={size} />\n\n            <div className={progressLabelWrapperClasses}>\n                <StatusBarLabelComponent label={label} size={size} className={labelWrapperClasses} />\n\n                <div className={progressOuterWrapperClasses}>\n                    <div className={progressWrapperClasses}>\n                        {progress.map((item, index) => (\n                            <StatusBarProgressBar\n                                key={index}\n                                progress={item}\n                                index={index}\n                                useProgressDivider={useProgressDivider}\n                            />\n                        ))}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default StatusBar;\n"],"names":["iconDefaults","LEFT","labelDefaults","RIGHT","BOLD","StatusBar","props","progress","size","SMALL","className","useProgressDivider","icon","label","hasIcon","iconIsLeft","iconIsRight","hasLabel","labelIsLeft","labelIsTop","TOP","labelIsRight","hasOnlyIcon","hasOnlyLabel","hasIconAndLabel","isIconLeftAndLabelRight","isIconRightAndLabelLeft","isIconAndLabelLeft","isIconAndLabelRight","isIconOnlyLeft","isIconOnlyRight","isLabelOnlyLeft","isLabelOnlyRight","wrapperClasses","classNames","progressLabelWrapperClasses","labelWrapperClasses","progressOuterWrapperClasses","progressWrapperClasses","LARGE","jsxs","jsx","StatusBarIconComponent","StatusBarLabelComponent","item","index","StatusBarProgressBar"],"mappings":";;;;;;AAsJA,MAAMA,IAAiC,EAAE,MAAM,IAAI,WAAWC,EAAA,GACxDC,IAAmC,EAAE,OAAO,IAAI,WAAWC,GAAO,QAAQC,EAAA,GAE1EC,IAAY,CAACC,MAA0B;AACzC,QAAM,EAAE,UAAAC,IAAW,CAAA,GAAI,MAAAC,IAAOC,GAAO,WAAAC,IAAY,IAAI,oBAAAC,IAAqB,GAAA,IAASL,GAG7EM,IAAyB,EAAE,GAAGZ,GAAc,GAAGM,EAAM,KAAA,GACrDO,IAA2B,EAAE,GAAGX,GAAe,GAAGI,EAAM,MAAA,GAExDQ,IAAU,CAAC,CAACF,EAAK,MACjBG,IAAaH,EAAK,cAAcX,GAChCe,IAAcJ,EAAK,cAAcT,GAEjCc,IAAW,CAAC,CAACJ,EAAM,OACnBK,IAAcL,EAAM,cAAcZ,GAClCkB,IAAaN,EAAM,cAAcO,GACjCC,IAAeR,EAAM,cAAcV,GAEnCmB,IAAcR,KAAW,CAACG,GAC1BM,IAAe,CAACT,KAAWG,GAC3BO,IAAkBV,KAAWG,GAE7BQ,IAA0BD,KAAmBT,KAAcM,GAC3DK,IAA0BF,KAAmBR,KAAeE,GAC5DS,IAAqBH,KAAmBT,KAAcG,GACtDU,IAAsBJ,KAAmBR,KAAeK,GAExDQ,IAAiBP,KAAeP,GAChCe,IAAkBR,KAAeN,GAEjCe,IAAkBR,KAAgBL,GAClCc,IAAmBT,KAAgBF,GAEnCY,IAAiBC;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACAf,IAAa,oBAAoB;AAAA,IACjCT;AAAA,EAAA,GAGEyB,IAA8BD;AAAA,IAChC;AAAA,IACA;AAAA,IACAf,KAAc;AAAA,KACbS,KAAuBF,KAA2BI,MAAoB;AAAA,KACtEH,KAAsBF,KAA2BI,MAAmB;AAAA,KACpEE,KAAmBC,MAAqB;AAAA,EAAA,GAGvCI,IAAsBF;AAAA,IACxBf,KAAc;AAAA,KACbQ,KAAsBD,KAA2BK,MAAoB;AAAA,KACrEH,KAAuBH,KAA2BO,MAAqB;AAAA,EAAA,GAGtEK,IAA8BH;AAAA,IAChC;AAAA,IACA;AAAA,KACCP,KAAsBD,KAA2BK,MAAoB;AAAA,KACrEH,KAAuBH,KAA2BO,MAAqB;AAAA,EAAA,GAGtEM,IAAyBJ;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,IACA1B,MAASC,KAAS;AAAA,IAClBD,MAAS+B,KAAS;AAAA,EAAA;AAGtB,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAWP,GACZ,UAAA;AAAA,IAAA,gBAAAQ,EAACC,GAAA,EAAuB,MAAA9B,GAAY,MAAAJ,EAAA,CAAY;AAAA,IAEhD,gBAAAgC,EAAC,OAAA,EAAI,WAAWL,GACZ,UAAA;AAAA,MAAA,gBAAAM,EAACE,GAAA,EAAwB,OAAA9B,GAAc,MAAAL,GAAY,WAAW4B,GAAqB;AAAA,MAEnF,gBAAAK,EAAC,OAAA,EAAI,WAAWJ,GACZ,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWH,GACX,UAAA/B,EAAS,IAAI,CAACqC,GAAMC,MACjB,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UAEG,UAAUF;AAAA,UACV,OAAAC;AAAA,UACA,oBAAAlC;AAAA,QAAA;AAAA,QAHKkC;AAAA,MAAA,CAKZ,GACL,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"StatusBar.js","names":[],"sources":["../../../src/components/statusBar/StatusBar.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\nimport { BOLD, LARGE, LEFT, RIGHT, SMALL, TOP } from './StatusBarConstants';\nimport StatusBarProgressBar from './StatusBarProgressBar';\n// import type { StatusBarProps, IconWithDefaults, LabelWithDefaults } from './StatusBarProps';\nimport StatusBarIconComponent from './StatusBarIcon';\nimport StatusBarLabelComponent from './StatusBarLabel';\nimport type { IconType } from '../icon/Icon';\n\nexport type StatusBarIcon = {\n    /**\n     * The name of the icon, e.g. \"cruise-control\".\n     */\n    name: IconType;\n\n    /**\n     * The position of the icon.\n     *\n     * @default 'left'\n     */\n    alignment?: 'left' | 'right';\n\n    /**\n     * The text color class name for the icon.\n     *\n     * @default 'text-color-gray'\n     */\n    color?: string;\n\n    /**\n     * Optional class names for the icon.\n     */\n    className?: string;\n};\n\nexport type StatusBarLabel = {\n    /**\n     * The label content.\n     */\n    value: string | React.ReactNode;\n\n    /**\n     * The position of the icon.\n     *\n     * @default 'right'\n     */\n    alignment?: 'left' | 'top' | 'right';\n\n    /**\n     * The text weight of the label.\n     *\n     * @default 'bold'\n     */\n    weight?: 'light' | 'bold';\n\n    /**\n     * The text color class name for the label.\n     *\n     * @default 'text-color-gray'\n     */\n    color?: string;\n\n    /**\n     * Optional class names for the label.\n     */\n    className?: string;\n};\n\nexport type StatusBarProgress = {\n    /**\n     * The percentage of the progress.\n     *\n     * @default 0\n     */\n    percentage?: number;\n\n    /**\n     * The color class name for the label.\n     *\n     * @default 'progress-bar-info'\n     */\n    color?: string;\n\n    /**\n     * Optional tooltip content to be shown for the progress bar.\n     */\n    tooltip?: string | React.ReactNode;\n\n    /**\n     * The position of the tooltip for the progress bar.\n     *\n     * @default 'top'\n     */\n    tooltipPosition?: 'top' | 'right' | 'bottom' | 'left';\n\n    /**\n     * The delay in milliseconds for when the tooltip is shown when hovering the progress bar.\n     *\n     * @default 50\n     */\n    tooltipDelay?: number;\n\n    /**\n     * Optional class names for the progress bar.\n     */\n    className?: string;\n};\n\nexport type StatusBarProps = {\n    /**\n     * The icon to be shown next to the progress bar.\n     */\n    icon?: StatusBarIcon;\n\n    /**\n     * The label to be shown for the progress bar.\n     */\n    label?: StatusBarLabel;\n\n    /**\n     * List of progress bars which will be stacked in given order if there are multiple.\n     */\n    progress?: StatusBarProgress[];\n\n    /**\n     * The size of the icon and progress bar.\n     *\n     * Possible values are:\n     *\n     * - `'small'`\n     * - `'large'`\n     *\n     * @default 'small'\n     */\n    size?: 'small' | 'large';\n\n    /**\n     * Uses a divider for multiple progress bars when defined.\n     *\n     * @default true\n     */\n    useProgressDivider?: boolean;\n\n    /**\n     * Optional class names for the wrapper element.\n     */\n    className?: string;\n};\n\nexport type IconWithDefaults = StatusBarIcon & { alignment: 'left' | 'right' };\nexport type LabelWithDefaults = StatusBarLabel & { alignment: 'left' | 'top' | 'right'; weight: 'light' | 'bold' };\n\nconst iconDefaults: IconWithDefaults = { name: '', alignment: LEFT };\nconst labelDefaults: LabelWithDefaults = { value: '', alignment: RIGHT, weight: BOLD };\n\nconst StatusBar = (props: StatusBarProps) => {\n    const { progress = [], size = SMALL, className = '', useProgressDivider = true } = props;\n\n    // deep destructuring with merging default props don't work\n    const icon: IconWithDefaults = { ...iconDefaults, ...props.icon };\n    const label: LabelWithDefaults = { ...labelDefaults, ...props.label };\n\n    const hasIcon = !!icon.name;\n    const iconIsLeft = icon.alignment === LEFT;\n    const iconIsRight = icon.alignment === RIGHT;\n\n    const hasLabel = !!label.value;\n    const labelIsLeft = label.alignment === LEFT;\n    const labelIsTop = label.alignment === TOP;\n    const labelIsRight = label.alignment === RIGHT;\n\n    const hasOnlyIcon = hasIcon && !hasLabel;\n    const hasOnlyLabel = !hasIcon && hasLabel;\n    const hasIconAndLabel = hasIcon && hasLabel;\n\n    const isIconLeftAndLabelRight = hasIconAndLabel && iconIsLeft && labelIsRight;\n    const isIconRightAndLabelLeft = hasIconAndLabel && iconIsRight && labelIsLeft;\n    const isIconAndLabelLeft = hasIconAndLabel && iconIsLeft && labelIsLeft;\n    const isIconAndLabelRight = hasIconAndLabel && iconIsRight && labelIsRight;\n\n    const isIconOnlyLeft = hasOnlyIcon && iconIsLeft;\n    const isIconOnlyRight = hasOnlyIcon && iconIsRight;\n\n    const isLabelOnlyLeft = hasOnlyLabel && labelIsLeft;\n    const isLabelOnlyRight = hasOnlyLabel && labelIsRight;\n\n    const wrapperClasses = classNames(\n        'StatusBar',\n        'width-100pct',\n        'display-flex',\n        labelIsTop ? 'align-items-end' : 'align-items-center',\n        className\n    );\n\n    const progressLabelWrapperClasses = classNames(\n        'display-flex',\n        'flex-1-0',\n        labelIsTop && 'flex-order-1 flex-column margin-bottom-10',\n        (isIconAndLabelRight || isIconRightAndLabelLeft || isIconOnlyRight) && 'flex-order-1 align-items-center',\n        (isIconAndLabelLeft || isIconLeftAndLabelRight || isIconOnlyLeft) && 'flex-order-2 align-items-center',\n        (isLabelOnlyLeft || isLabelOnlyRight) && 'align-items-center'\n    );\n\n    const labelWrapperClasses = classNames(\n        labelIsTop && 'display-flex justify-content-center',\n        (isIconAndLabelLeft || isIconRightAndLabelLeft || isLabelOnlyLeft) && 'flex-order-1 margin-right-10',\n        (isIconAndLabelRight || isIconLeftAndLabelRight || isLabelOnlyRight) && 'flex-order-2 margin-left-10'\n    );\n\n    const progressOuterWrapperClasses = classNames(\n        'display-flex',\n        'flex-1-0',\n        (isIconAndLabelLeft || isIconRightAndLabelLeft || isLabelOnlyLeft) && 'flex-order-2',\n        (isIconAndLabelRight || isIconLeftAndLabelRight || isLabelOnlyRight) && 'flex-order-1'\n    );\n\n    const progressWrapperClasses = classNames(\n        'progress',\n        'margin-0',\n        'flex-1-0',\n        size === SMALL && 'height-5',\n        size === LARGE && 'height-10'\n    );\n\n    return (\n        <div className={wrapperClasses}>\n            <StatusBarIconComponent icon={icon} size={size} />\n\n            <div className={progressLabelWrapperClasses}>\n                <StatusBarLabelComponent label={label} size={size} className={labelWrapperClasses} />\n\n                <div className={progressOuterWrapperClasses}>\n                    <div className={progressWrapperClasses}>\n                        {progress.map((item, index) => (\n                            <StatusBarProgressBar\n                                key={index}\n                                progress={item}\n                                index={index}\n                                useProgressDivider={useProgressDivider}\n                            />\n                        ))}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default StatusBar;\n"],"mappings":";;;;;;;AAuJA,IAAM,IAAiC;CAAE,MAAM;CAAI,WAAW;AAAK,GAC7D,IAAmC;CAAE,OAAO;CAAI,WAAW;CAAO,QAAQ;AAAK,GAE/E,KAAa,MAA0B;CACzC,IAAM,EAAE,cAAW,CAAC,GAAG,UAAO,GAAO,eAAY,IAAI,wBAAqB,OAAS,GAG7E,IAAyB;EAAE,GAAG;EAAc,GAAG,EAAM;CAAK,GAC1D,IAA2B;EAAE,GAAG;EAAe,GAAG,EAAM;CAAM,GAE9D,IAAU,CAAC,CAAC,EAAK,MACjB,IAAa,EAAK,cAAc,GAChC,IAAc,EAAK,cAAc,GAEjC,IAAW,CAAC,CAAC,EAAM,OACnB,IAAc,EAAM,cAAc,GAClC,IAAa,EAAM,cAAc,GACjC,IAAe,EAAM,cAAc,GAEnC,IAAc,KAAW,CAAC,GAC1B,IAAe,CAAC,KAAW,GAC3B,IAAkB,KAAW,GAE7B,IAA0B,KAAmB,KAAc,GAC3D,IAA0B,KAAmB,KAAe,GAC5D,IAAqB,KAAmB,KAAc,GACtD,IAAsB,KAAmB,KAAe,GAExD,IAAiB,KAAe,GAChC,IAAkB,KAAe,GAEjC,IAAkB,KAAgB,GAClC,IAAmB,KAAgB,GAEnC,IAAiB,EACnB,aACA,gBACA,gBACA,IAAa,oBAAoB,sBACjC,CACJ,GAEM,IAA8B,EAChC,gBACA,YACA,KAAc,8CACb,KAAuB,KAA2B,MAAoB,oCACtE,KAAsB,KAA2B,MAAmB,oCACpE,KAAmB,MAAqB,oBAC7C,GAEM,IAAsB,EACxB,KAAc,wCACb,KAAsB,KAA2B,MAAoB,iCACrE,KAAuB,KAA2B,MAAqB,6BAC5E,GAEM,IAA8B,EAChC,gBACA,aACC,KAAsB,KAA2B,MAAoB,iBACrE,KAAuB,KAA2B,MAAqB,cAC5E,GAEM,IAAyB,EAC3B,YACA,YACA,YACA,MAAA,WAAkB,YAClB,MAAA,WAAkB,WACtB;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACI,kBAAC,GAAD;GAA8B;GAAY;EAAO,CAAA,GAEjD,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACI,kBAAC,GAAD;IAAgC;IAAa;IAAM,WAAW;GAAsB,CAAA,GAEpF,kBAAC,OAAD;IAAK,WAAW;cACZ,kBAAC,OAAD;KAAK,WAAW;eACX,EAAS,KAAK,GAAM,MACjB,kBAAC,GAAD;MAEI,UAAU;MACH;MACa;KACvB,GAJQ,CAIR,CACJ;IACA,CAAA;GACJ,CAAA,CACJ;IACJ;;AAEb"}

package/components/statusBar/StatusBarConstants.js

@@ -1,14 +1,9 @@
-import o from "../overlay/OverlayTrigger.js";
-const T = o.LEFT, s = o.TOP, c = o.RIGHT;
-o.BOTTOM;
-const n = "small", r = "large", L = "light", l = "bold";
-export {
-  l as BOLD,
-  r as LARGE,
-  T as LEFT,
-  L as LIGHT,
-  c as RIGHT,
-  n as SMALL,
-  s as TOP
-};
-//# sourceMappingURL=StatusBarConstants.js.map
+import e from "../overlay/OverlayTrigger.js";
+//#region src/components/statusBar/StatusBarConstants.ts
+var t = e.LEFT, n = e.TOP, r = e.RIGHT;
+e.BOTTOM;
+var i = "small", a = "large", o = "light", s = "bold";
+//#endregion
+export { s as BOLD, a as LARGE, t as LEFT, o as LIGHT, r as RIGHT, i as SMALL, n as TOP };
+
+//# sourceMappingURL=StatusBarConstants.js.map

package/components/statusBar/StatusBarConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarConstants.js","sources":["../../../src/components/statusBar/StatusBarConstants.ts"],"sourcesContent":["import OverlayTrigger from '../overlay/OverlayTrigger';\n\n// alignment / position\nexport const LEFT = OverlayTrigger.LEFT;\nexport const TOP = OverlayTrigger.TOP;\nexport const RIGHT = OverlayTrigger.RIGHT;\nexport const BOTTOM = OverlayTrigger.BOTTOM;\n\n// icon size\nexport const SMALL = 'small';\nexport const LARGE = 'large';\n\n// font weight\nexport const LIGHT = 'light';\nexport const BOLD = 'bold';\n"],"names":["LEFT","OverlayTrigger","TOP","RIGHT","SMALL","LARGE","LIGHT","BOLD"],"mappings":";AAGO,MAAMA,IAAOC,EAAe,MACtBC,IAAMD,EAAe,KACrBE,IAAQF,EAAe;AACdA,EAAe;AAG9B,MAAMG,IAAQ,SACRC,IAAQ,SAGRC,IAAQ,SACRC,IAAO;"}
+{"version":3,"file":"StatusBarConstants.js","names":[],"sources":["../../../src/components/statusBar/StatusBarConstants.ts"],"sourcesContent":["import OverlayTrigger from '../overlay/OverlayTrigger';\n\n// alignment / position\nexport const LEFT = OverlayTrigger.LEFT;\nexport const TOP = OverlayTrigger.TOP;\nexport const RIGHT = OverlayTrigger.RIGHT;\nexport const BOTTOM = OverlayTrigger.BOTTOM;\n\n// icon size\nexport const SMALL = 'small';\nexport const LARGE = 'large';\n\n// font weight\nexport const LIGHT = 'light';\nexport const BOLD = 'bold';\n"],"mappings":";;AAGA,IAAa,IAAO,EAAe,MACtB,IAAM,EAAe,KACrB,IAAQ,EAAe;AACd,EAAe;AAGrC,IAAa,IAAQ,SACR,IAAQ,SAGR,IAAQ,SACR,IAAO"}

package/components/statusBar/StatusBarIcon.d.ts

@@ -1,6 +1,6 @@
-import { StatusBarIcon as StatusBarIconIcon } from './StatusBar';
+import { StatusBarIcon as StatusBarIconConfig } from './StatusBar';
 type StatusBarIconProps = {
-    icon: StatusBarIconIcon;
+    icon: StatusBarIconConfig;
     size: 'small' | 'large';
 };
 declare const StatusBarIcon: (props: StatusBarIconProps) => import("react/jsx-runtime").JSX.Element | null;

package/components/statusBar/StatusBarIcon.js

@@ -1,21 +1,16 @@
-import { jsx as s } from "react/jsx-runtime";
-import n from "../../utils/classNames.js";
-import { LEFT as l, LARGE as i, SMALL as m } from "./StatusBarConstants.js";
-const x = (a) => {
-  const { icon: e, size: r } = a;
-  if (!e.name)
-    return null;
-  const t = e.alignment === l ? "flex-order-1 margin-right-5" : "flex-order-2 margin-left-5", o = n(
-    "rioglyph",
-    e.name,
-    e.color ?? "text-color-gray",
-    r === m && "text-size-h3",
-    r === i && "text-size-h2",
-    e.className
-  );
-  return /* @__PURE__ */ s("div", { className: t, children: /* @__PURE__ */ s("span", { className: o }) });
+import e from "../../utils/classNames.js";
+import { normalizeIconName as t } from "../../utils/iconNames.js";
+import { LEFT as n } from "./StatusBarConstants.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/statusBar/StatusBarIcon.tsx
+var i = (i) => {
+	let { icon: a, size: o } = i;
+	return a.name ? /* @__PURE__ */ r("div", {
+		className: a.alignment === n ? "flex-order-1 margin-right-5" : "flex-order-2 margin-left-5",
+		children: /* @__PURE__ */ r("span", { className: e("uikit-icon", t(a.name), a.color ?? "text-color-gray", o === "small" && "text-size-h3", o === "large" && "text-size-h2", a.className) })
+	}) : null;
 };
-export {
-  x as default
-};
-//# sourceMappingURL=StatusBarIcon.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=StatusBarIcon.js.map

package/components/statusBar/StatusBarIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarIcon.js","sources":["../../../src/components/statusBar/StatusBarIcon.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\nimport type { StatusBarIcon as StatusBarIconIcon } from './StatusBar';\nimport { LARGE, LEFT, SMALL } from './StatusBarConstants';\n\ntype StatusBarIconProps = {\n    icon: StatusBarIconIcon;\n    size: 'small' | 'large';\n};\n\nconst StatusBarIcon = (props: StatusBarIconProps) => {\n    const { icon, size } = props;\n\n    if (!icon.name) {\n        return null;\n    }\n\n    const wrapperClasses = icon.alignment === LEFT ? 'flex-order-1 margin-right-5' : 'flex-order-2 margin-left-5';\n\n    const iconClasses = classNames(\n        'rioglyph',\n        icon.name,\n        icon.color ?? 'text-color-gray',\n        size === SMALL && 'text-size-h3',\n        size === LARGE && 'text-size-h2',\n        icon.className\n    );\n\n    return (\n        <div className={wrapperClasses}>\n            <span className={iconClasses} />\n        </div>\n    );\n};\n\nexport default StatusBarIcon;\n"],"names":["StatusBarIcon","props","icon","size","wrapperClasses","LEFT","iconClasses","classNames","SMALL","LARGE","jsx"],"mappings":";;;AASA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,MAAAC,GAAM,MAAAC,EAAA,IAASF;AAEvB,MAAI,CAACC,EAAK;AACN,WAAO;AAGX,QAAME,IAAiBF,EAAK,cAAcG,IAAO,gCAAgC,8BAE3EC,IAAcC;AAAA,IAChB;AAAA,IACAL,EAAK;AAAA,IACLA,EAAK,SAAS;AAAA,IACdC,MAASK,KAAS;AAAA,IAClBL,MAASM,KAAS;AAAA,IAClBP,EAAK;AAAA,EAAA;AAGT,SACI,gBAAAQ,EAAC,SAAI,WAAWN,GACZ,4BAAC,QAAA,EAAK,WAAWE,GAAa,EAAA,CAClC;AAER;"}
+{"version":3,"file":"StatusBarIcon.js","names":[],"sources":["../../../src/components/statusBar/StatusBarIcon.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\nimport { normalizeIconName } from '../../utils/iconNames';\nimport type { StatusBarIcon as StatusBarIconConfig } from './StatusBar';\nimport { LARGE, LEFT, SMALL } from './StatusBarConstants';\n\ntype StatusBarIconProps = {\n    icon: StatusBarIconConfig;\n    size: 'small' | 'large';\n};\n\nconst StatusBarIcon = (props: StatusBarIconProps) => {\n    const { icon, size } = props;\n\n    if (!icon.name) {\n        return null;\n    }\n\n    const wrapperClasses = icon.alignment === LEFT ? 'flex-order-1 margin-right-5' : 'flex-order-2 margin-left-5';\n\n    const iconClasses = classNames(\n        'uikit-icon',\n        normalizeIconName(icon.name),\n        icon.color ?? 'text-color-gray',\n        size === SMALL && 'text-size-h3',\n        size === LARGE && 'text-size-h2',\n        icon.className\n    );\n\n    return (\n        <div className={wrapperClasses}>\n            <span className={iconClasses} />\n        </div>\n    );\n};\n\nexport default StatusBarIcon;\n"],"mappings":";;;;;AAUA,IAAM,KAAiB,MAA8B;CACjD,IAAM,EAAE,SAAM,YAAS;CAiBvB,OAfK,EAAK,OAgBN,kBAAC,OAAD;EAAK,WAZc,EAAK,cAAc,IAAO,gCAAgC;YAazE,kBAAC,QAAD,EAAM,WAXM,EAChB,cACA,EAAkB,EAAK,IAAI,GAC3B,EAAK,SAAS,mBACd,MAAA,WAAkB,gBAClB,MAAA,WAAkB,gBAClB,EAAK,SAKgB,EAAc,CAAA;CAC9B,CAAA,IAjBE;AAmBf"}

package/components/statusBar/StatusBarLabel.js

@@ -1,25 +1,18 @@
-import { jsx as l } from "react/jsx-runtime";
-import i from "../../utils/classNames.js";
-import { LIGHT as o, LARGE as n, SMALL as c, TOP as m } from "./StatusBarConstants.js";
-const x = (s) => {
-  const { label: e, size: t, className: a = "" } = s;
-  if (!e.value)
-    return null;
-  const r = i(
-    "display-flex",
-    "ellipsis-1",
-    "flex-1-0",
-    "justify-content-center",
-    e.color ?? "text-color-dark",
-    e.alignment === m && "width-0",
-    t === c && "text-size-16",
-    t === n && "text-size-h3",
-    e.weight !== o && "text-bold",
-    e.className
-  );
-  return /* @__PURE__ */ l("div", { className: a, children: /* @__PURE__ */ l("span", { className: r, children: e.value }) });
+import e from "../../utils/classNames.js";
+import { TOP as t } from "./StatusBarConstants.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/statusBar/StatusBarLabel.tsx
+var r = (r) => {
+	let { label: i, size: a, className: o = "" } = r;
+	return i.value ? /* @__PURE__ */ n("div", {
+		className: o,
+		children: /* @__PURE__ */ n("span", {
+			className: e("display-flex", "ellipsis-1", "flex-1-0", "justify-content-center", i.color ?? "text-color-dark", i.alignment === t && "width-0", a === "small" && "text-size-16", a === "large" && "text-size-h3", i.weight !== "light" && "text-bold", i.className),
+			children: i.value
+		})
+	}) : null;
 };
-export {
-  x as default
-};
-//# sourceMappingURL=StatusBarLabel.js.map
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=StatusBarLabel.js.map

package/components/statusBar/StatusBarLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarLabel.js","sources":["../../../src/components/statusBar/StatusBarLabel.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\nimport type { StatusBarLabel as StatusBarLabelLabel } from './StatusBar';\nimport { LARGE, LIGHT, SMALL, TOP } from './StatusBarConstants';\n\ntype StatusBarLabelProps = {\n    label: StatusBarLabelLabel;\n    size: 'small' | 'large';\n    className?: string;\n};\n\nconst StatusBarLabel = (props: StatusBarLabelProps) => {\n    const { label, size, className = '' } = props;\n\n    if (!label.value) {\n        return null;\n    }\n\n    const labelClasses = classNames(\n        'display-flex',\n        'ellipsis-1',\n        'flex-1-0',\n        'justify-content-center',\n        label.color ?? 'text-color-dark',\n        label.alignment === TOP && 'width-0',\n        size === SMALL && 'text-size-16',\n        size === LARGE && 'text-size-h3',\n        label.weight !== LIGHT && 'text-bold',\n        label.className\n    );\n\n    return (\n        <div className={className}>\n            <span className={labelClasses}>{label.value}</span>\n        </div>\n    );\n};\n\nexport default StatusBarLabel;\n"],"names":["StatusBarLabel","props","label","size","className","labelClasses","classNames","TOP","SMALL","LARGE","LIGHT","jsx"],"mappings":";;;AAUA,MAAMA,IAAiB,CAACC,MAA+B;AACnD,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,WAAAC,IAAY,OAAOH;AAExC,MAAI,CAACC,EAAM;AACP,WAAO;AAGX,QAAMG,IAAeC;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAJ,EAAM,SAAS;AAAA,IACfA,EAAM,cAAcK,KAAO;AAAA,IAC3BJ,MAASK,KAAS;AAAA,IAClBL,MAASM,KAAS;AAAA,IAClBP,EAAM,WAAWQ,KAAS;AAAA,IAC1BR,EAAM;AAAA,EAAA;AAGV,SACI,gBAAAS,EAAC,SAAI,WAAAP,GACD,UAAA,gBAAAO,EAAC,UAAK,WAAWN,GAAe,UAAAH,EAAM,MAAA,CAAM,EAAA,CAChD;AAER;"}
+{"version":3,"file":"StatusBarLabel.js","names":[],"sources":["../../../src/components/statusBar/StatusBarLabel.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\nimport type { StatusBarLabel as StatusBarLabelLabel } from './StatusBar';\nimport { LARGE, LIGHT, SMALL, TOP } from './StatusBarConstants';\n\ntype StatusBarLabelProps = {\n    label: StatusBarLabelLabel;\n    size: 'small' | 'large';\n    className?: string;\n};\n\nconst StatusBarLabel = (props: StatusBarLabelProps) => {\n    const { label, size, className = '' } = props;\n\n    if (!label.value) {\n        return null;\n    }\n\n    const labelClasses = classNames(\n        'display-flex',\n        'ellipsis-1',\n        'flex-1-0',\n        'justify-content-center',\n        label.color ?? 'text-color-dark',\n        label.alignment === TOP && 'width-0',\n        size === SMALL && 'text-size-16',\n        size === LARGE && 'text-size-h3',\n        label.weight !== LIGHT && 'text-bold',\n        label.className\n    );\n\n    return (\n        <div className={className}>\n            <span className={labelClasses}>{label.value}</span>\n        </div>\n    );\n};\n\nexport default StatusBarLabel;\n"],"mappings":";;;;AAUA,IAAM,KAAkB,MAA+B;CACnD,IAAM,EAAE,UAAO,SAAM,eAAY,OAAO;CAmBxC,OAjBK,EAAM,QAkBP,kBAAC,OAAD;EAAgB;YACZ,kBAAC,QAAD;GAAM,WAfO,EACjB,gBACA,cACA,YACA,0BACA,EAAM,SAAS,mBACf,EAAM,cAAc,KAAO,WAC3B,MAAA,WAAkB,gBAClB,MAAA,WAAkB,gBAClB,EAAM,WAAA,WAAoB,aAC1B,EAAM,SAKe;aAAe,EAAM;EAAY,CAAA;CACjD,CAAA,IAnBE;AAqBf"}

package/components/statusBar/StatusBarProgressBar.js

@@ -1,31 +1,26 @@
-import { jsx as r } from "react/jsx-runtime";
-import d from "../../utils/classNames.js";
-import g from "../tooltip/Tooltip.js";
-import f from "../overlay/OverlayTrigger.js";
-import { TOP as u } from "./StatusBarConstants.js";
-const x = (e) => {
-  const {
-    index: t,
-    progress: { className: i, color: a, percentage: l = 0, tooltip: o, tooltipDelay: p = 50, tooltipPosition: m = u },
-    useProgressDivider: n
-  } = e, c = d(
-    "progress-bar",
-    a ?? "progress-bar-info",
-    n && "progress-divider",
-    i
-  ), s = /* @__PURE__ */ r("div", { className: c, style: { width: `${l}%` } });
-  return o ? /* @__PURE__ */ r(
-    f,
-    {
-      placement: m,
-      overlay: /* @__PURE__ */ r(g, { id: `tooltip-${t}`, width: "auto", children: o }),
-      delay: p,
-      children: s
-    }
-  ) : s;
+import e from "../../utils/classNames.js";
+import t from "../tooltip/Tooltip.js";
+import n from "../overlay/OverlayTrigger.js";
+import { TOP as r } from "./StatusBarConstants.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/statusBar/StatusBarProgressBar.tsx
+var a = (a) => {
+	let { index: o, progress: { className: s, color: c, percentage: l = 0, tooltip: u, tooltipDelay: d = 50, tooltipPosition: f = r }, useProgressDivider: p } = a, m = /* @__PURE__ */ i("div", {
+		className: e("progress-bar", c ?? "progress-bar-info", p && "progress-divider", s),
+		style: { width: `${l}%` }
+	});
+	return u ? /* @__PURE__ */ i(n, {
+		placement: f,
+		overlay: /* @__PURE__ */ i(t, {
+			id: `tooltip-${o}`,
+			width: "auto",
+			children: u
+		}),
+		delay: d,
+		children: m
+	}) : m;
 };
-export {
-  x as StatusBarProgressBar,
-  x as default
-};
-//# sourceMappingURL=StatusBarProgressBar.js.map
+//#endregion
+export { a as StatusBarProgressBar, a as default };
+
+//# sourceMappingURL=StatusBarProgressBar.js.map

package/components/statusBar/StatusBarProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarProgressBar.js","sources":["../../../src/components/statusBar/StatusBarProgressBar.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\nimport Tooltip from '../tooltip/Tooltip';\nimport OverlayTrigger from '../overlay/OverlayTrigger';\nimport type { StatusBarProgress } from './StatusBar';\nimport { TOP } from './StatusBarConstants';\n\ntype StatusBarProgressBarProps = {\n    index: number;\n    progress: StatusBarProgress;\n    useProgressDivider: boolean;\n};\n\nexport const StatusBarProgressBar = (props: StatusBarProgressBarProps) => {\n    const {\n        index,\n        progress: { className, color, percentage = 0, tooltip, tooltipDelay = 50, tooltipPosition = TOP },\n        useProgressDivider,\n    } = props;\n\n    const progressBarClasses = classNames(\n        'progress-bar',\n        color ?? 'progress-bar-info',\n        useProgressDivider && 'progress-divider',\n        className\n    );\n\n    const progressBar = <div className={progressBarClasses} style={{ width: `${percentage}%` }} />;\n\n    if (!tooltip) {\n        return progressBar;\n    }\n\n    return (\n        <OverlayTrigger\n            placement={tooltipPosition}\n            overlay={\n                <Tooltip id={`tooltip-${index}`} width='auto'>\n                    {tooltip}\n                </Tooltip>\n            }\n            delay={tooltipDelay}\n        >\n            {progressBar}\n        </OverlayTrigger>\n    );\n};\n\nexport default StatusBarProgressBar;\n"],"names":["StatusBarProgressBar","props","index","className","color","percentage","tooltip","tooltipDelay","tooltipPosition","TOP","useProgressDivider","progressBarClasses","classNames","progressBar","jsx","OverlayTrigger","Tooltip"],"mappings":";;;;;AAYO,MAAMA,IAAuB,CAACC,MAAqC;AACtE,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,UAAU,EAAE,WAAAC,GAAW,OAAAC,GAAO,YAAAC,IAAa,GAAG,SAAAC,GAAS,cAAAC,IAAe,IAAI,iBAAAC,IAAkBC,EAAA;AAAA,IAC5F,oBAAAC;AAAA,EAAA,IACAT,GAEEU,IAAqBC;AAAA,IACvB;AAAA,IACAR,KAAS;AAAA,IACTM,KAAsB;AAAA,IACtBP;AAAA,EAAA,GAGEU,IAAc,gBAAAC,EAAC,OAAA,EAAI,WAAWH,GAAoB,OAAO,EAAE,OAAO,GAAGN,CAAU,IAAA,EAAI,CAAG;AAE5F,SAAKC,IAKD,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAWP;AAAA,MACX,2BACKQ,GAAA,EAAQ,IAAI,WAAWd,CAAK,IAAI,OAAM,QAClC,UAAAI,EAAA,CACL;AAAA,MAEJ,OAAOC;AAAA,MAEN,UAAAM;AAAA,IAAA;AAAA,EAAA,IAbEA;AAgBf;"}
+{"version":3,"file":"StatusBarProgressBar.js","names":[],"sources":["../../../src/components/statusBar/StatusBarProgressBar.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\nimport Tooltip from '../tooltip/Tooltip';\nimport OverlayTrigger from '../overlay/OverlayTrigger';\nimport type { StatusBarProgress } from './StatusBar';\nimport { TOP } from './StatusBarConstants';\n\ntype StatusBarProgressBarProps = {\n    index: number;\n    progress: StatusBarProgress;\n    useProgressDivider: boolean;\n};\n\nexport const StatusBarProgressBar = (props: StatusBarProgressBarProps) => {\n    const {\n        index,\n        progress: { className, color, percentage = 0, tooltip, tooltipDelay = 50, tooltipPosition = TOP },\n        useProgressDivider,\n    } = props;\n\n    const progressBarClasses = classNames(\n        'progress-bar',\n        color ?? 'progress-bar-info',\n        useProgressDivider && 'progress-divider',\n        className\n    );\n\n    const progressBar = <div className={progressBarClasses} style={{ width: `${percentage}%` }} />;\n\n    if (!tooltip) {\n        return progressBar;\n    }\n\n    return (\n        <OverlayTrigger\n            placement={tooltipPosition}\n            overlay={\n                <Tooltip id={`tooltip-${index}`} width='auto'>\n                    {tooltip}\n                </Tooltip>\n            }\n            delay={tooltipDelay}\n        >\n            {progressBar}\n        </OverlayTrigger>\n    );\n};\n\nexport default StatusBarProgressBar;\n"],"mappings":";;;;;;AAYA,IAAa,KAAwB,MAAqC;CACtE,IAAM,EACF,UACA,UAAU,EAAE,cAAW,UAAO,gBAAa,GAAG,YAAS,kBAAe,IAAI,qBAAkB,KAC5F,0BACA,GASE,IAAc,kBAAC,OAAD;EAAK,WAPE,EACvB,gBACA,KAAS,qBACT,KAAsB,oBACtB,CAGgC;EAAoB,OAAO,EAAE,OAAO,GAAG,EAAW,GAAG;CAAI,CAAA;CAM7F,OAJK,IAKD,kBAAC,GAAD;EACI,WAAW;EACX,SACI,kBAAC,GAAD;GAAS,IAAI,WAAW;GAAS,OAAM;aAClC;EACI,CAAA;EAEb,OAAO;YAEN;CACW,CAAA,IAdT;AAgBf"}

package/components/steppedProgressBar/SteppedProgressBar.js

@@ -1,55 +1,52 @@
-import { jsx as l, jsxs as v } from "react/jsx-runtime";
-import { useState as S, useEffect as h } from "react";
-import { Nav as m } from "react-bootstrap";
-import i from "../../utils/classNames.js";
-const o = (p) => {
-  const {
-    labels: N,
-    selectedStepNumber: e,
-    onSelectedChanged: g,
-    variant: r = "circle",
-    disableFollowingPages: a,
-    mobileBreakpoint: b = !0,
-    className: n = ""
-  } = p, [c, d] = S(
-    a || e
-  );
-  h(() => {
-    if (a !== void 0) {
-      if (a < e) {
-        console.warn(
-          `Invalid component state detected in SteppedProgressBar: can not disable following pages ${a} when selectedStep is ${e}!`
-        );
-        return;
-      }
-      d(a);
-    } else e > c && d(e);
-  }, [a, e]);
-  const f = i(
-    "stepped-progress-bar",
-    r && `variant-${r}`,
-    b && "mobile-breakpoint",
-    n && n
-  );
-  return /* @__PURE__ */ l(m, { className: f, activeKey: e, onSelect: (s) => g(Number(s)), children: N.map((s, t) => /* @__PURE__ */ l(
-    m.Link,
-    {
-      eventKey: t,
-      disabled: t > c,
-      as: "a",
-      className: i("step-tab", s.labelWrapperClassName),
-      children: /* @__PURE__ */ v("div", { className: "step-tab-content", children: [
-        /* @__PURE__ */ l("div", { className: "item-icon", children: s.icon }),
-        /* @__PURE__ */ l("div", { className: i("item-label", s.labelClassName), children: s.label })
-      ] })
-    },
-    t
-  )) });
+import e from "../../utils/classNames.js";
+import { useEffect as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/steppedProgressBar/SteppedProgressBar.tsx
+var a = (a) => {
+	let { labels: o, selectedStepNumber: s, onSelectedChanged: c, variant: l = "circle", disableFollowingPages: u, mobileBreakpoint: d = !0, className: f = "" } = a, [p, m] = n(u || s);
+	t(() => {
+		if (u !== void 0) {
+			if (u < s) {
+				console.warn(`Invalid component state detected in SteppedProgressBar: can not disable following pages ${u} when selectedStep is ${s}!`);
+				return;
+			}
+			m(u);
+		} else s > p && m(s);
+	}, [u, s]);
+	let h = e("stepped-progress-bar", l && `variant-${l}`, d && "mobile-breakpoint", f && f), g = (e, t, n) => {
+		e.preventDefault(), n && c(t);
+	}, _ = (e, t, n) => {
+		e.key === " " && (e.preventDefault(), n && c(t));
+	};
+	return /* @__PURE__ */ r("div", {
+		className: h,
+		children: o.map((t, n) => {
+			let a = n > p, o = n === s, c = !o && !a;
+			return /* @__PURE__ */ r("a", {
+				href: "#",
+				role: "button",
+				"aria-current": o ? "step" : void 0,
+				"aria-disabled": a ? !0 : void 0,
+				tabIndex: a ? -1 : void 0,
+				className: e("step-tab", "text-decoration-none", o && "active", a && "disabled", t.labelWrapperClassName),
+				onClick: (e) => g(e, n, c),
+				onKeyDown: (e) => _(e, n, c),
+				children: /* @__PURE__ */ i("div", {
+					className: "step-tab-content",
+					children: [/* @__PURE__ */ r("div", {
+						className: "item-icon",
+						children: t.icon
+					}), /* @__PURE__ */ r("div", {
+						className: e("item-label", t.labelClassName),
+						children: t.label
+					})]
+				})
+			}, n);
+		})
+	});
 };
-o.VARIANT_CIRCLE = "circle";
-o.VARIANT_RECTANGLE = "rectangle";
-o.VARIANT_ROADSIGN = "roadsign";
-export {
-  o as default
-};
-//# sourceMappingURL=SteppedProgressBar.js.map
+a.VARIANT_CIRCLE = "circle", a.VARIANT_RECTANGLE = "rectangle", a.VARIANT_ROADSIGN = "roadsign";
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=SteppedProgressBar.js.map