evelearn-theme 1.0.3 → 1.0.5

package/README.md

@@ -0,0 +1,4 @@
+increment package.json version
+npm run build
+npm publish --access public
+

package/dist/index.d.mts

@@ -2,7 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { CSSProperties, ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
-import * as next_dist_compiled__next_font from 'next/dist/compiled/@next/font';
 
 type Props$h = {
     visible: boolean;
@@ -256,11 +255,6 @@ type Props$4 = {
 };
 declare const Fade: ({ children, inProp }: Props$4) => react_jsx_runtime.JSX.Element;
 
-declare const openSans: next_dist_compiled__next_font.NextFontWithVariable;
-declare const ubuntu: next_dist_compiled__next_font.NextFontWithVariable;
-declare const parkinsans: next_dist_compiled__next_font.NextFontWithVariable;
-declare const balsamicSans: next_dist_compiled__next_font.NextFontWithVariable;
-
 type ProgressBarProps = {
     progress: number;
     height?: number;
@@ -329,4 +323,4 @@ declare const AnimateLogo: () => react_jsx_runtime.JSX.Element;
 
 declare const PRIMARY_COLOR = "#00b4d8";
 
-export { AnimateLogo, Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, OverlaySpinner, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, balsamicSans, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, openSans, parkinsans, tippyClassname, toolbarExerciseButton, ubuntu, xIconButton };
+export { AnimateLogo, Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, OverlaySpinner, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, toolbarExerciseButton, xIconButton };

package/dist/index.d.ts

@@ -2,7 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { CSSProperties, ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
-import * as next_dist_compiled__next_font from 'next/dist/compiled/@next/font';
 
 type Props$h = {
     visible: boolean;
@@ -256,11 +255,6 @@ type Props$4 = {
 };
 declare const Fade: ({ children, inProp }: Props$4) => react_jsx_runtime.JSX.Element;
 
-declare const openSans: next_dist_compiled__next_font.NextFontWithVariable;
-declare const ubuntu: next_dist_compiled__next_font.NextFontWithVariable;
-declare const parkinsans: next_dist_compiled__next_font.NextFontWithVariable;
-declare const balsamicSans: next_dist_compiled__next_font.NextFontWithVariable;
-
 type ProgressBarProps = {
     progress: number;
     height?: number;
@@ -329,4 +323,4 @@ declare const AnimateLogo: () => react_jsx_runtime.JSX.Element;
 
 declare const PRIMARY_COLOR = "#00b4d8";
 
-export { AnimateLogo, Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, OverlaySpinner, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, balsamicSans, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, openSans, parkinsans, tippyClassname, toolbarExerciseButton, ubuntu, xIconButton };
+export { AnimateLogo, Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, OverlaySpinner, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, toolbarExerciseButton, xIconButton };

package/dist/index.js

@@ -91,18 +91,14 @@ __export(index_exports, {
   Tippy: () => Tippy_default,
   ToggleSwitch: () => ToggleSwitch_default,
   UserContentSwitcher: () => UserContentSwitcher_default,
-  balsamicSans: () => balsamicSans,
   baseFieldStyle: () => baseFieldStyle,
   createExerciseElementStyle: () => createExerciseElementStyle,
   exerciseDeleteButton: () => exerciseDeleteButton,
   exerciseEditButton: () => exerciseEditButton,
   headerButtonClass: () => headerButtonClass,
   headerTippyClass: () => headerTippyClass,
-  openSans: () => openSans,
-  parkinsans: () => parkinsans,
   tippyClassname: () => tippyClassname,
   toolbarExerciseButton: () => toolbarExerciseButton,
-  ubuntu: () => ubuntu,
   xIconButton: () => xIconButton
 });
 module.exports = __toCommonJS(index_exports);
@@ -128,40 +124,6 @@ var Backdrop_default = Backdrop;
 // src/Backdrop/Overlay.tsx
 var import_react = require("react");
 var import_react_dom = __toESM(require("react-dom"));
-
-// src/fonts/index.tsx
-var import_google = require("next/font/google");
-var openSans = (0, import_google.Open_Sans)({
-  preload: true,
-  display: "swap",
-  subsets: ["cyrillic", "cyrillic-ext", "greek", "greek-ext", "latin", "latin-ext", "vietnamese", "hebrew"],
-  variable: "--font-sans"
-});
-var ubuntu = (0, import_google.Ubuntu)({
-  preload: true,
-  weight: ["300", "400", "500", "700"],
-  display: "auto",
-  subsets: ["cyrillic", "cyrillic-ext", "greek", "greek-ext", "latin", "latin-ext"],
-  variable: "--font-fallback"
-});
-var parkinsans = (0, import_google.Parkinsans)({
-  preload: true,
-  weight: ["300", "400", "500", "700"],
-  display: "swap",
-  adjustFontFallback: false,
-  subsets: ["latin", "latin-ext"],
-  // fallback: ['--font-fallback'],
-  variable: "--font-header"
-});
-var balsamicSans = (0, import_google.Balsamiq_Sans)({
-  preload: false,
-  display: "swap",
-  weight: ["400", "700"],
-  subsets: ["cyrillic", "cyrillic-ext", "latin", "latin-ext"],
-  variable: "--font-fun"
-});
-
-// src/Backdrop/Overlay.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var Overlay = ({ visible, onDismissed, onClick, zIndex, isDark, children, opacity, withContainer = true }) => {
   const [modalRoot, setModalRoot] = (0, import_react.useState)(null);
@@ -186,14 +148,14 @@ var Overlay = ({ visible, onDismissed, onClick, zIndex, isDark, children, opacit
       "div",
       {
         onClick: onDismissed || onClick,
-        className: `top-0 left-0 fixed w-full h-screen flex items-center justify-center ${parkinsans.variable} ${ubuntu.variable} ${openSans.variable}`,
+        className: `top-0 left-0 fixed w-full h-screen flex items-center justify-center`,
         style: {
           background: isDark ? `rgba(0, 0, 0, ${opacity || "0.7"})` : `rgba(255, 255, 255, ${opacity || "0.6"})`,
           zIndex: zIndex || 9999
         },
         children
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `${ubuntu.variable} ${parkinsans.variable} ${openSans.variable}`, children }) }),
+    ) : children }),
     modalRoot
   );
 };
