@tap-payments/os-micro-frontend-shared 0.1.440 → 0.1.441

package/build/components/ReceiptsViewer/ReceiptsViewer.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import ReceiptViewer from './ReceiptViewer';
-export default function ReceiptsViewer({ receipts, onCloseReceipt, appWindow }) {
-    if (!receipts.length)
-        return null;
-    return (_jsx(_Fragment, { children: receipts.map((receipt, index) => (_jsx(ReceiptViewer, { order: index, isOpen: true, onClose: (id) => onCloseReceipt(id), receipt: receipt, appWindow: appWindow }, receipt.id))) }));
-}

package/build/components/ReceiptsViewer/style.js

@@ -1,7 +0,0 @@
-import { Box, styled } from '@mui/material';
-export const Wrapper = styled(Box)(({ theme }) => ({
-    background: theme.palette.common.white,
-    width: '100%',
-    height: '100%',
-    overflow: 'auto',
-}));

package/build/components/ReceiptsViewer/type.js

@@ -1 +0,0 @@
-export {};

package/build/components/ReferenceTypeFilter/ReferenceTypeFilter.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import { useMemo } from 'react';
-import { ViewColumnRadioFilter, FilterTitle, FilterOkayButton, FilterFooter, FilterCancelButton } from '../index.js';
-import { grayCloseIcon, searchIcon } from '../../constants/index.js';
-import lodashValues from 'lodash/values';
-import { ClearButton, ClearWrapper, FilterMenu, InputStyled, InputsWrapper } from './style';
-import { Box, Collapse } from '@mui/material';
-export default function ReferenceTypeFilter({ selectedRadioValue, onRadioButtonChange, radioOptions, label, onConfirm, onClear, inputValues, onInputValuesChange, anchorEl, onCloseDropdown, inputFilters = [], }) {
-    const { t } = useTranslation();
-    const handleOkButtonClick = (e) => {
-        onConfirm();
-        onCloseDropdown(e);
-    };
-    const onCancel = (e) => {
-        onClear();
-        onCloseDropdown(e);
-    };
-    const isInputHasValue = (key) => (inputValues === null || inputValues === void 0 ? void 0 : inputValues[key]) !== undefined && (inputValues === null || inputValues === void 0 ? void 0 : inputValues[key].length) > 0;
-    const onClickResetInput = (key) => {
-        if (isInputHasValue(key))
-            onInputValuesChange(Object.assign(Object.assign({}, inputValues), { [key]: '' }));
-    };
-    const showClearButton = useMemo(() => lodashValues(inputValues).some((x) => Boolean(x)), [inputValues]);
-    const onClickClear = () => {
-        onInputValuesChange(inputFilters.reduce((acc, { apiKey }) => (Object.assign(Object.assign({}, acc), { [apiKey]: '' })), {}));
-    };
-    return (_jsxs(FilterMenu, Object.assign({ open: !!anchorEl, anchorEl: anchorEl }, { children: [_jsx(FilterTitle, Object.assign({ component: "span" }, { children: t('filterBy') })), _jsx(ViewColumnRadioFilter, { menuLabel: label, options: radioOptions, selectedValue: selectedRadioValue, onValueChange: onRadioButtonChange }), inputFilters.length > 0 && (_jsx(InputsWrapper, Object.assign({ "data-testid": "ColumnFilterInputs_inputs", component: "main" }, { children: inputFilters.map(({ apiKey, placeholder }) => {
-                    var _a;
-                    return (_jsx(InputStyled, { className: "input", "data-testid": "ColumnFilterInputs_InputStyled", name: apiKey, placeholder: placeholder, onChange: (e) => {
-                            onInputValuesChange(Object.assign(Object.assign({}, inputValues), { [apiKey]: e.target.value }));
-                        }, defaultValue: (_a = inputValues === null || inputValues === void 0 ? void 0 : inputValues[apiKey]) !== null && _a !== void 0 ? _a : '', value: inputValues === null || inputValues === void 0 ? void 0 : inputValues[apiKey], inputProps: { autoComplete: 'off', 'data-testid': 'ColumnFilterInputs_input' }, endAdornment: _jsx(Box, { component: "img", "data-testid": "ColumnFilterInputs_icon", "data-icon": isInputHasValue(apiKey) ? 'close' : 'search', src: isInputHasValue(apiKey) ? grayCloseIcon : searchIcon, alt: "search", className: "icon", sx: { cursor: isInputHasValue(apiKey) ? 'pointer' : 'default' }, onClick: () => {
-                                onClickResetInput(apiKey);
-                            } }) }, apiKey));
-                }) }))), _jsx(Collapse, Object.assign({ in: showClearButton, component: "section", "data-testid": "ColumnFilterInputs_Collapse" }, { children: _jsx(ClearWrapper, Object.assign({ "data-testid": "ColumnFilterInputs_ClearWrapper" }, { children: _jsx(ClearButton, Object.assign({ type: "button", onClick: onClickClear, "data-testid": "ColumnFilterInputs_ClearButton" }, { children: t('clear') })) })) })), _jsxs(FilterFooter, { children: [_jsx(FilterCancelButton, Object.assign({ onClick: onCancel }, { children: t('cancel') })), _jsx(FilterOkayButton, Object.assign({ onClick: handleOkButtonClick }, { children: t('okay') }))] })] })));
-}

