@qoretechnologies/reqore 0.67.6 → 0.68.1

package/dist/esm/components/Tier/index.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { isNumber } from 'lodash';
+import { memo, useMemo } from 'react';
+import ReqoreButton, { ButtonBadge } from '../Button';
+import ReqoreControlGroup from '../ControlGroup';
+import { ReqoreH1 } from '../Header';
+import ReqoreIcon from '../Icon';
+import { ReqorePanel } from '../Panel';
+import { ReqoreP } from '../Paragraph';
+import { ReqoreVerticalSpacer } from '../Spacer';
+export const ReqoreTier = memo(({ currency, currencyPosition = 'before', priceDetail, description, price, actionButtonProps, name, nameDetail, badge, featureList, highlight, salePrice, active, ...rest }) => {
+    const style = useMemo(() => {
+        return {
+            transform: `scale(${highlight ? 1.05 : 1})`,
+            ...rest.style,
+        };
+    }, [rest.style]);
+    const contentEffect = useMemo(() => ({
+        gradient: {
+            type: 'linear',
+            direction: 'to right bottom',
+            animate: highlight ? 'always' : 'never',
+            animationSpeed: 5,
+            colors: {
+                0: highlight ? 'main:darken:3' : 'transparent',
+                150: highlight ? 'info:darken:7:0.8' : 'main:darken:5',
+            },
+        },
+        ...rest.contentEffect,
+    }), [highlight, rest.contentEffect]);
+    return (_jsxs(ReqorePanel, { intent: highlight ? 'info' : undefined, ...rest, style: style, contentEffect: contentEffect, children: [_jsx(ReqoreVerticalSpacer, { height: 20 }), badge && (_jsxs(_Fragment, { children: [_jsx(ButtonBadge, { content: badge }), _jsx(ReqoreVerticalSpacer, { height: 10 })] })), _jsxs(ReqoreControlGroup, { horizontalAlign: 'center', vertical: true, gapSize: 'big', children: [_jsxs(ReqoreControlGroup, { horizontalAlign: 'center', vertical: true, gapSize: 'tiny', children: [_jsx(ReqoreP, { effect: { uppercase: true, weight: 'bold' }, size: 'big', children: name }), nameDetail && (_jsx(ReqoreP, { intent: 'muted', effect: { uppercase: true }, size: 'small', children: nameDetail }))] }), _jsxs(ReqoreControlGroup, { vertical: true, horizontalAlign: 'center', gapSize: 'tiny', children: [salePrice && (_jsxs(ReqoreP, { effect: {
+                                    uppercase: true,
+                                    weight: 'thick',
+                                    textSize: '40px',
+                                    color: 'success:lighten:15:1',
+                                }, children: [currency && currencyPosition === 'before' && isNumber(salePrice)
+                                        ? currency
+                                        : undefined, salePrice, currency && currencyPosition === 'after' && isNumber(salePrice)
+                                        ? currency
+                                        : undefined] })), _jsxs(ReqoreH1, { effect: {
+                                    weight: 'thick',
+                                    textSize: salePrice ? '20px' : '40px',
+                                    lineThrough: salePrice ? '1px solid line-through red' : undefined,
+                                    opacity: salePrice ? 0.5 : 1,
+                                }, children: [currency && currencyPosition === 'before' && isNumber(price) ? currency : undefined, price, currency && currencyPosition === 'after' && isNumber(price) ? currency : undefined] }), priceDetail && (_jsx(ReqoreP, { intent: 'muted', size: 'small', effect: { uppercase: true }, children: priceDetail }))] }), description && (_jsx(ReqoreP, { style: { textAlign: 'center', padding: '0 20px' }, children: description })), _jsx(ReqoreControlGroup, { fluid: true, horizontalAlign: 'center', children: _jsx(ReqoreButton, { minimal: true, textAlign: 'center', iconsAlign: 'center', intent: active ? 'success' : 'info', labelEffect: { uppercase: true, weight: 'thick', textSize: 'small' }, size: 'big', fluid: true, pill: true, label: active ? 'Active' : 'Get Started', icon: active ? 'CheckLine' : undefined, ...actionButtonProps, readOnly: active }) })] }), _jsx(ReqoreVerticalSpacer, { height: 20 }), _jsx(ReqoreControlGroup, { vertical: true, children: featureList &&
+                    featureList.map(({ icon, content, iconProps, rightIcon, rightIconProps, ...contentProps }, index) => (_jsxs(ReqoreControlGroup, { spaceBetween: true, fluid: true, children: [_jsx(ReqoreIcon, { icon: icon || 'CheckLine', intent: 'success', ...iconProps }), _jsx(ReqoreP, { ...contentProps, children: content }), _jsx(ReqoreIcon, { icon: rightIcon, ...rightIconProps })] }, index))) })] }));
+});
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Tier/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tier/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/TimeAgo/index.js

