@rio-cloud/rio-uikit 2.1.0 → 2.2.1

package/components/spinner/Spinner.js

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import d from "classnames";
+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", { inverse: r, double: s });
+  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", {}),
@@ -23,8 +23,9 @@ const S = (i) => {
   if (f)
     return a;
   const m = d(
-    ["spinnerInfoBox", "display-flex", "justify-content-center", "align-items-center", "height-100pct"],
-    { fullsized: s, fullscreen: n }
+    "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 })

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';\nimport classNames from 'classnames';\n\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', { inverse: isInverse, double: isDoubleSized });\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        { fullsized: isFullSized, fullscreen: isFullScreen }\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,WAAW,EAAE,SAASJ,GAAW,QAAQC,GAAe;AACrF,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,CAAC,kBAAkB,gBAAgB,0BAA0B,sBAAsB,eAAe;AAAA,IAClG,EAAE,WAAWI,GAAa,YAAYC,EAAA;AAAA,EAAa,GAGjDM,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","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;"}

package/components/states/CustomState.d.ts

@@ -1,5 +1,73 @@
 import { PropsWithChildren } from 'react';
-import { BaseStateProps } from './BaseStateProps';
+import { StateButtonProps } from './StateButton';
+import { TextAlignment } from '../../values/TextAlignment';
+import { StateIconProps } from './StateIcon';
+export type BaseStateProps = {
+    /**
+     * The icon to be shown.
+     *
+     * Default icons are defined for all states.
+     */
+    icon?: string;
+    /**
+     * List of icons to show instead a single icon.
+     *
+     * @default []
+     */
+    icons?: StateIconProps[];
+    /**
+     * Custom Image if needed.
+     */
+    image?: React.ReactNode;
+    /**
+     * The headline to be shown.
+     */
+    headline?: string | React.ReactNode;
+    /**
+     * The text to display.
+     */
+    message?: string | React.ReactNode;
+    /**
+     * Definitions for the buttons to show.
+     *
+     * @default []
+     */
+    buttons?: StateButtonProps[];
+    /**
+     * Defines whether to use 100% width or default width.
+     *
+     * __Note:__ Only to be used for special cases on the CustomState component.
+     *
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Smaller icon and headline size.
+     *
+     * @default false
+     */
+    condensed?: boolean;
+    /**
+     * Defines where the panel is aligned.
+     *
+     * Possible values are:
+     *
+     * - `'left'`
+     * - `'center'`
+     * - `'right'`
+     *
+     * @default 'center'
+     */
+    alignment?: TextAlignment;
+    /**
+     * Optional class names for the wrapper.
+     */
+    outerClassName?: string;
+    /**
+     * Optional class names for the content.
+     */
+    innerClassName?: string;
+};
 export type CustomStateProps = BaseStateProps;
 declare const CustomState: (props: PropsWithChildren<CustomStateProps>) => import("react/jsx-runtime").JSX.Element;
 export default CustomState;

package/components/states/CustomState.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as c, Fragment as f } from "react/jsx-runtime";
-import s from "classnames";
 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";

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 classNames from 'classnames';\nimport { isEmpty } from 'es-toolkit/compat';\n\nimport StateButton, { type StateButtonProps } from './StateButton';\nimport StateIcon from './StateIcon';\nimport type { BaseStateProps } from './BaseStateProps';\nimport type { TextAlignment } from '../../values/TextAlignment';\nimport { hasPaddingClass } from '../../utils/hasUtilityClass';\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) => {\n                    return index > 1 && <StateButton key={index} {...buttonProps} />;\n                })}\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":"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"}
+{"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    headline?: string | React.ReactNode;\n\n    /**\n     * The text to display.\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) => {\n                    return index > 1 && <StateButton key={index} {...buttonProps} />;\n                })}\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":"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"}

package/components/states/EmptyState.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { BaseStateProps } from './BaseStateProps';
+import { BaseStateProps } from './CustomState';
 export type EmptyStateProps = BaseStateProps;
 declare const EmptyState: (props: PropsWithChildren<EmptyStateProps>) => import("react/jsx-runtime").JSX.Element;
 export default EmptyState;

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 from './CustomState';\nimport type { BaseStateProps } from './BaseStateProps';\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":";;AAOA,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","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;"}

package/components/states/ErrorState.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { BaseStateProps } from './BaseStateProps';
+import { BaseStateProps } from './CustomState';
 export type ErrorStateProps = BaseStateProps;
 declare const ErrorState: (props: PropsWithChildren<ErrorStateProps>) => import("react/jsx-runtime").JSX.Element;
 export default ErrorState;

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 from './CustomState';\nimport type { BaseStateProps } from './BaseStateProps';\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":";;AAOA,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","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;"}

package/components/states/ForbiddenState.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { BaseStateProps } from './BaseStateProps';
+import { BaseStateProps } from './CustomState';
 export type ForbiddenStateProps = BaseStateProps;
 declare const ForbiddenState: (props: PropsWithChildren<ForbiddenStateProps>) => import("react/jsx-runtime").JSX.Element;
 export default ForbiddenState;

package/components/states/ForbiddenState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForbiddenState.js","sources":["../../../src/components/states/ForbiddenState.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport CustomState from './CustomState';\nimport type { BaseStateProps } from './BaseStateProps';\n\nexport type ForbiddenStateProps = BaseStateProps;\n\nconst ForbiddenState = (props: PropsWithChildren<ForbiddenStateProps>) => {\n    const { icon = 'rioglyph-ban-circle', ...remainingProps } = props;\n    return <CustomState icon={icon} {...remainingProps} />;\n};\n\nexport default ForbiddenState;\n"],"names":["ForbiddenState","props","icon","remainingProps","jsx","CustomState"],"mappings":";;AAOA,MAAMA,IAAiB,CAACC,MAAkD;AACtE,QAAM,EAAE,MAAAC,IAAO,uBAAuB,GAAGC,MAAmBF;AAC5D,SAAO,gBAAAG,EAACC,GAAA,EAAY,MAAAH,GAAa,GAAGC,EAAA,CAAgB;AACxD;"}
+{"version":3,"file":"ForbiddenState.js","sources":["../../../src/components/states/ForbiddenState.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport CustomState, { type BaseStateProps } from './CustomState';\n\nexport type ForbiddenStateProps = BaseStateProps;\n\nconst ForbiddenState = (props: PropsWithChildren<ForbiddenStateProps>) => {\n    const { icon = 'rioglyph-ban-circle', ...remainingProps } = props;\n    return <CustomState icon={icon} {...remainingProps} />;\n};\n\nexport default ForbiddenState;\n"],"names":["ForbiddenState","props","icon","remainingProps","jsx","CustomState"],"mappings":";;AAMA,MAAMA,IAAiB,CAACC,MAAkD;AACtE,QAAM,EAAE,MAAAC,IAAO,uBAAuB,GAAGC,MAAmBF;AAC5D,SAAO,gBAAAG,EAACC,GAAA,EAAY,MAAAH,GAAa,GAAGC,EAAA,CAAgB;AACxD;"}

