refactor: split types into files (#163)

.storybook/storybook.config.js

@@ -27,7 +27,8 @@ export default defineConfig({
       "@components": resolve(__dirname, "../src/components"),
       "@hooks": resolve(__dirname, "../src/hooks"),
       "@themes": resolve(__dirname, "../src/themes"),
-      "@validators": resolve(__dirname, "../src/validators"),
+      "@validators": resolve(__dirname, "./src/validators"),
+      "@types": resolve(__dirname, "../src/types"),
     },
   },
 });

src/components/Accordion/Accordion.tsx

@@ -4,7 +4,7 @@ import Flex, { FlexProps } from "@components/Flex";
 // Context
 import { AccordionContextProvider } from "./AccordionContext";
 // Types
-import { PrismaneWithInternal, PrismaneProps } from "@/types";
+import { PrismaneWithInternal, PrismaneProps } from "@types";
 // Utils
 import { strip } from "@/utils";
 

src/components/Accordion/AccordionControl/AccordionControl.tsx

@@ -6,7 +6,7 @@ import Transition, { TransitionProps } from "@components/Transition";
 import { useAccordionContext } from "../AccordionContext";
 import { useAccordionItemContext } from "../AccordionItem/AccordionItemContext";
 // Types
-import { PrismaneProps } from "@/types";
+import { PrismaneProps } from "@types";
 // Utils
 import { strip, fr } from "@/utils";
 

src/components/Accordion/AccordionIcon/AccordionIcon.tsx

@@ -7,7 +7,7 @@ import Transition from "@components/Transition";
 import { useAccordionContext } from "../AccordionContext";
 import { useAccordionItemContext } from "../AccordionItem/AccordionItemContext";
 // Types
-import { PrismaneProps } from "@/types";
+import { PrismaneProps } from "@types";
 // Utils
 import { strip } from "@/utils";
 

src/components/Accordion/AccordionItem/AccordionItem.tsx

@@ -4,7 +4,7 @@ import Flex, { FlexProps } from "@components/Flex";
 // Context
 import { AccordionItemContextProvider } from "./AccordionItemContext";
 // Types
-import { PrismaneProps } from "@/types";
+import { PrismaneProps } from "@types";
 // Utils
 import { strip } from "@/utils";
 

src/components/Alert/Alert.tsx

@@ -13,7 +13,7 @@ import CloseButton from "@components/CloseButton";
 import useAnimation from "@hooks/useAnimation";
 import usePresence from "@hooks/usePresence";
 // Types
-import { PrismaneActions, PrismaneWithInternal, PrismaneProps } from "@/types";
+import { PrismaneActions, PrismaneWithInternal, PrismaneProps } from "@types";
 // Utils
 import { strip, variants, fr } from "@/utils";
 

src/components/Animation/Animation.tsx

@@ -8,7 +8,7 @@ import {
   PrismaneVersatile,
   PrismaneVersatileRef,
   PrismaneProps,
-} from "@/types";
+} from "@types";
 // Utils
 import { strip } from "@/utils";
 

src/components/AspectRatio/AspectRatio.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 // Components
 import Box, { BoxProps } from "@components/Box";
 // Types
-import { PrismaneStyles, PrismaneProps } from "@/types";
+import { PrismaneStyles, PrismaneProps } from "@types";
 // Utils
 import { strip } from "@/utils";
 

src/components/AutocompleteField/AutocompleteField.tsx

@@ -4,7 +4,7 @@ import SelectField, { SelectFieldProps } from "@components/SelectField";
 // Hooks
 import useDebounce from "@hooks/useDebounce";
 // Types
-import { PrismaneProps } from "@/types";
+import { PrismaneProps } from "@types";
 // Utils
 import { strip } from "@/utils";
 

src/components/Avatar/Avatar.tsx

