@matteodicristofalo/text-animations 1.0.0 → 1.0.2

package/README.md

@@ -1,4 +1,4 @@
-# @mdc/text-animations
+# @matteodicristofalo/text-animations
 
 This library provides a set of React components to animate text
 

package/dist/components/split-text-reveal/split-test-reveal.types.d.ts

@@ -0,0 +1,11 @@
+export type SplitTextRevealProps = {
+    text: string;
+    splitType?: SplitType;
+    revealOptions?: Partial<RevealOptions>;
+};
+type SplitType = "sentence" | "word" | "char";
+type RevealOptions = {
+    duration: number;
+    stagger: number;
+};
+export {};

package/dist/components/split-text-reveal/split-text-reveal.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SplitTextRevealProps } from "./split-test-reveal.types";
+export declare function SplitTextReveal({ text, splitType, revealOptions, }: SplitTextRevealProps): React.JSX.Element;

package/dist/components/split-text-reveal/split-text-reveal.stories.d.ts

@@ -0,0 +1,26 @@
+import type { StoryObj } from "@storybook/react";
+import { SplitTextReveal } from "./split-text-reveal";
+declare const meta: {
+    title: string;
+    component: typeof SplitTextReveal;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        text: {
+            control: "text";
+        };
+        splitType: {
+            control: "radio";
+            options: string[];
+        };
+        revealOptions: {
+            control: {
+                type: "object";
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/split-text-rotate/split-text-rotate.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SplitTextRotateProps } from "./split-text-rotate.types";
+export declare function SplitTextRotate({ text, rotateOptions }: SplitTextRotateProps): React.JSX.Element;

package/dist/components/split-text-rotate/split-text-rotate.stories.d.ts

@@ -0,0 +1,22 @@
+import type { StoryObj } from "@storybook/react";
+import { SplitTextRotate } from "./split-text-rotate";
+declare const meta: {
+    title: string;
+    component: typeof SplitTextRotate;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        text: {
+            control: "text";
+        };
+        rotateOptions: {
+            control: {
+                type: "object";
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/split-text-rotate/split-text-rotate.types.d.ts

@@ -0,0 +1,9 @@
+export type SplitTextRotateProps = {
+    text: string;
+    rotateOptions?: Partial<RotateOptions>;
+};
+type RotateOptions = {
+    duration: number;
+    stagger: number;
+};
+export {};

package/dist/hooks/intersection-overser/intersection-observer.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from "react";
+type Options = IntersectionObserverInit & {
+    once?: boolean;
+};
+export declare function useIntersectionObserver(ref: RefObject<HTMLElement>, options?: Options): boolean;
+export {};

package/dist/index.css

@@ -0,0 +1,48 @@
+.split-text-reveal-module_text__-9O5o {
+  position: relative;
+}
+.split-text-reveal-module_text__-9O5o .split-text-reveal-module_is-hidden__2J8-i {
+  opacity: 0;
+}
+.split-text-reveal-module_text__-9O5o .split-text-reveal-module_container__mkD-P {
+  display: inline-flex;
+  overflow: hidden;
+}
+.split-text-reveal-module_text__-9O5o .split-text-reveal-module_container__mkD-P span {
+  min-width: 0.25em;
+  transform: translateY(100%);
+  transition-delay: var(--var-delay);
+  transition-duration: var(--var-duration);
+  transition-property: transform;
+  transition-timing-function: ease-out;
+  will-change: transform;
+}
+.split-text-reveal-module_text__-9O5o.split-text-reveal-module_animate__y6o78 .split-text-reveal-module_container__mkD-P span {
+  transform: translateY(0);
+}
+.split-text-rotate-module_text__xzran {
+  display: block;
+  overflow: hidden;
+  position: relative;
+}
+.split-text-rotate-module_text__xzran .split-text-rotate-module_container__EAJkE {
+  display: flex;
+}
+.split-text-rotate-module_text__xzran .split-text-rotate-module_container__EAJkE:nth-of-type(2) {
+  position: absolute;
+  top: 0;
+  transform: translateY(100%);
+}
+.split-text-rotate-module_text__xzran .split-text-rotate-module_container__EAJkE .split-text-rotate-module_char__PYJ-k {
+  display: inline-block;
+  min-width: 0.25em;
+  transition-delay: var(--var-delay-out);
+  transition-duration: var(--var-duration);
+  transition-property: transform;
+  transition-timing-function: ease-out;
+  will-change: transform;
+}
+.split-text-rotate-module_text__xzran:hover .split-text-rotate-module_container__EAJkE .split-text-rotate-module_char__PYJ-k {
+  transform: translateY(-100%);
+  transition-delay: var(--var-delay-in);
+}

package/dist/index.js

@@ -0,0 +1,146 @@
+import React, { useState, useEffect, useRef, useMemo, useCallback } from 'react';
+
+function round(num, digits) {
+    return parseFloat(num.toFixed(digits));
+}
+
+function sentences(text) {
+    return segment(text, "sentence");
+}
+function words(text) {
+    return segment(text, "word");
+}
+function characters(text) {
+    return segment(text, "grapheme");
+}
+function segment(text, granularity) {
+    var segmenter = new Intl.Segmenter(undefined, { granularity: granularity });
+    return Array.from(segmenter.segment(text), function (segment) { return segment.segment; });
+}
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+function useIntersectionObserver(ref, options) {
+    var _a = useState(false), isIntersecting = _a[0], setIntersecting = _a[1];
+    useEffect(function () {
+        if (!ref.current)
+            return;
+        var observer = new IntersectionObserver(function (_a) {
+            var entry = _a[0];
+            if (options === null || options === void 0 ? void 0 : options.once) {
+                if (entry.isIntersecting) {
+                    setIntersecting(true);
+                    observer.disconnect();
+                }
+            }
+            else {
+                setIntersecting(entry.isIntersecting);
+            }
+        }, __assign({ threshold: 0.75 }, options));
+        observer.observe(ref.current);
+        return function () { return observer.disconnect(); };
+    }, [ref, options]);
+    return isIntersecting;
+}
+
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
+var styles$1 = {"text":"split-text-reveal-module_text__-9O5o","is-hidden":"split-text-reveal-module_is-hidden__2J8-i","container":"split-text-reveal-module_container__mkD-P","animate":"split-text-reveal-module_animate__y6o78"};
+
+var DEFAULT_DURATION$1 = 0.5;
+var DEFAULT_STAGGER$1 = 0.01;
+function SplitTextReveal(_a) {
+    var _b;
+    var text = _a.text, _c = _a.splitType, splitType = _c === void 0 ? "char" : _c, revealOptions = _a.revealOptions;
+    var _d = useState(false), hasBeenMounted = _d[0], setHasBeenMounted = _d[1];
+    var ref = useRef(null);
+    var memoizedOptions = useMemo(function () { return ({ once: true, threshold: 0.1 }); }, []);
+    var isInView = useIntersectionObserver(ref, memoizedOptions);
+    var transitionDuration = (revealOptions === null || revealOptions === void 0 ? void 0 : revealOptions.duration) || DEFAULT_DURATION$1;
+    var transitionStagger = (revealOptions === null || revealOptions === void 0 ? void 0 : revealOptions.stagger) || DEFAULT_STAGGER$1;
+    var splittedText = useMemo(function () {
+        switch (splitType) {
+            case "sentence":
+                return sentences(text);
+            case "word":
+                return words(text);
+            case "char":
+                return characters(text);
+        }
+    }, [splitType, text]);
+    useEffect(function () {
+        setHasBeenMounted(true);
+    }, []);
+    return (React.createElement("span", { ref: ref, className: clsx(styles$1["text"], (_b = {}, _b[styles$1["animate"]] = isInView, _b)), style: {
+            "--var-duration": "".concat(transitionDuration, "s"),
+        } }, hasBeenMounted ? (splittedText.map(function (el, i) { return (React.createElement("span", { key: i, className: styles$1["container"] },
+        React.createElement("span", { style: {
+                "--var-delay": "".concat(round(transitionStagger * i, 3), "s"),
+            } }, el))); })) : (React.createElement("span", { className: styles$1["is-hidden"] }, text))));
+}
+
+var styles = {"text":"split-text-rotate-module_text__xzran","container":"split-text-rotate-module_container__EAJkE","char":"split-text-rotate-module_char__PYJ-k"};
+
+var DEFAULT_DURATION = 0.25;
+var DEFAULT_STAGGER = 0.025;
+function SplitTextRotate(_a) {
+    var text = _a.text, rotateOptions = _a.rotateOptions;
+    var _b = useState(false), hasBeenMounted = _b[0], setHasBeenMounted = _b[1];
+    var splittedText = useMemo(function () { return characters(text); }, [text]);
+    var _c = useMemo(function () { return ({
+        transitionDuration: (rotateOptions === null || rotateOptions === void 0 ? void 0 : rotateOptions.duration) || DEFAULT_DURATION,
+        transitionStagger: (rotateOptions === null || rotateOptions === void 0 ? void 0 : rotateOptions.stagger) || DEFAULT_STAGGER,
+    }); }, [rotateOptions]), transitionDuration = _c.transitionDuration, transitionStagger = _c.transitionStagger;
+    var delays = useCallback(function (index) {
+        var noElementsZeroBased = splittedText.length - 1;
+        return {
+            in: round(transitionStagger * index, 3),
+            out: round(transitionStagger * (noElementsZeroBased - index), 3),
+        };
+    }, [splittedText, transitionStagger]);
+    useEffect(function () {
+        setHasBeenMounted(true);
+    }, []);
+    return (React.createElement("span", { className: styles["text"], style: {
+            "--var-duration": "".concat(transitionDuration, "s"),
+        } }, hasBeenMounted ? (Array.from({ length: 2 }).map(function (_, i) { return (React.createElement("span", { key: i, className: styles["container"] }, splittedText.map(function (char, i) {
+        var charDelays = delays(i);
+        return (React.createElement("span", { key: i, className: styles["char"], style: {
+                "--var-delay-in": "".concat(charDelays.in, "s"),
+                "--var-delay-out": "".concat(charDelays.out, "s"),
+            } }, char));
+    }))); })) : (React.createElement("span", null, text))));
+}
+
+export { SplitTextReveal, SplitTextRotate };

package/dist/utils/numbers.d.ts

@@ -0,0 +1 @@
+export declare function round(num: number, digits: number): number;

package/dist/utils/text.d.ts

@@ -0,0 +1,4 @@
+export declare function sentences(text: string): string[];
+export declare function words(text: string): string[];
+export declare function characters(text: string): string[];
+export declare function segment(text: string, granularity: "sentence" | "word" | "grapheme"): string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matteodicristofalo/text-animations",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "React library to animate text",
   "scripts": {
     "build": "rimraf dist && rollup -c",
@@ -43,6 +43,9 @@
     ".": "./dist/index.js",
     "./index.css": "./dist/index.css"
   },
+  "files": [
+    "dist"
+  ],
   "author": "Matteo Di Cristofalo",
   "license": "ISC",
   "homepage": "https://github.com/matteodicristofalo/text-animations",

package/.storybook/main.ts

@@ -1,22 +0,0 @@
-import type { StorybookConfig } from "@storybook/react-vite";
-import tsconfigPaths from "vite-tsconfig-paths";
-
-const config: StorybookConfig = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-  addons: [
-    "@storybook/addon-onboarding",
-    "@storybook/addon-essentials",
-    "@chromatic-com/storybook",
-    "@storybook/addon-interactions",
-  ],
-  framework: {
-    name: "@storybook/react-vite",
-    options: {},
-  },
-  viteFinal: async (config) => {
-    config.plugins?.push(tsconfigPaths());
-    return config;
-  },
-};
-
-export default config;

package/.storybook/preview.ts

@@ -1,14 +0,0 @@
-import type { Preview } from "@storybook/react";
-
-const preview: Preview = {
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
-};
-
-export default preview;

package/rollup.config.mjs

@@ -1,21 +0,0 @@
-import resolve from '@rollup/plugin-node-resolve';
-import typescript from '@rollup/plugin-typescript';
-import peerDepsExternal from 'rollup-plugin-peer-deps-external';
-import postCss from 'rollup-plugin-postcss';
-
-export default {
-  input: 'src/index.ts',
-  output: {
-    dir: 'dist',
-    format: 'es',
-  },
-  plugins: [
-    postCss({
-      extract: true,
-      modules: true,
-    }),
-    typescript(),
-    peerDepsExternal(),
-    resolve(),
-  ],
-}

package/src/components/split-text-reveal/split-test-reveal.types.ts

@@ -1,12 +0,0 @@
-export type SplitTextRevealProps = {
-  text: string;
-  splitType?: SplitType;
-  revealOptions?: Partial<RevealOptions>;
-};
-
-type SplitType = "sentence" | "word" | "char";
-
-type RevealOptions = {
-  duration: number;
-  stagger: number;
-};

package/src/components/split-text-reveal/split-text-reveal.module.scss

@@ -1,26 +0,0 @@
-.text {
-  position: relative;
-
-  .container {
-    display: inline-flex;
-    overflow: hidden;
-
-    span {
-      min-width: 0.25em;
-      transform: translateY(100%);
-      transition-delay: var(--var-delay);
-      transition-duration: var(--var-duration);
-      transition-property: transform;
-      transition-timing-function: ease-out;
-      will-change: transform;
-    }
-  }
-
-  &.animate {
-    .container {
-      span {
-        transform: translateY(0);
-      }
-    }
-  }
-}

package/src/components/split-text-reveal/split-text-reveal.stories.ts

@@ -1,34 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { SplitTextReveal } from "./split-text-reveal";
-
-const meta = {
-  title: "SplitTextReveal",
-  component: SplitTextReveal,
-  parameters: {
-    layout: "centered",
-  },
-  argTypes: {
-    text: {
-      control: "text",
-    },
-    splitType: {
-      control: "radio",
-      options: ["char", "word", "sentence"],
-    },
-    revealOptions: {
-      control: {
-        type: "object",
-      },
-    },
-  },
-} satisfies Meta<typeof SplitTextReveal>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    text: "Here is the revealed text",
-    splitType: "char",
-  },
-};

package/src/components/split-text-reveal/split-text-reveal.tsx

@@ -1,61 +0,0 @@
-"use client";
-
-import React, { useMemo, useRef } from "react";
-import { round } from "@utils/numbers";
-import { characters, sentences, words } from "@utils/text";
-import { useIntersectionObserver } from "@hooks";
-import { SplitTextRevealProps } from "./split-test-reveal.types";
-import clsx from "clsx";
-import styles from "./split-text-reveal.module.scss";
-
-const DEFAULT_DURATION = 0.5;
-const DEFAULT_STAGGER = 0.01;
-
-export function SplitTextReveal({
-  text,
-  splitType = "char",
-  revealOptions,
-}: SplitTextRevealProps) {
-  const ref = useRef(null);
-  const memoizedOptions = useMemo(() => ({ once: true, threshold: 0.1 }), []);
-  const isInView = useIntersectionObserver(ref, memoizedOptions);
-  const transitionDuration = revealOptions?.duration || DEFAULT_DURATION;
-  const transitionStagger = revealOptions?.stagger || DEFAULT_STAGGER;
-
-  const splitFn = useMemo(() => {
-    switch (splitType) {
-      case "sentence":
-        return sentences;
-      case "word":
-        return words;
-      case "char":
-        return characters;
-    }
-  }, [splitType]);
-
-  return (
-    <span
-      ref={ref}
-      className={clsx(styles["text"], { [styles["animate"]]: isInView })}
-      style={
-        {
-          "--var-duration": `${transitionDuration}s`,
-        } as React.CSSProperties
-      }
-    >
-      {splitFn(text).map((el, i) => (
-        <span key={i} className={styles["container"]}>
-          <span
-            style={
-              {
-                "--var-delay": `${round(transitionStagger * i, 3)}s`,
-              } as React.CSSProperties
-            }
-          >
-            {el}
-          </span>
-        </span>
-      ))}
-    </span>
-  );
-}

package/src/components/split-text-rotate/split-text-rotate.module.scss

@@ -1,34 +0,0 @@
-.text {
-  display: block;
-  overflow: hidden;
-  position: relative;
-
-  .container {
-    display: flex;
-
-    &:nth-of-type(2) {
-      position: absolute;
-      top: 0;
-      transform: translateY(100%);
-    }
-
-    .char {
-      display: inline-block;
-      min-width: 0.25em;
-      transition-delay: var(--var-delay-out);
-      transition-duration: var(--var-duration);
-      transition-property: transform;
-      transition-timing-function: ease-out;
-      will-change: transform;
-    }
-  }
-
-  &:hover {
-    .container {
-      .char {
-        transform: translateY(-100%);
-        transition-delay: var(--var-delay-in);
-      }
-    }
-  }
-}

package/src/components/split-text-rotate/split-text-rotate.stories.ts

@@ -1,29 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { SplitTextRotate } from "./split-text-rotate";
-
-const meta = {
-  title: "SplitTextRotate",
-  component: SplitTextRotate,
-  parameters: {
-    layout: "centered",
-  },
-  argTypes: {
-    text: {
-      control: "text",
-    },
-    rotateOptions: {
-      control: {
-        type: "object",
-      },
-    },
-  },
-} satisfies Meta<typeof SplitTextRotate>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    text: "Rotating text",
-  },
-};

