{children}
diff --git a/src/styledComponents/StyledPasswordStrengthWrapper.tsx b/src/styledComponents/StyledPasswordStrengthWrapper.tsx
index 81586e2..f8e17f7 100644
--- a/src/styledComponents/StyledPasswordStrengthWrapper.tsx
+++ b/src/styledComponents/StyledPasswordStrengthWrapper.tsx
@@ -1,14 +1,12 @@
-import React, { ReactNode } from 'react';
-import styles from '../styles/default.css';
+import { ReactNode } from 'react';
+import '../styles/default.css';
const StyledPasswordStrengthWrapper = ({
children,
}: {
children: ReactNode;
}) => {
- return (
-
{children}
- );
+ return
{children}
;
};
export default StyledPasswordStrengthWrapper;
diff --git a/src/styledComponents/StyledSeparator.tsx b/src/styledComponents/StyledSeparator.tsx
index f5a7f06..86165a0 100644
--- a/src/styledComponents/StyledSeparator.tsx
+++ b/src/styledComponents/StyledSeparator.tsx
@@ -1,8 +1,8 @@
-import React, { ReactNode } from 'react';
-import styles from '../styles/default.css';
+import { ReactNode } from 'react';
+import '../styles/default.css';
const StyledSeparator = ({ children }: { children?: ReactNode }) => {
- return
{children}
;
+ return
{children}
;
};
export default StyledSeparator;
diff --git a/src/styledComponents/StyledWrapper.tsx b/src/styledComponents/StyledWrapper.tsx
index 8f10b01..b5485a7 100644
--- a/src/styledComponents/StyledWrapper.tsx
+++ b/src/styledComponents/StyledWrapper.tsx
@@ -1,8 +1,8 @@
-import React, { ReactNode } from 'react';
-import styles from '../styles/default.css';
+import { ReactNode } from 'react';
+import '../styles/default.css';
const StyledWrapper = ({ children }: { children: ReactNode }) => {
- return
{children}
;
+ return
{children}
;
};
export default StyledWrapper;
diff --git a/tsconfig.json b/tsconfig.json
index f7e04c9..0621e20 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,6 @@
{
// see https://www.typescriptlang.org/tsconfig to better understand tsconfigs
- "include": ["src", "types", "typings.d.ts", "typings.d.ts"],
+ "include": ["src", "types", "typings.d.ts"],
"compilerOptions": {
"module": "esnext",
"lib": ["dom", "esnext"],
@@ -20,9 +20,10 @@
"noUnusedLocals": true,
"noUnusedParameters": true,
// use Node's module resolution algorithm, instead of the legacy TS one
- "moduleResolution": "node",
- // transpile JSX to React.createElement
- "jsx": "react",
+ "moduleResolution": "bundler",
+ "resolvePackageJsonExports": true,
+ // transpile JSX to React 17+ automatic JSX runtime
+ "jsx": "react-jsx",
// interop between ESM and CJS modules. Recommended by TS
"esModuleInterop": true,
// significant perf increase by skipping checking .d.ts files, particularly those in node_modules. Recommended by TS
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..d6d06e9
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,13 @@
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "rootDir": ".",
+ "module": "esnext",
+ "moduleResolution": "bundler",
+ "skipLibCheck": true,
+ "noEmit": true
+ },
+ "include": ["*.config.ts", "*.config.js"],
+ "exclude": ["node_modules", "dist", "src"]
+}
+
diff --git a/tsdx.config.js b/tsdx.config.js
deleted file mode 100644
index f331dd1..0000000
--- a/tsdx.config.js
+++ /dev/null
@@ -1,22 +0,0 @@
-const replace = require('@rollup/plugin-replace');
-const postcss = require('rollup-plugin-postcss');
-
-module.exports = {
- // This function will run for each entry/format/env combination
- rollup(config, opts) {
- config.plugins = config.plugins.map((p) =>
- p.name === 'replace'
- ? replace({
- 'process.env.NODE_ENV': JSON.stringify(opts.env),
- preventAssignment: true,
- })
- : p
- );
- config.plugins.push(
- postcss({
- modules: true,
- })
- );
- return config;
- },
-};
diff --git a/tsup.config.ts b/tsup.config.ts
new file mode 100644
index 0000000..d791126
--- /dev/null
+++ b/tsup.config.ts
@@ -0,0 +1,37 @@
+import { defineConfig } from 'tsup';
+import { copyFileSync, existsSync } from 'fs';
+import { join } from 'path';
+
+export default defineConfig({
+ entry: ['src/index.tsx'],
+ format: ['cjs', 'esm'],
+ dts: true,
+ splitting: false,
+ sourcemap: true,
+ clean: true,
+ treeshake: true,
+ minify: false, // Let consumers minify if needed
+ external: ['react', 'react-dom', 'react/jsx-runtime'],
+ esbuildOptions(options: any) {
+ options.jsx = 'automatic';
+ },
+ outDir: 'dist',
+ outExtension({ format }: { format: string }) {
+ return {
+ js: format === 'cjs' ? '.cjs' : '.mjs',
+ };
+ },
+ // Don't bundle CSS - export it separately
+ loader: {
+ '.css': 'empty',
+ },
+ onSuccess: async () => {
+ // Copy CSS file to dist after build
+ const cssSource = join(process.cwd(), 'src/styles/default.css');
+ const cssDest = join(process.cwd(), 'dist/styles.css');
+ if (existsSync(cssSource)) {
+ copyFileSync(cssSource, cssDest);
+ console.log('โ Copied styles.css to dist');
+ }
+ },
+});