@@ -14,7 +14,7 @@ import {
   PrismaneVersatile,
   PrismaneVersatileRef,
   PrismaneProps,
-} from "@/types";
+} from "@types";
 // Utils
 import { strip, variants, fr } from "@/utils";
 

src/components/Badge/Badge.tsx

@@ -11,7 +11,7 @@ import {
   PrismaneVersatile,
   PrismaneVersatileRef,
   PrismaneProps,
-} from "@/types";
+} from "@types";
 // Utils
 import { strip, variants, fr } from "@/utils";
 

src/components/Box/Box.tsx

@@ -10,7 +10,7 @@ import {
   PrismaneVersatile,
   Versatile,
   PrismaneVersatileRef,
-} from "@/types";
+} from "@types";
 // Utils
 import { strip, dual, fr } from "@/utils";
 

src/components/Box/useStyling/useStyling.ts

@@ -5,7 +5,7 @@ import { usePrismaneTheme } from "@components/PrismaneProvider/PrismaneContext";
 // Hooks
 import useMemoization from "@hooks/useMemoization";
 // Types
-import { PrismaneTheme } from "@/types";
+import { PrismaneTheme } from "@types";
 
 type StylingProp =
   | any

src/components/Breadcrumb/Breadcrumb.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Types
-import { PrismaneWithInternal } from "@/types";
+import { PrismaneWithInternal } from "@types";
 // Utils
 import { strip, fr } from "@/utils";
 

src/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.tsx

@@ -3,7 +3,7 @@ import { forwardRef } from "react";
 import Flex, { FlexProps } from "@components/Flex";
 import Link from "@components/Link";
 // Types
-import { Versatile, PrismaneVersatile, PrismaneVersatileRef } from "@/types";
+import { Versatile, PrismaneVersatile, PrismaneVersatileRef } from "@types";
 // Utils
 import { strip } from "@/utils";
 

src/components/Button/Button.tsx

@@ -12,7 +12,7 @@ import {
   PrismaneVersatile,
   PrismaneVersatileRef,
   PrismaneProps,
-} from "@/types";
+} from "@types";
 // Utils
 import { strip, variants, fr } from "@/utils";
 

src/components/Card/Card.tsx

@@ -7,7 +7,7 @@ import {
   Versatile,
   PrismaneVersatile,
   PrismaneVersatileRef,
-} from "@/types";
+} from "@types";
 // Utils
 import { strip, fr } from "@/utils";
 

src/components/Center/Center.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Types
-import { Versatile, PrismaneVersatile, PrismaneVersatileRef } from "@/types";
+import { Versatile, PrismaneVersatile, PrismaneVersatileRef } from "@types";
 // Utils
 import { strip } from "@/utils";
 

src/components/Checkbox/Checkbox.tsx

@@ -7,7 +7,7 @@ import Field, { useFieldProps } from "@components/Field";
 import Animation from "@components/Animation";
 import Hidden from "@components/Hidden";
 // Types
-import { PrismaneFieldComponent, PrismaneProps } from "@/types";
+import { PrismaneFieldComponent, PrismaneProps } from "@types";
 // Utils
 import { strip, variants, fr } from "@/utils";
 

src/components/Chip/Chip.tsx

@@ -5,7 +5,7 @@ import Transition, { TransitionProps } from "@components/Transition";
 import Icon from "@components/Icon";
 import Text from "@components/Text";
 // Types
-import { PrismaneColors, PrismaneBreakpoints, PrismaneProps } from "@/types";
+import { PrismaneColors, PrismaneBreakpoints, PrismaneProps } from "@types";
 // Utils
 import { strip, variants, fr } from "@/utils";
 

src/components/Circle/Circle.tsx

@@ -8,7 +8,7 @@ import {
   PrismaneVersatile,
   PrismaneVersatileRef,
   PrismaneProps,
-} from "@/types";
+} from "@types";
 // Utils
 import { strip } from "@/utils";
 

src/components/Collapse/Collapse.tsx

