evelearn-theme 2.0.3 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.mts +11 -1
  2. package/dist/index.d.ts +11 -1
  3. package/dist/index.js +225 -199
  4. package/dist/index.mjs +192 -170
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -214,6 +214,9 @@ __export(index_exports, {
214
214
  CircleProgress: function() {
215
215
  return CircleProgress_default;
216
216
  },
217
+ Container: function() {
218
+ return Container_default;
219
+ },
217
220
  CourseProgress: function() {
218
221
  return CourseProgress_default;
219
222
  },
@@ -431,34 +434,56 @@ var NoResults = function(param) {
431
434
  });
432
435
  };
433
436
  var NoResults_default = NoResults;
434
- // src/Common/Pill.tsx
437
+ // src/Common/Container.tsx
435
438
  var import_jsx_runtime4 = require("react/jsx-runtime");
439
+ var Container = function(param) {
440
+ var backgroundImage = param.backgroundImage, style = param.style, children = param.children, onClick = param.onClick;
441
+ return backgroundImage ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", {
442
+ style: _object_spread({
443
+ backgroundImage: backgroundImage,
444
+ backgroundSize: "cover"
445
+ }, style),
446
+ 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",
447
+ onClick: onClick,
448
+ children: children ? children : null
449
+ }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", {
450
+ className: "w-full dark:bg-slate-950 mx-auto overflow-y-auto overflow-x-clip px-0 sm:px-16 relative pt-20",
451
+ onClick: onClick,
452
+ style: style || {
453
+ minHeight: "100vh"
454
+ },
455
+ children: children ? children : null
456
+ });
457
+ };
458
+ var Container_default = Container;
459
+ // src/Common/Pill.tsx
460
+ var import_jsx_runtime5 = require("react/jsx-runtime");
436
461
  var Pill = function(param) {
437
462
  var text = param.text;
438
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", {
463
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", {
439
464
  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",
440
465
  children: text
441
466
  });
442
467
  };
443
468
  var Pill_default = Pill;
444
469
  // src/Common/StepsComponent.tsx
