@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0-beta.2

package/components/spinner/Spinner.js

@@ -1,22 +1,37 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import Fade from "../fade/Fade.js";
-const BaseSpinner = (props) => {
-    const { isInverse, isDoubleSized, ...remainingProps } = props;
-    const className = classNames('spinner', { inverse: isInverse, double: isDoubleSized });
-    return (_jsxs("div", { ...remainingProps, className: className, children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {}), _jsx("div", {})] }));
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import d from "classnames";
+import v from "../fade/Fade.js";
+const S = (i) => {
+  const { isInverse: r, isDoubleSized: s, ...n } = i, l = d("spinner", { inverse: r, double: s });
+  return /* @__PURE__ */ c("div", { ...n, className: l, children: [
+    /* @__PURE__ */ e("div", {}),
+    /* @__PURE__ */ e("div", {}),
+    /* @__PURE__ */ e("div", {}),
+    /* @__PURE__ */ e("div", {})
+  ] });
+}, g = (i) => {
+  const {
+    isInverse: r = !1,
+    isFullSized: s = !1,
+    isFullScreen: n = !1,
+    isDoubleSized: l = !1,
+    isInline: f = !1,
+    show: p = !1,
+    text: t,
+    ...u
+  } = i, a = /* @__PURE__ */ e(S, { isDoubleSized: l, isInverse: r, ...u });
+  if (f)
+    return a;
+  const m = d(
+    ["spinnerInfoBox", "display-flex", "justify-content-center", "align-items-center", "height-100pct"],
+    { fullsized: s, fullscreen: n }
+  ), o = /* @__PURE__ */ c("div", { className: m, children: [
+    a,
+    t && /* @__PURE__ */ e("div", { className: "spinnerText", children: t })
+  ] });
+  return n || s ? /* @__PURE__ */ e(v, { show: p, duration: 0.1, children: o }) : o;
 };