package/components/states/MaintenanceState.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { BaseStateProps } from './BaseStateProps';
+import { BaseStateProps } from './CustomState';
 export type MaintenanceStateProps = BaseStateProps;
 declare const MaintenanceState: (props: PropsWithChildren<MaintenanceStateProps>) => import("react/jsx-runtime").JSX.Element;
 export default MaintenanceState;

package/components/states/MaintenanceState.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaintenanceState.js","sources":["../../../src/components/states/MaintenanceState.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport CustomState from './CustomState';\nimport type { BaseStateProps } from './BaseStateProps';\n\nexport type MaintenanceStateProps = BaseStateProps;\n\nconst MaintenanceState = (props: PropsWithChildren<MaintenanceStateProps>) => {\n    const { icon = 'rioglyph-wrench', ...remainingProps } = props;\n    return <CustomState icon={icon} {...remainingProps} />;\n};\n\nexport default MaintenanceState;\n"],"names":["MaintenanceState","props","icon","remainingProps","jsx","CustomState"],"mappings":";;AAOA,MAAMA,IAAmB,CAACC,MAAoD;AAC1E,QAAM,EAAE,MAAAC,IAAO,mBAAmB,GAAGC,MAAmBF;AACxD,SAAO,gBAAAG,EAACC,GAAA,EAAY,MAAAH,GAAa,GAAGC,EAAA,CAAgB;AACxD;"}
+{"version":3,"file":"MaintenanceState.js","sources":["../../../src/components/states/MaintenanceState.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport CustomState, { type BaseStateProps } from './CustomState';\n\nexport type MaintenanceStateProps = BaseStateProps;\n\nconst MaintenanceState = (props: PropsWithChildren<MaintenanceStateProps>) => {\n    const { icon = 'rioglyph-wrench', ...remainingProps } = props;\n    return <CustomState icon={icon} {...remainingProps} />;\n};\n\nexport default MaintenanceState;\n"],"names":["MaintenanceState","props","icon","remainingProps","jsx","CustomState"],"mappings":";;AAMA,MAAMA,IAAmB,CAACC,MAAoD;AAC1E,QAAM,EAAE,MAAAC,IAAO,mBAAmB,GAAGC,MAAmBF;AACxD,SAAO,gBAAAG,EAACC,GAAA,EAAY,MAAAH,GAAa,GAAGC,EAAA,CAAgB;AACxD;"}

package/components/states/NotBookedState.d.ts

@@ -1,5 +1,5 @@
 import { default as React, PropsWithChildren } from 'react';