package/src/components/split-text-rotate/split-text-rotate.tsx

@@ -1,60 +0,0 @@
-"use client";
-
-import React, { useCallback } from "react";
-import { round } from "@utils/numbers";
-import { characters } from "@utils/text";
-import { SplitTextRotateProps } from "./split-text-rotate.types";
-import styles from "./split-text-rotate.module.scss";
-
-const DEFAULT_DURATION = 0.25;
-const DEFAULT_STAGGER = 0.025;
-
-export function SplitTextRotate({ text, rotateOptions }: SplitTextRotateProps) {
-  const transitionDuration = rotateOptions?.duration || DEFAULT_DURATION;
-  const transitionStagger = rotateOptions?.stagger || DEFAULT_STAGGER;
-  const splittedText = characters(text);
-
-  const delays = useCallback(
-    (index: number) => {
-      const noElementsZeroBased = splittedText.length - 1;
-      return {
-        in: round(transitionStagger * index, 3),
-        out: round(transitionStagger * (noElementsZeroBased - index), 3),
-      };
-    },
-    [splittedText, transitionStagger]
-  );
-
-  return (
-    <span
-      className={styles["text"]}
-      style={
-        {
-          "--var-duration": `${transitionDuration}s`,
-        } as React.CSSProperties
-      }
-    >
-      {Array.from({ length: 2 }).map((_, i) => (
-        <span key={i} className={styles["container"]}>
-          {splittedText.map((char, i) => {
-            const charDelays = delays(i);
-            return (
-              <span
-                key={i}
-                className={styles["char"]}
-                style={
-                  {
-                    "--var-delay-in": `${charDelays.in}s`,
-                    "--var-delay-out": `${charDelays.out}s`,
-                  } as React.CSSProperties
-                }
-              >
-                {char}
-              </span>
-            );
-          })}
-        </span>
-      ))}
-    </span>
-  );
-}