-const Spinner = (props) => {
-    const { isInverse = false, isFullSized = false, isFullScreen = false, isDoubleSized = false, isInline = false, show = false, text, ...remainingProps } = props;
-    const baseSpinner = _jsx(BaseSpinner, { isDoubleSized: isDoubleSized, isInverse: isInverse, ...remainingProps });
-    if (isInline) {
-        return baseSpinner;
-    }
-    const classes = classNames(['spinnerInfoBox', 'display-flex', 'justify-content-center', 'align-items-center', 'height-100pct'], { fullsized: isFullSized, fullscreen: isFullScreen });
-    const wrappedSpinner = (_jsxs("div", { className: classes, children: [baseSpinner, text && _jsx("div", { className: 'spinnerText', children: text })] }));
-    if (isFullScreen || isFullSized) {
-        return (_jsx(Fade, { show: show, duration: 0.1, children: wrappedSpinner }));
-    }
-    return wrappedSpinner;
+export {
+  g as default
 };
-export default Spinner;
+//# sourceMappingURL=Spinner.js.map

package/components/spinner/Spinner.js.map

@@ -0,0 +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 interface 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 {@link isFullSized} or {@link 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;"}

package/components/states/BaseStateProps.d.ts

@@ -1,7 +1,7 @@
-import type React from 'react';
-import type { TextAlignment } from '../../values/TextAlignment';
-import type { StateButtonProps } from './StateButton';
-import type { StateIconProps } from './StateIcon';
+import { default as React } from 'react';
+import { TextAlignment } from '../../values/TextAlignment';
+import { StateButtonProps } from './StateButton';
+import { StateIconProps } from './StateIcon';
 export type BaseStateProps = {
     /**
      * The icon to be shown.

package/components/states/CustomState.d.ts

@@ -1,5 +1,5 @@
-import type { PropsWithChildren } from 'react';
-import type { BaseStateProps } from './BaseStateProps';
+import { PropsWithChildren } from 'react';
+import { BaseStateProps } from './BaseStateProps';
 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,42 +1,75 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { isEmpty } from 'es-toolkit/compat';
-import StateButton from "./StateButton.js";
-import StateIcon from "./StateIcon.js";
-import { hasPaddingClass } from "../../utils/hasUtilityClass.js";
-const justify = {
-    left: 'justify-content-start',
-    center: 'justify-content-center',
-    right: 'justify-content-end',
+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 r from "./StateButton.js";
+import g from "./StateIcon.js";
+import { hasPaddingClass as x } from "../../utils/hasUtilityClass.js";
+const W = {
+  left: "justify-content-start",
+  center: "justify-content-center",
+  right: "justify-content-end"
+}, $ = (t) => {
+  if (!N(t))
+    return t.length === 1 ? /* @__PURE__ */ e("div", { className: "btn-toolbar margin-top-20", children: /* @__PURE__ */ e(r, { ...t[0] }) }) : t.length === 2 ? /* @__PURE__ */ e("div", { className: "btn-toolbar margin-top-20 justify-content-center-xs", children: t.map((a, n) => /* @__PURE__ */ e(r, { ...a }, n)) }) : /* @__PURE__ */ c(f, { children: [
+      /* @__PURE__ */ c("div", { className: "btn-toolbar margin-top-20 justify-content-center-xs", children: [
+        /* @__PURE__ */ e(r, { ...t[0] }, "1"),
+        /* @__PURE__ */ e(r, { ...t[1] }, "2")
+      ] }),
+      /* @__PURE__ */ e("div", { className: "btn-toolbar", children: t.map((a, n) => n > 1 && /* @__PURE__ */ e(r, { ...a }, n)) })
+    ] });
+}, L = (t) => {
+  const {
+    icon: a,
+    icons: n = [],
+    image: l,
+    headline: o,
+    message: d,
+    buttons: u = [],
+    alignment: w = "center",
+    fullWidth: v = !1,
+    condensed: i = !1,
+    outerClassName: m = "",
+    innerClassName: h = "",
+    children: p,
+    ...y
+  } = t, C = s(
+    "margin-0",
+    "width-100pct",
+    !v && "max-width-600",
+    "panel-default",
+    "panel",
+    x(m) ? "" : i ? "padding-10" : "padding-15",
+    m
+  ), b = s(
+    "display-flex",
+    "flex-column",
+    "align-items-center",
+    "text-center",
+    x(h) ? "" : i ? "padding-15" : "padding-25",
+    h
+  ), j = s(i ? "text-size-16 margin-bottom-10" : "text-size-h2 margin-bottom-20"), z = s(
+    i ? "text-size-16 margin-bottom-10" : "text-size-h2 margin-bottom-20",
+    "display-flex",
+    "align-items-center",
+    "max-width-100pct"
+  ), I = s(
+    i ? "text-size-h4" : "text-size-h3 text-size-h2-xl",
+    "line-height-125rel",
+    "text-color-dark",
+    "text-medium",
+    "width-500",
+    "max-width-100pct",
+    "text-wrap-balance"
+  ), S = /* @__PURE__ */ e(f, { children: a && /* @__PURE__ */ e("div", { className: j, children: /* @__PURE__ */ e(g, { name: a }) }) }), k = /* @__PURE__ */ e("div", { className: z, children: n.map((F, H) => /* @__PURE__ */ e(g, { ...F }, H)) }), B = /* @__PURE__ */ e("div", { className: "width-500 max-width-100pct margin-top-25", children: p }), M = /* @__PURE__ */ e("div", { className: I, children: o }), O = /* @__PURE__ */ e("div", { className: "text-color-dark margin-top-15 width-500 max-width-100pct text-wrap-balance", children: d }), P = N(n) ? S : k, E = l || P;
+  return /* @__PURE__ */ e("div", { className: `display-flex ${W[w]} max-width-100pct`, ...y, children: /* @__PURE__ */ e("div", { className: C, children: /* @__PURE__ */ c("div", { className: b, children: [
+    E,
+    o && M,
+    d && O,
+    $(u),
+    p && B
+  ] }) }) });
 };
-const renderButtons = (buttons) => {
-    if (isEmpty(buttons)) {
-        return;
-    }
-    if (buttons.length === 1) {
-        return (_jsx("div", { className: 'btn-toolbar margin-top-20', children: _jsx(StateButton, { ...buttons[0] }) }));
-    }
-    if (buttons.length === 2) {
-        return (_jsx("div", { className: 'btn-toolbar margin-top-20 justify-content-center-xs', children: buttons.map((buttonProps, index) => (_jsx(StateButton, { ...buttonProps }, index))) }));
-    }
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'btn-toolbar margin-top-20 justify-content-center-xs', children: [_jsx(StateButton, { ...buttons[0] }, '1'), _jsx(StateButton, { ...buttons[1] }, '2')] }), _jsx("div", { className: 'btn-toolbar', children: buttons.map((buttonProps, index) => {
-                    return index > 1 && _jsx(StateButton, { ...buttonProps }, index);
-                }) })] }));
+export {
+  L as default
 };