-import { BaseStateProps } from './BaseStateProps';
+import { BaseStateProps } from './CustomState';
 export type NotBookedStateProps = BaseStateProps & {
     /**
      * List of features.

package/components/states/NotBookedState.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotBookedState.js","sources":["../../../src/components/states/NotBookedState.tsx"],"sourcesContent":["import type React from 'react';\nimport type { PropsWithChildren } from 'react';\nimport { isArray, isEmpty } from 'es-toolkit/compat';\n\nimport CustomState from './CustomState';\nimport type { BaseStateProps } from './BaseStateProps';\n\nexport type NotBookedStateProps = BaseStateProps & {\n    /**\n     * List of features.\n     */\n    features?: string | React.ReactNode[];\n};\n\nconst NotBookedState = (props: PropsWithChildren<NotBookedStateProps>) => {\n    const { message, features, icon = 'rioglyph-stars', ...remainingProps } = props;\n\n    const combinedMessages = (\n        <>\n            {message && <div className='text-medium margin-bottom-20'>{message}</div>}\n            {features && isArray(features) && !isEmpty(features) && (\n                <ul\n                    className='feature-list icon-list margin-x-10pct-ls margin-y-10 text-size-12 text-size-14-sm'\n                    id='features'\n                >\n                    {features.map((feature, index) => (\n                        <li\n                            key={index}\n                            className='padding-x-15 bg-lightest rounded rounded-large border-none display-flex align-items-center gap-2 text-left'\n                        >\n                            <span className='rioglyph rioglyph-ok text-color-primary' />\n                            <span className='text-color-darker'>{feature}</span>\n                        </li>\n                    ))}\n                </ul>\n            )}\n        </>\n    );\n\n    return (\n        <CustomState\n            message={combinedMessages}\n            icons={[{ name: icon, color: 'text-color-primary' }]}\n            {...remainingProps}\n        />\n    );\n};\n\nexport default NotBookedState;\n"],"names":["NotBookedState","props","message","features","icon","remainingProps","combinedMessages","jsxs","Fragment","jsx","isArray","isEmpty","feature","index","CustomState"],"mappings":";;;AAcA,MAAMA,IAAiB,CAACC,MAAkD;AACtE,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,MAAAC,IAAO,kBAAkB,GAAGC,MAAmBJ,GAEpEK,IACF,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAN,KAAW,gBAAAO,EAAC,OAAA,EAAI,WAAU,gCAAgC,UAAAP,GAAQ;AAAA,IAClEC,KAAYO,EAAQP,CAAQ,KAAK,CAACQ,EAAQR,CAAQ,KAC/C,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,IAAG;AAAA,QAEF,UAAAN,EAAS,IAAI,CAACS,GAASC,MACpB,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,0CAAA,CAA0C;AAAA,cAC1D,gBAAAA,EAAC,QAAA,EAAK,WAAU,qBAAqB,UAAAG,EAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,UAJxCC;AAAA,QAAA,CAMZ;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GAER;AAGJ,SACI,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MACG,SAASR;AAAA,MACT,OAAO,CAAC,EAAE,MAAMF,GAAM,OAAO,sBAAsB;AAAA,MAClD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"NotBookedState.js","sources":["../../../src/components/states/NotBookedState.tsx"],"sourcesContent":["import type React from 'react';\nimport type { PropsWithChildren } from 'react';\nimport { isArray, isEmpty } from 'es-toolkit/compat';\n\nimport CustomState, { type BaseStateProps } from './CustomState';\n\nexport type NotBookedStateProps = BaseStateProps & {\n    /**\n     * List of features.\n     */\n    features?: string | React.ReactNode[];\n};\n\nconst NotBookedState = (props: PropsWithChildren<NotBookedStateProps>) => {\n    const { message, features, icon = 'rioglyph-stars', ...remainingProps } = props;\n\n    const combinedMessages = (\n        <>\n            {message && <div className='text-medium margin-bottom-20'>{message}</div>}\n            {features && isArray(features) && !isEmpty(features) && (\n                <ul\n                    className='feature-list icon-list margin-x-10pct-ls margin-y-10 text-size-12 text-size-14-sm'\n                    id='features'\n                >\n                    {features.map((feature, index) => (\n                        <li\n                            key={index}\n                            className='padding-x-15 bg-lightest rounded rounded-large border-none display-flex align-items-center gap-2 text-left'\n                        >\n                            <span className='rioglyph rioglyph-ok text-color-primary' />\n                            <span className='text-color-darker'>{feature}</span>\n                        </li>\n                    ))}\n                </ul>\n            )}\n        </>\n    );\n\n    return (\n        <CustomState\n            message={combinedMessages}\n            icons={[{ name: icon, color: 'text-color-primary' }]}\n            {...remainingProps}\n        />\n    );\n};\n\nexport default NotBookedState;\n"],"names":["NotBookedState","props","message","features","icon","remainingProps","combinedMessages","jsxs","Fragment","jsx","isArray","isEmpty","feature","index","CustomState"],"mappings":";;;AAaA,MAAMA,IAAiB,CAACC,MAAkD;AACtE,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,MAAAC,IAAO,kBAAkB,GAAGC,MAAmBJ,GAEpEK,IACF,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAN,KAAW,gBAAAO,EAAC,OAAA,EAAI,WAAU,gCAAgC,UAAAP,GAAQ;AAAA,IAClEC,KAAYO,EAAQP,CAAQ,KAAK,CAACQ,EAAQR,CAAQ,KAC/C,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,IAAG;AAAA,QAEF,UAAAN,EAAS,IAAI,CAACS,GAASC,MACpB,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,0CAAA,CAA0C;AAAA,cAC1D,gBAAAA,EAAC,QAAA,EAAK,WAAU,qBAAqB,UAAAG,EAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,UAJxCC;AAAA,QAAA,CAMZ;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GAER;AAGJ,SACI,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MACG,SAASR;AAAA,MACT,OAAO,CAAC,EAAE,MAAMF,GAAM,OAAO,sBAAsB;AAAA,MAClD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/components/states/NotFoundState.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { BaseStateProps } from './BaseStateProps';
+import { BaseStateProps } from './CustomState';
 export type NotFoundStateProps = BaseStateProps;
 declare const NotFoundState: (props: PropsWithChildren<NotFoundStateProps>) => import("react/jsx-runtime").JSX.Element;
 export default NotFoundState;

package/components/states/NotFoundState.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotFoundState.js","sources":["../../../src/components/states/NotFoundState.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport CustomState from './CustomState';\nimport type { BaseStateProps } from './BaseStateProps';\n\nexport type NotFoundStateProps = BaseStateProps;\n\nconst NotFoundState = (props: PropsWithChildren<NotFoundStateProps>) => {\n    const { icon = 'rioglyph-looking-glass-man', ...remainingProps } = props;\n    return <CustomState icon={icon} {...remainingProps} />;\n};\n\nexport default NotFoundState;\n"],"names":["NotFoundState","props","icon","remainingProps","jsx","CustomState"],"mappings":";;AAOA,MAAMA,IAAgB,CAACC,MAAiD;AACpE,QAAM,EAAE,MAAAC,IAAO,8BAA8B,GAAGC,MAAmBF;AACnE,SAAO,gBAAAG,EAACC,GAAA,EAAY,MAAAH,GAAa,GAAGC,EAAA,CAAgB;AACxD;"}
+{"version":3,"file":"NotFoundState.js","sources":["../../../src/components/states/NotFoundState.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport CustomState, { type BaseStateProps } from './CustomState';\n\nexport type NotFoundStateProps = BaseStateProps;\n\nconst NotFoundState = (props: PropsWithChildren<NotFoundStateProps>) => {\n    const { icon = 'rioglyph-looking-glass-man', ...remainingProps } = props;\n    return <CustomState icon={icon} {...remainingProps} />;\n};\n\nexport default NotFoundState;\n"],"names":["NotFoundState","props","icon","remainingProps","jsx","CustomState"],"mappings":";;AAMA,MAAMA,IAAgB,CAACC,MAAiD;AACpE,QAAM,EAAE,MAAAC,IAAO,8BAA8B,GAAGC,MAAmBF;AACnE,SAAO,gBAAAG,EAACC,GAAA,EAAY,MAAAH,GAAa,GAAGC,EAAA,CAAgB;AACxD;"}