package/build/components/ReferenceTypeFilter/style.js

@@ -1,34 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { Input, Menu } from '../index.js';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-export const FilterMenu = styled(Menu)(() => ({
-    marginBottom: '8px',
-}));
-export const InputStyled = styled(Input)(({ theme }) => ({
-    border: `1px solid ${theme.palette.divider}`,
-    '.icon': {
-        width: 14,
-    },
-}));
-export const InputsWrapper = styled(Box)(() => ({
-    padding: '8px 16px',
-    '> div + div': {
-        marginTop: '8px',
-    },
-}));
-export const ClearButton = styled(Button)(({ theme }) => ({
-    color: theme.palette.info.dark,
-    fontSize: '11px',
-    textTransform: 'capitalize',
-    padding: '4px 9px',
-    minWidth: 'auto',
-    '&:hover': {
-        background: 'transparent',
-    },
-}));
-export const ClearWrapper = styled(Box)(({ theme }) => ({
-    padding: '0 16px 8px',
-    textAlign: 'left',
-    borderBottom: `1px solid ${theme.palette.divider}`,
-}));

package/build/components/ResizableHeightInput/ResizableHeightInput.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useRef, useState } from 'react';
-import Box from '@mui/material/Box';
-import { Placeholder, Wrapper } from './style';
-function ResizableHeightInput({ value, updateValue, placeholder, sx, maxLength }) {
-    const [isInputFocused, setIsInputFocused] = useState(false);
-    const inputRef = useRef(null);
-    const updateDivValue = (e) => {
-        const elem = e.target;
-        updateValue(elem.innerText);
-        setIsInputFocused(false);
-    };
-    const validateMaxLength = (e) => {
-        const elem = e.target;
-        if (maxLength && elem.innerText.length >= maxLength)
-            e.preventDefault();
-    };
-    return (_jsxs(Wrapper, Object.assign({ sx: sx, onClick: () => {
-            if (inputRef.current)
-                inputRef.current.focus();
-            setIsInputFocused(true);
-        } }, { children: [!isInputFocused && !value && _jsx(Placeholder, { children: placeholder }), _jsx(Box, Object.assign({ contentEditable: true, suppressContentEditableWarning: true, sx: { outline: 'none', flexGrow: 1 }, onBlur: updateDivValue, ref: inputRef, onKeyDown: validateMaxLength }, { children: value }))] })));
-}
-export default memo(ResizableHeightInput);

package/build/components/ResizableHeightInput/style.js

@@ -1,12 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const Placeholder = styled(Box)(({ theme }) => ({
-    position: 'absolute',
-    color: theme.palette.grey[700],
-    zIndex: 0,
-}));
-export const Wrapper = styled(Box)(() => ({
-    position: 'relative',
-    flexGrow: 1,
-    fontSize: '11px',
-}));

package/build/components/RightLeftExpandingCenterChip/RightLeftExpandingCenterChip.js

