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

package/components/analyticsAnalysisOverlay/AnalyticsAnalysisOverlay.js

@@ -1,77 +1,64 @@
-import { jsx as P } from "react/jsx-runtime";
-import { useState as t, useCallback as v } from "react";
-import $ from "../notification/Notification.js";
-import H from "../../hooks/useDraggableElement.js";
-import { hasRequiredAnalyticsHeaderRow as q, buildAnalyticsAnalysisData as V } from "../../utils/analytics/analyticsAnalysisUtils.js";
-import _ from "../../utils/analytics/useAnalyticsOverlayDom.js";
-import { AnalyticsAnalysisBanner as j } from "./AnalyticsAnalysisBanner.js";
-const z = {
-  top: "70px",
-  left: "50%",
-  transform: "translateX(-50%)"
-}, Z = (b) => {
-  const { overlayBackgroundOpacity: A = 0.5, bannerStartCoordinates: y } = b, C = Math.min(1, Math.max(0, A)), r = y?.top, i = y?.left, u = typeof r == "number" && Number.isFinite(r) && typeof i == "number" && Number.isFinite(i), [D, n] = t(() => /* @__PURE__ */ new Map()), [O, s] = t(null), [h, l] = t(null), [w, o] = t(null), [m, L] = t(!0), [d, T] = t(!0), x = u ? { top: r, left: i } : void 0, { draggableRef: k, isDragging: N, position: e, onDragHandleDown: R, renderElement: S } = H({
-    initialPosition: x
-  }), B = _({
-    analyticsLookup: D,
-    overlayBackgroundOpacity: C,
-    showOverlayDetails: m,
-    showOverlayLabelText: d,
-    analyticsTotalUsers: h
-  }), M = v(async (a) => {
-    const f = a.filter((I) => I.name.toLowerCase().endsWith(".csv"));
-    if (f.length === 0) {
-      n(/* @__PURE__ */ new Map()), s(null), l(null), o(null);
-      return;
-    }
-    const c = f[0], g = await c.text();
-    if (!q(g)) {
-      $.error(
-        'A Google Analytics CSV report based on the "UIKIT AnalyticsAnalysisOverlay Template" is required.',
-        {
-          title: "Unsupported CSV"
-        }
-      ), n(/* @__PURE__ */ new Map()), s(null), l(null), o(null);
-      return;
-    }
-    const E = [
-      {
-        reportName: c.name,
-        csvRaw: g
-      }
-    ], p = V(E);
-    n(p.analyticsLookup), s(p.analyticsDateRangeLabel), l(p.analyticsTotalUsers), o(c.name);
-  }, []), U = v(() => {
-    n(/* @__PURE__ */ new Map()), s(null), l(null), o(null);
-  }, []), F = e.hasDragged ? {
-    top: `${e.top}px`,
-    left: `${e.left}px`
-  } : u ? {
-    top: `${e.top}px`,
-    left: `${e.left}px`
-  } : z;
-  return S(
-    /* @__PURE__ */ P(
-      j,
-      {
-        bannerRef: k,
-        bannerStyle: F,
-        analyticsDateRangeLabel: O,
-        loadedCsvName: w,
-        showOverlayDetails: m,
-        showOverlayLabelText: d,
-        isDragging: N,
-        onCsvPick: M,
-        onToggleOverlayDetails: () => L((a) => !a),
-        onToggleOverlayLabelText: () => T((a) => !a),
-        onClearCsv: U,
-        onDragHandleDown: R
-      }
-    ),
-    B
-  );
+import { buildAnalyticsAnalysisData as e, hasRequiredAnalyticsHeaderRow as t } from "../../utils/analytics/analyticsAnalysisUtils.js";
+import n from "../notification/Notification.js";
+import "../../Notification.js";
+import r from "../../hooks/useDraggableElement.js";
+import i from "../../utils/analytics/useAnalyticsOverlayDom.js";
+import { AnalyticsAnalysisBanner as a } from "./AnalyticsAnalysisBanner.js";
+import { useCallback as o, useState as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/components/analyticsAnalysisOverlay/AnalyticsAnalysisOverlay.tsx
+var l = {
+	top: "70px",
+	left: "50%",
+	transform: "translateX(-50%)"
+}, u = (u) => {
+	let { overlayBackgroundOpacity: d = .5, bannerStartCoordinates: f } = u, p = Math.min(1, Math.max(0, d)), m = f?.top, h = f?.left, g = typeof m == "number" && Number.isFinite(m) && typeof h == "number" && Number.isFinite(h), [_, v] = s(() => /* @__PURE__ */ new Map()), [y, b] = s(null), [x, S] = s(null), [C, w] = s(null), [T, E] = s(!0), [D, O] = s(!0), { draggableRef: k, isDragging: A, position: j, onDragHandleDown: M, renderElement: N } = r({ initialPosition: g ? {
+		top: m,
+		left: h
+	} : void 0 }), P = i({
+		analyticsLookup: _,
+		overlayBackgroundOpacity: p,
+		showOverlayDetails: T,
+		showOverlayLabelText: D,
+		analyticsTotalUsers: x
+	}), F = o(async (r) => {
+		let i = r.filter((e) => e.name.toLowerCase().endsWith(".csv"));
+		if (i.length === 0) {
+			v(/* @__PURE__ */ new Map()), b(null), S(null), w(null);
+			return;
+		}
+		let a = i[0], o = await a.text();
+		if (!t(o)) {
+			n.error("A Google Analytics CSV report based on the \"UIKIT AnalyticsAnalysisOverlay Template\" is required.", { title: "Unsupported CSV" }), v(/* @__PURE__ */ new Map()), b(null), S(null), w(null);
+			return;
+		}
+		let s = e([{
+			reportName: a.name,
+			csvRaw: o
+		}]);
+		v(s.analyticsLookup), b(s.analyticsDateRangeLabel), S(s.analyticsTotalUsers), w(a.name);
+	}, []), I = o(() => {
+		v(/* @__PURE__ */ new Map()), b(null), S(null), w(null);
+	}, []);
+	return N(/* @__PURE__ */ c(a, {
+		bannerRef: k,
+		bannerStyle: j.hasDragged || g ? {
+			top: `${j.top}px`,
+			left: `${j.left}px`
+		} : l,
+		analyticsDateRangeLabel: y,
+		loadedCsvName: C,
+		showOverlayDetails: T,
+		showOverlayLabelText: D,
+		isDragging: A,
+		onCsvPick: F,
+		onToggleOverlayDetails: () => E((e) => !e),
+		onToggleOverlayLabelText: () => O((e) => !e),
+		onClearCsv: I,
+		onDragHandleDown: M
+	}), P);
 };
-export {
-  Z as AnalyticsAnalysisOverlay
-};
-//# sourceMappingURL=AnalyticsAnalysisOverlay.js.map
+//#endregion
+export { u as AnalyticsAnalysisOverlay };
+
+//# sourceMappingURL=AnalyticsAnalysisOverlay.js.map

package/components/analyticsAnalysisOverlay/AnalyticsAnalysisOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsAnalysisOverlay.js","sources":["../../../src/components/analyticsAnalysisOverlay/AnalyticsAnalysisOverlay.tsx"],"sourcesContent":["import { useCallback, useState, type CSSProperties } from 'react';\n\nimport Notification from '../../Notification';\nimport useDraggableElement from '../../hooks/useDraggableElement';\nimport {\n    buildAnalyticsAnalysisData,\n    hasRequiredAnalyticsHeaderRow,\n    type AnalyticsReportEntry,\n} from '../../utils/analytics/analyticsAnalysisUtils';\nimport useAnalyticsOverlayDom from '../../utils/analytics/useAnalyticsOverlayDom';\nimport { AnalyticsAnalysisBanner } from './AnalyticsAnalysisBanner';\n\nconst DEFAULT_BANNER_POSITION = {\n    top: '70px',\n    left: '50%',\n    transform: 'translateX(-50%)',\n};\n\ntype AnalysisBannerPosition = {\n    /**\n     * Initial top offset in pixels relative to the viewport.\n     */\n    top: number;\n\n    /**\n     * Initial left offset in pixels relative to the viewport.\n     */\n    left: number;\n};\n\ntype AnalyticsAnalysisOverlayProps = {\n    /**\n     * Opacity of the fullscreen analytics overlay backdrop.\n     * Values are clamped to the range `0` to `1`.\n     *\n     * @default 0.5\n     */\n    overlayBackgroundOpacity?: number;\n\n    /**\n     * Optional initial viewport coordinates for the draggable analytics banner.\n     * When omitted, the banner starts at `top: 70px`, `left: 50%` with `translateX(-50%)`.\n     *\n     * @default undefined\n     */\n    bannerStartCoordinates?: AnalysisBannerPosition;\n};\n\nexport const AnalyticsAnalysisOverlay = (props: AnalyticsAnalysisOverlayProps) => {\n    const { overlayBackgroundOpacity = 0.5, bannerStartCoordinates } = props;\n\n    const normalizedOverlayBackgroundOpacity = Math.min(1, Math.max(0, overlayBackgroundOpacity));\n\n    const startTop = bannerStartCoordinates?.top;\n    const startLeft = bannerStartCoordinates?.left;\n\n    const hasCustomStartCoordinates =\n        typeof startTop === 'number' &&\n        Number.isFinite(startTop) &&\n        typeof startLeft === 'number' &&\n        Number.isFinite(startLeft);\n\n    const [analyticsLookup, setAnalyticsLookup] = useState<Map<string, AnalyticsReportEntry[]>>(() => new Map());\n    const [analyticsDateRangeLabel, setAnalyticsDateRangeLabel] = useState<string | null>(null);\n    const [analyticsTotalUsers, setAnalyticsTotalUsers] = useState<number | null>(null);\n\n    const [loadedCsvName, setLoadedCsvName] = useState<string | null>(null);\n\n    const [showOverlayDetails, setShowOverlayDetails] = useState(true);\n    const [showOverlayLabelText, setShowOverlayLabelText] = useState(true);\n\n    const initialPosition = hasCustomStartCoordinates ? { top: startTop, left: startLeft } : undefined;\n\n    const { draggableRef, isDragging, position, onDragHandleDown, renderElement } = useDraggableElement({\n        initialPosition,\n    });\n\n    const metadataBannerHost = useAnalyticsOverlayDom({\n        analyticsLookup,\n        overlayBackgroundOpacity: normalizedOverlayBackgroundOpacity,\n        showOverlayDetails,\n        showOverlayLabelText,\n        analyticsTotalUsers,\n    });\n\n    const handleCsvPick = useCallback(async (files: File[]) => {\n        const csvFiles = files.filter(file => file.name.toLowerCase().endsWith('.csv'));\n\n        if (csvFiles.length === 0) {\n            setAnalyticsLookup(new Map());\n            setAnalyticsDateRangeLabel(null);\n            setAnalyticsTotalUsers(null);\n            setLoadedCsvName(null);\n            return;\n        }\n\n        const selectedFile = csvFiles[0];\n        const csvRaw = await selectedFile.text();\n\n        if (!hasRequiredAnalyticsHeaderRow(csvRaw)) {\n            Notification.error(\n                'A Google Analytics CSV report based on the \"UIKIT AnalyticsAnalysisOverlay Template\" is required.',\n                {\n                    title: 'Unsupported CSV',\n                }\n            );\n            setAnalyticsLookup(new Map());\n            setAnalyticsDateRangeLabel(null);\n            setAnalyticsTotalUsers(null);\n            setLoadedCsvName(null);\n            return;\n        }\n\n        const uploads = [\n            {\n                reportName: selectedFile.name,\n                csvRaw,\n            },\n        ];\n        const analysisData = buildAnalyticsAnalysisData(uploads);\n\n        setAnalyticsLookup(analysisData.analyticsLookup);\n        setAnalyticsDateRangeLabel(analysisData.analyticsDateRangeLabel);\n        setAnalyticsTotalUsers(analysisData.analyticsTotalUsers);\n        setLoadedCsvName(selectedFile.name);\n    }, []);\n\n    const handleClearCsv = useCallback(() => {\n        setAnalyticsLookup(new Map());\n        setAnalyticsDateRangeLabel(null);\n        setAnalyticsTotalUsers(null);\n        setLoadedCsvName(null);\n    }, []);\n\n    const bannerStyle: CSSProperties = position.hasDragged\n        ? {\n              top: `${position.top}px`,\n              left: `${position.left}px`,\n          }\n        : hasCustomStartCoordinates\n          ? {\n                top: `${position.top}px`,\n                left: `${position.left}px`,\n            }\n          : DEFAULT_BANNER_POSITION;\n\n    return renderElement(\n        <AnalyticsAnalysisBanner\n            bannerRef={draggableRef}\n            bannerStyle={bannerStyle}\n            analyticsDateRangeLabel={analyticsDateRangeLabel}\n            loadedCsvName={loadedCsvName}\n            showOverlayDetails={showOverlayDetails}\n            showOverlayLabelText={showOverlayLabelText}\n            isDragging={isDragging}\n            onCsvPick={handleCsvPick}\n            onToggleOverlayDetails={() => setShowOverlayDetails(previousState => !previousState)}\n            onToggleOverlayLabelText={() => setShowOverlayLabelText(previousState => !previousState)}\n            onClearCsv={handleClearCsv}\n            onDragHandleDown={onDragHandleDown}\n        />,\n        metadataBannerHost\n    );\n};\n"],"names":["DEFAULT_BANNER_POSITION","AnalyticsAnalysisOverlay","props","overlayBackgroundOpacity","bannerStartCoordinates","normalizedOverlayBackgroundOpacity","startTop","startLeft","hasCustomStartCoordinates","analyticsLookup","setAnalyticsLookup","useState","analyticsDateRangeLabel","setAnalyticsDateRangeLabel","analyticsTotalUsers","setAnalyticsTotalUsers","loadedCsvName","setLoadedCsvName","showOverlayDetails","setShowOverlayDetails","showOverlayLabelText","setShowOverlayLabelText","initialPosition","draggableRef","isDragging","position","onDragHandleDown","renderElement","useDraggableElement","metadataBannerHost","useAnalyticsOverlayDom","handleCsvPick","useCallback","files","csvFiles","file","selectedFile","csvRaw","hasRequiredAnalyticsHeaderRow","Notification","uploads","analysisData","buildAnalyticsAnalysisData","handleClearCsv","bannerStyle","jsx","AnalyticsAnalysisBanner","previousState"],"mappings":"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"}
+{"version":3,"file":"AnalyticsAnalysisOverlay.js","names":[],"sources":["../../../src/components/analyticsAnalysisOverlay/AnalyticsAnalysisOverlay.tsx"],"sourcesContent":["import { useCallback, useState, type CSSProperties } from 'react';\n\nimport Notification from '../../Notification';\nimport useDraggableElement from '../../hooks/useDraggableElement';\nimport {\n    buildAnalyticsAnalysisData,\n    hasRequiredAnalyticsHeaderRow,\n    type AnalyticsReportEntry,\n} from '../../utils/analytics/analyticsAnalysisUtils';\nimport useAnalyticsOverlayDom from '../../utils/analytics/useAnalyticsOverlayDom';\nimport { AnalyticsAnalysisBanner } from './AnalyticsAnalysisBanner';\n\nconst DEFAULT_BANNER_POSITION = {\n    top: '70px',\n    left: '50%',\n    transform: 'translateX(-50%)',\n};\n\ntype AnalysisBannerPosition = {\n    /**\n     * Initial top offset in pixels relative to the viewport.\n     */\n    top: number;\n\n    /**\n     * Initial left offset in pixels relative to the viewport.\n     */\n    left: number;\n};\n\ntype AnalyticsAnalysisOverlayProps = {\n    /**\n     * Opacity of the fullscreen analytics overlay backdrop.\n     * Values are clamped to the range `0` to `1`.\n     *\n     * @default 0.5\n     */\n    overlayBackgroundOpacity?: number;\n\n    /**\n     * Optional initial viewport coordinates for the draggable analytics banner.\n     * When omitted, the banner starts at `top: 70px`, `left: 50%` with `translateX(-50%)`.\n     *\n     * @default undefined\n     */\n    bannerStartCoordinates?: AnalysisBannerPosition;\n};\n\nexport const AnalyticsAnalysisOverlay = (props: AnalyticsAnalysisOverlayProps) => {\n    const { overlayBackgroundOpacity = 0.5, bannerStartCoordinates } = props;\n\n    const normalizedOverlayBackgroundOpacity = Math.min(1, Math.max(0, overlayBackgroundOpacity));\n\n    const startTop = bannerStartCoordinates?.top;\n    const startLeft = bannerStartCoordinates?.left;\n\n    const hasCustomStartCoordinates =\n        typeof startTop === 'number' &&\n        Number.isFinite(startTop) &&\n        typeof startLeft === 'number' &&\n        Number.isFinite(startLeft);\n\n    const [analyticsLookup, setAnalyticsLookup] = useState<Map<string, AnalyticsReportEntry[]>>(() => new Map());\n    const [analyticsDateRangeLabel, setAnalyticsDateRangeLabel] = useState<string | null>(null);\n    const [analyticsTotalUsers, setAnalyticsTotalUsers] = useState<number | null>(null);\n\n    const [loadedCsvName, setLoadedCsvName] = useState<string | null>(null);\n\n    const [showOverlayDetails, setShowOverlayDetails] = useState(true);\n    const [showOverlayLabelText, setShowOverlayLabelText] = useState(true);\n\n    const initialPosition = hasCustomStartCoordinates ? { top: startTop, left: startLeft } : undefined;\n\n    const { draggableRef, isDragging, position, onDragHandleDown, renderElement } = useDraggableElement({\n        initialPosition,\n    });\n\n    const metadataBannerHost = useAnalyticsOverlayDom({\n        analyticsLookup,\n        overlayBackgroundOpacity: normalizedOverlayBackgroundOpacity,\n        showOverlayDetails,\n        showOverlayLabelText,\n        analyticsTotalUsers,\n    });\n\n    const handleCsvPick = useCallback(async (files: File[]) => {\n        const csvFiles = files.filter(file => file.name.toLowerCase().endsWith('.csv'));\n\n        if (csvFiles.length === 0) {\n            setAnalyticsLookup(new Map());\n            setAnalyticsDateRangeLabel(null);\n            setAnalyticsTotalUsers(null);\n            setLoadedCsvName(null);\n            return;\n        }\n\n        const selectedFile = csvFiles[0];\n        const csvRaw = await selectedFile.text();\n\n        if (!hasRequiredAnalyticsHeaderRow(csvRaw)) {\n            Notification.error(\n                'A Google Analytics CSV report based on the \"UIKIT AnalyticsAnalysisOverlay Template\" is required.',\n                {\n                    title: 'Unsupported CSV',\n                }\n            );\n            setAnalyticsLookup(new Map());\n            setAnalyticsDateRangeLabel(null);\n            setAnalyticsTotalUsers(null);\n            setLoadedCsvName(null);\n            return;\n        }\n\n        const uploads = [\n            {\n                reportName: selectedFile.name,\n                csvRaw,\n            },\n        ];\n        const analysisData = buildAnalyticsAnalysisData(uploads);\n\n        setAnalyticsLookup(analysisData.analyticsLookup);\n        setAnalyticsDateRangeLabel(analysisData.analyticsDateRangeLabel);\n        setAnalyticsTotalUsers(analysisData.analyticsTotalUsers);\n        setLoadedCsvName(selectedFile.name);\n    }, []);\n\n    const handleClearCsv = useCallback(() => {\n        setAnalyticsLookup(new Map());\n        setAnalyticsDateRangeLabel(null);\n        setAnalyticsTotalUsers(null);\n        setLoadedCsvName(null);\n    }, []);\n\n    const bannerStyle: CSSProperties = position.hasDragged\n        ? {\n              top: `${position.top}px`,\n              left: `${position.left}px`,\n          }\n        : hasCustomStartCoordinates\n          ? {\n                top: `${position.top}px`,\n                left: `${position.left}px`,\n            }\n          : DEFAULT_BANNER_POSITION;\n\n    return renderElement(\n        <AnalyticsAnalysisBanner\n            bannerRef={draggableRef}\n            bannerStyle={bannerStyle}\n            analyticsDateRangeLabel={analyticsDateRangeLabel}\n            loadedCsvName={loadedCsvName}\n            showOverlayDetails={showOverlayDetails}\n            showOverlayLabelText={showOverlayLabelText}\n            isDragging={isDragging}\n            onCsvPick={handleCsvPick}\n            onToggleOverlayDetails={() => setShowOverlayDetails(previousState => !previousState)}\n            onToggleOverlayLabelText={() => setShowOverlayLabelText(previousState => !previousState)}\n            onClearCsv={handleClearCsv}\n            onDragHandleDown={onDragHandleDown}\n        />,\n        metadataBannerHost\n    );\n};\n"],"mappings":";;;;;;;;;AAYA,IAAM,IAA0B;CAC5B,KAAK;CACL,MAAM;CACN,WAAW;AACf,GAgCa,KAA4B,MAAyC;CAC9E,IAAM,EAAE,8BAA2B,IAAK,8BAA2B,GAE7D,IAAqC,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,CAAwB,CAAC,GAEtF,IAAW,GAAwB,KACnC,IAAY,GAAwB,MAEpC,IACF,OAAO,KAAa,YACpB,OAAO,SAAS,CAAQ,KACxB,OAAO,KAAc,YACrB,OAAO,SAAS,CAAS,GAEvB,CAAC,GAAiB,KAAsB,wBAAoD,IAAI,IAAI,CAAC,GACrG,CAAC,GAAyB,KAA8B,EAAwB,IAAI,GACpF,CAAC,GAAqB,KAA0B,EAAwB,IAAI,GAE5E,CAAC,GAAe,KAAoB,EAAwB,IAAI,GAEhE,CAAC,GAAoB,KAAyB,EAAS,EAAI,GAC3D,CAAC,GAAsB,KAA2B,EAAS,EAAI,GAI/D,EAAE,iBAAc,eAAY,aAAU,qBAAkB,qBAAkB,EAAoB,EAChG,iBAHoB,IAA4B;EAAE,KAAK;EAAU,MAAM;CAAU,IAAI,KAAA,EAIzF,CAAC,GAEK,IAAqB,EAAuB;EAC9C;EACA,0BAA0B;EAC1B;EACA;EACA;CACJ,CAAC,GAEK,IAAgB,EAAY,OAAO,MAAkB;EACvD,IAAM,IAAW,EAAM,QAAO,MAAQ,EAAK,KAAK,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC;EAE9E,IAAI,EAAS,WAAW,GAAG;GAIvB,AAHA,kBAAmB,IAAI,IAAI,CAAC,GAC5B,EAA2B,IAAI,GAC/B,EAAuB,IAAI,GAC3B,EAAiB,IAAI;GACrB;EACJ;EAEA,IAAM,IAAe,EAAS,IACxB,IAAS,MAAM,EAAa,KAAK;EAEvC,IAAI,CAAC,EAA8B,CAAM,GAAG;GAUxC,AATA,EAAa,MACT,uGACA,EACI,OAAO,kBACX,CACJ,GACA,kBAAmB,IAAI,IAAI,CAAC,GAC5B,EAA2B,IAAI,GAC/B,EAAuB,IAAI,GAC3B,EAAiB,IAAI;GACrB;EACJ;EAQA,IAAM,IAAe,EAA2B,CAL5C;GACI,YAAY,EAAa;GACzB;EACJ,CAE4C,CAAO;EAKvD,AAHA,EAAmB,EAAa,eAAe,GAC/C,EAA2B,EAAa,uBAAuB,GAC/D,EAAuB,EAAa,mBAAmB,GACvD,EAAiB,EAAa,IAAI;CACtC,GAAG,CAAC,CAAC,GAEC,IAAiB,QAAkB;EAIrC,AAHA,kBAAmB,IAAI,IAAI,CAAC,GAC5B,EAA2B,IAAI,GAC/B,EAAuB,IAAI,GAC3B,EAAiB,IAAI;CACzB,GAAG,CAAC,CAAC;CAcL,OAAO,EACH,kBAAC,GAAD;EACI,WAAW;EACE,aAfc,EAAS,cAKtC,IAJA;GACI,KAAK,GAAG,EAAS,IAAI;GACrB,MAAM,GAAG,EAAS,KAAK;EAC3B,IAME;EAMyB;EACV;EACK;EACE;EACV;EACZ,WAAW;EACX,8BAA8B,GAAsB,MAAiB,CAAC,CAAa;EACnF,gCAAgC,GAAwB,MAAiB,CAAC,CAAa;EACvF,YAAY;EACM;CACrB,CAAA,GACD,CACJ;AACJ"}

package/components/animatedNumber/AnimatedNumber.js

@@ -1,30 +1,21 @@
-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}` });
+import e from "../../hooks/useInterval.js";
+import { forwardRef as t, useEffect as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/animatedNumber/AnimatedNumber.tsx
+var a = 10, o = t((t, o) => {
+	let { start: s, end: c, prefix: l = "", unit: u = "", speed: d = a, decreasing: f = !1, onEnd: p = () => {}, className: m = "", ...h } = t, [g, _] = r(s), v = f ? g > c : g < c;
+	return e(() => {
+		_((e) => f ? e - 1 : e + 1);
+	}, v ? d : null), n(() => {
+		v || p();
+	}), /* @__PURE__ */ i("span", {
+		ref: o,
+		...h,
+		className: m,
+		children: `${l}${g}${u}`
+	});
 });
-export {
-  b as AnimatedNumber,
-  b as default
-};
-//# sourceMappingURL=AnimatedNumber.js.map
+//#endregion
+export { o as AnimatedNumber, o as default };
+
+//# sourceMappingURL=AnimatedNumber.js.map

package/components/animatedNumber/AnimatedNumber.js.map

@@ -1 +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;"}
+{"version":3,"file":"AnimatedNumber.js","names":[],"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"],"mappings":";;;;AAIA,IAAM,IAAQ,IAgDD,IAAiB,GAAY,GAA4B,MAAuC;CACzG,IAAM,EACF,UACA,QACA,YAAS,IACT,UAAO,IACP,WAAQ,GACR,gBAAa,IACb,iBAAc,CAAC,GACf,eAAY,IACZ,GAAG,MACH,GAEE,CAAC,GAAO,KAAY,EAAS,CAAK,GAElC,IAAuB,IAAa,IAAQ,IAAM,IAAQ;CAehE,OAbA,QACU;EACF,GAAS,MAAiB,IAAa,IAAe,IAAI,IAAe,CAAE;CAC/E,GACA,IAAuB,IAAQ,IACnC,GAEA,QAAgB;EACZ,AAAK,KACD,EAAM;CAEd,CAAC,GAEM,kBAAC,QAAD;EAAW;EAAK,GAAI;EAA2B;YAAY,GAAG,IAAS,IAAQ;CAAa,CAAA;AACvG,CAAC"}

package/components/animatedTextReveal/AnimatedTextReveal.js

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

package/components/animatedTextReveal/AnimatedTextReveal.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedTextReveal.js","sources":["../../../src/components/animatedTextReveal/AnimatedTextReveal.tsx"],"sourcesContent":["import type React from 'react';\nimport { useMemo, useRef, useState } from 'react';\nimport { AnimatePresence, motion, useInView, useReducedMotion, type UseInViewOptions } from 'motion/react';\n\nimport useInterval from '../../hooks/useInterval';\nimport classNames from '../../utils/classNames';\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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"}
+{"version":3,"file":"AnimatedTextReveal.js","names":[],"sources":["../../../src/components/animatedTextReveal/AnimatedTextReveal.tsx"],"sourcesContent":["import type React from 'react';\nimport { useMemo, useRef, useState } from 'react';\nimport { AnimatePresence, motion, useInView, useReducedMotion, type UseInViewOptions } from 'motion/react';\n\nimport useInterval from '../../hooks/useInterval';\nimport classNames from '../../utils/classNames';\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"],"mappings":";;;;;;AAOA,IAAM,IAA0B,IAC1B,IAAuB,GACvB,IAA0B,IAC1B,IAAwB,WACxB,IAA0B,GAE1B,IAA2B,GAC3B,IAAwB,GACxB,IAAyB,GAqJzB,KAAY,MAAkB;CAChC,QAAQ,GAAR;EACI,KAAK;EACL,KAAK,SACD,OAAO,eAAe,EAAM;EAChC,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,WACD,OAAO,eAAe,EAAM;EAChC,KAAK,QACD,OAAO;EACX,SACI,OAAO,cAAc,EAAM;CACnC;AACJ,GAEa,KAAsB,MAAmC;CAClE,IAAM,EACF,SACA,cAAW,GACX,WAAQ,GACR,cAAW,GACX,cAAW,GACX,UAAO,GACP,iBAAc,IACd,UAAO,IACP,iBAEA,aAAU,IACV,qBAAkB,GAClB,kBAAe,GACf,mBAAgB,GAChB,mBAAgB,IAChB,kBAAe,WACf,eAAY,WAEZ,oBAAiB,IACjB,eAAY,OACZ,GAEE,IAAa,EAAuB,IAAI,GACxC,IAAW,EAAU,GAAY;EAAE;EAAM,QAAQ;CAAa,CAAC,GAC/D,IAAiB,EAAiB,GAElC,CAAC,GAAc,KAAmB,EAAS,CAAC,GAE5C,IAAU,MAAM,QAAQ,CAAI,IAAI,IAAO,CAAC,CAAI,GAC5C,IAAc,EAAQ,MAAiB,IAEvC,IAAY,MAAM,QAAQ,CAAI,IAAI,GAAG,EAAa,GAAG,MAAgB,QAAQ;CAEnF,QAAkB;EACd,GAAgB,OAAS,IAAO,KAAK,EAAQ,MAAM;CACvD,GAAG,IAAW,GAAI;CAGlB,IAAM,IAAgB,QAAc,EAAY,SAAS,GAAe,CAAC,GAAa,CAAa,CAAC,GAG9F,IAAgB,CAAC,KAAe,GAEhC,IAAiB;EACnB,kBAAkB,GAAG,EAAgB;EACrC,eAAe,GAAG,EAAa;EAC/B,oBAAoB,IAAgB,aAAa;EACjD,gBAAgB,GAAG,EAAc;EACjC,oBAAoB,EAAS,CAAS;EACtC,uBAAuB,EAAS,CAAY;CAChD;CAEA,OACI,kBAAC,OAAD;EAAK,KAAK;EAAY,WAAW,EAAW,qBAAqB,CAAS;EAAU;EAAO,aAAU;YACjG,kBAAC,GAAD;GAAiB,MAAK;GAAO,SAAS;aAClC,kBAAC,EAAO,KAAR;IAEI,WAAW,EACP,wBACA,qBACA,KAAW,KAAiB,eAC5B,CACJ;IACO;IACP,SAAS;KACL,SAAS;KACT,GAAG,IAAiB,IAAI;IAC5B;IACA,SACI,IACM;KAAE,SAAS;KAAG,GAAG;IAAE,IACnB;KAAE,SAAS;KAAwB,GAAG,IAAiB,IAAI;IAAS;IAE9E,MAAM;KAAE,SAAS;KAAG,GAAG;IAAI;IAC3B,YAAY;KACR;KACA;KACA;IACJ;cAEC;GACO,GAzBH,CAyBG;EACC,CAAA;CAChB,CAAA;AAEb"}

package/components/applicationHeader/AppMenu.js

@@ -1,25 +1,25 @@
-import { jsx as n } from "react/jsx-runtime";
-import i from "../../utils/classNames.js";
-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",
-    a && "hasModules",
-    !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 }) }) });
+import e from "../../utils/classNames.js";
+import { AppMenuDropdown as t } from "./AppMenuDropdown.js";
+import n from "./AppMenuContent.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/applicationHeader/AppMenu.tsx
+var i = (i) => {
+	let { label: a = "Unknown", appMenuItems: o = [], appNavigatorClassName: s, appNavigator: c, onToggleAppMenu: l, ...u } = i, d = !!(o?.length || c), f = e("ModuleNavigation AppMenu", "user-select-none", d && "hasModules", !c && "pointer-events-none", s && s);
+	return /* @__PURE__ */ r("ul", {
+		...u,
+		className: f,
+		children: /* @__PURE__ */ r(t, {
+			title: a,
+			caret: d,
+			onToggleAppMenu: l,
+			children: c && /* @__PURE__ */ r(n, {
+				appMenuItems: o,
+				appNavigator: c
+			})
+		})
+	});
 };
-export {
-  f as default
-};
-//# sourceMappingURL=AppMenu.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=AppMenu.js.map

package/components/applicationHeader/AppMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppMenu.js","sources":["../../../src/components/applicationHeader/AppMenu.tsx"],"sourcesContent":["import type React from 'react';\n\nimport classNames from '../../utils/classNames';\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        hasItems && 'hasModules',\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,IACAF,KAAY;AAAA,IACZ,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;"}
+{"version":3,"file":"AppMenu.js","names":[],"sources":["../../../src/components/applicationHeader/AppMenu.tsx"],"sourcesContent":["import type React from 'react';\n\nimport classNames from '../../utils/classNames';\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        hasItems && 'hasModules',\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"],"mappings":";;;;;AAgBA,IAAM,KAAW,MAAwB;CACrC,IAAM,EACF,WAAQ,WACR,kBAAe,CAAC,GAChB,0BACA,iBACA,oBACA,GAAG,MACH,GAEE,IAAW,CAAC,EAAE,GAAc,UAAU,IAEtC,IAAoB,EACtB,4BACA,oBACA,KAAY,cACZ,CAAC,KAAgB,uBACjB,KAAyB,CAC7B;CAEA,OACI,kBAAC,MAAD;EAAI,GAAI;EAAgB,WAAW;YAC/B,kBAAC,GAAD;GAAiB,OAAO;GAAO,OAAO;GAA2B;aAC5D,KAAgB,kBAAC,GAAD;IAA8B;IAA4B;GAAe,CAAA;EAC7E,CAAA;CACjB,CAAA;AAEZ"}

package/components/applicationHeader/AppMenuContent.js

@@ -1,9 +1,16 @@
-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}`)) });
+import { Fragment as e, jsx as t } from "react/jsx-runtime";
+//#region src/components/applicationHeader/AppMenuContent.tsx
+var n = (n) => {
+	let { appMenuItems: r, appNavigator: i } = n;
+	return i ? /* @__PURE__ */ t("li", {
+		role: "presentation",
+		children: i
+	}, "app-navigator") : /* @__PURE__ */ t(e, { children: r.map((e) => /* @__PURE__ */ t("li", {
+		role: "presentation",
+		children: e.route
+	}, `link-icon-${e.key}`)) });
 };