-const CustomState = (props) => {
-    const { icon, icons = [], image, headline, message, buttons = [], alignment = 'center', fullWidth = false, condensed = false, outerClassName = '', innerClassName = '', children, ...remainingProps } = props;
-    const wrapperClasses = classNames('margin-0', 'width-100pct', !fullWidth && 'max-width-600', 'panel-default', 'panel', !hasPaddingClass(outerClassName) ? (condensed ? 'padding-10' : 'padding-15') : '', outerClassName);
-    const innerClassNames = classNames('display-flex', 'flex-column', 'align-items-center', 'text-center', !hasPaddingClass(innerClassName) ? (condensed ? 'padding-15' : 'padding-25') : '', innerClassName);
-    const iconClasses = classNames(condensed ? 'text-size-16 margin-bottom-10' : 'text-size-h2 margin-bottom-20');
-    const iconsClasses = classNames(condensed ? 'text-size-16 margin-bottom-10' : 'text-size-h2 margin-bottom-20', 'display-flex', 'align-items-center', 'max-width-100pct');
-    const headlineClassNames = classNames(condensed ? 'text-size-h4' : 'text-size-h3 text-size-h2-xl', 'line-height-125rel', 'text-color-dark', 'text-medium', 'width-500', 'max-width-100pct', 'text-wrap-balance');
-    const renderIcon = (_jsx(_Fragment, { children: icon && (_jsx("div", { className: iconClasses, children: _jsx(StateIcon, { name: icon }) })) }));
-    const renderIcons = (_jsx("div", { className: iconsClasses, children: icons.map((iconProps, index) => (_jsx(StateIcon, { ...iconProps }, index))) }));
-    const renderChildren = _jsx("div", { className: 'width-500 max-width-100pct margin-top-25', children: children });
-    const renderHeadline = _jsx("div", { className: headlineClassNames, children: headline });
-    const renderMessage = (_jsx("div", { className: 'text-color-dark margin-top-15 width-500 max-width-100pct text-wrap-balance', children: message }));
-    const singleOrMultiIcon = isEmpty(icons) ? renderIcon : renderIcons;
-    const imageOrIcon = image ? image : singleOrMultiIcon;
-    return (_jsx("div", { className: `display-flex ${justify[alignment]} max-width-100pct`, ...remainingProps, children: _jsx("div", { className: wrapperClasses, children: _jsxs("div", { className: innerClassNames, children: [imageOrIcon, headline && renderHeadline, message && renderMessage, renderButtons(buttons), children && renderChildren] }) }) }));
-};
-export default CustomState;
+//# sourceMappingURL=CustomState.js.map

package/components/states/CustomState.js.map

@@ -0,0 +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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"}

package/components/states/EmptyState.d.ts

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

package/components/states/EmptyState.js