@@ -1,113 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AnimatePresence } from 'framer-motion';
-import { CenterIconWrapper, ExpandedSection, PeekContainer, CenterChip, LeftPeekChip, RightPeekChip, LeftExpandIcon, RightExpandIcon, ExpandChip, CenterShiftWrapper, CenterContent, ExpandableContainer, ExpandableInner, ChipsContainer, CHIP_GAP, HoverBridge, } from './style';
-import { useRightLeftExpandingCenterChip, DEFAULT_CHIP_MIN_WIDTH } from './useRightLeftExpandingCenterChip';
-/**
- * Component: RightLeftExpandingCenterChip
- *
- * Renders a center chip with optional inline expandable content and animated
- * stacks of chips that expand to the left and right when hovering the center.
- *
- * Behavior
- * - Hover activation: Only when the pointer enters the CenterChip. Hover persists
- *   across expanded icons and the gaps between them via transparent HoverBridge overlays.
- *   Hover ends when the pointer leaves the main wrapper (with a small debounce handled
- *   inside the useRightLeftExpandingCenterChip hook).
- * - Anchoring: Left/Right expanded sections are anchored to the start/end of the center
- *   content using measured anchors from the hook.
- * - Motion & layout:
- *   - ExpandableContainer width is driven by a MotionValue (expandedMV) based on measured
- *     width of the expandable content; AnimatePresence provides smooth mount/unmount.
- *   - The whole center group shifts by shiftX to visually compensate the inline expansion.
- *   - Left/Right chips slide out using computed offsets derived from measured chip widths.
- * - Overlay order: expandedZIndex controls the base z-index for expanded sections; individual
- *   chips stack above this base so later items appear beneath earlier items.
- *
- * Props
- * @param leftIcons - Icons/chips to show expanding to the left while hovering.
- * @param rightIcons - Icons/chips to show expanding to the right while hovering.
- * @param centerIcon - Static content inside the center chip.
- * @param expandableCenterRight - Optional inline content that expands to the right within the center chip.
- * @param expandableCenterLeft - Optional inline content that expands to the left within the center chip.
- * @param expandedZIndex - Base z-index for expanded sections and icons (default 1000).
- * @param props - Additional Box props forwarded to the root container.
- *
- * @returns Root Box containing the motion-driven chip UI.
- */
-function RightLeftExpandingCenterChip(_a) {
-    var { leftIcons = [], rightIcons = [], centerIcon, expandableCenterRight, expandableCenterLeft, expandedZIndex = 1000 } = _a, props = __rest(_a, ["leftIcons", "rightIcons", "centerIcon", "expandableCenterRight", "expandableCenterLeft", "expandedZIndex"]);
-    const { isHovering, handleMouseEnter, handleMouseLeave, centerWrapRef, centerContentRef, centerChipRef, anchors, leftChipRefs, rightChipRefs, leftOffsets, rightOffsets, expandableRightInnerRef, expandableLeftInnerRef, expandedRightMV, expandedLeftMV, shiftX, rightShift, leftShift, leftHoverWidth, rightHoverWidth, } = useRightLeftExpandingCenterChip({ leftIcons, rightIcons, centerIcon, expandableCenterRight, expandableCenterLeft });
-    return (_jsx(ChipsContainer, Object.assign({}, props, { "data-testid": "RightLeftExpandingCenterChipBox" }, { children: _jsx(CenterShiftWrapper, Object.assign({ "data-testid": "CenterShiftWrapper", initial: false, style: { x: shiftX } }, { children: _jsxs(CenterIconWrapper, Object.assign({ "data-testid": "CenterIconWrapper", ref: centerWrapRef, onMouseLeave: handleMouseLeave }, { children: [_jsxs(PeekContainer, Object.assign({ "data-testid": "PeekContainer" }, { children: [_jsx(AnimatePresence, Object.assign({ initial: false }, { children: leftIcons.length > 0 && (_jsx(LeftPeekChip, { "data-testid": "LeftPeekChip", initial: { opacity: 0, scale: 0.95, x: -4 }, animate: isHovering ? { opacity: 0, scale: 0.9, x: -6 } : { opacity: 1, scale: 1, x: -5 }, exit: { opacity: 0, scale: 0.95, x: -4 }, transition: { duration: 0.18, ease: 'easeOut' } }, "left-peek")) })), _jsx(CenterChip, Object.assign({ "data-testid": "CenterChip", ref: centerChipRef, onMouseEnter: handleMouseEnter, style: {
-                                    borderRadius: (() => {
-                                        const hasLeftExpanded = expandableCenterLeft && isHovering;
-                                        const hasRightExpanded = expandableCenterRight && isHovering;
-                                        if (hasLeftExpanded && hasRightExpanded)
-                                            return '0';
-                                        if (hasLeftExpanded)
-                                            return '0 12px 12px 0';
-                                        if (hasRightExpanded)
-                                            return '12px 0 0 12px';
-                                        return '12px';
-                                    })(),
-                                    borderLeft: expandableCenterLeft && isHovering ? 'none' : undefined,
-                                    borderRight: expandableCenterRight && isHovering ? 'none' : undefined,
-                                } }, { children: _jsx(CenterContent, Object.assign({ "data-testid": "CenterContent", ref: centerContentRef }, { children: centerIcon })) })), expandableCenterLeft && (_jsx(ExpandableContainer, Object.assign({ "data-testid": "ExpandableLeftContainer", style: {
-                                    width: expandedLeftMV,
-                                    position: 'absolute',
-                                    right: '100%',
-                                    top: 0,
-                                    height: '24px',
-                                    zIndex: 1,
-                                    opacity: isHovering ? 1 : 0,
-                                    pointerEvents: isHovering ? 'auto' : 'none',
-                                    borderRadius: '12px 0 0 12px',
-                                    borderRight: 'none', // Remove right border for seamless connection
-                                }, initial: false, transition: { duration: 0.2, ease: 'easeOut' } }, { children: _jsx(ExpandableInner, Object.assign({ "data-testid": "ExpandableLeftInner", ref: expandableLeftInnerRef }, { children: expandableCenterLeft })) }))), expandableCenterRight && (_jsx(ExpandableContainer, Object.assign({ "data-testid": "ExpandableRightContainer", style: {
-                                    width: expandedRightMV,
-                                    position: 'absolute',
-                                    left: '100%',
-                                    top: 0,
-                                    height: '24px',
-                                    zIndex: 1,
-                                    opacity: isHovering ? 1 : 0,
-                                    pointerEvents: isHovering ? 'auto' : 'none',
-                                    borderRadius: '0 12px 12px 0',
-                                    borderLeft: 'none', // Remove left border for seamless connection
-                                }, initial: false, transition: { duration: 0.2, ease: 'easeOut' } }, { children: _jsx(ExpandableInner, Object.assign({ "data-testid": "ExpandableRightInner", ref: expandableRightInnerRef }, { children: expandableCenterRight })) }))), _jsx(AnimatePresence, Object.assign({ initial: false }, { children: rightIcons.length > 0 && (_jsx(RightPeekChip, { "data-testid": "RightPeekChip", initial: { opacity: 0, scale: 0.95, x: 4 }, animate: isHovering ? { opacity: 0, scale: 0.9, x: 6 } : { opacity: 1, scale: 1, x: 5 }, exit: { opacity: 0, scale: 0.95, x: 4 }, transition: { duration: 0.18, ease: 'easeOut' } }, "right-peek")) }))] })), isHovering && leftIcons.length > 0 && (_jsx(HoverBridge, { "data-testid": "LeftHoverBridge", side: "left", style: { width: leftHoverWidth, right: `calc(100% - ${anchors.left}px)`, zIndex: expandedZIndex, pointerEvents: 'auto' } })), isHovering && rightIcons.length > 0 && (_jsx(HoverBridge, { "data-testid": "RightHoverBridge", side: "right", style: { width: rightHoverWidth, left: `${anchors.right}px`, zIndex: expandedZIndex, pointerEvents: 'auto' } })), _jsx(AnimatePresence, Object.assign({ initial: false }, { children: leftIcons.length > 0 && (_jsx(ExpandedSection, Object.assign({ "data-testid": "LeftExpandedSection", side: "left", style: {
-                                right: `calc(100% - ${anchors.left}px)`,
-                                top: '50%',
-                                position: 'absolute',
-                                pointerEvents: isHovering ? 'auto' : 'none',
-                                zIndex: expandedZIndex,
-                            }, initial: { opacity: 0, x: 0, y: '-50%' }, animate: isHovering ? { opacity: 1, x: 0, y: '-50%' } : { opacity: 0, x: 0, y: '-50%' }, exit: { opacity: 0, x: 0, y: '-50%' }, transition: { duration: 0.25, ease: 'easeOut' } }, { children: leftIcons.map((icon, index) => {
-                                var _a;
-                                const leftOffset = (_a = leftOffsets[index]) !== null && _a !== void 0 ? _a : (DEFAULT_CHIP_MIN_WIDTH + CHIP_GAP) * (index + 1);
-                                // Add shift to avoid overlap with expandable left content (no gap since it's seamless)
-                                const totalOffset = leftOffset + leftShift;
-                                return (_jsx(LeftExpandIcon, Object.assign({ "data-testid": `LeftExpandIcon-${index}`, initial: { opacity: 0, x: 0 }, animate: isHovering ? { opacity: 1, x: -totalOffset } : { opacity: 0, x: 0 }, exit: { opacity: 0, x: 0 }, transition: { duration: 0.25 + index * 0.04, ease: 'easeOut' }, style: { zIndex: expandedZIndex + (leftIcons.length - index) } }, { children: _jsx(ExpandChip, Object.assign({ "data-testid": `LeftExpandChip-${index}`, ref: (el) => (leftChipRefs.current[index] = el) }, { children: icon })) }), `left-${index}`));
-                            }) }), "left-expanded")) })), _jsx(AnimatePresence, Object.assign({ initial: false }, { children: rightIcons.length > 0 && (_jsx(ExpandedSection, Object.assign({ "data-testid": "RightExpandedSection", side: "right", style: {
-                                left: `${anchors.right}px`,
-                                top: '50%',
-                                position: 'absolute',
-                                pointerEvents: isHovering ? 'auto' : 'none',
-                                zIndex: expandedZIndex,
-                            }, initial: { opacity: 0, x: 0, y: '-50%' }, animate: isHovering ? { opacity: 1, x: 0, y: '-50%' } : { opacity: 0, x: 0, y: '-50%' }, exit: { opacity: 0, x: 0, y: '-50%' }, transition: { duration: 0.25, ease: 'easeOut' } }, { children: rightIcons.map((icon, index) => {
-                                var _a;
-                                const base = (_a = rightOffsets[index]) !== null && _a !== void 0 ? _a : (DEFAULT_CHIP_MIN_WIDTH + CHIP_GAP) * (index + 1);
-                                // Shift accounts for seamless right expandable content
-                                const shift = rightShift;
-                                return (_jsx(RightExpandIcon, Object.assign({ "data-testid": `RightExpandIcon-${index}`, initial: { opacity: 0, x: 0 }, animate: isHovering ? { opacity: 1, x: shift + base } : { opacity: 0, x: 0 }, exit: { opacity: 0, x: 0 }, transition: { duration: 0.25 + index * 0.04, ease: 'easeOut' }, style: { zIndex: expandedZIndex + (rightIcons.length - index) } }, { children: _jsx(ExpandChip, Object.assign({ "data-testid": `RightExpandChip-${index}`, ref: (el) => (rightChipRefs.current[index] = el) }, { children: icon })) }), `right-${index}`));
-                            }) }), "right-expanded")) }))] })) })) })));
-}
-export default RightLeftExpandingCenterChip;

