@sybilion/uilib 1.3.23 → 1.3.26

package/dist/esm/components/ui/TextWithDeferTooltip/TextWithDeferTooltip.js

@@ -4,43 +4,19 @@ import { Tooltip, TooltipTrigger, TooltipContent } from '../Tooltip/Tooltip.js';
 
 function TextWithDeferTooltip({ className, children, width, maxWidth, side = 'bottom', overTrigger = false, ...props }) {
     const [withTooltip, setWithTooltip] = useState(false);
-    const [tooltipStyles, setTooltipStyles] = useState({});
     const ref = useRef(null);
-    const cachedFontSizeRef = useRef(null);
     const handleMouseEnter = () => {
         if (!ref.current)
             return;
         const isOverflowingHorizontally = ref.current.scrollWidth - ref.current.clientWidth > 3;
         const isOverflowingVertically = ref.current.scrollHeight - ref.current.clientHeight > 3;
         if (isOverflowingHorizontally || isOverflowingVertically) {
-            const styles = {
-                fontSize: cachedFontSizeRef.current || undefined,
-            };
-            if (ref.current) {
-                const { width: rectWidth, left, top, } = ref.current.getBoundingClientRect();
-                styles.width = `${width ?? rectWidth}px`;
-                if (!cachedFontSizeRef.current) {
-                    const { fontSize } = window.getComputedStyle(ref.current);
-                    cachedFontSizeRef.current = fontSize;
-                    styles.fontSize = fontSize;
-                }
-                if (overTrigger) {
-                    styles.transform = `translate(${left}px, ${top}px) !important`;
-                    // styles.translateX = `${left}px`;
-                    // styles.translateY = `${top}px`;
-                }
-            }
-            setTooltipStyles(styles);
             setWithTooltip(true);
         }
     };
     const textElement = (jsx("div", { ref: ref, className: className, onMouseEnter: handleMouseEnter, ...props, children: children }));
     if (withTooltip) {
-        const tooltipSide = overTrigger ? 'bottom' : side;
-        return (jsxs(Tooltip, { open: withTooltip, onOpenChange: setWithTooltip, children: [jsx(TooltipTrigger, { asChild: true, children: textElement }), jsx(TooltipContent, { side: tooltipSide, style: {
-                        ...(maxWidth !== undefined && { maxWidth: `${maxWidth}px` }),
-                        ...tooltipStyles,
-                    }, children: children })] }));
+        return (jsxs(Tooltip, { open: withTooltip, onOpenChange: setWithTooltip, children: [jsx(TooltipTrigger, { asChild: true, children: textElement }), jsx(TooltipContent, { side: side, overTrigger: overTrigger, maxWidth: maxWidth, style: width !== undefined ? { width: `${width}px` } : undefined, children: children })] }));
     }
     return textElement;
 }

package/dist/esm/components/ui/Tooltip/Tooltip.js

@@ -1,22 +1,107 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import cn from 'classnames';
+import { createContext, useRef, useMemo, useContext, useCallback, useLayoutEffect } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import S from './Tooltip.styl.js';
 
