revert(revert): ⏪ revert split types changes

Author: navin-moorthy

package.json

@@ -18,7 +18,7 @@
     "url": "git+https://github.com/timelessco/renderlesskit-react-tailwind.git"
   },
   "license": "MIT",
-  "author": "Navin Moorthy <navin@timeless.co>",
+  "author": "Timeless <hello@timeless.co>",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -37,6 +37,7 @@
     "build:cjs": "cross-env BABEL_ENV=cjs babel src --extensions .ts,.tsx -d dist/cjs --source-maps",
     "build:esm": "cross-env BABEL_ENV=esm babel src --extensions .ts,.tsx -d dist/esm --source-maps",
     "build:types": "tsc --emitDeclarationOnly --project tsconfig.prod.json",
+    "check-types": "yarn build:types && yarn tsd",
     "commit": "gacp",
     "contributors:add": "all-contributors add",
     "contributors:generate": "all-contributors generate",
@@ -53,7 +54,7 @@
     "release:github": "conventional-github-releaser -p angular && git push",
     "storybook": "cross-env DEBUG=true start-storybook -p 6006",
     "test": "jest --config ./jest.config.ts --no-cache",
-    "typecheck": "tsc --noEmit --project tsconfig.prod.json && tsd"
+    "tsd": "tsd"
   },
   "commitlint": {
     "extends": [

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 any;
+  const [side, position] = placement.split("-") as Split<typeof placement, "-">;
 
   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 any;
+  const [side, position] = placement.split("-") as Split<typeof placement, "-">;
   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]>;