package/build/components/RightLeftExpandingCenterChip/style.js

@@ -1,130 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-// Shared spacing between chips
-export const CHIP_GAP = 3;
-export const CenterIconWrapper = styled(motion.div)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: 0,
-    minWidth: 0,
-    height: 'auto',
-    lineHeight: 1,
-    position: 'relative',
-    zIndex: 1001,
-    fontSize: '12px',
-    color: theme.palette.text.primary,
-}));
-// Wrapper that applies the horizontal shift driven by a motion value
-export const CenterShiftWrapper = styled(motion.div)(() => ({
-    display: 'inline-flex',
-}));
-export const LeftExpandIcon = styled(motion.span)(({ theme }) => ({
-    // Make wrapper take no layout width; spacing fully controlled by transform
-    position: 'static',
-    display: 'inline-flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: 0,
-    overflow: 'visible',
-    margin: 0,
-    padding: 0,
-    fontSize: '10px',
-    lineHeight: 1,
-    color: theme.palette.text.secondary,
-    userSelect: 'none',
-}));
-export const RightExpandIcon = styled(motion.span)(({ theme }) => ({
-    // Make wrapper take no layout width; spacing fully controlled by transform
-    position: 'static',
-    display: 'inline-flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: 0,
-    overflow: 'visible',
-    margin: 0,
-    padding: 0,
-    fontSize: '10px',
-    lineHeight: 1,
-    color: theme.palette.text.secondary,
-    userSelect: 'none',
-}));
-export const ExpandedSection = styled(motion.div)(({ side }) => (Object.assign(Object.assign(Object.assign({ position: 'absolute', display: 'flex', alignItems: 'center' }, (side === 'left' ? { right: '100%', flexDirection: 'row-reverse', transformOrigin: 'right center' } : {})), (side === 'right' ? { left: '100%', flexDirection: 'row', transformOrigin: 'left center' } : {})), { top: '50%', transform: 'translateY(-50%)', gap: 0, pointerEvents: 'auto', overflow: 'visible' })));
-// Invisible hover overlays to bridge gaps between chips
-export const HoverBridge = styled('div')(({ side }) => (Object.assign(Object.assign({ position: 'absolute', top: 0, bottom: 0 }, (side === 'left' ? { right: '100%' } : { left: '100%' })), { 
-    // width will be supplied inline via style prop
-    pointerEvents: 'auto', 
-    // transparent but present for hit-testing
-    background: 'transparent' })));
-// --- Peek chips (requested style) ---
-export const PeekContainer = styled(motion.div)(() => ({
-    position: 'relative',
-    display: 'inline-flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    height: 24,
-    overflow: 'visible',
-}));
-const baseChipStyles = (theme) => ({
-    border: `1px solid ${theme.palette.divider}`,
-    borderRadius: '12px',
-    backgroundColor: theme.palette.background.paper,
-    paddingInline: '8px',
-    height: '24px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    lineHeight: 1,
-    fontSize: 12,
-    boxSizing: 'border-box',
-    whiteSpace: 'nowrap',
-    // allow chip to grow with content
-    overflow: 'visible',
-});
-export const CenterChip = styled(motion.div)(({ theme }) => (Object.assign(Object.assign({}, baseChipStyles(theme)), { position: 'relative', zIndex: 2, minWidth: 24, flex: '0 0 auto', display: 'inline-flex', overflow: 'hidden', willChange: 'transform' })));
-// Static part of the center icon container
-export const CenterContent = styled(motion.span)(() => ({
-    display: 'inline-flex',
-    alignItems: 'center',
-    transform: 'translateZ(0)',
-}));
-// Container that grows in width to reveal the expandable content
-export const ExpandableContainer = styled(motion.span)(({ theme }) => ({
-    display: 'inline-flex',
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    boxSizing: 'border-box',
-    willChange: 'width',
-    // Style to look like a seamless continuation of the center chip
-    border: `1px solid ${theme.palette.divider}`,
-    backgroundColor: theme.palette.background.paper,
-    height: '24px',
-    alignItems: 'center',
-    paddingInline: '0px', // Match center chip padding
-}));
-// Inner content of the expandable area
-export const ExpandableInner = styled(motion.span)(() => ({
-    display: 'inline-flex',
-    whiteSpace: 'nowrap',
-    alignItems: 'center',
-    height: '100%',
-}));
-export const LeftPeekChip = styled(motion.div)(({ theme }) => (Object.assign(Object.assign({}, baseChipStyles(theme)), { position: 'absolute', left: 0, zIndex: 1, pointerEvents: 'none', 
-    // ensure circular end even without content
-    minWidth: 24, paddingInline: 0 })));
-export const RightPeekChip = styled(motion.div)(({ theme }) => (Object.assign(Object.assign({}, baseChipStyles(theme)), { position: 'absolute', right: 0, zIndex: 1, pointerEvents: 'none', 
-    // ensure circular end even without content
-    minWidth: 24, paddingInline: 0 })));
-// Chip for expanded icons (left/right lists)
-export const ExpandChip = styled(motion.div)(({ theme }) => (Object.assign(Object.assign({}, baseChipStyles(theme)), { minWidth: 24, flex: '0 0 auto', display: 'inline-flex' })));
-// Styles applied to the containing TableCell
-export const ChipsContainer = styled(Box)(() => ({
-    position: 'relative',
-    overflow: 'visible',
-    zIndex: 101,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    minHeight: '20px',
-}));

