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

package/components/activity/Activity.js

@@ -1,28 +1,44 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-const STATUS_MAP = {
-    AVAILABLE: 'available',
-    DRIVING: 'driving',
-    RESTING: 'resting',
-    WORKING: 'working',
-};
-const icons = {
-    [STATUS_MAP.AVAILABLE]: 'rioglyph-status-available',
-    [STATUS_MAP.WORKING]: 'rioglyph-status-working',
-    [STATUS_MAP.DRIVING]: 'rioglyph-status-driving',
-    [STATUS_MAP.RESTING]: 'rioglyph-status-resting',
-};
-const SIZE_MAP = { SIZE_SM: 'sm', SIZE_LG: 'lg', SIZE_XL: 'xl' };
-const Activity = forwardRef((props, ref) => {
-    const { activity, duration, isOutdated = false, bsSize, onClick = () => { }, className = '', ...remainingProps } = props;
-    if (!activity) {
-        return null;
-    }
-    const wrapperClassNames = classNames('activity', `activity-${activity}`, isOutdated && 'opacity-50', bsSize && `activity-${bsSize}`, className && className);
-    return (_jsxs("div", { ref: ref, ...remainingProps, className: wrapperClassNames, onClick: onClick, children: [_jsx("span", { className: 'activity-icon', children: _jsx("span", { className: `rioglyph ${icons[activity]}` }) }), duration && _jsx("span", { className: 'activity-text', children: duration })] }));
+import { jsxs as I, jsx as t } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import N from "classnames";
+const s = {
+  AVAILABLE: "available",
+  DRIVING: "driving",
+  RESTING: "resting",
+  WORKING: "working"
+}, v = {
+  [s.AVAILABLE]: "rioglyph-status-available",
+  [s.WORKING]: "rioglyph-status-working",
+  [s.DRIVING]: "rioglyph-status-driving",
+  [s.RESTING]: "rioglyph-status-resting"
+}, d = { SIZE_SM: "sm", SIZE_LG: "lg", SIZE_XL: "xl" }, c = y((e, o) => {
+  const {
+    activity: i,
+    duration: a,
+    isOutdated: l = !1,
+    bsSize: r,
+    onClick: p = () => {
+    },
+    className: n = "",
+    ...g
+  } = e;
+  if (!i)
+    return null;
+  const m = N(
+    "activity",
+    `activity-${i}`,
+    l && "opacity-50",
+    r && `activity-${r}`,
+    n && n
+  );
+  return /* @__PURE__ */ I("div", { ref: o, ...g, className: m, onClick: p, children: [
+    /* @__PURE__ */ t("span", { className: "activity-icon", children: /* @__PURE__ */ t("span", { className: `rioglyph ${v[i]}` }) }),
+    a && /* @__PURE__ */ t("span", { className: "activity-text", children: a })
+  ] });
 });
-// statics
-Object.assign(Activity, STATUS_MAP);
-Object.assign(Activity, SIZE_MAP);
-export default Activity;
+Object.assign(c, s);
+Object.assign(c, d);
+export {
+  c as default
+};
+//# sourceMappingURL=Activity.js.map

package/components/activity/Activity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Activity.js","sources":["../../../src/components/activity/Activity.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef, type ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport type { ObjectValues } from '../../utils/ObjectValues';\nimport type { RefComponent } from '../../utils/RefComponent';\n\nconst STATUS_MAP = {\n    AVAILABLE: 'available',\n    DRIVING: 'driving',\n    RESTING: 'resting',\n    WORKING: 'working',\n} as const;\n\nexport type ActivityStatus = ObjectValues<typeof STATUS_MAP>;\n\nconst icons: Record<ActivityStatus, string> = {\n    [STATUS_MAP.AVAILABLE]: 'rioglyph-status-available',\n    [STATUS_MAP.WORKING]: 'rioglyph-status-working',\n    [STATUS_MAP.DRIVING]: 'rioglyph-status-driving',\n    [STATUS_MAP.RESTING]: 'rioglyph-status-resting',\n};\n\nconst SIZE_MAP = { SIZE_SM: 'sm', SIZE_LG: 'lg', SIZE_XL: 'xl' } as const;\n\nexport type ActivitySize = ObjectValues<typeof SIZE_MAP>;\n\nexport type ActivityProps = {\n    /**\n     * Defines the type of activity.\n     *\n     * Possible values are `Activity.AVAILABLE`, `Activity.DRIVING`, `Activity.RESTING` or `Activity.WORKING`.\n     */\n    activity: ActivityStatus;\n\n    /**\n     * Define how large the component should be rendered.\n     *\n     * Possible values are `Activity.SIZE_SM`, `Activity.SIZE_LG` or `Activity.SIZE_XL`.\n     */\n    bsSize?: ActivitySize;\n\n    /**\n     * The actual duration value to be shown.\n     */\n    duration?: string | ReactNode;\n\n    /**\n     * Indicates whether the activity is outdated.\n     *\n     * @default false\n     */\n    isOutdated?: boolean;\n\n    /**\n     * Callback function for when the component is clicked.\n     */\n    onClick?: VoidFunction;\n\n    /**\n     * Additional classes for the wrapper element.\n     */\n    className?: string;\n};\n\ntype ActivityType = RefComponent<ActivityProps> & typeof STATUS_MAP & typeof SIZE_MAP;\n\nconst Activity = forwardRef((props: ActivityProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const {\n        activity,\n        duration,\n        isOutdated = false,\n        bsSize,\n        onClick = () => {},\n        className = '',\n        ...remainingProps\n    } = props;\n\n    if (!activity) {\n        return null;\n    }\n\n    const wrapperClassNames = classNames(\n        'activity',\n        `activity-${activity}`,\n        isOutdated && 'opacity-50',\n        bsSize && `activity-${bsSize}`,\n        className && className\n    );\n\n    return (\n        <div ref={ref} {...remainingProps} className={wrapperClassNames} onClick={onClick}>\n            <span className='activity-icon'>\n                <span className={`rioglyph ${icons[activity]}`} />\n            </span>\n            {duration && <span className='activity-text'>{duration}</span>}\n        </div>\n    );\n}) as ActivityType;\n\n// statics\nObject.assign(Activity, STATUS_MAP);\nObject.assign(Activity, SIZE_MAP);\n\nexport default Activity;\n"],"names":["STATUS_MAP","icons","SIZE_MAP","Activity","forwardRef","props","ref","activity","duration","isOutdated","bsSize","onClick","className","remainingProps","wrapperClassNames","classNames","jsx"],"mappings":";;;AAMA,MAAMA,IAAa;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACb,GAIMC,IAAwC;AAAA,EAC1C,CAACD,EAAW,SAAS,GAAG;AAAA,EACxB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,OAAO,GAAG;AAC1B,GAEME,IAAW,EAAE,SAAS,MAAM,SAAS,MAAM,SAAS,KAAA,GA4CpDC,IAAWC,EAAW,CAACC,GAAsBC,MAAsC;AACrF,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,QAAAC;AAAA,IACA,SAAAC,IAAU,MAAM;AAAA,IAAC;AAAA,IACjB,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,IACHR;AAEJ,MAAI,CAACE;AACD,WAAO;AAGX,QAAMO,IAAoBC;AAAA,IACtB;AAAA,IACA,YAAYR,CAAQ;AAAA,IACpBE,KAAc;AAAA,IACdC,KAAU,YAAYA,CAAM;AAAA,IAC5BE,KAAaA;AAAA,EAAA;AAGjB,2BACK,OAAA,EAAI,KAAAN,GAAW,GAAGO,GAAgB,WAAWC,GAAmB,SAAAH,GAC7D,UAAA;AAAA,IAAA,gBAAAK,EAAC,QAAA,EAAK,WAAU,iBACZ,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAW,YAAYf,EAAMM,CAAQ,CAAC,GAAA,CAAI,GACpD;AAAA,IACCC,KAAY,gBAAAQ,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAR,EAAA,CAAS;AAAA,EAAA,GAC3D;AAER,CAAC;AAGD,OAAO,OAAOL,GAAUH,CAAU;AAClC,OAAO,OAAOG,GAAUD,CAAQ;"}

package/components/animatedNumber/AnimatedNumber.d.ts

@@ -1,4 +1,4 @@
-import React, { type HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 export type AnimatedNumberProps = HTMLAttributes<HTMLSpanElement> & {
     /**
      * The start value.
@@ -37,7 +37,7 @@ export type AnimatedNumberProps = HTMLAttributes<HTMLSpanElement> & {
      */
     className?: string;
 };
-export declare const AnimatedNumber: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
+export declare const AnimatedNumber: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
     /**
      * The start value.
      */
@@ -74,5 +74,5 @@ export declare const AnimatedNumber: React.ForwardRefExoticComponent<React.HTMLA
      * Additional classes to be set on the wrapping element.
      */
     className?: string;
-} & React.RefAttributes<HTMLSpanElement>>;
+} & import('react').RefAttributes<HTMLSpanElement>>;
 export default AnimatedNumber;

package/components/animatedNumber/AnimatedNumber.js

@@ -1,19 +1,30 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useState } from 'react';
-import useInterval from '../../hooks/useInterval';
-const TIMER = 10;
-export const AnimatedNumber = forwardRef((props, ref) => {
-    const { start, end, prefix = '', unit = '', speed = TIMER, decreasing = false, onEnd = () => { }, className = '', ...remainingProps } = props;
-    const [value, setValue] = useState(start);
-    const shallContinueRunning = decreasing ? value > end : value < end;
-    useInterval(() => {
-        setValue(currentValue => (decreasing ? currentValue - 1 : currentValue + 1));
-    }, shallContinueRunning ? speed : null);
-    useEffect(() => {
-        if (!shallContinueRunning) {
-            onEnd();
-        }
-    });
-    return _jsx("span", { ref: ref, ...remainingProps, className: className, children: `${prefix}${value}${unit}` });
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as x, useState as E, useEffect as R } from "react";
+import $ from "../../hooks/useInterval.js";
+const h = 10, b = x((o, a) => {
+  const {
+    start: i,
+    end: n,
+    prefix: f = "",
+    unit: l = "",
+    speed: m = h,
+    decreasing: s = !1,
+    onEnd: u = () => {
+    },
+    className: c = "",
+    ...d
+  } = o, [e, p] = E(i), t = s ? e > n : e < n;
+  return $(
+    () => {
+      p((r) => s ? r - 1 : r + 1);
+    },
+    t ? m : null
+  ), R(() => {
+    t || u();
+  }), /* @__PURE__ */ g("span", { ref: a, ...d, className: c, children: `${f}${e}${l}` });
 });
-export default AnimatedNumber;
+export {
+  b as AnimatedNumber,
+  b as default
+};
+//# sourceMappingURL=AnimatedNumber.js.map

package/components/animatedNumber/AnimatedNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedNumber.js","sources":["../../../src/components/animatedNumber/AnimatedNumber.tsx"],"sourcesContent":["import { type ForwardedRef, type HTMLAttributes, forwardRef, useEffect, useState } from 'react';\n\nimport useInterval from '../../hooks/useInterval';\n\nconst TIMER = 10;\n\nexport type AnimatedNumberProps = HTMLAttributes<HTMLSpanElement> & {\n    /**\n     * The start value.\n     */\n    start: number;\n\n    /**\n     * The end value.\n     */\n    end: number;\n\n    /**\n     * A prefix to be added to the final string.\n     */\n    prefix?: string;\n\n    /**\n     * A unit suffix to be added to the final string.\n     */\n    unit?: string;\n\n    /**\n     * The speed in milliseconds to count up or down.\n     *\n     * @default 10\n     */\n    speed?: number;\n\n    /**\n     * Enables to count backwards.\n     *\n     * @default false\n     */\n    decreasing?: boolean;\n\n    /**\n     * Callback function to be invoked when the end value is reached.\n     */\n    onEnd?: VoidFunction;\n\n    /**\n     * Additional classes to be set on the wrapping element.\n     */\n    className?: string;\n};\n\nexport const AnimatedNumber = forwardRef((props: AnimatedNumberProps, ref: ForwardedRef<HTMLSpanElement>) => {\n    const {\n        start,\n        end,\n        prefix = '',\n        unit = '',\n        speed = TIMER,\n        decreasing = false,\n        onEnd = () => {},\n        className = '',\n        ...remainingProps\n    } = props;\n\n    const [value, setValue] = useState(start);\n\n    const shallContinueRunning = decreasing ? value > end : value < end;\n\n    useInterval(\n        () => {\n            setValue(currentValue => (decreasing ? currentValue - 1 : currentValue + 1));\n        },\n        shallContinueRunning ? speed : null\n    );\n\n    useEffect(() => {\n        if (!shallContinueRunning) {\n            onEnd();\n        }\n    });\n\n    return <span ref={ref} {...remainingProps} className={className}>{`${prefix}${value}${unit}`}</span>;\n});\n\nexport default AnimatedNumber;\n"],"names":["TIMER","AnimatedNumber","forwardRef","props","ref","start","end","prefix","unit","speed","decreasing","onEnd","className","remainingProps","value","setValue","useState","shallContinueRunning","useInterval","currentValue","useEffect","jsx"],"mappings":";;;AAIA,MAAMA,IAAQ,IAgDDC,IAAiBC,EAAW,CAACC,GAA4BC,MAAuC;AACzG,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQT;AAAA,IACR,YAAAU,IAAa;AAAA,IACb,OAAAC,IAAQ,MAAM;AAAA,IAAC;AAAA,IACf,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,IACHV,GAEE,CAACW,GAAOC,CAAQ,IAAIC,EAASX,CAAK,GAElCY,IAAuBP,IAAaI,IAAQR,IAAMQ,IAAQR;AAEhE,SAAAY;AAAA,IACI,MAAM;AACF,MAAAH,EAAS,CAAAI,MAAiBT,IAAaS,IAAe,IAAIA,IAAe,CAAE;AAAA,IAC/E;AAAA,IACAF,IAAuBR,IAAQ;AAAA,EAAA,GAGnCW,EAAU,MAAM;AACZ,IAAKH,KACDN,EAAA;AAAA,EAER,CAAC,GAEM,gBAAAU,EAAC,QAAA,EAAK,KAAAjB,GAAW,GAAGS,GAAgB,WAAAD,GAAuB,UAAA,GAAGL,CAAM,GAAGO,CAAK,GAAGN,CAAI,GAAA,CAAG;AACjG,CAAC;"}

package/components/animatedTextReveal/AnimatedTextReveal.d.ts

@@ -0,0 +1,108 @@
+import { UseInViewOptions } from 'motion/react';
+export type AnimatedTextRevealProps = {
+    /**
+     * Text content to display.
+     *
+     * Accepts a string or an array of phrases that are revealed and cycled through automatically.
+     */
+    text: string | string[];
+    /**
+     * Reveal animation duration in seconds.
+     *
+     * @default 0.4
+     */
+    duration?: number;
+    /**
+     * Reveal animation delay before starting, in seconds.
+     *
+     * @default 0
+     */
+    delay?: number;
+    /**
+     * Interval time between phrase transitions when multiple texts are provided, in seconds.
+     *
+     * @default 3
+     */
+    interval?: number;
+    /**
+     * Vertical offset in pixels from which the text reveals upward.
+     *
+     * @default 10
+     */
+    distance?: number;
+    /**
+     * Easing function applied to the reveal motion.
+     *
+     * @default 'easeOut'
+     */
+    ease?: 'linear' | 'easeIn' | 'easeOut' | 'easeInOut';
+    /**
+     * Whether the animation should only start once the component enters the viewport when scrolling.
+     *
+     * @default true
+     */
+    startOnView?: boolean;
+    /**
+     * If true, the reveal animation runs only once per mount when the component enters the viewport.
+     *
+     * @default false
+     */
+    once?: boolean;
+    /**
+     * Optional root margin passed to the intersection observer for in-view detection (e.g., "0px 0px -10% 0px").
+     * @see motion/react for details
+     */
+    inViewMargin?: UseInViewOptions['margin'];
+    /**
+     * Enables or disables the shimmer highlight effect across the text.
+     *
+     * @default true
+     */
+    shimmer?: boolean;
+    /**
+     * Duration of one shimmer loop in seconds.
+     *
+     * @default 5
+     */
+    shimmerDuration?: number;
+    /**
+     * Delay before the shimmer effect starts, in seconds.
+     *
+     * @default 0
+     */
+    shimmerDelay?: number;
+    /**
+     * Multiplier controlling the width of the shimmer highlight band.
+     *
+     * @default 8
+     */
+    shimmerSpread?: number;
+    /**
+     * If true, the shimmer animation loops infinitely.
+     *
+     * @default true
+     */
+    shimmerRepeat?: boolean;
+    /**
+     * The color of the shimmer highlight band.
+     *
+     * @default 'lighter'
+     */
+    shimmerColor?: 'black' | 'darkest' | 'darker' | 'dark' | 'gray' | 'light' | 'lighter' | 'lightest' | 'white';
+    /**
+     * Base color of the text.
+     *
+     * @default 'darkest'
+     */
+    textColor?: 'black' | 'darkest' | 'darker' | 'dark' | 'gray' | 'light' | 'lighter' | 'lightest' | 'white' | 'primary' | 'secondary' | 'info' | 'warning' | 'danger' | 'success';
+    /**
+     * Additional classNames set on the inner element.
+     */
+    innerClassName?: string;
+    /**
+     * Additional classNames set on the wrapper element.
+     */
+    className?: string;
+};
+export declare const AnimatedTextReveal: (props: AnimatedTextRevealProps) => import("react/jsx-runtime").JSX.Element;
+export default AnimatedTextReveal;

package/components/animatedTextReveal/AnimatedTextReveal.js

@@ -0,0 +1,85 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as $, useState as F, useMemo as C } from "react";
+import u from "classnames";
+import { useInView as O, useReducedMotion as H, AnimatePresence as b, motion as k } from "motion/react";
+import P from "../../hooks/useInterval.js";
+const Y = 0.4, j = 0, G = 10, K = "easeOut", q = 3, z = 5, B = 0, J = 8, A = (e) => {
+  switch (e) {
+    case "black":
+    case "white":
+      return `var(--color-${e})`;
+    case "primary":
+    case "secondary":
+    case "info":
+    case "warning":
+    case "danger":
+    case "success":
+      return `var(--brand-${e})`;
+    case "gray":
+      return "var(--gray)";
+    default:
+      return `var(--gray-${e})`;
+  }
+}, te = (e) => {
+  const {
+    text: r,
+    duration: E = Y,
+    delay: p = j,
+    interval: y = q,
+    distance: n = G,
+    ease: R = K,
+    startOnView: h = !0,
+    once: D = !1,
+    inViewMargin: L,
+    shimmer: _ = !0,
+    shimmerDuration: f = z,
+    shimmerDelay: T = B,
+    shimmerSpread: i = J,
+    shimmerRepeat: v = !0,
+    shimmerColor: x = "lighter",
+    textColor: I = "darkest",
+    innerClassName: g = "",
+    className: N = ""
+  } = e, o = $(null), U = O(o, { once: D, margin: L }), a = H(), [c, V] = F(0), m = Array.isArray(r) ? r : [r], t = m[c] ?? "", w = Array.isArray(r) ? `${c}-${t}` : `text-${t}`;
+  P(() => {
+    V((S) => (S + 1) % m.length);
+  }, y * 1e3);
+  const M = C(() => t.length * i, [t, i]), l = !h || U, d = {
+    "--atr-duration": `${f}s`,
+    "--atr-delay": `${T}s`,
+    "--atr-iterations": v ? "infinite" : "1",
+    "--atr-spread": `${M}px`,
+    "--atr-text-color": A(I),
+    "--atr-shimmer-color": A(x)
+  };
+  return /* @__PURE__ */ s("div", { ref: o, className: u("position-relative", N), style: d, "aria-live": "polite", children: /* @__PURE__ */ s(b, { mode: "wait", initial: !1, children: /* @__PURE__ */ s(
+    k.div,
+    {
+      className: u(
+        "animated-text-reveal",
+        "position-relative",
+        _ && l && "is-animated",
+        g
+      ),
+      style: d,
+      initial: {
+        opacity: a ? 1 : 0,
+        y: a ? 0 : n
+      },
+      animate: l ? { opacity: 1, y: 0 } : { opacity: a ? 1 : 0, y: a ? 0 : n },
+      exit: { opacity: 0, y: -10 },
+      transition: {
+        duration: E,
+        delay: p,
+        ease: R
+      },
+      children: t
+    },
+    w
+  ) }) });
+};
+export {
+  te as AnimatedTextReveal,
+  te as default
+};
+//# sourceMappingURL=AnimatedTextReveal.js.map

