evelearn-theme 2.0.15 → 2.0.17

package/dist/index.js

@@ -466,7 +466,7 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
 var StepsComponent = function(param) {
     var steps = param.steps, activeStep = param.activeStep, onStepPress = param.onStepPress;
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
-        className: "flex justify-between items-center w-full p-1 mb-2",
+        className: "flex justify-between items-center space-x-1 w-full p-1 mb-2",
         children: steps.map(function(step, index) {
             return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
                 className: "flex justify-center items-center space-x-2 w-full",
@@ -482,7 +482,7 @@ var StepsComponent = function(param) {
                             className: "font-medium truncate",
                             children: [
                                 /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", {
-                                    className: "text-gray-500 dark:text-gray-400",
+                                    className: "text-semibold",
                                     children: [
                                         index + 1,
                                         ". "
@@ -2083,7 +2083,6 @@ var OverlaySpinner = function(param) {
     (0, import_react11.useEffect)(function() {
         return setMounted(true);
     }, []);
-    if (!mounted) return null;
     (0, import_react11.useEffect)(function() {
         if (modalRoot || !visible) return;
         var root = document.getElementById("spinner-root");
@@ -2102,7 +2101,7 @@ var OverlaySpinner = function(param) {
     }, [
         visible
     ]);
-    if (!visible) return null;
+    if (!visible || !mounted) return null;
     return (0, import_react_dom3.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", {
         className: "animate-fade-in",
         children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", {

package/dist/index.mjs

@@ -278,7 +278,7 @@ import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var StepsComponent = function(param) {
     var steps = param.steps, activeStep = param.activeStep, onStepPress = param.onStepPress;
     return /* @__PURE__ */ jsx6("div", {
-        className: "flex justify-between items-center w-full p-1 mb-2",
+        className: "flex justify-between items-center space-x-1 w-full p-1 mb-2",
         children: steps.map(function(step, index) {
             return /* @__PURE__ */ jsx6("div", {
                 className: "flex justify-center items-center space-x-2 w-full",
@@ -294,7 +294,7 @@ var StepsComponent = function(param) {
                             className: "font-medium truncate",
                             children: [
                                 /* @__PURE__ */ jsxs3("span", {
-                                    className: "text-gray-500 dark:text-gray-400",
+                                    className: "text-semibold",
                                     children: [
                                         index + 1,
                                         ". "
@@ -1895,7 +1895,6 @@ var OverlaySpinner = function(param) {
     useEffect6(function() {
         return setMounted(true);
     }, []);
-    if (!mounted) return null;
     useEffect6(function() {
         if (modalRoot || !visible) return;
         var root = document.getElementById("spinner-root");
@@ -1914,7 +1913,7 @@ var OverlaySpinner = function(param) {
     }, [
         visible
     ]);
-    if (!visible) return null;
+    if (!visible || !mounted) return null;
     return createPortal(/* @__PURE__ */ jsx36("div", {
         className: "animate-fade-in",
         children: /* @__PURE__ */ jsx36("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "evelearn-theme",
-  "version": "2.0.15",
+  "version": "2.0.17",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/chunk-XLPRFXMF.mjs

@@ -1,248 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/constants.tsx
-var PRIMARY_COLOR = "#00b4d8";
-
-// src/Common/Container.tsx
-import { jsx } from "react/jsx-runtime";
-var Container = ({ backgroundImage, style, children, onClick }) => {
-  return backgroundImage ? /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: __spreadValues({
-        backgroundImage,
-        backgroundSize: "cover"
-      }, style),
-      className: "w-full md:min-h-screen dark:bg-slate-950 mx-auto overflow-y-auto overflow-x-clip px-0 md:px-2 sm:py-4 py-1 relative",
-      onClick,
-      children: children ? children : null
-    }
-  ) : /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `w-full dark:bg-slate-950 mx-auto overflow-y-auto overflow-x-clip px-0 sm:px-16 relative pt-20`,
-      onClick,
-      style: style || { minHeight: "100vh" },
-      children: children ? children : null
-    }
-  );
-};
-var Container_default = Container;
-
-// src/Common/ErrorText.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var ErrorText = ({ text, style, classNames }) => {
-  return /* @__PURE__ */ jsx2("p", { className: classNames ? classNames : "text-red-500 font-semibold text-wrap py-auto", style, children: text });
-};
-var ErrorText_default = ErrorText;
-
-// src/Common/fieldStyle.ts
-var baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-800 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md  px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
-var createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-800 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
-var exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
-var xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
-var exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-green-500 transition-all duration-150 hover:scale-125";
-var tippyClassname = "p-2 bg-slate-600 dark:bg-slate-900 opacity-90 text-white font-medium font-header rounded-lg";
-var headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-white font-medium";
-var headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
-var toolbarExerciseButton = "flex bg-gray-50/90 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
-
-// src/Spinners/Spinner.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var Spinner = ({ visible = true, size, white, isDark }) => {
-  if (visible === false) return null;
-  const isWhite = white || isDark;
-  const color = isWhite ? "stroke-white/90" : "stroke-slate-600/80";
-  const bgColor = isWhite ? "stroke-white/20" : "stroke-slate-500/20";
-  const dimensions = size === "small" ? "w-5 h-5" : "w-8 h-8";
-  const spinnerClasses = `
-        absolute
-        top-0
-        animate-spin
-        ${dimensions}
-    `;
-  return /* @__PURE__ */ jsxs("div", { className: "relative h-8 w-8 flex justify-center items-center", children: [
-    /* @__PURE__ */ jsx3(
-      "svg",
-      {
-        className: `absolute top-0 ${dimensions} ${bgColor}`,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        strokeWidth: "2.4",
-        children: /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "10" })
-      }
-    ),
-    /* @__PURE__ */ jsx3(
-      "svg",
-      {
-        className: spinnerClasses,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        strokeWidth: "2.4",
-        strokeLinecap: "round",
-        children: /* @__PURE__ */ jsx3(
-          "path",
-          {
-            d: `
-                        M 12 2 
-                        A 10 10 0 0 1 22 12 
-                        A 10 10 0 0 1 12 22 
-                        A 10 10 0 0 1 2 12 
-                        A 10 10 0 0 1 12 2
-                    `,
-            strokeDasharray: "13 18.4",
-            stroke: "inherit",
-            className: color
-          }
-        )
-      }
-    )
-  ] });
-};
-var SpinnerCentered = (props) => {
-  if (props.visible === false) return null;
-  return /* @__PURE__ */ jsx3("div", { className: "w-full flex justify-center items-center", children: /* @__PURE__ */ jsx3(Spinner, __spreadValues({}, props)) });
-};
-Spinner.displayName = "Spinner";
-SpinnerCentered.displayName = "Spinner.Centered";
-Spinner.Centered = SpinnerCentered;
-var Spinner_default = Spinner;
-
-// src/Common/NoResults.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var HEIGHT = 160;
-var WIDTH = HEIGHT * (16 / 9);
-var NoResults = ({ loading, message }) => {
-  return /* @__PURE__ */ jsxs2("div", { className: "relative w-full flex justify-center items-center", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex justify-start w-full space-x-2 py-3 p-4 bg-slate-100 dark:bg-slate-800 rounded-md", children: [
-      /* @__PURE__ */ jsx4("div", { style: { width: `calc(${WIDTH}px + 1rem)`, height: 320 }, className: "rounded-lg overflow-hidden cursor-pointer hover:shadow-md transition-shadow duration-150 px-2 pt-2 bg-slate-200 dark:bg-slate-700 animate-pulse" }),
-      /* @__PURE__ */ jsx4("div", { style: { width: `calc(${WIDTH}px + 1rem)`, height: 320 }, className: "rounded-lg overflow-hidden cursor-pointer hover:shadow-md transition-shadow duration-150 px-2 pt-2 bg-slate-200 dark:bg-slate-700 animate-pulse" })
-    ] }),
-    !loading && /* @__PURE__ */ jsx4("div", { className: "absolute w-full h-full flex justify-center items-center m-auto", children: /* @__PURE__ */ jsx4("div", { className: "p-4 rounded-lg bg-white dark:bg-slate-700 shadow-xl", children: /* @__PURE__ */ jsx4("p", { className: "font-semibold text-lg text-gray-700 dark:text-gray-300", children: message || "No results" }) }) })
-  ] });
-};
-var NoResults_default = NoResults;
-
-// src/Common/Pill.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Pill = ({ text }) => {
-  return /* @__PURE__ */ jsx5("span", { className: "rounded-full px-3 py-1 text-sm font-header font-medium bg-white dark:bg-slate-900 text-gray-700 dark:text-gray-300 mr-2 mb-2", children: text });
-};
-var Pill_default = Pill;
-
-// src/Common/StepsComponent.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-var StepsComponent = ({ steps, activeStep, onStepPress }) => {
-  return /* @__PURE__ */ jsx6("div", { className: "flex justify-between items-center w-full p-1 mb-2", children: steps.map((step, index) => {
-    return /* @__PURE__ */ jsx6("div", { className: "flex justify-center items-center space-x-2 w-full", children: /* @__PURE__ */ jsx6("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsx6(
-      "button",
-      {
-        type: "button",
-        onClick: () => onStepPress(index),
-        className: `flex items-center space-x-2 px-4 py-2 rounded-lg min-w-10 md:min-w-20 sm:min-w-40 font-header transition-all duration-150
-                                        ${activeStep === index ? "bg-primary text-white shadow-lg scale-110 border-2 border-primary" : "bg-gray-100 dark:bg-slate-800 text-gray-700 dark:text-gray-200 hover:bg-gray-200 dark:hover:bg-slate-700 border-2 border-transparent hover:border-primary/30"}`,
-        children: /* @__PURE__ */ jsxs3("span", { className: "font-medium truncate", children: [
-          index + 1,
-          ".   ",
-          step.label
-        ] })
-      }
-    ) }) }, `step_${index}_${step.label}`);
-  }) });
-};
-var StepsComponent_default = StepsComponent;
-
-// src/Fade/Fade.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var Fade = ({ children, inProp }) => {
-  return /* @__PURE__ */ jsx7("div", { className: "animate-fade-in", children });
-};
-var Fade_default = Fade;
-
-// src/Backdrop/Backdrop.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var Backdrop = ({ visible, onClick, opacity }) => {
-  if (!visible) return null;
-  return /* @__PURE__ */ jsx8(
-    "div",
-    {
-      style: {
-        opacity: opacity ? opacity : 90,
-        zIndex: 21
-      },
-      className: `fixed top-0 left-0 w-full h-screen bg-gray-100 dark:bg-slate-900`,
-      onClick
-    }
-  );
-};
-var Backdrop_default = Backdrop;
-
-// src/Breakpoint/Breakpoint.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-var Breakpoint = ({ children, fromSize, toSize }) => {
-  let className = "";
-  if (fromSize && toSize) {
-    className = `hidden ${fromSize}:block ${toSize}:hidden`;
-  } else if (fromSize) {
-    className = `hidden ${fromSize}:block`;
-  } else if (toSize) {
-    className = `block ${toSize}:hidden`;
-  }
-  return /* @__PURE__ */ jsx9("div", { className, children });
-};
-var Breakpoint_default = Breakpoint;
-
-export {
-  __spreadValues,
-  __spreadProps,
-  __objRest,
-  PRIMARY_COLOR,
-  Container_default,
-  ErrorText_default,
-  baseFieldStyle,
-  createExerciseElementStyle,
-  exerciseDeleteButton,
-  xIconButton,
-  exerciseEditButton,
-  tippyClassname,
-  headerTippyClass,
-  headerButtonClass,
-  toolbarExerciseButton,
-  Spinner_default,
-  NoResults_default,
-  Pill_default,
-  StepsComponent_default,
-  Fade_default,
-  Backdrop_default,
-  Breakpoint_default
-};

package/dist/server.d.mts

@@ -1,88 +0,0 @@
-import React__default, { CSSProperties, ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const PRIMARY_COLOR = "#00b4d8";
-
-interface ContainerProps {
-    backgroundColor?: string;
-    backgroundImage?: string;
-    style?: React__default.CSSProperties;
-    onClick?: () => void;
-    isDark?: boolean;
-    children?: React__default.ReactNode;
-}
-declare const Container: React__default.FC<ContainerProps>;
-
-type Props$4 = {
-    text: string;
-    style?: CSSProperties | undefined;
-    classNames?: string;
-};
-declare const ErrorText: ({ text, style, classNames }: Props$4) => react_jsx_runtime.JSX.Element;
-
-declare const baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-800 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md  px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
-declare const createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-800 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
-declare const exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
-declare const xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
-declare const exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-green-500 transition-all duration-150 hover:scale-125";
-declare const tippyClassname = "p-2 bg-slate-600 dark:bg-slate-900 opacity-90 text-white font-medium font-header rounded-lg";
-declare const headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-white font-medium";
-declare const headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
-declare const toolbarExerciseButton = "flex bg-gray-50/90 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
-
-interface SpinnerProps {
-    size?: 'base' | 'small';
-    white?: boolean | string;
-    visible?: boolean | string;
-    isDark?: boolean;
-}
-declare const Spinner: {
-    ({ visible, size, white, isDark }: SpinnerProps): react_jsx_runtime.JSX.Element | null;
-    displayName: string;
-    Centered: {
-        (props: SpinnerProps): react_jsx_runtime.JSX.Element | null;
-        displayName: string;
-    };
-};
-
-type Props$3 = {
-    loading: boolean;
-    message?: string;
-};
-declare const NoResults: ({ loading, message }: Props$3) => react_jsx_runtime.JSX.Element;
-
-declare const Pill: ({ text }: {
-    text: string;
-}) => react_jsx_runtime.JSX.Element;
-
-type Step = {
-    label: ReactNode;
-};
-type Props$2 = {
-    steps: Step[];
-    activeStep: number;
-    onStepPress: (s: number) => void;
-};
-declare const StepsComponent: ({ steps, activeStep, onStepPress }: Props$2) => react_jsx_runtime.JSX.Element;
-
-type Props$1 = {
-    inProp: boolean;
-    children: React__default.ReactNode;
-};
-declare const Fade: ({ children, inProp }: Props$1) => react_jsx_runtime.JSX.Element;
-
-type Props = {
-    visible: boolean;
-    onClick: () => void;
-    opacity?: number;
-};
-declare const Backdrop: ({ visible, onClick, opacity }: Props) => react_jsx_runtime.JSX.Element | null;
-
-type Point = 'sm' | 'md' | 'lg' | 'xl';
-declare const Breakpoint: React__default.FC<{
-    fromSize?: Point;
-    toSize?: Point;
-    children: React__default.ReactNode;
-}>;
-
-export { Backdrop, Breakpoint, Container, ErrorText, Fade, NoResults, PRIMARY_COLOR, Pill, Spinner, StepsComponent, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, toolbarExerciseButton, xIconButton };

package/dist/server.d.ts

@@ -1,88 +0,0 @@
-import React__default, { CSSProperties, ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const PRIMARY_COLOR = "#00b4d8";
-
-interface ContainerProps {
-    backgroundColor?: string;
-    backgroundImage?: string;
-    style?: React__default.CSSProperties;
-    onClick?: () => void;
-    isDark?: boolean;
-    children?: React__default.ReactNode;
-}
-declare const Container: React__default.FC<ContainerProps>;
-
-type Props$4 = {
-    text: string;
-    style?: CSSProperties | undefined;
-    classNames?: string;
-};
-declare const ErrorText: ({ text, style, classNames }: Props$4) => react_jsx_runtime.JSX.Element;
-
-declare const baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-800 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md  px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
-declare const createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-800 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
-declare const exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
-declare const xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
-declare const exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-green-500 transition-all duration-150 hover:scale-125";
-declare const tippyClassname = "p-2 bg-slate-600 dark:bg-slate-900 opacity-90 text-white font-medium font-header rounded-lg";
-declare const headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-white font-medium";
-declare const headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
-declare const toolbarExerciseButton = "flex bg-gray-50/90 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
-
-interface SpinnerProps {
-    size?: 'base' | 'small';
-    white?: boolean | string;
-    visible?: boolean | string;
-    isDark?: boolean;
-}
-declare const Spinner: {
-    ({ visible, size, white, isDark }: SpinnerProps): react_jsx_runtime.JSX.Element | null;
-    displayName: string;
-    Centered: {
-        (props: SpinnerProps): react_jsx_runtime.JSX.Element | null;
-        displayName: string;
-    };
-};
-
-type Props$3 = {
-    loading: boolean;
-    message?: string;
-};
-declare const NoResults: ({ loading, message }: Props$3) => react_jsx_runtime.JSX.Element;
-
-declare const Pill: ({ text }: {
-    text: string;
-}) => react_jsx_runtime.JSX.Element;
-
-type Step = {
-    label: ReactNode;
-};
-type Props$2 = {
-    steps: Step[];
-    activeStep: number;
-    onStepPress: (s: number) => void;
-};
-declare const StepsComponent: ({ steps, activeStep, onStepPress }: Props$2) => react_jsx_runtime.JSX.Element;
-
-type Props$1 = {
-    inProp: boolean;
-    children: React__default.ReactNode;
-};
-declare const Fade: ({ children, inProp }: Props$1) => react_jsx_runtime.JSX.Element;
-
-type Props = {
-    visible: boolean;
-    onClick: () => void;
-    opacity?: number;
-};
-declare const Backdrop: ({ visible, onClick, opacity }: Props) => react_jsx_runtime.JSX.Element | null;
-
-type Point = 'sm' | 'md' | 'lg' | 'xl';
-declare const Breakpoint: React__default.FC<{
-    fromSize?: Point;
-    toSize?: Point;
-    children: React__default.ReactNode;
-}>;
-
-export { Backdrop, Breakpoint, Container, ErrorText, Fade, NoResults, PRIMARY_COLOR, Pill, Spinner, StepsComponent, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, toolbarExerciseButton, xIconButton };

package/dist/server.js

@@ -1,271 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/server.ts
-var server_exports = {};
-__export(server_exports, {
-  Backdrop: () => Backdrop_default,
-  Breakpoint: () => Breakpoint_default,
-  Container: () => Container_default,
-  ErrorText: () => ErrorText_default,
-  Fade: () => Fade_default,
-  NoResults: () => NoResults_default,
-  PRIMARY_COLOR: () => PRIMARY_COLOR,
-  Pill: () => Pill_default,
-  Spinner: () => Spinner_default,
-  StepsComponent: () => StepsComponent_default,
-  baseFieldStyle: () => baseFieldStyle,
-  createExerciseElementStyle: () => createExerciseElementStyle,
-  exerciseDeleteButton: () => exerciseDeleteButton,
-  exerciseEditButton: () => exerciseEditButton,
-  headerButtonClass: () => headerButtonClass,
-  headerTippyClass: () => headerTippyClass,
-  tippyClassname: () => tippyClassname,
-  toolbarExerciseButton: () => toolbarExerciseButton,
-  xIconButton: () => xIconButton
-});
-module.exports = __toCommonJS(server_exports);
-
-// src/constants.tsx
-var PRIMARY_COLOR = "#00b4d8";
-
-// src/Common/Container.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Container = ({ backgroundImage, style, children, onClick }) => {
-  return backgroundImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      style: __spreadValues({
-        backgroundImage,
-        backgroundSize: "cover"
-      }, style),
-      className: "w-full md:min-h-screen dark:bg-slate-950 mx-auto overflow-y-auto overflow-x-clip px-0 md:px-2 sm:py-4 py-1 relative",
-      onClick,
-      children: children ? children : null
-    }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      className: `w-full dark:bg-slate-950 mx-auto overflow-y-auto overflow-x-clip px-0 sm:px-16 relative pt-20`,
-      onClick,
-      style: style || { minHeight: "100vh" },
-      children: children ? children : null
-    }
-  );
-};
-var Container_default = Container;
-
-// src/Common/ErrorText.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var ErrorText = ({ text, style, classNames }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: classNames ? classNames : "text-red-500 font-semibold text-wrap py-auto", style, children: text });
-};
-var ErrorText_default = ErrorText;
-
-// src/Common/fieldStyle.ts
-var baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-800 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md  px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
-var createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-800 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
-var exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
-var xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
-var exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-green-500 transition-all duration-150 hover:scale-125";
-var tippyClassname = "p-2 bg-slate-600 dark:bg-slate-900 opacity-90 text-white font-medium font-header rounded-lg";
-var headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-white font-medium";
-var headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
-var toolbarExerciseButton = "flex bg-gray-50/90 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
-
-// src/Spinners/Spinner.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Spinner = ({ visible = true, size, white, isDark }) => {
-  if (visible === false) return null;
-  const isWhite = white || isDark;
-  const color = isWhite ? "stroke-white/90" : "stroke-slate-600/80";
-  const bgColor = isWhite ? "stroke-white/20" : "stroke-slate-500/20";
-  const dimensions = size === "small" ? "w-5 h-5" : "w-8 h-8";
-  const spinnerClasses = `
-        absolute
-        top-0
-        animate-spin
-        ${dimensions}
-    `;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "relative h-8 w-8 flex justify-center items-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "svg",
-      {
-        className: `absolute top-0 ${dimensions} ${bgColor}`,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        strokeWidth: "2.4",
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "10" })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "svg",
-      {
-        className: spinnerClasses,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        strokeWidth: "2.4",
-        strokeLinecap: "round",
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "path",
-          {
-            d: `
-                        M 12 2 
-                        A 10 10 0 0 1 22 12 
-                        A 10 10 0 0 1 12 22 
-                        A 10 10 0 0 1 2 12 
-                        A 10 10 0 0 1 12 2
-                    `,
-            strokeDasharray: "13 18.4",
-            stroke: "inherit",
-            className: color
-          }
-        )
-      }
-    )
-  ] });
-};
-var SpinnerCentered = (props) => {
-  if (props.visible === false) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "w-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Spinner, __spreadValues({}, props)) });
-};
-Spinner.displayName = "Spinner";
-SpinnerCentered.displayName = "Spinner.Centered";
-Spinner.Centered = SpinnerCentered;
-var Spinner_default = Spinner;
-
-// src/Common/NoResults.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var HEIGHT = 160;
-var WIDTH = HEIGHT * (16 / 9);
-var NoResults = ({ loading, message }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "relative w-full flex justify-center items-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex justify-start w-full space-x-2 py-3 p-4 bg-slate-100 dark:bg-slate-800 rounded-md", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { width: `calc(${WIDTH}px + 1rem)`, height: 320 }, className: "rounded-lg overflow-hidden cursor-pointer hover:shadow-md transition-shadow duration-150 px-2 pt-2 bg-slate-200 dark:bg-slate-700 animate-pulse" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { width: `calc(${WIDTH}px + 1rem)`, height: 320 }, className: "rounded-lg overflow-hidden cursor-pointer hover:shadow-md transition-shadow duration-150 px-2 pt-2 bg-slate-200 dark:bg-slate-700 animate-pulse" })
-    ] }),
-    !loading && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "absolute w-full h-full flex justify-center items-center m-auto", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "p-4 rounded-lg bg-white dark:bg-slate-700 shadow-xl", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "font-semibold text-lg text-gray-700 dark:text-gray-300", children: message || "No results" }) }) })
-  ] });
-};
-var NoResults_default = NoResults;
-
-// src/Common/Pill.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var Pill = ({ text }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "rounded-full px-3 py-1 text-sm font-header font-medium bg-white dark:bg-slate-900 text-gray-700 dark:text-gray-300 mr-2 mb-2", children: text });
-};
-var Pill_default = Pill;
-
-// src/Common/StepsComponent.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var StepsComponent = ({ steps, activeStep, onStepPress }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex justify-between items-center w-full p-1 mb-2", children: steps.map((step, index) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex justify-center items-center space-x-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "button",
-      {
-        type: "button",
-        onClick: () => onStepPress(index),
-        className: `flex items-center space-x-2 px-4 py-2 rounded-lg min-w-10 md:min-w-20 sm:min-w-40 font-header transition-all duration-150
-                                        ${activeStep === index ? "bg-primary text-white shadow-lg scale-110 border-2 border-primary" : "bg-gray-100 dark:bg-slate-800 text-gray-700 dark:text-gray-200 hover:bg-gray-200 dark:hover:bg-slate-700 border-2 border-transparent hover:border-primary/30"}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "font-medium truncate", children: [
-          index + 1,
-          ".   ",
-          step.label
-        ] })
-      }
-    ) }) }, `step_${index}_${step.label}`);
-  }) });
-};
-var StepsComponent_default = StepsComponent;
-
-// src/Fade/Fade.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Fade = ({ children, inProp }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "animate-fade-in", children });
-};
-var Fade_default = Fade;
-
-// src/Backdrop/Backdrop.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var Backdrop = ({ visible, onClick, opacity }) => {
-  if (!visible) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    "div",
-    {
-      style: {
-        opacity: opacity ? opacity : 90,
-        zIndex: 21
-      },
-      className: `fixed top-0 left-0 w-full h-screen bg-gray-100 dark:bg-slate-900`,
-      onClick
-    }
-  );
-};
-var Backdrop_default = Backdrop;
-
-// src/Breakpoint/Breakpoint.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Breakpoint = ({ children, fromSize, toSize }) => {
-  let className = "";
-  if (fromSize && toSize) {
-    className = `hidden ${fromSize}:block ${toSize}:hidden`;
-  } else if (fromSize) {
-    className = `hidden ${fromSize}:block`;
-  } else if (toSize) {
-    className = `block ${toSize}:hidden`;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className, children });
-};
-var Breakpoint_default = Breakpoint;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Backdrop,
-  Breakpoint,
-  Container,
-  ErrorText,
-  Fade,
-  NoResults,
-  PRIMARY_COLOR,
-  Pill,
-  Spinner,
-  StepsComponent,
-  baseFieldStyle,
-  createExerciseElementStyle,
-  exerciseDeleteButton,
-  exerciseEditButton,
-  headerButtonClass,
-  headerTippyClass,
-  tippyClassname,
-  toolbarExerciseButton,
-  xIconButton
-});

package/dist/server.mjs

@@ -1,42 +0,0 @@
-import {
-  Backdrop_default,
-  Breakpoint_default,
-  Container_default,
-  ErrorText_default,
-  Fade_default,
-  NoResults_default,
-  PRIMARY_COLOR,
-  Pill_default,
-  Spinner_default,
-  StepsComponent_default,
-  baseFieldStyle,
-  createExerciseElementStyle,
-  exerciseDeleteButton,
-  exerciseEditButton,
-  headerButtonClass,
-  headerTippyClass,
-  tippyClassname,
-  toolbarExerciseButton,
-  xIconButton
-} from "./chunk-XLPRFXMF.mjs";
-export {
-  Backdrop_default as Backdrop,
-  Breakpoint_default as Breakpoint,
-  Container_default as Container,
-  ErrorText_default as ErrorText,
-  Fade_default as Fade,
-  NoResults_default as NoResults,
-  PRIMARY_COLOR,
-  Pill_default as Pill,
-  Spinner_default as Spinner,
-  StepsComponent_default as StepsComponent,
-  baseFieldStyle,
-  createExerciseElementStyle,
-  exerciseDeleteButton,
-  exerciseEditButton,
-  headerButtonClass,
-  headerTippyClass,
-  tippyClassname,
-  toolbarExerciseButton,
-  xIconButton
-};