package/build/components/RightLeftExpandingCenterChip/type.js

@@ -1 +0,0 @@
-export {};

package/build/components/RightLeftExpandingCenterChip/useRightLeftExpandingCenterChip.js

@@ -1,233 +0,0 @@
-import { useRef, useEffect, useState, useMemo, useCallback, useLayoutEffect } from 'react';
-import { animate, useMotionValue } from 'framer-motion';
-import { CHIP_GAP } from './style';
-/**
- * Hook: useRightLeftExpandingCenterChip
- * Encapsulates hover logic, measurement (anchors, chip widths, expandable width),
- * and motion values for the RightLeftExpandingCenterChip component.
- */
-export const DEFAULT_CHIP_MIN_WIDTH = 24;
-export function useRightLeftExpandingCenterChip({ leftIcons, rightIcons, centerIcon, expandableCenterRight, expandableCenterLeft, }) {
-    // =================================
-    // State (move all state to the top)
-    // =================================
-    const [isHovering, setIsHovering] = useState(false);
-    const [anchors, setAnchors] = useState({ left: 0, right: 0 });
-    const [leftWidths, setLeftWidths] = useState([]);
-    const [rightWidths, setRightWidths] = useState([]);
-    const [expandableRightWidth, setExpandableRightWidth] = useState(0);
-    const [expandableLeftWidth, setExpandableLeftWidth] = useState(0);
-    // ======================
-    // Refs (DOM and timers)
-    // ======================
-    const hoverTimeoutRef = useRef(null);
-    const centerWrapRef = useRef(null);
-    const centerContentRef = useRef(null);
-    const centerChipRef = useRef(null);
-    const leftChipRefs = useRef([]);
-    const rightChipRefs = useRef([]);
-    const expandableRightInnerRef = useRef(null);
-    const expandableLeftInnerRef = useRef(null);
-    // rAF id for resize throttling
-    const resizeRaf = useRef(null);
-    // Small helpers to avoid unnecessary state updates
-    const arraysEqual = useCallback((a, b) => {
-        if (a === b)
-            return true;
-        if (a.length !== b.length)
-            return false;
-        for (let i = 0; i < a.length; i++)
-            if (a[i] !== b[i])
-                return false;
-        return true;
-    }, []);
-    const anchorsEqual = useCallback((a, b) => {
-        return a.left === b.left && a.right === b.right;
-    }, []);
-    // ======================
-    // Motion values
-    // ======================
-    const expandedRightMV = useMotionValue(0);
-    const expandedLeftMV = useMotionValue(0);
-    // Center icon stays fixed - no shift needed
-    const shiftX = useMotionValue(0);
-    // ======================
-    // Computed values
-    // ======================
-    const leftOffsets = useMemo(() => {
-        if (!leftWidths.length)
-            return [];
-        const acc = [];
-        let sum = CHIP_GAP + leftWidths[0] / 2;
-        acc.push(sum);
-        for (let i = 1; i < leftWidths.length; i++) {
-            sum += leftWidths[i - 1] / 2 + CHIP_GAP + leftWidths[i] / 2;
-            acc.push(sum);
-        }
-        return acc;
-    }, [leftWidths]);
-    const rightOffsets = useMemo(() => {
-        if (!rightWidths.length)
-            return [];
-        const acc = [];
-        let sum = CHIP_GAP + rightWidths[0] / 2;
-        acc.push(sum);
-        for (let i = 1; i < rightWidths.length; i++) {
-            sum += rightWidths[i - 1] / 2 + CHIP_GAP + rightWidths[i] / 2;
-            acc.push(sum);
-        }
-        return acc;
-    }, [rightWidths]);
-    // Right icons shift to account for expandable content without gap
-    const rightShift = isHovering && expandableCenterRight ? expandableRightWidth : 0;
-    // Left icons shift to account for expandable content without gap
-    const leftShift = isHovering && expandableCenterLeft ? expandableLeftWidth : 0;
-    // Predict max right shift even when not hovering to size hover zone generously
-    const maxRightShift = expandableCenterRight ? expandableRightWidth : 0;
-    // ======================
-    // Callbacks
-    // ======================
-    const handleMouseEnter = useCallback(() => {
-        if (hoverTimeoutRef.current)
-            clearTimeout(hoverTimeoutRef.current);
-        // Enter immediately to keep hover active while moving across expanded areas
-        setIsHovering(true);
-    }, []);
-    const handleMouseLeave = useCallback(() => {
-        if (hoverTimeoutRef.current)
-            clearTimeout(hoverTimeoutRef.current);
-        // Delay hover off to avoid flicker when moving between center and expanded icons
-        hoverTimeoutRef.current = setTimeout(() => setIsHovering(false), 120);
-    }, []);
-    // Single measurement function to batch reads and writes
-    const measureAll = useCallback(() => {
-        var _a, _b, _c, _d, _e;
-        // Read DOM
-        const wrap = centerWrapRef.current;
-        const chip = centerChipRef.current;
-        const content = centerContentRef.current;
-        let nextAnchors = anchors;
-        if (wrap) {
-            const wrapRect = wrap.getBoundingClientRect();
-            const targetRect = (_a = (chip !== null && chip !== void 0 ? chip : content)) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-            if (targetRect) {
-                // Round to prevent tiny sub-pixel changes causing re-renders
-                const left = Math.round(targetRect.left - wrapRect.left);
-                const right = Math.round(targetRect.right - wrapRect.left);
-                nextAnchors = { left, right };
-            }
-        }
-        const nextLeftWidths = leftChipRefs.current.map((el) => (el ? el.offsetWidth : DEFAULT_CHIP_MIN_WIDTH));
-        const nextRightWidths = rightChipRefs.current.map((el) => (el ? el.offsetWidth : DEFAULT_CHIP_MIN_WIDTH));
-        const nextExpandableRightWidth = (_c = (_b = expandableRightInnerRef.current) === null || _b === void 0 ? void 0 : _b.scrollWidth) !== null && _c !== void 0 ? _c : 0;
-        const nextExpandableLeftWidth = (_e = (_d = expandableLeftInnerRef.current) === null || _d === void 0 ? void 0 : _d.scrollWidth) !== null && _e !== void 0 ? _e : 0;
-        // Write state only if changed
-        if (!anchorsEqual(anchors, nextAnchors))
-            setAnchors(nextAnchors);
-        if (!arraysEqual(leftWidths, nextLeftWidths))
-            setLeftWidths(nextLeftWidths);
-        if (!arraysEqual(rightWidths, nextRightWidths))
-            setRightWidths(nextRightWidths);
-        if (expandableRightWidth !== nextExpandableRightWidth)
-            setExpandableRightWidth(nextExpandableRightWidth);
-        if (expandableLeftWidth !== nextExpandableLeftWidth)
-            setExpandableLeftWidth(nextExpandableLeftWidth);
-    }, [anchors, leftWidths, rightWidths, expandableRightWidth, expandableLeftWidth, anchorsEqual, arraysEqual]);
-    // rAF-throttled resize handler (memoized)
-    const onResize = useCallback(() => {
-        if (resizeRaf.current)
-            cancelAnimationFrame(resizeRaf.current);
-        resizeRaf.current = requestAnimationFrame(() => {
-            measureAll();
-        });
-    }, [measureAll]);
-    // ======================
-    // Effects
-    // ======================
-    useEffect(() => {
-        return () => {
-            if (hoverTimeoutRef.current)
-                clearTimeout(hoverTimeoutRef.current);
-        };
-    }, []);
-    // Perform initial measurements (and when inputs that affect layout change) before paint
-    useLayoutEffect(() => {
-        measureAll();
-    }, [centerIcon, leftIcons, rightIcons, expandableCenterRight, expandableCenterLeft, measureAll]);
-    // Window resize listener effect
-    useEffect(() => {
-        onResize(); // initial measurement on mount
-        window.addEventListener('resize', onResize);
-        return () => {
-            window.removeEventListener('resize', onResize);
-            if (resizeRaf.current)
-                cancelAnimationFrame(resizeRaf.current);
-        };
-    }, [onResize]);
-    // Animate right expandable content - no gap for seamless connection
-    useEffect(() => {
-        const target = isHovering && expandableCenterRight ? expandableRightWidth : 0;
-        const controls = animate(expandedRightMV, target, { duration: 0.2, ease: 'easeOut' });
-        return () => controls.stop();
-    }, [isHovering, expandableCenterRight, expandableRightWidth, expandedRightMV]);
-    // Animate left expandable content - no gap for seamless connection
-    useEffect(() => {
-        const target = isHovering && expandableCenterLeft ? expandableLeftWidth : 0;
-        const controls = animate(expandedLeftMV, target, { duration: 0.2, ease: 'easeOut' });
-        return () => controls.stop();
-    }, [isHovering, expandableCenterLeft, expandableLeftWidth, expandedLeftMV]);
-    // ======================
-    // Derived hover zone widths (adjusted for seamless positioning)
-    // ======================
-    const leftHoverWidth = useMemo(() => {
-        var _a;
-        if (!leftOffsets.length)
-            return 0;
-        const last = leftOffsets.length - 1;
-        const lastWidth = (_a = leftWidths[last]) !== null && _a !== void 0 ? _a : DEFAULT_CHIP_MIN_WIDTH;
-        const farthest = leftOffsets[last] + lastWidth / 2 + leftShift;
-        return farthest + CHIP_GAP;
-    }, [leftOffsets, leftWidths, leftShift]);
-    const rightHoverWidth = useMemo(() => {
-        var _a;
-        if (!rightOffsets.length)
-            return 0;
-        const last = rightOffsets.length - 1;
-        const lastWidth = (_a = rightWidths[last]) !== null && _a !== void 0 ? _a : DEFAULT_CHIP_MIN_WIDTH;
-        const farthest = maxRightShift + rightOffsets[last] + lastWidth / 2;
-        return farthest + CHIP_GAP;
-    }, [rightOffsets, rightWidths, maxRightShift]);
-    // ======================
-    // Public API
-    // ======================
-    return {
-        // hover state/handlers
-        isHovering,
-        handleMouseEnter,
-        handleMouseLeave,
-        // anchors/refs
-        centerWrapRef,
-        centerContentRef,
-        centerChipRef,
-        anchors,
-        // chip measurement/offsets
-        leftChipRefs,
-        rightChipRefs,
-        leftOffsets,
-        rightOffsets,
-        // expandable area
-        expandableRightInnerRef,
-        expandableLeftInnerRef,
-        expandableRightWidth,
-        expandableLeftWidth,
-        // motion values
-        expandedRightMV,
-        expandedLeftMV,
-        shiftX,
-        rightShift,
-        leftShift,
-        // hover zone widths
-        leftHoverWidth,
-        rightHoverWidth,
-    };
-}

package/build/components/Routes/PrivateRoute.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo, Suspense } from 'react';
-import { Navigate } from 'react-router';
-function PrivateRoute({ children, isLoggedIn }) {
-    if (!isLoggedIn) {
-        return _jsx(Navigate, { to: "/login" });
-    }
-    return _jsx(Suspense, Object.assign({ fallback: null }, { children: children }));
-}
-export default memo(PrivateRoute);

package/build/components/Routes/PublicRoute.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo, Suspense } from 'react';
-function PublicRoute({ children }) {
-    return _jsx(Suspense, Object.assign({ fallback: null }, { children: children }));
-}
-export default memo(PublicRoute);