fix(types): 🐛 fix template literal types causing the build fail

Author: navin-moorthy

src/toast/ToastBar.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import { cx } from "@renderlesskit/react";
 
 import { useTheme } from "../theme";
-import { Split } from "../utils/types";
+// import { Split } from "../utils/types";
 import { isFunction, objectKeys } from "../utils";
 import { useHover, useMediaQuery } from "../hooks";
 import { Toast, ToastPlacement, useToasts, useToastsReturnType } from "./index";
@@ -34,7 +34,7 @@ export type ToastsContainerProps = {
 
 export const ToastsContainer = (props: ToastsContainerProps) => {
   const { toasts, placement, updateHeight, calculateOffset } = props;
-  const [side, position] = placement.split("-") as Split<typeof placement, "-">;
+  const [side, position] = placement.split("-") as any;
 
   const [isMobile] = useMediaQuery("(max-width: 640px)");
   const { hoverProps, isHovered } = useHover();
@@ -113,7 +113,7 @@ export const StackableToast = (props: StackableToastProps) => {
   );
 
   const isToastVisible = visible;
-  const [side, position] = placement.split("-") as Split<typeof placement, "-">;
+  const [side, position] = placement.split("-") as any;
   const sortedIndex = toastsLength - (index + 1);
   const clampedIndex =
     sortedIndex > visibleToasts ? visibleToasts : sortedIndex;

src/utils/types.tsx

@@ -45,9 +45,9 @@ export type AnyString = string & { ignore?: any };
 
 export type Dict<T = any> = Record<string, T>;
 
-export type Split<T, K extends string> = T extends `${infer P1}${K}${infer P2}`
-  ? [P1, ...Split<P2, K>]
-  : [T];
+// export type Split<T, K extends string> = T extends `${infer P1}${K}${infer P2}`
+//   ? [P1, ...Split<P2, K>]
+//   : [T];
 
 export type DeepPartial<T> = {
   [P in keyof T]?: DeepPartial<T[P]>;