@prosopo/procaptcha-react 2.6.28 → 2.6.29

package/dist/components/CaptchaWidget.js

@@ -1,76 +1,141 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { ProsopoDatasetError } from "@prosopo/common";
-import { darkTheme, lightTheme } from "@prosopo/widget-skeleton";
+import { lightTheme, darkTheme } from "@prosopo/widget-skeleton";
 import { useMemo } from "react";
 const getHash = (item) => {
-    if (!item.hash) {
-        throw new ProsopoDatasetError("CAPTCHA.MISSING_ITEM_HASH", {
-            context: { item },
-        });
+  if (!item.hash) {
+    throw new ProsopoDatasetError("CAPTCHA.MISSING_ITEM_HASH", {
+      context: { item }
+    });
+  }
+  return item.hash;
+};
+const CaptchaWidget = ({
+  challenge,
+  solution,
+  onClick,
+  themeColor
+}) => {
+  const items = challenge.items;
+  const theme = useMemo(
+    () => themeColor === "light" ? lightTheme : darkTheme,
+    [themeColor]
+  );
+  const fullSpacing = `${theme.spacing.unit}px`;
+  const halfSpacing = `${theme.spacing.half}px`;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        // expand to full height / width of parent
+        width: "100%",
+        height: "100%",
+        // display children in flex, spreading them evenly and wrapping when row length exceeded
+        display: "flex",
+        flexDirection: "row",
+        flexWrap: "wrap",
+        justifyContent: "space-between",
+        paddingBottom: fullSpacing,
+        paddingTop: fullSpacing,
+        gap: "10px"
+      },
+      children: items.map((item, index) => {
+        const hash = getHash(item);
+        const imageStyle = {
+          // enable the items in the grid to grow in width to use up excess space
+          flexGrow: 1,
+          // make the width of each item 1/3rd of the width overall, i.e. 3 columns
+          flexBasis: "calc(33.333% - 10px)",
+          // include the padding / margin / border in the width
+          boxSizing: "border-box"
+        };
+        return /* @__PURE__ */ jsx("div", { style: imageStyle, children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              position: "relative",
+              cursor: "pointer",
+              height: "100%",
+              width: "100%",
+              padding: 0,
+              margin: 0
+            },
+            onClick: () => onClick(hash),
+            children: [
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  style: {
+                    width: "100%",
+                    // image should be full width / height of the item
+                    display: "block",
+                    // removes whitespace below imgs
+                    objectFit: "cover",
+                    // contain the entire image in the img tag
+                    aspectRatio: "1/1",
+                    // force AR to be 1, letterboxing images with different aspect ratios
+                    height: "auto",
+                    // make the img tag responsive to its container
+                    overflow: "hidden",
+                    borderStyle: "solid",
+                    borderWidth: "1px",
+                    borderColor: theme.palette.grey[300]
+                  },
+                  src: item.data,
+                  alt: `Captcha image ${index + 1}`
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    bottom: 0,
+                    right: 0,
+                    height: "100%",
+                    width: "100%",
+                    // display overlays in center
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    // make bg half opacity, i.e. shadowing the item's img
+                    backgroundColor: "rgba(0,0,0,0.5)",
+                    visibility: solution.includes(hash) ? "visible" : "hidden"
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      style: {
+                        backgroundColor: "transparent",
+                        // img must be displayed as block otherwise gets a bottom whitespace border
+                        display: "block",
+                        // how big the overlay icon is
+                        width: "35%",
+                        height: "35%",
+                        transition: "fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+                        userSelect: "none",
+                        fill: "currentcolor"
+                      },
+                      focusable: "false",
+                      color: "#fff",
+                      "aria-hidden": "true",
+                      viewBox: "0 0 24 24",
+                      "data-testid": "CheckIcon",
+                      "aria-label": "Check icon",
+                      children: /* @__PURE__ */ jsx("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ) }, item.hash);
+      })
     }
-    return item.hash;
+  );
 };
-export const CaptchaWidget = ({ challenge, solution, onClick, themeColor, }) => {
-    const items = challenge.items;
-    const theme = useMemo(() => (themeColor === "light" ? lightTheme : darkTheme), [themeColor]);
-    const fullSpacing = `${theme.spacing.unit}px`;
-    const halfSpacing = `${theme.spacing.half}px`;
-    return (_jsx("div", { style: {
-            width: "100%",
-            height: "100%",
-            display: "flex",
-            flexDirection: "row",
-            flexWrap: "wrap",
-            justifyContent: "space-between",
-            paddingBottom: fullSpacing,
-            paddingTop: fullSpacing,
-            gap: "10px",
-        }, children: items.map((item, index) => {
-            const hash = getHash(item);
-            const imageStyle = {
-                flexGrow: 1,
-                flexBasis: "calc(33.333% - 10px)",
-                boxSizing: "border-box",
-            };
-            return (_jsx("div", { style: imageStyle, children: _jsxs("div", { style: {
-                        position: "relative",
-                        cursor: "pointer",
-                        height: "100%",
-                        width: "100%",
-                        padding: 0,
-                        margin: 0,
-                    }, onClick: () => onClick(hash), children: [_jsx("img", { style: {
-                                width: "100%",
-                                display: "block",
-                                objectFit: "cover",
-                                aspectRatio: "1/1",
-                                height: "auto",
-                                overflow: "hidden",
-                                borderStyle: "solid",
-                                borderWidth: "1px",
-                                borderColor: theme.palette.grey[300],
-                            }, src: item.data, alt: `Captcha image ${index + 1}` }), _jsx("div", { style: {
-                                position: "absolute",
-                                top: 0,
-                                left: 0,
-                                bottom: 0,
-                                right: 0,
-                                height: "100%",
-                                width: "100%",
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: "center",
-                                backgroundColor: "rgba(0,0,0,0.5)",
-                                visibility: solution.includes(hash) ? "visible" : "hidden",
-                            }, children: _jsx("svg", { style: {
-                                    backgroundColor: "transparent",
-                                    display: "block",
-                                    width: "35%",
-                                    height: "35%",
-                                    transition: "fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-                                    userSelect: "none",
-                                    fill: "currentcolor",
-                                }, focusable: "false", color: "#fff", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "CheckIcon", "aria-label": "Check icon", children: _jsx("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) }) })] }) }, item.hash));
-        }) }));
+export {
+  CaptchaWidget
 };
-//# sourceMappingURL=CaptchaWidget.js.map

package/dist/components/Modal.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "@emotion/react/jsx-runtime";
 import { css } from "@emotion/react";
 import React from "react";
 import { createPortal } from "react-dom";
-const ModalInnerDivCSS = css `
+const ModalInnerDivCSS = css`
 	position: absolute;
 	top: 50%;
 	left: 50%;
@@ -23,18 +23,22 @@ const ModalInnerDivCSS = css `
     }
 `;
 const ModalComponent = React.memo((props) => {
-    const { show, children } = props;
-    const display = show ? "flex" : "none";
-    const ModalOuterDivCss = {
-        position: "fixed",
-        zIndex: 2147483646,
-        inset: 0,
-        display,
-        alignItems: "center",
-        justifyContent: "center",
-        minHeight: "100vh",
-    };
-    return createPortal(_jsx("div", { className: "prosopo-modalOuter", style: ModalOuterDivCss, children: _jsx("div", { className: "prosopo-modalInner", css: ModalInnerDivCSS, children: children }) }), document.body);
+  const { show, children } = props;
+  const display = show ? "flex" : "none";
+  const ModalOuterDivCss = {
+    position: "fixed",
+    zIndex: 2147483646,
+    inset: 0,
+    display,
+    alignItems: "center",
+    justifyContent: "center",
+    minHeight: "100vh"
+  };
+  return createPortal(
+    /* @__PURE__ */ jsx("div", { className: "prosopo-modalOuter", style: ModalOuterDivCss, children: /* @__PURE__ */ jsx("div", { className: "prosopo-modalInner", css: ModalInnerDivCSS, children }) }),
+    document.body
+  );
 });
-export default ModalComponent;
-//# sourceMappingURL=Modal.js.map
+export {
+  ModalComponent as default
+};

package/dist/components/Procaptcha.js

@@ -1,6 +1,7 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Suspense, lazy } from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { lazy, Suspense } from "react";
 const ProcaptchaWidget = lazy(async () => import("./ProcaptchaWidget.js"));
-const Procaptcha = (props) => (_jsx(Suspense, { children: _jsx(ProcaptchaWidget, { ...props }) }));
-export default Procaptcha;
-//# sourceMappingURL=Procaptcha.js.map
+const Procaptcha = (props) => /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(ProcaptchaWidget, { ...props }) });
+export {
+  Procaptcha as default
+};

package/dist/components/ProcaptchaWidget.js

@@ -1,79 +1,127 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { loadI18next, useTranslation } from "@prosopo/locale";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useTranslation, loadI18next } from "@prosopo/locale";
 import { Manager } from "@prosopo/procaptcha";
-import { Checkbox, useProcaptcha } from "@prosopo/procaptcha-common";
+import { useProcaptcha, Checkbox } from "@prosopo/procaptcha-common";
 import { ProcaptchaConfigSchema } from "@prosopo/types";
-import { darkTheme, lightTheme } from "@prosopo/widget-skeleton";
-import { useEffect, useRef, useState } from "react";
+import { lightTheme, darkTheme } from "@prosopo/widget-skeleton";
+import { useState, useRef, useEffect } from "react";
 import CaptchaComponent from "./CaptchaComponent.js";
-import Modal from "./Modal.js";
+import ModalComponent from "./Modal.js";
 const PROCAPTCHA_EXECUTE_EVENT = "procaptcha:execute";
 const ProcaptchaWidget = (props) => {
-    const { t, ready: isTranslationReady } = useTranslation();
-    const config = ProcaptchaConfigSchema.parse(props.config);
-    const frictionlessState = props.frictionlessState;
-    const i18n = props.i18n;
-    const callbacks = props.callbacks || {};
-    const [state, updateState] = useProcaptcha(useState, useRef);
-    const [loading, setLoading] = useState(false);
-    const manager = Manager(config, state, updateState, callbacks, frictionlessState);
-    const theme = "light" === props.config.theme ? lightTheme : darkTheme;
-    useEffect(() => {
-        if (config.language) {
-            if (i18n) {
-                if (i18n.language !== config.language) {
-                    i18n.changeLanguage(config.language).then((r) => r);
-                }
-            }
-            else {
-                loadI18next(false).then((i18n) => {
-                    if (i18n.language !== config.language)
-                        i18n.changeLanguage(config.language).then((r) => r);
-                });
-            }
+  const { t, ready: isTranslationReady } = useTranslation();
+  const config = ProcaptchaConfigSchema.parse(props.config);
+  const frictionlessState = props.frictionlessState;
+  const i18n = props.i18n;
+  const callbacks = props.callbacks || {};
+  const [state, updateState] = useProcaptcha(useState, useRef);
+  const [loading, setLoading] = useState(false);
+  const manager = Manager(
+    config,
+    state,
+    updateState,
+    callbacks,
+    frictionlessState
+  );
+  const theme = "light" === props.config.theme ? lightTheme : darkTheme;
+  useEffect(() => {
+    if (config.language) {
+      if (i18n) {
+        if (i18n.language !== config.language) {
+          i18n.changeLanguage(config.language).then((r) => r);
         }
-    }, [i18n, config.language]);
-    useEffect(() => {
-        if (state.error) {
-            setLoading(false);
-            if (state.error.key === "CAPTCHA.NO_SESSION_FOUND" && frictionlessState) {
-                setTimeout(() => {
-                    frictionlessState.restart();
-                }, 3000);
-            }
-        }
-    }, [state.error, frictionlessState]);
-    useEffect(() => {
-        const handleExecuteEvent = (event) => {
-            updateState({
-                showModal: true,
-            });
-            if (!state.challenge && manager.start) {
-                console.log("No challenge set, attempting to start verification");
-                try {
-                    manager.start();
-                }
-                catch (error) {
-                    console.error("Error starting verification:", error);
-                }
-            }
-        };
-        document.addEventListener(PROCAPTCHA_EXECUTE_EVENT, handleExecuteEvent);
-        return () => {
-            document.removeEventListener(PROCAPTCHA_EXECUTE_EVENT, handleExecuteEvent);
-        };
-    }, [manager, state.challenge, updateState]);
-    if (config.mode === "invisible") {
-        return (_jsx(Modal, { show: state.showModal, children: state.challenge ? (_jsx(CaptchaComponent, { challenge: state.challenge, index: state.index, solutions: state.solutions, onSubmit: manager.submit, onCancel: manager.cancel, onClick: manager.select, onNext: manager.nextRound, onReload: manager.reload, themeColor: config.theme ?? "light" })) : null }));
+      } else {
+        loadI18next(false).then((i18n2) => {
+          if (i18n2.language !== config.language)
+            i18n2.changeLanguage(config.language).then((r) => r);
+        });
+      }
+    }
+  }, [i18n, config.language]);
+  useEffect(() => {
+    if (state.error) {
+      setLoading(false);
+      if (state.error.key === "CAPTCHA.NO_SESSION_FOUND" && frictionlessState) {
+        setTimeout(() => {
+          frictionlessState.restart();
+        }, 3e3);
+      }
     }
-    return (_jsxs("div", { className: "image-captcha", children: [_jsx(Modal, { show: state.showModal, children: state.challenge ? (_jsx(CaptchaComponent, { challenge: state.challenge, index: state.index, solutions: state.solutions, onSubmit: manager.submit, onCancel: manager.cancel, onClick: manager.select, onNext: manager.nextRound, onReload: manager.reload, themeColor: config.theme ?? "light" })) : (_jsx("div", { children: "No challenge set." })) }), _jsx(Checkbox, { theme: theme, onChange: async () => {
-                    if (loading) {
-                        return;
-                    }
-                    setLoading(true);
-                    await manager.start();
-                    setLoading(false);
-                }, checked: state.isHuman, labelText: isTranslationReady ? t("WIDGET.I_AM_HUMAN") : "", error: state.error?.message, "aria-label": "human checkbox", loading: loading })] }));
+  }, [state.error, frictionlessState]);
+  useEffect(() => {
+    const handleExecuteEvent = (event) => {
+      updateState({
+        showModal: true
+      });
+      if (!state.challenge && manager.start) {
+        console.log("No challenge set, attempting to start verification");
+        try {
+          manager.start();
+        } catch (error) {
+          console.error("Error starting verification:", error);
+        }
+      }
+    };
+    document.addEventListener(PROCAPTCHA_EXECUTE_EVENT, handleExecuteEvent);
+    return () => {
+      document.removeEventListener(
+        PROCAPTCHA_EXECUTE_EVENT,
+        handleExecuteEvent
+      );
+    };
+  }, [manager, state.challenge, updateState]);
+  if (config.mode === "invisible") {
+    return /* @__PURE__ */ jsx(ModalComponent, { show: state.showModal, children: state.challenge ? /* @__PURE__ */ jsx(
+      CaptchaComponent,
+      {
+        challenge: state.challenge,
+        index: state.index,
+        solutions: state.solutions,
+        onSubmit: manager.submit,
+        onCancel: manager.cancel,
+        onClick: manager.select,
+        onNext: manager.nextRound,
+        onReload: manager.reload,
+        themeColor: config.theme ?? "light"
+      }
+    ) : null });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "image-captcha", children: [
+    /* @__PURE__ */ jsx(ModalComponent, { show: state.showModal, children: state.challenge ? /* @__PURE__ */ jsx(
+      CaptchaComponent,
+      {
+        challenge: state.challenge,
+        index: state.index,
+        solutions: state.solutions,
+        onSubmit: manager.submit,
+        onCancel: manager.cancel,
+        onClick: manager.select,
+        onNext: manager.nextRound,
+        onReload: manager.reload,
+        themeColor: config.theme ?? "light"
+      }
+    ) : /* @__PURE__ */ jsx("div", { children: "No challenge set." }) }),
+    /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        theme,
+        onChange: async () => {
+          if (loading) {
+            return;
+          }
+          setLoading(true);
+          await manager.start();
+          setLoading(false);
+        },
+        checked: state.isHuman,
+        labelText: isTranslationReady ? t("WIDGET.I_AM_HUMAN") : "",
+        error: state.error?.message,
+        "aria-label": "human checkbox",
+        loading
+      }
+    )
+  ] });
+};
+export {
+  ProcaptchaWidget as default
 };
-export default ProcaptchaWidget;
-//# sourceMappingURL=ProcaptchaWidget.js.map

package/dist/components/index.js

@@ -1,6 +1,9 @@
-export * from "./CaptchaWidget.js";
-export * from "./CaptchaComponent.js";
-export { default as ProcaptchaWidget } from "./ProcaptchaWidget.js";
-export { default as Procaptcha } from "./Procaptcha.js";
-export * from "./Procaptcha.js";
-//# sourceMappingURL=index.js.map
+import { CaptchaWidget } from "./CaptchaWidget.js";
+import "./CaptchaComponent.js";
+import { default as default2 } from "./ProcaptchaWidget.js";
+import { default as default3 } from "./Procaptcha.js";
+export {
+  CaptchaWidget,
+  default3 as Procaptcha,
+  default2 as ProcaptchaWidget
+};

package/dist/index.js

@@ -1,3 +1,10 @@
-export * from "./components/index.js";
-export * from "./util/index.js";
-//# sourceMappingURL=index.js.map
+import "./components/index.js";
+import "./util/index.js";
+import { default as default2 } from "./components/ProcaptchaWidget.js";
+import { default as default3 } from "./components/Procaptcha.js";
+import { CaptchaWidget } from "./components/CaptchaWidget.js";
+export {
+  CaptchaWidget,
+  default3 as Procaptcha,
+  default2 as ProcaptchaWidget
+};

package/dist/util/index.js

@@ -1,12 +1,19 @@
 function renameKeysForDataAttr(data = {}) {
-    return Object.keys(data).reduce((prev, curr) => ({ ...prev, [`data-${curr}`]: data[curr] }), {});
+  return Object.keys(data).reduce(
+    // biome-ignore lint/performance/noAccumulatingSpread: TODO fix
+    (prev, curr) => ({ ...prev, [`data-${curr}`]: data[curr] }),
+    {}
+  );
 }
-export default function addDataAttr({ general, dev, }) {
-    return {
-        ...renameKeysForDataAttr(general),
-        ...(process.env.NODE_ENV !== "production"
-            ? renameKeysForDataAttr(dev)
-            : {}),
-    };
+function addDataAttr({
+  general,
+  dev
+}) {
+  return {
+    ...renameKeysForDataAttr(general),
+    ...process.env.NODE_ENV !== "production" ? renameKeysForDataAttr(dev) : {}
+  };
 }
-//# sourceMappingURL=index.js.map
+export {
+  addDataAttr as default
+};

package/package.json

@@ -1,9 +1,9 @@
 {
 	"name": "@prosopo/procaptcha-react",
-	"version": "2.6.28",
+	"version": "2.6.29",
 	"author": "PROSOPO LIMITED <info@prosopo.io>",
 	"license": "Apache-2.0",
-	"main": "./dist/index.js",
+	"main": "dist/index.js",
 	"type": "module",
 	"sideEffects": false,
 	"engines": {
@@ -13,31 +13,35 @@
 	"exports": {
 		".": {
 			"import": "./dist/index.js",
-			"require": "./dist/cjs/index.cjs"
+			"require": "./dist/cjs/index.cjs",
+			"types": "./dist/index.d.ts"
 		}
 	},
-	"types": "./dist/index.d.ts",
+	"types": "dist/index.d.ts",
 	"source": "./src/index.ts",
 	"scripts": {
-		"test": "echo \"No test specified\"",
-		"clean": "tsc --build --clean",
-		"build": "tsc --build --verbose",
-		"build:cjs": "npx vite --config vite.cjs.config.ts build"
+		"clean": "del-cli --verbose dist tsconfig.tsbuildinfo",
+		"build": "NODE_ENV=${NODE_ENV:-production}; vite build --config vite.esm.config.ts --mode $NODE_ENV",
+		"build:tsc": "tsc --build --verbose",
+		"build:cjs": "NODE_ENV=${NODE_ENV:-production}; vite build --config vite.cjs.config.ts --mode $NODE_ENV",
+		"typecheck": "tsc --build --declaration --emitDeclarationOnly",
+		"test": "echo no tests"
 	},
 	"browserslist": ["> 0.5%, last 2 versions, not dead"],
 	"dependencies": {
-		"@prosopo/common": "3.0.2",
-		"@prosopo/locale": "3.0.2",
-		"@prosopo/procaptcha": "2.7.14",
-		"@prosopo/procaptcha-common": "2.7.9",
-		"@prosopo/types": "3.0.3",
-		"@prosopo/util": "3.0.2",
-		"@prosopo/widget-skeleton": "2.6.0",
+		"@prosopo/common": "3.1.0",
+		"@prosopo/locale": "3.1.0",
+		"@prosopo/procaptcha": "2.7.15",
+		"@prosopo/procaptcha-common": "2.7.10",
+		"@prosopo/types": "3.0.4",
+		"@prosopo/util": "3.0.3",
+		"@prosopo/widget-skeleton": "2.6.1",
 		"@typegoose/auto-increment": "4.13.0",
 		"axios": "1.10.0",
 		"csstype": "3.1.3",
 		"esbuild": "0.25.6",
 		"express": "4.21.2",
+		"@prosopo/config": "3.1.1",
 		"openpgp": "5.11.3",
 		"react": "18.3.1",
 		"webpack-dev-server": "5.2.2"
@@ -55,7 +59,6 @@
 		}
 	},
 	"devDependencies": {
-		"@prosopo/config": "3.1.0",
 		"@vitest/coverage-v8": "3.0.9",
 		"concurrently": "9.0.1",
 		"del-cli": "6.0.0",

package/vite.cjs.config.ts

@@ -16,7 +16,7 @@ import { ViteCommonJSConfig } from "@prosopo/config";
 
 export default function () {
 	return ViteCommonJSConfig(
-		"procaptcha-react",
-		path.resolve("./tsconfig.cjs.json"),
+		path.basename("."),
+		path.resolve("./tsconfig.json"),
 	);
 }

package/vite.esm.config.ts

@@ -0,0 +1,20 @@
+// Copyright 2021-2025 Prosopo (UK) Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import path from "node:path";
+import { ViteEsmConfig } from "@prosopo/config";
+
+export default function () {
+	return ViteEsmConfig(path.basename("."), path.resolve("./tsconfig.json"));
+}

package/dist/components/Button.d.ts

@@ -1,11 +0,0 @@
-import type React from "react";
-import { type ButtonHTMLAttributes } from "react";
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    themeColor: "light" | "dark";
-    buttonType: "cancel" | "next";
-    onClick: () => void;
-    text: string;
-}
-declare const Button: React.FC<ButtonProps>;
-export default Button;
-//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,KAAK,oBAAoB,EAIzB,MAAM,OAAO,CAAC;AAGf,UAAU,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACpE,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACb;AA4BD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmDjC,CAAC;AACF,eAAe,MAAM,CAAC"}