package/src/components/split-text-rotate/split-text-rotate.types.ts

@@ -1,9 +0,0 @@
-export type SplitTextRotateProps = {
-  text: string;
-  rotateOptions?: Partial<RotateOptions>;
-};
-
-type RotateOptions = {
-  duration: number;
-  stagger: number;
-};

package/src/global.d.ts

@@ -1,4 +0,0 @@
-declare module "*.module.scss" {
-  const classes: { [key: string]: string };
-  export default classes;
-}

package/src/hooks/intersection-overser/intersection-observer.ts

@@ -1,41 +0,0 @@
-"use client";
-
-import { useEffect, useState, RefObject } from "react";
-
-type Options = IntersectionObserverInit & {
-  once?: boolean;
-};
-
-export function useIntersectionObserver(
-  ref: RefObject<HTMLElement>,
-  options?: Options
-): boolean {
-  const [isIntersecting, setIntersecting] = useState(false);
-
-  useEffect(() => {
-    if (!ref.current) return;
-
-    const observer = new IntersectionObserver(
-      ([entry]) => {
-        if (options?.once) {
-          if (entry.isIntersecting) {
-            setIntersecting(true);
-            observer.disconnect();
-          }
-        } else {
-          setIntersecting(entry.isIntersecting);
-        }
-      },
-      {
-        threshold: 0.75,
-        ...options,
-      }
-    );
-
-    observer.observe(ref.current);
-
-    return () => observer.disconnect();
-  }, [ref, options]);
-
-  return isIntersecting;
-}

package/src/utils/numbers.ts

@@ -1,3 +0,0 @@
-export function round(num: number, digits: number): number {
-  return parseFloat(num.toFixed(digits));
-}

package/src/utils/text.ts

@@ -1,19 +0,0 @@
-export function sentences(text: string) {
-  return segment(text, "sentence");
-}
-
-export function words(text: string) {
-  return segment(text, "word");
-}
-
-export function characters(text: string) {
-  return segment(text, "grapheme");
-}
-
-export function segment(
-  text: string,
-  granularity: "sentence" | "word" | "grapheme"
-) {
-  const segmenter = new Intl.Segmenter(undefined, { granularity });
-  return Array.from(segmenter.segment(text), (segment) => segment.segment);
-}

package/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "compilerOptions": {
-    "declaration": true,
-    "esModuleInterop": true,
-    "jsx": "react",
-    "lib": ["esnext", "dom"],
-    "outDir": "dist",
-    "paths": {
-      "@hooks": ["./src/hooks/index"],
-      "@utils/*": ["./src/utils/*"]
-    }
-  }
-}