-export {
-  p as default
-};
-//# sourceMappingURL=AppMenuContent.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=AppMenuContent.js.map

package/components/applicationHeader/AppMenuContent.js.map

@@ -1 +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                <li role='presentation' key={`link-icon-${module.key}`}>\n                    {module.route}\n                </li>\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,wBACb,MAAA,EAAG,MAAK,gBACJ,UAAAA,EAAO,SADiB,aAAaA,EAAO,GAAG,EAEpD,CACH,GACL;AAER;"}
+{"version":3,"file":"AppMenuContent.js","names":[],"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                <li role='presentation' key={`link-icon-${module.key}`}>\n                    {module.route}\n                </li>\n            ))}\n        </>\n    );\n};\n\nexport default AppMenuContent;\n"],"mappings":";;AASA,IAAM,KAAkB,MAA+B;CACnD,IAAM,EAAE,iBAAc,oBAAiB;CAavC,OATI,IAEI,kBAAC,MAAD;EAAI,MAAK;YACJ;CACD,GAFwB,eAExB,IAMR,kBAAA,GAAA,EAAA,UACK,EAAa,KAAI,MACd,kBAAC,MAAD;EAAI,MAAK;YACJ,EAAO;CACR,GAFyB,aAAa,EAAO,KAE7C,CACP,EACH,CAAA;AAEV"}