+const TooltipContext = createContext(null);
+function composeRefs(...refs) {
+    return (node) => {
+        for (const ref of refs) {
+            if (typeof ref === 'function') {
+                ref(node);
+            }
+            else if (ref) {
+                ref.current = node;
+            }
+        }
+    };
+}
+function getPopperWrapper(contentEl) {
+    const wrapper = contentEl.parentElement;
+    if (!wrapper?.hasAttribute('data-radix-popper-content-wrapper'))
+        return null;
+    return wrapper;
+}
+const OVER_TRIGGER_OFFSET = { left: -10, top: -6 };
+function applyOverTriggerStyles(contentEl, triggerEl) {
+    const wrapper = getPopperWrapper(contentEl);
+    if (!wrapper)
+        return;
+    const rect = triggerEl.getBoundingClientRect();
+    const computed = window.getComputedStyle(triggerEl);
+    wrapper.style.setProperty('position', 'fixed', 'important');
+    wrapper.style.setProperty('left', `${rect.left + OVER_TRIGGER_OFFSET.left}px`, 'important');
+    wrapper.style.setProperty('top', `${rect.top + OVER_TRIGGER_OFFSET.top}px`, 'important');
+    wrapper.style.setProperty('transform', 'none', 'important');
+    wrapper.style.setProperty('min-width', '0', 'important');
+    wrapper.style.setProperty('width', `${rect.width}px`, 'important');
+    contentEl.style.width = '100%';
+    contentEl.style.boxSizing = 'border-box';
+    contentEl.style.fontSize = computed.fontSize;
+    contentEl.style.lineHeight = computed.lineHeight;
+}
+function clearOverTriggerStyles(contentEl) {
+    if (!contentEl)
+        return;
+    const wrapper = getPopperWrapper(contentEl);
+    if (!wrapper)
+        return;
+    wrapper.style.removeProperty('position');
+    wrapper.style.removeProperty('left');
+    wrapper.style.removeProperty('top');
+    wrapper.style.removeProperty('transform');
+    wrapper.style.removeProperty('min-width');
+    wrapper.style.removeProperty('width');
+    contentEl.style.removeProperty('width');
+    contentEl.style.removeProperty('box-sizing');
+    contentEl.style.removeProperty('font-size');
+    contentEl.style.removeProperty('line-height');
+}
 function TooltipProvider({ delayDuration = 0, ...props }) {
     return (jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
 }
-function Tooltip(props) {
-    return (jsx(TooltipProvider, { children: jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) }));
+function Tooltip({ children, ...props }) {
+    const triggerRef = useRef(null);
+    const contextValue = useMemo(() => ({ triggerRef }), []);
+    return (jsx(TooltipProvider, { children: jsx(TooltipContext.Provider, { value: contextValue, children: jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props, children: children }) }) }));
 }
-function TooltipTrigger({ ...props }) {
-    return jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+function TooltipTrigger({ ref, ...props }) {
+    const context = useContext(TooltipContext);
+    return (jsx(TooltipPrimitive.Trigger, { ref: context ? composeRefs(context.triggerRef, ref) : ref, "data-slot": "tooltip-trigger", ...props }));
 }
-function TooltipContent({ className, sideOffset = 0, children, maxWidth, ...props }) {
-    const style = { ...props.style };
+function TooltipContent({ className, sideOffset = 0, children, maxWidth, overTrigger = false, align, side, avoidCollisions, style: styleProp, ...props }) {
+    const context = useContext(TooltipContext);
+    const contentRef = useRef(null);
+    const updateOverTriggerPosition = useCallback(() => {
+        const triggerEl = context?.triggerRef.current;
+        const contentEl = contentRef.current;
+        if (!overTrigger || !triggerEl || !contentEl)
+            return;
+        applyOverTriggerStyles(contentEl, triggerEl);
+    }, [context, overTrigger]);
+    useLayoutEffect(() => {
+        if (!overTrigger)
+            return;
+        let frameId = 0;
+        const tick = () => {
+            updateOverTriggerPosition();
+            frameId = requestAnimationFrame(tick);
+        };
+        tick();
+        window.addEventListener('scroll', updateOverTriggerPosition, true);
+        window.addEventListener('resize', updateOverTriggerPosition);
+        return () => {
+            cancelAnimationFrame(frameId);
+            window.removeEventListener('scroll', updateOverTriggerPosition, true);
+            window.removeEventListener('resize', updateOverTriggerPosition);
+            clearOverTriggerStyles(contentRef.current);
+        };
+    }, [overTrigger, updateOverTriggerPosition]);
+    const style = { ...styleProp };
     if (maxWidth)
         style.maxWidth = `${maxWidth}px`;
-    return (jsx(TooltipPrimitive.Portal, { children: jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn(S.tooltipContent, className), ...props, style: style, children: [children, jsx(TooltipPrimitive.Arrow, { className: S.tooltipArrow })] }) }));
+    return (jsx(TooltipPrimitive.Portal, { children: jsxs(TooltipPrimitive.Content, { ref: contentRef, "data-slot": "tooltip-content", side: overTrigger ? 'bottom' : side, align: overTrigger ? 'start' : align, sideOffset: overTrigger ? 0 : sideOffset, avoidCollisions: overTrigger ? false : avoidCollisions, className: cn(S.tooltipContent, overTrigger && S.tooltipContentOverTrigger, className), ...props, style: style, children: [children, !overTrigger && jsx(TooltipPrimitive.Arrow, { className: S.tooltipArrow })] }) }));
 }
 
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/esm/components/ui/Tooltip/Tooltip.styl.js

