@nulogy/components 16.0.1 → 16.0.3

package/dist/main.module.js

@@ -11476,7 +11476,7 @@ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.re
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node2;
     useEffect(() => {
-      window[Symbol.for("radix-ui")] = true;
+      window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
     }, []);
     return /* @__PURE__ */ createElement(Comp, _extends$3({}, primitiveProps, {
       ref: forwardedRef
@@ -28106,14 +28106,7 @@ const themeColorObject = {
   textColor: "blackBlue",
   logoColor: "blue"
 };
-const MediumNavBar = ({
-  menuData,
-  environment,
-  logo,
-  showNulogyLogo,
-  subtext,
-  ...props
-}) => {
+function MediumNavBar({ menuData, environment, logo, showNulogyLogo, subtext, ...props }) {
   const { t: t3 } = useTranslation();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     environment && /* @__PURE__ */ jsx$1(EnvironmentBanner, { children: environment }),
@@ -28144,7 +28137,7 @@ const MediumNavBar = ({
       ] })
     ] }) })
   ] });
-};
+}
 const SelectNavBarBasedOnWidth = ({
   width: width2,
   defaultOpen,
@@ -41392,6 +41385,7 @@ const TimePicker = forwardRef(
     const componentVariant = useComponentVariant(variant3);
     const scrollToSelection = useCallback(
       debounce((currentOption, dropdown) => {
+        if (!dropdown.current) return;
         const currentIndex = Array.from(dropdown.current.children).indexOf(currentOption);
         if (currentIndex > 2) {
           dropdown.current.scrollTop = (currentIndex - 2) * currentOption.scrollHeight;
@@ -44514,17 +44508,15 @@ function requireLib() {
 }
 var libExports = requireLib();
 const ReactModal = /* @__PURE__ */ getDefaultExportFromCjs(libExports);
-const ModalContent = styled.div(
-  ({ hasFooter, theme }) => ({
-    marginTop: "-64px",
-    marginBottom: hasFooter ? "-72px" : 0,
-    overflow: "auto",
-    paddingTop: "88px",
-    paddingBottom: hasFooter ? "96px" : theme.space.x2,
-    paddingLeft: theme.space.x3,
-    paddingRight: theme.space.x3
-  })
-);
+const ModalContent = styled.div(({ hasFooter, theme }) => ({
+  marginTop: "-64px",
+  marginBottom: hasFooter ? "-72px" : 0,
+  overflow: "auto",
+  paddingTop: "88px",
+  paddingBottom: hasFooter ? "96px" : theme.space.x2,
+  paddingLeft: theme.space.x3,
+  paddingRight: theme.space.x3
+}));
 const ModalFooter = styled.div(({ theme }) => ({
   position: "relative",
   padding: `${theme.space.x2} ${theme.space.x3}`,
@@ -44615,7 +44607,7 @@ const StyledReactModal = styled(ReactModal)(
     MozOsxFontSmoothing: "grayscale"
   })
 );
-const Modal = ({
+function Modal({
   isOpen = true,
   shouldFocusAfterRender = true,
   shouldReturnFocusAfterClose = true,
@@ -44635,7 +44627,7 @@ const Modal = ({
   footerContent,
   closeAriaLabel,
   parentSelector
-}) => {
+}) {
   const modalHasHeader = Boolean(onRequestClose || title);
   const themeContext = useContext(ThemeContext$1);
   return /* @__PURE__ */ jsx$1(
@@ -44677,7 +44669,7 @@ const Modal = ({
       )
     }
   );
-};
+}
 function ModalWrapper({
   modalHasHeader,
   title,
@@ -51502,17 +51494,19 @@ function MenuList(props) {
       ref: list,
       outerRef: innerRef,
       estimatedItemSize,
-      innerElementType: React.forwardRef(({ style, ...rest }, ref) => /* @__PURE__ */ jsx$1(
-        "div",
-        {
-          ref,
-          style: {
-            ...style,
-            height: `${parseFloat(style.height) + paddingBottom + paddingTop}px`
-          },
-          ...rest
-        }
-      )),
+      innerElementType: React.forwardRef(
+        ({ style, ...rest }, ref) => /* @__PURE__ */ jsx$1(
+          "div",
+          {
+            ref,
+            style: {
+              ...style,
+              height: `${parseFloat(style.height) + paddingBottom + paddingTop}px`
+            },
+            ...rest
+          }
+        )
+      ),
       height: menuHeight,
       width: "100%",
       itemCount,
@@ -52396,10 +52390,7 @@ function useSummaryContext() {
   }
   return context;
 }
-const SummaryContextProvider = ({
-  breakpoint,
-  children
-}) => {
+function SummaryContextProvider({ breakpoint, children }) {
   return /* @__PURE__ */ jsx$1(
     SummaryContext.Provider,
     {
@@ -52409,7 +52400,7 @@ const SummaryContextProvider = ({
       children
     }
   );
-};
+}
 const SummaryWrapper = styled(Box)(({ theme, breakpoint }) => ({
   display: "flex",
   background: theme.colors.white,
@@ -52428,12 +52419,12 @@ const SummaryWrapper = styled(Box)(({ theme, breakpoint }) => ({
     rowGap: 0
   }
 }));
-const Summary = ({ breakpoint, children, ...rest }) => {
+function Summary({ breakpoint, children, ...rest }) {
   const theme = useTheme();
   breakpoint || (breakpoint = theme.breakpoints.medium);
   const breakpointPx = numberFromDimension(breakpoint);
   return /* @__PURE__ */ jsx$1(SummaryContextProvider, { breakpoint: breakpointPx, children: /* @__PURE__ */ jsx$1(SummaryWrapper, { breakpoint: breakpointPx, ...rest, children }) });
-};
+}
 const SummaryItemWrapper = styled(Flex)(({ theme, breakpoint }) => ({
   gap: theme.space.half,
   flexDirection: "column",
@@ -52441,7 +52432,7 @@ const SummaryItemWrapper = styled(Flex)(({ theme, breakpoint }) => ({
     flexDirection: "row"
   }
 }));
-const SummaryItem = ({ value, status, ...rest }) => {
+function SummaryItem({ value, status, ...rest }) {
   const { breakpoint } = useSummaryContext();
   const matches = useMediaQuery(`(max-width: ${breakpoint}px)`);
   delete rest["children"];
@@ -52449,7 +52440,7 @@ const SummaryItem = ({ value, status, ...rest }) => {
     /* @__PURE__ */ jsx$1(Text, { fontWeight: "medium", fontSize: !matches ? "heading4" : void 0, children: value }),
     status
   ] });
-};
+}
 const Divider = styled(Box)(({ theme, breakpoint }) => ({
   display: "block",
   alignSelf: "stretch",
@@ -52465,11 +52456,7 @@ const SummaryDivider = (props) => {
   const { breakpoint } = useSummaryContext();
   return /* @__PURE__ */ jsx$1(Divider, { breakpoint: numberFromDimension(breakpoint), ...props });
 };
-const FocusManager = ({
-  children,
-  refs = void 0,
-  defaultFocusedIndex
-}) => {
+function FocusManager({ children, refs = void 0, defaultFocusedIndex }) {
   const [focusedIndex, setFocusedIndex] = useState(defaultFocusedIndex ?? 0);
   const prevFocusedIndex = useRef(focusedIndex);
   const focusPrevious = () => {
@@ -52504,8 +52491,8 @@ const FocusManager = ({
     setFocusedIndex,
     handleArrowNavigation
   }) });
-};
-const Switcher = ({ variant: variant3, selected, onChange: onChange2, ...rest }) => {
+}
+function Switcher({ variant: variant3, selected, onChange: onChange2, ...rest }) {
   const componentVariant = useComponentVariant(variant3);
   const optionRefs = [];
   const isSelected = (value, index2) => {
@@ -52539,7 +52526,7 @@ const Switcher = ({ variant: variant3, selected, onChange: onChange2, ...rest })
     });
   };
   return /* @__PURE__ */ jsx$1(Box, { display: "inline-flex", bg: "whiteGrey", borderRadius: "9999px", ...rest, children: /* @__PURE__ */ jsx$1(FocusManager, { refs: optionRefs, defaultFocusedIndex: getSelectedIndex(), children: ({ focusedIndex, setFocusedIndex, handleArrowNavigation }) => options(focusedIndex, setFocusedIndex, handleArrowNavigation) }) });
-};
+}
 const Switch$1 = React__default.forwardRef(({ children, ...rest }, ref) => {
   return /* @__PURE__ */ jsx$1(SwitchButton, { ...rest, ref, children });
 });
@@ -52711,14 +52698,14 @@ const TabScrollIndicatorButton = styled.button(({ side, width: width2, theme })
     opacity: ".5"
   }
 }));
-const TabScrollIndicator = ({
+function TabScrollIndicator({
   side = "left",
   width: width2 = 40,
   ariaLabelLeft,
   ariaLabelRight,
   onClick,
   ...props
-}) => {
+}) {
   const { t: t3 } = useTranslation();
   const rightArrowLabel = ariaLabelRight || t3("next");
   const leftArrowLabel = ariaLabelLeft || t3("previous");
@@ -52738,7 +52725,7 @@ const TabScrollIndicator = ({
       children: /* @__PURE__ */ jsx$1(Icon, { icon: side === "right" ? "rightArrow" : "leftArrow" })
     }
   );
-};
+}
 const TabScrollIndicatorContainer = styled.div(({ width: width2, theme }) => ({
   position: "absolute",
   width: width2,
@@ -53724,12 +53711,12 @@ const ToastContainer = ({
     }
   );
 };
-const CustomToast = ({ isVisible, id: id2, children, ...props }) => {
+function CustomToast({ isVisible, id: id2, children, ...props }) {
   const handleClose = () => {
     n.dismiss(id2);
   };
   return /* @__PURE__ */ jsx$1(AnimatePresence, { children: isVisible && /* @__PURE__ */ jsx$1(AnimatedBox, { role: "alert", ...toastAnimationConfig, children: /* @__PURE__ */ jsx$1(Alert, { controlled: true, onClose: handleClose, ...props, children }) }, "notification") });
-};
+}
 const toast = {
   danger: (children, props = {}, options = {}) => n.custom(
     (t3) => /* @__PURE__ */ jsx$1(CustomToast, { id: t3.id, isVisible: t3.visible, type: "danger", ...props, children }),
@@ -53779,7 +53766,7 @@ function Switch({ children, disabled, checked }) {
     }
   );
 }
-const Slider = ({ disabled, children }) => {
+function Slider({ disabled, children }) {
   const theme = useTheme();
   return /* @__PURE__ */ jsx$1(
     motion.div,
@@ -53808,7 +53795,7 @@ const Slider = ({ disabled, children }) => {
       children
     }
   );
-};
+}
 const ToggleInput = styled.input(({ disabled, theme }) => ({
   width: "1px",
   height: "1px",