@@ -3,7 +3,7 @@ import { forwardRef, useRef } from "react";
 import Animation, { AnimationProps } from "@components/Animation";
 import Box from "@components/Box";
 // Types
-import { PrismaneProps } from "@/types";
+import { PrismaneProps } from "@types";
 // Utils
 import { strip } from "@/utils";
 

src/components/ColorField/ColorField.tsx

@@ -9,7 +9,7 @@ import usePrismaneColor from "@components/PrismaneProvider/usePrismaneColor";
 // Globals
 import { PRISMANE_DEFAULT_COLORS_MAP } from "@/constants";
 // Types
-import { PrismaneColors, PrismaneProps } from "@/types";
+import { PrismaneColors, PrismaneProps } from "@types";
 // Utils
 import { strip, fr } from "@/utils";
 

src/components/Container/Container.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Types
-import { PrismaneBreakpoints, PrismaneProps } from "@/types";
+import { PrismaneBreakpoints, PrismaneProps } from "@types";
 // Utils
 import { strip } from "@/utils";
 

src/components/Dialog/Dialog.tsx

@@ -11,11 +11,7 @@ import useKeyboardShortcut from "@/hooks/useKeyboardShortcut";
 // Context
 import { DialogContextProvider } from "./DialogContext";
 // Types
-import {
-  PrismaneWithInternal,
-  PrismanePositions,
-  PrismaneProps,
-} from "@/types";
+import { PrismaneWithInternal, PrismanePositions, PrismaneProps } from "@types";
 // Utils
 import { strip, fr, variants } from "@/utils";
 

src/components/Divider/Divider.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Types
-import { PrismaneProps, PrismaneBreakpoints } from "@/types";
+import { PrismaneProps, PrismaneBreakpoints } from "@types";
 // Utils
 import { strip, variants } from "@/utils";
 

src/components/Drawer/Drawer.tsx

@@ -15,7 +15,7 @@ import {
   PrismaneWithInternal,
   PrismaneBreakpoints,
   PrismaneProps,
-} from "@/types";
+} from "@types";
 // Utils
 import { strip, variants, dual, fr } from "@/utils";
 // Internal Components

src/components/Field/Field.tsx

@@ -13,7 +13,7 @@ import {
   PrismaneVersatile,
   PrismaneVersatileRef,
   PrismaneProps,
-} from "@/types";
+} from "@types";
 // Hooks
 import { usePrismaneColor } from "../PrismaneProvider";
 import useFieldProps from "./useFieldProps";

src/components/Field/FieldAddon/FieldAddon.tsx

@@ -3,7 +3,7 @@ import { forwardRef } from "react";
 import Transition, { TransitionProps } from "@components/Transition";
 import Flex, { FlexProps } from "@components/Flex";
 // Types
-import { PrismaneBreakpoints, PrismaneProps } from "@/types";
+import { PrismaneBreakpoints, PrismaneProps } from "@types";
 // Utils
 import { strip, variants, fr } from "@/utils";
 

src/components/Field/FieldError/FieldError.tsx

@@ -3,7 +3,7 @@ import { forwardRef } from "react";
 import Flex, { FlexProps } from "@components/Flex";
 import Animation, { AnimationProps } from "@components/Animation";
 // Types
-import { PrismaneBreakpoints, PrismaneProps } from "@/types";
+import { PrismaneBreakpoints, PrismaneProps } from "@types";
 // Utils
 import { strip, variants, fr } from "@/utils";
 

src/components/Field/FieldLabel/FieldLabel.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 // Components
 import Text, { TextProps } from "@components/Text";
 // Types
-import { PrismaneBreakpoints, PrismaneProps } from "@/types";
+import { PrismaneBreakpoints, PrismaneProps } from "@types";
 // Utils
 import { strip, variants } from "@/utils";
 

src/components/Field/useFieldProps.ts