@@ -0,0 +1,19 @@
+import timeago from 'epoch-timeago';
+import { useState } from 'react';
+import { useInterval } from 'react-use';
+import { getTimeAgoIntervalDelay } from '../../helpers/time';
+export const TimeAgo = ({ time, emptyMessage = null, invalidMessage = 'Invalid Date', }) => {
+    const setUpdate = useState(Date.now());
+    const _time = typeof time === 'number' ? time : Date.parse(time);
+    useInterval(() => {
+        setUpdate[1](Date.now());
+    }, getTimeAgoIntervalDelay(_time));
+    if (!time) {
+        return emptyMessage;
+    }
+    if (isNaN(_time)) {
+        return invalidMessage;
+    }
+    return timeago(_time);
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/TimeAgo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TimeAgo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,IAAI,EACJ,YAAY,GAAG,IAAI,EACnB,cAAc,GAAG,cAAc,GAKhC,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,QAAQ,CAAS,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEjE,WAAW,CAAC,GAAG,EAAE;QACf,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAC3B,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,YAAY,CAAC;KACrB;IAED,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;QAChB,OAAO,cAAc,CAAC;KACvB;IAED,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;AACxB,CAAC,CAAC"}

package/dist/esm/components/Timeline/index.js

@@ -0,0 +1,271 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { rgba } from 'polished';
+import { forwardRef, memo, useCallback, useState } from 'react';
+import styled, { css } from 'styled-components';
+import { GAP_FROM_SIZE, ICON_FROM_SIZE, PADDING_FROM_SIZE, RADIUS_FROM_SIZE, TEXT_FROM_SIZE, } from '../../constants/sizes';
+import { changeLightness, getReadableColor } from '../../helpers/colors';
+import { getOneLessSize } from '../../helpers/utils';
+import { useReqoreProperty } from '../../hooks/useReqoreContext';
+import { useReqoreTheme } from '../../hooks/useTheme';
+import ReqoreControlGroup from '../ControlGroup';
+import ReqoreIcon from '../Icon';
+import { ReqoreP } from '../Paragraph';
+import { ReqoreSpan } from '../Span';
+import ReqoreTag from '../Tag';
+import ReqoreTagGroup from '../Tag/group';
+import { TimeAgo } from '../TimeAgo';
+import { ReqoreTooltipComponent } from '../TooltipComponent';
+// Size of the timeline marker (icon container) - made smaller
+const MARKER_SIZE_FROM_SIZE = {
+    micro: 14,
+    tiny: 18,
+    small: 22,
+    normal: 26,
+    big: 32,
+    huge: 40,
+    massive: 50,
+};
+// Line width for the connector
+const LINE_WIDTH_FROM_SIZE = {
+    micro: 1,
+    tiny: 1,
+    small: 2,
+    normal: 2,
+    big: 2,
+    huge: 3,
+    massive: 3,
+};
+const StyledTimeline = styled.ol `
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: ${({ direction }) => (direction === 'horizontal' ? 'row' : 'column')};
+  width: ${({ fluid, direction }) => direction === 'horizontal' ? '100%' : fluid ? '100%' : 'auto'};
+  ${({ direction }) => direction === 'horizontal' &&
+    css `
+      align-items: flex-start;
+    `}
+`;
+const StyledTimelineItem = styled.li `
+  display: flex;
+  position: relative;
+
+  ${({ direction, theme, size, isLast }) => direction === 'horizontal' &&
+    css `
+      flex-direction: column;
+      align-items: center;
+      flex: 1 1 0;
+      min-width: 0;
+      text-align: center;
+
+      /* Connector line to the next item. Each item is the same flex width, so the line
+         starts at the right edge of this item's marker and ends at the left edge of the
+         next item's marker — distance = item_width - marker_size. */
+      &::after {
+        content: '';
+        position: absolute;
+        top: ${MARKER_SIZE_FROM_SIZE[size] / 2 - LINE_WIDTH_FROM_SIZE[size] / 2}px;
+        left: calc(50% + ${MARKER_SIZE_FROM_SIZE[size] / 2}px);
+        width: calc(100% - ${MARKER_SIZE_FROM_SIZE[size]}px);
+        height: ${LINE_WIDTH_FROM_SIZE[size]}px;
+        background-color: ${rgba(changeLightness(theme.main, 0.1), 0.4)};
+        ${isLast &&
+        css `
+          display: none;
+        `}
+      }
+    `}
+
+  ${({ disabled }) => disabled &&
+    css `
+      opacity: 0.5;
+      pointer-events: none;
+    `}
+
+  ${({ isClickable, theme }) => isClickable &&
+    css `
+      cursor: pointer;
+
+      &:hover .reqore-timeline-marker {
+        background-color: ${rgba(changeLightness(theme.main, 0.1), 0.3)};
+        transform: scale(1.1);
+      }
+
+      &:focus-visible {
+        outline: 2px solid ${changeLightness(theme.main, 0.2)};
+        outline-offset: 2px;
+        border-radius: ${RADIUS_FROM_SIZE.normal}px;
+      }
+    `}
+`;
+const StyledTimelineMarkerWrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex-shrink: 0;
+  width: ${({ size }) => MARKER_SIZE_FROM_SIZE[size]}px;
+  margin-right: ${({ direction, size }) => direction === 'horizontal' ? 0 : `${PADDING_FROM_SIZE[size]}px`};
+  position: relative;
+`;
+const StyledTimelineMarker = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${({ size }) => MARKER_SIZE_FROM_SIZE[size]}px;
+  height: ${({ size }) => MARKER_SIZE_FROM_SIZE[size]}px;
+  border-radius: 50%;
+  background-color: ${({ theme, hasIntent }) => hasIntent ? rgba(theme.main, 0.2) : rgba(changeLightness(theme.main, 0.1), 0.2)};
+  border: ${({ size }) => LINE_WIDTH_FROM_SIZE[size]}px solid
+    ${({ theme, hasIntent }) => hasIntent ? theme.main : rgba(changeLightness(theme.main, 0.2), 0.6)};
+  transition: all 0.2s ease-in-out;
+  flex-shrink: 0;
+  z-index: 1;
+`;
+const StyledTimelineDot = styled.div `
+  width: ${({ size }) => Math.max(4, ICON_FROM_SIZE[size] / 4)}px;
+  height: ${({ size }) => Math.max(4, ICON_FROM_SIZE[size] / 4)}px;
+  border-radius: 50%;
+  background-color: ${({ theme, hasIntent }) => hasIntent ? theme.main : changeLightness(theme.main, 0.2)};
+`;
+// Line now positioned to connect markers (icon to icon) — vertical mode only.
+// Horizontal mode draws its connector via a pseudo-element on StyledTimelineItem.
+const StyledTimelineLine = styled.div `
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: ${({ size }) => MARKER_SIZE_FROM_SIZE[size]}px;
+  bottom: 0;
+  width: ${({ size }) => LINE_WIDTH_FROM_SIZE[size]}px;
+  background-color: ${({ theme }) => rgba(changeLightness(theme.main, 0.1), 0.4)};
+
+  ${({ isLast }) => isLast &&
+    css `
+      display: none;
+    `}
+`;
+const StyledTimelineContent = styled.div `
+  flex: 1;
+  min-width: 0;
+  ${({ direction, size }) => direction === 'horizontal'
+    ? css `
+          padding-top: ${GAP_FROM_SIZE[size]}px;
+          padding-bottom: 0;
+          width: 100%;
+          text-align: center;
+        `
+    : css `
+          padding-top: ${Math.max(0, (MARKER_SIZE_FROM_SIZE[size] - TEXT_FROM_SIZE[size]) / 2 - 2)}px;
+          padding-bottom: ${PADDING_FROM_SIZE[size] * 2}px;
+        `}
+`;
+const StyledTimelineDetails = styled.div `
+  display: grid;
+  transition: grid-template-rows 0.2s ease-in-out, opacity 0.2s ease-in-out,
+    margin-top 0.2s ease-in-out;
+
+  ${({ isCollapsed }) => isCollapsed &&
+    css `
+      grid-template-rows: 0fr;
+      opacity: 0;
+      margin-top: 0;
+    `}
+
+  ${({ isCollapsed, size }) => !isCollapsed &&
+    css `
+      grid-template-rows: 1fr;
+      opacity: 1;
+      margin-top: ${GAP_FROM_SIZE[size]}px;
+    `}
+
+  > * {
+    overflow: hidden;
+    min-height: 0;
+  }
+`;
+const TimelineBadge = memo(({ size, content }) => {
+    const renderTag = useCallback((badge, key) => (_jsx(ReqoreTag, { size: getOneLessSize(size), asBadge: true, className: 'reqore-timeline-badge', labelAlign: 'center', minimal: true, ...(typeof badge === 'string' || typeof badge === 'number'
+            ? { label: badge }
+            : badge) }, key)), [size]);
+    if (!content && content !== 0) {
+        return null;
+    }
+    if (Array.isArray(content)) {
+        return (_jsx(ReqoreTagGroup, { className: 'reqore-timeline-badges', children: content.map((badge, index) => renderTag(badge, index)) }));
+    }
+    return renderTag(content, 0);
+});
+const TimelineItemRenderer = memo(({ item, index, isLast, size, customTheme, intent, baseTheme, isCollapsed, direction, onToggleCollapse, onItemClick, onKeyDown, }) => {
+    const itemTheme = useReqoreTheme('main', customTheme, item.intent || intent);
+    const isClickable = !!item.onClick && !item.disabled;
+    const hasIntent = !!(item.intent || intent);
+    const isHorizontal = direction === 'horizontal';
+    // Horizontal mode is intentionally minimal: no expanding/collapsing and no content body.
+    const showCollapsible = !isHorizontal && item.collapsible;
+    const showContent = !isHorizontal && item.content;
+    const itemContent = (_jsxs(StyledTimelineItem, { theme: itemTheme, size: size, direction: direction, isClickable: isClickable, isLast: isLast, disabled: item.disabled, onClick: () => onItemClick(item), onKeyDown: (e) => onKeyDown(e, item), tabIndex: isClickable ? 0 : undefined, role: 'listitem', className: 'reqore-timeline-item', children: [_jsxs(StyledTimelineMarkerWrapper, { theme: itemTheme, size: size, direction: direction, children: [_jsx(StyledTimelineMarker, { theme: itemTheme, size: size, hasIntent: hasIntent, className: 'reqore-timeline-marker', children: item.icon ? (_jsx(ReqoreIcon, { icon: item.icon, size: getOneLessSize(getOneLessSize(size)), color: item.iconColor || (hasIntent ? itemTheme.main : undefined), ...item.iconProps })) : (_jsx(StyledTimelineDot, { theme: itemTheme, size: size, hasIntent: hasIntent })) }), !isHorizontal && (_jsx(StyledTimelineLine, { theme: baseTheme, size: size, isLast: isLast }))] }), _jsxs(StyledTimelineContent, { theme: baseTheme, size: size, direction: direction, children: [item.title && (_jsxs(ReqoreControlGroup, { verticalAlign: 'flex-start', horizontalAlign: isHorizontal ? 'center' : undefined, vertical: isHorizontal, gapSize: size, onClick: showCollapsible ? (e) => onToggleCollapse(index, e) : undefined, style: showCollapsible ? { cursor: 'pointer' } : undefined, children: [showCollapsible && (_jsx(ReqoreIcon, { icon: 'ArrowDownSLine', size: getOneLessSize(size), color: getReadableColor(baseTheme, undefined, undefined), rotation: isCollapsed ? -90 : 0, className: 'reqore-timeline-collapse', style: { flexShrink: 0 } })), _jsx(ReqoreSpan, { size: size, effect: item.titleEffect, className: 'reqore-timeline-title', style: { fontWeight: 500 }, children: item.title }), (item.badge || item.badge === 0) && (_jsx(TimelineBadge, { content: item.badge, size: size }))] })), item.timestamp && (_jsx(ReqoreSpan, { size: getOneLessSize(getOneLessSize(size)), className: 'reqore-timeline-timestamp', style: {
+                            color: rgba(getReadableColor(baseTheme, undefined, undefined), 0.5),
+                            display: 'block',
+                            marginTop: `${GAP_FROM_SIZE[size]}px`,
+                            textAlign: isHorizontal ? 'center' : undefined,
+                        }, children: item.relativeTime ? _jsx(TimeAgo, { time: item.timestamp }) : item.timestamp })), showContent && (_jsx(StyledTimelineDetails, { theme: baseTheme, size: size, isCollapsed: isCollapsed, children: _jsx("div", { children: typeof item.content === 'string' || typeof item.content === 'number' ? (_jsx(ReqoreP, { size: getOneLessSize(size), effect: item.contentEffect, className: 'reqore-timeline-content', style: {
+                                    color: rgba(getReadableColor(baseTheme, undefined, undefined), 0.7),
+                                    lineHeight: 1.5,
+                                }, children: item.content })) : (_jsx("div", { className: 'reqore-timeline-content', children: item.content })) }) }))] })] }));
+    if (item.tooltip) {
+        return (_jsx(ReqoreTooltipComponent, { tooltip: item.tooltip, Component: 'div', children: itemContent }));
+    }
+    return itemContent;
+});
+const ReqoreTimeline = memo(forwardRef(({ items, size = 'normal', customTheme, inheritCustomTheme, intent, fluid = false, className, direction: directionProp = 'vertical', responsive = true, collapsedState, onCollapseChange, ...rest }, ref) => {
+    const theme = useReqoreTheme('main', customTheme, intent, undefined, inheritCustomTheme);
+    const baseTheme = useReqoreTheme('main', customTheme, undefined, undefined, inheritCustomTheme);
+    const isMobile = useReqoreProperty('isMobile');
+    // Horizontal step rows get cramped on narrow viewports. Auto-fall back to vertical on
+    // mobile unless the caller explicitly opts out via `responsive={false}`.
+    const direction = responsive && isMobile && directionProp === 'horizontal' ? 'vertical' : directionProp;
+    // Internal state used only in uncontrolled mode
+    const [internalCollapsedStates, setInternalCollapsedStates] = useState(() => items.reduce((acc, item, index) => {
+        if (item.collapsible) {
+            acc[index] = item.isCollapsed ?? false;
+        }
+        return acc;
+    }, {}));
+    const isControlled = collapsedState !== undefined;
+    const handleItemClick = useCallback((item) => {
+        if (item.onClick && !item.disabled) {
+            item.onClick();
+        }
+    }, []);
+    const handleKeyDown = useCallback((event, item) => {
+        if ((event.key === 'Enter' || event.key === ' ') && item.onClick && !item.disabled) {
+            event.preventDefault();
+            item.onClick();
+        }
+    }, []);
+    const toggleCollapse = useCallback((index, event) => {
+        event.stopPropagation();
+        if (isControlled) {
+            const currentCollapsed = collapsedState[index] ?? items[index]?.isCollapsed ?? false;
+            onCollapseChange?.(index, !currentCollapsed);
+        }
+        else {
+            setInternalCollapsedStates((prev) => {
+                const next = !prev[index];
+                onCollapseChange?.(index, next);
+                return { ...prev, [index]: next };
+            });
+        }
+    }, [isControlled, collapsedState, items, onCollapseChange]);
+    const getIsCollapsed = useCallback((item, index) => {
+        if (!item.collapsible)
+            return false;
+        if (isControlled) {
+            return collapsedState[index] ?? item.isCollapsed ?? false;
+        }
+        return internalCollapsedStates[index] ?? item.isCollapsed ?? false;
+    }, [isControlled, collapsedState, internalCollapsedStates]);
+    return (_jsx(StyledTimeline, { ...rest, ref: ref, theme: theme, size: size, fluid: fluid, direction: direction, className: `${className || ''} reqore-timeline reqore-timeline-${direction}`, role: 'list', children: items.map((item, index) => (_jsx(TimelineItemRenderer, { item: item, index: index, isLast: index === items.length - 1, size: size, customTheme: customTheme, intent: intent, baseTheme: baseTheme, direction: direction, isCollapsed: getIsCollapsed(item, index), onToggleCollapse: toggleCollapse, onItemClick: handleItemClick, onKeyDown: handleKeyDown }, index))) }));
+}));
+export default ReqoreTimeline;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Timeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Timeline/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/TooltipComponent/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, memo } from 'react';
+import { buildTooltipForComponents } from '../../helpers/utils';
+import { ReqorePopover } from '../Popover';
+export const ReqoreTooltipComponent = memo(forwardRef(({ Component, ...rest }, ref) => {
+    if (!rest.tooltip) {
+        return _jsx(Component, { ...rest, ref: ref });
+    }
+    return (_jsx(ReqorePopover, { ...buildTooltipForComponents(rest.tooltip), component: Component, isReqoreComponent: true, ref: ref, componentProps: rest, children: rest.children }));
+}));
+//# sourceMappingURL=index.js.map

package/dist/esm/components/TooltipComponent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TooltipComponent/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAQ3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CACxC,UAAU,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAA0B,EAAE,GAAG,EAAE,EAAE;IACjE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;QACjB,OAAO,KAAC,SAAS,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;KAC1C;IAED,OAAO,CACL,KAAC,aAAa,OACR,yBAAyB,CAAC,IAAI,CAAC,OAAO,CAAC,EAC3C,SAAS,EAAE,SAAS,EACpB,iBAAiB,QACjB,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,IAAI,YAEnB,IAAI,CAAC,QAAQ,GACA,CACjB,CAAC;AACJ,CAAC,CAAC,CACH,CAAC"}