@@ -1,7 +1,7 @@
 import styleInject from 'style-inject';
 
-var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.Tooltip_tooltipContent__b3pS-{backdrop-filter:blur(10px);background-color:var(--popover);border:1px solid var(--border);border-radius:.375rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);color:var(--popover-foreground);font-size:12px;padding:6px 12px;text-wrap:balance;transform-origin:var(--radix-tooltip-content-transform-origin);width:-moz-fit-content;width:fit-content;word-break:break-word;z-index:50}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open],.Tooltip_tooltipContent__b3pS-[data-state=instant-open],.Tooltip_tooltipContent__b3pS-[data-state=open]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=closed]{animation:Tooltip_fade-out__UOBET .1s ease-in,Tooltip_zoom-out__fodOk .1s ease-in}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=bottom],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=bottom],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=bottom]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-top-2__8uuS- .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=left],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=left],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=left]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-right-2__Uu79F .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=right],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=right],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=right]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-left-2__23kHm .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=top],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=top],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=top]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-bottom-2__O-Aa8 .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=bottom],.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=left],.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=right],.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=top]{animation:Tooltip_fade-out__UOBET .1s ease-in,Tooltip_zoom-out__fodOk .1s ease-in}.Tooltip_tooltipArrow__87DVL{background-color:var(--popover);border-bottom:1px solid var(--border);border-left-width:1px;border-left:0 solid var(--border);border-radius:2px;border-right:1px solid var(--border);border-top-width:1px;border-top:0 solid var(--border);fill:var(--popover);height:10px;transform:translateY(calc(-50% + .5px)) rotate(45deg);width:10px;z-index:50}@keyframes Tooltip_fade-in__ZQqZv{0%{opacity:0}to{opacity:1}}@keyframes Tooltip_fade-out__UOBET{0%{opacity:1}to{opacity:0}}@keyframes Tooltip_zoom-in__SbWQb{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes Tooltip_zoom-out__fodOk{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes Tooltip_slide-in-from-top-2__8uuS-{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes Tooltip_slide-in-from-right-2__Uu79F{0%{opacity:0;transform:translateX(.5rem)}to{opacity:1;transform:translateX(0)}}@keyframes Tooltip_slide-in-from-left-2__23kHm{0%{opacity:0;transform:translateX(-.5rem)}to{opacity:1;transform:translateX(0)}}@keyframes Tooltip_slide-in-from-bottom-2__O-Aa8{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}";
-var S = {"tooltipContent":"Tooltip_tooltipContent__b3pS-","fade-in":"Tooltip_fade-in__ZQqZv","zoom-in":"Tooltip_zoom-in__SbWQb","fade-out":"Tooltip_fade-out__UOBET","zoom-out":"Tooltip_zoom-out__fodOk","slide-in-from-top-2":"Tooltip_slide-in-from-top-2__8uuS-","slide-in-from-right-2":"Tooltip_slide-in-from-right-2__Uu79F","slide-in-from-left-2":"Tooltip_slide-in-from-left-2__23kHm","slide-in-from-bottom-2":"Tooltip_slide-in-from-bottom-2__O-Aa8","tooltipArrow":"Tooltip_tooltipArrow__87DVL"};
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.Tooltip_tooltipContent__b3pS-{backdrop-filter:blur(10px);background-color:var(--popover);border:1px solid var(--border);border-radius:.375rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);color:var(--popover-foreground);font-size:12px;padding:6px 12px;text-wrap:balance;transform-origin:var(--radix-tooltip-content-transform-origin);width:-moz-fit-content;width:fit-content;word-break:break-word;z-index:50}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open],.Tooltip_tooltipContent__b3pS-[data-state=instant-open],.Tooltip_tooltipContent__b3pS-[data-state=open]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=closed]{animation:Tooltip_fade-out__UOBET .1s ease-in,Tooltip_zoom-out__fodOk .1s ease-in}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=bottom],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=bottom],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=bottom]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-top-2__8uuS- .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=left],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=left],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=left]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-right-2__Uu79F .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=right],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=right],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=right]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-left-2__23kHm .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=delayed-open][data-side=top],.Tooltip_tooltipContent__b3pS-[data-state=instant-open][data-side=top],.Tooltip_tooltipContent__b3pS-[data-state=open][data-side=top]{animation:Tooltip_fade-in__ZQqZv .15s ease-out,Tooltip_zoom-in__SbWQb .15s ease-out,Tooltip_slide-in-from-bottom-2__O-Aa8 .15s ease-out}.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=bottom],.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=left],.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=right],.Tooltip_tooltipContent__b3pS-[data-state=closed][data-side=top]{animation:Tooltip_fade-out__UOBET .1s ease-in,Tooltip_zoom-out__fodOk .1s ease-in}.Tooltip_tooltipContentOverTrigger__VQAU3{box-sizing:border-box;height:auto}.Tooltip_tooltipContentOverTrigger__VQAU3[data-state=delayed-open],.Tooltip_tooltipContentOverTrigger__VQAU3[data-state=instant-open],.Tooltip_tooltipContentOverTrigger__VQAU3[data-state=open]{animation:Tooltip_fade-in__ZQqZv .15s ease-out}.Tooltip_tooltipContentOverTrigger__VQAU3[data-state=closed]{animation:Tooltip_fade-out__UOBET .1s ease-in}.Tooltip_tooltipArrow__87DVL{background-color:var(--popover);border-bottom:1px solid var(--border);border-left-width:1px;border-left:0 solid var(--border);border-radius:2px;border-right:1px solid var(--border);border-top-width:1px;border-top:0 solid var(--border);fill:var(--popover);height:10px;transform:translateY(calc(-50% + .5px)) rotate(45deg);width:10px;z-index:50}@keyframes Tooltip_fade-in__ZQqZv{0%{opacity:0}to{opacity:1}}@keyframes Tooltip_fade-out__UOBET{0%{opacity:1}to{opacity:0}}@keyframes Tooltip_zoom-in__SbWQb{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes Tooltip_zoom-out__fodOk{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes Tooltip_slide-in-from-top-2__8uuS-{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes Tooltip_slide-in-from-right-2__Uu79F{0%{opacity:0;transform:translateX(.5rem)}to{opacity:1;transform:translateX(0)}}@keyframes Tooltip_slide-in-from-left-2__23kHm{0%{opacity:0;transform:translateX(-.5rem)}to{opacity:1;transform:translateX(0)}}@keyframes Tooltip_slide-in-from-bottom-2__O-Aa8{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}";
+var S = {"tooltipContent":"Tooltip_tooltipContent__b3pS-","fade-in":"Tooltip_fade-in__ZQqZv","zoom-in":"Tooltip_zoom-in__SbWQb","fade-out":"Tooltip_fade-out__UOBET","zoom-out":"Tooltip_zoom-out__fodOk","slide-in-from-top-2":"Tooltip_slide-in-from-top-2__8uuS-","slide-in-from-right-2":"Tooltip_slide-in-from-right-2__Uu79F","slide-in-from-left-2":"Tooltip_slide-in-from-left-2__23kHm","slide-in-from-bottom-2":"Tooltip_slide-in-from-bottom-2__O-Aa8","tooltipContentOverTrigger":"Tooltip_tooltipContentOverTrigger__VQAU3","tooltipArrow":"Tooltip_tooltipArrow__87DVL"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/components/widgets/DriversComparisonChart/DriversComparisonChart.js

@@ -10,8 +10,7 @@ import '../../ui/Sidebar/Sidebar.js';
 import 'lucide-react';
 import '../../ui/Page/Breadcrumbs/Breadcrumbs.styl.js';
 import '../../ui/Page/pageContext.js';
-import '@radix-ui/react-tooltip';
-import '../../ui/Tooltip/Tooltip.styl.js';
+import '../../ui/Tooltip/Tooltip.js';
 import '../../ui/Page/PageHeader/PageHeader.styl.js';
 import '../../ui/Page/PageEmptyCanvas/PageEmptyCanvas.styl.js';
 import '../../ui/Page/PageContent/PageContent.styl.js';

package/dist/esm/components/widgets/PerformanceChart/HorizonsSelector/HorizonsSelector.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Tabs, TabsList, TabsTrigger } from '../../../ui/Tabs/Tabs.js';
+import { useThrottledCallback } from '../../../../hooks/useThrottledCallback.js';
+import S from './HorizonsSelector.styl.js';
+
+function HorizonsSelector({ selectedHorizon, onHorizonChange, availableHorizons, }) {
+    const horizons = useMemo(() => {
+        return availableHorizons
+            .sort((a, b) => {
+            // Sort by horizon number: horizon_1, horizon_2, etc.
+            const numA = parseInt(a.replace('horizon_', ''), 10);
+            const numB = parseInt(b.replace('horizon_', ''), 10);
+            return numA - numB;
+        })
+            .map(horizon => {
+            const num = horizon.replace('horizon_', '');
+            return {
+                value: horizon,
+                label: num,
+            };
+        });
+    }, [availableHorizons]);
+    const onChangeThrottled = useThrottledCallback(onHorizonChange, 300);
+    if (horizons.length === 0) {
+        return null;
+    }
+    return (jsxs("div", { className: S.root, children: [jsx("span", { className: S.horizonsLabel, children: "Planning horizon in months:" }), jsx(Tabs, { value: selectedHorizon, onValueChange: onHorizonChange, variant: "button", children: jsx(TabsList, { children: horizons.map(horizon => (jsx(TabsTrigger, { value: horizon.value, onPointerMove: () => {
+                            if (selectedHorizon !== horizon.value)
+                                onChangeThrottled(horizon.value);
+                        }, children: horizon.label }, horizon.value))) }) })] }));
+}
+
+export { HorizonsSelector };

package/dist/esm/components/widgets/PerformanceChart/HorizonsSelector/HorizonsSelector.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.HorizonsSelector_root__r5vAR{align-items:center;display:flex;flex-grow:1;gap:var(--p-4);justify-content:flex-end}.HorizonsSelector_horizonsLabel__-OzSL{color:var(--foreground);font-size:14px;font-weight:500}.HorizonsSelector_horizonsButtons__Z0aVg{display:flex;gap:var(--p-2)}.HorizonsSelector_horizonButton__YYpIJ{min-width:40px}.HorizonsSelector_infoIcon__7p03J{font-size:12px;margin-left:4px;opacity:.6}";
+var S = {"root":"HorizonsSelector_root__r5vAR","horizonsLabel":"HorizonsSelector_horizonsLabel__-OzSL","horizonsButtons":"HorizonsSelector_horizonsButtons__Z0aVg","horizonButton":"HorizonsSelector_horizonButton__YYpIJ","infoIcon":"HorizonsSelector_infoIcon__7p03J"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/widgets/PerformanceChart/PerformanceChart.constants.js

@@ -0,0 +1,17 @@
+const MONTHS_24 = 24;
+const MONTH_NAMES = [
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Oct',
+    'Nov',
+    'Dec',
+];
+
+export { MONTHS_24, MONTH_NAMES };