@@ -320,7 +282,6 @@ var Button_default = Button;
 
 // src/Button/FunButton.tsx
 var import_react2 = require("react");
-var import_colors = __toESM(require("tailwindcss/dist/colors"));
 var import_framer_motion = require("framer-motion");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var FunButton = ({
@@ -337,21 +298,21 @@ var FunButton = ({
   const { front, bottom } = (0, import_react2.useMemo)(() => {
     switch (color) {
       case "primary":
-        return { bottom: "#00b4d8", front: import_colors.default.sky["600"] };
+        return { bottom: "#00b4d8", front: "#0284c7" };
       case "red":
-        return { bottom: "#f00f0f", front: import_colors.default.red["700"] };
+        return { bottom: "#f00f0f", front: "#b91c1c" };
       case "green":
-        return { bottom: import_colors.default.green["500"], front: import_colors.default.green["600"] };
+        return { bottom: "#22c55e", front: "#16a34a" };
       case "purple":
-        return { bottom: import_colors.default.indigo["500"], front: import_colors.default.indigo["600"] };
+        return { bottom: "#6366f1", front: "#4f46e5" };
       case "teal":
-        return { bottom: import_colors.default.teal["500"], front: import_colors.default.teal["600"] };
+        return { bottom: "#14b8a6", front: "#0d9488" };
       case "cyan":
-        return { bottom: import_colors.default.cyan["500"], front: import_colors.default.cyan["600"] };
+        return { bottom: "#06b6d4", front: "#0891b2" };
       case "yellow":
-        return { bottom: import_colors.default.yellow["500"], front: import_colors.default.yellow["600"] };
+        return { bottom: "#eab308", front: "#ca8a04" };
       default:
-        return { bottom: "#00b4d8", front: import_colors.default.sky["700"] };
+        return { bottom: "#00b4d8", front: "#0369a1" };
     }
   }, [color]);
   const classStyle = (0, import_react2.useMemo)(() => {
@@ -407,26 +368,25 @@ var FunButton_default = FunButton;
 
 // src/Button/FunRoundButton.tsx
 var import_react3 = require("react");
-var import_colors2 = __toESM(require("tailwindcss/dist/colors"));
 var import_framer_motion2 = require("framer-motion");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var FunRoundButton = ({ onClick, disabled, type, children, color, active, className, size = 44 }) => {
   const { front, bottom } = (0, import_react3.useMemo)(() => {
     switch (color) {
       case "primary":
-        return { bottom: "#00b4d8", front: import_colors2.default.sky["600"] };
+        return { bottom: "#00b4d8", front: "#0284c7" };
       case "red":
         return { bottom: disabled ? "hsl(340deg 100% 42%)" : "hsl(345deg 100% 47%)", front: disabled ? "hsl(340deg 100% 52%)" : "hsl(340deg 100% 32%)" };
       case "green":
-        return { bottom: disabled ? import_colors2.default.green["300"] : import_colors2.default.green["500"], front: disabled ? import_colors2.default.green["400"] : import_colors2.default.green["600"] };
+        return { bottom: disabled ? "#86efac" : "#22c55e", front: disabled ? "#4ade80" : "#16a34a" };
       case "purple":
-        return { bottom: disabled ? import_colors2.default.indigo["300"] : import_colors2.default.indigo["500"], front: disabled ? import_colors2.default.indigo["400"] : import_colors2.default.indigo["600"] };
+        return { bottom: disabled ? "#a5b4fc" : "#6366f1", front: disabled ? "#818cf8" : "#4f46e5" };
       case "teal":
-        return { bottom: disabled ? import_colors2.default.teal["300"] : import_colors2.default.teal["500"], front: disabled ? import_colors2.default.teal["400"] : import_colors2.default.teal["600"] };
+        return { bottom: disabled ? "#5eead4" : "#14b8a6", front: disabled ? "#2dd4bf" : "#0d9488" };
       case "yellow":
-        return { bottom: disabled ? import_colors2.default.yellow["300"] : import_colors2.default.yellow["500"], front: disabled ? import_colors2.default.yellow["400"] : import_colors2.default.yellow["600"] };
+        return { bottom: disabled ? "#fde047" : "#eab308", front: disabled ? "#facc15" : "#ca8a04" };
       default:
-        return { bottom: disabled ? import_colors2.default.gray["300"] : "#00b4d8", front: disabled ? import_colors2.default.sky["400"] : import_colors2.default.sky["700"] };
+        return { bottom: disabled ? "#d1d5db" : "#00b4d8", front: disabled ? "#38bdf8" : "#0369a1" };
     }
   }, [color, disabled]);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -567,7 +527,6 @@ var RadioOption = ({ name, isLarge, labelText, option, onSelect }) => {
 var RadioOption_default = RadioOption;
 
 // src/Common/BottomAlert.tsx
-var import_colors3 = __toESM(require("tailwindcss/dist/colors"));
 var import_react_dom2 = __toESM(require("react-dom"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var BottomAlert = ({ isDark, setDontShowAgain, dontShowAgain, title, borderColor, onDismissed, cancelText, confirmText, onConfirm, onCancel, isSingleAction, children, buttonColor }) => {
@@ -582,7 +541,7 @@ var BottomAlert = ({ isDark, setDontShowAgain, dontShowAgain, title, borderColor
         background: isDark ? "rgba(0, 0, 0, 0.1)" : "rgba(255, 255, 255, 0.1)",
         zIndex: 9999
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "absolute top-0 w-full h-screen flex justify-center bg-gray-200/90 dark:bg-slate-800/50", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "absolute sm:w-1/2 w-full mx-auto shadow-xl rounded-md p-6 flex z-50 flex-col top-24 bg-white dark:bg-slate-900 overflow-clip rounded-bl-lg rounded-br-lg border-b-8 border-b-blue-500", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { borderColor: borderColor || import_colors3.default.sky["500"] }, children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "absolute top-0 w-full h-screen flex justify-center bg-gray-200/90 dark:bg-slate-800/50", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "absolute sm:w-1/2 w-full mx-auto shadow-xl rounded-md p-6 flex z-50 flex-col top-24 bg-white dark:bg-slate-900 overflow-clip rounded-bl-lg rounded-br-lg border-b-8 border-b-blue-500", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { borderColor: borderColor || "#0ea5e9" }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: "font-semibold font-header text-gray-700 dark:text-gray-300 text-xl", children: title }),
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mt-2 text-lg", children }),
         setDontShowAgain ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center space-x-1", children: [
@@ -1636,17 +1595,13 @@ var PRIMARY_COLOR3 = "#00b4d8";
   Tippy,
   ToggleSwitch,
   UserContentSwitcher,
-  balsamicSans,
   baseFieldStyle,
   createExerciseElementStyle,
   exerciseDeleteButton,
   exerciseEditButton,
   headerButtonClass,
   headerTippyClass,
-  openSans,
-  parkinsans,
   tippyClassname,
   toolbarExerciseButton,
-  ubuntu,
   xIconButton
 });

package/dist/index.mjs

@@ -51,40 +51,6 @@ var Backdrop_default = Backdrop;
 // src/Backdrop/Overlay.tsx
 import { useEffect, useState } from "react";
 import ReactDOM from "react-dom";
-
-// src/fonts/index.tsx
-import { Open_Sans, Ubuntu, Balsamiq_Sans, Parkinsans } from "next/font/google";
-var openSans = Open_Sans({
-  preload: true,
-  display: "swap",
-  subsets: ["cyrillic", "cyrillic-ext", "greek", "greek-ext", "latin", "latin-ext", "vietnamese", "hebrew"],
-  variable: "--font-sans"
-});
-var ubuntu = Ubuntu({
-  preload: true,
-  weight: ["300", "400", "500", "700"],
-  display: "auto",
-  subsets: ["cyrillic", "cyrillic-ext", "greek", "greek-ext", "latin", "latin-ext"],
-  variable: "--font-fallback"
-});
-var parkinsans = Parkinsans({
-  preload: true,
-  weight: ["300", "400", "500", "700"],
-  display: "swap",
-  adjustFontFallback: false,
-  subsets: ["latin", "latin-ext"],
-  // fallback: ['--font-fallback'],
-  variable: "--font-header"
-});
-var balsamicSans = Balsamiq_Sans({
-  preload: false,
-  display: "swap",
-  weight: ["400", "700"],
-  subsets: ["cyrillic", "cyrillic-ext", "latin", "latin-ext"],
-  variable: "--font-fun"
-});
-
-// src/Backdrop/Overlay.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var Overlay = ({ visible, onDismissed, onClick, zIndex, isDark, children, opacity, withContainer = true }) => {
   const [modalRoot, setModalRoot] = useState(null);
@@ -109,14 +75,14 @@ var Overlay = ({ visible, onDismissed, onClick, zIndex, isDark, children, opacit
       "div",
       {
         onClick: onDismissed || onClick,
-        className: `top-0 left-0 fixed w-full h-screen flex items-center justify-center ${parkinsans.variable} ${ubuntu.variable} ${openSans.variable}`,
+        className: `top-0 left-0 fixed w-full h-screen flex items-center justify-center`,
         style: {
           background: isDark ? `rgba(0, 0, 0, ${opacity || "0.7"})` : `rgba(255, 255, 255, ${opacity || "0.6"})`,
           zIndex: zIndex || 9999
         },
         children
       }
-    ) : /* @__PURE__ */ jsx2("div", { className: `${ubuntu.variable} ${parkinsans.variable} ${openSans.variable}`, children }) }),
+    ) : children }),
     modalRoot
   );
 };
@@ -243,7 +209,6 @@ var Button_default = Button;
 
 // src/Button/FunButton.tsx
 import { useMemo } from "react";
-import colors from "tailwindcss/dist/colors";
 import { motion } from "framer-motion";
 import { jsx as jsx6 } from "react/jsx-runtime";
 var FunButton = ({
@@ -260,21 +225,21 @@ var FunButton = ({
   const { front, bottom } = useMemo(() => {
     switch (color) {
       case "primary":
-        return { bottom: "#00b4d8", front: colors.sky["600"] };
+        return { bottom: "#00b4d8", front: "#0284c7" };
       case "red":
-        return { bottom: "#f00f0f", front: colors.red["700"] };
+        return { bottom: "#f00f0f", front: "#b91c1c" };
       case "green":
-        return { bottom: colors.green["500"], front: colors.green["600"] };
+        return { bottom: "#22c55e", front: "#16a34a" };
       case "purple":
-        return { bottom: colors.indigo["500"], front: colors.indigo["600"] };
+        return { bottom: "#6366f1", front: "#4f46e5" };
       case "teal":
-        return { bottom: colors.teal["500"], front: colors.teal["600"] };
+        return { bottom: "#14b8a6", front: "#0d9488" };
       case "cyan":
-        return { bottom: colors.cyan["500"], front: colors.cyan["600"] };
+        return { bottom: "#06b6d4", front: "#0891b2" };
       case "yellow":
-        return { bottom: colors.yellow["500"], front: colors.yellow["600"] };
+        return { bottom: "#eab308", front: "#ca8a04" };
       default:
-        return { bottom: "#00b4d8", front: colors.sky["700"] };
+        return { bottom: "#00b4d8", front: "#0369a1" };
     }
   }, [color]);
   const classStyle = useMemo(() => {
@@ -330,26 +295,25 @@ var FunButton_default = FunButton;
 
 // src/Button/FunRoundButton.tsx
 import { useMemo as useMemo2 } from "react";
-import colors2 from "tailwindcss/dist/colors";
 import { motion as motion2 } from "framer-motion";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var FunRoundButton = ({ onClick, disabled, type, children, color, active, className, size = 44 }) => {
   const { front, bottom } = useMemo2(() => {
     switch (color) {
       case "primary":
-        return { bottom: "#00b4d8", front: colors2.sky["600"] };
+        return { bottom: "#00b4d8", front: "#0284c7" };
       case "red":
         return { bottom: disabled ? "hsl(340deg 100% 42%)" : "hsl(345deg 100% 47%)", front: disabled ? "hsl(340deg 100% 52%)" : "hsl(340deg 100% 32%)" };
       case "green":
-        return { bottom: disabled ? colors2.green["300"] : colors2.green["500"], front: disabled ? colors2.green["400"] : colors2.green["600"] };
+        return { bottom: disabled ? "#86efac" : "#22c55e", front: disabled ? "#4ade80" : "#16a34a" };
       case "purple":
-        return { bottom: disabled ? colors2.indigo["300"] : colors2.indigo["500"], front: disabled ? colors2.indigo["400"] : colors2.indigo["600"] };
+        return { bottom: disabled ? "#a5b4fc" : "#6366f1", front: disabled ? "#818cf8" : "#4f46e5" };
       case "teal":
-        return { bottom: disabled ? colors2.teal["300"] : colors2.teal["500"], front: disabled ? colors2.teal["400"] : colors2.teal["600"] };
+        return { bottom: disabled ? "#5eead4" : "#14b8a6", front: disabled ? "#2dd4bf" : "#0d9488" };
       case "yellow":
-        return { bottom: disabled ? colors2.yellow["300"] : colors2.yellow["500"], front: disabled ? colors2.yellow["400"] : colors2.yellow["600"] };
+        return { bottom: disabled ? "#fde047" : "#eab308", front: disabled ? "#facc15" : "#ca8a04" };
       default:
-        return { bottom: disabled ? colors2.gray["300"] : "#00b4d8", front: disabled ? colors2.sky["400"] : colors2.sky["700"] };
+        return { bottom: disabled ? "#d1d5db" : "#00b4d8", front: disabled ? "#38bdf8" : "#0369a1" };
     }
   }, [color, disabled]);
   return /* @__PURE__ */ jsx7(
@@ -490,7 +454,6 @@ var RadioOption = ({ name, isLarge, labelText, option, onSelect }) => {
 var RadioOption_default = RadioOption;
 
 // src/Common/BottomAlert.tsx
-import colors3 from "tailwindcss/dist/colors";
 import ReactDOM2 from "react-dom";
 import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 var BottomAlert = ({ isDark, setDontShowAgain, dontShowAgain, title, borderColor, onDismissed, cancelText, confirmText, onConfirm, onCancel, isSingleAction, children, buttonColor }) => {
@@ -505,7 +468,7 @@ var BottomAlert = ({ isDark, setDontShowAgain, dontShowAgain, title, borderColor
         background: isDark ? "rgba(0, 0, 0, 0.1)" : "rgba(255, 255, 255, 0.1)",
         zIndex: 9999
       },
-      children: /* @__PURE__ */ jsx11("div", { className: "absolute top-0 w-full h-screen flex justify-center bg-gray-200/90 dark:bg-slate-800/50", children: /* @__PURE__ */ jsx11("div", { className: "absolute sm:w-1/2 w-full mx-auto shadow-xl rounded-md p-6 flex z-50 flex-col top-24 bg-white dark:bg-slate-900 overflow-clip rounded-bl-lg rounded-br-lg border-b-8 border-b-blue-500", children: /* @__PURE__ */ jsxs4("div", { style: { borderColor: borderColor || colors3.sky["500"] }, children: [
+      children: /* @__PURE__ */ jsx11("div", { className: "absolute top-0 w-full h-screen flex justify-center bg-gray-200/90 dark:bg-slate-800/50", children: /* @__PURE__ */ jsx11("div", { className: "absolute sm:w-1/2 w-full mx-auto shadow-xl rounded-md p-6 flex z-50 flex-col top-24 bg-white dark:bg-slate-900 overflow-clip rounded-bl-lg rounded-br-lg border-b-8 border-b-blue-500", children: /* @__PURE__ */ jsxs4("div", { style: { borderColor: borderColor || "#0ea5e9" }, children: [
         /* @__PURE__ */ jsx11("h3", { className: "font-semibold font-header text-gray-700 dark:text-gray-300 text-xl", children: title }),
         /* @__PURE__ */ jsx11("div", { className: "mt-2 text-lg", children }),
         setDontShowAgain ? /* @__PURE__ */ jsxs4("div", { className: "flex items-center space-x-1", children: [
@@ -1570,17 +1533,13 @@ export {
   Tippy_default as Tippy,
   ToggleSwitch_default as ToggleSwitch,
   UserContentSwitcher_default as UserContentSwitcher,
-  balsamicSans,
   baseFieldStyle,
   createExerciseElementStyle,
   exerciseDeleteButton,
   exerciseEditButton,
   headerButtonClass,
   headerTippyClass,
-  openSans,
-  parkinsans,
   tippyClassname,
   toolbarExerciseButton,
-  ubuntu,
   xIconButton
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "evelearn-theme",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,7 +19,6 @@
     "autoprefixer": "^10.4.21",
     "formik": "^2.4.6",
     "framer-motion": "^12.23.0",
-    "next": "^15.3.5",
     "postcss": "^8.5.6",
     "tailwindcss": "^4.1.11",
     "tsup": "^8.5.0",