445
- var import_jsx_runtime5 = require("react/jsx-runtime");
470
+ var import_jsx_runtime6 = require("react/jsx-runtime");
446
471
  var StepsComponent = function(param) {
447
472
  var steps = param.steps, activeStep = param.activeStep, onStepPress = param.onStepPress;
448
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", {
473
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
449
474
  className: "flex justify-between items-center w-full p-1 mb-2",
450
475
  children: steps.map(function(step, index) {
451
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", {
476
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
452
477
  className: "flex justify-center items-center space-x-2 w-full",
453
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", {
478
+ children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
454
479
  className: "flex flex-col items-center",
455
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", {
480
+ children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", {
456
481
  type: "button",
457
482
  onClick: function() {
458
483
  return onStepPress(index);
459
484
  },
460
485
  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\n ".concat(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"),
461
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", {
486
+ children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", {
462
487
  className: "font-medium truncate",
463
488
  children: [
464
489
  index + 1,
@@ -474,21 +499,21 @@ var StepsComponent = function(param) {
474
499
  };
475
500
  var StepsComponent_default = StepsComponent;
476
501
  // src/Fade/Fade.tsx
477
- var import_jsx_runtime6 = require("react/jsx-runtime");
502
+ var import_jsx_runtime7 = require("react/jsx-runtime");
478
503
  var Fade = function(param) {
479
504
  var children = param.children, inProp = param.inProp;
480
- return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
505
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {
481
506
  className: "animate-fade-in",
482
507
  children: children
483
508
  });
484
509
  };
485
510
  var Fade_default = Fade;
486
511
  // src/Backdrop/Backdrop.tsx
487
- var import_jsx_runtime7 = require("react/jsx-runtime");
512
+ var import_jsx_runtime8 = require("react/jsx-runtime");
488
513
  var Backdrop = function(param) {
489
514
  var visible = param.visible, onClick = param.onClick, opacity = param.opacity;
490
515
  if (!visible) return null;
491
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {
516
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", {
492
517
  style: {
493
518
  opacity: opacity ? opacity : 90,
494
519
  zIndex: 21
@@ -499,7 +524,7 @@ var Backdrop = function(param) {
499
524
  };
500
525
  var Backdrop_default = Backdrop;
501
526
  // src/Breakpoint/Breakpoint.tsx
502
- var import_jsx_runtime8 = require("react/jsx-runtime");
527
+ var import_jsx_runtime9 = require("react/jsx-runtime");
503
528
  var Breakpoint = function(param) {
504
529
  var children = param.children, fromSize = param.fromSize, toSize = param.toSize;
505
530
  var className = "";
@@ -510,7 +535,7 @@ var Breakpoint = function(param) {
510
535
  } else if (toSize) {
511
536
  className = "block ".concat(toSize, ":hidden");
512
537
  }
513
- return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", {
538
+ return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", {
514
539
  className: className,
515
540
  children: children
516
541
  });
@@ -519,7 +544,7 @@ var Breakpoint_default = Breakpoint;
519
544
  // src/Backdrop/Overlay.tsx
520
545
  var import_react = require("react");
521
546
  var import_react_dom = __toESM(require("react-dom"));
522
- var import_jsx_runtime9 = require("react/jsx-runtime");
547
+ var import_jsx_runtime10 = require("react/jsx-runtime");
523
548
  var Overlay = function(param) {
524
549
  var visible = param.visible, onDismissed = param.onDismissed, onClick = param.onClick, zIndex = param.zIndex, isDark = param.isDark, children = param.children, opacity = param.opacity, _param_withContainer = param.withContainer, withContainer = _param_withContainer === void 0 ? true : _param_withContainer;
525
550
  var _ref = _sliced_to_array((0, import_react.useState)(null), 2), modalRoot = _ref[0], setModalRoot = _ref[1];
@@ -541,9 +566,9 @@ var Overlay = function(param) {
541
566
  visible
542
567
  ]);
543
568
  if (!visible || !modalRoot) return null;
544
- return import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", {
569
+ return import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", {
545
570
  className: "animate-fade-in",
546
- children: withContainer ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", {
571
+ children: withContainer ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", {
547
572
  onClick: onDismissed || onClick,
548
573
  className: "top-0 left-0 fixed w-full h-screen flex items-center justify-center",
549
574
  style: {
@@ -556,7 +581,7 @@ var Overlay = function(param) {
556
581
  };
557
582
  var Overlay_default = Overlay;
558
583
  // src/Button/Button.tsx
559
- var import_jsx_runtime10 = require("react/jsx-runtime");
584
+ var import_jsx_runtime11 = require("react/jsx-runtime");
560
585
  var Button = function(param) {
561
586
  var _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, loading = param.loading, onClick = param.onClick, _param_kind = param.kind, kind = _param_kind === void 0 ? "primary" : _param_kind, _param_size = param.size, size = _param_size === void 0 ? "small" : _param_size, _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, children = param.children;
562
587
  var styled = function() {
@@ -595,16 +620,16 @@ var Button = function(param) {
595
620
  return "px-2 py-1";
596
621
  }
597
622
  };
598
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", {
623
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", {
599
624
  type: type || "button",
600
625
  disabled: disabled,
601
626
  className: "rounded-lg focus:outline-none transition duration-100 ".concat(styled(), " ").concat(sized()),
602
627
  onClick: onClick,
603
- children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", {
628
+ children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", {
604
629
  className: "w-full max-h-11",
605
- children: loading ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", {
630
+ children: loading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", {
606
631
  className: "flex w-full justify-center items-center",
607
- children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Spinner_default, {
632
+ children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Spinner_default, {
608
633
  white: true
609
634
  })
610
635
  }) : children
@@ -615,7 +640,7 @@ var Button_default = Button;
615
640
  // src/Button/FunButton.tsx
616
641
  var import_react2 = require("react");
617
642
  var import_framer_motion = require("framer-motion");
618
- var import_jsx_runtime11 = require("react/jsx-runtime");
643
+ var import_jsx_runtime12 = require("react/jsx-runtime");
619
644
  var FunButton = function(param) {
620
645
  var onClick = param.onClick, disabled = param.disabled, type = param.type, children = param.children, _param_color = param.color, color = _param_color === void 0 ? "primary" : _param_color, loading = param.loading, active = param.active, className = param.className, _param_size = param.size, size = _param_size === void 0 ? "base" : _param_size;
621
646
  var _ref = (0, import_react2.useMemo)(function() {
@@ -694,7 +719,7 @@ var FunButton = function(param) {
694
719
  classStyle,
695
720
  disabled
696
721
  ]);
697
- return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_framer_motion.motion.button, {
722
+ return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_framer_motion.motion.button, {
698
723
  className: "".concat(computedClassName),
699
724
  style: {
700
725
  background: front,
@@ -709,7 +734,7 @@ var FunButton = function(param) {
709
734
  duration: 0.1,
710
735
  ease: "easeInOut"
711
736
  },
712
- children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_framer_motion.motion.span, {
737
+ children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_framer_motion.motion.span, {
713
738
  className: computedClassStyle,
714
739
  style: {
715
740
  background: bottom,
@@ -728,9 +753,9 @@ var FunButton = function(param) {
728
753
  duration: 0.1,
729
754
  ease: "easeInOut"
730
755
  },
731
- children: loading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", {
756
+ children: loading ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", {
732
757
  className: size === "small" ? "min-h-6" : "min-h-10",
733
- children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Spinner_default.Centered, {
758
+ children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Spinner_default.Centered, {
734
759
  visible: true,
735
760
  size: size === "small" ? "small" : "base",
736
761
  white: true
@@ -743,7 +768,7 @@ var FunButton_default = FunButton;
743
768
  // src/Button/FunRoundButton.tsx
744
769
  var import_react3 = require("react");
745
770
  var import_framer_motion2 = require("framer-motion");
746
- var import_jsx_runtime12 = require("react/jsx-runtime");
771
+ var import_jsx_runtime13 = require("react/jsx-runtime");
747
772
  var FunRoundButton = function(param) {
748
773
  var onClick = param.onClick, disabled = param.disabled, type = param.type, children = param.children, color = param.color, active = param.active, className = param.className, _param_size = param.size, size = _param_size === void 0 ? 44 : _param_size;
749
774
  var _ref = (0, import_react3.useMemo)(function() {
@@ -788,7 +813,7 @@ var FunRoundButton = function(param) {
788
813
  color,
789
814
  disabled
790
815
  ]), front = _ref.front, bottom = _ref.bottom;
791
- return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_framer_motion2.motion.button, {
816
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_framer_motion2.motion.button, {
792
817
  className: "".concat(className || "border-none p-0 flex justify-center items-center cursor-pointer z-10", " ").concat(disabled ? "opacity-70 cursor-default" : "hover:opacity-95"),
793
818
  style: {
794
819
  background: front,
@@ -806,7 +831,7 @@ var FunRoundButton = function(param) {
806
831
  whileTap: {
807
832
  y: disabled ? 0 : 2
808
833
  },
809
- children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_framer_motion2.motion.span, {
834
+ children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_framer_motion2.motion.span, {
810
835
  className: "flex justify-center items-center z-10",
811
836
  style: {
812
837
  background: bottom,
@@ -838,7 +863,7 @@ var FunRoundButton_default = FunRoundButton;
838
863
  // src/Checkbox/Checkbox.tsx
839
864
  var import_react4 = require("react");
840
865
  var import_formik = require("formik");
841
- var import_jsx_runtime13 = require("react/jsx-runtime");
866
+ var import_jsx_runtime14 = require("react/jsx-runtime");
842
867
  var Checkbox = function(param) {
843
868
  var name = param.name, labelText = param.labelText, isLarge = param.isLarge, onChange = param.onChange, isDisabled = param.isDisabled;
844
869
  var _ref = _sliced_to_array((0, import_formik.useField)(name), 3), value = _ref[0].value, error = _ref[1].error, _ref_ = _ref[2], setValue = _ref_.setValue, setTouched = _ref_.setTouched;
@@ -849,13 +874,13 @@ var Checkbox = function(param) {
849
874
  var rand = (0, import_react4.useMemo)(function() {
850
875
  return Math.random();
851
876
  }, []);
852
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", {
877
+ return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", {
853
878
  className: "relative flex flex-col justify-center items-center",
854
879
  children: [
855
- /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", {
880
+ /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", {
856
881
  className: "flex items-center",
857
882
  children: [
858
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", {
883
+ /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", {
859
884
  disabled: !!isDisabled,
860
885
  onChange: function(e) {
861
886
  onCheck(e);
@@ -868,17 +893,17 @@ var Checkbox = function(param) {
868
893
  checked: !!value,
869
894
  className: "form-checkbox text-blue-600 focus:ring-blue-500 border-gray-300 rounded ".concat(isLarge ? "h-5 w-5" : "h-4 w-4")
870
895
  }),
871
- typeof labelText === "string" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", {
896
+ typeof labelText === "string" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", {
872
897
  htmlFor: "".concat(name).concat(rand),
873
898
  className: "ml-2 block text-sm text-gray-800 dark:text-gray-200",
874
899
  children: labelText
875
- }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", {
900
+ }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", {
876
901
  htmlFor: "".concat(name).concat(rand),
877
902
  children: labelText
878
903
  })
879
904
  ]
880
905
  }),
881
- error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ErrorText_default, {
906
+ error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ErrorText_default, {
882
907
  classNames: "absolute w-64 left-6 top-4 text-xs text-red-500",
883
908
  text: error
884
909
  })
@@ -903,11 +928,11 @@ var MultiChoiceCheckBox = function(param) {
903
928
  };
904
929
  }));
905
930
  };
906
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", {
931
+ return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", {
907
932
  className: "flex flex-col justify-center items-center",
908
- children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", {
933
+ children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", {
909
934
  className: "flex items-center",
910
- children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", {
935
+ children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", {
911
936
  onChange: function(e) {
912
937
  return onCheck(e);
913
938
  },
@@ -925,14 +950,14 @@ Checkbox.Multi = MultiChoiceCheckBox;
925
950
  var Checkbox_default = Checkbox;
926
951
  // src/Checkbox/RadioOption.tsx
927
952
  var import_formik2 = require("formik");
928
- var import_jsx_runtime14 = require("react/jsx-runtime");
953
+ var import_jsx_runtime15 = require("react/jsx-runtime");
929
954
  var RadioOption = function(param) {
930
955
  var name = param.name, isLarge = param.isLarge, labelText = param.labelText, option = param.option, onSelect = param.onSelect;
931
956
  var _ref = _sliced_to_array((0, import_formik2.useField)(name), 3), value = _ref[0].value, ref = _object_destructuring_empty(_ref[1]), setValue = _ref[2].setValue;
932
- return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", {
957
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", {
933
958
  className: "flex items-center",
934
959
  children: [
935
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", {
960
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("input", {
936
961
  onChange: function() {
937
962
  setValue(option);
938
963
  onSelect === null || onSelect === void 0 ? void 0 : onSelect();
@@ -944,11 +969,11 @@ var RadioOption = function(param) {
944
969
  checked: value === option,
945
970
  className: "form-checkbox text-blue-600 focus:ring-blue-500 border-gray-300 rounded ".concat(isLarge ? "h-5 w-5" : "h-4 w-4")
946
971
  }),
947
- typeof labelText === "string" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", {
972
+ typeof labelText === "string" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("label", {
948
973
  htmlFor: option,
949
974
  className: "ml-2 block text-sm text-gray-900",
950
975
  children: labelText
951
- }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", {
976
+ }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("label", {
952
977
  htmlFor: option,
953
978
  children: labelText
954
979
  })
@@ -958,39 +983,39 @@ var RadioOption = function(param) {
958
983
  var RadioOption_default = RadioOption;
959
984
  // src/Common/BottomAlert.tsx
960
985
  var import_react_dom2 = __toESM(require("react-dom"));
961
- var import_jsx_runtime15 = require("react/jsx-runtime");
986
+ var import_jsx_runtime16 = require("react/jsx-runtime");
962
987
  var BottomAlert = function(param) {
963
988
  var isDark = param.isDark, setDontShowAgain = param.setDontShowAgain, dontShowAgain = param.dontShowAgain, title = param.title, borderColor = param.borderColor, onDismissed = param.onDismissed, cancelText = param.cancelText, confirmText = param.confirmText, onConfirm = param.onConfirm, onCancel = param.onCancel, isSingleAction = param.isSingleAction, children = param.children, buttonColor = param.buttonColor;
964
989
  var dismiss = function() {
965
990
  onDismissed === null || onDismissed === void 0 ? void 0 : onDismissed();
966
991
  };
967
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", {
992
+ return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", {
968
993
  className: "top-0 left-0 fixed w-full h-screen flex justify-center",
969
994
  style: {
970
995
  background: isDark ? "rgba(0, 0, 0, 0.1)" : "rgba(255, 255, 255, 0.1)",
971
996
  zIndex: 9999
972
997
  },
973
- children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", {
998
+ children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", {
974
999
  className: "absolute top-0 w-full h-screen flex justify-center bg-gray-200/90 dark:bg-slate-800/50",
975
- children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", {
1000
+ children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", {
976
1001
  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",
977
- children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", {
1002
+ children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", {
978
1003
  style: {
979
1004
  borderColor: borderColor || "#0ea5e9"
980
1005
  },
981
1006
  children: [
982
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h3", {
1007
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", {
983
1008
  className: "font-semibold font-header text-gray-700 dark:text-gray-300 text-xl",
984
1009
  children: title
985
1010
  }),
986
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", {
1011
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", {
987
1012
  className: "mt-2 text-lg",
988
1013
  children: children
989
1014
  }),
990
- setDontShowAgain ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", {
1015
+ setDontShowAgain ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", {
991
1016
  className: "flex items-center space-x-1",
992
1017
  children: [
993
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("input", {
1018
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", {
994
1019
  onChange: function() {
995
1020
  setDontShowAgain(function(s) {
996
1021
  return !s;
@@ -1001,16 +1026,16 @@ var BottomAlert = function(param) {
1001
1026
  type: "checkbox",
1002
1027
  className: "form-checkbox text-blue-600 focus:ring-blue-500 border-gray-300 rounded h-4 w-4"
1003
1028
  }),
1004
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("label", {
1029
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", {
1005
1030
  htmlFor: "show_again_check",
1006
1031
  className: "dark:text-gray-200 text-gray-700",
1007
1032
  children: "Don't show again"
1008
1033
  })
1009
1034
  ]
1010
1035
  }) : null,
1011
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", {
1036
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", {
1012
1037
  className: "mt-4 flex items-center justify-end space-x-4 z-10",
1013
- children: isSingleAction ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button_default, {
1038
+ children: isSingleAction ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button_default, {
1014
1039
  type: "button",
1015
1040
  kind: buttonColor,
1016
1041
  onClick: function() {
@@ -1018,12 +1043,12 @@ var BottomAlert = function(param) {
1018
1043
  dismiss();
1019
1044
  },
1020
1045
  children: confirmText || "Okay"
1021
- }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", {
1046
+ }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", {
1022
1047
  className: "w-1/3 flex justify-end space-x-4",
1023
1048
  children: [
1024
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", {
1049
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", {
1025
1050
  className: "w-full flex flex-col",
1026
- children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button_default, {
1051
+ children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button_default, {
1027
1052
  type: "button",
1028
1053
  kind: "secondary",
1029
1054
  onClick: function() {
@@ -1033,9 +1058,9 @@ var BottomAlert = function(param) {
1033
1058
  children: cancelText || "Cancel"
1034
1059
  })
1035
1060
  }),
1036
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", {
1061
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", {
1037
1062
  className: "w-full flex flex-col",
1038
- children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button_default, {
1063
+ children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button_default, {
1039
1064
  type: "button",
1040
1065
  kind: buttonColor,
1041
1066
  onClick: function() {
@@ -1056,13 +1081,13 @@ var BottomAlert = function(param) {
1056
1081
  };
1057
1082
  var BAWrapper = function(props) {
1058
1083
  if (!props.isVisible) return null;
1059
- return import_react_dom2.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BottomAlert, _object_spread({}, props)), document.body);
1084
+ return import_react_dom2.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BottomAlert, _object_spread({}, props)), document.body);
1060
1085
  };
1061
1086
  var BottomAlert_default = BAWrapper;
1062
1087
  // src/Common/Tippy.tsx
1063
1088
  var import_react5 = require("react");
1064
1089
  var import_react6 = require("@floating-ui/react");
1065
- var import_jsx_runtime16 = require("react/jsx-runtime");
1090
+ var import_jsx_runtime17 = require("react/jsx-runtime");
1066
1091
  var Tippy = function(param) {
1067
1092
  var children = param.children, content = param.content, _param_placement = param.placement, placement = _param_placement === void 0 ? "top" : _param_placement, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_wrapperClassname = param.wrapperClassname, wrapperClassname = _param_wrapperClassname === void 0 ? "" : _param_wrapperClassname, _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, tmp = param.arrow, useArrow = tmp === void 0 ? false : tmp, visible = param.visible;
1068
1093
  var _ref = _sliced_to_array((0, import_react5.useState)(false), 2), isOpen = _ref[0], setIsOpen = _ref[1];
@@ -1097,11 +1122,11 @@ var Tippy = function(param) {
1097
1122
  dismiss,
1098
1123
  role
1099
1124
  ]), getReferenceProps = _ref2.getReferenceProps, getFloatingProps = _ref2.getFloatingProps;
1100
- return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, {
1125
+ return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, {
1101
1126
  children: [
1102
- isOpen && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react6.FloatingPortal, {
1127
+ isOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react6.FloatingPortal, {
1103
1128
  children: [
1104
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", _object_spread_props(_object_spread({
1129
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", _object_spread_props(_object_spread({
1105
1130
  ref: refs.setFloating,
1106
1131
  className: "z-[9999] ".concat(className || tippyClassname)
1107
1132
  }, getFloatingProps()), {
@@ -1113,7 +1138,7 @@ var Tippy = function(param) {
1113
1138
  },
1114
1139
  children: content
1115
1140
  })),
1116
- useArrow && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react6.FloatingArrow, {
1141
+ useArrow && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react6.FloatingArrow, {
1117
1142
  ref: arrowRef,
1118
1143
  context: context,
1119
1144
  className: "fill-gray-900",
@@ -1121,7 +1146,7 @@ var Tippy = function(param) {
1121
1146
  })
1122
1147
  ]
1123
1148
  }),
1124
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", _object_spread_props(_object_spread({
1149
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", _object_spread_props(_object_spread({
1125
1150
  ref: refs.setReference
1126
1151
  }, getReferenceProps()), {
1127
1152
  className: wrapperClassname,
@@ -1132,19 +1157,19 @@ var Tippy = function(param) {
1132
1157
  };
1133
1158
  var Tippy_default = Tippy;
1134
1159
  // src/Common/IconInfo.tsx
1135
- var import_jsx_runtime17 = require("react/jsx-runtime");
1160
+ var import_jsx_runtime18 = require("react/jsx-runtime");
1136
1161
  var IconInfo = function(param) {
1137
1162
  var content = param.content, icon = param.icon, number = param.number, color = param.color;
1138
- return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
1163
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
1139
1164
  className: "flex flex-shrink-0 items-center justify-center w-8 h-8 rounded-full bg-slate-400 dark:bg-slate-600 dark:border dark:border-white",
1140
- children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Tippy_default, {
1165
+ children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Tippy_default, {
1141
1166
  className: tippyClassname,
1142
1167
  content: content,
1143
- children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", {
1168
+ children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
1144
1169
  className: "relative",
1145
1170
  children: [
1146
1171
  icon,
1147
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", {
1172
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", {
1148
1173
  className: "absolute -bottom-1 ".concat(number > 9 ? number > 99 ? number > 999 ? "w-8 h-8 -right-6 -bottom-3" : "w-6 h-6 -right-5 -bottom-2" : "w-5 h-5 -right-3" : "w-4 -right-3", " flex justify-center items-center text-xs font-sans rounded-full text-white ").concat(color || "bg-secondary"),
1149
1174
  children: number
1150
1175
  })
@@ -1157,15 +1182,15 @@ var IconInfo_default = IconInfo;
1157
1182
  // src/Common/Modal.tsx
1158
1183
  var import_link = __toESM(require("next/link"));
1159
1184
  // src/Icons/XIcon.tsx
1160
- var import_jsx_runtime18 = require("react/jsx-runtime");
1185
+ var import_jsx_runtime19 = require("react/jsx-runtime");
1161
1186
  var XIcon = function(param) {
1162
1187
  var className = param.className;
1163
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("svg", {
1188
+ return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", {
1164
1189
  xmlns: "http://www.w3.org/2000/svg",
1165
1190
  className: className || "h-5 w-5",
1166
1191
  viewBox: "0 0 20 20",
1167
1192
  fill: "currentColor",
1168
- children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", {
1193
+ children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", {
1169
1194
  fillRule: "evenodd",
1170
1195
  d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
1171
1196
  clipRule: "evenodd"
@@ -1174,7 +1199,7 @@ var XIcon = function(param) {
1174
1199
  };
1175
1200
  var XIcon_default = XIcon;
1176
1201
  // src/Common/Modal.tsx
1177
- var import_jsx_runtime19 = require("react/jsx-runtime");
1202
+ var import_jsx_runtime20 = require("react/jsx-runtime");
1178
1203
  var Modal = function(_param) {
1179
1204
  var visible = _param.visible, children = _param.children, fullscreen = _param.fullscreen, displayDark = _param.displayDark, dismissLink = _param.dismissLink, bgOpacity = _param.bgOpacity, onDismissed = _param.onDismissed, _param_dismissable = _param.dismissable, dismissable = _param_dismissable === void 0 ? true : _param_dismissable, _param_dismissOnBackdropClick = _param.dismissOnBackdropClick, dismissOnBackdropClick = _param_dismissOnBackdropClick === void 0 ? true : _param_dismissOnBackdropClick, style = _param.style, props = _object_without_properties(_param, [
1180
1205
  "visible",
@@ -1189,43 +1214,43 @@ var Modal = function(_param) {
1189
1214
  "style"
1190
1215
  ]);
1191
1216
  if (!visible) return null;
1192
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Overlay_default, _object_spread_props(_object_spread({
1217
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Overlay_default, _object_spread_props(_object_spread({
1193
1218
  visible: visible,
1194
1219
  onClick: dismissOnBackdropClick ? onDismissed : void 0,
1195
1220
  isDark: displayDark,
1196
1221
  withContainer: true
1197
1222
  }, props), {
1198
- children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
1223
+ children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
1199
1224
  className: "".concat(displayDark && "dark", " bg-slate-900/20 fixed inset-0 flex items-center justify-center"),
1200
1225
  style: {
1201
1226
  zIndex: 1e4
1202
1227
  },
1203
- children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
1228
+ children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
1204
1229
  className: [
1205
1230
  "relative mx-1 w-full md:mx-auto md:w-3/4 lg:w-1/2",
1206
1231
  fullscreen && "md:w-5/6 lg:w-5/6"
1207
1232
  ].join(" "),
1208
1233
  children: [
1209
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, {
1210
- children: dismissLink ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_link.default, {
1234
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, {
1235
+ children: dismissLink ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_link.default, {
1211
1236
  href: dismissLink,
1212
1237
  scroll: false,
1213
- children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
1238
+ children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
1214
1239
  onClick: onDismissed,
1215
- children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(XIcon_default, {
1240
+ children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(XIcon_default, {
1216
1241
  className: "absolute h-5 w-5 top-5 sm:top-20 right-4 transition-colors cursor-pointer duration-75 hover:text-blue-500 dark:text-gray-200 dark:hover:text-blue-500"
1217
1242
  })
1218
1243
  })
1219
- }) : dismissable ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", {
1244
+ }) : dismissable ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", {
1220
1245
  className: "absolute top-5 sm:top-20 right-4 transition-colors cursor-pointer duration-75 hover:text-blue-500 dark:text-gray-200 dark:hover:text-blue-500",
1221
1246
  type: "button",
1222
1247
  onClick: onDismissed,
1223
- children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(XIcon_default, {
1248
+ children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(XIcon_default, {
1224
1249
  className: "h-5 w-5"
1225
1250
  })
1226
1251
  }) : null
1227
1252
  }),
1228
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
1253
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
1229
1254
  className: "my-1 sm:mt-16 bg-white dark:bg-slate-900 shadow-lg border border-gray-100 dark:border-none rounded-xl overflow-x-visible overflow-y-visible no-scrollbar",
1230
1255
  onClick: function(e) {
1231
1256
  return e.stopPropagation();
@@ -1233,9 +1258,9 @@ var Modal = function(_param) {
1233
1258
  style: _object_spread({
1234
1259
  maxHeight: "calc(100vh - 6rem)"
1235
1260
  }, style),
1236
- children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
1261
+ children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
1237
1262
  className: "p-4 sm:p-10",
1238
- children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
1263
+ children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
1239
1264
  className: "mt-8 sm:mt-0",
1240
1265
  children: children
1241
1266
  })
@@ -1249,7 +1274,7 @@ var Modal = function(_param) {
1249
1274
  var Modal_default = Modal;
1250
1275
  // src/Common/NoticeBox.tsx
1251
1276
  var import_react7 = require("react");
1252
- var import_jsx_runtime20 = require("react/jsx-runtime");
1277
+ var import_jsx_runtime21 = require("react/jsx-runtime");
1253
1278
  var NoticeBox = function(param) {
1254
1279
  var children = param.children, type = param.type, isDismissible = param.isDismissible, isVisible = param.isVisible, onDismiss = param.onDismiss;
1255
1280
  var _ref = _sliced_to_array((0, import_react7.useState)(true), 2), visible = _ref[0], setVisible = _ref[1];
@@ -1276,15 +1301,15 @@ var NoticeBox = function(param) {
1276
1301
  isVisible
1277
1302
  ]);
1278
1303
  if (!isVisible) return null;
1279
- return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
1304
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
1280
1305
  style: {
1281
1306
  zIndex: 100
1282
1307
  },
1283
1308
  className: styles,
1284
- children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
1309
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
1285
1310
  className: "relative",
1286
1311
  children: [
1287
- isDismissible && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", {
1312
+ isDismissible && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", {
1288
1313
  type: "button",
1289
1314
  onClick: function() {
1290
1315
  setVisible(function(s) {
@@ -1293,7 +1318,7 @@ var NoticeBox = function(param) {
1293
1318
  onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
1294
1319
  },
1295
1320
  className: "absolute bottom-1 right-1 transition-colors cursor-pointer duration-75 hover:text-blue-500",
1296
- children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(XIcon_default, {
1321
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(XIcon_default, {
1297
1322
  className: "h-5 w-5"
1298
1323
  })
1299
1324
  }),
@@ -1304,31 +1329,31 @@ var NoticeBox = function(param) {
1304
1329
  };
1305
1330
  var NoticeBox_default = NoticeBox;
1306
1331
  // src/Icons/StarIcon.tsx
1307
- var import_jsx_runtime21 = require("react/jsx-runtime");
1332
+ var import_jsx_runtime22 = require("react/jsx-runtime");
1308
1333
  var StarIcon = function(param) {
1309
1334
  var className = param.className, percentage = param.percentage, color = param.color;
1310
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("svg", {
1335
+ return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("svg", {
1311
1336
  xmlns: "http://www.w3.org/2000/svg",
1312
1337
  className: className || "h-5 w-5",
1313
1338
  viewBox: "0 0 20 20",
1314
1339
  fill: "currentColor",
1315
1340
  children: [
1316
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("defs", {
1317
- children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("linearGradient", {
1341
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("defs", {
1342
+ children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("linearGradient", {
1318
1343
  id: "grad",
1319
1344
  children: [
1320
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", {
1345
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("stop", {
1321
1346
  offset: "".concat((percentage || 0.5) * 100, "%"),
1322
1347
  "stop-color": color ? color : "#4b5563"
1323
1348
  }),
1324
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", {
1349
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("stop", {
1325
1350
  offset: "".concat(100 - (percentage || 0.5) * 100, "%"),
1326
1351
  "stop-color": "white"
1327
1352
  })
1328
1353
  ]
1329
1354
  })
1330
1355
  }),
1331
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", {
1356
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", {
1332
1357
  fill: "url(#grad)",
1333
1358
  d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
1334
1359
  })
@@ -1337,22 +1362,22 @@ var StarIcon = function(param) {
1337
1362
  };
1338
1363
  var StarIcon_default = StarIcon;
1339
1364
  // src/Icons/StarIconSolid.tsx
1340
- var import_jsx_runtime22 = require("react/jsx-runtime");
1365
+ var import_jsx_runtime23 = require("react/jsx-runtime");
1341
1366
  var StartIconSolid = function(param) {
1342
1367
  var className = param.className;
1343
- return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("svg", {
1368
+ return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("svg", {
1344
1369
  xmlns: "http://www.w3.org/2000/svg",
1345
1370
  className: className || "h-5 w-5",
1346
1371
  viewBox: "0 0 20 20",
1347
1372
  fill: "currentColor",
1348
- children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", {
1373
+ children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", {
1349
1374
  d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
1350
1375
  })
1351
1376
  });
1352
1377
  };
1353
1378
  var StarIconSolid_default = StartIconSolid;
1354
1379
  // src/Common/RatingStars.tsx
1355
- var import_jsx_runtime23 = require("react/jsx-runtime");
1380
+ var import_jsx_runtime24 = require("react/jsx-runtime");
1356
1381
  var RatingStars = function(param) {
1357
1382
  var avgRating = param.avgRating, large = param.large;
1358
1383
  var icons = [
@@ -1363,36 +1388,36 @@ var RatingStars = function(param) {
1363
1388
  5
1364
1389
  ].map(function(el) {
1365
1390
  if (avgRating === 0) {
1366
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StarIconSolid_default, {
1391
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StarIconSolid_default, {
1367
1392
  className: "".concat(large ? "h-5 w-5" : "h-3 w-3", " text-gray-200 dark:text-gray-400")
1368
1393
  }, "rating_star_".concat(el));
1369
1394
  }
1370
1395
  if (Number.isInteger(avgRating)) {
1371
1396
  if (el <= avgRating) {
1372
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StarIconSolid_default, {
1397
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StarIconSolid_default, {
1373
1398
  className: "".concat(large ? "h-5 w-5" : "h-3 w-3", " text-blue-500")
1374
1399
  }, "rating_star_".concat(el));
1375
1400
  }
1376
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StarIconSolid_default, {
1401
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StarIconSolid_default, {
1377
1402
  className: "".concat(large ? "h-5 w-5" : "h-3 w-3", " text-gray-200 dark:text-gray-400")
1378
1403
  }, "rating_star_".concat(el));
1379
1404
  }
1380
1405
  var whole = Math.floor(avgRating);
1381
1406
  if (el <= whole) {
1382
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StarIconSolid_default, {
1407
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StarIconSolid_default, {
1383
1408
  className: "".concat(large ? "h-5 w-5" : "h-3 w-3", " text-blue-500")
1384
1409
  }, "rating_star_".concat(el));
1385
1410
  }
1386
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StarIcon_default, {
1411
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StarIcon_default, {
1387
1412
  percentage: avgRating - whole,
1388
1413
  color: "#00b4d8",
1389
1414
  className: "".concat(large ? "h-5 w-5" : "h-3 w-3")
1390
1415
  }, "rating_star_".concat(el));
1391
1416
  });
1392
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Tippy_default, {
1417
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Tippy_default, {
1393
1418
  content: avgRating === 0 ? "No ratings" : "Average Rating " + avgRating,
1394
1419
  className: "bg-gray-800 opacity-90 text-white rounded-md px-2 py-1 cursor-pointer h-fit",
1395
- children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", {
1420
+ children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", {
1396
1421
  className: "flex items-center space-x-0 justify-start",
1397
1422
  children: icons
1398
1423
  })
@@ -1402,13 +1427,13 @@ var RatingStars_default = RatingStars;
1402
1427
  // src/Common/Slider.tsx
1403
1428
  var import_react8 = require("react");
1404
1429
  var import_use_debounce = require("use-debounce");
1405
- var import_jsx_runtime24 = require("react/jsx-runtime");
1430
+ var import_jsx_runtime25 = require("react/jsx-runtime");
1406
1431
  var Slider = function(param) {
1407
1432
  var min = param.min, max = param.max, step = param.step, value = param.value, onChange = param.onChange;
1408
1433
  var handleChange = function(event) {
1409
1434
  onChange(parseFloat(event.target.value));
1410
1435
  };
1411
- return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("input", {
1436
+ return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("input", {
1412
1437
  type: "range",
1413
1438
  min: min,
1414
1439
  max: max,
@@ -1427,7 +1452,7 @@ var DebouncedSlider = function(param) {
1427
1452
  trailing: true,
1428
1453
  leading: false
1429
1454
  });
1430
- return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Slider, {
1455
+ return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Slider, {
1431
1456
  min: min,
1432
1457
  max: max,
1433
1458
  step: 1,
@@ -1443,28 +1468,28 @@ var Slider_default = Slider;
1443
1468
  // src/Common/ToggleSwitch.tsx
1444
1469
  var import_formik3 = require("formik");
1445
1470
  var import_framer_motion3 = require("framer-motion");
1446
- var import_jsx_runtime25 = require("react/jsx-runtime");
1471
+ var import_jsx_runtime26 = require("react/jsx-runtime");
1447
1472
  var Formik = function(param) {
1448
1473
  var label = param.label, name = param.name;
1449
1474
  var _ref = _sliced_to_array((0, import_formik3.useField)(name), 3), value = _ref[0].value, setValue = _ref[2].setValue;
1450
1475
  var handleChange = function(e) {
1451
1476
  setValue(e.target.checked);
1452
1477
  };
1453
- return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", {
1478
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", {
1454
1479
  className: "flex items-center space-x-2 cursor-pointer",
1455
1480
  children: [
1456
- /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", {
1481
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", {
1457
1482
  className: "relative",
1458
1483
  children: [
1459
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("input", {
1484
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("input", {
1460
1485
  type: "checkbox",
1461
1486
  className: "opacity-0 absolute",
1462
1487
  checked: value,
1463
1488
  onChange: handleChange
1464
1489
  }),
1465
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", {
1490
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", {
1466
1491
  className: "w-10 h-6 rounded-full p-[4px] transition-colors duration-300 ".concat(value ? "bg-[#00b4d8]" : "bg-[#64748b]"),
1467
- children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_framer_motion3.motion.div, {
1492
+ children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_framer_motion3.motion.div, {
1468
1493
  className: "w-4 h-4 bg-white rounded-full absolute top-1",
1469
1494
  initial: false,
1470
1495
  animate: {
@@ -1479,7 +1504,7 @@ var Formik = function(param) {
1479
1504
  })
1480
1505
  ]
1481
1506
  }),
1482
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", {
1507
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", {
1483
1508
  className: "text-sm font-medium text-gray-800 dark:text-gray-200",
1484
1509
  children: label
1485
1510
  })
@@ -1491,21 +1516,21 @@ var ToggleSwitch = function(param) {
1491
1516
  var handleChange = function(e) {
1492
1517
  onChange(e.target.checked);
1493
1518
  };
1494
- return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", {
1519
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", {
1495
1520
  className: "flex items-center space-x-2 cursor-pointer",
1496
1521
  children: [
1497
- /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", {
1522
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", {
1498
1523
  className: "relative",
1499
1524
  children: [
1500
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("input", {
1525
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("input", {
1501
1526
  type: "checkbox",
1502
1527
  className: "opacity-0 absolute",
1503
1528
  checked: value,
1504
1529
  onChange: handleChange
1505
1530
  }),
1506
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", {
1531
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", {
1507
1532
  className: "w-10 h-6 rounded-full p-[4px] transition-colors duration-300 ".concat(value ? "bg-[#00b4d8]" : "bg-[#64748b]"),
1508
- children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_framer_motion3.motion.div, {
1533
+ children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_framer_motion3.motion.div, {
1509
1534
  className: "w-4 h-4 bg-white rounded-full absolute top-1",
1510
1535
  initial: false,
1511
1536
  animate: {
@@ -1520,7 +1545,7 @@ var ToggleSwitch = function(param) {
1520
1545
  })
1521
1546
  ]
1522
1547
  }),
1523
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", {
1548
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", {
1524
1549
  className: "text-sm font-medium text-gray-800 dark:text-gray-200",
1525
1550
  children: label
1526
1551
  })
@@ -1532,17 +1557,17 @@ var ToggleSwitch_default = ToggleSwitch;
1532
1557
  // src/Common/UserContentSwitcher.tsx
1533
1558
  var import_framer_motion4 = require("framer-motion");
1534
1559
  // src/Icons/PlusCircleIcon.tsx
1535
- var import_jsx_runtime26 = require("react/jsx-runtime");
1560
+ var import_jsx_runtime27 = require("react/jsx-runtime");
1536
1561
  var PlusCircleIcon = function(param) {
1537
1562
  var className = param.className;
1538
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("svg", {
1563
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", {
1539
1564
  xmlns: "http://www.w3.org/2000/svg",
1540
1565
  className: className || "h-5 w-5",
1541
1566
  fill: "none",
1542
1567
  viewBox: "0 0 24 24",
1543
1568
  stroke: "currentColor",
1544
1569
  strokeWidth: 2,
1545
- children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", {
1570
+ children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", {
1546
1571
  strokeLinecap: "round",
1547
1572
  strokeLinejoin: "round",
1548
1573
  d: "M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
@@ -1551,17 +1576,17 @@ var PlusCircleIcon = function(param) {
1551
1576
  };
1552
1577
  var PlusCircleIcon_default = PlusCircleIcon;
1553
1578
  // src/Icons/ArrowCircleRight.tsx
1554
- var import_jsx_runtime27 = require("react/jsx-runtime");
1579
+ var import_jsx_runtime28 = require("react/jsx-runtime");
1555
1580
  var StartIconSolid2 = function(param) {
1556
1581
  var className = param.className;
1557
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", {
1582
+ return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("svg", {
1558
1583
  xmlns: "http://www.w3.org/2000/svg",
1559
1584
  className: className || "h-5 w-5",
1560
1585
  fill: "none",
1561
1586
  viewBox: "0 0 24 24",
1562
1587
  stroke: "currentColor",
1563
1588
  strokeWidth: 2,
1564
- children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", {
1589
+ children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", {
1565
1590
  strokeLinecap: "round",
1566
1591
  strokeLinejoin: "round",
1567
1592
  d: "M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z"
@@ -1570,13 +1595,13 @@ var StartIconSolid2 = function(param) {
1570
1595
  };
1571
1596
  var ArrowCircleRight_default = StartIconSolid2;
1572
1597
  // src/Common/UserContentSwitcher.tsx
1573
- var import_jsx_runtime28 = require("react/jsx-runtime");
1598
+ var import_jsx_runtime29 = require("react/jsx-runtime");
1574
1599
  var UserContentSwitcher = function(param) {
1575
1600
  var Icon1 = param.icon1, Icon2 = param.icon2, setGalleryMode = param.setGalleryMode, galleryMode = param.galleryMode, title1 = param.title1, title2 = param.title2;
1576
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", {
1601
+ return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", {
1577
1602
  className: "relative flex flex-row items-center my-2 bg-slate-100 dark:bg-slate-900 w-full h-14 rounded-lg",
1578
1603
  children: [
1579
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_framer_motion4.motion.div, {
1604
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_framer_motion4.motion.div, {
1580
1605
  className: "absolute w-1/2 h-11 rounded-md bg-white dark:bg-slate-600",
1581
1606
  animate: {
1582
1607
  x: galleryMode === title1.toLowerCase() ? "1%" : "99%"
@@ -1587,36 +1612,36 @@ var UserContentSwitcher = function(param) {
1587
1612
  stiffness: 200
1588
1613
  }
1589
1614
  }),
1590
- /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("button", {
1615
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("button", {
1591
1616
  onClick: function() {
1592
1617
  return setGalleryMode(title1.toLowerCase());
1593
1618
  },
1594
1619
  className: "py-2 flex flex-row w-1/2 justify-center items-center gap-1 z-10",
1595
1620
  children: [
1596
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", {
1621
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", {
1597
1622
  className: "truncate ".concat(galleryMode === title1.toLowerCase() ? "text-primary dark:text-blue-400" : "text-slate-500 dark:text-slate-400 opacity-90"),
1598
1623
  children: title1.toLocaleUpperCase()
1599
1624
  }),
1600
- Icon1 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon1, {
1625
+ Icon1 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon1, {
1601
1626
  className: "h-5 w-5 ".concat(galleryMode === title1.toLowerCase() ? "text-primary dark:text-blue-400" : "text-slate-500 dark:text-slate-400 opacity-90")
1602
- }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PlusCircleIcon_default, {
1627
+ }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PlusCircleIcon_default, {
1603
1628
  className: "h-5 w-5 ".concat(galleryMode === title1.toLowerCase() ? "text-primary dark:text-blue-400" : "text-slate-500 dark:text-slate-400 opacity-90")
1604
1629
  })
1605
1630
  ]
1606
1631
  }),
1607
- /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("button", {
1632
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("button", {
1608
1633
  onClick: function() {
1609
1634
  return setGalleryMode(title2.toLowerCase());
1610
1635
  },
1611
1636
  className: "py-2 flex flex-row w-1/2 justify-center items-center gap-1 z-10",
1612
1637
  children: [
1613
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", {
1638
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", {
1614
1639
  className: "truncate ".concat(galleryMode === title2.toLowerCase() ? "text-primary dark:text-blue-400" : "text-slate-500 dark:text-slate-400 opacity-90"),
1615
1640
  children: title2.toLocaleUpperCase()
1616
1641
  }),
1617
- Icon2 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon2, {
1642
+ Icon2 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon2, {
1618
1643
  className: "h-5 w-5 ".concat(galleryMode === title2.toLowerCase() ? "text-primary dark:text-blue-400" : "text-slate-500 dark:text-slate-400 opacity-90")
1619
- }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ArrowCircleRight_default, {
1644
+ }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ArrowCircleRight_default, {
1620
1645
  className: "h-5 w-5 ".concat(galleryMode === title2.toLowerCase() ? "text-primary dark:text-blue-400" : "text-slate-500 dark:text-slate-400 opacity-90")
1621
1646
  })
1622
1647
  ]
@@ -1626,19 +1651,19 @@ var UserContentSwitcher = function(param) {
1626
1651
  };
1627
1652
  var UserContentSwitcher_default = UserContentSwitcher;
1628
1653
  // src/ProgressBar/ProgressBarSimple.tsx
1629
- var import_jsx_runtime29 = require("react/jsx-runtime");
1654
+ var import_jsx_runtime30 = require("react/jsx-runtime");
1630
1655
  var ProgressBarSimple = function(param) {
1631
1656
  var progress = param.progress, color = param.color, _param_height = param.height, height = _param_height === void 0 ? 10 : _param_height, _param_backgroundColor = param.backgroundColor, backgroundColor = _param_backgroundColor === void 0 ? "#ccc" : _param_backgroundColor;
1632
- return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", {
1657
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", {
1633
1658
  className: "w-full",
1634
- children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", {
1659
+ children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", {
1635
1660
  className: "w-full overflow-hidden transition-all duration-150 ease-in-out",
1636
1661
  style: {
1637
1662
  backgroundColor: backgroundColor,
1638
1663
  height: "".concat(height, "px"),
1639
1664
  borderRadius: "".concat(height / 2, "px")
1640
1665
  },
1641
- children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", {
1666
+ children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", {
1642
1667
  className: "transition-all duration-150 ease-in-out",
1643
1668
  style: {
1644
1669
  width: "".concat(progress, "%"),
@@ -1652,15 +1677,15 @@ var ProgressBarSimple = function(param) {
1652
1677
  };
1653
1678
  var ProgressBarSimple_default = ProgressBarSimple;
1654
1679
  // src/ProgressBar/ProgressBar.tsx
1655
- var import_jsx_runtime30 = require("react/jsx-runtime");
1680
+ var import_jsx_runtime31 = require("react/jsx-runtime");
1656
1681
  var ProgressBar = function(param) {
1657
1682
  var progress = param.progress;
1658
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", {
1659
- children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", {
1683
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", {
1684
+ children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", {
1660
1685
  className: "-mt-2 mb-6",
1661
- children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", {
1686
+ children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", {
1662
1687
  className: "bg-gray-100 rounded-full h-2",
1663
- children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", {
1688
+ children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", {
1664
1689
  className: "rounded-full h-2 ".concat(progress === 100 ? "bg-green-400" : "bg-gray-100"),
1665
1690
  style: {
1666
1691
  width: "".concat(progress, "%"),
@@ -1674,22 +1699,22 @@ var ProgressBar = function(param) {
1674
1699
  };
1675
1700
  var ProgressStepBar = function(param) {
1676
1701
  var steps = param.steps, stepIndex = param.stepIndex, onStepClick = param.onStepClick, color = param.color;
1677
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", {
1702
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", {
1678
1703
  className: "flex w-full items-center space-x-0.5 -mt-1 overflow-hidden",
1679
1704
  children: steps.map(function(el, i) {
1680
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", {
1705
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", {
1681
1706
  className: "flex-1 relative",
1682
- children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Tippy_default, {
1707
+ children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Tippy_default, {
1683
1708
  content: el.label,
1684
1709
  className: tippyClassname,
1685
- children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", {
1710
+ children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", {
1686
1711
  className: "mb-4",
1687
- children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", {
1712
+ children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", {
1688
1713
  onClick: function() {
1689
1714
  return onStepClick === null || onStepClick === void 0 ? void 0 : onStepClick(i);
1690
1715
  },
1691
1716
  className: "cursor-pointer bg-gray-100 rounded-full h-2 overflow-hidden",
1692
- children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", {
1717
+ children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", {
1693
1718
  className: "cursor-pointer rounded-full h-2 ".concat(stepIndex >= i ? "bg-green-400" : "bg-gray-100"),
1694
1719
  style: {
1695
1720
  width: "".concat(stepIndex >= i ? 100 : 0, "%"),
@@ -1706,7 +1731,7 @@ var ProgressStepBar = function(param) {
1706
1731
  ProgressBar.Step = ProgressStepBar;
1707
1732
  var ProgressBar_default = ProgressBar;
1708
1733
  // src/ProgressBar/CircleProgress.tsx
1709
- var import_jsx_runtime31 = require("react/jsx-runtime");
1734
+ var import_jsx_runtime32 = require("react/jsx-runtime");
1710
1735
  var CircleProgress = function(param) {
1711
1736
  var twColor = param.twColor, percentage = param.percentage, radius = param.radius, fill = param.fill, strokeWidth = param.strokeWidth;
1712
1737
  var r = radius;
@@ -1715,16 +1740,16 @@ var CircleProgress = function(param) {
1715
1740
  var w = Math.round(radius / 16);
1716
1741
  var strokeWidthCalc = strokeWidth ? strokeWidth : w < 8 ? 8 : w;
1717
1742
  var size = radius * 2 + strokeWidthCalc;
1718
- return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", {
1743
+ return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", {
1719
1744
  style: {
1720
1745
  height: size,
1721
1746
  width: size
1722
1747
  },
1723
- children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("svg", {
1748
+ children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("svg", {
1724
1749
  viewBox: "0 0 ".concat(size, " ").concat(size),
1725
1750
  className: "-rotate-90",
1726
1751
  children: [
1727
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("circle", {
1752
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("circle", {
1728
1753
  className: "text-white/50 dark:text-slate-200/50",
1729
1754
  strokeWidth: strokeWidthCalc - 0.5,
1730
1755
  stroke: "currentColor",
@@ -1733,7 +1758,7 @@ var CircleProgress = function(param) {
1733
1758
  cx: cx,
1734
1759
  cy: cy
1735
1760
  }),
1736
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("circle", {
1761
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("circle", {
1737
1762
  strokeDasharray: 2 * Math.PI * r,
1738
1763
  strokeDashoffset: 2 * Math.PI * r - percentage / 100 * 2 * Math.PI * r,
1739
1764
  stroke: twColor || "white/50",
@@ -1750,7 +1775,7 @@ var CircleProgress = function(param) {
1750
1775
  };
1751
1776
  var CircleProgress_default = CircleProgress;
1752
1777
  // src/ProgressBar/CourseProgress.tsx
1753
- var import_jsx_runtime32 = require("react/jsx-runtime");
1778
+ var import_jsx_runtime33 = require("react/jsx-runtime");
1754
1779
  var PRIMARY_COLOR2 = "#00b4d8";
1755
1780
  var CourseProgress = function(param) {
1756
1781
  var twColor = param.twColor, percentage = param.percentage, label = param.label;
@@ -1761,16 +1786,16 @@ var CourseProgress = function(param) {
1761
1786
  var fullLength = 2 * Math.PI * r;
1762
1787
  var length = fullLength * (percentage < 1 ? 1 - percentage : 0.01);
1763
1788
  var strokeDashoffset = 2 * Math.PI * r - percentage / 100 * 2 * Math.PI * r;
1764
- return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", {
1789
+ return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", {
1765
1790
  className: "flex items-center flex-col justify-center space-y-0 dark:bg-inherit dark:text-gray-300",
1766
1791
  children: [
1767
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", {
1792
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", {
1768
1793
  className: "relative flex items-center justify-center -my-2 -mt-1 overflow-hidden rounded-full",
1769
1794
  children: [
1770
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("svg", {
1795
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("svg", {
1771
1796
  className: "-rotate-90",
1772
1797
  children: [
1773
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("circle", {
1798
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("circle", {
1774
1799
  className: "text-gray-300",
1775
1800
  strokeWidth: strokeWidth,
1776
1801
  stroke: "currentColor",
@@ -1779,7 +1804,7 @@ var CourseProgress = function(param) {
1779
1804
  cx: cx,
1780
1805
  cy: cy
1781
1806
  }),
1782
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("circle", {
1807
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("circle", {
1783
1808
  style: {
1784
1809
  strokeDashoffset: strokeDashoffset
1785
1810
  },
@@ -1799,13 +1824,13 @@ var CourseProgress = function(param) {
1799
1824
  })
1800
1825
  ]
1801
1826
  }),
1802
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", {
1827
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", {
1803
1828
  className: "absolute top-[".concat(50 / 2, "] text-xl leading-none font-medium font-header hidden sm:block"),
1804
1829
  children: percentage.toString() + "%"
1805
1830
  })
1806
1831
  ]
1807
1832
  }),
1808
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", {
1833
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", {
1809
1834
  className: "font-medium sm:text-xl font-header text-center w-full",
1810
1835
  children: label
1811
1836
  })
@@ -1819,15 +1844,15 @@ var Small = function(param) {
1819
1844
  var r = 14;
1820
1845
  var strokeWidth = 4;
1821
1846
  var strokeDashoffset = 2 * Math.PI * r - percentage / 100 * 2 * Math.PI * r;
1822
- return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", {
1847
+ return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", {
1823
1848
  className: "flex items-center space-x-2 rounded-full bg-transparent border-2 border-slate-100 w-full",
1824
1849
  children: [
1825
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", {
1850
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", {
1826
1851
  className: "flex items-center justify-center overflow-hidden",
1827
- children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("svg", {
1852
+ children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("svg", {
1828
1853
  className: "w-10 h-11 transform translate-x-1 translate-y-1",
1829
1854
  children: [
1830
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("circle", {
1855
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("circle", {
1831
1856
  className: "text-gray-300",
1832
1857
  strokeWidth: strokeWidth,
1833
1858
  stroke: "currentColor",
@@ -1836,7 +1861,7 @@ var Small = function(param) {
1836
1861
  cx: cx,
1837
1862
  cy: cy
1838
1863
  }),
1839
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("circle", {
1864
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("circle", {
1840
1865
  style: {
1841
1866
  strokeDashoffset: strokeDashoffset
1842
1867
  },
@@ -1855,7 +1880,7 @@ var Small = function(param) {
1855
1880
  ]
1856
1881
  })
1857
1882
  }),
1858
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("p", {
1883
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", {
1859
1884
  className: "font-medium dark:text-gray-300 text-gray-600 text-sm font-header mt-1",
1860
1885
  children: [
1861
1886
  label,
@@ -1870,7 +1895,7 @@ CourseProgress.Small = Small;
1870
1895
  var CourseProgress_default = CourseProgress;
1871
1896
  // src/ProgressBar/ScrollProgress.tsx
1872
1897
  var import_react9 = require("react");
1873
- var import_jsx_runtime33 = require("react/jsx-runtime");
1898
+ var import_jsx_runtime34 = require("react/jsx-runtime");
1874
1899
  var PRIMARY_COLOR3 = "#00b4d8";
1875
1900
  var ScrollProgress = function() {
1876
1901
  var _ref = _sliced_to_array((0, import_react9.useState)(0), 2), scrollPercentage = _ref[0], setScrollPercentage = _ref[1];
@@ -1887,7 +1912,7 @@ var ScrollProgress = function() {
1887
1912
  window.removeEventListener("scroll", handleScroll);
1888
1913
  };
1889
1914
  }, []);
1890
- return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", {
1915
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", {
1891
1916
  style: {
1892
1917
  height: "4px",
1893
1918
  borderRadius: 2,
@@ -1898,7 +1923,7 @@ var ScrollProgress = function() {
1898
1923
  left: "0px",
1899
1924
  right: "0px"
1900
1925
  },
1901
- children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", {
1926
+ children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", {
1902
1927
  style: {
1903
1928
  height: "100%",
1904
1929
  backgroundColor: PRIMARY_COLOR3,
@@ -1911,7 +1936,7 @@ var ScrollProgress = function() {
1911
1936
  var ScrollProgress_default = ScrollProgress;
1912
1937
  // src/Icons/AnimateLogo.tsx
1913
1938
  var import_react10 = require("react");
1914
- var import_jsx_runtime34 = require("react/jsx-runtime");
1939
+ var import_jsx_runtime35 = require("react/jsx-runtime");
1915
1940
  var AnimateLogo = function() {
1916
1941
  var _ref = _sliced_to_array((0, import_react10.useState)(false), 2), isFirefox = _ref[0], setIsFirefox = _ref[1];
1917
1942
  (0, import_react10.useEffect)(function() {
@@ -1919,12 +1944,12 @@ var AnimateLogo = function() {
1919
1944
  setIsFirefox(userAgent.indexOf("Firefox") > -1);
1920
1945
  }, []);
1921
1946
  if (isFirefox) {
1922
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("svg", {
1947
+ return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", {
1923
1948
  xmlns: "http://www.w3.org/2000/svg",
1924
1949
  className: "animate-pulse",
1925
1950
  viewBox: "0 0 600 600",
1926
- children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("g", {
1927
- children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("path", {
1951
+ children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("g", {
1952
+ children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("path", {
1928
1953
  className: "stroke-black dark:stroke-white text-gray-900 dark:text-gray-50",
1929
1954
  stroke: "currentColor",
1930
1955
  fill: "none",
@@ -1934,7 +1959,7 @@ var AnimateLogo = function() {
1934
1959
  strokeDasharray: "1600",
1935
1960
  d: "M466.49 164.79c17.79 34.76 25.48 75.66 19.08 118.96-11.28 76.36-67.11 139.06-141.89 158.25-127.11 32.61-243.49-61.27-245.86-184.81C95.79 150.86 182.9 60.52 289.23 58.56c33.95-.63 66.08 7.48 94.22 22.29 0 0 15.68 6.34 10.14 23.19 0 0-68.52 219.82-352.61 268.06",
1936
1961
  children: [
1937
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("animate", {
1962
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("animate", {
1938
1963
  attributeName: "stroke-dashoffset",
1939
1964
  to: "0",
1940
1965
  from: "1600",
@@ -1946,7 +1971,7 @@ var AnimateLogo = function() {
1946
1971
  keySplines: "0 0.26 0 1;0 0.26 0 1;0 0.26 0 1;0 0.26 0 1",
1947
1972
  values: "1600;0;0;1600;1600"
1948
1973
  }),
1949
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("animateTransform", {
1974
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("animateTransform", {
1950
1975
  attributeName: "transform",
1951
1976
  type: "rotate",
1952
1977
  from: "0 300 300",
@@ -1964,10 +1989,10 @@ var AnimateLogo = function() {
1964
1989
  })
1965
1990
  });
1966
1991
  }
1967
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("svg", {
1992
+ return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", {
1968
1993
  xmlns: "http://www.w3.org/2000/svg",
1969
1994
  viewBox: "0 0 600 600",
1970
- children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("g", {
1995
+ children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("g", {
1971
1996
  style: {
1972
1997
  transformOrigin: "center"
1973
1998
  },
@@ -1975,7 +2000,7 @@ var AnimateLogo = function() {
1975
2000
  height: 176,
1976
2001
  width: 176,
1977
2002
  children: [
1978
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", {
2003
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", {
1979
2004
  className: "stroke-black dark:stroke-white text-gray-900 dark:text-gray-50",
1980
2005
  stroke: "currentColor",
1981
2006
  id: "motionPath",
@@ -1990,7 +2015,7 @@ var AnimateLogo = function() {
1990
2015
  strokeWidth: "82",
1991
2016
  strokeDasharray: "1600",
1992
2017
  d: "M466.49 164.79c17.79 34.76 25.48 75.66 19.08 118.96-11.28 76.36-67.11 139.06-141.89 158.25-127.11 32.61-243.49-61.27-245.86-184.81C95.79 150.86 182.9 60.52 289.23 58.56c33.95-.63 66.08 7.48 94.22 22.29 0 0 15.68 6.34 10.14 23.19 0 0-68.52 219.82-352.61 268.06",
1993
- children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("animate", {
2018
+ children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("animate", {
1994
2019
  attributeName: "stroke-dashoffset",
1995
2020
  to: "0",
1996
2021
  from: "1600",
@@ -2003,7 +2028,7 @@ var AnimateLogo = function() {
2003
2028
  values: "1600;0;0;1600;1600"
2004
2029
  })
2005
2030
  }),
2006
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("animateTransform", {
2031
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("animateTransform", {
2007
2032
  attributeName: "transform",
2008
2033
  type: "rotate",
2009
2034
  from: "0",
@@ -2024,7 +2049,7 @@ var AnimateLogo_default = AnimateLogo;
2024
2049
  // src/Spinners/OverlaySpinner.tsx
2025
2050
  var import_react11 = require("react");
2026
2051
  var import_react_dom3 = require("react-dom");
2027
- var import_jsx_runtime35 = require("react/jsx-runtime");
2052
+ var import_jsx_runtime36 = require("react/jsx-runtime");
2028
2053
  var OverlaySpinner = function(param) {
2029
2054
  var visible = param.visible;
2030
2055
  var _ref = _sliced_to_array((0, import_react11.useState)(false), 2), mounted = _ref[0], setMounted = _ref[1];
@@ -2033,13 +2058,13 @@ var OverlaySpinner = function(param) {
2033
2058
  }, []);
2034
2059
  if (!mounted) return null;
2035
2060
  if (!visible) return null;
2036
- return (0, import_react_dom3.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", {
2061
+ return (0, import_react_dom3.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", {
2037
2062
  className: "animate-fade-in",
2038
- children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", {
2063
+ children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", {
2039
2064
  className: "fixed top-0 left-0 w-full h-screen flex items-center justify-center z-50 dark:bg-black/70 bg-white/60",
2040
- children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", {
2065
+ children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", {
2041
2066
  className: "h-44 w-44 overflow-visible",
2042
- children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AnimateLogo_default, {})
2067
+ children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AnimateLogo_default, {})
2043
2068
  })
2044
2069
  })
2045
2070
  }), typeof window !== "undefined" ? document.body : {}, "spinner");
@@ -2054,6 +2079,7 @@ var OverlaySpinner_default = OverlaySpinner;
2054
2079
  Button: Button,
2055
2080
  Checkbox: Checkbox,
2056
2081
  CircleProgress: CircleProgress,
2082
+ Container: Container,
2057
2083
  CourseProgress: CourseProgress,
2058
2084
  ErrorText: ErrorText,
2059
2085
  Fade: Fade,