chore: project housekeeping on the components folder

Signed-off-by: Rai Siqueira <[email protected]>

.eslintignore

@@ -1,3 +1,2 @@
 node_modules
 packages/headless-stepper/dist
-packages/headless-stepper/components/dist

package.json

@@ -8,9 +8,7 @@
     "prebuild": "cp -r ./README.md ./packages/headless-stepper",
     "build:lib-fast": "npm run prebuild && pnpm exec tsup --config packages/headless-stepper/tsup.config.ts",
     "build:lib": "npm run prebuild && pnpm exec tsup --config packages/headless-stepper/tsup.config.ts --dts-resolve",
-    "build:components": "pnpm exec tsup --config packages/headless-stepper/components/tsup.config.ts --dts-resolve",
-    "build:components-fast": "pnpm exec tsup --config packages/headless-stepper/components/tsup.config.ts",
-    "build:all": "pnpm run build:lib && pnpm run build:components",
+    "build:all": "pnpm run build:lib",
     "nx": "nx",
     "publish:prod": "npm run build:all && cd ./packages/headless-stepper && npm publish",
     "publish:dev": "npm run build:all && cd ./packages/headless-stepper && npm publish --tag next",
@@ -109,4 +107,4 @@
   "nx": {
     "includedScripts": []
   }
-}
+}

packages/headless-stepper/package.json

@@ -1,7 +1,7 @@
 {
   "name": "headless-stepper",
   "description": "Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.",
-  "version": "1.10.0-beta.1",
+  "version": "1.10.0-beta.3",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -49,13 +49,13 @@
       "default": "./dist/index.mjs"
     },
     "./components": {
-      "types": "./components/dist/index.d.ts",
+      "types": "./dist/components.d.ts",
       "import": {
-        "types": "./components/dist/index.d.ts",
-        "default": "./components/dist/index.mjs"
+        "types": "./dist/components.d.ts",
+        "default": "./dist/components.mjs"
       },
-      "module": "./components/dist/index.mjs",
-      "default": "./components/dist/index.mjs"
+      "module": "./dist/components.mjs",
+      "default": "./dist/components.mjs"
     }
   },
   "sideEffects": false

packages/headless-stepper/components/src/components/Step.tsx → packages/headless-stepper/src/lib/components/Step.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PolymorphicComponentType, Steps } from 'headless-stepper';
+import type { PolymorphicComponentType, Steps } from '../types';
 
 export type StepComponentProps = React.PropsWithChildren<
   React.HTMLAttributes<HTMLElement> &

packages/headless-stepper/components/src/components/Stepper.tsx → packages/headless-stepper/src/lib/components/Stepper.tsx

@@ -1,10 +1,8 @@
 import React from 'react';
 import StepperContext from '../context';
-import { useIsomorphicId, useStepper } from 'headless-stepper';
-import type {
-  PolymorphicComponentType,
-  StepperOrientation,
-} from 'headless-stepper';
+import { useStepper } from '../hooks/useStepper';
+import { useIsomorphicId } from '../hooks/useId';
+import type { PolymorphicComponentType, StepperOrientation } from '../types';
 import type { StepComponentProps } from './Step';
 
 export type StepperComponentProps = React.PropsWithChildren<

packages/headless-stepper/components/src/components/examples/StepperComponent.tsx → packages/headless-stepper/src/lib/components/examples/StepperComponent.tsx

@@ -1,4 +1,4 @@
-import { Stepper, Step, StepComponentProps } from '../';
+import { Stepper, Step, StepComponentProps } from '..';
 
 const StepperComponent = () => {
   return (

packages/headless-stepper/components/src/context/index.tsx → packages/headless-stepper/src/lib/context/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { UseStepper } from 'headless-stepper';
+import type { UseStepper } from '../hooks/useStepper';
 
 /**
  * Context for the stepper.

packages/headless-stepper/src/lib/examples/StepperComponent.tsx

@@ -1,5 +1,5 @@
 // eslint-disable-next-line @nx/enforce-module-boundaries
-import { Stepper, Step } from '../../../components/src/components';
+import { Stepper, Step } from '../components';
 
 const StepperComponent = () => {
   return (

packages/headless-stepper/tsup.config.ts

@@ -1,11 +1,14 @@
 import { defineConfig } from 'tsup';
 import path from 'path';
 
-const p = path.join(__dirname, 'src');
+const p = path.join(__dirname);
 
 export default defineConfig({
   name: 'headless-stepper',
-  entry: [`${p}/index.ts`],
+  entry: {
+    index: `${p}/src/index.ts`,
+    components: `${p}/src/lib/components/index.ts`,
+  },
   outDir: path.join(__dirname, 'dist'),
   sourcemap: true,
   dts: true,