@@ -3,7 +3,7 @@ import { useId } from "../../hooks";
 // Utils
 import { splitProps } from "../../utils";
 // Types
-import { PrismaneFieldComponent } from "../../types";
+import { PrismaneFieldComponent } from "@types";
 
 const useFieldProps = (props: any): [any, PrismaneFieldComponent] => {
   const [rest, field] = splitProps(props, [

src/components/Flex/Flex.tsx

@@ -7,7 +7,7 @@ import {
   PrismaneVersatile,
   PrismaneVersatileRef,
   PrismaneProps,
-} from "@/types";
+} from "@types";
 // Utils
 import { strip, variants } from "@/utils";
 

src/components/Gradient/Gradient.tsx

@@ -12,7 +12,7 @@ import {
   PrismaneProps,
   PrismaneColors,
   PrismaneShades,
-} from "@/types";
+} from "@types";
 // Utils
 import { strip } from "@/utils";
 

src/components/Grid/Grid.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 // Components
 import Box, { BoxProps } from "@components/Box";
 // Types
-import { PrismaneProps, PrismaneWithInternal } from "@/types";
+import { PrismaneProps, PrismaneWithInternal } from "@types";
 // Utils
 import { strip, variants } from "@/utils";
 

src/components/Grid/GridItem/GridItem.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 // Components
 import Flex, { FlexProps } from "@components/Flex";
 // Types
-import { PrismaneProps } from "@/types";
+import { PrismaneProps } from "@types";
 // Utils
 import { strip, variants } from "@/utils";
 

src/components/Hide/Hide.tsx

@@ -4,7 +4,7 @@ import Box, { BoxProps } from "@components/Box";
 // Hooks
 import useMediaQuery from "@hooks/useMediaQuery";
 // Types
-import { PrismaneBreakpoints, PrismaneProps } from "@/types";
+import { PrismaneBreakpoints, PrismaneProps } from "@types";
 // Utils
 import { strip, dual, fr } from "@/utils";
 

src/components/Highlight/Highlight.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 // Components
 import Box, { BoxProps } from "@components/Box";
 // Types
-import { Versatile, PrismaneVersatile, PrismaneVersatileRef } from "@/types";
+import { Versatile, PrismaneVersatile, PrismaneVersatileRef } from "@types";
 // Utils
 import { strip, fr } from "@/utils";
 

src/components/Icon/Icon.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 // Components
 import Square, { SquareProps } from "@components/Square";
 // Types
-import { PrismaneBreakpoints, PrismaneProps } from "@/types";
+import { PrismaneBreakpoints, PrismaneProps } from "@types";
 // Utils
 import { strip, dual, fr } from "@/utils";
 

src/components/Image/Image.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 // Components
 import Box, { BoxProps } from "@components/Box";
 // Types
-import { PrismaneProps } from "@/types";
+import { PrismaneProps } from "@types";
 // Utils
 import { strip } from "@/utils";
 

src/components/Link/Link.tsx

@@ -7,7 +7,7 @@ import {
   PrismaneVersatile,
   PrismaneVersatileRef,
   PrismaneProps,
-} from "@/types";
+} from "@types";
 // Utils
 import { strip, variants, fr } from "@/utils";
 

src/components/List/List.tsx

@@ -7,7 +7,7 @@ import {
   Versatile,
   PrismaneVersatile,
   PrismaneVersatileRef,
-} from "@/types";
+} from "@types";
 // Utils
 import { strip } from "@/utils";
 

src/components/Menu/Menu.tsx

@@ -6,7 +6,7 @@ import Animation, { AnimationProps } from "@components/Animation";
 import usePresence from "@hooks/usePresence";
 import useAnimation from "@hooks/useAnimation";
 // Types
-import { PrismaneProps, PrismaneWithInternal } from "@/types";
+import { PrismaneProps, PrismaneWithInternal } from "@types";
 // Utils
 import { strip, fr } from "@/utils";