package/components/animatedTextReveal/AnimatedTextReveal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedTextReveal.js","sources":["../../../src/components/animatedTextReveal/AnimatedTextReveal.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { AnimatePresence, motion, useInView, useReducedMotion, type UseInViewOptions } from 'motion/react';\nimport useInterval from '../../hooks/useInterval';\n\nconst DEFAULT_REVEAL_DURATION = 0.4;\nconst DEFAULT_REVEAL_DELAY = 0;\nconst DEFAULT_REVEAL_DISTANCE = 10;\nconst DEFAULT_REVEAL_EASING = 'easeOut';\nconst DEFAULT_REVEAL_INTERVAL = 3;\n\nconst DEFAULT_SHIMMER_DURATION = 5;\nconst DEFAULT_SHIMMER_DELAY = 0;\nconst DEFAULT_SHIMMER_SPREAD = 8;\n\nexport type AnimatedTextRevealProps = {\n    /**\n     * Text content to display.\n     *\n     * Accepts a string or an array of phrases that are revealed and cycled through automatically.\n     */\n    text: string | string[];\n\n    /**\n     * Reveal animation duration in seconds.\n     *\n     * @default 0.4\n     */\n    duration?: number;\n\n    /**\n     * Reveal animation delay before starting, in seconds.\n     *\n     * @default 0\n     */\n    delay?: number;\n\n    /**\n     * Interval time between phrase transitions when multiple texts are provided, in seconds.\n     *\n     * @default 3\n     */\n    interval?: number;\n\n    /**\n     * Vertical offset in pixels from which the text reveals upward.\n     *\n     * @default 10\n     */\n    distance?: number;\n\n    /**\n     * Easing function applied to the reveal motion.\n     *\n     * @default 'easeOut'\n     */\n    ease?: 'linear' | 'easeIn' | 'easeOut' | 'easeInOut';\n\n    /**\n     * Whether the animation should only start once the component enters the viewport when scrolling.\n     *\n     * @default true\n     */\n    startOnView?: boolean;\n\n    /**\n     * If true, the reveal animation runs only once per mount when the component enters the viewport.\n     *\n     * @default false\n     */\n    once?: boolean;\n\n    /**\n     * Optional root margin passed to the intersection observer for in-view detection (e.g., \"0px 0px -10% 0px\").\n     * @see motion/react for details\n     */\n    inViewMargin?: UseInViewOptions['margin'];\n\n    /**\n     * Enables or disables the shimmer highlight effect across the text.\n     *\n     * @default true\n     */\n    shimmer?: boolean;\n\n    /**\n     * Duration of one shimmer loop in seconds.\n     *\n     * @default 5\n     */\n    shimmerDuration?: number;\n\n    /**\n     * Delay before the shimmer effect starts, in seconds.\n     *\n     * @default 0\n     */\n    shimmerDelay?: number;\n\n    /**\n     * Multiplier controlling the width of the shimmer highlight band.\n     *\n     * @default 8\n     */\n    shimmerSpread?: number;\n\n    /**\n     * If true, the shimmer animation loops infinitely.\n     *\n     * @default true\n     */\n    shimmerRepeat?: boolean;\n\n    /**\n     * The color of the shimmer highlight band.\n     *\n     * @default 'lighter'\n     */\n    shimmerColor?: 'black' | 'darkest' | 'darker' | 'dark' | 'gray' | 'light' | 'lighter' | 'lightest' | 'white';\n\n    /**\n     * Base color of the text.\n     *\n     * @default 'darkest'\n     */\n    textColor?:\n        | 'black'\n        | 'darkest'\n        | 'darker'\n        | 'dark'\n        | 'gray'\n        | 'light'\n        | 'lighter'\n        | 'lightest'\n        | 'white'\n        | 'primary'\n        | 'secondary'\n        | 'info'\n        | 'warning'\n        | 'danger'\n        | 'success';\n\n    /**\n     * Additional classNames set on the inner element.\n     */\n    innerClassName?: string;\n\n    /**\n     * Additional classNames set on the wrapper element.\n     */\n    className?: string;\n};\n\ntype CSSVars = React.CSSProperties & {\n    '--atr-duration'?: string;\n    '--atr-delay'?: string;\n    '--atr-iterations'?: string;\n    '--atr-spread'?: string;\n    '--atr-text-color'?: string;\n    '--atr-shimmer-color'?: string;\n};\n\nconst getColor = (color: string) => {\n    switch (color) {\n        case 'black':\n        case 'white':\n            return `var(--color-${color})`;\n        case 'primary':\n        case 'secondary':\n        case 'info':\n        case 'warning':\n        case 'danger':\n        case 'success':\n            return `var(--brand-${color})`;\n        case 'gray':\n            return 'var(--gray)';\n        default:\n            return `var(--gray-${color})`;\n    }\n};\n\nexport const AnimatedTextReveal = (props: AnimatedTextRevealProps) => {\n    const {\n        text,\n        duration = DEFAULT_REVEAL_DURATION,\n        delay = DEFAULT_REVEAL_DELAY,\n        interval = DEFAULT_REVEAL_INTERVAL,\n        distance = DEFAULT_REVEAL_DISTANCE,\n        ease = DEFAULT_REVEAL_EASING,\n        startOnView = true,\n        once = false,\n        inViewMargin,\n\n        shimmer = true,\n        shimmerDuration = DEFAULT_SHIMMER_DURATION,\n        shimmerDelay = DEFAULT_SHIMMER_DELAY,\n        shimmerSpread = DEFAULT_SHIMMER_SPREAD,\n        shimmerRepeat = true,\n        shimmerColor = 'lighter',\n        textColor = 'darkest',\n\n        innerClassName = '',\n        className = '',\n    } = props;\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const isInView = useInView(wrapperRef, { once, margin: inViewMargin });\n    const prefersReduced = useReducedMotion();\n\n    const [currentIndex, setCurrentIndex] = useState(0);\n\n    const phrases = Array.isArray(text) ? text : [text];\n    const currentText = phrases[currentIndex] ?? '';\n\n    const renderKey = Array.isArray(text) ? `${currentIndex}-${currentText}` : `text-${currentText}`;\n\n    useInterval(() => {\n        setCurrentIndex(prev => (prev + 1) % phrases.length);\n    }, interval * 1000);\n\n    // thickness of the moving highlight (derived from current text length)\n    const dynamicSpread = useMemo(() => currentText.length * shimmerSpread, [currentText, shimmerSpread]);\n\n    // decide when to animate (css takes care of the motion itself)\n    const shouldAnimate = !startOnView || isInView;\n\n    const style: CSSVars = {\n        '--atr-duration': `${shimmerDuration}s`,\n        '--atr-delay': `${shimmerDelay}s`,\n        '--atr-iterations': shimmerRepeat ? 'infinite' : '1',\n        '--atr-spread': `${dynamicSpread}px`,\n        '--atr-text-color': getColor(textColor),\n        '--atr-shimmer-color': getColor(shimmerColor),\n    };\n\n    return (\n        <div ref={wrapperRef} className={classNames('position-relative', className)} style={style} aria-live='polite'>\n            <AnimatePresence mode='wait' initial={false}>\n                <motion.div\n                    key={renderKey} // triggers reveal on text change\n                    className={classNames(\n                        'animated-text-reveal',\n                        'position-relative',\n                        shimmer && shouldAnimate && 'is-animated',\n                        innerClassName\n                    )}\n                    style={style}\n                    initial={{\n                        opacity: prefersReduced ? 1 : 0,\n                        y: prefersReduced ? 0 : distance,\n                    }}\n                    animate={\n                        shouldAnimate\n                            ? { opacity: 1, y: 0 }\n                            : { opacity: prefersReduced ? 1 : 0, y: prefersReduced ? 0 : distance }\n                    }\n                    exit={{ opacity: 0, y: -10 }}\n                    transition={{\n                        duration,\n                        delay,\n                        ease,\n                    }}\n                >\n                    {currentText}\n                </motion.div>\n            </AnimatePresence>\n        </div>\n    );\n};\n\nexport default AnimatedTextReveal;\n"],"names":["DEFAULT_REVEAL_DURATION","DEFAULT_REVEAL_DELAY","DEFAULT_REVEAL_DISTANCE","DEFAULT_REVEAL_EASING","DEFAULT_REVEAL_INTERVAL","DEFAULT_SHIMMER_DURATION","DEFAULT_SHIMMER_DELAY","DEFAULT_SHIMMER_SPREAD","getColor","color","AnimatedTextReveal","props","text","duration","delay","interval","distance","ease","startOnView","once","inViewMargin","shimmer","shimmerDuration","shimmerDelay","shimmerSpread","shimmerRepeat","shimmerColor","textColor","innerClassName","className","wrapperRef","useRef","isInView","useInView","prefersReduced","useReducedMotion","currentIndex","setCurrentIndex","useState","phrases","currentText","renderKey","useInterval","prev","dynamicSpread","useMemo","shouldAnimate","style","classNames","jsx","AnimatePresence","motion"],"mappings":"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"}

package/components/applicationHeader/AppMenu.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { ModulePropType } from './ApplicationHeader';
+import { default as React } from 'react';
+import { ModulePropType } from './ApplicationHeader';
 export type AppMenuProps = {
     label?: string | React.ReactNode;
     appMenuItems?: ModulePropType[];

package/components/applicationHeader/AppMenu.js

@@ -1,11 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-import AppMenuDropdown from './AppMenuDropdown';
-import AppMenuContent from './AppMenuContent';
-const AppMenu = (props) => {
-    const { label = 'Unknown', appMenuItems = [], appNavigatorClassName, appNavigator, onToggleAppMenu, ...remainingProps } = props;
-    const hasItems = !!(appMenuItems?.length || appNavigator);
-    const wrapperClassNames = classNames('ModuleNavigation AppMenu', 'user-select-none', { hasModules: hasItems }, !appNavigator && 'pointer-events-none', appNavigatorClassName && appNavigatorClassName);
-    return (_jsx("ul", { ...remainingProps, className: wrapperClassNames, children: _jsx(AppMenuDropdown, { title: label, caret: hasItems, onToggleAppMenu: onToggleAppMenu, children: appNavigator && _jsx(AppMenuContent, { appMenuItems: appMenuItems, appNavigator: appNavigator }) }) }));
+import { jsx as n } from "react/jsx-runtime";
+import i from "classnames";
+import { AppMenuDropdown as u } from "./AppMenuDropdown.js";
+import c from "./AppMenuContent.js";
+const f = (s) => {
+  const {
+    label: t = "Unknown",
+    appMenuItems: o = [],
+    appNavigatorClassName: p,
+    appNavigator: e,
+    onToggleAppMenu: r,
+    ...l
+  } = s, a = !!(o?.length || e), m = i(
+    "ModuleNavigation AppMenu",
+    "user-select-none",
+    { hasModules: a },
+    !e && "pointer-events-none",
+    p && p
+  );
+  return /* @__PURE__ */ n("ul", { ...l, className: m, children: /* @__PURE__ */ n(u, { title: t, caret: a, onToggleAppMenu: r, children: e && /* @__PURE__ */ n(c, { appMenuItems: o, appNavigator: e }) }) });
 };
-export default AppMenu;
+export {
+  f as default
+};
+//# sourceMappingURL=AppMenu.js.map

package/components/applicationHeader/AppMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppMenu.js","sources":["../../../src/components/applicationHeader/AppMenu.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\n\nimport AppMenuDropdown from './AppMenuDropdown';\nimport AppMenuContent from './AppMenuContent';\nimport type { ModulePropType } from './ApplicationHeader';\n\n// Support a list of items for services without the app navigator like internal MDM services\nexport type AppMenuProps = {\n    label?: string | React.ReactNode;\n    appMenuItems?: ModulePropType[];\n    appNavigator?: React.ReactNode;\n    appNavigatorClassName?: string;\n    onToggleAppMenu?: (isShown: boolean) => void;\n};\n\nconst AppMenu = (props: AppMenuProps) => {\n    const {\n        label = 'Unknown',\n        appMenuItems = [],\n        appNavigatorClassName,\n        appNavigator,\n        onToggleAppMenu,\n        ...remainingProps\n    } = props;\n\n    const hasItems = !!(appMenuItems?.length || appNavigator);\n\n    const wrapperClassNames = classNames(\n        'ModuleNavigation AppMenu',\n        'user-select-none',\n        { hasModules: hasItems },\n        !appNavigator && 'pointer-events-none',\n        appNavigatorClassName && appNavigatorClassName\n    );\n\n    return (\n        <ul {...remainingProps} className={wrapperClassNames}>\n            <AppMenuDropdown title={label} caret={hasItems} onToggleAppMenu={onToggleAppMenu}>\n                {appNavigator && <AppMenuContent appMenuItems={appMenuItems} appNavigator={appNavigator} />}\n            </AppMenuDropdown>\n        </ul>\n    );\n};\n\nexport default AppMenu;\n"],"names":["AppMenu","props","label","appMenuItems","appNavigatorClassName","appNavigator","onToggleAppMenu","remainingProps","hasItems","wrapperClassNames","classNames","AppMenuDropdown","jsx","AppMenuContent"],"mappings":";;;;AAgBA,MAAMA,IAAU,CAACC,MAAwB;AACrC,QAAM;AAAA,IACF,OAAAC,IAAQ;AAAA,IACR,cAAAC,IAAe,CAAA;AAAA,IACf,uBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHN,GAEEO,IAAW,CAAC,EAAEL,GAAc,UAAUE,IAEtCI,IAAoBC;AAAA,IACtB;AAAA,IACA;AAAA,IACA,EAAE,YAAYF,EAAA;AAAA,IACd,CAACH,KAAgB;AAAA,IACjBD,KAAyBA;AAAA,EAAA;AAG7B,2BACK,MAAA,EAAI,GAAGG,GAAgB,WAAWE,GAC/B,4BAACE,GAAA,EAAgB,OAAOT,GAAO,OAAOM,GAAU,iBAAAF,GAC3C,UAAAD,KAAgB,gBAAAO,EAACC,KAAe,cAAAV,GAA4B,cAAAE,GAA4B,GAC7F,EAAA,CACJ;AAER;"}

package/components/applicationHeader/AppMenuContent.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { ModulePropType } from './ApplicationHeader';
+import { default as React } from 'react';
+import { ModulePropType } from './ApplicationHeader';
 export type AppMenuContentProps = {
     appMenuItems: ModulePropType[];
     appNavigator?: React.ReactNode;

package/components/applicationHeader/AppMenuContent.js

@@ -1,14 +1,9 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-const AppMenuContent = (props) => {
-    const { appMenuItems, appNavigator } = props;
-    // In case there is a navigation component injected into the header,
-    // render this component
-    if (appNavigator) {
-        return (_jsx("li", { role: 'presentation', children: appNavigator }, 'app-navigator'));
-    }
-    // If there is a list of appMenuItems given, render them as a list
-    return (_jsx(_Fragment, { children: appMenuItems.map(module => {
-            return (_jsx("li", { role: 'presentation', children: module.route }, `link-icon-${module.key}`));
-        }) }));
+import { jsx as e, Fragment as i } from "react/jsx-runtime";
+const p = (t) => {
+  const { appMenuItems: a, appNavigator: n } = t;
+  return n ? /* @__PURE__ */ e("li", { role: "presentation", children: n }, "app-navigator") : /* @__PURE__ */ e(i, { children: a.map((r) => /* @__PURE__ */ e("li", { role: "presentation", children: r.route }, `link-icon-${r.key}`)) });
 };
-export default AppMenuContent;
+export {
+  p as default
+};
+//# sourceMappingURL=AppMenuContent.js.map

package/components/applicationHeader/AppMenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppMenuContent.js","sources":["../../../src/components/applicationHeader/AppMenuContent.tsx"],"sourcesContent":["import type React from 'react';\n\nimport type { ModulePropType } from './ApplicationHeader';\n\nexport type AppMenuContentProps = {\n    appMenuItems: ModulePropType[];\n    appNavigator?: React.ReactNode;\n};\n\nconst AppMenuContent = (props: AppMenuContentProps) => {\n    const { appMenuItems, appNavigator } = props;\n\n    // In case there is a navigation component injected into the header,\n    // render this component\n    if (appNavigator) {\n        return (\n            <li role='presentation' key='app-navigator'>\n                {appNavigator}\n            </li>\n        );\n    }\n\n    // If there is a list of appMenuItems given, render them as a list\n    return (\n        <>\n            {appMenuItems.map(module => {\n                return (\n                    <li role='presentation' key={`link-icon-${module.key}`}>\n                        {module.route}\n                    </li>\n                );\n            })}\n        </>\n    );\n};\n\nexport default AppMenuContent;\n"],"names":["AppMenuContent","props","appMenuItems","appNavigator","jsx","Fragment","module"],"mappings":";AASA,MAAMA,IAAiB,CAACC,MAA+B;AACnD,QAAM,EAAE,cAAAC,GAAc,cAAAC,EAAA,IAAiBF;AAIvC,SAAIE,IAEI,gBAAAC,EAAC,MAAA,EAAG,MAAK,gBACJ,eADuB,eAE5B,IAMJ,gBAAAA,EAAAC,GAAA,EACK,UAAAH,EAAa,IAAI,CAAAI,MAEV,gBAAAF,EAAC,QAAG,MAAK,gBACJ,YAAO,MAAA,GADiB,aAAaE,EAAO,GAAG,EAEpD,CAEP,EAAA,CACL;AAER;"}

package/components/applicationHeader/AppMenuDropdown.d.ts

@@ -1,4 +1,4 @@
-import React, { type PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
 export type AppMenuDropdownProps = {
     title: string | React.ReactNode;
     caret?: boolean;

package/components/applicationHeader/AppMenuDropdown.js

@@ -1,37 +1,34 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, forwardRef } from 'react';
-import classNames from 'classnames';
-import isEmpty from 'lodash/fp/isEmpty';
-import noop from 'lodash/fp/noop';
-import useClickOutside from '../../hooks/useClickOutside';
-const ToggleButton = (props) => {
-    const { title, caret } = props;
-    const toggleClassName = classNames('ModuleNavigation-dropdown', 'dropdown-toggle justify-content-between', {
-        inactive: !caret,
-    });
-    return (_jsxs("a", { className: toggleClassName, role: 'button', id: 'basic-nav-dropdown', children: [_jsx("span", { children: title }), caret && _jsx("span", { className: 'caret' })] }));
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { forwardRef as f, useState as g } from "react";
+import i from "classnames";
+import { noop as h, isEmpty as d } from "es-toolkit/compat";
+import N from "../../hooks/useClickOutside.js";
+const C = (n) => {
+  const { title: o, caret: e } = n, r = i("ModuleNavigation-dropdown", "dropdown-toggle justify-content-between", {
+    inactive: !e
+  });
+  return /* @__PURE__ */ a("a", { className: r, role: "button", id: "basic-nav-dropdown", children: [
+    /* @__PURE__ */ t("span", { children: o }),
+    e && /* @__PURE__ */ t("span", { className: "caret" })
+  ] });
+}, D = (n) => {
+  const { children: o } = n;
+  return d(o) ? null : /* @__PURE__ */ t("ul", { role: "menu", className: "dropdown-menu ModuleNavigation-dropdown-menu", children: o });
+}, M = f((n, o) => {
+  const { open: e, children: r, onDropdownClick: s } = n;
+  return /* @__PURE__ */ t("li", { ref: o, className: i("dropdown", { open: e }), onClick: s, children: r });
+}), x = (n) => {
+  const { title: o, caret: e = !1, onToggleAppMenu: r = h, children: s } = n, [l, c] = g(!1), u = N(() => c(!1)), m = () => {
+    const p = !l;
+    c(p), r(p);
+  }, w = !d(s) && l;
+  return /* @__PURE__ */ a(M, { open: w, onDropdownClick: m, ref: u, children: [
+    /* @__PURE__ */ t(C, { title: o, caret: e }),
+    /* @__PURE__ */ t(D, { children: s })
+  ] });
 };
-const DropdownMenu = (props) => {
-    const { children } = props;
-    if (isEmpty(children)) {
-        return null;
-    }
-    return (_jsx("ul", { role: 'menu', className: 'dropdown-menu ModuleNavigation-dropdown-menu', children: children }));
+export {
+  x as AppMenuDropdown,
+  x as default
 };
-const AppMenuDropdownOpener = forwardRef((props, ref) => {
-    const { open, children, onDropdownClick } = props;
-    return (_jsx("li", { ref: ref, className: classNames('dropdown', { open }), onClick: onDropdownClick, children: children }));
-});
-export const AppMenuDropdown = (props) => {
-    const { title, caret = false, onToggleAppMenu = noop, children } = props;
-    const [isOpen, setIsOpen] = useState(false);
-    const wrapperRef = useClickOutside(() => setIsOpen(false));
-    const handleDropdownClick = () => {
-        const newState = !isOpen;
-        setIsOpen(newState);
-        onToggleAppMenu(newState);
-    };
-    const openWithChildren = !isEmpty(children) && isOpen;
-    return (_jsxs(AppMenuDropdownOpener, { open: openWithChildren, onDropdownClick: handleDropdownClick, ref: wrapperRef, children: [_jsx(ToggleButton, { title: title, caret: caret }), _jsx(DropdownMenu, { children: children })] }));
-};
-export default AppMenuDropdown;
+//# sourceMappingURL=AppMenuDropdown.js.map

package/components/applicationHeader/AppMenuDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppMenuDropdown.js","sources":["../../../src/components/applicationHeader/AppMenuDropdown.tsx"],"sourcesContent":["import React, { useState, forwardRef, type ForwardedRef, type PropsWithChildren } from 'react';\nimport classNames from 'classnames';\nimport { isEmpty, noop } from 'es-toolkit/compat';\n\nimport useClickOutside from '../../hooks/useClickOutside';\n\ntype ToggleButtonProps = {\n    title: string | React.ReactNode;\n    caret: boolean;\n};\n\nconst ToggleButton = (props: ToggleButtonProps) => {\n    const { title, caret } = props;\n    const toggleClassName = classNames('ModuleNavigation-dropdown', 'dropdown-toggle justify-content-between', {\n        inactive: !caret,\n    });\n\n    return (\n        <a className={toggleClassName} role='button' id='basic-nav-dropdown'>\n            <span>{title}</span>\n            {caret && <span className='caret' />}\n        </a>\n    );\n};\n\nconst DropdownMenu = (props: PropsWithChildren) => {\n    const { children } = props;\n\n    if (isEmpty(children)) {\n        return null;\n    }\n\n    return (\n        <ul role='menu' className='dropdown-menu ModuleNavigation-dropdown-menu'>\n            {children}\n        </ul>\n    );\n};\n\ntype AppMenuDropdownOpenerProps = {\n    open: boolean;\n    onDropdownClick: () => void;\n};\n\ntype Ref = ForwardedRef<HTMLLIElement>;\ntype Props = PropsWithChildren<AppMenuDropdownOpenerProps>;\n\nconst AppMenuDropdownOpener = forwardRef((props: Props, ref: Ref) => {\n    const { open, children, onDropdownClick } = props;\n    return (\n        <li ref={ref} className={classNames('dropdown', { open })} onClick={onDropdownClick}>\n            {children}\n        </li>\n    );\n});\n\nexport type AppMenuDropdownProps = {\n    title: string | React.ReactNode;\n    caret?: boolean;\n    onToggleAppMenu?: (isOpen: boolean) => void;\n};\n\nexport const AppMenuDropdown = (props: PropsWithChildren<AppMenuDropdownProps>) => {\n    const { title, caret = false, onToggleAppMenu = noop, children } = props;\n\n    const [isOpen, setIsOpen] = useState(false);\n\n    const wrapperRef = useClickOutside(() => setIsOpen(false));\n\n    const handleDropdownClick = () => {\n        const newState = !isOpen;\n        setIsOpen(newState);\n        onToggleAppMenu(newState);\n    };\n\n    const openWithChildren = !isEmpty(children) && isOpen;\n\n    return (\n        <AppMenuDropdownOpener open={openWithChildren} onDropdownClick={handleDropdownClick} ref={wrapperRef}>\n            <ToggleButton title={title} caret={caret} />\n            <DropdownMenu>{children}</DropdownMenu>\n        </AppMenuDropdownOpener>\n    );\n};\n\nexport default AppMenuDropdown;\n"],"names":["ToggleButton","props","title","caret","toggleClassName","classNames","jsx","DropdownMenu","children","isEmpty","AppMenuDropdownOpener","forwardRef","ref","open","onDropdownClick","AppMenuDropdown","onToggleAppMenu","noop","isOpen","setIsOpen","useState","wrapperRef","useClickOutside","handleDropdownClick","newState","openWithChildren"],"mappings":";;;;;AAWA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,OAAAC,GAAO,OAAAC,EAAA,IAAUF,GACnBG,IAAkBC,EAAW,6BAA6B,2CAA2C;AAAA,IACvG,UAAU,CAACF;AAAA,EAAA,CACd;AAED,2BACK,KAAA,EAAE,WAAWC,GAAiB,MAAK,UAAS,IAAG,sBAC5C,UAAA;AAAA,IAAA,gBAAAE,EAAC,UAAM,UAAAJ,EAAA,CAAM;AAAA,IACZC,KAAS,gBAAAG,EAAC,QAAA,EAAK,WAAU,QAAA,CAAQ;AAAA,EAAA,GACtC;AAER,GAEMC,IAAe,CAACN,MAA6B;AAC/C,QAAM,EAAE,UAAAO,MAAaP;AAErB,SAAIQ,EAAQD,CAAQ,IACT,yBAIN,MAAA,EAAG,MAAK,QAAO,WAAU,gDACrB,UAAAA,GACL;AAER,GAUME,IAAwBC,EAAW,CAACV,GAAcW,MAAa;AACjE,QAAM,EAAE,MAAAC,GAAM,UAAAL,GAAU,iBAAAM,EAAA,IAAoBb;AAC5C,SACI,gBAAAK,EAAC,MAAA,EAAG,KAAAM,GAAU,WAAWP,EAAW,YAAY,EAAE,MAAAQ,EAAA,CAAM,GAAG,SAASC,GAC/D,UAAAN,EAAA,CACL;AAER,CAAC,GAQYO,IAAkB,CAACd,MAAmD;AAC/E,QAAM,EAAE,OAAAC,GAAO,OAAAC,IAAQ,IAAO,iBAAAa,IAAkBC,GAAM,UAAAT,MAAaP,GAE7D,CAACiB,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAaC,EAAgB,MAAMH,EAAU,EAAK,CAAC,GAEnDI,IAAsB,MAAM;AAC9B,UAAMC,IAAW,CAACN;AAClB,IAAAC,EAAUK,CAAQ,GAClBR,EAAgBQ,CAAQ;AAAA,EAC5B,GAEMC,IAAmB,CAAChB,EAAQD,CAAQ,KAAKU;AAE/C,2BACKR,GAAA,EAAsB,MAAMe,GAAkB,iBAAiBF,GAAqB,KAAKF,GACtF,UAAA;AAAA,IAAA,gBAAAf,EAACN,GAAA,EAAa,OAAAE,GAAc,OAAAC,EAAA,CAAc;AAAA,IAC1C,gBAAAG,EAACC,KAAc,UAAAC,EAAA,CAAS;AAAA,EAAA,GAC5B;AAER;"}

package/components/applicationHeader/ApplicationActionBar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type ApplicationActionBarProps = {
     items?: React.ReactNode[];
     nodeRef?: React.MutableRefObject<HTMLUListElement | null> | undefined;

package/components/applicationHeader/ApplicationActionBar.js

@@ -1,8 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ApplicationActionBar = (props) => {
-    const { items, nodeRef, className = '', ...remainingProps } = props;
-    return (_jsx("ul", { ...remainingProps, className: `ApplicationActionBar nav navbar-nav navbar-right ${className}`, ref: nodeRef, children: items?.map((item, index) => {
-            return (_jsx("li", { role: 'presentation', className: 'navigationItem', children: item }, index));
-        }) }));
+import { jsx as a } from "react/jsx-runtime";
+const l = (n) => {
+  const { items: r, nodeRef: e, className: i = "", ...t } = n;
+  return /* @__PURE__ */ a(
+    "ul",
+    {
+      ...t,
+      className: `ApplicationActionBar nav navbar-nav navbar-right ${i}`,
+      ref: e,
+      children: r?.map((o, s) => /* @__PURE__ */ a("li", { role: "presentation", className: "navigationItem", children: o }, s))
+    }
+  );
 };
-export default ApplicationActionBar;
+export {
+  l as default
+};
+//# sourceMappingURL=ApplicationActionBar.js.map

package/components/applicationHeader/ApplicationActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationActionBar.js","sources":["../../../src/components/applicationHeader/ApplicationActionBar.tsx"],"sourcesContent":["import type React from 'react';\n\nexport type ApplicationActionBarProps = {\n    items?: React.ReactNode[];\n    nodeRef?: React.MutableRefObject<HTMLUListElement | null> | undefined;\n    className?: string;\n};\n\nconst ApplicationActionBar = (props: ApplicationActionBarProps) => {\n    const { items, nodeRef, className = '', ...remainingProps } = props;\n\n    return (\n        <ul\n            {...remainingProps}\n            className={`ApplicationActionBar nav navbar-nav navbar-right ${className}`}\n            ref={nodeRef}\n        >\n            {items?.map((item, index) => {\n                return (\n                    <li key={index} role='presentation' className='navigationItem'>\n                        {item}\n                    </li>\n                );\n            })}\n        </ul>\n    );\n};\n\nexport default ApplicationActionBar;\n"],"names":["ApplicationActionBar","props","items","nodeRef","className","remainingProps","jsx","item","index"],"mappings":";AAQA,MAAMA,IAAuB,CAACC,MAAqC;AAC/D,QAAM,EAAE,OAAAC,GAAO,SAAAC,GAAS,WAAAC,IAAY,IAAI,GAAGC,MAAmBJ;AAE9D,SACI,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGD;AAAA,MACJ,WAAW,oDAAoDD,CAAS;AAAA,MACxE,KAAKD;AAAA,MAEJ,UAAAD,GAAO,IAAI,CAACK,GAAMC,wBAEV,MAAA,EAAe,MAAK,gBAAe,WAAU,kBACzC,eADIA,CAET,CAEP;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/components/applicationHeader/ApplicationHeader.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type ModulePropType = {
     /**
      * Unique key for the sub-module navigation component of an app.