package/components/states/StateButton.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import r from "classnames";
+import r from "../../utils/classNames.js";
 const p = (o) => {
   const { text: t, bsStyle: m = "primary", className: s, onClick: a = () => {
   }, href: e } = o;

package/components/states/StateButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateButton.js","sources":["../../../src/components/states/StateButton.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\n\nimport type { BUTTON_STYLE } from '../../Button';\n\nexport type StateButtonProps = {\n    /**\n     * The button text.\n     *\n     * This can also be a node with an icon to be shown on the button.\n     */\n    text: string | React.ReactNode;\n\n    /**\n     * Callback fired after the component starts to collapse.\n     *\n     * @default () => {}\n     */\n    onClick?: VoidFunction;\n\n    /**\n     * Instead of a callback for the button you can specify a \"href\".\n     *\n     * This way it will render a link button instead.\n     */\n    href?: string;\n\n    /**\n     * The style of the button.\n     *\n     * @default 'primary'\n     */\n    bsStyle?: BUTTON_STYLE;\n\n    /**\n     * Additional classes assigned to the button.\n     */\n    className?: string;\n};\n\nconst StateButton = (props: StateButtonProps) => {\n    const { text, bsStyle = 'primary', className, onClick = () => {}, href } = props;\n\n    // In case a href is given, render a link instead\n    if (href) {\n        return (\n            <a className={classNames('margin-top-15', className)} href={href} onClick={onClick}>\n                {text}\n            </a>\n        );\n    }\n\n    const buttonClassNames = classNames('btn', 'margin-top-10', `btn-${bsStyle}`, className);\n\n    return (\n        <button className={buttonClassNames} type='button' onClick={onClick}>\n            {text}\n        </button>\n    );\n};\n\nexport default StateButton;\n"],"names":["StateButton","props","text","bsStyle","className","onClick","href","jsx","classNames","buttonClassNames"],"mappings":";;AAwCA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,MAAAC,GAAM,SAAAC,IAAU,WAAW,WAAAC,GAAW,SAAAC,IAAU,MAAM;AAAA,EAAC,GAAG,MAAAC,MAASL;AAG3E,MAAIK;AACA,WACI,gBAAAC,EAAC,OAAE,WAAWC,EAAW,iBAAiBJ,CAAS,GAAG,MAAAE,GAAY,SAAAD,GAC7D,UAAAH,EAAA,CACL;AAIR,QAAMO,IAAmBD,EAAW,OAAO,iBAAiB,OAAOL,CAAO,IAAIC,CAAS;AAEvF,2BACK,UAAA,EAAO,WAAWK,GAAkB,MAAK,UAAS,SAAAJ,GAC9C,UAAAH,GACL;AAER;"}
+{"version":3,"file":"StateButton.js","sources":["../../../src/components/states/StateButton.tsx"],"sourcesContent":["import type React from 'react';\n\nimport classNames from '../../utils/classNames';\nimport type { BUTTON_STYLE } from '../../Button';\n\nexport type StateButtonProps = {\n    /**\n     * The button text.\n     *\n     * This can also be a node with an icon to be shown on the button.\n     */\n    text: string | React.ReactNode;\n\n    /**\n     * Callback fired after the component starts to collapse.\n     *\n     * @default () => {}\n     */\n    onClick?: VoidFunction;\n\n    /**\n     * Instead of a callback for the button you can specify a \"href\".\n     *\n     * This way it will render a link button instead.\n     */\n    href?: string;\n\n    /**\n     * The style of the button.\n     *\n     * @default 'primary'\n     */\n    bsStyle?: BUTTON_STYLE;\n\n    /**\n     * Additional classes assigned to the button.\n     */\n    className?: string;\n};\n\nconst StateButton = (props: StateButtonProps) => {\n    const { text, bsStyle = 'primary', className, onClick = () => {}, href } = props;\n\n    // In case a href is given, render a link instead\n    if (href) {\n        return (\n            <a className={classNames('margin-top-15', className)} href={href} onClick={onClick}>\n                {text}\n            </a>\n        );\n    }\n\n    const buttonClassNames = classNames('btn', 'margin-top-10', `btn-${bsStyle}`, className);\n\n    return (\n        <button className={buttonClassNames} type='button' onClick={onClick}>\n            {text}\n        </button>\n    );\n};\n\nexport default StateButton;\n"],"names":["StateButton","props","text","bsStyle","className","onClick","href","jsx","classNames","buttonClassNames"],"mappings":";;AAwCA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,MAAAC,GAAM,SAAAC,IAAU,WAAW,WAAAC,GAAW,SAAAC,IAAU,MAAM;AAAA,EAAC,GAAG,MAAAC,MAASL;AAG3E,MAAIK;AACA,WACI,gBAAAC,EAAC,OAAE,WAAWC,EAAW,iBAAiBJ,CAAS,GAAG,MAAAE,GAAY,SAAAD,GAC7D,UAAAH,EAAA,CACL;AAIR,QAAMO,IAAmBD,EAAW,OAAO,iBAAiB,OAAOL,CAAO,IAAIC,CAAS;AAEvF,2BACK,UAAA,EAAO,WAAWK,GAAkB,MAAK,UAAS,SAAAJ,GAC9C,UAAAH,GACL;AAER;"}

package/components/statsWidget/StatsWidget.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import c from "classnames";
+import c from "../../utils/classNames.js";
 import p from "./StatsWidgetHeader.js";
 import g from "./StatsWidgetBody.js";
 import m from "./StatsWidgetFooter.js";

package/components/statsWidget/StatsWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatsWidget.js","sources":["../../../src/components/statsWidget/StatsWidget.tsx"],"sourcesContent":["import type { ComponentProps, MouseEventHandler, PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\nimport StatsWidgetHeader, { type StatsWidgetHeaderProps } from './StatsWidgetHeader';\nimport StatsWidgetBody, { type StatsWidgetBodyProps } from './StatsWidgetBody';\nimport StatsWidgetFooter, { type StatsWidgetFooterProps } from './StatsWidgetFooter';\n\nexport type StatsWidgetProps = ComponentProps<'div'> & {\n    /**\n     * Callback to reset the filter.\n     */\n    onFilterReset?: MouseEventHandler;\n\n    /**\n     * Defines whether a filter is active for this widget.\n     *\n     * @default false\n     */\n    hasFilter?: boolean;\n\n    /**\n     * Additional class names to be added to the element.\n     */\n    className?: string;\n};\n\n// re-export these because they're not exposed on root directly\nexport type { StatsWidgetHeaderProps, StatsWidgetBodyProps, StatsWidgetFooterProps };\n\nconst StatsWidget = (props: PropsWithChildren<StatsWidgetProps>) => {\n    const { children, hasFilter = false, onFilterReset = () => {}, className, ...remainingProps } = props;\n\n    const wrapperClasses = classNames('StatsWidget', className);\n\n    return (\n        <div {...remainingProps} className={wrapperClasses}>\n            {hasFilter && (\n                <span\n                    className={\n                        'bg-light hover-bg-highlight display-flex justify-content-center align-items-center padding-2' +\n                        ' rounded-circle position-absolute top-15 right-15 display-block height-20 width-20' +\n                        ' cursor-pointer'\n                    }\n                    onClick={onFilterReset}\n                >\n                    <span className='rioglyph rioglyph-revert text-color-white text-size-12' />\n                </span>\n            )}\n            {children}\n        </div>\n    );\n};\n\nStatsWidget.Header = StatsWidgetHeader;\nStatsWidget.Body = StatsWidgetBody;\nStatsWidget.Footer = StatsWidgetFooter;\n\nexport default StatsWidget;\n"],"names":["StatsWidget","props","children","hasFilter","onFilterReset","className","remainingProps","wrapperClasses","classNames","jsxs","jsx","StatsWidgetHeader","StatsWidgetBody","StatsWidgetFooter"],"mappings":";;;;;AA6BA,MAAMA,IAAc,CAACC,MAA+C;AAChE,QAAM,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAO,eAAAC,IAAgB,MAAM;AAAA,EAAC,GAAG,WAAAC,GAAW,GAAGC,EAAA,IAAmBL,GAE1FM,IAAiBC,EAAW,eAAeH,CAAS;AAE1D,SACI,gBAAAI,EAAC,OAAA,EAAK,GAAGH,GAAgB,WAAWC,GAC/B,UAAA;AAAA,IAAAJ,KACG,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WACI;AAAA,QAIJ,SAASN;AAAA,QAET,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,yDAAA,CAAyD;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhFR;AAAA,EAAA,GACL;AAER;AAEAF,EAAY,SAASW;AACrBX,EAAY,OAAOY;AACnBZ,EAAY,SAASa;"}
+{"version":3,"file":"StatsWidget.js","sources":["../../../src/components/statsWidget/StatsWidget.tsx"],"sourcesContent":["import type { ComponentProps, MouseEventHandler, PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport StatsWidgetHeader, { type StatsWidgetHeaderProps } from './StatsWidgetHeader';\nimport StatsWidgetBody, { type StatsWidgetBodyProps } from './StatsWidgetBody';\nimport StatsWidgetFooter, { type StatsWidgetFooterProps } from './StatsWidgetFooter';\n\nexport type StatsWidgetProps = ComponentProps<'div'> & {\n    /**\n     * Callback to reset the filter.\n     */\n    onFilterReset?: MouseEventHandler;\n\n    /**\n     * Defines whether a filter is active for this widget.\n     *\n     * @default false\n     */\n    hasFilter?: boolean;\n\n    /**\n     * Additional class names to be added to the element.\n     */\n    className?: string;\n};\n\n// re-export these because they're not exposed on root directly\nexport type { StatsWidgetHeaderProps, StatsWidgetBodyProps, StatsWidgetFooterProps };\n\nconst StatsWidget = (props: PropsWithChildren<StatsWidgetProps>) => {\n    const { children, hasFilter = false, onFilterReset = () => {}, className, ...remainingProps } = props;\n\n    const wrapperClasses = classNames('StatsWidget', className);\n\n    return (\n        <div {...remainingProps} className={wrapperClasses}>\n            {hasFilter && (\n                <span\n                    className={\n                        'bg-light hover-bg-highlight display-flex justify-content-center align-items-center padding-2' +\n                        ' rounded-circle position-absolute top-15 right-15 display-block height-20 width-20' +\n                        ' cursor-pointer'\n                    }\n                    onClick={onFilterReset}\n                >\n                    <span className='rioglyph rioglyph-revert text-color-white text-size-12' />\n                </span>\n            )}\n            {children}\n        </div>\n    );\n};\n\nStatsWidget.Header = StatsWidgetHeader;\nStatsWidget.Body = StatsWidgetBody;\nStatsWidget.Footer = StatsWidgetFooter;\n\nexport default StatsWidget;\n"],"names":["StatsWidget","props","children","hasFilter","onFilterReset","className","remainingProps","wrapperClasses","classNames","jsxs","jsx","StatsWidgetHeader","StatsWidgetBody","StatsWidgetFooter"],"mappings":";;;;;AA6BA,MAAMA,IAAc,CAACC,MAA+C;AAChE,QAAM,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAO,eAAAC,IAAgB,MAAM;AAAA,EAAC,GAAG,WAAAC,GAAW,GAAGC,EAAA,IAAmBL,GAE1FM,IAAiBC,EAAW,eAAeH,CAAS;AAE1D,SACI,gBAAAI,EAAC,OAAA,EAAK,GAAGH,GAAgB,WAAWC,GAC/B,UAAA;AAAA,IAAAJ,KACG,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WACI;AAAA,QAIJ,SAASN;AAAA,QAET,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,yDAAA,CAAyD;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhFR;AAAA,EAAA,GACL;AAER;AAEAF,EAAY,SAASW;AACrBX,EAAY,OAAOY;AACnBZ,EAAY,SAASa;"}

package/components/statsWidget/StatsWidgetBody.js

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import r from "classnames";
+import r from "../../utils/classNames.js";
 const n = (e) => {
   const { children: t, fullWidth: s = !1, className: i, ...l } = e, d = r("StatsWidget-body", s && "full-width", i);
   return /* @__PURE__ */ o("div", { ...l, className: d, children: [

package/components/statsWidget/StatsWidgetBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatsWidgetBody.js","sources":["../../../src/components/statsWidget/StatsWidgetBody.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\nexport type StatsWidgetBodyProps = {\n    /**\n     * Whether to use flex space-between for StatsWidgetNumbers.\n     *\n     * @default false\n     */\n    fullWidth?: boolean;\n\n    /**\n     * Additional class names to be added to the element.\n     */\n    className?: string;\n};\n\nconst StatsWidgetBody = (props: PropsWithChildren<StatsWidgetBodyProps>) => {\n    const { children, fullWidth = false, className, ...remainingProps } = props;\n\n    const wrapperClasses = classNames('StatsWidget-body', fullWidth && 'full-width', className);\n\n    return (\n        <div {...remainingProps} className={wrapperClasses}>\n            {fullWidth && <div className='StatsWidget-body-column-spacer invisible' />}\n            {children}\n            {fullWidth && <div className='StatsWidget-body-column-spacer invisible' />}\n        </div>\n    );\n};\n\nexport default StatsWidgetBody;\n"],"names":["StatsWidgetBody","props","children","fullWidth","className","remainingProps","wrapperClasses","classNames","jsxs","jsx"],"mappings":";;AAiBA,MAAMA,IAAkB,CAACC,MAAmD;AACxE,QAAM,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAO,WAAAC,GAAW,GAAGC,MAAmBJ,GAEhEK,IAAiBC,EAAW,oBAAoBJ,KAAa,cAAcC,CAAS;AAE1F,SACI,gBAAAI,EAAC,OAAA,EAAK,GAAGH,GAAgB,WAAWC,GAC/B,UAAA;AAAA,IAAAH,KAAa,gBAAAM,EAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,IACvEP;AAAA,IACAC,KAAa,gBAAAM,EAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,EAAA,GAC5E;AAER;"}
+{"version":3,"file":"StatsWidgetBody.js","sources":["../../../src/components/statsWidget/StatsWidgetBody.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type StatsWidgetBodyProps = {\n    /**\n     * Whether to use flex space-between for StatsWidgetNumbers.\n     *\n     * @default false\n     */\n    fullWidth?: boolean;\n\n    /**\n     * Additional class names to be added to the element.\n     */\n    className?: string;\n};\n\nconst StatsWidgetBody = (props: PropsWithChildren<StatsWidgetBodyProps>) => {\n    const { children, fullWidth = false, className, ...remainingProps } = props;\n\n    const wrapperClasses = classNames('StatsWidget-body', fullWidth && 'full-width', className);\n\n    return (\n        <div {...remainingProps} className={wrapperClasses}>\n            {fullWidth && <div className='StatsWidget-body-column-spacer invisible' />}\n            {children}\n            {fullWidth && <div className='StatsWidget-body-column-spacer invisible' />}\n        </div>\n    );\n};\n\nexport default StatsWidgetBody;\n"],"names":["StatsWidgetBody","props","children","fullWidth","className","remainingProps","wrapperClasses","classNames","jsxs","jsx"],"mappings":";;AAkBA,MAAMA,IAAkB,CAACC,MAAmD;AACxE,QAAM,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAO,WAAAC,GAAW,GAAGC,MAAmBJ,GAEhEK,IAAiBC,EAAW,oBAAoBJ,KAAa,cAAcC,CAAS;AAE1F,SACI,gBAAAI,EAAC,OAAA,EAAK,GAAGH,GAAgB,WAAWC,GAC/B,UAAA;AAAA,IAAAH,KAAa,gBAAAM,EAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,IACvEP;AAAA,IACAC,KAAa,gBAAAM,EAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,EAAA,GAC5E;AAER;"}

package/components/statsWidget/StatsWidgetFooter.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import i from "classnames";
+import i from "../../utils/classNames.js";
 const n = (s) => {
   const { children: t, className: e, ...r } = s, a = i("StatsWidget-footer", e);
   return /* @__PURE__ */ o("div", { ...r, className: a, children: t });

package/components/statsWidget/StatsWidgetFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatsWidgetFooter.js","sources":["../../../src/components/statsWidget/StatsWidgetFooter.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\nexport type StatsWidgetFooterProps = {\n    /**\n     * Additional class names to be added to the element.\n     */\n    className?: string;\n};\n\nconst StatsWidgetFooter = (props: PropsWithChildren<StatsWidgetFooterProps>) => {\n    const { children, className, ...remainingProps } = props;\n\n    const wrapperClasses = classNames('StatsWidget-footer', className);\n\n    return (\n        <div {...remainingProps} className={wrapperClasses}>\n            {children}\n        </div>\n    );\n};\n\nexport default StatsWidgetFooter;\n"],"names":["StatsWidgetFooter","props","children","className","remainingProps","wrapperClasses","classNames"],"mappings":";;AAUA,MAAMA,IAAoB,CAACC,MAAqD;AAC5E,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,MAAmBH,GAE7CI,IAAiBC,EAAW,sBAAsBH,CAAS;AAEjE,2BACK,OAAA,EAAK,GAAGC,GAAgB,WAAWC,GAC/B,UAAAH,GACL;AAER;"}
+{"version":3,"file":"StatsWidgetFooter.js","sources":["../../../src/components/statsWidget/StatsWidgetFooter.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type StatsWidgetFooterProps = {\n    /**\n     * Additional class names to be added to the element.\n     */\n    className?: string;\n};\n\nconst StatsWidgetFooter = (props: PropsWithChildren<StatsWidgetFooterProps>) => {\n    const { children, className, ...remainingProps } = props;\n\n    const wrapperClasses = classNames('StatsWidget-footer', className);\n\n    return (\n        <div {...remainingProps} className={wrapperClasses}>\n            {children}\n        </div>\n    );\n};\n\nexport default StatsWidgetFooter;\n"],"names":["StatsWidgetFooter","props","children","className","remainingProps","wrapperClasses","classNames"],"mappings":";;AAWA,MAAMA,IAAoB,CAACC,MAAqD;AAC5E,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,MAAmBH,GAE7CI,IAAiBC,EAAW,sBAAsBH,CAAS;AAEjE,2BACK,OAAA,EAAK,GAAGC,GAAgB,WAAWC,GAC/B,UAAAH,GACL;AAER;"}

package/components/statsWidget/StatsWidgetHeader.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import i from "classnames";
+import i from "../../utils/classNames.js";
 const d = (s) => {
   const { children: e, className: a, ...r } = s, t = i("StatsWidget-header", a);
   return /* @__PURE__ */ o("div", { ...r, className: t, children: e });

package/components/statsWidget/StatsWidgetHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatsWidgetHeader.js","sources":["../../../src/components/statsWidget/StatsWidgetHeader.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\nexport type StatsWidgetHeaderProps = {\n    /**\n     * Additional class names to be added to the element.\n     */\n    className?: string;\n};\n\nconst StatsWidgetHeader = (props: PropsWithChildren<StatsWidgetHeaderProps>) => {\n    const { children, className, ...remainingProps } = props;\n\n    const wrapeprClasses = classNames('StatsWidget-header', className);\n\n    return (\n        <div {...remainingProps} className={wrapeprClasses}>\n            {children}\n        </div>\n    );\n};\n\nexport default StatsWidgetHeader;\n"],"names":["StatsWidgetHeader","props","children","className","remainingProps","wrapeprClasses","classNames"],"mappings":";;AAUA,MAAMA,IAAoB,CAACC,MAAqD;AAC5E,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,MAAmBH,GAE7CI,IAAiBC,EAAW,sBAAsBH,CAAS;AAEjE,2BACK,OAAA,EAAK,GAAGC,GAAgB,WAAWC,GAC/B,UAAAH,GACL;AAER;"}
+{"version":3,"file":"StatsWidgetHeader.js","sources":["../../../src/components/statsWidget/StatsWidgetHeader.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type StatsWidgetHeaderProps = {\n    /**\n     * Additional class names to be added to the element.\n     */\n    className?: string;\n};\n\nconst StatsWidgetHeader = (props: PropsWithChildren<StatsWidgetHeaderProps>) => {\n    const { children, className, ...remainingProps } = props;\n\n    const wrapperClasses = classNames('StatsWidget-header', className);\n\n    return (\n        <div {...remainingProps} className={wrapperClasses}>\n            {children}\n        </div>\n    );\n};\n\nexport default StatsWidgetHeader;\n"],"names":["StatsWidgetHeader","props","children","className","remainingProps","wrapperClasses","classNames"],"mappings":";;AAWA,MAAMA,IAAoB,CAACC,MAAqD;AAC5E,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,MAAmBH,GAE7CI,IAAiBC,EAAW,sBAAsBH,CAAS;AAEjE,2BACK,OAAA,EAAK,GAAGC,GAAgB,WAAWC,GAC/B,UAAAH,GACL;AAER;"}

package/components/statsWidget/StatsWidgetNumber.js

@@ -1,8 +1,8 @@
 import { jsxs as t, jsx as s } from "react/jsx-runtime";
-import n from "classnames";
+import n from "../../utils/classNames.js";
 const b = (l) => {
   const { value: r = 0, total: e, label: a, className: i, clickable: c = !1, onClick: m = () => {
-  }, ...d } = l, o = n("StatsWidgetNumber", { "cursor-pointer": c }, i);
+  }, ...d } = l, o = n("StatsWidgetNumber", c && "cursor-pointer", i);
   return /* @__PURE__ */ t("div", { ...d, onClick: m, className: o, children: [
     /* @__PURE__ */ t("div", { className: "StatsWidgetNumber-counter", children: [
       /* @__PURE__ */ s("div", { className: "StatsWidgetNumber-value", children: r }),

package/components/statsWidget/StatsWidgetNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatsWidgetNumber.js","sources":["../../../src/components/statsWidget/StatsWidgetNumber.tsx"],"sourcesContent":["import type { ReactNode, MouseEventHandler } from 'react';\nimport classNames from 'classnames';\n\nexport type StatsWidgetNumberProps = {\n    /**\n     * The value to be shown.\n     *\n     * @default 0\n     */\n    value: string | number | ReactNode;\n\n    /**\n     * The total value to be shown i.e. in combination with an active filter.\n     */\n    total?: string | number | ReactNode;\n\n    /**\n     * The label shown below the number.\n     */\n    label?: string | ReactNode;\n\n    /**\n     * Defines whether the number is clickable i.e. in combination with a filter.\n     *\n     * @default false\n     */\n    clickable?: boolean;\n\n    /**\n     * Callback for when the user clicks the number widget.\n     */\n    onClick?: MouseEventHandler;\n\n    /**\n     * Additional class names to be added to the element.\n     */\n    className?: string;\n};\n\nconst StatsWidgetNumber = (props: StatsWidgetNumberProps) => {\n    const { value = 0, total, label, className, clickable = false, onClick = () => {}, ...remainingProps } = props;\n\n    const wrapperClasses = classNames('StatsWidgetNumber', { 'cursor-pointer': clickable }, className);\n\n    return (\n        <div {...remainingProps} onClick={onClick} className={wrapperClasses}>\n            <div className='StatsWidgetNumber-counter'>\n                <div className='StatsWidgetNumber-value'>{value}</div>\n                {(total || total === 0) && <div className='StatsWidgetNumber-total'>{total}</div>}\n            </div>\n            {label && <div className='StatsWidgetNumber-label'>{label}</div>}\n        </div>\n    );\n};\n\nexport default StatsWidgetNumber;\n"],"names":["StatsWidgetNumber","props","value","total","label","className","clickable","onClick","remainingProps","wrapperClasses","classNames","jsxs","jsx"],"mappings":";;AAuCA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM,EAAE,OAAAC,IAAQ,GAAG,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,WAAAC,IAAY,IAAO,SAAAC,IAAU,MAAM;AAAA,EAAC,GAAG,GAAGC,EAAA,IAAmBP,GAEnGQ,IAAiBC,EAAW,qBAAqB,EAAE,kBAAkBJ,EAAA,GAAaD,CAAS;AAEjG,2BACK,OAAA,EAAK,GAAGG,GAAgB,SAAAD,GAAkB,WAAWE,GAClD,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAV,GAAM;AAAA,OAC9CC,KAASA,MAAU,wBAAO,OAAA,EAAI,WAAU,2BAA2B,UAAAA,EAAA,CAAM;AAAA,IAAA,GAC/E;AAAA,IACCC,KAAS,gBAAAQ,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAR,EAAA,CAAM;AAAA,EAAA,GAC9D;AAER;"}
+{"version":3,"file":"StatsWidgetNumber.js","sources":["../../../src/components/statsWidget/StatsWidgetNumber.tsx"],"sourcesContent":["import type { ReactNode, MouseEventHandler } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type StatsWidgetNumberProps = {\n    /**\n     * The value to be shown.\n     *\n     * @default 0\n     */\n    value: string | number | ReactNode;\n\n    /**\n     * The total value to be shown i.e. in combination with an active filter.\n     */\n    total?: string | number | ReactNode;\n\n    /**\n     * The label shown below the number.\n     */\n    label?: string | ReactNode;\n\n    /**\n     * Defines whether the number is clickable i.e. in combination with a filter.\n     *\n     * @default false\n     */\n    clickable?: boolean;\n\n    /**\n     * Callback for when the user clicks the number widget.\n     */\n    onClick?: MouseEventHandler;\n\n    /**\n     * Additional class names to be added to the element.\n     */\n    className?: string;\n};\n\nconst StatsWidgetNumber = (props: StatsWidgetNumberProps) => {\n    const { value = 0, total, label, className, clickable = false, onClick = () => {}, ...remainingProps } = props;\n\n    const wrapperClasses = classNames('StatsWidgetNumber', clickable && 'cursor-pointer', className);\n\n    return (\n        <div {...remainingProps} onClick={onClick} className={wrapperClasses}>\n            <div className='StatsWidgetNumber-counter'>\n                <div className='StatsWidgetNumber-value'>{value}</div>\n                {(total || total === 0) && <div className='StatsWidgetNumber-total'>{total}</div>}\n            </div>\n            {label && <div className='StatsWidgetNumber-label'>{label}</div>}\n        </div>\n    );\n};\n\nexport default StatsWidgetNumber;\n"],"names":["StatsWidgetNumber","props","value","total","label","className","clickable","onClick","remainingProps","wrapperClasses","classNames","jsxs","jsx"],"mappings":";;AAwCA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM,EAAE,OAAAC,IAAQ,GAAG,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,WAAAC,IAAY,IAAO,SAAAC,IAAU,MAAM;AAAA,EAAC,GAAG,GAAGC,EAAA,IAAmBP,GAEnGQ,IAAiBC,EAAW,qBAAqBJ,KAAa,kBAAkBD,CAAS;AAE/F,2BACK,OAAA,EAAK,GAAGG,GAAgB,SAAAD,GAAkB,WAAWE,GAClD,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAV,GAAM;AAAA,OAC9CC,KAASA,MAAU,wBAAO,OAAA,EAAI,WAAU,2BAA2B,UAAAA,EAAA,CAAM;AAAA,IAAA,GAC/E;AAAA,IACCC,KAAS,gBAAAQ,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAR,EAAA,CAAM;AAAA,EAAA,GAC9D;AAER;"}

package/components/statsWidget/StatsWidgetSpacer.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import o from "classnames";
+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 });

package/components/statsWidget/StatsWidgetSpacer.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatsWidgetSpacer.js","sources":["../../../src/components/statsWidget/StatsWidgetSpacer.tsx"],"sourcesContent":["import classNames from '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","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;"}

package/components/statsWidget/StatsWidgets.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import i from "classnames";
+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 });

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';\nimport classNames from '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":";;AAUA,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","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;"}

package/components/statusBar/StatusBar.d.ts

@@ -1,4 +1,128 @@
-import { StatusBarProps } from './StatusBarProps';
-export type { StatusBarProps };
+export type StatusBarIcon = {
+    /**
+     * The class name of the icon i.e. "rioglyph-cruise-control".
+     */
+    name: string;
+    /**
+     * The position of the icon.
+     *
+     * @default 'left'
+     */
+    alignment?: 'left' | 'right';
+    /**
+     * The text color class name for the icon.
+     *
+     * @default 'text-color-gray'
+     */
+    color?: string;
+    /**
+     * Optional class names for the icon.
+     */
+    className?: string;
+};
+export type StatusBarLabel = {
+    /**
+     * The label content.
+     */
+    value: string | React.ReactNode;
+    /**
+     * The position of the icon.
+     *
+     * @default 'right'
+     */
+    alignment?: 'left' | 'top' | 'right';
+    /**
+     * The text weight of the label.
+     *
+     * @default 'bold'
+     */
+    weight?: 'light' | 'bold';
+    /**
+     * The text color class name for the label.
+     *
+     * @default 'text-color-gray'
+     */
+    color?: string;
+    /**
+     * Optional class names for the label.
+     */
+    className?: string;
+};
+export type StatusBarProgress = {
+    /**
+     * The percentage of the progress.
+     *
+     * @default 0
+     */
+    percentage?: number;
+    /**
+     * The color class name for the label.
+     *
+     * @default 'progress-bar-info'
+     */
+    color?: string;
+    /**
+     * Optional tooltip content to be shown for the progress bar.
+     */
+    tooltip?: string | React.ReactNode;
+    /**
+     * The position of the tooltip for the progress bar.
+     *
+     * @default 'top'
+     */
+    tooltipPosition?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * The delay in milliseconds for when the tooltip is shown when hovering the progress bar.
+     *
+     * @default 50
+     */
+    tooltipDelay?: number;
+    /**
+     * Optional class names for the progress bar.
+     */
+    className?: string;
+};
+export type StatusBarProps = {
+    /**
+     * The icon to be shown next to the progress bar.
+     */
+    icon?: StatusBarIcon;
+    /**
+     * The label to be shown for the progress bar.
+     */
+    label?: StatusBarLabel;
+    /**
+     * List of progress bars which will be stacked in given order if there are multiple.
+     */
+    progress?: StatusBarProgress[];
+    /**
+     * The size of the icon and progress bar.
+     *
+     * Possible values are:
+     *
+     * - `'small'`
+     * - `'large'`
+     *
+     * @default 'small'
+     */
+    size?: 'small' | 'large';
+    /**
+     * Uses a divider for multiple progress bars when defined.
+     *
+     * @default true
+     */
+    useProgressDivider?: boolean;
+    /**
+     * Optional class names for the wrapper element.
+     */
+    className?: string;
+};
+export type IconWithDefaults = StatusBarIcon & {
+    alignment: 'left' | 'right';
+};
+export type LabelWithDefaults = StatusBarLabel & {
+    alignment: 'left' | 'top' | 'right';
+    weight: 'light' | 'bold';
+};
 declare const StatusBar: (props: StatusBarProps) => import("react/jsx-runtime").JSX.Element;
 export default StatusBar;