@@ -1,7 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import CustomState from "./CustomState.js";
-const EmptyState = (props) => {
-    const { icon = 'rioglyph-empty', ...remainingProps } = props;
-    return _jsx(CustomState, { icon: icon, ...remainingProps });
+import { jsx as m } from "react/jsx-runtime";
+import e from "./CustomState.js";
+const n = (t) => {
+  const { icon: o = "rioglyph-empty", ...r } = t;
+  return /* @__PURE__ */ m(e, { icon: o, ...r });
 };
-export default EmptyState;
+export {
+  n as default
+};
+//# sourceMappingURL=EmptyState.js.map

package/components/states/EmptyState.js.map

@@ -0,0 +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;"}

package/components/states/ErrorState.d.ts

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

package/components/states/ErrorState.js

@@ -1,7 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import CustomState from "./CustomState.js";
-const ErrorState = (props) => {
-    const { icon = 'rioglyph-truck-breakdown', ...remainingProps } = props;
-    return _jsx(CustomState, { icon: icon, ...remainingProps });
+import { jsx as e } from "react/jsx-runtime";
+import n from "./CustomState.js";
+const m = (r) => {
+  const { icon: o = "rioglyph-truck-breakdown", ...t } = r;
+  return /* @__PURE__ */ e(n, { icon: o, ...t });
 };
-export default ErrorState;
+export {
+  m as default
+};
+//# sourceMappingURL=ErrorState.js.map

package/components/states/ErrorState.js.map

@@ -0,0 +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;"}

package/components/states/ForbiddenState.d.ts

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

package/components/states/ForbiddenState.js

@@ -1,7 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import CustomState from "./CustomState.js";
-const ForbiddenState = (props) => {
-    const { icon = 'rioglyph-ban-circle', ...remainingProps } = props;
-    return _jsx(CustomState, { icon: icon, ...remainingProps });
+import { jsx as e } from "react/jsx-runtime";
+import i from "./CustomState.js";
+const m = (o) => {
+  const { icon: r = "rioglyph-ban-circle", ...t } = o;
+  return /* @__PURE__ */ e(i, { icon: r, ...t });
 };
-export default ForbiddenState;
+export {
+  m as default
+};
+//# sourceMappingURL=ForbiddenState.js.map

package/components/states/ForbiddenState.js.map

@@ -0,0 +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;"}

package/components/states/MaintenanceState.d.ts

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

package/components/states/MaintenanceState.js

@@ -1,7 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import CustomState from "./CustomState.js";
-const MaintenanceState = (props) => {
-    const { icon = 'rioglyph-wrench', ...remainingProps } = props;
-    return _jsx(CustomState, { icon: icon, ...remainingProps });
+import { jsx as n } from "react/jsx-runtime";
+import e from "./CustomState.js";
+const m = (t) => {
+  const { icon: o = "rioglyph-wrench", ...r } = t;
+  return /* @__PURE__ */ n(e, { icon: o, ...r });
 };
-export default MaintenanceState;
+export {
+  m as default
+};
+//# sourceMappingURL=MaintenanceState.js.map

package/components/states/MaintenanceState.js.map

@@ -0,0 +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;"}

package/components/states/NotBookedState.d.ts

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

package/components/states/NotBookedState.js

@@ -1,9 +1,38 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { isArray, isEmpty } from 'es-toolkit/compat';
-import CustomState from "./CustomState.js";
-const NotBookedState = (props) => {
-    const { message, features, icon = 'rioglyph-stars', ...remainingProps } = props;
-    const combinedMessages = (_jsxs(_Fragment, { children: [message && _jsx("div", { className: 'text-medium margin-bottom-20', children: message }), features && isArray(features) && !isEmpty(features) && (_jsx("ul", { className: 'feature-list icon-list margin-x-10pct-ls margin-y-10 text-size-12 text-size-14-sm', id: 'features', children: features.map((feature, index) => (_jsxs("li", { className: 'padding-x-15 bg-lightest rounded rounded-large border-none display-flex align-items-center gap-2 text-left', children: [_jsx("span", { className: 'rioglyph rioglyph-ok text-color-primary' }), _jsx("span", { className: 'text-color-darker', children: feature })] }, index))) }))] }));
-    return (_jsx(CustomState, { message: combinedMessages, icons: [{ name: icon, color: 'text-color-primary' }], ...remainingProps }));
+import { jsxs as s, Fragment as c, jsx as e } from "react/jsx-runtime";
+import { isArray as d, isEmpty as p } from "es-toolkit/compat";
+import g from "./CustomState.js";
+const h = (a) => {
+  const { message: t, features: r, icon: i = "rioglyph-stars", ...o } = a, m = /* @__PURE__ */ s(c, { children: [
+    t && /* @__PURE__ */ e("div", { className: "text-medium margin-bottom-20", children: t }),
+    r && d(r) && !p(r) && /* @__PURE__ */ e(
+      "ul",
+      {
+        className: "feature-list icon-list margin-x-10pct-ls margin-y-10 text-size-12 text-size-14-sm",
+        id: "features",
+        children: r.map((l, n) => /* @__PURE__ */ s(
+          "li",
+          {
+            className: "padding-x-15 bg-lightest rounded rounded-large border-none display-flex align-items-center gap-2 text-left",
+            children: [
+              /* @__PURE__ */ e("span", { className: "rioglyph rioglyph-ok text-color-primary" }),
+              /* @__PURE__ */ e("span", { className: "text-color-darker", children: l })
+            ]
+          },
+          n
+        ))
+      }
+    )
+  ] });
+  return /* @__PURE__ */ e(
+    g,
+    {
+      message: m,
+      icons: [{ name: i, color: "text-color-primary" }],
+      ...o
+    }
+  );
 };
-export default NotBookedState;
+export {
+  h as default
+};
+//# sourceMappingURL=NotBookedState.js.map

package/components/states/NotBookedState.js.map

@@ -0,0 +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;"}

package/components/states/NotFoundState.d.ts

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

package/components/states/NotFoundState.js

@@ -1,7 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import CustomState from "./CustomState.js";
-const NotFoundState = (props) => {
-    const { icon = 'rioglyph-looking-glass-man', ...remainingProps } = props;
-    return _jsx(CustomState, { icon: icon, ...remainingProps });
+import { jsx as n } from "react/jsx-runtime";
+import s from "./CustomState.js";
+const m = (o) => {
+  const { icon: t = "rioglyph-looking-glass-man", ...r } = o;
+  return /* @__PURE__ */ n(s, { icon: t, ...r });
 };
-export default NotFoundState;
+export {
+  m as default
+};
+//# sourceMappingURL=NotFoundState.js.map

package/components/states/NotFoundState.js.map

@@ -0,0 +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;"}

package/components/states/StateButton.d.ts

@@ -1,5 +1,5 @@
-import type React from 'react';
-import type { BUTTON_STYLE } from '../../Button';
+import { default as React } from 'react';
+import { BUTTON_STYLE } from '../../Button';
 export type StateButtonProps = {
     /**
      * The button text.

package/components/states/StateButton.js

@@ -1,12 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-const StateButton = (props) => {
-    const { text, bsStyle = 'primary', className, onClick = () => { }, href } = props;
-    // In case a href is given, render a link instead
-    if (href) {
-        return (_jsx("a", { className: classNames('margin-top-15', className), href: href, onClick: onClick, children: text }));
-    }
-    const buttonClassNames = classNames('btn', 'margin-top-10', `btn-${bsStyle}`, className);
-    return (_jsx("button", { className: buttonClassNames, type: 'button', onClick: onClick, children: text }));
+import { jsx as n } from "react/jsx-runtime";
+import r from "classnames";
+const p = (o) => {
+  const { text: t, bsStyle: m = "primary", className: s, onClick: a = () => {
+  }, href: e } = o;
+  if (e)
+    return /* @__PURE__ */ n("a", { className: r("margin-top-15", s), href: e, onClick: a, children: t });
+  const c = r("btn", "margin-top-10", `btn-${m}`, s);
+  return /* @__PURE__ */ n("button", { className: c, type: "button", onClick: a, children: t });
 };
-export default StateButton;
+export {
+  p as default
+};
+//# sourceMappingURL=StateButton.js.map

package/components/states/StateButton.js.map

@@ -0,0 +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;"}

package/components/states/StateIcon.js

@@ -1,3 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const StateIcon = ({ name, color = 'text-color-light', className = 'text-size-300pct' }) => (_jsx("span", { className: `rioglyph ${name} ${color} ${className}` }));
-export default StateIcon;
+import { jsx as s } from "react/jsx-runtime";
+const c = ({ name: t, color: o = "text-color-light", className: e = "text-size-300pct" }) => /* @__PURE__ */ s("span", { className: `rioglyph ${t} ${o} ${e}` });
+export {
+  c as default
+};
+//# sourceMappingURL=StateIcon.js.map

package/components/states/StateIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateIcon.js","sources":["../../../src/components/states/StateIcon.tsx"],"sourcesContent":["export type StateIconProps = {\n    name?: string;\n    className?: string;\n    color?: string;\n};\n\nconst StateIcon = ({ name, color = 'text-color-light', className = 'text-size-300pct' }: StateIconProps) => (\n    <span className={`rioglyph ${name} ${color} ${className}`} />\n);\n\nexport default StateIcon;\n"],"names":["StateIcon","name","color","className","jsx"],"mappings":";AAMA,MAAMA,IAAY,CAAC,EAAE,MAAAC,GAAM,OAAAC,IAAQ,oBAAoB,WAAAC,IAAY,mBAAA,MAC/D,gBAAAC,EAAC,QAAA,EAAK,WAAW,YAAYH,CAAI,IAAIC,CAAK,IAAIC,CAAS,GAAA,CAAI;"}

package/components/statsWidget/StatsWidget.d.ts

@@ -1,7 +1,7 @@
-import type { ComponentProps, MouseEventHandler, PropsWithChildren } from 'react';
-import { type StatsWidgetHeaderProps } from './StatsWidgetHeader';
-import { type StatsWidgetBodyProps } from './StatsWidgetBody';
-import { type StatsWidgetFooterProps } from './StatsWidgetFooter';
+import { ComponentProps, MouseEventHandler, PropsWithChildren } from 'react';
+import { StatsWidgetHeaderProps } from './StatsWidgetHeader';
+import { StatsWidgetBodyProps } from './StatsWidgetBody';
+import { StatsWidgetFooterProps } from './StatsWidgetFooter';
 export type StatsWidgetProps = ComponentProps<'div'> & {
     /**
      * Callback to reset the filter.

package/components/statsWidget/StatsWidget.js

@@ -1,16 +1,27 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import StatsWidgetHeader from "./StatsWidgetHeader.js";
-import StatsWidgetBody from "./StatsWidgetBody.js";
-import StatsWidgetFooter from "./StatsWidgetFooter.js";
-const StatsWidget = (props) => {
-    const { children, hasFilter = false, onFilterReset = () => { }, className, ...remainingProps } = props;
-    const wrapperClasses = classNames('StatsWidget', className);
-    return (_jsxs("div", { ...remainingProps, className: wrapperClasses, children: [hasFilter && (_jsx("span", { className: 'bg-light hover-bg-highlight display-flex justify-content-center align-items-center padding-2' +
-                    ' rounded-circle position-absolute top-15 right-15 display-block height-20 width-20' +
-                    ' cursor-pointer', onClick: onFilterReset, children: _jsx("span", { className: 'rioglyph rioglyph-revert text-color-white text-size-12' }) })), children] }));
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import c from "classnames";
+import p from "./StatsWidgetHeader.js";
+import g from "./StatsWidgetBody.js";
+import m from "./StatsWidgetFooter.js";
+const t = (r) => {
+  const { children: s, hasFilter: i = !1, onFilterReset: o = () => {
+  }, className: a, ...l } = r, n = c("StatsWidget", a);
+  return /* @__PURE__ */ d("div", { ...l, className: n, children: [
+    i && /* @__PURE__ */ e(
+      "span",
+      {
+        className: "bg-light hover-bg-highlight display-flex justify-content-center align-items-center padding-2 rounded-circle position-absolute top-15 right-15 display-block height-20 width-20 cursor-pointer",
+        onClick: o,
+        children: /* @__PURE__ */ e("span", { className: "rioglyph rioglyph-revert text-color-white text-size-12" })
+      }
+    ),
+    s
+  ] });
 };
-StatsWidget.Header = StatsWidgetHeader;
-StatsWidget.Body = StatsWidgetBody;
-StatsWidget.Footer = StatsWidgetFooter;
-export default StatsWidget;
+t.Header = p;
+t.Body = g;
+t.Footer = m;
+export {
+  t as default
+};
+//# sourceMappingURL=StatsWidget.js.map

package/components/statsWidget/StatsWidget.js.map

@@ -0,0 +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    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    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":";;;;;AA2BA,MAAMA,IAAc,CAACC,MAA+C;AAChE,QAAM,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAO,eAAAC,IAAgB,MAAM;AAAA,EAAC,GAAG,WAAAC,GAAW,GAAGC,EAAA,IAAmBL,GAC1FM,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.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 export type StatsWidgetBodyProps = {
     /**
      * Whether to use flex space-between for StatsWidgetNumbers.