Revert "Fix: exported store"

This reverts commit ad4b073.

Author: Akalanka47000

package.json

@@ -25,7 +25,7 @@
   "scripts": {
     "build": "bun run ./esbuild.config.js",
     "build:css": "bunx tailwindcss -i src/styles/index.css -o ./dist/index.css --minify && cp -r src/styles dist/styles && rm dist/styles/storybook.css",
-    "build:types": "bunx tsc --project ./tsconfig.declaration.json && tsc-alias --project ./tsconfig.declaration.json && cd dist && ls -d */ | grep -Ev 'actions|constants|store|types' | xargs rm -rf && cp ./index.d.ts ./index.slim.d.ts",
+    "build:types": "bunx tsc --project ./tsconfig.declaration.json && tsc-alias --project ./tsconfig.declaration.json && cd dist && ls -d */ | grep -Ev 'actions|types' | xargs rm -rf && cp ./index.d.ts ./index.slim.d.ts",
     "bump-version": "bunx --bun automatic-versioning --disable-auto-sync --recursive $(if [ \"$TAG\" != \"latest\" ]; then echo --prerelease; fi) --prerelease-branch=development --prerelease-tag=$TAG --name=@mezh-hq/react-seat-toolkit --ignore-prefixes=ci",
     "format": "bunx prettier --write --cache \"**/*.{js,jsx,ts,tsx,md,css,yml}\"",
     "lint": "bun run --bun eslint . --ext js,jsx,ts,tsx --ignore-path .gitignore --fix --cache --report-unused-disable-directives",

src/components/controls/image.tsx

@@ -1,13 +1,13 @@
 import { memo, useCallback, useState } from "react";
 import { Image } from "lucide-react";
 import { v4 as uuidV4 } from "uuid";
-import { Tool } from "@/constants";
 import { store } from "@/store";
 import { addImage, hideControls } from "@/store/reducers/editor";
 import { selectTool } from "@/store/reducers/toolbar";
 import { ISTKProps } from "@/types";
 import { getImageDimensions, getWorkspaceCenterX, getWorkspaceCenterY, toBase64 } from "@/utils";
 import { Button } from "../core";
+import { Tool } from "../toolbar/data";
 
 const onUploadClick = () => document.getElementById("image-input").click();
 

src/components/controls/index.tsx

@@ -3,11 +3,11 @@ import { X } from "lucide-react";
 import { useSelector } from "react-redux";
 import { twMerge } from "tailwind-merge";
 import { dataAttributes, ids } from "@/constants";
-import { Tool } from "@/constants";
 import { store } from "@/store";
 import { toggleControls } from "@/store/reducers/editor";
 import { ISTKProps } from "@/types";
 import { AnimatedSwitcher, IconButton } from "../core";
+import { Tool } from "../toolbar/data";
 import { default as ImageControls } from "./image";
 import { default as NoControls } from "./no-controls";
 import { default as NoSelectedElement } from "./no-selection";

src/components/toolbar/data.tsx

@@ -1,6 +1,16 @@
 import { CaseSensitive, Circle, Image, MousePointer2, Move, PenTool, Pentagon, Sparkles, Square } from "lucide-react";
 import { twMerge } from "tailwind-merge";
-import { Tool } from "@/constants";
+
+export enum Tool {
+  Select = "Select",
+  Eraser = "Eraser",
+  Seat = "Seat",
+  Pen = "Pen",
+  Text = "Text",
+  Shape = "Shapes",
+  Image = "Image",
+  Pan = "Pan"
+}
 
 export const tools = {
   [Tool.Select]: {

src/components/toolbar/index.tsx

@@ -12,14 +12,14 @@ import {
   TooltipTrigger
 } from "@/components";
 import { default as DockHandler } from "@/components/workspace/dock/handler";
-import { Tool, dataAttributes, ids } from "@/constants";
+import { dataAttributes, ids } from "@/constants";
 import { store } from "@/store";
 import { clearCursor, setCursor, setSelectedPolylineId, showControls } from "@/store/reducers/editor";
 import { clearTool, selectSubTool, selectTool } from "@/store/reducers/toolbar";
 import { ISTKProps } from "@/types";
 import { fallible } from "@/utils";
 import { selectFirstShape } from "../controls/shapes";
-import { tools } from "./data";
+import { Tool, tools } from "./data";
 
 const ToolBar: React.FC<ISTKProps> = (props) => {
   const selectedTool = useSelector((state: any) => state.toolbar.selectedTool);

src/components/workspace/dock/index.tsx

@@ -4,10 +4,10 @@ import { useSelector } from "react-redux";
 import { default as debounce } from "lodash/debounce";
 import { twMerge } from "tailwind-merge";
 import { dataAttributes, ids, selectors } from "@/constants";
-import { Tool } from "@/constants";
 import type { ISTKProps } from "@/types";
 import { d3Extended, getScaleFactorAccountingForViewBoxWidth } from "@/utils";
 import { Button } from "../../core";
+import { Tool } from "../../toolbar/data";
 import { showPostOffsetElements, showPreOffsetElements } from "../elements";
 import { default as Reload } from "../reload";
 import { default as DockHandler } from "./handler";

src/components/workspace/elements/index.tsx

@@ -3,10 +3,10 @@ import { select } from "d3";
 import { default as isEqual } from "lodash/isEqual";
 import { twMerge } from "tailwind-merge";
 import { dataAttributes } from "@/constants";
-import { Tool } from "@/constants";
 import { store } from "@/store";
 import { clearAndSelectElements, deselectElement, selectElement } from "@/store/reducers/editor";
 import { ISTKProps, SeatStatus } from "@/types";
+import { Tool } from "../../toolbar/data";
 import {
   ElementType,
   elements,

src/components/workspace/index.tsx

@@ -1,9 +1,9 @@
 import { useCallback } from "react";
 import { useSelector } from "react-redux";
 import { twMerge } from "tailwind-merge";
-import { Tool, dataAttributes, ids } from "@/constants";
+import { dataAttributes, ids } from "@/constants";
 import { type ISTKProps, SeatStatus } from "@/types";
-import { tools } from "../toolbar/data";
+import { Tool, tools } from "../toolbar/data";
 import { default as Crosshairs } from "./crosshairs";
 import { default as Dock } from "./dock";
 import { default as Element, ElementType } from "./elements";

src/constants/index.ts

@@ -56,14 +56,3 @@ export const seatStatusColors = {
     label: "#ffffff"
   }
 };
-
-export enum Tool {
-  Select = "Select",
-  Eraser = "Eraser",
-  Seat = "Seat",
-  Pen = "Pen",
-  Text = "Text",
-  Shape = "Shapes",
-  Image = "Image",
-  Pan = "Pan"
-}

src/hooks/events/deselection.ts

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
 import { useSelector } from "react-redux";
+import { Tool } from "@/components/toolbar/data";
 import { ElementType } from "@/components/workspace/elements";
-import { Tool } from "@/constants";
 import { dataAttributes, ids } from "@/constants";
 import { store } from "@/store";
 import { clearElements } from "@/store/reducers/editor";

src/hooks/events/selection.ts

@@ -1,7 +1,7 @@
 import { useEffect, useLayoutEffect } from "react";
 import { useSelector } from "react-redux";
+import { Tool } from "@/components/toolbar/data";
 import { ElementType } from "@/components/workspace/elements";
-import { Tool } from "@/constants";
 import { dataAttributes, ids, selectors } from "@/constants";
 import { default as store } from "@/store";
 import { clearAndSelectElements } from "@/store/reducers/editor";

src/hooks/events/workspace-click.ts

@@ -2,9 +2,9 @@ import { useLayoutEffect } from "react";
 import { RectangleHorizontal } from "lucide-react";
 import { useSelector } from "react-redux";
 import { v4 as uuidV4 } from "uuid";
+import { Tool } from "@/components/toolbar/data";
 import { ElementType } from "@/components/workspace/elements";
 import { resizableRectangle, shapeSize } from "@/components/workspace/elements/shape";
-import { Tool } from "@/constants";
 import { dataAttributes, ids } from "@/constants";
 import { store } from "@/store";
 import {

src/index.tsx

@@ -6,8 +6,6 @@ import { type ISTKProps } from "./types";
 
 export { actions } from "@/actions";
 
-export { store } from "@/store";
-
 export { SeatStatus } from "@/types/elements";
 
 export const SeatToolkit = (props: ISTKProps) => {

src/store/reducers/toolbar.ts

@@ -1,5 +1,5 @@
 import { Reducer, createSlice } from "@reduxjs/toolkit";
-import { Tool } from "@/constants";
+import { Tool } from "@/components/toolbar/data";
 
 const initialState = {
   selectedTool: Tool.Select,

src/stories/customization.mdx

@@ -16,7 +16,7 @@ return <SeatToolkit
   styles={{
     root: {
       className: "bg-gray-100",
-      properties: {
+      style: {
         padding: "20px",
         borderRadius: "10px",
         boxShadow: "0 0 10px rgba(0, 0, 0, 0.1)"