fix(pkg): make the package importable from ESM and CommonJS

package.json

@@ -2,12 +2,36 @@
   "name": "@aossie-org/social-share-button",
   "version": "1.0.4",
   "description": "Lightweight social sharing component for web applications",
-  "main": "src/social-share-button.js",
+  "main": "./src/social-share-button.js",
+  "module": "./src/social-share-button.mjs",
+  "exports": {
+    ".": {
+      "import": "./src/social-share-button.mjs",
+      "require": "./src/social-share-button.js",
+      "default": "./src/social-share-button.mjs"
+    },
+    "./analytics": {
+      "import": "./src/social-share-analytics.mjs",
+      "require": "./src/social-share-analytics.js",
+      "default": "./src/social-share-analytics.mjs"
+    },
+    "./react": "./src/social-share-button-react.jsx",
+    "./preact": "./src/social-share-button-preact.jsx",
+    "./qwik": "./src/social-share-button-qwik.tsx",
+    "./css": "./src/social-share-button.css",
+    "./src/*": "./src/*",
+    "./package.json": "./package.json"
+  },
   "files": [
+    "src/package.json",
     "src/social-share-button.js",
+    "src/social-share-button.mjs",
     "src/social-share-button.css",
     "src/social-share-button-react.jsx",
+    "src/social-share-button-preact.jsx",
+    "src/social-share-button-qwik.tsx",
     "src/social-share-analytics.js",
+    "src/social-share-analytics.mjs",
     "README.md",
     "LICENSE"
   ],

src/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

src/social-share-analytics.mjs

@@ -0,0 +1,18 @@
+/**
+ * ES module entry point for the analytics adapters.
+ *
+ * social-share-analytics.js is also usable as a classic <script> tag, so it
+ * cannot contain `export` syntax. This file is the module entry instead.
+ */
+import adapters from "./social-share-analytics.js";
+
+export default adapters;
+export const {
+  SocialShareAnalyticsPlugin,
+  GoogleAnalyticsAdapter,
+  MixpanelAdapter,
+  SegmentAdapter,
+  PlausibleAdapter,
+  PostHogAdapter,
+  CustomAdapter,
+} = adapters;

src/social-share-button.mjs

@@ -0,0 +1,11 @@
+/**
+ * ES module entry point for SocialShareButton.
+ *
+ * social-share-button.js is also served directly to browsers as a classic
+ * <script> tag from the CDN, so it cannot contain `export` syntax. This file
+ * is the module entry instead, and simply re-exports the class from it.
+ */
+import SocialShareButton from "./social-share-button.js";
+
+export default SocialShareButton;
+export { SocialShareButton };